@progress/kendo-angular-inputs - npm Package Compare versions

Comparing version 0.10.0 to 0.10.1

dist/npm/js/inputs.module.d.ts

@@ -5,3 +5,3 @@ /**
  *
- * @example <caption>Inputs module use<caption>
+ * @example <caption>Inputs module use</caption>
  *
@@ -8,0 +8,0 @@ * ```ts-no-run

dist/npm/js/inputs.module.js

@@ -88,3 +88,3 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 	 *
-	 * @example <caption>Inputs module use<caption>
+	 * @example <caption>Inputs module use</caption>
 	 *
@@ -91,0 +91,0 @@ * ```ts-no-run

dist/npm/js/slider/slider.component.d.ts

@@ -86,3 +86,10 @@ import { ElementRef, OnChanges, AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
     increaseButton: ElementRef;
-    className: string;
+    horizontalClass: boolean;
+    verticalClass: boolean;
+    sliderClass: boolean;
+    widgetClass: boolean;
+    stateDefaultClass: boolean;
+    topLeftClass: boolean;
+    bottomRightClass: boolean;
+    disabledClass: boolean;
     tabIndex: number;
@@ -113,3 +120,2 @@ ariaDisabled: boolean;
     protected onKeyDown(event: KeyboardEvent): void;
-    protected widgetClasses: Object;
     protected onHandleRelease(): void;
@@ -116,0 +122,0 @@ /**

dist/npm/js/slider/slider.component.js

@@ -94,3 +94,3 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 	__webpack_require__(25);
-	var bundle_1 = __webpack_require__(26);
+	var main_1 = __webpack_require__(26);
 	var enums_1 = __webpack_require__(27);
@@ -129,3 +129,3 @@ __webpack_require__(28);
 	         */
-	        this.title = bundle_1.SliderUtil.identity;
+	        this.title = main_1.SliderUtil.identity;
 	        /**
@@ -202,6 +202,6 @@ * Changes the title attribute of the drag handle, so it can be localized.
 	        this.decreaseValue = function () {
-	            _this.changeValue(bundle_1.SliderUtil.decreaseValueToStep(_this.getProps()));
+	            _this.changeValue(main_1.SliderUtil.decreaseValueToStep(_this.getProps()));
 	        };
 	        this.increaseValue = function () {
-	            _this.changeValue(bundle_1.SliderUtil.increaseValueToStep(_this.getProps()));
+	            _this.changeValue(main_1.SliderUtil.increaseValueToStep(_this.getProps()));
 	        };
@@ -211,5 +211,5 @@ this.wrapper = el.nativeElement;
 	    }
-	    Object.defineProperty(SliderComponent.prototype, "className", {
+	    Object.defineProperty(SliderComponent.prototype, "horizontalClass", {
 	        get: function () {
-	            return this.vertical ? 'k-slider-vertical' : 'k-slider-horizontal';
+	            return !this.vertical;
 	        },
@@ -219,2 +219,51 @@ enumerable: true,
 	    });
+	    Object.defineProperty(SliderComponent.prototype, "verticalClass", {
+	        get: function () {
+	            return this.vertical;
+	        },
+	        enumerable: true,
+	        configurable: true
+	    });
+	    Object.defineProperty(SliderComponent.prototype, "sliderClass", {
+	        get: function () {
+	            return true;
+	        },
+	        enumerable: true,
+	        configurable: true
+	    });
+	    Object.defineProperty(SliderComponent.prototype, "widgetClass", {
+	        get: function () {
+	            return true;
+	        },
+	        enumerable: true,
+	        configurable: true
+	    });
+	    Object.defineProperty(SliderComponent.prototype, "stateDefaultClass", {
+	        get: function () {
+	            return true;
+	        },
+	        enumerable: true,
+	        configurable: true
+	    });
+	    Object.defineProperty(SliderComponent.prototype, "topLeftClass", {
+	        get: function () {
+	            return this.tickPlacement === 'before';
+	        },
+	        enumerable: true,
+	        configurable: true
+	    });
+	    Object.defineProperty(SliderComponent.prototype, "bottomRightClass", {
+	        get: function () {
+	            return this.tickPlacement === 'after';
+	        },
+	        enumerable: true,
+	        configurable: true
+	    });
+	    Object.defineProperty(SliderComponent.prototype, "disabledClass", {
+	        get: function () {
+	            return this.disabled;
+	        },
+	        enumerable: true,
+	        configurable: true
+	    });
 	    Object.defineProperty(SliderComponent.prototype, "tabIndex", {
@@ -265,3 +314,3 @@ get: function () {
 	    SliderComponent.prototype.ngOnChanges = function () {
-	        this.ticksCount = bundle_1.SliderUtil.calculateTicksCount(this.max, this.min, this.smallStep);
+	        this.ticksCount = main_1.SliderUtil.calculateTicksCount(this.max, this.min, this.smallStep);
 	    };
@@ -288,7 +337,7 @@ SliderComponent.prototype.ngAfterViewInit = function () {
 	        var index = ticks.indexOf(event.target);
-	        this.changeValue(bundle_1.SliderUtil.calculateValueFromTick(index, this.getProps()));
+	        this.changeValue(main_1.SliderUtil.calculateValueFromTick(index, this.getProps()));
 	    };
 	    SliderComponent.prototype.onTrackClick = function (event) {
 	        var trackClientRect = event.currentTarget.getBoundingClientRect();
-	        this.changeValue(bundle_1.SliderUtil.calculateValueFromTrack(trackClientRect, event, this.getProps()));
+	        this.changeValue(main_1.SliderUtil.calculateValueFromTrack(trackClientRect, event, this.getProps()));
 	    };
@@ -306,3 +355,3 @@ SliderComponent.prototype.onIncrement = function () {
 	        var element = this.track.nativeElement.getBoundingClientRect();
-	        this.changeValue(bundle_1.SliderUtil.calculateValueFromTrack(element, event, this.getProps()));
+	        this.changeValue(main_1.SliderUtil.calculateValueFromTrack(element, event, this.getProps()));
 	    };
@@ -316,21 +365,5 @@ SliderComponent.prototype.onKeyDown = function (event) {
 	            var value = handler(options);
-	            this.changeValue(bundle_1.SliderUtil.trimValue(max, min, value));
+	            this.changeValue(main_1.SliderUtil.trimValue(max, min, value));
 	        }
 	    };
-	    Object.defineProperty(SliderComponent.prototype, "widgetClasses", {
-	        get: function () {
-	            return {
-	                'k-widget': true,
-	                'k-slider': true,
-	                'k-state-default': true,
-	                'k-slider-vertical': this.vertical,
-	                'k-slider-horizontal': !this.vertical,
-	                'k-slider-topleft': this.tickPlacement === 'before',
-	                'k-slider-bottomright': this.tickPlacement === 'after',
-	                'k-state-disabled': this.disabled
-	            };
-	        },
-	        enumerable: true,
-	        configurable: true
-	    });
 	    SliderComponent.prototype.onHandleRelease = function () {
@@ -386,3 +419,3 @@ this.dragging = false; //needed for animation
 	        var props = this.getProps();
-	        var model = new bundle_1.SliderModel(props, wrapper, this.track.nativeElement);
+	        var model = new main_1.SliderModel(props, wrapper, this.track.nativeElement);
 	        model.resizeTrack();
@@ -414,3 +447,3 @@ if (this.ticks) {
 	            smallStep: this.smallStep,
-	            value: bundle_1.SliderUtil.trimValue(this.max, this.min, this.value),
+	            value: main_1.SliderUtil.trimValue(this.max, this.min, this.value),
 	            vertical: this.vertical
@@ -500,6 +533,34 @@ };
 	    __decorate([
-	        core_1.HostBinding('class'), 
-	        __metadata('design:type', String)
-	    ], SliderComponent.prototype, "className", null);
+	        core_1.HostBinding('class.k-slider-horizontal'), 
+	        __metadata('design:type', Boolean)
+	    ], SliderComponent.prototype, "horizontalClass", null);
 	    __decorate([
+	        core_1.HostBinding('class.k-slider-vertical'), 
+	        __metadata('design:type', Boolean)
+	    ], SliderComponent.prototype, "verticalClass", null);
+	    __decorate([
+	        core_1.HostBinding('class.k-slider'), 
+	        __metadata('design:type', Boolean)
+	    ], SliderComponent.prototype, "sliderClass", null);
+	    __decorate([
+	        core_1.HostBinding('class.k-widget'), 
+	        __metadata('design:type', Boolean)
+	    ], SliderComponent.prototype, "widgetClass", null);
+	    __decorate([
+	        core_1.HostBinding('class.k-state-default'), 
+	        __metadata('design:type', Boolean)
+	    ], SliderComponent.prototype, "stateDefaultClass", null);
+	    __decorate([
+	        core_1.HostBinding('class.k-slider-topleft'), 
+	        __metadata('design:type', Boolean)
+	    ], SliderComponent.prototype, "topLeftClass", null);
+	    __decorate([
+	        core_1.HostBinding('class.k-slider-bottomright'), 
+	        __metadata('design:type', Boolean)
+	    ], SliderComponent.prototype, "bottomRightClass", null);
+	    __decorate([
+	        core_1.HostBinding('class.k-state-disabled'), 
+	        __metadata('design:type', Boolean)
+	    ], SliderComponent.prototype, "disabledClass", null);
+	    __decorate([
 	        core_1.HostBinding('tabIndex'), 
@@ -549,3 +610,3 @@ __metadata('design:type', Number)
 	            selector: 'kendo-slider',
-	            template: "\n    <div [ngClass]=\"widgetClasses\">\n        <div class=\"k-slider-wrap k-slider-buttons\">\n            <a\n                #decreaseButton\n                *ngIf=\"showButtons\"\n                class=\"k-button k-button-decrease\"\n                [title]=\"decrementTitle\"\n            >\n                <span\n                    [class.k-icon]=\"true\"\n                    [class.k-i-arrow-w]=\"!vertical\"\n                    [class.k-i-arrow-s]=\"vertical\"\n                >\n                </span>\n            </a>\n            <a\n                *ngIf=\"showButtons\"\n                #increaseButton\n                class=\"k-button k-button-increase\"\n                [title]=\"incrementTitle\"\n            >\n                <span\n                    [class.k-icon]=\"true\"\n                    [class.k-i-arrow-e]=\"!vertical\"\n                    [class.k-i-arrow-n]=\"vertical\"\n                >\n                </span>\n            </a>\n            <kendo-slider-ticks\n                #ticks\n                *ngIf=\"tickPlacement !== 'none'\"\n                [title]=\"title\"\n                [vertical]=\"vertical\"\n                [ticksCount]=\"ticksCount\"\n                [step]=\"smallStep\"\n                (tickClick)=\"ifEnabled(onTickClick, $event)\"\n            >\n            </kendo-slider-ticks>\n        <div #track\n            class=\"k-slider-track\"\n            (click)=\"ifEnabled(onTrackClick, $event)\">\n            <div #sliderSelection\n                [class.k-slider-selection]=\"true\"\n                [class.k-pressed]=\"dragging\"\n                >\n            </div>\n                <a #draghandle\n                    [class.k-draghandle]=\"true\"\n                    [class.k-pressed]=\"dragging\"\n                    [title]=\"dragHandleTitle\"\n                    kendoDraggable\n                    (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n                    (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n                >Drag</a>\n            </div>\n        </div>\n    </div>\n  "
+	            template: "\n\n        <div class=\"k-slider-wrap k-slider-buttons\">\n            <a\n                #decreaseButton\n                *ngIf=\"showButtons\"\n                class=\"k-button k-button-decrease\"\n                [title]=\"decrementTitle\"\n            >\n                <span\n                    [class.k-icon]=\"true\"\n                    [class.k-i-arrow-w]=\"!vertical\"\n                    [class.k-i-arrow-s]=\"vertical\"\n                >\n                </span>\n            </a>\n            <a\n                *ngIf=\"showButtons\"\n                #increaseButton\n                class=\"k-button k-button-increase\"\n                [title]=\"incrementTitle\"\n            >\n                <span\n                    [class.k-icon]=\"true\"\n                    [class.k-i-arrow-e]=\"!vertical\"\n                    [class.k-i-arrow-n]=\"vertical\"\n                >\n                </span>\n            </a>\n            <kendo-slider-ticks\n                #ticks\n                *ngIf=\"tickPlacement !== 'none'\"\n                [title]=\"title\"\n                [vertical]=\"vertical\"\n                [ticksCount]=\"ticksCount\"\n                [step]=\"smallStep\"\n                (tickClick)=\"ifEnabled(onTickClick, $event)\"\n            >\n            </kendo-slider-ticks>\n        <div #track\n            class=\"k-slider-track\"\n            (click)=\"ifEnabled(onTrackClick, $event)\">\n            <div #sliderSelection\n                [class.k-slider-selection]=\"true\"\n                [class.k-pressed]=\"dragging\"\n                >\n            </div>\n                <a #draghandle\n                    [class.k-draghandle]=\"true\"\n                    [class.k-pressed]=\"dragging\"\n                    [title]=\"dragHandleTitle\"\n                    kendoDraggable\n                    (kendo.drag)=\"ifEnabled(onHandleDrag ,$event)\"\n                    (kendo.release)=\"ifEnabled(onHandleRelease, $event)\"\n                >Drag</a>\n            </div>\n        </div>\n\n  "
 	        }), 
@@ -623,3 +684,3 @@ __metadata('design:paramtypes', [core_1.ElementRef])
 
-	module.exports = require("@telerik/kendo-inputs-common/dist/npm/js/bundle");
+	module.exports = require("@telerik/kendo-inputs-common/dist/npm/js/main");
 
@@ -626,0 +687,0 @@ /***/ },

dist/npm/js/switch/switch.component.d.ts

@@ -1,2 +0,2 @@
-import { AfterViewInit } from '@angular/core';
+import { EventEmitter, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
@@ -19,11 +19,11 @@ import '@telerik/kendo-theme-default/styles/packages/inputs';
      */
-    private checked;
+    checked: boolean;
     /**
      * Disables the Switch when set to `true`.
      */
-    private disabled;
+    disabled: boolean;
     /**
      * Fires each time the user selects a new value.
      */
-    private valueChange;
+    valueChange: EventEmitter<any>;
     private dragHandle;
@@ -30,0 +30,0 @@ private wrapper;

dist/npm/js/switch/switch.component.js

@@ -70,3 +70,3 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 
-	module.exports = require("@telerik/kendo-inputs-common/dist/npm/js/bundle");
+	module.exports = require("@telerik/kendo-inputs-common/dist/npm/js/main");
 
@@ -106,3 +106,3 @@ /***/ },
 	var enums_1 = __webpack_require__(27);
-	var bundle_1 = __webpack_require__(26);
+	var main_1 = __webpack_require__(26);
 	/**
@@ -165,3 +165,3 @@ * Represents the Kendo UI Switch component for Angular.
 	        };
-	        this.controller = new bundle_1.SwitchController(this.updateView, this.changeValue);
+	        this.controller = new main_1.SwitchController(this.updateView, this.changeValue);
 	    }
@@ -168,0 +168,0 @@ /**

package.json

 {
   "name": "@progress/kendo-angular-inputs",
   "description": "Inputs Package for Angular 2",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "publishConfig": {
@@ -39,3 +39,3 @@ "registry": "https://registry.npm.telerik.com"
     "@telerik/kendo-draggable": "^1.2.0",
-    "@telerik/kendo-inputs-common": "^1.0.4",
+    "@telerik/kendo-inputs-common": "^2.0.0",
     "core-js": "^2.2.2",
@@ -42,0 +42,0 @@ "rxjs": "5.0.0-beta.12",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

296809

increased by1.01%

Lines of code

3085

increased by2.15%

Dependency changes

• + Added@telerik/kendo-inputs-common@2.4.0(transitive)

• - Removed@telerik/kendo-inputs-common@1.2.0(transitive)

• Updated@telerik/kendo-inputs-common@^2.0.0