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

Comparing version 1.0.8 to 1.0.9-dev.201802271226

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

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@angular/animations"),require("rxjs/symbol/iterator"),require("@progress/kendo-angular-l10n"),require("@angular/common")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@angular/animations","rxjs/symbol/iterator","@progress/kendo-angular-l10n","@angular/common"],t):"object"==typeof exports?exports.KendoAngularScrollview=t(require("tslib"),require("@angular/core"),require("@angular/animations"),require("rxjs/symbol/iterator"),require("@progress/kendo-angular-l10n"),require("@angular/common")):e.KendoAngularScrollview=t(e.tslib,e["@angular/core"],e["@angular/animations"],e["rxjs/symbol/iterator"],e["@progress/kendo-angular-l10n"],e["@angular/common"])}(this,function(e,t,n,i,o,r){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";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1);t.ScrollViewComponent=i.ScrollViewComponent;var o=n(9);t.ScrollViewModule=o.ScrollViewModule;var r=n(11);t.ScrollViewPagerComponent=r.ScrollViewPagerComponent;var a=n(12);t.KendoDraggableDirective=a.KendoDraggableDirective},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(4),a=n(5),s=n(6),d=n(8),l=function(){function e(e,t,n){var i=this;this.element=e,this.application=t,this.data=[],this.endless=!1,this.animate=!0,this.pageable=!1,this.arrows=!1,this.itemChanged=new o.EventEmitter,this.animationState=null,this.transitionStyle={},this.view=new s.DataCollection(function(){return new s.DataResultIterator(i.data,i.activeIndex,i.endless,i.pageIndex,i.isRTLMode())}),this.isDataSourceEmpty=!1,this._activeIndex=0,this.index=0,this.pageIndex=null,this.transforms=["translateX(-100%)","translateX(0%)","translateX(100%)"],this.direction=n?"rtl":"ltr"}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}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.keyDown=function(e){e.keyCode===a.Keys.LeftArrow&&(this.isRTLMode()?this.next():this.prev()),e.keyCode===a.Keys.RightArrow&&(this.isRTLMode()?this.prev():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.isRTLMode()?this.changeIndex(t<0?a.Dir.Prev:a.Dir.Next):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.isRTLMode()?this.animationState=this.pageIndex>this.index?"right":"left":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.displayLeftArrow=function(){var e;return e=this.isRTLMode()?this.activeIndex+1<this.view.total:this.activeIndex>0,(this.endless||e)&&this.view.total>0},e.prototype.leftArrowClick=function(){this.isRTLMode()?this.next():this.prev()},e.prototype.displayRightArrow=function(){var e;return e=this.isRTLMode()?this.activeIndex>0:this.activeIndex+1<this.view.total,(this.endless||e)&&this.view.total>0},e.prototype.rightArrowClick=function(){this.isRTLMode()?this.prev():this.next()},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){var t,n;return t=this.isRTLMode()?e<0&&0!==e:e>0&&0!==e,n=0===this.activeIndex&&t||this.activeIndex===this.view.total-1&&!t,!this.endless&&n},e.prototype.navigate=function(e){this.isDataSourceEmpty||this.animationState||(this.changeIndex(e),this.animate||this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}))},e.prototype.changeIndex=function(e){e===a.Dir.Next&&this.view.canMoveNext()?(this.index=(this.index+1)%this.view.total,this.animate?this.animationState=this.isRTLMode()?"right":"left":this.activeIndex=this.index):e===a.Dir.Prev&&this.view.canMovePrev()&&(this.index=0===this.index?this.view.total-1:this.index-1,this.animate?this.animationState=this.isRTLMode()?"left":"right":this.activeIndex=this.index)},e.prototype.isRTLMode=function(){return"rtl"===this.direction},i.__decorate([o.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],e.prototype,"activeIndex",null),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"width",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"height",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"endless",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"animate",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"pageable",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"arrows",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"itemChanged",void 0),i.__decorate([o.ContentChild(o.TemplateRef),i.__metadata("design:type",o.TemplateRef)],e.prototype,"itemTemplateRef",void 0),i.__decorate([o.HostBinding("class.k-widget"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"widgetClass",null),i.__decorate([o.HostBinding("class.k-scrollview-wrap"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"scrollViewClass",null),i.__decorate([o.HostBinding("style.width"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostWidth",null),i.__decorate([o.HostBinding("style.height"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostHeight",null),i.__decorate([o.HostBinding("attr.tabindex"),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[])],e.prototype,"tabIndex",null),i.__decorate([o.HostBinding("attr.aria-live"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"ariaLive",null),i.__decorate([o.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"dir",null),i.__decorate([o.HostListener("keydown",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Object]),i.__metadata("design:returntype",void 0)],e.prototype,"keyDown",null),e=i.__decorate([o.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" (@animateTo.done)= "transitionEndHandler($event)"\n        kendoDraggable\n        (kendoDrag) = "handleDrag($event)" (kendoPress) = "handlePress($event)" (kendoRelease) = "handleRelease($event)">\n        <li *ngFor="let item of view;let i=index"\n          [ngStyle]="inlineStyles(i)"\n          [attr.aria-hidden]="i !== 1">\n            <ng-template\n              [ngTemplateOutlet]="itemTemplateRef"\n              [ngTemplateOutletContext]="{ item: item }">\n            </ng-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 && displayLeftArrow()"\n          (click)="leftArrowClick()">\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 && displayRightArrow()"\n          (click)="rightArrowClick()">\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    '}),i.__param(2,o.Optional()),i.__param(2,o.Inject(d.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.ApplicationRef,Boolean])],e)}();t.ScrollViewComponent=l},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});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";Object.defineProperty(t,"__esModule",{value:!0});var i=n(7),o={},r=function(){function e(e,t,n,i,o){this.rtl=!1,this.source=e?e:[],this.index=t?t:0,this.endless=n,this.pageIndex=i,this.rtl=o}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=[o].concat(this.source,[o]);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 this.rtl?e.reverse():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=r;var a=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=a},function(e,t){e.exports=i},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(10),a=n(1),s=n(11),d=n(12),l=[a.ScrollViewComponent,s.ScrollViewPagerComponent,d.KendoDraggableDirective],p=[a.ScrollViewComponent],u=function(){function e(){}return e=i.__decorate([o.NgModule({declarations:[l],exports:[p],imports:[r.CommonModule]})],e)}();t.ScrollViewModule=u},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(3),a=function(){function e(){this.pagerIndexChange=new r.EventEmitter}return e.prototype.itemClass=function(e){return{"k-primary":e===this.activeIndex}},e.prototype.indexChange=function(e){this.pagerIndexChange.emit(e)},i.__decorate([o.Input(),i.__metadata("design:type",Number)],e.prototype,"activeIndex",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([o.Output(),i.__metadata("design:type",r.EventEmitter)],e.prototype,"pagerIndexChange",void 0),e=i.__decorate([o.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    '})],e)}();t.ScrollViewPagerComponent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(13),a=function(){function e(e){var t=this;this.kendoDrag=new o.EventEmitter,this.kendoPress=new o.EventEmitter,this.kendoRelease=new o.EventEmitter,this.draggable=new r.default({drag:function(e){e.hasOwnProperty("originalEvent")&&e.originalEvent.preventDefault(),t.kendoDrag.next(e)},press:function(e){return t.kendoPress.next(e)},release:function(e){return t.kendoRelease.next(e)}}),this.draggable.bindTo(e.nativeElement)}return e.prototype.ngOnDestroy=function(){this.draggable.destroy()},i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"kendoDrag",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"kendoPress",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"kendoRelease",void 0),e=i.__decorate([o.Directive({selector:"[kendoDraggable]"}),i.__metadata("design:paramtypes",[o.ElementRef])],e)}();t.KendoDraggableDirective=a},function(e,t){"use strict";function n(e){return e.type.match(s)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,type:e.type,originalEvent:e}:{pageX:e.pageX,pageY:e.pageY,offsetX:e.offsetX,offsetY:e.offsetY,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=function(){},s=/touch/,d=2e3,l=function(e){var t=this,s=e.press;void 0===s&&(s=a);var l=e.drag;void 0===l&&(l=a);var p=e.release;void 0===p&&(p=a),this._pressHandler=i(n,s),this._dragHandler=i(n,l),this._releaseHandler=i(n,p),this._ignoreMouse=!1,this._touchAction,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,d))},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)},this._pointerdown=function(e){e.isPrimary&&(o(t._element,"pointermove",t._pointermove),t._touchAction=e.target.style.touchAction,e.target.style.touchAction="none",e.target.setPointerCapture(e.pointerId),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(r(t._element,"pointermove",t._pointermove),e.target.style.touchAction=t._touchAction,t._releaseHandler(e))}};l.supportPointerEvent=function(){return window.PointerEvent},l.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,l.supportPointerEvent()?(o(e,"pointerdown",this._pointerdown),o(e,"pointerup",this._pointerup)):(o(e,"mousedown",this._mousedown),o(e,"touchstart",this._touchstart),o(e,"touchmove",this._touchmove),o(e,"touchend",this._touchend)))},l.prototype._unbindFromCurrent=function(){l.supportPointerEvent()?(r(this._element,"pointerdown",this._pointerdown),r(this._element,"pointermove",this._pointermove),r(this._element,"pointerup",this._pointerup)):(r(this._element,"mousedown",this._mousedown),r(this._element,"touchstart",this._touchstart),r(this._element,"touchmove",this._touchmove),r(this._element,"touchend",this._touchend))},l.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},t.Draggable=l,t.default=l}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@angular/animations"),require("rxjs/symbol/iterator"),require("@progress/kendo-angular-l10n"),require("@angular/common")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@angular/animations","rxjs/symbol/iterator","@progress/kendo-angular-l10n","@angular/common"],t):"object"==typeof exports?exports.KendoAngularScrollview=t(require("tslib"),require("@angular/core"),require("@angular/animations"),require("rxjs/symbol/iterator"),require("@progress/kendo-angular-l10n"),require("@angular/common")):e.KendoAngularScrollview=t(e.tslib,e["@angular/core"],e["@angular/animations"],e["rxjs/symbol/iterator"],e["@progress/kendo-angular-l10n"],e["@angular/common"])}(this,function(e,t,n,i,o,r){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";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1);t.ScrollViewComponent=i.ScrollViewComponent;var o=n(9);t.ScrollViewModule=o.ScrollViewModule;var r=n(11);t.ScrollViewPagerComponent=r.ScrollViewPagerComponent;var a=n(12);t.KendoDraggableDirective=a.KendoDraggableDirective},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(4),a=n(5),s=n(6),d=n(8),l=function(){function e(e,t,n){var i=this;this.element=e,this.application=t,this.data=[],this.endless=!1,this.animate=!0,this.pageable=!1,this.arrows=!1,this.itemChanged=new o.EventEmitter,this.animationState=null,this.transitionStyle={},this.view=new s.DataCollection(function(){return new s.DataResultIterator(i.data,i.activeIndex,i.endless,i.pageIndex,i.isRTLMode())}),this.isDataSourceEmpty=!1,this._activeIndex=0,this.index=0,this.pageIndex=null,this.transforms=["translateX(-100%)","translateX(0%)","translateX(100%)"],this.direction=n?"rtl":"ltr"}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}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.keyDown=function(e){e.keyCode===a.Keys.LeftArrow&&(this.isRTLMode()?this.next():this.prev()),e.keyCode===a.Keys.RightArrow&&(this.isRTLMode()?this.prev():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.isRTLMode()?this.changeIndex(t<0?a.Dir.Prev:a.Dir.Next):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.isRTLMode()?this.animationState=this.pageIndex>this.index?"right":"left":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.displayLeftArrow=function(){var e;return e=this.isRTLMode()?this.activeIndex+1<this.view.total:this.activeIndex>0,(this.endless||e)&&this.view.total>0},e.prototype.leftArrowClick=function(){this.isRTLMode()?this.next():this.prev()},e.prototype.displayRightArrow=function(){var e;return e=this.isRTLMode()?this.activeIndex>0:this.activeIndex+1<this.view.total,(this.endless||e)&&this.view.total>0},e.prototype.rightArrowClick=function(){this.isRTLMode()?this.prev():this.next()},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){var t,n;return t=this.isRTLMode()?e<0&&0!==e:e>0&&0!==e,n=0===this.activeIndex&&t||this.activeIndex===this.view.total-1&&!t,!this.endless&&n},e.prototype.navigate=function(e){this.isDataSourceEmpty||this.animationState||(this.changeIndex(e),this.animate||this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}))},e.prototype.changeIndex=function(e){e===a.Dir.Next&&this.view.canMoveNext()?(this.index=(this.index+1)%this.view.total,this.animate?this.animationState=this.isRTLMode()?"right":"left":this.activeIndex=this.index):e===a.Dir.Prev&&this.view.canMovePrev()&&(this.index=0===this.index?this.view.total-1:this.index-1,this.animate?this.animationState=this.isRTLMode()?"left":"right":this.activeIndex=this.index)},e.prototype.isRTLMode=function(){return"rtl"===this.direction},i.__decorate([o.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],e.prototype,"activeIndex",null),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"width",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"height",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"endless",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"animate",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"pageable",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"arrows",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"itemChanged",void 0),i.__decorate([o.ContentChild(o.TemplateRef),i.__metadata("design:type",o.TemplateRef)],e.prototype,"itemTemplateRef",void 0),i.__decorate([o.HostBinding("class.k-widget"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"widgetClass",null),i.__decorate([o.HostBinding("class.k-scrollview-wrap"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"scrollViewClass",null),i.__decorate([o.HostBinding("style.width"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostWidth",null),i.__decorate([o.HostBinding("style.height"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostHeight",null),i.__decorate([o.HostBinding("attr.tabindex"),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[])],e.prototype,"tabIndex",null),i.__decorate([o.HostBinding("attr.aria-live"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"ariaLive",null),i.__decorate([o.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"dir",null),i.__decorate([o.HostListener("keydown",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Object]),i.__metadata("design:returntype",void 0)],e.prototype,"keyDown",null),e=i.__decorate([o.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" (@animateTo.done)= "transitionEndHandler($event)"\n        kendoDraggable\n        (kendoDrag) = "handleDrag($event)" (kendoPress) = "handlePress($event)" (kendoRelease) = "handleRelease($event)">\n        <li *ngFor="let item of view;let i=index"\n          [ngStyle]="inlineStyles(i)"\n          [attr.aria-hidden]="i !== 1">\n            <ng-template\n              [ngTemplateOutlet]="itemTemplateRef"\n              [ngTemplateOutletContext]="{ item: item }">\n            </ng-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 && displayLeftArrow()"\n          (click)="leftArrowClick()">\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 && displayRightArrow()"\n          (click)="rightArrowClick()">\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    '}),i.__param(2,o.Optional()),i.__param(2,o.Inject(d.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.ApplicationRef,Boolean])],e)}();t.ScrollViewComponent=l},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});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";Object.defineProperty(t,"__esModule",{value:!0});var i=n(7),o={},r=function(){function e(e,t,n,i,o){this.rtl=!1,this.source=e?e:[],this.index=t?t:0,this.endless=n,this.pageIndex=i,this.rtl=o}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=[o].concat(this.source,[o]);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 this.rtl?e.reverse():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=r;var a=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=a},function(e,t){e.exports=i},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(10),a=n(1),s=n(11),d=n(12),l=[a.ScrollViewComponent,s.ScrollViewPagerComponent,d.KendoDraggableDirective],p=[a.ScrollViewComponent],u=function(){function e(){}return e=i.__decorate([o.NgModule({declarations:[l],exports:[p],imports:[r.CommonModule]})],e)}();t.ScrollViewModule=u},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(3),a=function(){function e(){this.pagerIndexChange=new r.EventEmitter}return e.prototype.itemClass=function(e){return{"k-primary":e===this.activeIndex}},e.prototype.indexChange=function(e){this.pagerIndexChange.emit(e)},i.__decorate([o.Input(),i.__metadata("design:type",Number)],e.prototype,"activeIndex",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([o.Output(),i.__metadata("design:type",r.EventEmitter)],e.prototype,"pagerIndexChange",void 0),e=i.__decorate([o.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    '})],e)}();t.ScrollViewPagerComponent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(13),a=function(){function e(e){var t=this;this.kendoDrag=new o.EventEmitter,this.kendoPress=new o.EventEmitter,this.kendoRelease=new o.EventEmitter,this.draggable=new r.default({drag:function(e){e.hasOwnProperty("originalEvent")&&e.originalEvent.preventDefault(),t.kendoDrag.next(e)},press:function(e){return t.kendoPress.next(e)},release:function(e){return t.kendoRelease.next(e)}}),this.draggable.bindTo(e.nativeElement)}return e.prototype.ngOnDestroy=function(){this.draggable.destroy()},i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"kendoDrag",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"kendoPress",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"kendoRelease",void 0),e=i.__decorate([o.Directive({selector:"[kendoDraggable]"}),i.__metadata("design:paramtypes",[o.ElementRef])],e)}();t.KendoDraggableDirective=a},function(e,t){"use strict";function n(e){return e.type.match(s)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,type:e.type,originalEvent:e}:{pageX:e.pageX,pageY:e.pageY,offsetX:e.offsetX,offsetY:e.offsetY,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=function(){},s=/touch/,d=2e3,l=function(e){var t=this,s=e.press;void 0===s&&(s=a);var l=e.drag;void 0===l&&(l=a);var p=e.release;void 0===p&&(p=a),this._pressHandler=i(n,s),this._dragHandler=i(n,l),this._releaseHandler=i(n,p),this._ignoreMouse=!1,this._touchAction,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,d))},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)},this._pointerdown=function(e){e.isPrimary&&(o(t._element,"pointermove",t._pointermove),t._touchAction=e.target.style.touchAction,e.target.style.touchAction="none",e.target.setPointerCapture(e.pointerId),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(r(t._element,"pointermove",t._pointermove),e.target.style.touchAction=t._touchAction,e.target.releasePointerCapture(e.pointerId),t._releaseHandler(e))}};l.supportPointerEvent=function(){return window.PointerEvent},l.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,l.supportPointerEvent()?(o(e,"pointerdown",this._pointerdown),o(e,"pointerup",this._pointerup)):(o(e,"mousedown",this._mousedown),o(e,"touchstart",this._touchstart),o(e,"touchmove",this._touchmove),o(e,"touchend",this._touchend)))},l.prototype._unbindFromCurrent=function(){l.supportPointerEvent()?(r(this._element,"pointerdown",this._pointerdown),r(this._element,"pointermove",this._pointermove),r(this._element,"pointerup",this._pointerup)):(r(this._element,"mousedown",this._mousedown),r(this._element,"touchstart",this._touchstart),r(this._element,"touchmove",this._touchmove),r(this._element,"touchend",this._touchend))},l.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},l.default=l,t.Draggable=l,t.default=l}])});

dist/es/draggable.js

@@ -1,2 +0,1 @@
-import * as tslib_1 from "tslib";
 import { EventEmitter, ElementRef, Directive, Output } from '@angular/core';
@@ -28,22 +27,18 @@ import Draggable from '@telerik/kendo-draggable';
     };
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], KendoDraggableDirective.prototype, "kendoDrag", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], KendoDraggableDirective.prototype, "kendoPress", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], KendoDraggableDirective.prototype, "kendoRelease", void 0);
-    KendoDraggableDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDraggable]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef])
-    ], KendoDraggableDirective);
+    KendoDraggableDirective.decorators = [
+        { type: Directive, args: [{
+                    selector: '[kendoDraggable]'
+                },] },
+    ];
+    /** @nocollapse */
+    KendoDraggableDirective.ctorParameters = function () { return [
+        { type: ElementRef, },
+    ]; };
+    KendoDraggableDirective.propDecorators = {
+        'kendoDrag': [{ type: Output },],
+        'kendoPress': [{ type: Output },],
+        'kendoRelease': [{ type: Output },],
+    };
     return KendoDraggableDirective;
 }());
 export { KendoDraggableDirective };

dist/es/scrollview-pager.component.js

@@ -1,2 +0,1 @@
-import * as tslib_1 from "tslib";
 import { Component, Input, Output } from '@angular/core';
@@ -19,22 +18,17 @@ import { EventEmitter } from '@angular/core';
     };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ScrollViewPagerComponent.prototype, "activeIndex", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], ScrollViewPagerComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ScrollViewPagerComponent.prototype, "pagerIndexChange", void 0);
-    ScrollViewPagerComponent = tslib_1.__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);
+    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 = function () { return []; };
+    ScrollViewPagerComponent.propDecorators = {
+        'activeIndex': [{ type: Input },],
+        'data': [{ type: Input },],
+        'pagerIndexChange': [{ type: Output },],
+    };
     return ScrollViewPagerComponent;
 }());
 export { ScrollViewPagerComponent };

dist/es/scrollview.component.js

@@ -1,2 +0,1 @@
-import * as tslib_1 from "tslib";
 import { ApplicationRef, Component, ContentChild, ElementRef, EventEmitter, HostBinding, HostListener, Inject, Input, Optional, Output, TemplateRef } from '@angular/core';
@@ -382,110 +381,51 @@ import { animate, state, style, transition, trigger } from '@angular/animations';
     };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], ScrollViewComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], ScrollViewComponent.prototype, "activeIndex", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "width", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "height", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "endless", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "animate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "pageable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "arrows", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ScrollViewComponent.prototype, "itemChanged", void 0);
-    tslib_1.__decorate([
-        ContentChild(TemplateRef),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ScrollViewComponent.prototype, "itemTemplateRef", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-widget'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "widgetClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-scrollview-wrap'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "scrollViewClass", null);
-    tslib_1.__decorate([
-        HostBinding('style.width'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "hostWidth", null);
-    tslib_1.__decorate([
-        HostBinding('style.height'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "hostHeight", null);
-    tslib_1.__decorate([
-        HostBinding('attr.tabindex'),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "tabIndex", null);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-live'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "ariaLive", null);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        HostListener('keydown', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], ScrollViewComponent.prototype, "keyDown", null);
-    ScrollViewComponent = tslib_1.__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\" (@animateTo.done)= \"transitionEndHandler($event)\"\n        kendoDraggable\n        (kendoDrag) = \"handleDrag($event)\" (kendoPress) = \"handlePress($event)\" (kendoRelease) = \"handleRelease($event)\">\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <ng-template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngTemplateOutletContext]=\"{ item: item }\">\n            </ng-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 && displayLeftArrow()\"\n          (click)=\"leftArrowClick()\">\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 && displayRightArrow()\"\n          (click)=\"rightArrowClick()\">\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    "
-        }),
-        tslib_1.__param(2, Optional()), tslib_1.__param(2, Inject(RTL)),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            ApplicationRef, Boolean])
-    ], ScrollViewComponent);
+    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\" (@animateTo.done)= \"transitionEndHandler($event)\"\n        kendoDraggable\n        (kendoDrag) = \"handleDrag($event)\" (kendoPress) = \"handlePress($event)\" (kendoRelease) = \"handleRelease($event)\">\n        <li *ngFor=\"let item of view;let i=index\"\n          [ngStyle]=\"inlineStyles(i)\"\n          [attr.aria-hidden]=\"i !== 1\">\n            <ng-template\n              [ngTemplateOutlet]=\"itemTemplateRef\"\n              [ngTemplateOutletContext]=\"{ item: item }\">\n            </ng-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 && displayLeftArrow()\"\n          (click)=\"leftArrowClick()\">\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 && displayRightArrow()\"\n          (click)=\"rightArrowClick()\">\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 = function () { return [
+        { type: ElementRef, },
+        { type: ApplicationRef, },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [RTL,] },] },
+    ]; };
+    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',] },],
+        'dir': [{ type: HostBinding, args: ['attr.dir',] },],
+        'keyDown': [{ type: HostListener, args: ['keydown', ['$event'],] },],
+    };
     return ScrollViewComponent;
 }());
 export { ScrollViewComponent };

dist/es/scrollview.module.js

@@ -1,2 +0,1 @@
-import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
@@ -49,11 +48,13 @@ import { CommonModule } from '@angular/common';
     }
-    ScrollViewModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [DECLARATIONS],
-            exports: [EXPORTS],
-            imports: [CommonModule]
-        })
-    ], ScrollViewModule);
+    ScrollViewModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [DECLARATIONS],
+                    exports: [EXPORTS],
+                    imports: [CommonModule]
+                },] },
+    ];
+    /** @nocollapse */
+    ScrollViewModule.ctorParameters = function () { return []; };
     return ScrollViewModule;
 }());
 export { ScrollViewModule };

dist/es2015/draggable.js

@@ -1,2 +0,1 @@
-import * as tslib_1 from "tslib";
 import { EventEmitter, ElementRef, Directive, Output } from '@angular/core';
@@ -7,3 +6,3 @@ import Draggable from '@telerik/kendo-draggable';
  */
-let KendoDraggableDirective = class KendoDraggableDirective {
+export class KendoDraggableDirective {
     constructor(ngEl) {
@@ -28,21 +27,16 @@ this.kendoDrag = new EventEmitter();
     }
+}
+KendoDraggableDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[kendoDraggable]'
+            },] },
+];
+/** @nocollapse */
+KendoDraggableDirective.ctorParameters = () => [
+    { type: ElementRef, },
+];
+KendoDraggableDirective.propDecorators = {
+    'kendoDrag': [{ type: Output },],
+    'kendoPress': [{ type: Output },],
+    'kendoRelease': [{ type: Output },],
 };
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], KendoDraggableDirective.prototype, "kendoDrag", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], KendoDraggableDirective.prototype, "kendoPress", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], KendoDraggableDirective.prototype, "kendoRelease", void 0);
-KendoDraggableDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDraggable]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef])
-], KendoDraggableDirective);
-export { KendoDraggableDirective };

dist/es2015/scrollview-pager.component.js

@@ -1,2 +0,1 @@
-import * as tslib_1 from "tslib";
 import { Component, Input, Output } from '@angular/core';
@@ -7,6 +6,3 @@ import { EventEmitter } from '@angular/core';
  */
-let ScrollViewPagerComponent = class ScrollViewPagerComponent {
-    /**
-     * @hidden
-     */
+export class ScrollViewPagerComponent {
     constructor() {
@@ -23,19 +19,7 @@ this.pagerIndexChange = new EventEmitter();
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], ScrollViewPagerComponent.prototype, "activeIndex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], ScrollViewPagerComponent.prototype, "data", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ScrollViewPagerComponent.prototype, "pagerIndexChange", void 0);
-ScrollViewPagerComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-scrollview-pager',
-        template: `
+}
+ScrollViewPagerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'kendo-scrollview-pager',
+                template: `
       <ul class="k-scrollview-pageable">
@@ -48,4 +32,10 @@ <li class="k-button" *ngFor="let item of data; let i = index"
     `
-    })
-], ScrollViewPagerComponent);
-export { ScrollViewPagerComponent };
+            },] },
+];
+/** @nocollapse */
+ScrollViewPagerComponent.ctorParameters = () => [];
+ScrollViewPagerComponent.propDecorators = {
+    'activeIndex': [{ type: Input },],
+    'data': [{ type: Input },],
+    'pagerIndexChange': [{ type: Output },],
+};

dist/es2015/scrollview.component.js

@@ -1,2 +0,1 @@
-import * as tslib_1 from "tslib";
 import { ApplicationRef, Component, ContentChild, ElementRef, EventEmitter, HostBinding, HostListener, Inject, Input, Optional, Output, TemplateRef } from '@angular/core';
@@ -60,3 +59,3 @@ import { animate, state, style, transition, trigger } from '@angular/animations';
  */
-let ScrollViewComponent = class ScrollViewComponent {
+export class ScrollViewComponent {
     constructor(element, application, rtl) {
@@ -348,104 +347,22 @@ this.element = element;
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], ScrollViewComponent.prototype, "data", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], ScrollViewComponent.prototype, "activeIndex", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ScrollViewComponent.prototype, "width", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ScrollViewComponent.prototype, "height", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ScrollViewComponent.prototype, "endless", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ScrollViewComponent.prototype, "animate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ScrollViewComponent.prototype, "pageable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ScrollViewComponent.prototype, "arrows", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ScrollViewComponent.prototype, "itemChanged", void 0);
-tslib_1.__decorate([
-    ContentChild(TemplateRef),
-    tslib_1.__metadata("design:type", TemplateRef)
-], ScrollViewComponent.prototype, "itemTemplateRef", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-widget'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "widgetClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-scrollview-wrap'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "scrollViewClass", null);
-tslib_1.__decorate([
-    HostBinding('style.width'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "hostWidth", null);
-tslib_1.__decorate([
-    HostBinding('style.height'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "hostHeight", null);
-tslib_1.__decorate([
-    HostBinding('attr.tabindex'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "tabIndex", null);
-tslib_1.__decorate([
-    HostBinding('attr.aria-live'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "ariaLive", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "dir", null);
-tslib_1.__decorate([
-    HostListener('keydown', ['$event']),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Object]),
-    tslib_1.__metadata("design:returntype", void 0)
-], ScrollViewComponent.prototype, "keyDown", null);
-ScrollViewComponent = tslib_1.__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: `
+}
+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: `
       <ul class='k-scrollview'
@@ -487,7 +404,29 @@ [ngStyle]="transitionStyle"
     `
-    }),
-    tslib_1.__param(2, Optional()), tslib_1.__param(2, Inject(RTL)),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        ApplicationRef, Boolean])
-], ScrollViewComponent);
-export { ScrollViewComponent };
+            },] },
+];
+/** @nocollapse */
+ScrollViewComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: ApplicationRef, },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [RTL,] },] },
+];
+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',] },],
+    'dir': [{ type: HostBinding, args: ['attr.dir',] },],
+    'keyDown': [{ type: HostListener, args: ['keydown', ['$event'],] },],
+};

dist/es2015/scrollview.module.js

@@ -1,2 +0,1 @@
-import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
@@ -46,11 +45,12 @@ import { CommonModule } from '@angular/common';
  */
-let ScrollViewModule = class ScrollViewModule {
-};
-ScrollViewModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [DECLARATIONS],
-        exports: [EXPORTS],
-        imports: [CommonModule]
-    })
-], ScrollViewModule);
-export { ScrollViewModule };
+export class ScrollViewModule {
+}
+ScrollViewModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [DECLARATIONS],
+                exports: [EXPORTS],
+                imports: [CommonModule]
+            },] },
+];
+/** @nocollapse */
+ScrollViewModule.ctorParameters = () => [];

dist/npm/main.js

 "use strict";
+/**
+ * Generated bundle index. Do not edit.
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
-var scrollview_component_1 = require("./scrollview.component");
-exports.ScrollViewComponent = scrollview_component_1.ScrollViewComponent;
-var scrollview_module_1 = require("./scrollview.module");
-exports.ScrollViewModule = scrollview_module_1.ScrollViewModule;
-var scrollview_pager_component_1 = require("./scrollview-pager.component");
-exports.ScrollViewPagerComponent = scrollview_pager_component_1.ScrollViewPagerComponent;
-var draggable_1 = require("./draggable");
-exports.KendoDraggableDirective = draggable_1.KendoDraggableDirective;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./public_api"), exports);

dist/systemjs/kendo-angular-scrollview.js

@@ -1,1 +0,1 @@
-System.register("@progress/kendo-angular-scrollview",["@angular/core","tslib","@angular/animations","@progress/kendo-angular-l10n","@angular/common","@telerik/kendo-draggable","rxjs/symbol/iterator"],function(e){var t,n,i,a,o,r,s;function d(e){return e.__useDefault?e.default:e}return{setters:[function(e){t=d(e)},function(e){n=d(e)},function(e){i=d(e)},function(e){a=d(e)},function(e){o=d(e)},function(e){r=d(e)},function(e){s=d(e)}],execute:function(){!function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={exports:{},id:i,loaded:!1};return e[i].call(a.exports,a,a.exports,n),a.loaded=!0,a.exports}n.m=e,n.c=t,n.p="",n(0)}([function(t,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=i(1);n.ScrollViewComponent=a.ScrollViewComponent;var o=i(9);n.ScrollViewModule=o.ScrollViewModule;var r=i(11);n.ScrollViewPagerComponent=r.ScrollViewPagerComponent;var s=i(12);n.KendoDraggableDirective=s.KendoDraggableDirective,function(t){for(var n in t)e(n,t[n])}(n)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n(3),o=n(4),r=n(5),s=n(6),d=n(8),l=function(){function e(e,t,n){var i=this;this.element=e,this.application=t,this.data=[],this.endless=!1,this.animate=!0,this.pageable=!1,this.arrows=!1,this.itemChanged=new a.EventEmitter,this.animationState=null,this.transitionStyle={},this.view=new s.DataCollection(function(){return new s.DataResultIterator(i.data,i.activeIndex,i.endless,i.pageIndex,i.isRTLMode())}),this.isDataSourceEmpty=!1,this._activeIndex=0,this.index=0,this.pageIndex=null,this.transforms=["translateX(-100%)","translateX(0%)","translateX(100%)"],this.direction=n?"rtl":"ltr"}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}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.keyDown=function(e){e.keyCode===r.Keys.LeftArrow&&(this.isRTLMode()?this.next():this.prev()),e.keyCode===r.Keys.RightArrow&&(this.isRTLMode()?this.prev():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(r.Dir.Prev)},e.prototype.next=function(){this.navigate(r.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.isRTLMode()?this.changeIndex(t<0?r.Dir.Prev:r.Dir.Next):this.changeIndex(t>0?r.Dir.Prev:r.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.isRTLMode()?this.animationState=this.pageIndex>this.index?"right":"left":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.displayLeftArrow=function(){var e;return e=this.isRTLMode()?this.activeIndex+1<this.view.total:this.activeIndex>0,(this.endless||e)&&this.view.total>0},e.prototype.leftArrowClick=function(){this.isRTLMode()?this.next():this.prev()},e.prototype.displayRightArrow=function(){var e;return e=this.isRTLMode()?this.activeIndex>0:this.activeIndex+1<this.view.total,(this.endless||e)&&this.view.total>0},e.prototype.rightArrowClick=function(){this.isRTLMode()?this.prev():this.next()},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){var t,n;return t=this.isRTLMode()?e<0&&0!==e:e>0&&0!==e,n=0===this.activeIndex&&t||this.activeIndex===this.view.total-1&&!t,!this.endless&&n},e.prototype.navigate=function(e){this.isDataSourceEmpty||this.animationState||(this.changeIndex(e),this.animate||this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}))},e.prototype.changeIndex=function(e){e===r.Dir.Next&&this.view.canMoveNext()?(this.index=(this.index+1)%this.view.total,this.animate?this.animationState=this.isRTLMode()?"right":"left":this.activeIndex=this.index):e===r.Dir.Prev&&this.view.canMovePrev()&&(this.index=0===this.index?this.view.total-1:this.index-1,this.animate?this.animationState=this.isRTLMode()?"left":"right":this.activeIndex=this.index)},e.prototype.isRTLMode=function(){return"rtl"===this.direction},i.__decorate([a.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],e.prototype,"activeIndex",null),i.__decorate([a.Input(),i.__metadata("design:type",String)],e.prototype,"width",void 0),i.__decorate([a.Input(),i.__metadata("design:type",String)],e.prototype,"height",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"endless",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"animate",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"pageable",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"arrows",void 0),i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"itemChanged",void 0),i.__decorate([a.ContentChild(a.TemplateRef),i.__metadata("design:type",a.TemplateRef)],e.prototype,"itemTemplateRef",void 0),i.__decorate([a.HostBinding("class.k-widget"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"widgetClass",null),i.__decorate([a.HostBinding("class.k-scrollview-wrap"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"scrollViewClass",null),i.__decorate([a.HostBinding("style.width"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostWidth",null),i.__decorate([a.HostBinding("style.height"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostHeight",null),i.__decorate([a.HostBinding("attr.tabindex"),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[])],e.prototype,"tabIndex",null),i.__decorate([a.HostBinding("attr.aria-live"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"ariaLive",null),i.__decorate([a.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"dir",null),i.__decorate([a.HostListener("keydown",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Object]),i.__metadata("design:returntype",void 0)],e.prototype,"keyDown",null),e=i.__decorate([a.Component({animations:[o.trigger("animateTo",[o.state("center, left, right",o.style({transform:"translateX(0)"})),o.transition("* => right",[o.animate("300ms ease-out",o.style({transform:"translateX(100%)"}))]),o.transition("* => left",[o.animate("300ms ease-out",o.style({transform:"translateX(-100%)"}))]),o.transition("* => center",[o.animate("300ms ease-out")])])],exportAs:"kendoScrollView",selector:"kendo-scrollview",template:'\n      <ul class=\'k-scrollview\'\n        [ngStyle]="transitionStyle"\n        [@animateTo]="animationState" (@animateTo.done)= "transitionEndHandler($event)"\n        kendoDraggable\n        (kendoDrag) = "handleDrag($event)" (kendoPress) = "handlePress($event)" (kendoRelease) = "handleRelease($event)">\n        <li *ngFor="let item of view;let i=index"\n          [ngStyle]="inlineStyles(i)"\n          [attr.aria-hidden]="i !== 1">\n            <ng-template\n              [ngTemplateOutlet]="itemTemplateRef"\n              [ngTemplateOutletContext]="{ item: item }">\n            </ng-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 && displayLeftArrow()"\n          (click)="leftArrowClick()">\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 && displayRightArrow()"\n          (click)="rightArrowClick()">\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    '}),i.__param(2,a.Optional()),i.__param(2,a.Inject(d.RTL)),i.__metadata("design:paramtypes",[a.ElementRef,a.ApplicationRef,Boolean])],e)}();t.ScrollViewComponent=l},function(e,t){e.exports=n},function(e,n){e.exports=t},function(e,t){e.exports=i},function(e,t){"use strict";var n,i;Object.defineProperty(t,"__esModule",{value:!0}),(n=t.Keys||(t.Keys={}))[n.LeftArrow=37]="LeftArrow",n[n.RightArrow=39]="RightArrow",(i=t.Dir||(t.Dir={}))[i.Next=1]="Next",i[i.Prev=-1]="Prev"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(7),a={},o=function(){function e(e,t,n,i,a){this.rtl=!1,this.source=e||[],this.index=t||0,this.endless=n,this.pageIndex=i,this.rtl=a}return Object.defineProperty(e.prototype,"data",{get:function(){var e,t=this.total;this.endless?e=[this.source[(this.index-1+t)%t],this.source[this.index%t],this.source[(this.index+1+t)%t]]:e=[a].concat(this.source,[a]).slice(this.index,this.index+3);null!==this.pageIndex&&(e[this.pageIndex>this.index?2:0]=this.source[this.pageIndex]);return this.rtl?e.reverse():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,t){e.exports=s},function(e,t){e.exports=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n(3),o=n(10),r=n(1),s=n(11),d=n(12),l=[r.ScrollViewComponent,s.ScrollViewPagerComponent,d.KendoDraggableDirective],p=[r.ScrollViewComponent],c=function(){function e(){}return e=i.__decorate([a.NgModule({declarations:[l],exports:[p],imports:[o.CommonModule]})],e)}();t.ScrollViewModule=c},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n(3),o=n(3),r=function(){function e(){this.pagerIndexChange=new o.EventEmitter}return e.prototype.itemClass=function(e){return{"k-primary":e===this.activeIndex}},e.prototype.indexChange=function(e){this.pagerIndexChange.emit(e)},i.__decorate([a.Input(),i.__metadata("design:type",Number)],e.prototype,"activeIndex",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([a.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"pagerIndexChange",void 0),e=i.__decorate([a.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    '})],e)}();t.ScrollViewPagerComponent=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n(3),o=n(13),r=function(){function e(e){var t=this;this.kendoDrag=new a.EventEmitter,this.kendoPress=new a.EventEmitter,this.kendoRelease=new a.EventEmitter,this.draggable=new o.default({drag:function(e){e.hasOwnProperty("originalEvent")&&e.originalEvent.preventDefault(),t.kendoDrag.next(e)},press:function(e){return t.kendoPress.next(e)},release:function(e){return t.kendoRelease.next(e)}}),this.draggable.bindTo(e.nativeElement)}return e.prototype.ngOnDestroy=function(){this.draggable.destroy()},i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"kendoDrag",void 0),i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"kendoPress",void 0),i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"kendoRelease",void 0),e=i.__decorate([a.Directive({selector:"[kendoDraggable]"}),i.__metadata("design:paramtypes",[a.ElementRef])],e)}();t.KendoDraggableDirective=r},function(e,t){e.exports=r}])}}});
+System.register("@progress/kendo-angular-scrollview",["@angular/core","tslib","@progress/kendo-angular-l10n","@angular/animations","@angular/common","@telerik/kendo-draggable","rxjs/symbol/iterator"],function(e){var t,n,i,a,o,r,s;function d(e){return e.__useDefault?e.default:e}return{setters:[function(e){t=d(e)},function(e){n=d(e)},function(e){i=d(e)},function(e){a=d(e)},function(e){o=d(e)},function(e){r=d(e)},function(e){s=d(e)}],execute:function(){!function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={exports:{},id:i,loaded:!1};return e[i].call(a.exports,a,a.exports,n),a.loaded=!0,a.exports}n.m=e,n.c=t,n.p="",n(0)}([function(t,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=i(1);n.ScrollViewComponent=a.ScrollViewComponent;var o=i(9);n.ScrollViewModule=o.ScrollViewModule;var r=i(11);n.ScrollViewPagerComponent=r.ScrollViewPagerComponent;var s=i(12);n.KendoDraggableDirective=s.KendoDraggableDirective,function(t){for(var n in t)e(n,t[n])}(n)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n(3),o=n(4),r=n(5),s=n(6),d=n(8),l=function(){function e(e,t,n){var i=this;this.element=e,this.application=t,this.data=[],this.endless=!1,this.animate=!0,this.pageable=!1,this.arrows=!1,this.itemChanged=new a.EventEmitter,this.animationState=null,this.transitionStyle={},this.view=new s.DataCollection(function(){return new s.DataResultIterator(i.data,i.activeIndex,i.endless,i.pageIndex,i.isRTLMode())}),this.isDataSourceEmpty=!1,this._activeIndex=0,this.index=0,this.pageIndex=null,this.transforms=["translateX(-100%)","translateX(0%)","translateX(100%)"],this.direction=n?"rtl":"ltr"}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}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.keyDown=function(e){e.keyCode===r.Keys.LeftArrow&&(this.isRTLMode()?this.next():this.prev()),e.keyCode===r.Keys.RightArrow&&(this.isRTLMode()?this.prev():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(r.Dir.Prev)},e.prototype.next=function(){this.navigate(r.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.isRTLMode()?this.changeIndex(t<0?r.Dir.Prev:r.Dir.Next):this.changeIndex(t>0?r.Dir.Prev:r.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.isRTLMode()?this.animationState=this.pageIndex>this.index?"right":"left":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.displayLeftArrow=function(){var e;return e=this.isRTLMode()?this.activeIndex+1<this.view.total:this.activeIndex>0,(this.endless||e)&&this.view.total>0},e.prototype.leftArrowClick=function(){this.isRTLMode()?this.next():this.prev()},e.prototype.displayRightArrow=function(){var e;return e=this.isRTLMode()?this.activeIndex>0:this.activeIndex+1<this.view.total,(this.endless||e)&&this.view.total>0},e.prototype.rightArrowClick=function(){this.isRTLMode()?this.prev():this.next()},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){var t,n;return t=this.isRTLMode()?e<0&&0!==e:e>0&&0!==e,n=0===this.activeIndex&&t||this.activeIndex===this.view.total-1&&!t,!this.endless&&n},e.prototype.navigate=function(e){this.isDataSourceEmpty||this.animationState||(this.changeIndex(e),this.animate||this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}))},e.prototype.changeIndex=function(e){e===r.Dir.Next&&this.view.canMoveNext()?(this.index=(this.index+1)%this.view.total,this.animate?this.animationState=this.isRTLMode()?"right":"left":this.activeIndex=this.index):e===r.Dir.Prev&&this.view.canMovePrev()&&(this.index=0===this.index?this.view.total-1:this.index-1,this.animate?this.animationState=this.isRTLMode()?"left":"right":this.activeIndex=this.index)},e.prototype.isRTLMode=function(){return"rtl"===this.direction},i.__decorate([a.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],e.prototype,"activeIndex",null),i.__decorate([a.Input(),i.__metadata("design:type",String)],e.prototype,"width",void 0),i.__decorate([a.Input(),i.__metadata("design:type",String)],e.prototype,"height",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"endless",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"animate",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"pageable",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"arrows",void 0),i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"itemChanged",void 0),i.__decorate([a.ContentChild(a.TemplateRef),i.__metadata("design:type",a.TemplateRef)],e.prototype,"itemTemplateRef",void 0),i.__decorate([a.HostBinding("class.k-widget"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"widgetClass",null),i.__decorate([a.HostBinding("class.k-scrollview-wrap"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"scrollViewClass",null),i.__decorate([a.HostBinding("style.width"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostWidth",null),i.__decorate([a.HostBinding("style.height"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostHeight",null),i.__decorate([a.HostBinding("attr.tabindex"),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[])],e.prototype,"tabIndex",null),i.__decorate([a.HostBinding("attr.aria-live"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"ariaLive",null),i.__decorate([a.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"dir",null),i.__decorate([a.HostListener("keydown",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Object]),i.__metadata("design:returntype",void 0)],e.prototype,"keyDown",null),e=i.__decorate([a.Component({animations:[o.trigger("animateTo",[o.state("center, left, right",o.style({transform:"translateX(0)"})),o.transition("* => right",[o.animate("300ms ease-out",o.style({transform:"translateX(100%)"}))]),o.transition("* => left",[o.animate("300ms ease-out",o.style({transform:"translateX(-100%)"}))]),o.transition("* => center",[o.animate("300ms ease-out")])])],exportAs:"kendoScrollView",selector:"kendo-scrollview",template:'\n      <ul class=\'k-scrollview\'\n        [ngStyle]="transitionStyle"\n        [@animateTo]="animationState" (@animateTo.done)= "transitionEndHandler($event)"\n        kendoDraggable\n        (kendoDrag) = "handleDrag($event)" (kendoPress) = "handlePress($event)" (kendoRelease) = "handleRelease($event)">\n        <li *ngFor="let item of view;let i=index"\n          [ngStyle]="inlineStyles(i)"\n          [attr.aria-hidden]="i !== 1">\n            <ng-template\n              [ngTemplateOutlet]="itemTemplateRef"\n              [ngTemplateOutletContext]="{ item: item }">\n            </ng-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 && displayLeftArrow()"\n          (click)="leftArrowClick()">\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 && displayRightArrow()"\n          (click)="rightArrowClick()">\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    '}),i.__param(2,a.Optional()),i.__param(2,a.Inject(d.RTL)),i.__metadata("design:paramtypes",[a.ElementRef,a.ApplicationRef,Boolean])],e)}();t.ScrollViewComponent=l},function(e,t){e.exports=n},function(e,n){e.exports=t},function(e,t){e.exports=a},function(e,t){"use strict";var n,i;Object.defineProperty(t,"__esModule",{value:!0}),(n=t.Keys||(t.Keys={}))[n.LeftArrow=37]="LeftArrow",n[n.RightArrow=39]="RightArrow",(i=t.Dir||(t.Dir={}))[i.Next=1]="Next",i[i.Prev=-1]="Prev"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(7),a={},o=function(){function e(e,t,n,i,a){this.rtl=!1,this.source=e||[],this.index=t||0,this.endless=n,this.pageIndex=i,this.rtl=a}return Object.defineProperty(e.prototype,"data",{get:function(){var e,t=this.total;this.endless?e=[this.source[(this.index-1+t)%t],this.source[this.index%t],this.source[(this.index+1+t)%t]]:e=[a].concat(this.source,[a]).slice(this.index,this.index+3);null!==this.pageIndex&&(e[this.pageIndex>this.index?2:0]=this.source[this.pageIndex]);return this.rtl?e.reverse():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,t){e.exports=s},function(e,t){e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n(3),o=n(10),r=n(1),s=n(11),d=n(12),l=[r.ScrollViewComponent,s.ScrollViewPagerComponent,d.KendoDraggableDirective],p=[r.ScrollViewComponent],c=function(){function e(){}return e=i.__decorate([a.NgModule({declarations:[l],exports:[p],imports:[o.CommonModule]})],e)}();t.ScrollViewModule=c},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n(3),o=n(3),r=function(){function e(){this.pagerIndexChange=new o.EventEmitter}return e.prototype.itemClass=function(e){return{"k-primary":e===this.activeIndex}},e.prototype.indexChange=function(e){this.pagerIndexChange.emit(e)},i.__decorate([a.Input(),i.__metadata("design:type",Number)],e.prototype,"activeIndex",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([a.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"pagerIndexChange",void 0),e=i.__decorate([a.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    '})],e)}();t.ScrollViewPagerComponent=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n(3),o=n(13),r=function(){function e(e){var t=this;this.kendoDrag=new a.EventEmitter,this.kendoPress=new a.EventEmitter,this.kendoRelease=new a.EventEmitter,this.draggable=new o.default({drag:function(e){e.hasOwnProperty("originalEvent")&&e.originalEvent.preventDefault(),t.kendoDrag.next(e)},press:function(e){return t.kendoPress.next(e)},release:function(e){return t.kendoRelease.next(e)}}),this.draggable.bindTo(e.nativeElement)}return e.prototype.ngOnDestroy=function(){this.draggable.destroy()},i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"kendoDrag",void 0),i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"kendoPress",void 0),i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"kendoRelease",void 0),e=i.__decorate([a.Directive({selector:"[kendoDraggable]"}),i.__metadata("design:paramtypes",[a.ElementRef])],e)}();t.KendoDraggableDirective=r},function(e,t){e.exports=r}])}}});

package.json

@@ -6,8 +6,8 @@ {
   "license": "SEE LICENSE in LICENSE.md",
-  "version": "1.0.8",
-  "main": "dist/npm/main.js",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "es2015": "dist/es2015/main.js",
-  "typings": "dist/npm/main.d.ts",
+  "version": "1.0.9-dev.201802271226",
+  "main": "dist/npm/index.js",
+  "module": "dist/es/index.js",
+  "jsnext:main": "dist/es/index.js",
+  "es2015": "dist/es2015/index.js",
+  "typings": "dist/es2015/index.d.ts",
   "jsdelivr": "dist/cdn/js/kendo-angular-scrollview.js",
@@ -14,0 +14,0 @@ "unpkg": "dist/cdn/js/kendo-angular-scrollview.js",

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

128767

decreased by-14.01%

Number of package files

47

decreased by-7.84%

Lines of code

2369

decreased by-4.86%

Number of low quality alerts

3

increased by50%

Published versions last year

366

decreased by-0.81%

No dependency changes