@progress/kendo-angular-listview 3.0.2 → 4.0.0-next.202204010900

package/dist/es/listview.component.js

@@ -1,534 +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, HostBinding, Input, Output, ContentChild, ChangeDetectionStrategy, EventEmitter, NgZone, Renderer2, ElementRef, ViewChild, ViewChildren, QueryList } from '@angular/core';
-import { hasObservers, isChanged } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { NavigationService } from './navigation/navigation.service';
-import { ListViewNavigableItemDirective } from './navigation/listview-navigable-item.directive';
-import { ItemTemplateDirective } from './templates/item-template.directive';
-import { HeaderTemplateDirective } from './templates/header-template.directive';
-import { FooterTemplateDirective } from './templates/footer-template.directive';
-import { LoaderTemplateDirective } from './templates/loader-template.directive';
-import { EditTemplateDirective } from './editing/edit-template.directive';
-import { EditService } from './editing/edit.service';
-import { isPresent } from './utils';
-import { FormGroup, FormControl } from '@angular/forms';
-var DEFAULT_PAGER_SETTINGS = {
-    position: 'bottom',
-    buttonCount: 5,
-    info: true,
-    previousNext: true,
-    type: 'numeric',
-    pageSizeValues: [5, 10, 20]
-};
-var createControl = function (source) { return function (acc, key) {
-    acc[key] = new FormControl(source[key]);
-    return acc;
-}; };
-var ɵ0 = createControl;
-/**
- * Represents the Kendo UI ListView component for Angular.
- */
-var ListViewComponent = /** @class */ (function () {
-    function ListViewComponent(ngZone, element, renderer, editService, navigationService) {
-        this.ngZone = ngZone;
-        this.element = element;
-        this.renderer = renderer;
-        this.editService = editService;
-        this.navigationService = navigationService;
-        /**
-         * @hidden
-         */
-        this.className = true;
-        /**
-         * Specifies if the loading indicator of the ListView will be displayed
-         * ([see example]({% slug paging_listview %}#toc-remote-binding)).
-         */
-        this.loading = false;
-        /**
-         * Specifies the content container `role` attribute
-         * ([more details]({% slug accessibility_listview %}#toc-wai-aria-support)).
-         * By default, the container `role` is set to `listbox`.
-         */
-        this.containerRole = 'listbox';
-        /**
-         * Specifies the list item `role` attribute
-         * ([more details]({% slug accessibility_listview %}#toc-wai-aria-support)).
-         * By default, the list item `role` is set to `option`.
-         */
-        this.listItemRole = 'option';
-        /**
-         * Fires when the user scrolls to the last record on the page
-         * ([see endless scrolling example]({% slug scrollmodes_listview %}#toc-endless-scrolling)).
-         */
-        this.scrollBottom = new EventEmitter();
-        /**
-         * Fires when the page or the page size of the ListView is changed
-         * ([see example]({% slug paging_listview %}#toc-remote-binding)).
-         * You have to handle the event yourself and page the data.
-         */
-        this.pageChange = new EventEmitter();
-        /**
-         * Fires when the page size of the ListView is changed. This event can be prevented (`$event.preventDefault()`).
-         * If not prevented, the `pageChange` event will be fired subsequently.
-         */
-        this.pageSizeChange = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Edit** command button to edit an item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-editing-records)).
-         */
-        this.edit = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Cancel** command button to close an item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-cancelling-editing)).
-         */
-        this.cancel = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Save** command button to save changes in an item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-saving-records)).
-         */
-        this.save = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Remove** command button to remove an item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-removing-records)).
-         */
-        this.remove = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Add** command button to add a new item
-         * ([see example]({% slug editing_template_forms_listview %}#toc-adding-records)).
-         */
-        this.add = new EventEmitter();
-        this._skip = 0;
-        this._navigable = false;
-        validatePackage(packageMetadata);
-        this.attachEditHandlers();
-    }
-    Object.defineProperty(ListViewComponent.prototype, "navigable", {
-        get: function () {
-            return this._navigable;
-        },
-        /**
-         * Specifies whether the keyboard navigation is enabled
-         * ([see example]({% slug keyboard_navigation_listview %})).
-         * By default, the navigation is disabled.
-         */
-        set: function (navigable) {
-            if (!navigable && isPresent(this.removeNavigationListeners)) {
-                this.removeNavigationListeners();
-                this.removeNavigationListeners = null;
-                this.navigationService.isEnabled = false;
-            }
-            else if (navigable && !isPresent(this.removeNavigationListeners)) {
-                this.addNavigationListeners();
-                this.navigationService.isEnabled = true;
-            }
-            this._navigable = navigable;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ListViewComponent.prototype, "skip", {
-        get: function () {
-            return this._skip;
-        },
-        /**
-         * Defines the number of records to be skipped by the pager
-         * ([more details]({% slug paging_listview %})).
-         */
-        set: function (skip) {
-            var parsed = parseInt(skip, 10);
-            var defaultSkipValue = 0;
-            this._skip = !isNaN(parsed) ? parsed : defaultSkipValue;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ListViewComponent.prototype, "pageable", {
-        get: function () {
-            return this._pageable;
-        },
-        /**
-         * Configures whether the ListView will render a pager
-         * ([more details]({% slug paging_listview %})).
-         * Providing a boolean value will render a pager with the default settings.
-         */
-        set: function (pageable) {
-            this._pageable = pageable;
-            this.pagerSettings = pageable ? Object.assign({}, DEFAULT_PAGER_SETTINGS, pageable) : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ListViewComponent.prototype, "items", {
-        /**
-         * @hidden
-         *
-         * Gets the data items passed to the ListView.
-         * If a ListViewDataResult is passed, the data value is used. If an array is passed - it's directly used.
-         */
-        get: function () {
-            if (!isPresent(this.data)) {
-                return [];
-            }
-            return Array.isArray(this.data) ? this.data : this.data.data;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ListViewComponent.prototype, "total", {
-        /**
-         * @hidden
-         *
-         * Gets the total number of records passed to the ListView.
-         * If a ListViewDataResult is passed, the total value is used. If an array is passed - its length is used.
-         */
-        get: function () {
-            if (!isPresent(this.data)) {
-                return 0;
-            }
-            return Array.isArray(this.data) ? this.data.length : this.data.total;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ListViewComponent.prototype, "containerTabindex", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            // workaround for FF, where a scrollable container is focusable even without a tabindex and creates an unwanted tab stop
-            // https://bugzilla.mozilla.org/show_bug.cgi?id=616594
-            return this.navigable ? -1 : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ListViewComponent.prototype, "activeIndex", {
-        /**
-         * Gets the current active item index
-         * ([see example]({% slug keyboard_navigation_listview %}#toc-controlling-the-focus)).
-         * Returns `null` when the keyboard navigation is disabled.
-         */
-        get: function () {
-            return this.navigationService.activeIndex;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ListViewComponent.prototype.ngOnChanges = function (changes) {
-        if (isChanged('height', changes, false)) {
-            this.renderer.setStyle(this.element.nativeElement, 'height', this.height + "px");
-        }
-    };
-    ListViewComponent.prototype.ngOnDestroy = function () {
-        if (isPresent(this.editServiceSubscription)) {
-            this.editServiceSubscription.unsubscribe();
-        }
-    };
-    /**
-     * @hidden
-     */
-    ListViewComponent.prototype.templateContext = function (index) {
-        return {
-            "$implicit": this.items[index],
-            "isLast": index === this.items.length - 1,
-            "isFirst": index === 0,
-            "dataItem": this.items[index],
-            "index": index
-        };
-    };
-    /**
-     * @hidden
-     */
-    ListViewComponent.prototype.editTemplateContext = function (index) {
-        var isNew = index === -1;
-        var group = isNew ? this.editService.newItemGroup : this.editService.editGroup(index);
-        return {
-            "$implicit": group,
-            "formGroup": group,
-            "dataItem": isNew ? this.editService.newDataItem : this.items[index],
-            "isNew": isNew,
-            "index": index
-        };
-    };
-    /**
-     * Focuses the item at the specified index ([see example]({% slug keyboard_navigation_listview %}#toc-controlling-the-focus)):
-     * - If no index is specified, the current active index will be focused.
-     * - If the passed value is below `0`, the first item receives focus.
-     * - If the passed value is above the last available index, the last item receives focus.
-     *
-     * > The index param is based on the logical structure of the ListView and does not correspond to the data item index -
-     * > i.e. the index `0` corresponds to the first rendered list item. Paging is not taken into account.
-     * > Also, for the focusing to work, the `navigable` prop must first be set to `true`.
-     */
-    ListViewComponent.prototype.focus = function (index) {
-        var totalRenderedItems = this.listViewItems.length;
-        this.navigationService.focusIndex(index, totalRenderedItems);
-    };
-    /**
-     * Creates a new item editor ([see example]({% slug editing_template_forms_listview %}#toc-adding-records)).
-     *
-     * @param {FormGroup} group - The [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}) that describes
-     * the edit form. If called with a data item, it will build the `FormGroup` from the data item fields.
-     */
-    ListViewComponent.prototype.addItem = function (group) {
-        var isFormGroup = group instanceof FormGroup;
-        if (!isFormGroup) {
-            var fields = Object.keys(group).reduce(createControl(group), {});
-            group = new FormGroup(fields);
-        }
-        this.editService.addItem(group);
-    };
-    /**
-     * Switches the specified item to edit mode ([see example]({% slug editing_template_forms_listview %}#toc-editing-records)).
-     *
-     * @param index - The item index that will be switched to edit mode.
-     * @param group - The [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }})
-     * that describes the edit form.
-     */
-    ListViewComponent.prototype.editItem = function (index, group) {
-        this.editService.editItem(index, group);
-    };
-    /**
-     * Closes the editor for a given item ([see example]({% slug editing_template_forms_grid %}#toc-cancelling-editing)).
-     *
-     * @param {number} index - The item index that will be switched out of the edit mode. If no index is provided, it is assumed
-     * that the new item editor will be closed.
-     */
-    ListViewComponent.prototype.closeItem = function (index) {
-        this.editService.close(index);
-    };
-    /**
-     * @hidden
-     */
-    ListViewComponent.prototype.isEdited = function (index) {
-        return this.editService.isEdited(index);
-    };
-    /**
-     * @hidden
-     */
-    ListViewComponent.prototype.handlePageChange = function (event) {
-        this.scrollToContainerTop();
-        var firstIndex = 0;
-        this.navigationService.setActiveIndex(firstIndex);
-        this.pageChange.emit(event);
-    };
-    /**
-     * @hidden
-     */
-    ListViewComponent.prototype.handleContentScroll = function () {
-        var _this = this;
-        if (!hasObservers(this.scrollBottom)) {
-            return;
-        }
-        var THRESHOLD = 2;
-        var _a = this.contentContainer.nativeElement, scrollHeight = _a.scrollHeight, scrollTop = _a.scrollTop, clientHeight = _a.clientHeight;
-        var atBottom = scrollHeight - clientHeight - scrollTop <= THRESHOLD;
-        if (atBottom) {
-            this.ngZone.run(function () {
-                var event = { sender: _this };
-                _this.scrollBottom.emit(event);
-            });
-        }
-    };
-    /**
-     * @hidden
-     */
-    ListViewComponent.prototype.itemPosInSet = function (index) {
-        // adds 1 as the aria-posinset is not zero-based and the counting starts from 1
-        return this.skip + index + 1;
-    };
-    ListViewComponent.prototype.scrollToContainerTop = function () {
-        var container = this.contentContainer.nativeElement;
-        container.scrollTop = 0;
-        container.scrollLeft = 0;
-    };
-    ListViewComponent.prototype.addNavigationListeners = function () {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            var removeKeydownListener = _this.renderer.listen(_this.contentContainer.nativeElement, 'keydown', function (event) { return _this.navigationService.handleKeyDown(event, _this.listViewItems.length); });
-            var removeFocusInListener = _this.renderer.listen(_this.contentContainer.nativeElement, 'focusin', function (event) { return _this.navigationService.handleFocusIn(event); });
-            var removeFocusOutListener = _this.renderer.listen(_this.contentContainer.nativeElement, 'focusout', function (event) { return _this.navigationService.handleFocusOut(event); });
-            _this.removeNavigationListeners = function () {
-                removeKeydownListener();
-                removeFocusInListener();
-                removeFocusOutListener();
-            };
-        });
-    };
-    ListViewComponent.prototype.attachEditHandlers = function () {
-        if (!isPresent(this.editService)) {
-            return;
-        }
-        this.editServiceSubscription = this.editService
-            .changes.subscribe(this.emitCRUDEvent.bind(this));
-    };
-    ListViewComponent.prototype.emitCRUDEvent = function (args) {
-        var action = args.action, itemIndex = args.itemIndex, formGroup = args.formGroup;
-        var dataItem = this.items[itemIndex];
-        if (action !== 'add' && formGroup) {
-            dataItem = formGroup.value;
-        }
-        Object.assign(args, {
-            dataItem: dataItem,
-            sender: this
-        });
-        this[action].emit(args);
-    };
-    tslib_1.__decorate([
-        HostBinding('class.k-widget'),
-        HostBinding('class.k-listview'),
-        HostBinding('class.k-listview-bordered'),
-        HostBinding('class.k-d-flex'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ListViewComponent.prototype, "className", void 0);
-    tslib_1.__decorate([
-        ContentChild(ItemTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", ItemTemplateDirective)
-    ], ListViewComponent.prototype, "itemTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(HeaderTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", HeaderTemplateDirective)
-    ], ListViewComponent.prototype, "headerTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(FooterTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", FooterTemplateDirective)
-    ], ListViewComponent.prototype, "footerTemplate", void 0);
-    tslib_1.__decorate([
-        ContentChild(LoaderTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", LoaderTemplateDirective)
-    ], ListViewComponent.prototype, "loaderTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChild('contentContainer', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], ListViewComponent.prototype, "contentContainer", void 0);
-    tslib_1.__decorate([
-        ContentChild(EditTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", EditTemplateDirective)
-    ], ListViewComponent.prototype, "editTemplate", void 0);
-    tslib_1.__decorate([
-        ViewChildren(ListViewNavigableItemDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], ListViewComponent.prototype, "listViewItems", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ListViewComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ListViewComponent.prototype, "loading", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ListViewComponent.prototype, "containerStyle", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ListViewComponent.prototype, "itemStyle", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ListViewComponent.prototype, "containerClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ListViewComponent.prototype, "itemClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ListViewComponent.prototype, "containerLabel", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ListViewComponent.prototype, "containerRole", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], ListViewComponent.prototype, "listItemRole", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], ListViewComponent.prototype, "navigable", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ListViewComponent.prototype, "pageSize", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [Number])
-    ], ListViewComponent.prototype, "skip", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], ListViewComponent.prototype, "pageable", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ListViewComponent.prototype, "height", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ListViewComponent.prototype, "scrollBottom", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ListViewComponent.prototype, "pageChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ListViewComponent.prototype, "pageSizeChange", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ListViewComponent.prototype, "edit", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ListViewComponent.prototype, "cancel", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ListViewComponent.prototype, "save", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ListViewComponent.prototype, "remove", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], ListViewComponent.prototype, "add", void 0);
-    ListViewComponent = tslib_1.__decorate([
-        Component({
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            exportAs: 'kendoListView',
-            selector: 'kendo-listview',
-            providers: [
-                EditService,
-                NavigationService,
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.listview'
-                }
-            ],
-            template: "\n        <!-- top pager -->\n        <ng-template\n            *ngIf=\"pagerSettings?.position !== 'bottom'\"\n            [ngTemplateOutlet]=\"pagerTemplate\"\n            [ngTemplateOutletContext]=\"{ pagerClass: 'k-listview-pager k-listview-pager-top' }\"\n        >\n        </ng-template>\n\n        <!-- header -->\n        <div\n            *ngIf=\"headerTemplate\"\n            class=\"k-listview-header\"\n        >\n            <ng-template\n                [ngTemplateOutlet]=\"headerTemplate?.templateRef\"\n            >\n            </ng-template>\n        </div>\n\n        <!-- content -->\n        <div\n            #contentContainer\n            [attr.tabindex]=\"containerTabindex\"\n            class=\"k-listview-content\"\n            [ngClass]=\"containerClass\"\n            [ngStyle]=\"containerStyle\"\n            [kendoEventsOutsideAngular]=\"{\n                scroll: handleContentScroll\n            }\"\n            [scope]=\"this\"\n            [attr.role]=\"containerRole\"\n            [attr.aria-label]=\"containerLabel\"\n        >\n            <!-- new item edit template -->\n            <div\n                *ngIf=\"editService.hasNewItem\"\n                class=\"k-listview-item\"\n                [attr.role]=\"listItemRole\"\n                kendoListViewNavigableItem\n                [index]=\"-1\"\n                [attr.data-kendo-listview-item-index]=\"-1\"\n                [ngClass]=\"itemClass\"\n                [ngStyle]=\"itemStyle\"\n            >\n                <ng-template\n                    *ngIf=\"editTemplate\"\n                    [ngTemplateOutlet]=\"editTemplate?.templateRef\"\n                    [ngTemplateOutletContext]=\"editTemplateContext(-1)\"\n                >\n                </ng-template>\n            </div>\n\n            <!-- items -->\n            <div\n                *ngFor=\"let dataItem of items; let index = index; let first = first; let last = last;\"\n                class=\"k-listview-item\"\n                [attr.role]=\"listItemRole\"\n                [attr.aria-posinset]=\"itemPosInSet(index)\"\n                [attr.aria-setsize]=\"total\"\n                kendoListViewNavigableItem\n                [index]=\"index\"\n                [attr.data-kendo-listview-item-index]=\"index\"\n                [ngClass]=\"itemClass\"\n                [ngStyle]=\"itemStyle\"\n            >\n                <ng-template\n                    [ngTemplateOutlet]=\"isEdited(index) ? editTemplate?.templateRef : itemTemplate?.templateRef\"\n                    [ngTemplateOutletContext]=\"isEdited(index) ? editTemplateContext(index) : templateContext(index)\"\n                >\n                </ng-template>\n            </div>\n\n            <!-- loading indicator -->\n            <div\n                *ngIf=\"loading && !loaderTemplate\"\n                class=\"k-loading-mask\"\n            >\n                <!-- TODO: the k-loading-text is hidden with css but read by readers - review when implementing accessibility + possible localization case -->\n                <span class=\"k-loading-text\">Loading</span>\n                <div class=\"k-loading-image\"></div>\n                <div class=\"k-loading-color\"></div>\n            </div>\n            <ng-template\n                *ngIf=\"loading && loaderTemplate\"\n                [ngTemplateOutlet]=\"loaderTemplate.templateRef\"\n            >\n            </ng-template>\n        </div>\n\n        <!-- footer -->\n        <div\n            *ngIf=\"footerTemplate\"\n            class=\"k-listview-footer\"\n        >\n            <ng-template\n                [ngTemplateOutlet]=\"footerTemplate?.templateRef\"\n            >\n            </ng-template>\n        </div>\n\n        <!-- bottom pager -->\n        <ng-template\n            *ngIf=\"pagerSettings?.position !== 'top'\"\n            [ngTemplateOutlet]=\"pagerTemplate\"\n            [ngTemplateOutletContext]=\"{ pagerClass: 'k-listview-pager' }\"\n        >\n        </ng-template>\n\n        <!-- pager template -->\n        <ng-template #pagerTemplate let-pagerClass=\"pagerClass\">\n            <kendo-datapager\n                *ngIf=\"pageable\"\n                [class]=\"pagerClass\"\n                [total]=\"total\"\n                [pageSize]=\"pageSize\"\n                [skip]=\"skip\"\n                [buttonCount]=\"pagerSettings.buttonCount\"\n                [info]=\"pagerSettings.info\"\n                [previousNext]=\"pagerSettings.previousNext\"\n                [type]=\"pagerSettings.type\"\n                [pageSizeValues]=\"pagerSettings.pageSizeValues\"\n                (pageChange)=\"handlePageChange($event)\"\n                (pageSizeChange)=\"pageSizeChange.emit($event)\"\n            >\n            </kendo-datapager>\n        </ng-template>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [NgZone,
-            ElementRef,
-            Renderer2,
-            EditService,
-            NavigationService])
-    ], ListViewComponent);
-    return ListViewComponent;
-}());
-export { ListViewComponent };
-export { ɵ0 };

package/dist/es/listview.module.js

@@ -1,83 +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 { PagerModule } from '@progress/kendo-angular-pager';
-import { EventsModule } from '@progress/kendo-angular-common';
-import { ListViewComponent } from './listview.component';
-import { ListViewNavigableItemDirective } from './navigation/listview-navigable-item.directive';
-import { ItemTemplateDirective } from './templates/item-template.directive';
-import { HeaderTemplateDirective } from './templates/header-template.directive';
-import { FooterTemplateDirective } from './templates/footer-template.directive';
-import { TemplateContextDirective } from './templates/template-context.directive';
-import { LoaderTemplateDirective } from './templates/loader-template.directive';
-import { DataBindingDirective } from './data-binding/data-binding.directive';
-import { EditTemplateDirective } from './editing/edit-template.directive';
-import { EditCommandDirective } from './editing/commands/edit-command.directive';
-import { CancelCommandDirective } from './editing/commands/cancel-command.directive';
-import { SaveCommandDirective } from './editing/commands/save-command.directive';
-import { RemoveCommandDirective } from './editing/commands/remove-command.directive';
-import { AddCommandDirective } from './editing/commands/add-command.directive';
-var TEMPLATE_DIRECTIVES = [
-    ItemTemplateDirective,
-    HeaderTemplateDirective,
-    FooterTemplateDirective,
-    LoaderTemplateDirective
-];
-var BINDING_DIRECTIVES = [
-    DataBindingDirective
-];
-var EDITING_DIRECTIVES = [
-    EditTemplateDirective,
-    EditCommandDirective,
-    CancelCommandDirective,
-    SaveCommandDirective,
-    RemoveCommandDirective,
-    AddCommandDirective
-];
-/**
- * The exported package module.
- *
- * The package exports:
- * - [`ListViewComponent`]({% slug api_listview_listviewcomponent %})—The ListView component class.
- * - [`ItemTemplateDirective`]({% slug api_listview_itemtemplatedirective %})—The item template directive.
- * - [`HeaderTemplateDirective`]({% slug api_listview_headertemplatedirective %})—The header template directive.
- * - [`FooterTemplateDirective`]({% slug api_listview_footertemplatedirective %})—The footer template directive.
- * - [`LoaderTemplateDirective`]({% slug api_listview_loadertemplatedirective %})—The loeader template directive.
- * - [`DataBindingDirective`]({% slug api_listview_databindingdirective %})—The data binding directive.
- * - [`EditTemplateDirective`]({% slug api_listview_editingdirective %}—The editing template directive.
- */
-var ListViewModule = /** @class */ (function () {
-    function ListViewModule() {
-    }
-    ListViewModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [
-                TEMPLATE_DIRECTIVES,
-                BINDING_DIRECTIVES,
-                EDITING_DIRECTIVES,
-                ListViewComponent,
-                TemplateContextDirective,
-                ListViewNavigableItemDirective
-            ],
-            exports: [
-                TEMPLATE_DIRECTIVES,
-                BINDING_DIRECTIVES,
-                EDITING_DIRECTIVES,
-                ListViewComponent,
-                CommonModule,
-                EventsModule
-            ],
-            imports: [
-                CommonModule,
-                PagerModule,
-                EventsModule
-            ]
-        })
-    ], ListViewModule);
-    return ListViewModule;
-}());
-export { ListViewModule };

package/dist/es/models/page-size-change-event.js

@@ -1,18 +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 { PageSizeChangeEvent as PagerPageSizeChangeEvent } from "@progress/kendo-angular-pager";
-/**
- * The arguments of the [`pageSizeChange`]({% slug api_listview_listviewcomponent %}#toc-pagesizechange) event of the ListView
- * ([more details]({% slug paging_listview %}).
- */
-var PageSizeChangeEvent = /** @class */ (function (_super) {
-    tslib_1.__extends(PageSizeChangeEvent, _super);
-    function PageSizeChangeEvent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return PageSizeChangeEvent;
-}(PagerPageSizeChangeEvent));
-export { PageSizeChangeEvent };