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

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

@@ -1,70 +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 { Directive, ElementRef, Renderer2, Input } from '@angular/core';
-import { NavigationService } from './navigation.service';
-import { isPresent } from '../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 (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([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ListViewNavigableItemDirective.prototype, "index", void 0);
-    ListViewNavigableItemDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoListViewNavigableItem]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            NavigationService])
-    ], ListViewNavigableItemDirective);
-    return ListViewNavigableItemDirective;
-}());
-export { ListViewNavigableItemDirective };

package/dist/es/navigation/navigation.service.js

@@ -1,162 +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 { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { Keys } from '@progress/kendo-angular-common';
-import { closestWithMatch, fitIntoRange, getListItemIndex, isListViewItem, isPresent, relatedTarget } from '../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 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 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 Keys.ArrowLeft:
-            case Keys.ArrowUp:
-                this.navigateToPrevious();
-                break;
-            case Keys.ArrowRight:
-            case Keys.ArrowDown:
-                this.navigateToNext(totalItemsCount);
-                break;
-            case Keys.Home:
-                var firstIndex = 0;
-                this.navigateTo(firstIndex);
-                break;
-            case 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 (!isListViewItem(target)) {
-            var listViewItemSelector = '.k-listview-item';
-            var closestListViewItem = closestWithMatch(target, listViewItemSelector);
-            var isListViewItemChild = isPresent(closestListViewItem);
-            if (isListViewItemChild) {
-                var itemIndex = getListItemIndex(closestListViewItem);
-                this.setActiveIndex(itemIndex);
-            }
-            return;
-        }
-        var targetIndex = 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 (!isListViewItem(event.target) || isListViewItem(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 : 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([
-        Injectable()
-    ], NavigationService);
-    return NavigationService;
-}());
-export { NavigationService };

package/dist/es/package-metadata.js

@@ -1,15 +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 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/es/templates/footer-template.directive.js

@@ -1,24 +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 { Directive, TemplateRef } from '@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([
-        Directive({
-            selector: '[kendoListViewFooterTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], FooterTemplateDirective);
-    return FooterTemplateDirective;
-}());
-export { FooterTemplateDirective };

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

@@ -1,24 +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 { Directive, TemplateRef } from '@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([
-        Directive({
-            selector: '[kendoListViewHeaderTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], HeaderTemplateDirective);
-    return HeaderTemplateDirective;
-}());
-export { HeaderTemplateDirective };

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

@@ -1,30 +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 { Directive, TemplateRef } from '@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([
-        Directive({
-            selector: '[kendoListViewItemTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], ItemTemplateDirective);
-    return ItemTemplateDirective;
-}());
-export { ItemTemplateDirective };

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

@@ -1,24 +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 { Directive, TemplateRef } from '@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([
-        Directive({
-            selector: '[kendoListViewLoaderTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], LoaderTemplateDirective);
-    return LoaderTemplateDirective;
-}());
-export { LoaderTemplateDirective };

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

@@ -1,40 +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 { Directive, ViewContainerRef, Input } from '@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([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], TemplateContextDirective.prototype, "templateContext", null);
-    TemplateContextDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[templateContext]' // tslint:disable-line
-        }),
-        tslib_1.__metadata("design:paramtypes", [ViewContainerRef])
-    ], TemplateContextDirective);
-    return TemplateContextDirective;
-}());
-export { TemplateContextDirective };

package/dist/es/utils.js

@@ -1,103 +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 { isDocumentAvailable } from '@progress/kendo-angular-common';
-var LISTVIEW_ITEM_SELECTOR = '.k-listview-item';
-/**
- * @hidden
- */
-export var isPresent = function (item) { return item !== null && item !== undefined; };
-/**
- * @hidden
- */
-export var isObject = function (item) { return isPresent(item) && typeof item === 'object'; };
-/**
- * @hidden
- *
- * Polyfill for `Element.matches`.
- * https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
- */
-export var match = function (element, selector) {
-    var matcher = element.matches || element.msMatchesSelector || element.webkitMatchesSelector;
-    if (!isPresent(matcher)) {
-        return false;
-    }
-    return matcher.call(element, selector);
-};
-/**
- * @hidden
- *
- * Checks if a target element has the `.k-listview-item` CSS class.
- */
-export var isListViewItem = function (element) {
-    if (!isPresent(element)) {
-        return false;
-    }
-    return match(element, LISTVIEW_ITEM_SELECTOR);
-};
-/**
- * @hidden
- *
- * Extracts and parses to a number the `data-kendo-listview-item-index` attribute value from the targeted element.
- */
-export var getListItemIndex = function (item) {
-    if (!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.
- */
-export var relatedTarget = function (event) {
-    if (!isPresent(event.relatedTarget) || !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.
- */
-export var fitIntoRange = function (contender, min, max) {
-    if (!isPresent(contender) || contender <= min) {
-        return min;
-    }
-    else if (contender >= max) {
-        return max;
-    }
-    else {
-        return contender;
-    }
-};
-/**
- * @hidden
- */
-export var closestWithMatch = function (element, selector) {
-    var parent = element;
-    while (parent !== null && parent.nodeType === 1) {
-        if (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.
- */
-export var getClosestListItemIndex = function (element) {
-    if (!isPresent(element)) {
-        return null;
-    }
-    var closestListViewItem = closestWithMatch(element, LISTVIEW_ITEM_SELECTOR);
-    return getListItemIndex(closestListViewItem);
-};

package/dist/es2015/editing/commands/add-command.directive.js

@@ -1,55 +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 { Directive, HostListener, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
-import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { EditService } from '../edit.service';
-/**
- * Represents the command for adding a new item to the ListView. You can apply this directive to any
- * `button` element inside a [`HeaderTemplate`]({% slug api_listview_headertemplatedirective %}).
- * When an associated button with the directive is clicked, the
- * [`add`]({% slug api_listview_listviewcomponent %}#toc-add) event is triggered
- * ([see example]({% slug editing_listview %})).
- *
- * @example
- * ```html-no-run
- * <kendo-listview>
- *    <ng-template kendoListViewHeaderTemplate>
- *       <button kendoListViewAddCommand>Add new</button>
- *    </ng-template>
- * </kendo-listview>
- * ```
- */
-let AddCommandDirective = class AddCommandDirective extends Button {
-    constructor(editService, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
-        this.editService = editService;
-    }
-    /**
-     * @hidden
-     */
-    clickHandler(e) {
-        e.preventDefault();
-        this.editService.beginAdd();
-    }
-};
-tslib_1.__decorate([
-    HostListener('click', ['$event']),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Object]),
-    tslib_1.__metadata("design:returntype", void 0)
-], AddCommandDirective.prototype, "clickHandler", null);
-AddCommandDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoListViewAddCommand]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [EditService,
-        ElementRef,
-        Renderer,
-        LocalizationService,
-        NgZone])
-], AddCommandDirective);
-export { AddCommandDirective };

package/dist/es2015/editing/events/add-event-args.interface.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/editing/events/save-event-args.interface.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/index.d.ts

@@ -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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { AddCommandDirective } from './editing/commands/add-command.directive';
-export { CancelCommandDirective } from './editing/commands/cancel-command.directive';
-export { EditCommandDirective } from './editing/commands/edit-command.directive';
-export { RemoveCommandDirective } from './editing/commands/remove-command.directive';
-export { SaveCommandDirective } from './editing/commands/save-command.directive';
-export { EditService } from './editing/edit.service';
-export { ListViewNavigableItemDirective } from './navigation/listview-navigable-item.directive';
-export { NavigationService } from './navigation/navigation.service';
-export { TemplateContextDirective } from './templates/template-context.directive';

package/dist/es2015/index.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
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { AddCommandDirective } from './editing/commands/add-command.directive';
-export { CancelCommandDirective } from './editing/commands/cancel-command.directive';
-export { EditCommandDirective } from './editing/commands/edit-command.directive';
-export { RemoveCommandDirective } from './editing/commands/remove-command.directive';
-export { SaveCommandDirective } from './editing/commands/save-command.directive';
-export { EditService } from './editing/edit.service';
-export { ListViewNavigableItemDirective } from './navigation/listview-navigable-item.directive';
-export { NavigationService } from './navigation/navigation.service';
-export { TemplateContextDirective } from './templates/template-context.directive';