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

package/dist/es/scrollview.component.js

@@ -1,543 +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 * as tslib_1 from "tslib";
-import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, TemplateRef, NgZone, ViewChild, Renderer2 } from '@angular/core';
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { Dir } from './enums';
-import { Keys } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import { DataCollection, DataResultIterator } from './data.collection';
-import { LocalizationService, L10N_PREFIX } from '@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 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
-    });
-    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", String)
-    ], ScrollViewComponent.prototype, "pagerOverlay", 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([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ScrollViewComponent.prototype, "activeIndexChange", void 0);
-    tslib_1.__decorate([
-        ContentChild(TemplateRef, { static: false }),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], ScrollViewComponent.prototype, "itemTemplateRef", void 0);
-    tslib_1.__decorate([
-        ViewChild('itemWrapper', { static: false }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], ScrollViewComponent.prototype, "itemWrapper", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-scrollview'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ScrollViewComponent.prototype, "scrollViewClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-scrollview-light'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "scrollViewLightOverlayClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-scrollview-dark'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "scrollViewDarkOverlayClass", 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)
-    ], ScrollViewComponent.prototype, "tabIndex", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-live'),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "ariaLive", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ScrollViewComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        HostBinding('style.touch-action'),
-        tslib_1.__metadata("design:type", String)
-    ], ScrollViewComponent.prototype, "touchAction", void 0);
-    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',
-            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    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            LocalizationService,
-            NgZone,
-            Renderer2])
-    ], ScrollViewComponent);
-    return ScrollViewComponent;
-}());
-export { ScrollViewComponent };

package/dist/es/scrollview.module.js

@@ -1,61 +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 * as tslib_1 from "tslib";
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ScrollViewComponent } from './scrollview.component';
-import { ScrollViewPagerComponent } from "./scrollview-pager.component";
-import { DraggableModule } from '@progress/kendo-angular-common';
-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 = tslib_1.__decorate([
-        NgModule({
-            declarations: [DECLARATIONS],
-            exports: [EXPORTS],
-            imports: [CommonModule, DraggableModule]
-        })
-    ], ScrollViewModule);
-    return ScrollViewModule;
-}());
-export { ScrollViewModule };

package/dist/es2015/direction.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/enums.js

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var Dir;
-(function (Dir) {
-    Dir[Dir["Next"] = 1] = "Next";
-    Dir[Dir["Prev"] = -1] = "Prev";
-})(Dir || (Dir = {}));

package/dist/es2015/index.js

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';

package/dist/es2015/index.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"ScrollViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":87,"character":1},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":89,"character":8},"arguments":["animateTo",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":90,"character":12},"arguments":["center, left, right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":90,"character":41},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":91,"character":12},"arguments":["* => right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":92,"character":16},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":92,"character":42},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":94,"character":12},"arguments":["* => left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":95,"character":16},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":95,"character":42},"arguments":[{"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":97,"character":12},"arguments":["* => center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":98,"character":16},"arguments":["300ms ease-out"]}]]}]]}],"exportAs":"kendoScrollView","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":104,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":106,"character":21},"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    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":5}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":5}}]}],"endless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":5}}]}],"pagerOverlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":5}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":5}}]}],"pageable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":5}}]}],"arrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":5}}]}],"itemChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":222,"character":5}}]}],"activeIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":227,"character":5}}]}],"itemTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":229,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":229,"character":18},{"static":false}]}]}],"itemWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":232,"character":5},"arguments":["itemWrapper",{"static":false}]}]}],"scrollViewClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":235,"character":5},"arguments":["class.k-scrollview"]}]}],"scrollViewLightOverlayClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":237,"character":5},"arguments":["class.k-scrollview-light"]}]}],"scrollViewDarkOverlayClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":241,"character":5},"arguments":["class.k-scrollview-dark"]}]}],"hostWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":245,"character":5},"arguments":["style.width"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":246,"character":5},"arguments":["style.height"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":247,"character":5},"arguments":["attr.tabindex"]}]}],"ariaLive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":248,"character":5},"arguments":["attr.aria-live"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":250,"character":5},"arguments":["attr.dir"]}]}],"touchAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":254,"character":5},"arguments":["style.touch-action"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":273,"character":27},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":274,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":275,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":276,"character":26}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":284,"character":5},"arguments":["keydown",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"transitionEndHandler":[{"__symbolic":"method"}],"handlePress":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"handleRelease":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"inlineListItemStyles":[{"__symbolic":"method"}],"displayLeftArrow":[{"__symbolic":"method"}],"leftArrowClick":[{"__symbolic":"method"}],"displayRightArrow":[{"__symbolic":"method"}],"rightArrowClick":[{"__symbolic":"method"}],"draggedInsideBounds":[{"__symbolic":"method"}],"draggedEnoughToNavigate":[{"__symbolic":"method"}],"isDragForbidden":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"changeIndex":[{"__symbolic":"method"}]}},"ScrollViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":46,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ScrollViewComponent"},{"__symbolic":"reference","name":"ScrollViewPagerComponent"}]],"exports":[[{"__symbolic":"reference","name":"ScrollViewComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":49,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"DraggableModule","line":49,"character":28}]}]}],"members":{}},"ScrollViewPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"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    "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"pagerIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"itemClass":[{"__symbolic":"method"}],"indexChange":[{"__symbolic":"method"}]}},"ItemChangedEvent":{"__symbolic":"interface"},"ScrollViewPagerOverlay":{"__symbolic":"interface"}},"origins":{"ScrollViewComponent":"./scrollview.component","ScrollViewModule":"./scrollview.module","ScrollViewPagerComponent":"./scrollview-pager.component","ItemChangedEvent":"./change-event-args","ScrollViewPagerOverlay":"./enums"},"importAs":"@progress/kendo-angular-scrollview"}