@progress/kendo-angular-scrollview 4.1.3-dev.202201190926 → 5.0.0-next.202202251656

package/dist/fesm5/index.js

@@ -1,759 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata } from 'tslib';
-import { Input, Output, EventEmitter, ContentChild, TemplateRef, ViewChild, ElementRef, HostBinding, HostListener, Component, NgZone, Renderer2, NgModule } from '@angular/core';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { Keys, DraggableModule } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { CommonModule } from '@angular/common';
-
-/**
- * @hidden
- */
-var Dir;
-(function (Dir) {
-    Dir[Dir["Next"] = 1] = "Next";
-    Dir[Dir["Prev"] = -1] = "Prev";
-})(Dir || (Dir = {}));
-
-/**
- * @hidden
- */
-var packageMetadata = {
-    name: '@progress/kendo-angular-scrollview',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642584306,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
-};
-
-/* tslint:disable:use-life-cycle-interface */
-/** @hidden */
-var iterator = getIterator();
-// TODO: Move to kendo-common
-function getIterator() {
-    if (typeof Symbol === 'function' && Symbol.iterator) {
-        return Symbol.iterator;
-    }
-    var keys = Object.getOwnPropertyNames(Map.prototype);
-    var proto = Map.prototype;
-    for (var i = 0; i < keys.length; ++i) {
-        var key = keys[i];
-        if (key !== 'entries' && key !== 'size' && proto[key] === proto.entries) {
-            return key;
-        }
-    }
-}
-var EMPTY_OBJ = {};
-/**
- * @hidden
- */
-var DataResultIterator = /** @class */ (function () {
-    function DataResultIterator(source, index, endless, pageIndex, rtl) {
-        this.rtl = false;
-        this.source = source ? source : [];
-        this.index = index ? index : 0;
-        this.endless = endless;
-        this.pageIndex = pageIndex;
-        this.rtl = rtl;
-    }
-    Object.defineProperty(DataResultIterator.prototype, "data", {
-        get: function () {
-            var itemCount = this.total;
-            var result;
-            if (this.endless) {
-                result = [
-                    this.source[(this.index - 1 + itemCount) % itemCount],
-                    this.source[this.index % itemCount],
-                    this.source[(this.index + 1 + itemCount) % itemCount]
-                ];
-            }
-            else {
-                var data = [EMPTY_OBJ].concat(this.source, [EMPTY_OBJ]);
-                result = data.slice(this.index, this.index + 3);
-            }
-            if (this.pageIndex !== null) {
-                var isForward = this.pageIndex > this.index;
-                result[isForward ? 2 : 0] = this.source[this.pageIndex];
-            }
-            return this.rtl ? result.reverse() : result;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DataResultIterator.prototype, "total", {
-        get: function () {
-            return this.source.length;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DataResultIterator.prototype.canMoveNext = function () {
-        return (this.endless || (this.index < this.total - 1));
-    };
-    DataResultIterator.prototype.canMovePrev = function () {
-        return (this.endless || this.index > 0);
-    };
-    DataResultIterator.prototype[iterator] = function () {
-        return this.data[iterator]();
-    };
-    return DataResultIterator;
-}());
-/**
- * @hidden
- */
-var DataCollection = /** @class */ (function () {
-    function DataCollection(accessor) {
-        this.accessor = accessor;
-    }
-    Object.defineProperty(DataCollection.prototype, "length", {
-        get: function () { return this.accessor().data.length; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DataCollection.prototype, "total", {
-        get: function () { return this.accessor().total; },
-        enumerable: true,
-        configurable: true
-    });
-    DataCollection.prototype.item = function (index) {
-        return this.accessor().data[index];
-    };
-    DataCollection.prototype.canMoveNext = function () {
-        return this.accessor().canMoveNext();
-    };
-    DataCollection.prototype.canMovePrev = function () {
-        return this.accessor().canMovePrev();
-    };
-    DataCollection.prototype[Symbol.iterator] = function () {
-        return this.accessor()[Symbol.iterator]();
-    };
-    return DataCollection;
-}());
-
-/**
- * Represents the [Kendo UI ScrollView component for Angular]({% slug overview_scrollview %}).
- *
- * @example
- * ```ts
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-scrollview
- *          [data]="items"
- *          [width]="width"
- *          [height]="height"
- *          [endless]="endless"
- *          [pageable]="pageable">
- *         <ng-template let-item="item">
- *           <h2 class="demo-title">{{item.title}}</h2>
- *           <img src='{{item.url}}' alt='{{item.title}}' [ngStyle]="{minWidth: width}" draggable="false" />
- *         </ng-template>
- *       </kendo-scrollview>
- *     `,
- *     styles: [`
- *       .k-scrollview-wrap {
- *         margin: 0 auto;
- *       }
- *       .demo-title {
- *         position: absolute;
- *         top: 0;
- *         left: 0;
- *         right: 0;
- *         margin: 0;
- *         padding: 15px;
- *         color: #fff;
- *         background-color: rgba(0,0,0,.4);
- *         text-align: center;
- *         font-size: 24px;
- *       }
- *     `]
- * })
- *
- * class AppComponent {
- *  public width: string = "600px";
- *  public height: string = "400px";
- *  public endless: boolean = false;
- *  public pageable: boolean = false;
- *  public items: any[] = [
- *       { title: 'Flower', url: 'https://bit.ly/2cJjYuB' },
- *       { title: 'Mountain', url: 'https://bit.ly/2cTBNaL' },
- *       { title: 'Sky', url: 'https://bit.ly/2cJl3Cx' }
- *  ];
- * }
- * ```
- */
-var ScrollViewComponent = /** @class */ (function () {
-    function ScrollViewComponent(element, localization, ngZone, renderer) {
-        var _this = this;
-        this.element = element;
-        this.localization = localization;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        /**
-         * Provides the data source for the ScrollView ([see example]({% slug datasources_scrollview %})).
-         */
-        this.data = [];
-        /**
-         * Enables or disables the endless scrolling mode in which the data source items are endlessly looped
-         * ([see example]({% slug endlessscrolling_scrollview %})). By default, `endless` is set to `false`
-         * and the endless scrolling mode is disabled.
-         */
-        this.endless = false;
-        /**
-         * Sets `pagerOverlay` to one of three possible values: `dark`, `light` or `none`.
-         * By default, the pager overlay is set to `none`.
-         */
-        this.pagerOverlay = 'none';
-        /**
-         * Enables or disables the built-in animations ([see example]({% slug animations_scrollview %})).
-         * By default, `animate` is set to `true` and animations are enabled.
-         */
-        this.animate = true;
-        /**
-         * Enables or disables the built-in pager ([see example]({% slug paging_scrollview %})).
-         * By default, `pageable` is set to `false` and paging is disabled.
-         */
-        this.pageable = false;
-        /**
-         * Enables or disables the built-in navigation arrows ([see example]({% slug arrows_scrollview %})).
-         * By default, `arrows` is set to `false` and arrows are disabled.
-         */
-        this.arrows = false;
-        /**
-         * Fires after the current item is changed.
-         */
-        this.itemChanged = new EventEmitter();
-        /**
-         * Fires after the activeIndex has changed. Allows for two-way binding of the activeIndex property.
-         */
-        this.activeIndexChange = new EventEmitter();
-        this.scrollViewClass = true;
-        this.tabIndex = 1;
-        this.ariaLive = 'assertive';
-        this.touchAction = 'pan-y pinch-zoom';
-        this.animationState = null;
-        this.view = new DataCollection(function () {
-            return new DataResultIterator(_this.data, _this.activeIndex, _this.endless, _this.pageIndex, _this.isRTL);
-        });
-        this.isDataSourceEmpty = false;
-        this._activeIndex = 0;
-        this.index = 0;
-        this.pageIndex = null;
-        this.transforms = ['translateX(-100%)', 'translateX(0%)', 'translateX(100%)'];
-        validatePackage(packageMetadata);
-    }
-    Object.defineProperty(ScrollViewComponent.prototype, "activeIndex", {
-        get: function () {
-            return this._activeIndex;
-        },
-        /**
-         * Represents the current item index ([see example]({% slug activeitems_scrollview %})).
-         */
-        set: function (value) {
-            this.index = this._activeIndex = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollViewComponent.prototype, "scrollViewLightOverlayClass", {
-        get: function () {
-            return this.pagerOverlay === 'light';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollViewComponent.prototype, "scrollViewDarkOverlayClass", {
-        get: function () {
-            return this.pagerOverlay === 'dark';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollViewComponent.prototype, "hostWidth", {
-        get: function () { return this.width; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollViewComponent.prototype, "hostHeight", {
-        get: function () { return this.height; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollViewComponent.prototype, "dir", {
-        get: function () {
-            return this.direction;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollViewComponent.prototype, "direction", {
-        get: function () {
-            return this.localization.rtl ? 'rtl' : 'ltr';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.keyDown = function (e) {
-        if (e.keyCode === Keys.ArrowLeft) {
-            if (this.isRTL) {
-                this.next();
-            }
-            else {
-                this.prev();
-            }
-        }
-        if (e.keyCode === Keys.ArrowRight) {
-            if (this.isRTL) {
-                this.prev();
-            }
-            else {
-                this.next();
-            }
-        }
-    };
-    ScrollViewComponent.prototype.ngOnChanges = function (_) {
-        this.activeIndex = Math.max(Math.min(this.activeIndex, this.view.total - 1), 0);
-    };
-    /**
-     * Navigates the ScrollView to the previous item.
-     */
-    ScrollViewComponent.prototype.prev = function () {
-        this.navigate(Dir.Prev);
-    };
-    /**
-     * Navigates the ScrollView to the next item.
-     */
-    ScrollViewComponent.prototype.next = function () {
-        this.navigate(Dir.Next);
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.transitionEndHandler = function (e) {
-        this.animationState = null;
-        if (e.toState === 'left' || e.toState === 'right') {
-            if (this.pageIndex !== null) {
-                this.activeIndex = this.pageIndex;
-                this.pageIndex = null;
-            }
-            this.activeIndex = this.index;
-            this.activeIndexChange.emit(this.activeIndex);
-            this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
-        }
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.handlePress = function (e) {
-        this.initialTouchCoordinate = e.pageX;
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.handleDrag = function (e) {
-        var deltaX = e.pageX - this.initialTouchCoordinate;
-        if (!this.animationState && !this.isDragForbidden(deltaX) && this.draggedInsideBounds(deltaX)) {
-            this.renderer.setStyle(this.itemWrapper.nativeElement, 'transform', "translateX(" + deltaX + "px)");
-        }
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.handleRelease = function (e) {
-        var _this = this;
-        var deltaX = e.pageX - this.initialTouchCoordinate;
-        if (this.isDragForbidden(deltaX)) {
-            return;
-        }
-        this.ngZone.run(function () {
-            if (_this.draggedEnoughToNavigate(deltaX)) {
-                if (_this.isRTL) {
-                    _this.changeIndex(deltaX < 0 ? Dir.Prev : Dir.Next);
-                }
-                else {
-                    _this.changeIndex(deltaX > 0 ? Dir.Prev : Dir.Next);
-                }
-                if (!_this.animate) {
-                    _this.renderer.removeStyle(_this.itemWrapper.nativeElement, 'transform');
-                    _this.activeIndexChange.emit(_this.activeIndex);
-                    _this.itemChanged.emit({ index: _this.activeIndex, item: _this.view.item(1) });
-                }
-            }
-            else {
-                if (_this.animate && deltaX) {
-                    _this.animationState = 'center';
-                }
-                else {
-                    _this.renderer.removeStyle(_this.itemWrapper.nativeElement, 'transform');
-                }
-            }
-        });
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.pageChange = function (idx) {
-        if (!this.animationState && this.activeIndex !== idx) {
-            if (this.animate) {
-                this.pageIndex = idx;
-                if (this.isRTL) {
-                    this.animationState = (this.pageIndex > this.index ? 'right' : 'left');
-                }
-                else {
-                    this.animationState = (this.pageIndex > this.index ? 'left' : 'right');
-                }
-            }
-            else {
-                this.activeIndex = idx;
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.inlineListItemStyles = function (idx) {
-        return {
-            'height': this.height,
-            'transform': this.transforms[idx],
-            'width': '100%'
-        };
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.displayLeftArrow = function () {
-        var isNotBorderItem;
-        if (this.isRTL) {
-            isNotBorderItem = this.activeIndex + 1 < this.view.total;
-        }
-        else {
-            isNotBorderItem = this.activeIndex > 0;
-        }
-        return (this.endless || isNotBorderItem) && this.view.total > 0;
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.leftArrowClick = function () {
-        if (this.isRTL) {
-            this.next();
-        }
-        else {
-            this.prev();
-        }
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.displayRightArrow = function () {
-        var isNotBorderItem;
-        if (this.isRTL) {
-            isNotBorderItem = this.activeIndex > 0;
-        }
-        else {
-            isNotBorderItem = this.activeIndex + 1 < this.view.total;
-        }
-        return (this.endless || isNotBorderItem) && this.view.total > 0;
-    };
-    /**
-     * @hidden
-     */
-    ScrollViewComponent.prototype.rightArrowClick = function () {
-        if (this.isRTL) {
-            this.prev();
-        }
-        else {
-            this.next();
-        }
-    };
-    ScrollViewComponent.prototype.draggedInsideBounds = function (deltaX) {
-        return Math.abs(deltaX) <= this.element.nativeElement.offsetWidth;
-    };
-    ScrollViewComponent.prototype.draggedEnoughToNavigate = function (deltaX) {
-        return Math.abs(deltaX) > (this.element.nativeElement.offsetWidth / 2);
-    };
-    ScrollViewComponent.prototype.isDragForbidden = function (deltaX) {
-        var pastEnd;
-        var isEndReached;
-        if (this.isRTL) {
-            pastEnd = deltaX < 0 && deltaX !== 0;
-        }
-        else {
-            pastEnd = deltaX > 0 && deltaX !== 0;
-        }
-        isEndReached = ((this.activeIndex === 0 && pastEnd) || (this.activeIndex === this.view.total - 1 && !pastEnd));
-        return !this.endless && isEndReached;
-    };
-    ScrollViewComponent.prototype.navigate = function (direction) {
-        if (this.isDataSourceEmpty || this.animationState) {
-            return;
-        }
-        this.changeIndex(direction);
-        if (!this.animate) {
-            this.activeIndexChange.emit(this.activeIndex);
-            this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
-        }
-    };
-    ScrollViewComponent.prototype.changeIndex = function (direction) {
-        if (direction === Dir.Next && this.view.canMoveNext()) {
-            this.index = (this.index + 1) % this.view.total;
-            if (this.animate) {
-                this.animationState = this.isRTL ? 'right' : 'left';
-            }
-            else {
-                this.activeIndex = this.index;
-            }
-        }
-        else if (direction === Dir.Prev && this.view.canMovePrev()) {
-            this.index = this.index === 0 ? this.view.total - 1 : this.index - 1;
-            if (this.animate) {
-                this.animationState = this.isRTL ? 'left' : 'right';
-            }
-            else {
-                this.activeIndex = this.index;
-            }
-        }
-    };
-    Object.defineProperty(ScrollViewComponent.prototype, "isRTL", {
-        get: function () {
-            return this.direction === 'rtl';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        Input(),
-        __metadata("design:type", Array)
-    ], ScrollViewComponent.prototype, "data", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Number),
-        __metadata("design:paramtypes", [Number])
-    ], ScrollViewComponent.prototype, "activeIndex", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "width", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "height", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "endless", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "pagerOverlay", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "animate", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "pageable", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "arrows", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", EventEmitter)
-    ], ScrollViewComponent.prototype, "itemChanged", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", EventEmitter)
-    ], ScrollViewComponent.prototype, "activeIndexChange", void 0);
-    __decorate([
-        ContentChild(TemplateRef, { static: false }),
-        __metadata("design:type", TemplateRef)
-    ], ScrollViewComponent.prototype, "itemTemplateRef", void 0);
-    __decorate([
-        ViewChild('itemWrapper', { static: false }),
-        __metadata("design:type", ElementRef)
-    ], ScrollViewComponent.prototype, "itemWrapper", void 0);
-    __decorate([
-        HostBinding('class.k-scrollview'),
-        __metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "scrollViewClass", void 0);
-    __decorate([
-        HostBinding('class.k-scrollview-light'),
-        __metadata("design:type", Boolean),
-        __metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "scrollViewLightOverlayClass", null);
-    __decorate([
-        HostBinding('class.k-scrollview-dark'),
-        __metadata("design:type", Boolean),
-        __metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "scrollViewDarkOverlayClass", null);
-    __decorate([
-        HostBinding('style.width'),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "hostWidth", null);
-    __decorate([
-        HostBinding('style.height'),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "hostHeight", null);
-    __decorate([
-        HostBinding('attr.tabindex'),
-        __metadata("design:type", Number)
-    ], ScrollViewComponent.prototype, "tabIndex", void 0);
-    __decorate([
-        HostBinding('attr.aria-live'),
-        __metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "ariaLive", void 0);
-    __decorate([
-        HostBinding('attr.dir'),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "dir", null);
-    __decorate([
-        HostBinding('style.touch-action'),
-        __metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "touchAction", void 0);
-    __decorate([
-        HostListener('keydown', ['$event']),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], ScrollViewComponent.prototype, "keyDown", null);
-    ScrollViewComponent = __decorate([
-        Component({
-            animations: [
-                trigger('animateTo', [
-                    state('center, left, right', style({ transform: 'translateX(0)' })),
-                    transition('* => right', [
-                        animate('300ms ease-out', style({ transform: 'translateX(100%)' }))
-                    ]),
-                    transition('* => left', [
-                        animate('300ms ease-out', style({ transform: 'translateX(-100%)' }))
-                    ]),
-                    transition('* => center', [
-                        animate('300ms ease-out')
-                    ])
-                ])
-            ],
-            exportAs: 'kendoScrollView',
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.scrollview'
-                }
-            ],
-            selector: 'kendo-scrollview',
-            template: "\n        <ul class='k-scrollview-wrap'\n            #itemWrapper\n            [@animateTo]=\"animationState\"\n            (@animateTo.done)=\"transitionEndHandler($event)\"\n            kendoDraggable\n            (kendoDrag)=\"handleDrag($event)\"\n            (kendoPress)=\"handlePress($event)\"\n            (kendoRelease)=\"handleRelease($event)\"\n        >\n            <li\n                *ngFor=\"let item of view;let i=index\"\n                [ngStyle]=\"inlineListItemStyles(i)\"\n                [attr.aria-hidden]=\"i !== 1\"\n            >\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\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\n                class='k-scrollview-nav-wrap'\n                *ngIf=\"pageable\"\n                (pagerIndexChange)=\"pageChange($event)\"\n                [data]=\"data\"\n                [activeIndex]=\"activeIndex\">\n            </kendo-scrollview-pager>\n        </div>\n    "
-        }),
-        __metadata("design:paramtypes", [ElementRef,
-            LocalizationService,
-            NgZone,
-            Renderer2])
-    ], ScrollViewComponent);
-    return ScrollViewComponent;
-}());
-
-/**
- * @hidden
- */
-var ScrollViewPagerComponent = /** @class */ (function () {
-    function ScrollViewPagerComponent() {
-        this.pagerIndexChange = new EventEmitter();
-    }
-    ScrollViewPagerComponent.prototype.itemClass = function (idx) {
-        return {
-            'k-primary': idx === this.activeIndex
-        };
-    };
-    ScrollViewPagerComponent.prototype.indexChange = function (selectedIndex) {
-        this.pagerIndexChange.emit(selectedIndex);
-    };
-    __decorate([
-        Input(),
-        __metadata("design:type", Number)
-    ], ScrollViewPagerComponent.prototype, "activeIndex", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Array)
-    ], ScrollViewPagerComponent.prototype, "data", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", EventEmitter)
-    ], ScrollViewPagerComponent.prototype, "pagerIndexChange", void 0);
-    ScrollViewPagerComponent = __decorate([
-        Component({
-            selector: 'kendo-scrollview-pager',
-            template: "\n      <ul class=\"k-scrollview-pageable k-scrollview-nav\">\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);
-    return ScrollViewPagerComponent;
-}());
-
-var DECLARATIONS = [
-    ScrollViewComponent,
-    ScrollViewPagerComponent
-];
-var EXPORTS = [
-    ScrollViewComponent
-];
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the ScrollView component.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the ScrollView module
- * import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, ScrollViewModule], // import ScrollView module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var ScrollViewModule = /** @class */ (function () {
-    function ScrollViewModule() {
-    }
-    ScrollViewModule = __decorate([
-        NgModule({
-            declarations: [DECLARATIONS],
-            exports: [EXPORTS],
-            imports: [CommonModule, DraggableModule]
-        })
-    ], ScrollViewModule);
-    return ScrollViewModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ScrollViewComponent, ScrollViewModule, ScrollViewPagerComponent };