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

Comparing version 0.3.1 to 0.4.0

dist/npm/js/data.collection.d.ts

@@ -10,4 +10,4 @@ /**
     constructor(source: any[], index: number, endless: boolean, pageIndex: number);
-    data: any[];
-    total: number;
+    readonly data: any[];
+    readonly total: number;
     canMoveNext(): boolean;
@@ -22,6 +22,6 @@ canMovePrev(): boolean;
     constructor(accessor: () => DataResultIterator);
-    length: number;
-    total: number;
+    readonly length: number;
+    readonly total: number;
     canMoveNext(): boolean;
     canMovePrev(): boolean;
 }

dist/npm/js/draggable.d.ts

@@ -6,3 +6,3 @@ import { ElementRef, OnDestroy } from '@angular/core';
 export declare class KendoDraggableDirective implements OnDestroy {
-    private kendo;
+    kendo: any;
     private draggable;
@@ -9,0 +9,0 @@ constructor(ngEl: ElementRef);

dist/npm/js/main.d.ts

 export { ScrollViewComponent } from './scrollview.component';
 export { ScrollViewModule } from './scrollview.module';
+export { ScrollViewPagerComponent } from './scrollview-pager.component';

dist/npm/js/main.js

@@ -66,2 +66,4 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 	exports.ScrollViewModule = scrollview_module_1.ScrollViewModule;
+	var scrollview_pager_component_1 = __webpack_require__(11);
+	exports.ScrollViewPagerComponent = scrollview_pager_component_1.ScrollViewPagerComponent;
 
@@ -81,4 +83,10 @@
 
+/***/ },
+/* 11 */
+/***/ function(module, exports) {
+
+	module.exports = require("./scrollview-pager.component");
+
 /***/ }
 /******/ ])));
 //# sourceMappingURL=main.js.map

dist/npm/js/scrollview-pager.component.js

@@ -48,3 +48,3 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 
-	module.exports = __webpack_require__(11);
+	module.exports = __webpack_require__(12);
 
@@ -61,3 +61,3 @@
 
-/***/ 11:
+/***/ 12:
 /***/ function(module, exports, __webpack_require__) {
@@ -64,0 +64,0 @@

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

 import '@telerik/kendo-theme-default/styles/packages/buttons';
 import '@telerik/kendo-theme-default/styles/packages/scrollview';
 import { AnimationTransitionEvent, ApplicationRef, EventEmitter, ElementRef, TemplateRef, OnChanges } from "@angular/core";
+import { AnimationState } from "./enums";
 import { ItemChangedEvent } from './change-event-args';
+import { DataCollection } from './data.collection';
 /**
  * Represents the Kendo UI ScrollView component for Angular.
  *
- * @example <caption>Basic Usage</caption>
+ * @example
  * ```ts-preview
@@ -37,3 +39,3 @@ *
  *           <h2 class="demo-title">{{item.title}}</h2>
- *           <img src='{{item.url}}' alt='{{item.title}}' [ngStyle]="{minWidth: width}" />
+ *           <img src='{{item.url}}' alt='{{item.title}}' [ngStyle]="{minWidth: width}" draggable="false" />
  *         </template>
@@ -102,23 +104,28 @@ *       </kendo-scrollview>
     itemChanged: EventEmitter<ItemChangedEvent>;
-    protected itemTemplateRef: TemplateRef<any>;
-    private widgetClass;
-    private scrollViewClass;
-    private hostWidth;
-    private hostHeight;
-    private tabIndex;
-    private ariaLive;
+    itemTemplateRef: TemplateRef<any>;
+    readonly widgetClass: boolean;
+    readonly scrollViewClass: boolean;
+    readonly hostWidth: string;
+    readonly hostHeight: string;
+    readonly tabIndex: number;
+    readonly ariaLive: string;
+    animationState: AnimationState;
+    transitionStyle: {
+        [key: string]: string;
+    };
+    view: DataCollection;
+    isDataSourceEmpty: boolean;
     private _activeIndex;
     private index;
-    private transitionStyle;
     private initialTouchCoordinate;
     private pageIndex;
-    private isDataSourceEmpty;
-    private animationState;
-    private view;
     private transforms;
     constructor(element: ElementRef, application: ApplicationRef);
-    protected keyDown(e: KeyboardEvent): void;
     /**
      * @hidden
      */
+    keyDown(e: KeyboardEvent): void;
+    /**
+     * @hidden
+     */
     ngOnChanges(): void;
@@ -133,2 +140,18 @@ /**
     next(): void;
+    /**
+     * @hidden
+     */
+    transitionEndHandler(e: AnimationTransitionEvent): void;
+    /**
+     * @hidden
+     */
+    handlePress(e: any): void;
+    /**
+     * @hidden
+     */
+    handleDrag(e: any): void;
+    /**
+     * @hidden
+     */
+    handleRelease(e: any): void;
     protected pageChange(idx: number): void;
@@ -138,6 +161,2 @@ protected inlineStyles(idx: number): {
     };
-    protected transitionEndHandler(e: AnimationTransitionEvent): void;
-    protected handlePress(e: any): void;
-    protected handleDrag(e: any): void;
-    protected handleRelease(e: any): void;
     protected displayPrevArrow(): boolean;
@@ -144,0 +163,0 @@ protected displayNextArrow(): boolean;

dist/npm/js/scrollview.component.js

@@ -47,3 +47,3 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 
-	module.exports = __webpack_require__(12);
+	module.exports = __webpack_require__(13);
 
@@ -68,3 +68,4 @@
 /* 11 */,
-/* 12 */
+/* 12 */,
+/* 13 */
 /***/ function(module, exports, __webpack_require__) {
@@ -82,11 +83,11 @@
 	};
-	__webpack_require__(13);
-	__webpack_require__(18);
+	__webpack_require__(14);
+	__webpack_require__(19);
 	var core_1 = __webpack_require__(5);
-	var enums_1 = __webpack_require__(20);
-	var data_collection_1 = __webpack_require__(21);
+	var enums_1 = __webpack_require__(21);
+	var data_collection_1 = __webpack_require__(22);
 	/**
 	 * Represents the Kendo UI ScrollView component for Angular.
 	 *
-	 * @example <caption>Basic Usage</caption>
+	 * @example
 	 * ```ts-preview
@@ -120,3 +121,3 @@ *
 	 *           <h2 class="demo-title">{{item.title}}</h2>
-	 *           <img src='{{item.url}}' alt='{{item.title}}' [ngStyle]="{minWidth: width}" />
+	 *           <img src='{{item.url}}' alt='{{item.title}}' [ngStyle]="{minWidth: width}" draggable="false" />
 	 *         </template>
@@ -173,11 +174,11 @@ *       </kendo-scrollview>
 	        this.itemChanged = new core_1.EventEmitter();
-	        this._activeIndex = 0;
-	        this.index = 0;
+	        this.animationState = null;
 	        this.transitionStyle = {};
-	        this.pageIndex = null;
-	        this.isDataSourceEmpty = false;
-	        this.animationState = null;
 	        this.view = new data_collection_1.DataCollection(function () {
 	            return new data_collection_1.DataResultIterator(_this.data, _this.activeIndex, _this.endless, _this.pageIndex);
 	        });
+	        this.isDataSourceEmpty = false;
+	        this._activeIndex = 0;
+	        this.index = 0;
+	        this.pageIndex = null;
 	        this.transforms = ["translateX(-100%)", "translateX(0%)", "translateX(100%)"];
@@ -238,2 +239,5 @@ }
 	    ;
+	    /**
+	     * @hidden
+	     */
 	    ScrollViewComponent.prototype.keyDown = function (e) {
@@ -265,20 +269,5 @@ if (e.keyCode === enums_1.Keys.LeftArrow) {
 	    };
-	    ScrollViewComponent.prototype.pageChange = function (idx) {
-	        if (!this.animationState && this.activeIndex !== idx) {
-	            if (this.animate) {
-	                this.pageIndex = idx;
-	                this.animationState = (this.pageIndex > this.index ? "left" : "right");
-	            }
-	            else {
-	                this.activeIndex = idx;
-	            }
-	        }
-	    };
-	    ScrollViewComponent.prototype.inlineStyles = function (idx) {
-	        return {
-	            "transform": this.transforms[idx],
-	            "width": this.width,
-	            "height": this.height
-	        };
-	    };
+	    /**
+	     * @hidden
+	     */
 	    ScrollViewComponent.prototype.transitionEndHandler = function (e) {
@@ -296,5 +285,11 @@ this.animationState = null;
 	    };
+	    /**
+	     * @hidden
+	     */
 	    ScrollViewComponent.prototype.handlePress = function (e) {
 	        this.initialTouchCoordinate = e.pageX;
 	    };
+	    /**
+	     * @hidden
+	     */
 	    ScrollViewComponent.prototype.handleDrag = function (e) {
@@ -306,2 +301,5 @@ var deltaX = e.pageX - this.initialTouchCoordinate;
 	    };
+	    /**
+	     * @hidden
+	     */
 	    ScrollViewComponent.prototype.handleRelease = function (e) {
@@ -328,2 +326,20 @@ var deltaX = e.pageX - this.initialTouchCoordinate;
 	    };
+	    ScrollViewComponent.prototype.pageChange = function (idx) {
+	        if (!this.animationState && this.activeIndex !== idx) {
+	            if (this.animate) {
+	                this.pageIndex = idx;
+	                this.animationState = (this.pageIndex > this.index ? "left" : "right");
+	            }
+	            else {
+	                this.activeIndex = idx;
+	            }
+	        }
+	    };
+	    ScrollViewComponent.prototype.inlineStyles = function (idx) {
+	        return {
+	            "transform": this.transforms[idx],
+	            "width": this.width,
+	            "height": this.height
+	        };
+	    };
 	    ScrollViewComponent.prototype.displayPrevArrow = function () {
@@ -468,3 +484,3 @@ return (this.endless || this.activeIndex > 0) && this.view.total > 0;
 /***/ },
-/* 13 */
+/* 14 */
 /***/ function(module, exports) {
@@ -475,7 +491,7 @@
 /***/ },
-/* 14 */,
 /* 15 */,
 /* 16 */,
 /* 17 */,
-/* 18 */
+/* 18 */,
+/* 19 */
 /***/ function(module, exports) {
@@ -486,4 +502,4 @@
 /***/ },
-/* 19 */,
-/* 20 */
+/* 20 */,
+/* 21 */
 /***/ function(module, exports) {
@@ -494,3 +510,3 @@
 /***/ },
-/* 21 */
+/* 22 */
 /***/ function(module, exports) {
@@ -497,0 +513,0 @@

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

@@ -5,3 +5,3 @@ /**
  *
- * @example <caption>ScrollViewModule Usage</caption>
+ * @example
  *
@@ -8,0 +8,0 @@ * ```ts-no-run

dist/npm/js/scrollview.module.js

@@ -48,3 +48,3 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 
-	module.exports = __webpack_require__(22);
+	module.exports = __webpack_require__(23);
 
@@ -68,3 +68,10 @@
 
-/***/ 22:
+/***/ 11:
+/***/ function(module, exports) {
+
+	module.exports = require("./scrollview-pager.component");
+
+/***/ },
+
+/***/ 23:
 /***/ function(module, exports, __webpack_require__) {
@@ -83,5 +90,5 @@
 	var core_1 = __webpack_require__(5);
-	var common_1 = __webpack_require__(23);
+	var common_1 = __webpack_require__(24);
 	var scrollview_component_1 = __webpack_require__(9);
-	var scrollview_pager_component_1 = __webpack_require__(24);
+	var scrollview_pager_component_1 = __webpack_require__(11);
 	var draggable_1 = __webpack_require__(25);
@@ -100,3 +107,3 @@ var DECLARATIONS = [
 	 *
-	 * @example <caption>ScrollViewModule Usage</caption>
+	 * @example
 	 *
@@ -146,3 +153,3 @@ * ```ts-no-run
 
-/***/ 23:
+/***/ 24:
 /***/ function(module, exports) {
@@ -154,9 +161,2 @@
 
-/***/ 24:
-/***/ function(module, exports) {
-
-	module.exports = require("./scrollview-pager.component");
-
-/***/ },
-
 /***/ 25:
@@ -163,0 +163,0 @@ /***/ function(module, exports) {

package.json

 {
   "name": "@progress/kendo-angular-scrollview",
   "description": "A ScrollView Component for Angular 2",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "publishConfig": {
@@ -10,2 +10,5 @@ "registry": "https://registry.npm.telerik.com"
   "author": "Progress",
+  "@progress": {
+    "friendlyName": "ScrollView"
+  },
   "license": "SEE LICENSE in LICENSE.md",
@@ -20,3 +23,3 @@ "typings": "dist/npm/js/main",
     "api-check": "gulp api-check",
-    "build-package": "gulp build-npm-package",
+    "build-package": "gulp build-npm-package && gulp build-ngc-metadata",
     "build-cdn": "gulp build-cdn",
@@ -32,17 +35,16 @@ "semantic-release": "semantic-release pre && npm publish && semantic-release post"
   "peerDependencies": {
-    "@angular/common": "~2.0.0",
-    "@angular/core": "~2.0.0",
+    "@angular/common": "^2.0.0",
+    "@angular/core": "^2.0.0",
     "rxjs": "~5.0.0-X"
   },
-  "dependencies": {},
   "devDependencies": {
-    "@angular/common": "2.0.0",
-    "@angular/compiler": "2.0.0",
-    "@angular/core": "2.0.0",
-    "@angular/forms": "2.0.0",
+    "@angular/common": "^2.0.0",
+    "@angular/compiler": "^2.0.0",
+    "@angular/compiler-cli": "^2.0.0",
+    "@angular/core": "^2.0.0",
     "@angular/http": "2.0.0",
-    "@angular/platform-browser": "2.0.0",
-    "@angular/platform-browser-dynamic": "2.0.0",
-    "@angular/platform-server": "2.0.0",
-    "@progress/kendo-angular-tasks": "^4.0.0",
+    "@angular/platform-browser": "^2.0.0",
+    "@angular/platform-browser-dynamic": "^2.0.0",
+    "@angular/platform-server": "^2.0.0",
+    "@progress/kendo-angular-tasks": "^5.0.0",
     "@telerik/kendo-theme-default": "^1.24.0",
@@ -55,7 +57,8 @@ "@telerik/kendo-draggable": "^1.2.0",
     "gulp": "^3.9.0",
-    "rxjs": "5.0.0-beta.12",
+    "rxjs": "~5.0.0-X",
     "semantic-release": "^4.3.5",
     "typings": "^1.3.0",
     "validate-commit-msg": "^1.1.1",
-    "zone.js": "0.6.23"
+    "zone.js": "^0.6.23",
+    "typescript": "^2.0.3"
   },
@@ -62,0 +65,0 @@ "config": {

No alert changes

Improved metrics

Total package byte prevSize

311922

3.58%

Number of package files

36

20%

Lines of code

3567

0.93%

Worsened metrics

Dev dependency count

22

4.76%

No dependency changes