@progress/kendo-angular-scrollview 4.1.4 → 5.0.0-next.202203230844

package/dist/npm/scrollview.component.js

@@ -1,545 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var animations_1 = require("@angular/animations");
-var enums_1 = require("./enums");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("./package-metadata");
-var data_collection_1 = require("./data.collection");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-/**
- * 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 core_1.EventEmitter();
-        /**
-         * Fires after the activeIndex has changed. Allows for two-way binding of the activeIndex property.
-         */
-        this.activeIndexChange = new core_1.EventEmitter();
-        this.scrollViewClass = true;
-        this.tabIndex = 1;
-        this.ariaLive = 'assertive';
-        this.touchAction = 'pan-y pinch-zoom';
-        this.animationState = null;
-        this.view = new data_collection_1.DataCollection(function () {
-            return new data_collection_1.DataResultIterator(_this.data, _this.activeIndex, _this.endless, _this.pageIndex, _this.isRTL);
-        });
-        this.isDataSourceEmpty = false;
-        this._activeIndex = 0;
-        this.index = 0;
-        this.pageIndex = null;
-        this.transforms = ['translateX(-100%)', 'translateX(0%)', 'translateX(100%)'];
-        kendo_licensing_1.validatePackage(package_metadata_1.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 === kendo_angular_common_1.Keys.ArrowLeft) {
-            if (this.isRTL) {
-                this.next();
-            }
-            else {
-                this.prev();
-            }
-        }
-        if (e.keyCode === kendo_angular_common_1.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(enums_1.Dir.Prev);
-    };
-    /**
-     * Navigates the ScrollView to the next item.
-     */
-    ScrollViewComponent.prototype.next = function () {
-        this.navigate(enums_1.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 ? enums_1.Dir.Prev : enums_1.Dir.Next);
-                }
-                else {
-                    _this.changeIndex(deltaX > 0 ? enums_1.Dir.Prev : enums_1.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 === enums_1.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 === enums_1.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
-    });
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], ScrollViewComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], ScrollViewComponent.prototype, "activeIndex", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "width", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "height", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "endless", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "pagerOverlay", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "animate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "pageable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "arrows", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ScrollViewComponent.prototype, "itemChanged", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ScrollViewComponent.prototype, "activeIndexChange", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(core_1.TemplateRef, { static: false }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], ScrollViewComponent.prototype, "itemTemplateRef", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('itemWrapper', { static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], ScrollViewComponent.prototype, "itemWrapper", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-scrollview'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "scrollViewClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-scrollview-light'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "scrollViewLightOverlayClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-scrollview-dark'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "scrollViewDarkOverlayClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.width'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "hostWidth", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.height'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "hostHeight", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.tabindex'),
-        tslib_1.__metadata("design:type", Number)
-    ], ScrollViewComponent.prototype, "tabIndex", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-live'),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "ariaLive", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.touch-action'),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "touchAction", void 0);
-    tslib_1.__decorate([
-        core_1.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([
-        core_1.Component({
-            animations: [
-                animations_1.trigger('animateTo', [
-                    animations_1.state('center, left, right', animations_1.style({ transform: 'translateX(0)' })),
-                    animations_1.transition('* => right', [
-                        animations_1.animate('300ms ease-out', animations_1.style({ transform: 'translateX(100%)' }))
-                    ]),
-                    animations_1.transition('* => left', [
-                        animations_1.animate('300ms ease-out', animations_1.style({ transform: 'translateX(-100%)' }))
-                    ]),
-                    animations_1.transition('* => center', [
-                        animations_1.animate('300ms ease-out')
-                    ])
-                ])
-            ],
-            exportAs: 'kendoScrollView',
-            providers: [
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.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    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            kendo_angular_l10n_1.LocalizationService,
-            core_1.NgZone,
-            core_1.Renderer2])
-    ], ScrollViewComponent);
-    return ScrollViewComponent;
-}());
-exports.ScrollViewComponent = ScrollViewComponent;

package/dist/npm/scrollview.module.js

@@ -1,63 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
-var scrollview_component_1 = require("./scrollview.component");
-var scrollview_pager_component_1 = require("./scrollview-pager.component");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var DECLARATIONS = [
-    scrollview_component_1.ScrollViewComponent,
-    scrollview_pager_component_1.ScrollViewPagerComponent
-];
-var EXPORTS = [
-    scrollview_component_1.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 = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: [DECLARATIONS],
-            exports: [EXPORTS],
-            imports: [common_1.CommonModule, kendo_angular_common_1.DraggableModule]
-        })
-    ], ScrollViewModule);
-    return ScrollViewModule;
-}());
-exports.ScrollViewModule = ScrollViewModule;

package/dist/systemjs/kendo-angular-scrollview.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-System.register("@progress/kendo-angular-scrollview",["tslib","@angular/core","@angular/common","@angular/animations","@progress/kendo-angular-common","@progress/kendo-angular-l10n","@progress/kendo-licensing"],function(o){var r,s,d,l,p,c,h;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){r=t(e)},function(e){s=t(e)},function(e){d=t(e)},function(e){l=t(e)},function(e){p=t(e)},function(e){c=t(e)},function(e){h=t(e)}],execute:function(){function i(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,i),t.l=!0,t.exports}var n,a;n=[function(e,t){e.exports=s},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=n(0),r=n(0),n=(o.prototype.itemClass=function(e){return{"k-primary":e===this.activeIndex}},o.prototype.indexChange=function(e){this.pagerIndexChange.emit(e)},i.__decorate([a.Input(),i.__metadata("design:type",Number)],o.prototype,"activeIndex",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Array)],o.prototype,"data",void 0),i.__decorate([a.Output(),i.__metadata("design:type",r.EventEmitter)],o.prototype,"pagerIndexChange",void 0),i.__decorate([a.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    '})],o));function o(){this.pagerIndexChange=new r.EventEmitter}t.ScrollViewPagerComponent=n},function(e,t){e.exports=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),r=n(0),a=n(12),o=n(11),s=n(3),d=n(10),l=n(9),p=n(8),n=n(7),a=(Object.defineProperty(c.prototype,"activeIndex",{get:function(){return this._activeIndex},set:function(e){this.index=this._activeIndex=e},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"scrollViewLightOverlayClass",{get:function(){return"light"===this.pagerOverlay},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"scrollViewDarkOverlayClass",{get:function(){return"dark"===this.pagerOverlay},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"hostWidth",{get:function(){return this.width},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"hostHeight",{get:function(){return this.height},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!0,configurable:!0}),c.prototype.keyDown=function(e){e.keyCode===s.Keys.ArrowLeft&&(this.isRTL?this.next():this.prev()),e.keyCode===s.Keys.ArrowRight&&(this.isRTL?this.prev():this.next())},c.prototype.ngOnChanges=function(e){this.activeIndex=Math.max(Math.min(this.activeIndex,this.view.total-1),0)},c.prototype.prev=function(){this.navigate(o.Dir.Prev)},c.prototype.next=function(){this.navigate(o.Dir.Next)},c.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.activeIndexChange.emit(this.activeIndex),this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}))},c.prototype.handlePress=function(e){this.initialTouchCoordinate=e.pageX},c.prototype.handleDrag=function(e){e=e.pageX-this.initialTouchCoordinate;this.animationState||this.isDragForbidden(e)||!this.draggedInsideBounds(e)||this.renderer.setStyle(this.itemWrapper.nativeElement,"transform","translateX("+e+"px)")},c.prototype.handleRelease=function(e){var t=this,n=e.pageX-this.initialTouchCoordinate;this.isDragForbidden(n)||this.ngZone.run(function(){t.draggedEnoughToNavigate(n)?(t.isRTL?t.changeIndex(n<0?o.Dir.Prev:o.Dir.Next):t.changeIndex(0<n?o.Dir.Prev:o.Dir.Next),t.animate||(t.renderer.removeStyle(t.itemWrapper.nativeElement,"transform"),t.activeIndexChange.emit(t.activeIndex),t.itemChanged.emit({index:t.activeIndex,item:t.view.item(1)}))):t.animate&&n?t.animationState="center":t.renderer.removeStyle(t.itemWrapper.nativeElement,"transform")})},c.prototype.pageChange=function(e){this.animationState||this.activeIndex===e||(this.animate?(this.pageIndex=e,this.isRTL?this.animationState=this.pageIndex>this.index?"right":"left":this.animationState=this.pageIndex>this.index?"left":"right"):this.activeIndex=e)},c.prototype.inlineListItemStyles=function(e){return{height:this.height,transform:this.transforms[e],width:"100%"}},c.prototype.displayLeftArrow=function(){var e=this.isRTL?this.activeIndex+1<this.view.total:0<this.activeIndex;return(this.endless||e)&&0<this.view.total},c.prototype.leftArrowClick=function(){this.isRTL?this.next():this.prev()},c.prototype.displayRightArrow=function(){var e=this.isRTL?0<this.activeIndex:this.activeIndex+1<this.view.total;return(this.endless||e)&&0<this.view.total},c.prototype.rightArrowClick=function(){this.isRTL?this.prev():this.next()},c.prototype.draggedInsideBounds=function(e){return Math.abs(e)<=this.element.nativeElement.offsetWidth},c.prototype.draggedEnoughToNavigate=function(e){return Math.abs(e)>this.element.nativeElement.offsetWidth/2},c.prototype.isDragForbidden=function(e){e=this.isRTL?e<0&&0!==e:0<e&&0!==e,e=0===this.activeIndex&&e||this.activeIndex===this.view.total-1&&!e;return!this.endless&&e},c.prototype.navigate=function(e){this.isDataSourceEmpty||this.animationState||(this.changeIndex(e),this.animate||(this.activeIndexChange.emit(this.activeIndex),this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)})))},c.prototype.changeIndex=function(e){e===o.Dir.Next&&this.view.canMoveNext()?(this.index=(this.index+1)%this.view.total,this.animate?this.animationState=this.isRTL?"right":"left":this.activeIndex=this.index):e===o.Dir.Prev&&this.view.canMovePrev()&&(this.index=0===this.index?this.view.total-1:this.index-1,this.animate?this.animationState=this.isRTL?"left":"right":this.activeIndex=this.index)},Object.defineProperty(c.prototype,"isRTL",{get:function(){return"rtl"===this.direction},enumerable:!0,configurable:!0}),i.__decorate([r.Input(),i.__metadata("design:type",Array)],c.prototype,"data",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],c.prototype,"activeIndex",null),i.__decorate([r.Input(),i.__metadata("design:type",String)],c.prototype,"width",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String)],c.prototype,"height",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],c.prototype,"endless",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String)],c.prototype,"pagerOverlay",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],c.prototype,"animate",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],c.prototype,"pageable",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],c.prototype,"arrows",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],c.prototype,"itemChanged",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],c.prototype,"activeIndexChange",void 0),i.__decorate([r.ContentChild(r.TemplateRef,{static:!1}),i.__metadata("design:type",r.TemplateRef)],c.prototype,"itemTemplateRef",void 0),i.__decorate([r.ViewChild("itemWrapper",{static:!1}),i.__metadata("design:type",r.ElementRef)],c.prototype,"itemWrapper",void 0),i.__decorate([r.HostBinding("class.k-scrollview"),i.__metadata("design:type",Boolean)],c.prototype,"scrollViewClass",void 0),i.__decorate([r.HostBinding("class.k-scrollview-light"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],c.prototype,"scrollViewLightOverlayClass",null),i.__decorate([r.HostBinding("class.k-scrollview-dark"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],c.prototype,"scrollViewDarkOverlayClass",null),i.__decorate([r.HostBinding("style.width"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],c.prototype,"hostWidth",null),i.__decorate([r.HostBinding("style.height"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],c.prototype,"hostHeight",null),i.__decorate([r.HostBinding("attr.tabindex"),i.__metadata("design:type",Number)],c.prototype,"tabIndex",void 0),i.__decorate([r.HostBinding("attr.aria-live"),i.__metadata("design:type",String)],c.prototype,"ariaLive",void 0),i.__decorate([r.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],c.prototype,"dir",null),i.__decorate([r.HostBinding("style.touch-action"),i.__metadata("design:type",String)],c.prototype,"touchAction",void 0),i.__decorate([r.HostListener("keydown",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Object]),i.__metadata("design:returntype",void 0)],c.prototype,"keyDown",null),i.__decorate([r.Component({animations:[a.trigger("animateTo",[a.state("center, left, right",a.style({transform:"translateX(0)"})),a.transition("* => right",[a.animate("300ms ease-out",a.style({transform:"translateX(100%)"}))]),a.transition("* => left",[a.animate("300ms ease-out",a.style({transform:"translateX(-100%)"}))]),a.transition("* => center",[a.animate("300ms ease-out")])])],exportAs:"kendoScrollView",providers:[n.LocalizationService,{provide:n.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    '}),i.__metadata("design:paramtypes",[r.ElementRef,n.LocalizationService,r.NgZone,r.Renderer2])],c));function c(e,t,n,i){var a=this;this.element=e,this.localization=t,this.ngZone=n,this.renderer=i,this.data=[],this.endless=!1,this.pagerOverlay="none",this.animate=!0,this.pageable=!1,this.arrows=!1,this.itemChanged=new r.EventEmitter,this.activeIndexChange=new r.EventEmitter,this.scrollViewClass=!0,this.tabIndex=1,this.ariaLive="assertive",this.touchAction="pan-y pinch-zoom",this.animationState=null,this.view=new p.DataCollection(function(){return new p.DataResultIterator(a.data,a.activeIndex,a.endless,a.pageIndex,a.isRTL)}),this.isDataSourceEmpty=!1,this._activeIndex=0,this.index=0,this.pageIndex=null,this.transforms=["translateX(-100%)","translateX(0%)","translateX(100%)"],d.validatePackage(l.packageMetadata)}t.ScrollViewComponent=a},function(e,t){e.exports=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=n(0),r=n(5),o=n(4),s=n(2),n=n(3),s=[o.ScrollViewComponent,s.ScrollViewPagerComponent],o=[o.ScrollViewComponent],i=i.__decorate([a.NgModule({declarations:[s],exports:[o],imports:[r.CommonModule,n.DraggableModule]})],d);function d(){}t.ScrollViewModule=i},function(e,t){e.exports=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){if("function"==typeof Symbol&&Symbol.iterator)return Symbol.iterator;for(var e=Object.getOwnPropertyNames(Map.prototype),t=Map.prototype,n=0;n<e.length;++n){var i=e[n];if("entries"!==i&&"size"!==i&&t[i]===t.entries)return i}}(),a={};function r(e,t,n,i,a){this.rtl=!1,this.source=e||[],this.index=t||0,this.endless=n,this.pageIndex=i,this.rtl=a}function o(e){this.accessor=e}Object.defineProperty(r.prototype,"data",{get:function(){var e=this.total,e=this.endless?[this.source[(this.index-1+e)%e],this.source[this.index%e],this.source[(this.index+1+e)%e]]:[a].concat(this.source,[a]).slice(this.index,this.index+3);return null!==this.pageIndex&&(e[this.pageIndex>this.index?2:0]=this.source[this.pageIndex]),this.rtl?e.reverse():e},enumerable:!0,configurable:!0}),Object.defineProperty(r.prototype,"total",{get:function(){return this.source.length},enumerable:!0,configurable:!0}),r.prototype.canMoveNext=function(){return this.endless||this.index<this.total-1},r.prototype.canMovePrev=function(){return this.endless||0<this.index},r.prototype[i]=function(){return this.data[i]()},t.DataResultIterator=r,Object.defineProperty(o.prototype,"length",{get:function(){return this.accessor().data.length},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"total",{get:function(){return this.accessor().total},enumerable:!0,configurable:!0}),o.prototype.item=function(e){return this.accessor().data[e]},o.prototype.canMoveNext=function(){return this.accessor().canMoveNext()},o.prototype.canMovePrev=function(){return this.accessor().canMovePrev()},o.prototype[Symbol.iterator]=function(){return this.accessor()[Symbol.iterator]()},t.DataCollection=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-scrollview",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1646219224,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"}},function(e,t){e.exports=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),(t=t.Dir||(t.Dir={}))[t.Next=1]="Next",t[t.Prev=-1]="Prev"},function(e,t){e.exports=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,a=n(4),a=(t.ScrollViewComponent=a.ScrollViewComponent,n(6)),a=(t.ScrollViewModule=a.ScrollViewModule,n(2)),r=(t.ScrollViewPagerComponent=a.ScrollViewPagerComponent,t);for(i in r)o(i,r[i])}],a={},i.m=n,i.c=a,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=13)}}});