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

Comparing version 0.7.0 to 0.8.0

dist/cdn/js/kendo-angular-scrollview.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("rxjs/symbol/iterator"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","rxjs/symbol/iterator","@angular/common"],t):"object"==typeof exports?exports.KendoAngularScrollview=t(require("@angular/core"),require("rxjs/symbol/iterator"),require("@angular/common")):e.KendoAngularScrollview=t(e["@angular/core"],e["rxjs/symbol/iterator"],e["@angular/common"])}(this,function(e,t,n){return function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";var i=n(1);t.ScrollViewComponent=i.ScrollViewComponent;var o=n(6);t.ScrollViewModule=o.ScrollViewModule;var r=n(8);t.ScrollViewPagerComponent=r.ScrollViewPagerComponent;var a=n(9);t.KendoDraggableDirective=a.KendoDraggableDirective},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(3),s=n(4),l=function(){function e(e,t){var n=this;this.element=e,this.application=t,this.data=[],this.endless=!1,this.animate=!0,this.pageable=!1,this.arrows=!1,this.itemChanged=new r.EventEmitter,this.animationState=null,this.transitionStyle={},this.view=new s.DataCollection(function(){return new s.DataResultIterator(n.data,n.activeIndex,n.endless,n.pageIndex)}),this.isDataSourceEmpty=!1,this._activeIndex=0,this.index=0,this.pageIndex=null,this.transforms=["translateX(-100%)","translateX(0%)","translateX(100%)"]}return Object.defineProperty(e.prototype,"activeIndex",{get:function(){return this._activeIndex},set:function(e){this.index=this._activeIndex=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"widgetClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"scrollViewClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostWidth",{get:function(){return this.width},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostHeight",{get:function(){return this.height},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"tabIndex",{get:function(){return 1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"ariaLive",{get:function(){return"assertive"},enumerable:!0,configurable:!0}),e.prototype.keyDown=function(e){e.keyCode===a.Keys.LeftArrow&&this.prev(),e.keyCode===a.Keys.RightArrow&&this.next()},e.prototype.ngOnChanges=function(e){this.activeIndex=Math.max(Math.min(this.activeIndex,this.view.total-1),0)},e.prototype.prev=function(){this.navigate(a.Dir.Prev)},e.prototype.next=function(){this.navigate(a.Dir.Next)},e.prototype.transitionEndHandler=function(e){this.animationState=null,"left"!==e.toState&&"right"!==e.toState||(null!==this.pageIndex&&(this.activeIndex=this.pageIndex,this.pageIndex=null),this.activeIndex=this.index,this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}),this.application.tick())},e.prototype.handlePress=function(e){this.initialTouchCoordinate=e.pageX},e.prototype.handleDrag=function(e){var t=e.pageX-this.initialTouchCoordinate;this.animationState||this.isDragForbidden(t)||!this.draggedInsideBounds(t)||(this.transitionStyle={transform:"translateX("+t+"px)"})},e.prototype.handleRelease=function(e){var t=e.pageX-this.initialTouchCoordinate;this.isDragForbidden(t)||(this.draggedEnoughToNavigate(t)?(this.changeIndex(t>0?a.Dir.Prev:a.Dir.Next),this.animate||(this.transitionStyle=null,this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}))):Math.abs(t)>0&&(this.animate?this.animationState="center":this.transitionStyle=null))},e.prototype.pageChange=function(e){this.animationState||this.activeIndex===e||(this.animate?(this.pageIndex=e,this.animationState=this.pageIndex>this.index?"left":"right"):this.activeIndex=e)},e.prototype.inlineStyles=function(e){return{transform:this.transforms[e],width:this.width,height:this.height}},e.prototype.displayPrevArrow=function(){return(this.endless||this.activeIndex>0)&&this.view.total>0},e.prototype.displayNextArrow=function(){return(this.endless||this.activeIndex+1<this.view.total)&&this.view.total>0},e.prototype.draggedInsideBounds=function(e){return Math.abs(e)<=this.element.nativeElement.offsetWidth},e.prototype.draggedEnoughToNavigate=function(e){return Math.abs(e)>this.element.nativeElement.offsetWidth/2},e.prototype.isDragForbidden=function(e){return!this.endless&&(0===this.activeIndex&&e>0||this.activeIndex===this.view.total-1&&e<0)},e.prototype.navigate=function(e){this.isDataSourceEmpty||this.animationState||this.changeIndex(e)},e.prototype.changeIndex=function(e){e===a.Dir.Next&&this.view.canMoveNext()?(this.index=(this.index+1)%this.view.total,this.animate?this.animationState="left":this.activeIndex=this.index):this.view.canMovePrev()&&(this.index=0===this.index?this.view.total-1:this.index-1,this.animate?this.animationState="right":this.activeIndex=this.index)},i([r.Input(),o("design:type",Array)],e.prototype,"data",void 0),i([r.Input(),o("design:type",Number),o("design:paramtypes",[Number])],e.prototype,"activeIndex",null),i([r.Input(),o("design:type",String)],e.prototype,"width",void 0),i([r.Input(),o("design:type",String)],e.prototype,"height",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"endless",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"animate",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"pageable",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"arrows",void 0),i([r.Output(),o("design:type",r.EventEmitter)],e.prototype,"itemChanged",void 0),i([r.ContentChild(r.TemplateRef),o("design:type",r.TemplateRef)],e.prototype,"itemTemplateRef",void 0),i([r.HostBinding("class.k-widget"),o("design:type",Boolean)],e.prototype,"widgetClass",null),i([r.HostBinding("class.k-scrollview-wrap"),o("design:type",Boolean)],e.prototype,"scrollViewClass",null),i([r.HostBinding("style.width"),o("design:type",String)],e.prototype,"hostWidth",null),i([r.HostBinding("style.height"),o("design:type",String)],e.prototype,"hostHeight",null),i([r.HostBinding("attr.tabindex"),o("design:type",Number)],e.prototype,"tabIndex",null),i([r.HostBinding("attr.aria-live"),o("design:type",String)],e.prototype,"ariaLive",null),i([r.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],e.prototype,"keyDown",null),e=i([r.Component({animations:[r.trigger("animateTo",[r.state("center, left, right",r.style({transform:"translateX(0)"})),r.transition("* => right",[r.animate("300ms ease-out",r.style({transform:"translateX(100%)"}))]),r.transition("* => left",[r.animate("300ms ease-out",r.style({transform:"translateX(-100%)"}))]),r.transition("* => center",[r.animate("300ms ease-out")])])],exportAs:"kendoScrollView",selector:"kendo-scrollview",template:'\n      <ul class=\'k-scrollview\'\n        [ngStyle]="transitionStyle"\n        [@animateTo]="animationState"\n        (@animateTo.done)= "transitionEndHandler($event)"\n        (kendo.drag) = "handleDrag($event)"\n        (kendo.press) = "handlePress($event)"\n        (kendo.release) = "handleRelease($event)"\n        kendoDraggable>\n        <li *ngFor="let item of view;let i=index"\n          [ngStyle]="inlineStyles(i)"\n          [attr.aria-hidden]="i !== 1">\n            <template\n              [ngTemplateOutlet]="itemTemplateRef"\n              [ngOutletContext]="{ item: item }">\n            </template>\n        </li>\n      </ul>\n      <div class=\'k-scrollview-elements\'\n        [ngStyle]="{\'height\': height}"\n        *ngIf="!isDataSourceEmpty && (pageable||arrows)">\n        <a class="k-scrollview-prev"\n          aria-label="previous"\n          *ngIf="arrows && displayPrevArrow()"\n          (click)="prev()">\n          <span class="k-icon k-i-arrowhead-w"></span>\n        </a>\n        <a class="k-scrollview-next"\n          aria-label="next"\n          *ngIf="arrows && displayNextArrow()"\n          (click)="next()">\n            <span class="k-icon k-i-arrowhead-e"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf(pageable)\n          (pagerIndexChange)="pageChange($event)"\n          [data]="data"\n          [activeIndex]="activeIndex">\n        </kendo-scrollview-pager>\n      </div>\n    '}),o("design:paramtypes",[r.ElementRef,r.ApplicationRef])],e)}();t.ScrollViewComponent=l},function(t,n){t.exports=e},function(e,t){"use strict";!function(e){e[e.LeftArrow=37]="LeftArrow",e[e.RightArrow=39]="RightArrow"}(t.Keys||(t.Keys={}));t.Keys;!function(e){e[e.Next=1]="Next",e[e.Prev=-1]="Prev"}(t.Dir||(t.Dir={}));t.Dir},function(e,t,n){"use strict";var i=n(5),o=function(){function e(e,t,n,i){this.source=e?e:[],this.index=t?t:0,this.endless=n,this.pageIndex=i}return Object.defineProperty(e.prototype,"data",{get:function(){var e,t=this.total;if(this.endless)e=[this.source[(this.index-1+t)%t],this.source[this.index%t],this.source[(this.index+1+t)%t]];else{var n=[{}].concat(this.source.slice(0),[{}]);e=n.slice(this.index,this.index+3)}if(null!==this.pageIndex){var i=this.pageIndex>this.index;e[i?2:0]=this.source[this.pageIndex]}return e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"total",{get:function(){return this.source.length},enumerable:!0,configurable:!0}),e.prototype.canMoveNext=function(){return this.endless||this.index<this.total-1},e.prototype.canMovePrev=function(){return this.endless||this.index>0},e.prototype[i.$$iterator]=function(){return this.data[i.$$iterator]()},e}();t.DataResultIterator=o;var r=function(){function e(e){this.accessor=e}return Object.defineProperty(e.prototype,"length",{get:function(){return this.accessor().data.length},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"total",{get:function(){return this.accessor().total},enumerable:!0,configurable:!0}),e.prototype.item=function(e){return this.accessor().data[e]},e.prototype.canMoveNext=function(){return this.accessor().canMoveNext()},e.prototype.canMovePrev=function(){return this.accessor().canMovePrev()},e.prototype[i.$$iterator]=function(){return this.accessor()[i.$$iterator]()},e}();t.DataCollection=r},function(e,n){e.exports=t},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(7),s=n(1),l=n(8),c=n(9),u=[s.ScrollViewComponent,l.ScrollViewPagerComponent,c.KendoDraggableDirective],d=[s.ScrollViewComponent],p=function(){function e(){}return e=i([r.NgModule({declarations:[u],exports:[d],imports:[a.CommonModule]}),o("design:paramtypes",[])],e)}();t.ScrollViewModule=p},function(e,t){e.exports=n},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(2),s=function(){function e(){this.pagerIndexChange=new a.EventEmitter}return e.prototype.itemClass=function(e){return{"k-primary":e===this.activeIndex}},e.prototype.indexChange=function(e){this.pagerIndexChange.emit(e)},i([r.Input(),o("design:type",Number)],e.prototype,"activeIndex",void 0),i([r.Input(),o("design:type",Array)],e.prototype,"data",void 0),i([r.Output(),o("design:type",a.EventEmitter)],e.prototype,"pagerIndexChange",void 0),e=i([r.Component({selector:"kendo-scrollview-pager",template:'\n      <ul class="k-scrollview-pageable">\n        <li class="k-button" *ngFor="let item of data; let i = index"\n            [ngClass]="itemClass(i)"\n            (click)="indexChange(i)">\n        </li>\n      </ul>\n    '}),o("design:paramtypes",[])],e)}();t.ScrollViewPagerComponent=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(10),s=function(){function e(e){var t=this;this.kendo={drag:new r.EventEmitter,press:new r.EventEmitter,release:new r.EventEmitter},this.draggable=new a.default({drag:function(e){e.hasOwnProperty("originalEvent")&&e.originalEvent.preventDefault(),t.kendo.drag.next(e)},press:function(e){return t.kendo.press.next(e)},release:function(e){return t.kendo.release.next(e)}}),this.draggable.bindTo(e.nativeElement)}return e.prototype.ngOnDestroy=function(){this.draggable.destroy()},e=i([r.Directive({outputs:["kendo.press","kendo.drag","kendo.release"],selector:"[kendoDraggable]"}),o("design:paramtypes",[r.ElementRef])],e)}();t.KendoDraggableDirective=s},function(e,t){"use strict";function n(e){return e.type.match(a)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,type:e.type,originalEvent:e}:{pageX:e.pageX,pageY:e.pageY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=function(e,t){return function(n){return t(e(n))}},o=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},r=function(e,t,n){return e.removeEventListener&&e.removeEventListener(t,n)},a=/touch/,s=function(){},l=2e3,c=function(e){var t=this,a=e.press;void 0===a&&(a=s);var c=e.drag;void 0===c&&(c=s);var u=e.release;void 0===u&&(u=s),this._pressHandler=i(n,a),this._dragHandler=i(n,c),this._releaseHandler=i(n,u),this._ignoreMouse=!1,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,l))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(o(document,"mousemove",t._mousemove),o(document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){r(document,"mousemove",t._mousemove),r(document,"mouseup",t._mouseup),t._releaseHandler(e)}};c.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,o(e,"mousedown",this._mousedown),o(e,"touchstart",this._touchstart),o(e,"touchmove",this._touchmove),o(e,"touchend",this._touchend))},c.prototype._unbindFromCurrent=function(){r(this._element,"mousedown",this._mousedown),r(this._element,"touchstart",this._touchstart),r(this._element,"touchmove",this._touchmove),r(this._element,"touchend",this._touchend)},c.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},t.Draggable=c,t.default=c}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("rxjs/symbol/iterator"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","rxjs/symbol/iterator","@angular/common"],t):"object"==typeof exports?exports.KendoAngularScrollview=t(require("@angular/core"),require("rxjs/symbol/iterator"),require("@angular/common")):e.KendoAngularScrollview=t(e["@angular/core"],e["rxjs/symbol/iterator"],e["@angular/common"])}(this,function(e,t,n){return function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";var i=n(1);t.ScrollViewComponent=i.ScrollViewComponent;var o=n(6);t.ScrollViewModule=o.ScrollViewModule;var r=n(8);t.ScrollViewPagerComponent=r.ScrollViewPagerComponent;var a=n(9);t.KendoDraggableDirective=a.KendoDraggableDirective},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(3),s=n(4),l=function(){function e(e,t){var n=this;this.element=e,this.application=t,this.data=[],this.endless=!1,this.animate=!0,this.pageable=!1,this.arrows=!1,this.itemChanged=new r.EventEmitter,this.animationState=null,this.transitionStyle={},this.view=new s.DataCollection(function(){return new s.DataResultIterator(n.data,n.activeIndex,n.endless,n.pageIndex)}),this.isDataSourceEmpty=!1,this._activeIndex=0,this.index=0,this.pageIndex=null,this.transforms=["translateX(-100%)","translateX(0%)","translateX(100%)"]}return Object.defineProperty(e.prototype,"activeIndex",{get:function(){return this._activeIndex},set:function(e){this.index=this._activeIndex=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"widgetClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"scrollViewClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostWidth",{get:function(){return this.width},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostHeight",{get:function(){return this.height},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"tabIndex",{get:function(){return 1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"ariaLive",{get:function(){return"assertive"},enumerable:!0,configurable:!0}),e.prototype.keyDown=function(e){e.keyCode===a.Keys.LeftArrow&&this.prev(),e.keyCode===a.Keys.RightArrow&&this.next()},e.prototype.ngOnChanges=function(){this.activeIndex=Math.max(Math.min(this.activeIndex,this.view.total-1),0)},e.prototype.prev=function(){this.navigate(a.Dir.Prev)},e.prototype.next=function(){this.navigate(a.Dir.Next)},e.prototype.transitionEndHandler=function(e){this.animationState=null,"left"!==e.toState&&"right"!==e.toState||(null!==this.pageIndex&&(this.activeIndex=this.pageIndex,this.pageIndex=null),this.activeIndex=this.index,this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}),this.application.tick())},e.prototype.handlePress=function(e){this.initialTouchCoordinate=e.pageX},e.prototype.handleDrag=function(e){var t=e.pageX-this.initialTouchCoordinate;this.animationState||this.isDragForbidden(t)||!this.draggedInsideBounds(t)||(this.transitionStyle={transform:"translateX("+t+"px)"})},e.prototype.handleRelease=function(e){var t=e.pageX-this.initialTouchCoordinate;this.isDragForbidden(t)||(this.draggedEnoughToNavigate(t)?(this.changeIndex(t>0?a.Dir.Prev:a.Dir.Next),this.animate||(this.transitionStyle=null,this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}))):Math.abs(t)>0&&(this.animate?this.animationState="center":this.transitionStyle=null))},e.prototype.pageChange=function(e){this.animationState||this.activeIndex===e||(this.animate?(this.pageIndex=e,this.animationState=this.pageIndex>this.index?"left":"right"):this.activeIndex=e)},e.prototype.inlineStyles=function(e){return{height:this.height,transform:this.transforms[e],width:this.width}},e.prototype.displayPrevArrow=function(){return(this.endless||this.activeIndex>0)&&this.view.total>0},e.prototype.displayNextArrow=function(){return(this.endless||this.activeIndex+1<this.view.total)&&this.view.total>0},e.prototype.draggedInsideBounds=function(e){return Math.abs(e)<=this.element.nativeElement.offsetWidth},e.prototype.draggedEnoughToNavigate=function(e){return Math.abs(e)>this.element.nativeElement.offsetWidth/2},e.prototype.isDragForbidden=function(e){return!this.endless&&(0===this.activeIndex&&e>0||this.activeIndex===this.view.total-1&&e<0)},e.prototype.navigate=function(e){this.isDataSourceEmpty||this.animationState||this.changeIndex(e)},e.prototype.changeIndex=function(e){e===a.Dir.Next&&this.view.canMoveNext()?(this.index=(this.index+1)%this.view.total,this.animate?this.animationState="left":this.activeIndex=this.index):this.view.canMovePrev()&&(this.index=0===this.index?this.view.total-1:this.index-1,this.animate?this.animationState="right":this.activeIndex=this.index)},e}();i([r.Input(),o("design:type",Array)],l.prototype,"data",void 0),i([r.Input(),o("design:type",Number),o("design:paramtypes",[Number])],l.prototype,"activeIndex",null),i([r.Input(),o("design:type",String)],l.prototype,"width",void 0),i([r.Input(),o("design:type",String)],l.prototype,"height",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"endless",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"animate",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"pageable",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"arrows",void 0),i([r.Output(),o("design:type",r.EventEmitter)],l.prototype,"itemChanged",void 0),i([r.ContentChild(r.TemplateRef),o("design:type",r.TemplateRef)],l.prototype,"itemTemplateRef",void 0),i([r.HostBinding("class.k-widget"),o("design:type",Boolean),o("design:paramtypes",[])],l.prototype,"widgetClass",null),i([r.HostBinding("class.k-scrollview-wrap"),o("design:type",Boolean),o("design:paramtypes",[])],l.prototype,"scrollViewClass",null),i([r.HostBinding("style.width"),o("design:type",String),o("design:paramtypes",[])],l.prototype,"hostWidth",null),i([r.HostBinding("style.height"),o("design:type",String),o("design:paramtypes",[])],l.prototype,"hostHeight",null),i([r.HostBinding("attr.tabindex"),o("design:type",Number),o("design:paramtypes",[])],l.prototype,"tabIndex",null),i([r.HostBinding("attr.aria-live"),o("design:type",String),o("design:paramtypes",[])],l.prototype,"ariaLive",null),i([r.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],l.prototype,"keyDown",null),l=i([r.Component({animations:[r.trigger("animateTo",[r.state("center, left, right",r.style({transform:"translateX(0)"})),r.transition("* => right",[r.animate("300ms ease-out",r.style({transform:"translateX(100%)"}))]),r.transition("* => left",[r.animate("300ms ease-out",r.style({transform:"translateX(-100%)"}))]),r.transition("* => center",[r.animate("300ms ease-out")])])],exportAs:"kendoScrollView",selector:"kendo-scrollview",template:'\n      <ul class=\'k-scrollview\'\n        [ngStyle]="transitionStyle"\n        [@animateTo]="animationState"\n        (@animateTo.done)= "transitionEndHandler($event)"\n        (kendo.drag) = "handleDrag($event)"\n        (kendo.press) = "handlePress($event)"\n        (kendo.release) = "handleRelease($event)"\n        kendoDraggable>\n        <li *ngFor="let item of view;let i=index"\n          [ngStyle]="inlineStyles(i)"\n          [attr.aria-hidden]="i !== 1">\n            <template\n              [ngTemplateOutlet]="itemTemplateRef"\n              [ngOutletContext]="{ item: item }">\n            </template>\n        </li>\n      </ul>\n      <div class=\'k-scrollview-elements\'\n        [ngStyle]="{\'height\': height}"\n        *ngIf="!isDataSourceEmpty && (pageable||arrows)">\n        <a class="k-scrollview-prev"\n          aria-label="previous"\n          *ngIf="arrows && displayPrevArrow()"\n          (click)="prev()">\n          <span class="k-icon k-i-arrowhead-w"></span>\n        </a>\n        <a class="k-scrollview-next"\n          aria-label="next"\n          *ngIf="arrows && displayNextArrow()"\n          (click)="next()">\n            <span class="k-icon k-i-arrowhead-e"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf="pageable"\n          (pagerIndexChange)="pageChange($event)"\n          [data]="data"\n          [activeIndex]="activeIndex">\n        </kendo-scrollview-pager>\n      </div>\n    '}),o("design:paramtypes",[r.ElementRef,r.ApplicationRef])],l),t.ScrollViewComponent=l},function(t,n){t.exports=e},function(e,t){"use strict";var n;!function(e){e[e.LeftArrow=37]="LeftArrow",e[e.RightArrow=39]="RightArrow"}(n=t.Keys||(t.Keys={}));var i;!function(e){e[e.Next=1]="Next",e[e.Prev=-1]="Prev"}(i=t.Dir||(t.Dir={}))},function(e,t,n){"use strict";var i=n(5),o=function(){function e(e,t,n,i){this.source=e?e:[],this.index=t?t:0,this.endless=n,this.pageIndex=i}return Object.defineProperty(e.prototype,"data",{get:function(){var e,t=this.total;if(this.endless)e=[this.source[(this.index-1+t)%t],this.source[this.index%t],this.source[(this.index+1+t)%t]];else{var n=[{}].concat(this.source.slice(0),[{}]);e=n.slice(this.index,this.index+3)}if(null!==this.pageIndex){var i=this.pageIndex>this.index;e[i?2:0]=this.source[this.pageIndex]}return e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"total",{get:function(){return this.source.length},enumerable:!0,configurable:!0}),e.prototype.canMoveNext=function(){return this.endless||this.index<this.total-1},e.prototype.canMovePrev=function(){return this.endless||this.index>0},e.prototype[i.$$iterator]=function(){return this.data[i.$$iterator]()},e}();t.DataResultIterator=o;var r=function(){function e(e){this.accessor=e}return Object.defineProperty(e.prototype,"length",{get:function(){return this.accessor().data.length},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"total",{get:function(){return this.accessor().total},enumerable:!0,configurable:!0}),e.prototype.item=function(e){return this.accessor().data[e]},e.prototype.canMoveNext=function(){return this.accessor().canMoveNext()},e.prototype.canMovePrev=function(){return this.accessor().canMovePrev()},e.prototype[i.$$iterator]=function(){return this.accessor()[i.$$iterator]()},e}();t.DataCollection=r},function(e,n){e.exports=t},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=n(2),r=n(7),a=n(1),s=n(8),l=n(9),c=[a.ScrollViewComponent,s.ScrollViewPagerComponent,l.KendoDraggableDirective],u=[a.ScrollViewComponent],d=function(){function e(){}return e}();d=i([o.NgModule({declarations:[c],exports:[u],imports:[r.CommonModule]})],d),t.ScrollViewModule=d},function(e,t){e.exports=n},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(2),s=function(){function e(){this.pagerIndexChange=new a.EventEmitter}return e.prototype.itemClass=function(e){return{"k-primary":e===this.activeIndex}},e.prototype.indexChange=function(e){this.pagerIndexChange.emit(e)},e}();i([r.Input(),o("design:type",Number)],s.prototype,"activeIndex",void 0),i([r.Input(),o("design:type",Array)],s.prototype,"data",void 0),i([r.Output(),o("design:type",a.EventEmitter)],s.prototype,"pagerIndexChange",void 0),s=i([r.Component({selector:"kendo-scrollview-pager",template:'\n      <ul class="k-scrollview-pageable">\n        <li class="k-button" *ngFor="let item of data; let i = index"\n            [ngClass]="itemClass(i)"\n            (click)="indexChange(i)">\n        </li>\n      </ul>\n    '})],s),t.ScrollViewPagerComponent=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(10),s=function(){function e(e){var t=this;this.kendo={drag:new r.EventEmitter,press:new r.EventEmitter,release:new r.EventEmitter},this.draggable=new a.default({drag:function(e){e.hasOwnProperty("originalEvent")&&e.originalEvent.preventDefault(),t.kendo.drag.next(e)},press:function(e){return t.kendo.press.next(e)},release:function(e){return t.kendo.release.next(e)}}),this.draggable.bindTo(e.nativeElement)}return e.prototype.ngOnDestroy=function(){this.draggable.destroy()},e}();s=i([r.Directive({outputs:["kendo.press","kendo.drag","kendo.release"],selector:"[kendoDraggable]"}),o("design:paramtypes",[r.ElementRef])],s),t.KendoDraggableDirective=s},function(e,t){"use strict";function n(e){return e.type.match(a)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,type:e.type,originalEvent:e}:{pageX:e.pageX,pageY:e.pageY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=function(e,t){return function(n){return t(e(n))}},o=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},r=function(e,t,n){return e.removeEventListener&&e.removeEventListener(t,n)},a=/touch/,s=function(){},l=2e3,c=function(e){var t=this,a=e.press;void 0===a&&(a=s);var c=e.drag;void 0===c&&(c=s);var u=e.release;void 0===u&&(u=s),this._pressHandler=i(n,a),this._dragHandler=i(n,c),this._releaseHandler=i(n,u),this._ignoreMouse=!1,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,l))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(o(document,"mousemove",t._mousemove),o(document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){r(document,"mousemove",t._mousemove),r(document,"mouseup",t._mouseup),t._releaseHandler(e)}};c.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,o(e,"mousedown",this._mousedown),o(e,"touchstart",this._touchstart),o(e,"touchmove",this._touchmove),o(e,"touchend",this._touchend))},c.prototype._unbindFromCurrent=function(){r(this._element,"mousedown",this._mousedown),r(this._element,"touchstart",this._touchstart),r(this._element,"touchmove",this._touchmove),r(this._element,"touchend",this._touchend)},c.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},t.Draggable=c,t.default=c}])});

dist/es/change-event-args.d.ts

 /**
- * The `ItemChanged` event is triggered after the current item is changed.
+ * Fires after the current item is changed.
  */
@@ -4,0 +4,0 @@ export interface ItemChangedEvent {

dist/es/data.collection.js

@@ -0,1 +1,2 @@
+/* tslint:disable:use-life-cycle-interface */
 import { $$iterator } from 'rxjs/symbol/iterator';
@@ -5,3 +6,3 @@ /**
  */
-export var DataResultIterator = (function () {
+var DataResultIterator = (function () {
     function DataResultIterator(source, index, endless, pageIndex) {
@@ -55,6 +56,7 @@ this.source = source ? source : [];
 }());
+export { DataResultIterator };
 /**
  * @hidden
  */
-export var DataCollection = (function () {
+var DataCollection = (function () {
     function DataCollection(accessor) {
@@ -87,1 +89,2 @@ this.accessor = accessor;
 }());
+export { DataCollection };

dist/es/draggable.js

@@ -0,1 +1,10 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { EventEmitter, ElementRef, Directive } from '@angular/core';
@@ -6,6 +15,3 @@ import Draggable from '@telerik/kendo-draggable';
  */
-/**
- * @hidden
- */
-export var KendoDraggableDirective = (function () {
+var KendoDraggableDirective = (function () {
     function KendoDraggableDirective(ngEl) {
@@ -33,13 +39,11 @@ var _this = this;
     };
-    KendoDraggableDirective.decorators = [
-        { type: Directive, args: [{
-                    outputs: ['kendo.press', 'kendo.drag', 'kendo.release'],
-                    selector: '[kendoDraggable]'
-                },] },
-    ];
-    /** @nocollapse */
-    KendoDraggableDirective.ctorParameters = [
-        { type: ElementRef, },
-    ];
     return KendoDraggableDirective;
 }());
+KendoDraggableDirective = __decorate([
+    Directive({
+        outputs: ['kendo.press', 'kendo.drag', 'kendo.release'],
+        selector: '[kendoDraggable]'
+    }),
+    __metadata("design:paramtypes", [ElementRef])
+], KendoDraggableDirective);
+export { KendoDraggableDirective };

dist/es/draggable.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

dist/es/enums.js

 /**
  * @hidden
  */
-export var Keys;
+/**
+ * @hidden
+ */ export var Keys;
 (function (Keys) {
@@ -6,0 +8,0 @@ Keys[Keys["LeftArrow"] = 37] = "LeftArrow";

dist/es/enums.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"Keys":{"LeftArrow":37,"RightArrow":39},"Dir":{"Next":1,"Prev":-1}}}
+[{"__symbolic":"module","version":3,"metadata":{"Keys":{"LeftArrow":37,"RightArrow":39},"Dir":{"Next":1,"Prev":-1}}},{"__symbolic":"module","version":1,"metadata":{"Keys":{"LeftArrow":37,"RightArrow":39},"Dir":{"Next":1,"Prev":-1}}}]

dist/es/main.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./scrollview.component","export":["ScrollViewComponent"]},{"from":"./scrollview.module","export":["ScrollViewModule"]},{"from":"./scrollview-pager.component","export":["ScrollViewPagerComponent"]},{"from":"./draggable","export":["KendoDraggableDirective"]}]}
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./scrollview.component","export":["ScrollViewComponent"]},{"from":"./scrollview.module","export":["ScrollViewModule"]},{"from":"./scrollview-pager.component","export":["ScrollViewPagerComponent"]},{"from":"./draggable","export":["KendoDraggableDirective"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./scrollview.component","export":["ScrollViewComponent"]},{"from":"./scrollview.module","export":["ScrollViewModule"]},{"from":"./scrollview-pager.component","export":["ScrollViewPagerComponent"]},{"from":"./draggable","export":["KendoDraggableDirective"]}]}]

dist/es/scrollview-pager.component.js

@@ -0,1 +1,10 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { Component, Input, Output } from '@angular/core';
@@ -6,3 +15,3 @@ import { EventEmitter } from '@angular/core';
  */
-export var ScrollViewPagerComponent = (function () {
+var ScrollViewPagerComponent = (function () {
     function ScrollViewPagerComponent() {
@@ -19,16 +28,22 @@ this.pagerIndexChange = new EventEmitter();
     };
-    ScrollViewPagerComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'kendo-scrollview-pager',
-                    template: "\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    ScrollViewPagerComponent.ctorParameters = [];
-    ScrollViewPagerComponent.propDecorators = {
-        'activeIndex': [{ type: Input },],
-        'data': [{ type: Input },],
-        'pagerIndexChange': [{ type: Output },],
-    };
     return ScrollViewPagerComponent;
 }());
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], ScrollViewPagerComponent.prototype, "activeIndex", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], ScrollViewPagerComponent.prototype, "data", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], ScrollViewPagerComponent.prototype, "pagerIndexChange", void 0);
+ScrollViewPagerComponent = __decorate([
+    Component({
+        selector: 'kendo-scrollview-pager',
+        template: "\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "
+    })
+], ScrollViewPagerComponent);
+export { ScrollViewPagerComponent };

dist/es/scrollview-pager.component.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ScrollViewPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-scrollview-pager","template":"\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pagerIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemClass":[{"__symbolic":"method"}],"indexChange":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"ScrollViewPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-scrollview-pager","template":"\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pagerIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemClass":[{"__symbolic":"method"}],"indexChange":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ScrollViewPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-scrollview-pager","template":"\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pagerIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemClass":[{"__symbolic":"method"}],"indexChange":[{"__symbolic":"method"}]}}}}]

dist/es/scrollview.component.d.ts

@@ -9,21 +9,6 @@ import { AnimationTransitionEvent, ApplicationRef, EventEmitter, ElementRef, TemplateRef, OnChanges } from "@angular/core";
  * @example
- * ```ts-preview
+ * ```ts
  *
  * @@Component({
  *     selector: 'my-app',
- *     styles: [`
- *       .demo-title {
- *         background-color: #3f8cca;
- *         border: 1px solid #306b9e;
- *         border-radius: 2px;
- *         min-height: 28px;
- *         padding: 5px 15px 5px 15px;
- *         margin: 0px;
- *         color: #fff;
- *         font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
- *         text-overflow: ellipsis;
- *         white-space: nowrap;
- *         overflow: hidden;
- *       }
- *     `],
  *     template: `
@@ -41,3 +26,20 @@ *       <kendo-scrollview
  *       </kendo-scrollview>
- *     `
+ *     `,
+ *     styles: [`
+ *       .k-scrollview-wrap {
+ *         margin: 0 auto;
+ *       }
+ *       .demo-title {
+ *         position: absolute;
+ *         top: 0;
+ *         left: 0;
+ *         right: 0;
+ *         margin: 0;
+ *         padding: 15px;
+ *         color: #fff;
+ *         background-color: rgba(0,0,0,.4);
+ *         text-align: center;
+ *         font-size: 24px;
+ *       }
+ *     `]
  * })
@@ -100,3 +102,3 @@ *
     /**
-     * The `ItemChanged` event is triggered after the current item is changed.
+     * Fires after the current item is changed.
      */
@@ -130,9 +132,9 @@ itemChanged: EventEmitter<ItemChangedEvent>;
      */
-    ngOnChanges(changes: any): void;
+    ngOnChanges(): void;
     /**
-     * Navigate the ScrollView to the previous item.
+     * Navigates the ScrollView to the previous item.
      */
     prev(): void;
     /**
-     * Navigate the ScrollView to the next item.
+     * Navigates the ScrollView to the next item.
      */
@@ -156,4 +158,10 @@ next(): void;
     handleRelease(e: any): void;
-    protected pageChange(idx: number): void;
-    protected inlineStyles(idx: number): {
+    /**
+     * @hidden
+     */
+    pageChange(idx: number): void;
+    /**
+     * @hidden
+     */
+    inlineStyles(idx: number): {
         [key: string]: string;
@@ -160,0 +168,0 @@ };

dist/es/scrollview.component.js

@@ -0,1 +1,10 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { trigger, state, style, transition, animate, Component, Input, Output, ApplicationRef, EventEmitter, ContentChild, ElementRef, TemplateRef, HostBinding, HostListener } from "@angular/core";
@@ -8,21 +17,6 @@ import { Keys, Dir } from "./enums";
  * @example
- * ```ts-preview
+ * ```ts
  *
  * @@Component({
  *     selector: 'my-app',
- *     styles: [`
- *       .demo-title {
- *         background-color: #3f8cca;
- *         border: 1px solid #306b9e;
- *         border-radius: 2px;
- *         min-height: 28px;
- *         padding: 5px 15px 5px 15px;
- *         margin: 0px;
- *         color: #fff;
- *         font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
- *         text-overflow: ellipsis;
- *         white-space: nowrap;
- *         overflow: hidden;
- *       }
- *     `],
  *     template: `
@@ -40,3 +34,20 @@ *       <kendo-scrollview
  *       </kendo-scrollview>
- *     `
+ *     `,
+ *     styles: [`
+ *       .k-scrollview-wrap {
+ *         margin: 0 auto;
+ *       }
+ *       .demo-title {
+ *         position: absolute;
+ *         top: 0;
+ *         left: 0;
+ *         right: 0;
+ *         margin: 0;
+ *         padding: 15px;
+ *         color: #fff;
+ *         background-color: rgba(0,0,0,.4);
+ *         text-align: center;
+ *         font-size: 24px;
+ *       }
+ *     `]
  * })
@@ -57,3 +68,3 @@ *
  */
-export var ScrollViewComponent = (function () {
+var ScrollViewComponent = (function () {
     function ScrollViewComponent(element, application) {
@@ -88,3 +99,3 @@ var _this = this;
         /**
-         * The `ItemChanged` event is triggered after the current item is changed.
+         * Fires after the current item is changed.
          */
@@ -170,7 +181,7 @@ this.itemChanged = new EventEmitter();
      */
-    ScrollViewComponent.prototype.ngOnChanges = function (changes) {
+    ScrollViewComponent.prototype.ngOnChanges = function () {
         this.activeIndex = Math.max(Math.min(this.activeIndex, this.view.total - 1), 0);
     };
     /**
-     * Navigate the ScrollView to the previous item.
+     * Navigates the ScrollView to the previous item.
      */
@@ -181,3 +192,3 @@ ScrollViewComponent.prototype.prev = function () {
     /**
-     * Navigate the ScrollView to the next item.
+     * Navigates the ScrollView to the next item.
      */
@@ -241,2 +252,5 @@ ScrollViewComponent.prototype.next = function () {
     };
+    /**
+     * @hidden
+     */
     ScrollViewComponent.prototype.pageChange = function (idx) {
@@ -253,7 +267,10 @@ if (!this.animationState && this.activeIndex !== idx) {
     };
+    /**
+     * @hidden
+     */
     ScrollViewComponent.prototype.inlineStyles = function (idx) {
         return {
+            "height": this.height,
             "transform": this.transforms[idx],
-            "width": this.width,
-            "height": this.height
+            "width": this.width
         };
@@ -302,48 +319,103 @@ };
     };
-    ScrollViewComponent.decorators = [
-        { type: Component, args: [{
-                    animations: [
-                        trigger('animateTo', [
-                            state('center, left, right', style({ transform: 'translateX(0)' })),
-                            transition('* => right', [
-                                animate('300ms ease-out', style({ transform: 'translateX(100%)' }))
-                            ]),
-                            transition('* => left', [
-                                animate('300ms ease-out', style({ transform: 'translateX(-100%)' }))
-                            ]),
-                            transition('* => center', [
-                                animate('300ms ease-out')
-                            ])
-                        ])
-                    ],
-                    exportAs: 'kendoScrollView',
-                    selector: 'kendo-scrollview',
-                    template: "\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf(pageable)\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    ScrollViewComponent.ctorParameters = [
-        { type: ElementRef, },
-        { type: ApplicationRef, },
-    ];
-    ScrollViewComponent.propDecorators = {
-        'data': [{ type: Input },],
-        'activeIndex': [{ type: Input },],
-        'width': [{ type: Input },],
-        'height': [{ type: Input },],
-        'endless': [{ type: Input },],
-        'animate': [{ type: Input },],
-        'pageable': [{ type: Input },],
-        'arrows': [{ type: Input },],
-        'itemChanged': [{ type: Output },],
-        'itemTemplateRef': [{ type: ContentChild, args: [TemplateRef,] },],
-        'widgetClass': [{ type: HostBinding, args: ['class.k-widget',] },],
-        'scrollViewClass': [{ type: HostBinding, args: ['class.k-scrollview-wrap',] },],
-        'hostWidth': [{ type: HostBinding, args: ['style.width',] },],
-        'hostHeight': [{ type: HostBinding, args: ['style.height',] },],
-        'tabIndex': [{ type: HostBinding, args: ['attr.tabindex',] },],
-        'ariaLive': [{ type: HostBinding, args: ['attr.aria-live',] },],
-        'keyDown': [{ type: HostListener, args: ['keydown', ['$event'],] },],
-    };
     return ScrollViewComponent;
 }());
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], ScrollViewComponent.prototype, "data", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], ScrollViewComponent.prototype, "activeIndex", null);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ScrollViewComponent.prototype, "width", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ScrollViewComponent.prototype, "height", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], ScrollViewComponent.prototype, "endless", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], ScrollViewComponent.prototype, "animate", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], ScrollViewComponent.prototype, "pageable", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], ScrollViewComponent.prototype, "arrows", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], ScrollViewComponent.prototype, "itemChanged", void 0);
+__decorate([
+    ContentChild(TemplateRef),
+    __metadata("design:type", TemplateRef)
+], ScrollViewComponent.prototype, "itemTemplateRef", void 0);
+__decorate([
+    HostBinding('class.k-widget'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "widgetClass", null);
+__decorate([
+    HostBinding('class.k-scrollview-wrap'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "scrollViewClass", null);
+__decorate([
+    HostBinding('style.width'),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "hostWidth", null);
+__decorate([
+    HostBinding('style.height'),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "hostHeight", null);
+__decorate([
+    HostBinding('attr.tabindex'),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "tabIndex", null);
+__decorate([
+    HostBinding('attr.aria-live'),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "ariaLive", null);
+__decorate([
+    HostListener('keydown', ['$event']),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], ScrollViewComponent.prototype, "keyDown", null);
+ScrollViewComponent = __decorate([
+    Component({
+        animations: [
+            trigger('animateTo', [
+                state('center, left, right', style({ transform: 'translateX(0)' })),
+                transition('* => right', [
+                    animate('300ms ease-out', style({ transform: 'translateX(100%)' }))
+                ]),
+                transition('* => left', [
+                    animate('300ms ease-out', style({ transform: 'translateX(-100%)' }))
+                ]),
+                transition('* => center', [
+                    animate('300ms ease-out')
+                ])
+            ])
+        ],
+        exportAs: 'kendoScrollView',
+        selector: 'kendo-scrollview',
+        template: "\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf=\"pageable\"\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "
+    }),
+    __metadata("design:paramtypes", [ElementRef, ApplicationRef])
+], ScrollViewComponent);
+export { ScrollViewComponent };

dist/es/scrollview.component.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ScrollViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["animateTo",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["center, left, right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out"]}]]}]]}],"exportAs":"kendoScrollView","selector":"kendo-scrollview","template":"\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf(pageable)\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"endless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"arrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"scrollViewClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-scrollview-wrap"]}]}],"hostWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.width"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaLive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-live"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef"}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"transitionEndHandler":[{"__symbolic":"method"}],"handlePress":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"handleRelease":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"inlineStyles":[{"__symbolic":"method"}],"displayPrevArrow":[{"__symbolic":"method"}],"displayNextArrow":[{"__symbolic":"method"}],"draggedInsideBounds":[{"__symbolic":"method"}],"draggedEnoughToNavigate":[{"__symbolic":"method"}],"isDragForbidden":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"changeIndex":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"ScrollViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["animateTo",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["center, left, right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out"]}]]}]]}],"exportAs":"kendoScrollView","selector":"kendo-scrollview","template":"\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf=\"pageable\"\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"endless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"arrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"scrollViewClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-scrollview-wrap"]}]}],"hostWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.width"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaLive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-live"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef"}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"transitionEndHandler":[{"__symbolic":"method"}],"handlePress":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"handleRelease":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"inlineStyles":[{"__symbolic":"method"}],"displayPrevArrow":[{"__symbolic":"method"}],"displayNextArrow":[{"__symbolic":"method"}],"draggedInsideBounds":[{"__symbolic":"method"}],"draggedEnoughToNavigate":[{"__symbolic":"method"}],"isDragForbidden":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"changeIndex":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ScrollViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["animateTo",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["center, left, right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out"]}]]}]]}],"exportAs":"kendoScrollView","selector":"kendo-scrollview","template":"\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf=\"pageable\"\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"endless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"arrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"scrollViewClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-scrollview-wrap"]}]}],"hostWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.width"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaLive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-live"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef"}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"transitionEndHandler":[{"__symbolic":"method"}],"handlePress":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"handleRelease":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"inlineStyles":[{"__symbolic":"method"}],"displayPrevArrow":[{"__symbolic":"method"}],"displayNextArrow":[{"__symbolic":"method"}],"draggedInsideBounds":[{"__symbolic":"method"}],"draggedEnoughToNavigate":[{"__symbolic":"method"}],"isDragForbidden":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"changeIndex":[{"__symbolic":"method"}]}}}}]

dist/es/scrollview.module.js

@@ -0,1 +1,7 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { NgModule } from '@angular/core';
@@ -45,15 +51,14 @@ import { CommonModule } from '@angular/common';
  */
-export var ScrollViewModule = (function () {
+var ScrollViewModule = (function () {
     function ScrollViewModule() {
     }
-    ScrollViewModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [DECLARATIONS],
-                    exports: [EXPORTS],
-                    imports: [CommonModule]
-                },] },
-    ];
-    /** @nocollapse */
-    ScrollViewModule.ctorParameters = [];
     return ScrollViewModule;
 }());
+ScrollViewModule = __decorate([
+    NgModule({
+        declarations: [DECLARATIONS],
+        exports: [EXPORTS],
+        imports: [CommonModule]
+    })
+], ScrollViewModule);
+export { ScrollViewModule };

dist/es/scrollview.module.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ScrollViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"},{"__symbolic":"reference","module":"./scrollview-pager.component","name":"ScrollViewPagerComponent"},{"__symbolic":"reference","module":"./draggable","name":"KendoDraggableDirective"}]],"exports":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}
+[{"__symbolic":"module","version":3,"metadata":{"ScrollViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"},{"__symbolic":"reference","module":"./scrollview-pager.component","name":"ScrollViewPagerComponent"},{"__symbolic":"reference","module":"./draggable","name":"KendoDraggableDirective"}]],"exports":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"ScrollViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"},{"__symbolic":"reference","module":"./scrollview-pager.component","name":"ScrollViewPagerComponent"},{"__symbolic":"reference","module":"./draggable","name":"KendoDraggableDirective"}]],"exports":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]

dist/npm/change-event-args.d.ts

 /**
- * The `ItemChanged` event is triggered after the current item is changed.
+ * Fires after the current item is changed.
  */
@@ -4,0 +4,0 @@ export interface ItemChangedEvent {

dist/npm/data.collection.js

 "use strict";
 /* tslint:disable:use-life-cycle-interface */
-var iterator_1 = require('rxjs/symbol/iterator');
+var iterator_1 = require("rxjs/symbol/iterator");
 /**
@@ -5,0 +5,0 @@ * @hidden

dist/npm/draggable.js

 "use strict";
-var core_1 = require('@angular/core');
-var kendo_draggable_1 = require('@telerik/kendo-draggable');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var core_1 = require("@angular/core");
+var kendo_draggable_1 = require("@telerik/kendo-draggable");
 /**
  * @hidden
  */
-/**
- * @hidden
- */
 var KendoDraggableDirective = (function () {
@@ -33,14 +39,11 @@ function KendoDraggableDirective(ngEl) {
     };
-    KendoDraggableDirective.decorators = [
-        { type: core_1.Directive, args: [{
-                    outputs: ['kendo.press', 'kendo.drag', 'kendo.release'],
-                    selector: '[kendoDraggable]'
-                },] },
-    ];
-    /** @nocollapse */
-    KendoDraggableDirective.ctorParameters = [
-        { type: core_1.ElementRef, },
-    ];
     return KendoDraggableDirective;
 }());
+KendoDraggableDirective = __decorate([
+    core_1.Directive({
+        outputs: ['kendo.press', 'kendo.drag', 'kendo.release'],
+        selector: '[kendoDraggable]'
+    }),
+    __metadata("design:paramtypes", [core_1.ElementRef])
+], KendoDraggableDirective);
 exports.KendoDraggableDirective = KendoDraggableDirective;

dist/npm/draggable.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"KendoDraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"outputs":["kendo.press","kendo.drag","kendo.release"],"selector":"[kendoDraggable]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

dist/npm/enums.js

@@ -5,14 +5,14 @@ "use strict";
  */
+var Keys;
 (function (Keys) {
     Keys[Keys["LeftArrow"] = 37] = "LeftArrow";
     Keys[Keys["RightArrow"] = 39] = "RightArrow";
-})(exports.Keys || (exports.Keys = {}));
-var Keys = exports.Keys;
+})(Keys = exports.Keys || (exports.Keys = {}));
 /**
  * @hidden
  */
+var Dir;
 (function (Dir) {
     Dir[Dir["Next"] = 1] = "Next";
     Dir[Dir["Prev"] = -1] = "Prev";
-})(exports.Dir || (exports.Dir = {}));
-var Dir = exports.Dir;
+})(Dir = exports.Dir || (exports.Dir = {}));

dist/npm/enums.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"Keys":{"LeftArrow":37,"RightArrow":39},"Dir":{"Next":1,"Prev":-1}}}
+[{"__symbolic":"module","version":3,"metadata":{"Keys":{"LeftArrow":37,"RightArrow":39},"Dir":{"Next":1,"Prev":-1}}},{"__symbolic":"module","version":1,"metadata":{"Keys":{"LeftArrow":37,"RightArrow":39},"Dir":{"Next":1,"Prev":-1}}}]

dist/npm/main.js

 "use strict";
-var scrollview_component_1 = require('./scrollview.component');
+var scrollview_component_1 = require("./scrollview.component");
 exports.ScrollViewComponent = scrollview_component_1.ScrollViewComponent;
-var scrollview_module_1 = require('./scrollview.module');
+var scrollview_module_1 = require("./scrollview.module");
 exports.ScrollViewModule = scrollview_module_1.ScrollViewModule;
-var scrollview_pager_component_1 = require('./scrollview-pager.component');
+var scrollview_pager_component_1 = require("./scrollview-pager.component");
 exports.ScrollViewPagerComponent = scrollview_pager_component_1.ScrollViewPagerComponent;
-var draggable_1 = require('./draggable');
+var draggable_1 = require("./draggable");
 exports.KendoDraggableDirective = draggable_1.KendoDraggableDirective;

dist/npm/main.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./scrollview.component","export":["ScrollViewComponent"]},{"from":"./scrollview.module","export":["ScrollViewModule"]},{"from":"./scrollview-pager.component","export":["ScrollViewPagerComponent"]},{"from":"./draggable","export":["KendoDraggableDirective"]}]}
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./scrollview.component","export":["ScrollViewComponent"]},{"from":"./scrollview.module","export":["ScrollViewModule"]},{"from":"./scrollview-pager.component","export":["ScrollViewPagerComponent"]},{"from":"./draggable","export":["KendoDraggableDirective"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./scrollview.component","export":["ScrollViewComponent"]},{"from":"./scrollview.module","export":["ScrollViewModule"]},{"from":"./scrollview-pager.component","export":["ScrollViewPagerComponent"]},{"from":"./draggable","export":["KendoDraggableDirective"]}]}]

dist/npm/scrollview-pager.component.js

 "use strict";
-var core_1 = require('@angular/core');
-var core_2 = require('@angular/core');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var core_1 = require("@angular/core");
+var core_2 = require("@angular/core");
 /**
@@ -19,17 +28,22 @@ * @hidden
     };
-    ScrollViewPagerComponent.decorators = [
-        { type: core_1.Component, args: [{
-                    selector: 'kendo-scrollview-pager',
-                    template: "\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    ScrollViewPagerComponent.ctorParameters = [];
-    ScrollViewPagerComponent.propDecorators = {
-        'activeIndex': [{ type: core_1.Input },],
-        'data': [{ type: core_1.Input },],
-        'pagerIndexChange': [{ type: core_1.Output },],
-    };
     return ScrollViewPagerComponent;
 }());
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Number)
+], ScrollViewPagerComponent.prototype, "activeIndex", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Array)
+], ScrollViewPagerComponent.prototype, "data", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", core_2.EventEmitter)
+], ScrollViewPagerComponent.prototype, "pagerIndexChange", void 0);
+ScrollViewPagerComponent = __decorate([
+    core_1.Component({
+        selector: 'kendo-scrollview-pager',
+        template: "\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "
+    })
+], ScrollViewPagerComponent);
 exports.ScrollViewPagerComponent = ScrollViewPagerComponent;

dist/npm/scrollview-pager.component.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ScrollViewPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-scrollview-pager","template":"\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pagerIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemClass":[{"__symbolic":"method"}],"indexChange":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"ScrollViewPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-scrollview-pager","template":"\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pagerIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemClass":[{"__symbolic":"method"}],"indexChange":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ScrollViewPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-scrollview-pager","template":"\n      <ul class=\"k-scrollview-pageable\">\n        <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n            [ngClass]=\"itemClass(i)\"\n            (click)=\"indexChange(i)\">\n        </li>\n      </ul>\n    "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pagerIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemClass":[{"__symbolic":"method"}],"indexChange":[{"__symbolic":"method"}]}}}}]

dist/npm/scrollview.component.d.ts

@@ -9,21 +9,6 @@ import { AnimationTransitionEvent, ApplicationRef, EventEmitter, ElementRef, TemplateRef, OnChanges } from "@angular/core";
  * @example
- * ```ts-preview
+ * ```ts
  *
  * @@Component({
  *     selector: 'my-app',
- *     styles: [`
- *       .demo-title {
- *         background-color: #3f8cca;
- *         border: 1px solid #306b9e;
- *         border-radius: 2px;
- *         min-height: 28px;
- *         padding: 5px 15px 5px 15px;
- *         margin: 0px;
- *         color: #fff;
- *         font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
- *         text-overflow: ellipsis;
- *         white-space: nowrap;
- *         overflow: hidden;
- *       }
- *     `],
  *     template: `
@@ -41,3 +26,20 @@ *       <kendo-scrollview
  *       </kendo-scrollview>
- *     `
+ *     `,
+ *     styles: [`
+ *       .k-scrollview-wrap {
+ *         margin: 0 auto;
+ *       }
+ *       .demo-title {
+ *         position: absolute;
+ *         top: 0;
+ *         left: 0;
+ *         right: 0;
+ *         margin: 0;
+ *         padding: 15px;
+ *         color: #fff;
+ *         background-color: rgba(0,0,0,.4);
+ *         text-align: center;
+ *         font-size: 24px;
+ *       }
+ *     `]
  * })
@@ -100,3 +102,3 @@ *
     /**
-     * The `ItemChanged` event is triggered after the current item is changed.
+     * Fires after the current item is changed.
      */
@@ -130,9 +132,9 @@ itemChanged: EventEmitter<ItemChangedEvent>;
      */
-    ngOnChanges(changes: any): void;
+    ngOnChanges(): void;
     /**
-     * Navigate the ScrollView to the previous item.
+     * Navigates the ScrollView to the previous item.
      */
     prev(): void;
     /**
-     * Navigate the ScrollView to the next item.
+     * Navigates the ScrollView to the next item.
      */
@@ -156,4 +158,10 @@ next(): void;
     handleRelease(e: any): void;
-    protected pageChange(idx: number): void;
-    protected inlineStyles(idx: number): {
+    /**
+     * @hidden
+     */
+    pageChange(idx: number): void;
+    /**
+     * @hidden
+     */
+    inlineStyles(idx: number): {
         [key: string]: string;
@@ -160,0 +168,0 @@ };

dist/npm/scrollview.component.js

 "use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 var core_1 = require("@angular/core");
 var enums_1 = require("./enums");
-var data_collection_1 = require('./data.collection');
+var data_collection_1 = require("./data.collection");
 /**
@@ -9,21 +18,6 @@ * Represents the Kendo UI ScrollView component for Angular.
  * @example
- * ```ts-preview
+ * ```ts
  *
  * @@Component({
  *     selector: 'my-app',
- *     styles: [`
- *       .demo-title {
- *         background-color: #3f8cca;
- *         border: 1px solid #306b9e;
- *         border-radius: 2px;
- *         min-height: 28px;
- *         padding: 5px 15px 5px 15px;
- *         margin: 0px;
- *         color: #fff;
- *         font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
- *         text-overflow: ellipsis;
- *         white-space: nowrap;
- *         overflow: hidden;
- *       }
- *     `],
  *     template: `
@@ -41,3 +35,20 @@ *       <kendo-scrollview
  *       </kendo-scrollview>
- *     `
+ *     `,
+ *     styles: [`
+ *       .k-scrollview-wrap {
+ *         margin: 0 auto;
+ *       }
+ *       .demo-title {
+ *         position: absolute;
+ *         top: 0;
+ *         left: 0;
+ *         right: 0;
+ *         margin: 0;
+ *         padding: 15px;
+ *         color: #fff;
+ *         background-color: rgba(0,0,0,.4);
+ *         text-align: center;
+ *         font-size: 24px;
+ *       }
+ *     `]
  * })
@@ -88,3 +99,3 @@ *
         /**
-         * The `ItemChanged` event is triggered after the current item is changed.
+         * Fires after the current item is changed.
          */
@@ -170,7 +181,7 @@ this.itemChanged = new core_1.EventEmitter();
      */
-    ScrollViewComponent.prototype.ngOnChanges = function (changes) {
+    ScrollViewComponent.prototype.ngOnChanges = function () {
         this.activeIndex = Math.max(Math.min(this.activeIndex, this.view.total - 1), 0);
     };
     /**
-     * Navigate the ScrollView to the previous item.
+     * Navigates the ScrollView to the previous item.
      */
@@ -181,3 +192,3 @@ ScrollViewComponent.prototype.prev = function () {
     /**
-     * Navigate the ScrollView to the next item.
+     * Navigates the ScrollView to the next item.
      */
@@ -241,2 +252,5 @@ ScrollViewComponent.prototype.next = function () {
     };
+    /**
+     * @hidden
+     */
     ScrollViewComponent.prototype.pageChange = function (idx) {
@@ -253,7 +267,10 @@ if (!this.animationState && this.activeIndex !== idx) {
     };
+    /**
+     * @hidden
+     */
     ScrollViewComponent.prototype.inlineStyles = function (idx) {
         return {
+            "height": this.height,
             "transform": this.transforms[idx],
-            "width": this.width,
-            "height": this.height
+            "width": this.width
         };
@@ -302,49 +319,103 @@ };
     };
-    ScrollViewComponent.decorators = [
-        { type: core_1.Component, args: [{
-                    animations: [
-                        core_1.trigger('animateTo', [
-                            core_1.state('center, left, right', core_1.style({ transform: 'translateX(0)' })),
-                            core_1.transition('* => right', [
-                                core_1.animate('300ms ease-out', core_1.style({ transform: 'translateX(100%)' }))
-                            ]),
-                            core_1.transition('* => left', [
-                                core_1.animate('300ms ease-out', core_1.style({ transform: 'translateX(-100%)' }))
-                            ]),
-                            core_1.transition('* => center', [
-                                core_1.animate('300ms ease-out')
-                            ])
-                        ])
-                    ],
-                    exportAs: 'kendoScrollView',
-                    selector: 'kendo-scrollview',
-                    template: "\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf(pageable)\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    ScrollViewComponent.ctorParameters = [
-        { type: core_1.ElementRef, },
-        { type: core_1.ApplicationRef, },
-    ];
-    ScrollViewComponent.propDecorators = {
-        'data': [{ type: core_1.Input },],
-        'activeIndex': [{ type: core_1.Input },],
-        'width': [{ type: core_1.Input },],
-        'height': [{ type: core_1.Input },],
-        'endless': [{ type: core_1.Input },],
-        'animate': [{ type: core_1.Input },],
-        'pageable': [{ type: core_1.Input },],
-        'arrows': [{ type: core_1.Input },],
-        'itemChanged': [{ type: core_1.Output },],
-        'itemTemplateRef': [{ type: core_1.ContentChild, args: [core_1.TemplateRef,] },],
-        'widgetClass': [{ type: core_1.HostBinding, args: ['class.k-widget',] },],
-        'scrollViewClass': [{ type: core_1.HostBinding, args: ['class.k-scrollview-wrap',] },],
-        'hostWidth': [{ type: core_1.HostBinding, args: ['style.width',] },],
-        'hostHeight': [{ type: core_1.HostBinding, args: ['style.height',] },],
-        'tabIndex': [{ type: core_1.HostBinding, args: ['attr.tabindex',] },],
-        'ariaLive': [{ type: core_1.HostBinding, args: ['attr.aria-live',] },],
-        'keyDown': [{ type: core_1.HostListener, args: ['keydown', ['$event'],] },],
-    };
     return ScrollViewComponent;
 }());
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Array)
+], ScrollViewComponent.prototype, "data", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], ScrollViewComponent.prototype, "activeIndex", null);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", String)
+], ScrollViewComponent.prototype, "width", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", String)
+], ScrollViewComponent.prototype, "height", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Boolean)
+], ScrollViewComponent.prototype, "endless", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Boolean)
+], ScrollViewComponent.prototype, "animate", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Boolean)
+], ScrollViewComponent.prototype, "pageable", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Boolean)
+], ScrollViewComponent.prototype, "arrows", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", core_1.EventEmitter)
+], ScrollViewComponent.prototype, "itemChanged", void 0);
+__decorate([
+    core_1.ContentChild(core_1.TemplateRef),
+    __metadata("design:type", core_1.TemplateRef)
+], ScrollViewComponent.prototype, "itemTemplateRef", void 0);
+__decorate([
+    core_1.HostBinding('class.k-widget'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "widgetClass", null);
+__decorate([
+    core_1.HostBinding('class.k-scrollview-wrap'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "scrollViewClass", null);
+__decorate([
+    core_1.HostBinding('style.width'),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "hostWidth", null);
+__decorate([
+    core_1.HostBinding('style.height'),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "hostHeight", null);
+__decorate([
+    core_1.HostBinding('attr.tabindex'),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "tabIndex", null);
+__decorate([
+    core_1.HostBinding('attr.aria-live'),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], ScrollViewComponent.prototype, "ariaLive", null);
+__decorate([
+    core_1.HostListener('keydown', ['$event']),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], ScrollViewComponent.prototype, "keyDown", null);
+ScrollViewComponent = __decorate([
+    core_1.Component({
+        animations: [
+            core_1.trigger('animateTo', [
+                core_1.state('center, left, right', core_1.style({ transform: 'translateX(0)' })),
+                core_1.transition('* => right', [
+                    core_1.animate('300ms ease-out', core_1.style({ transform: 'translateX(100%)' }))
+                ]),
+                core_1.transition('* => left', [
+                    core_1.animate('300ms ease-out', core_1.style({ transform: 'translateX(-100%)' }))
+                ]),
+                core_1.transition('* => center', [
+                    core_1.animate('300ms ease-out')
+                ])
+            ])
+        ],
+        exportAs: 'kendoScrollView',
+        selector: 'kendo-scrollview',
+        template: "\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf=\"pageable\"\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "
+    }),
+    __metadata("design:paramtypes", [core_1.ElementRef, core_1.ApplicationRef])
+], ScrollViewComponent);
 exports.ScrollViewComponent = ScrollViewComponent;

dist/npm/scrollview.component.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ScrollViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["animateTo",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["center, left, right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out"]}]]}]]}],"exportAs":"kendoScrollView","selector":"kendo-scrollview","template":"\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf(pageable)\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"endless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"arrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"scrollViewClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-scrollview-wrap"]}]}],"hostWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.width"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaLive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-live"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef"}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"transitionEndHandler":[{"__symbolic":"method"}],"handlePress":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"handleRelease":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"inlineStyles":[{"__symbolic":"method"}],"displayPrevArrow":[{"__symbolic":"method"}],"displayNextArrow":[{"__symbolic":"method"}],"draggedInsideBounds":[{"__symbolic":"method"}],"draggedEnoughToNavigate":[{"__symbolic":"method"}],"isDragForbidden":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"changeIndex":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"ScrollViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["animateTo",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["center, left, right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out"]}]]}]]}],"exportAs":"kendoScrollView","selector":"kendo-scrollview","template":"\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf=\"pageable\"\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"endless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"arrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"scrollViewClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-scrollview-wrap"]}]}],"hostWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.width"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaLive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-live"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef"}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"transitionEndHandler":[{"__symbolic":"method"}],"handlePress":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"handleRelease":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"inlineStyles":[{"__symbolic":"method"}],"displayPrevArrow":[{"__symbolic":"method"}],"displayNextArrow":[{"__symbolic":"method"}],"draggedInsideBounds":[{"__symbolic":"method"}],"draggedEnoughToNavigate":[{"__symbolic":"method"}],"isDragForbidden":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"changeIndex":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ScrollViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["animateTo",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["center, left, right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["300ms ease-out"]}]]}]]}],"exportAs":"kendoScrollView","selector":"kendo-scrollview","template":"\n      <ul class='k-scrollview'\n        [ngStyle]=\"transitionStyle\"\n        [@animateTo]=\"animationState\"\n        (@animateTo.done)= \"transitionEndHandler($event)\"\n        (kendo.drag) = \"handleDrag($event)\"\n        (kendo.press) = \"handlePress($event)\"\n        (kendo.release) = \"handleRelease($event)\"\n        kendoDraggable>\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngOutletContext]=\"{ item: item }\">\n            </template>\n        </li>\n      </ul>\n      <div class='k-scrollview-elements'\n        [ngStyle]=\"{'height': height}\"\n        *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n        <a class=\"k-scrollview-prev\"\n          aria-label=\"previous\"\n          *ngIf=\"arrows && displayPrevArrow()\"\n          (click)=\"prev()\">\n          <span class=\"k-icon k-i-arrowhead-w\"></span>\n        </a>\n        <a class=\"k-scrollview-next\"\n          aria-label=\"next\"\n          *ngIf=\"arrows && displayNextArrow()\"\n          (click)=\"next()\">\n            <span class=\"k-icon k-i-arrowhead-e\"></span>\n        </a>\n        <kendo-scrollview-pager *ngIf=\"pageable\"\n          (pagerIndexChange)=\"pageChange($event)\"\n          [data]=\"data\"\n          [activeIndex]=\"activeIndex\">\n        </kendo-scrollview-pager>\n      </div>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"endless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"arrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]}]}],"scrollViewClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-scrollview-wrap"]}]}],"hostWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.width"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaLive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-live"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef"}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"transitionEndHandler":[{"__symbolic":"method"}],"handlePress":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"handleRelease":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"inlineStyles":[{"__symbolic":"method"}],"displayPrevArrow":[{"__symbolic":"method"}],"displayNextArrow":[{"__symbolic":"method"}],"draggedInsideBounds":[{"__symbolic":"method"}],"draggedEnoughToNavigate":[{"__symbolic":"method"}],"isDragForbidden":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"changeIndex":[{"__symbolic":"method"}]}}}}]

dist/npm/scrollview.module.js

 "use strict";
-var core_1 = require('@angular/core');
-var common_1 = require('@angular/common');
-var scrollview_component_1 = require('./scrollview.component');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var core_1 = require("@angular/core");
+var common_1 = require("@angular/common");
+var scrollview_component_1 = require("./scrollview.component");
 var scrollview_pager_component_1 = require("./scrollview-pager.component");
-var draggable_1 = require('./draggable');
+var draggable_1 = require("./draggable");
 var DECLARATIONS = [
@@ -49,13 +55,11 @@ scrollview_component_1.ScrollViewComponent,
     }
-    ScrollViewModule.decorators = [
-        { type: core_1.NgModule, args: [{
-                    declarations: [DECLARATIONS],
-                    exports: [EXPORTS],
-                    imports: [common_1.CommonModule]
-                },] },
-    ];
-    /** @nocollapse */
-    ScrollViewModule.ctorParameters = [];
     return ScrollViewModule;
 }());
+ScrollViewModule = __decorate([
+    core_1.NgModule({
+        declarations: [DECLARATIONS],
+        exports: [EXPORTS],
+        imports: [common_1.CommonModule]
+    })
+], ScrollViewModule);
 exports.ScrollViewModule = ScrollViewModule;

dist/npm/scrollview.module.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ScrollViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"},{"__symbolic":"reference","module":"./scrollview-pager.component","name":"ScrollViewPagerComponent"},{"__symbolic":"reference","module":"./draggable","name":"KendoDraggableDirective"}]],"exports":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}
+[{"__symbolic":"module","version":3,"metadata":{"ScrollViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"},{"__symbolic":"reference","module":"./scrollview-pager.component","name":"ScrollViewPagerComponent"},{"__symbolic":"reference","module":"./draggable","name":"KendoDraggableDirective"}]],"exports":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"ScrollViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"},{"__symbolic":"reference","module":"./scrollview-pager.component","name":"ScrollViewPagerComponent"},{"__symbolic":"reference","module":"./draggable","name":"KendoDraggableDirective"}]],"exports":[[{"__symbolic":"reference","module":"./scrollview.component","name":"ScrollViewComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]

package.json

 {
   "name": "@progress/kendo-angular-scrollview",
   "description": "A ScrollView Component for Angular 2",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "publishConfig": {
@@ -33,19 +33,19 @@ "registry": "https://registry.npm.telerik.com"
   "peerDependencies": {
-    "@angular/common": "^2.0.0",
-    "@angular/core": "^2.0.0",
-    "rxjs": "~5.0.0-X"
+    "@angular/common": "^2.4.0",
+    "@angular/core": "^2.4.0",
+    "rxjs": "^5.0.1"
   },
   "devDependencies": {
-    "@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": "^6.0.0",
-    "@telerik/kendo-theme-default": "^1.24.0",
+    "@angular/common": "^2.4.0",
+    "@angular/core": "^2.4.0",
+    "@angular/compiler": "^2.4.0",
+    "@angular/compiler-cli": "^2.4.0",
+    "@angular/http": "^2.4.0",
+    "@angular/platform-browser": "^2.4.0",
+    "@angular/platform-browser-dynamic": "^2.4.0",
+    "@angular/platform-server": "^2.4.0",
+    "@progress/kendo-angular-tasks": "^7.0.0",
+    "@progress/kendo-theme-default": "^2.0.0",
     "@telerik/kendo-draggable": "^1.5.1",
-    "codelyzer": "0.0.28",
+    "codelyzer": "2.0.0-beta.2",
     "core-js": "^2.2.2",
@@ -55,8 +55,8 @@ "cz-conventional-changelog": "^1.1.5",
     "gulp": "^3.9.0",
-    "rxjs": "5.0.0-beta.12",
+    "rxjs": "^5.0.1",
     "semantic-release": "^4.3.5",
     "typings": "^1.3.0",
     "validate-commit-msg": "^1.1.1",
-    "zone.js": "^0.6.23",
-    "typescript": "~2.0.3"
+    "zone.js": "^0.7.2",
+    "typescript": "^2.1.0"
   },
@@ -63,0 +63,0 @@ "config": {

tsconfig.es.json

@@ -11,2 +11,4 @@ {
     "noImplicitAny": false,
+    "noUnusedParameters": true,
+    "noUnusedLocals": true,
     "lib": ["es2015", "dom"],
@@ -13,0 +15,0 @@ "outDir": "dist/es"

tsconfig.npm.json

@@ -8,2 +8,4 @@ {
     "experimentalDecorators": true,
+    "noUnusedParameters": true,
+    "noUnusedLocals": true,
     "removeComments": false,
@@ -10,0 +12,0 @@ "noImplicitAny": false,

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

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

147811

increased by26.45%

Number of package files

53

increased by3.92%

Lines of code

2015

increased by11.82%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes