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

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

@@ -1,20 +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 kendo_angular_pager_1 = require("@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;
-}(kendo_angular_pager_1.PageSizeChangeEvent));
-exports.PageSizeChangeEvent = PageSizeChangeEvent;

package/dist/npm/models/page-size-item.js

@@ -1,6 +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 });

package/dist/npm/models/pager-position.js

@@ -1,6 +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 });

package/dist/npm/models/pager-settings.js

@@ -1,6 +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 });

package/dist/npm/models/pager-type.js

@@ -1,6 +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 });

package/dist/npm/models/scroll-bottom-event.js

@@ -1,6 +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 });

package/dist/npm/navigation/listview-navigable-item.directive.js

@@ -1,72 +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 navigation_service_1 = require("./navigation.service");
-var utils_1 = require("../utils");
-/**
- * @hidden
- */
-var ListViewNavigableItemDirective = /** @class */ (function () {
-    function ListViewNavigableItemDirective(hostElement, renderer, navigationService) {
-        this.hostElement = hostElement;
-        this.renderer = renderer;
-        this.navigationService = navigationService;
-    }
-    ListViewNavigableItemDirective.prototype.ngOnChanges = function () {
-        this.updateNavigationState();
-    };
-    ListViewNavigableItemDirective.prototype.ngOnInit = function () {
-        this.navigationSubscription = this.navigationService.changes
-            .subscribe(this.updateNavigationState.bind(this));
-    };
-    ListViewNavigableItemDirective.prototype.ngOnDestroy = function () {
-        if (utils_1.isPresent(this.navigationSubscription)) {
-            this.navigationSubscription.unsubscribe();
-        }
-    };
-    ListViewNavigableItemDirective.prototype.updateNavigationState = function () {
-        this.updateTabIndex();
-        this.updateFocusedState();
-    };
-    ListViewNavigableItemDirective.prototype.updateFocusedState = function () {
-        var shouldFocus = this.navigationService.isActive(this.index) && this.navigationService.isFocused;
-        var focusedCssClass = 'k-state-focused';
-        if (shouldFocus) {
-            this.renderer.addClass(this.hostElement.nativeElement, focusedCssClass);
-            this.hostElement.nativeElement.focus();
-        }
-        else {
-            this.renderer.removeClass(this.hostElement.nativeElement, focusedCssClass);
-        }
-    };
-    ListViewNavigableItemDirective.prototype.updateTabIndex = function () {
-        if (!this.navigationService.isEnabled) {
-            this.renderer.removeAttribute(this.hostElement.nativeElement, 'tabindex');
-        }
-        else if (this.navigationService.isActive(this.index)) {
-            this.renderer.setAttribute(this.hostElement.nativeElement, 'tabindex', '0');
-        }
-        else {
-            this.renderer.setAttribute(this.hostElement.nativeElement, 'tabindex', '-1');
-        }
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ListViewNavigableItemDirective.prototype, "index", void 0);
-    ListViewNavigableItemDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoListViewNavigableItem]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            core_1.Renderer2,
-            navigation_service_1.NavigationService])
-    ], ListViewNavigableItemDirective);
-    return ListViewNavigableItemDirective;
-}());
-exports.ListViewNavigableItemDirective = ListViewNavigableItemDirective;

package/dist/npm/navigation/navigation.service.js

@@ -1,164 +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 rxjs_1 = require("rxjs");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var utils_1 = require("../utils");
-/**
- * @hidden
- *
- * Provided per ListView instance. Keeps the availability, active index and focused state of the current ListView.
- * Emits `changes` when any of the aforementioned states changes.
- */
-var NavigationService = /** @class */ (function () {
-    function NavigationService() {
-        /**
-         * Emits every time a change in active index/focus/blur/navigation availability occurs.
-         */
-        this.changes = new rxjs_1.Subject();
-        /**
-         * Specifies if a ListView item currently holds focus.
-         */
-        this.isFocused = false;
-        /**
-         * Keeps track of the index of the items that should be the current focus target (tabindex="0").
-         * When set to `null`/`undefined`, the navigation is disabled and the items should not render a tabindex.
-         */
-        this.activeIndex = null;
-    }
-    Object.defineProperty(NavigationService.prototype, "isEnabled", {
-        /**
-         * Sets or gets if the navigation is enabled.
-         * When no activeIndex is present, the navigation is inferred as disabled.
-         * Toggling the service availability clears the current active index or activates the first one.
-         */
-        get: function () {
-            return utils_1.isPresent(this.activeIndex);
-        },
-        set: function (enabled) {
-            if (enabled) {
-                this.activeIndex = 0;
-            }
-            else {
-                this.activeIndex = null;
-            }
-            this.changes.next();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Shows if the checked index should be the current available focus target (tabindex="0").
-     */
-    NavigationService.prototype.isActive = function (index) {
-        return index === this.activeIndex;
-    };
-    NavigationService.prototype.handleKeyDown = function (event, totalItemsCount) {
-        var keyCode = event.keyCode;
-        switch (keyCode) {
-            case kendo_angular_common_1.Keys.ArrowLeft:
-            case kendo_angular_common_1.Keys.ArrowUp:
-                this.navigateToPrevious();
-                break;
-            case kendo_angular_common_1.Keys.ArrowRight:
-            case kendo_angular_common_1.Keys.ArrowDown:
-                this.navigateToNext(totalItemsCount);
-                break;
-            case kendo_angular_common_1.Keys.Home:
-                var firstIndex = 0;
-                this.navigateTo(firstIndex);
-                break;
-            case kendo_angular_common_1.Keys.End:
-                var lastIndex = totalItemsCount - 1;
-                this.navigateTo(lastIndex);
-                break;
-            default: return;
-        }
-        // the following line is executed only if the pressed key matches one of the listview hotkeys -
-        // they `break`, while the `default` case `return`s
-        event.preventDefault();
-    };
-    NavigationService.prototype.handleFocusIn = function (event) {
-        var target = event.target;
-        if (!utils_1.isListViewItem(target)) {
-            var listViewItemSelector = '.k-listview-item';
-            var closestListViewItem = utils_1.closestWithMatch(target, listViewItemSelector);
-            var isListViewItemChild = utils_1.isPresent(closestListViewItem);
-            if (isListViewItemChild) {
-                var itemIndex = utils_1.getListItemIndex(closestListViewItem);
-                this.setActiveIndex(itemIndex);
-            }
-            return;
-        }
-        var targetIndex = utils_1.getListItemIndex(target);
-        // don't emit if the no change in focused state has occurred and the targeted index is the same as the current activeIndex
-        if (this.isFocused && targetIndex === this.activeIndex) {
-            return;
-        }
-        this.activeIndex = targetIndex;
-        this.isFocused = true;
-        this.changes.next();
-    };
-    NavigationService.prototype.handleFocusOut = function (event) {
-        // don't emit if the blurred item is not a listview item or if the new focus target is another listview item
-        if (!utils_1.isListViewItem(event.target) || utils_1.isListViewItem(utils_1.relatedTarget(event))) {
-            return;
-        }
-        this.isFocused = false;
-        this.changes.next();
-    };
-    /**
-     * Sets the `activeIndex` and triggers changes without focusing the corresponding ListView item.
-     */
-    NavigationService.prototype.setActiveIndex = function (index) {
-        if (!this.isEnabled) {
-            return;
-        }
-        if (index === this.activeIndex) {
-            return;
-        }
-        this.activeIndex = index;
-        this.changes.next();
-    };
-    /**
-     * Focuses item at the targeted index. If no index is passed, the current `activeIndex` is used.
-     * The passed target index is normalized to fit the min/max available indices bounds.
-     */
-    NavigationService.prototype.focusIndex = function (index, totalItemsCount) {
-        if (!this.isEnabled) {
-            return;
-        }
-        var parsed = parseInt(index, 10);
-        var firstIndex = 0;
-        var lastIndex = totalItemsCount - 1;
-        var targetIndex = isNaN(parsed) ? this.activeIndex : utils_1.fitIntoRange(parsed, firstIndex, lastIndex);
-        this.navigateTo(targetIndex);
-    };
-    NavigationService.prototype.navigateTo = function (index) {
-        if (this.isFocused && this.activeIndex === index) {
-            return;
-        }
-        this.isFocused = true;
-        this.activeIndex = index;
-        this.changes.next();
-    };
-    NavigationService.prototype.navigateToPrevious = function () {
-        var previousIndex = Math.max(this.activeIndex - 1, 0);
-        this.navigateTo(previousIndex);
-    };
-    NavigationService.prototype.navigateToNext = function (totalItemsCount) {
-        var lastAvailableIndex = totalItemsCount - 1;
-        var nextIndex = Math.min(this.activeIndex + 1, lastAvailableIndex);
-        this.navigateTo(nextIndex);
-    };
-    NavigationService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], NavigationService);
-    return NavigationService;
-}());
-exports.NavigationService = NavigationService;

package/dist/npm/package-metadata.js

@@ -1,17 +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 });
-/**
- * @hidden
- */
-exports.packageMetadata = {
-    name: '@progress/kendo-angular-listview',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646219074,
-    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'
-};

package/dist/npm/templates/footer-template.directive.js

@@ -1,26 +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");
-/**
- * Renders the footer content of the ListView. To define a footer template, nest an `<ng-template>` tag
- * with the `kendoListViewFooterTemplate` directive inside the `<kendo-listview>` tag
- * [see example]({% slug templates_listview %}#toc-footer-template).
- */
-var FooterTemplateDirective = /** @class */ (function () {
-    function FooterTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    FooterTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoListViewFooterTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], FooterTemplateDirective);
-    return FooterTemplateDirective;
-}());
-exports.FooterTemplateDirective = FooterTemplateDirective;

package/dist/npm/templates/header-template.directive.js

@@ -1,26 +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");
-/**
- * Renders the header content of the ListView. To define a header template, nest an `<ng-template>` tag
- * with the `kendoListViewHeaderTemplate` directive inside the `<kendo-listview>` tag
- * [see example]({% slug templates_listview %}#toc-header-template).
- */
-var HeaderTemplateDirective = /** @class */ (function () {
-    function HeaderTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    HeaderTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoListViewHeaderTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], HeaderTemplateDirective);
-    return HeaderTemplateDirective;
-}());
-exports.HeaderTemplateDirective = HeaderTemplateDirective;

package/dist/npm/templates/item-template.directive.js

@@ -1,32 +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");
-/**
- * Renders the list item content. To define an item template, nest an `<ng-template>` tag
- * with the `kendoListViewItemTemplate` directive inside the `<kendo-listview>` tag
- * [see example]({% slug templates_listview %}#toc-item-template).
- *
- * The following values are available as context variables:
- * - `let-dataItem="dataItem"` (`any`) - The current data item. Also available as implicit context variable.
- * - `let-index="index"` (`number`) - The current item index.
- * - `let-isFirst="isFirst"` (`boolean`) - Indicates whether the current data item will be rendered as the first item on the list.
- * - `let-isLast="isLast"` (`boolean`)- Indicates whether the current data item will be rendered as the last item on the list.
- */
-var ItemTemplateDirective = /** @class */ (function () {
-    function ItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    ItemTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoListViewItemTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], ItemTemplateDirective);
-    return ItemTemplateDirective;
-}());
-exports.ItemTemplateDirective = ItemTemplateDirective;

package/dist/npm/templates/loader-template.directive.js

@@ -1,26 +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");
-/**
- * Overrides the default loader content of the ListView. To define a loader template, nest an `<ng-template>` tag
- * with the `kendoListViewLoaderTemplate` directive inside the `<kendo-listview>` tag
- * [see example]({% slug templates_listview %}#toc-loader-template).
- */
-var LoaderTemplateDirective = /** @class */ (function () {
-    function LoaderTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    LoaderTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoListViewLoaderTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], LoaderTemplateDirective);
-    return LoaderTemplateDirective;
-}());
-exports.LoaderTemplateDirective = LoaderTemplateDirective;

package/dist/npm/templates/template-context.directive.js

@@ -1,42 +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");
-/**
- * @hidden
- */
-var TemplateContextDirective = /** @class */ (function () {
-    function TemplateContextDirective(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
-    }
-    Object.defineProperty(TemplateContextDirective.prototype, "templateContext", {
-        set: function (context) {
-            if (this.insertedViewRef) {
-                this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef));
-                this.insertedViewRef = undefined;
-            }
-            if (context.templateRef) {
-                this.insertedViewRef = this.viewContainerRef.createEmbeddedView(context.templateRef, context);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], TemplateContextDirective.prototype, "templateContext", null);
-    TemplateContextDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[templateContext]' // tslint:disable-line
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ViewContainerRef])
-    ], TemplateContextDirective);
-    return TemplateContextDirective;
-}());
-exports.TemplateContextDirective = TemplateContextDirective;

package/dist/npm/utils.js

@@ -1,105 +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 kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var LISTVIEW_ITEM_SELECTOR = '.k-listview-item';
-/**
- * @hidden
- */
-exports.isPresent = function (item) { return item !== null && item !== undefined; };
-/**
- * @hidden
- */
-exports.isObject = function (item) { return exports.isPresent(item) && typeof item === 'object'; };
-/**
- * @hidden
- *
- * Polyfill for `Element.matches`.
- * https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
- */
-exports.match = function (element, selector) {
-    var matcher = element.matches || element.msMatchesSelector || element.webkitMatchesSelector;
-    if (!exports.isPresent(matcher)) {
-        return false;
-    }
-    return matcher.call(element, selector);
-};
-/**
- * @hidden
- *
- * Checks if a target element has the `.k-listview-item` CSS class.
- */
-exports.isListViewItem = function (element) {
-    if (!exports.isPresent(element)) {
-        return false;
-    }
-    return exports.match(element, LISTVIEW_ITEM_SELECTOR);
-};
-/**
- * @hidden
- *
- * Extracts and parses to a number the `data-kendo-listview-item-index` attribute value from the targeted element.
- */
-exports.getListItemIndex = function (item) {
-    if (!exports.isPresent(item)) {
-        return null;
-    }
-    return Number(item.getAttribute('data-kendo-listview-item-index'));
-};
-/**
- * @hidden
- *
- * Gets the new focus target from a blur event.
- * Queries both event.relatedTarget and document.activeElement for compatibility with IE.
- */
-exports.relatedTarget = function (event) {
-    if (!exports.isPresent(event.relatedTarget) || !kendo_angular_common_1.isDocumentAvailable()) {
-        return null;
-    }
-    return event.relatedTarget || document.activeElement;
-};
-/**
- * @hidden
- *
- * If the given contender number is not defined or lower than the specified min - returns min, if its above the specified max - returns max.
- * If the number is in the given bounds, it is returned.
- */
-exports.fitIntoRange = function (contender, min, max) {
-    if (!exports.isPresent(contender) || contender <= min) {
-        return min;
-    }
-    else if (contender >= max) {
-        return max;
-    }
-    else {
-        return contender;
-    }
-};
-/**
- * @hidden
- */
-exports.closestWithMatch = function (element, selector) {
-    var parent = element;
-    while (parent !== null && parent.nodeType === 1) {
-        if (exports.match(parent, selector)) {
-            return parent;
-        }
-        parent = parent.parentElement || parent.parentNode;
-    }
-    return null;
-};
-/**
- * @hidden
- *
- * Extracts and parses to a number the `data-kendo-listview-item-index` attribute value from the targeted element.
- */
-exports.getClosestListItemIndex = function (element) {
-    if (!exports.isPresent(element)) {
-        return null;
-    }
-    var closestListViewItem = exports.closestWithMatch(element, LISTVIEW_ITEM_SELECTOR);
-    return exports.getListItemIndex(closestListViewItem);
-};