@progress/kendo-angular-menu 3.0.6 → 4.0.0-next.202203230842

package/dist/es/menu.component.js

@@ -1,256 +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, Input, HostBinding, EventEmitter, Output, NgZone, Renderer2, Optional, TemplateRef, forwardRef } from '@angular/core';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import { ItemsService } from './services/items.service';
-import { ActionsService } from './services/actions.service';
-import { NavigationService } from './services/navigation.service';
-import { HoverService } from './services/hover.service';
-import { normalize } from './open-on-click-settings';
-import { inMenu } from './dom-queries';
-import { ContextMenuService } from './context-menu/context-menu.service';
-import { MenuBase } from './menu-base';
-import { Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
-/**
- * Represents the [Kendo UI Menu component for Angular]({% slug overview_menu %}).
- *
- * @example
- * ```ts
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-menu [items]="items">
- *        </kendo-menu>
- *    `
- * })
- * class AppComponent {
- *    public items: any[] = [{ text: 'item1', items: [{ text: 'item1.1' }] }, { text: 'item2', disabled: true }];
- * }
- * ```
- */
-var MenuComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(MenuComponent, _super);
-    function MenuComponent(itemsService, hover, actions, navigation, localization, ngZone, renderer, contextService) {
-        var _this = _super.call(this) || this;
-        _this.itemsService = itemsService;
-        _this.hover = hover;
-        _this.actions = actions;
-        _this.navigation = navigation;
-        _this.localization = localization;
-        _this.ngZone = ngZone;
-        _this.renderer = renderer;
-        _this.contextService = contextService;
-        /**
-         * Fires when a Menu item is selected ([see example]({% slug routing_menu %})).
-         */
-        _this.select = new EventEmitter();
-        /**
-         * Fires when a Menu item is opened.
-         */
-        _this.open = new EventEmitter();
-        /**
-         * Fires when a Menu item is closed.
-         */
-        _this.close = new EventEmitter();
-        validatePackage(packageMetadata);
-        _this.actions.owner = _this;
-        if (contextService) {
-            contextService.items = _this.itemsService;
-            _this.contextKeyDownSubscription = contextService.keydown.subscribe(_this.contextKeyDown.bind(_this));
-        }
-        return _this;
-    }
-    MenuComponent_1 = MenuComponent;
-    Object.defineProperty(MenuComponent.prototype, "ariaOrientation", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (this.vertical) {
-                return 'vertical';
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MenuComponent.prototype, "contextMenuClass", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return Boolean(this.contextService);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MenuComponent.prototype, "direction", {
-        get: function () {
-            return this.rtl;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MenuComponent.prototype, "rtl", {
-        get: function () {
-            return this.localization.rtl;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Opens or closes the specified Menu items.
-     *
-     * @param open - A Boolean value which indicates if the items will be opened or closed.
-     * @param indices - One or more values which represent the hierarchical indices of the items that will be opened or closed.
-     */
-    MenuComponent.prototype.toggle = function (open) {
-        var indices = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            indices[_i - 1] = arguments[_i];
-        }
-        for (var idx = 0; idx < indices.length; idx++) {
-            var item = this.itemsService.get(indices[idx]);
-            if (item && !item.disabled) {
-                if (open) {
-                    item.open();
-                }
-                else {
-                    item.close();
-                }
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    MenuComponent.prototype.focus = function (index) {
-        this.navigation.focusIndex(index);
-    };
-    MenuComponent.prototype.ngOnChanges = function (changes) {
-        this.navigation.vertical = this.vertical;
-        this.hover.delay = this.hoverDelay;
-        if (changes.openOnClick) {
-            var openOnClick = this.openOnClick = normalize(this.openOnClick);
-            this.hover.openOnOver = !openOnClick;
-            if (openOnClick && openOnClick.toggle === 'click') {
-                this.attachCloseClick();
-            }
-            else {
-                this.unsubscribeClick();
-            }
-        }
-    };
-    MenuComponent.prototype.ngAfterViewChecked = function () {
-        this.navigation.updateActive();
-    };
-    MenuComponent.prototype.ngOnDestroy = function () {
-        this.unsubscribeClick();
-        if (this.contextService) {
-            this.contextService.items = null;
-            this.contextKeyDownSubscription.unsubscribe();
-        }
-    };
-    MenuComponent.prototype.attachCloseClick = function () {
-        var _this = this;
-        if (!this.closeClickSubscription && isDocumentAvailable()) {
-            this.ngZone.runOutsideAngular(function () {
-                _this.closeClickSubscription = _this.renderer.listen('document', 'click', function (e) {
-                    if (!inMenu(e.target, _this.itemsService)) {
-                        _this.hover.openOnOver = false;
-                        _this.actions.closeAll();
-                        _this.actions.execute();
-                    }
-                });
-            });
-        }
-    };
-    MenuComponent.prototype.unsubscribeClick = function () {
-        if (this.closeClickSubscription) {
-            this.closeClickSubscription();
-        }
-    };
-    MenuComponent.prototype.contextKeyDown = function (e) {
-        if (!this.itemsService.hasItems) {
-            return;
-        }
-        var keyCode = e.keyCode;
-        var rtl = this.localization.rtl;
-        var first = keyCode === Keys.ArrowDown || keyCode === Keys.ArrowRight;
-        var last = keyCode === Keys.ArrowUp || keyCode === Keys.ArrowLeft;
-        var index;
-        if ((first && !rtl) || (last && rtl)) {
-            index = 'first';
-        }
-        else if ((first && rtl) || (last && !rtl)) {
-            index = 'last';
-        }
-        if (index) {
-            e.preventDefault();
-            this.focus(index);
-        }
-    };
-    var MenuComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], MenuComponent.prototype, "menuItemTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], MenuComponent.prototype, "menuItemLinkTemplate", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MenuComponent.prototype, "select", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MenuComponent.prototype, "open", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], MenuComponent.prototype, "close", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-rtl'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MenuComponent.prototype, "direction", null);
-    MenuComponent = MenuComponent_1 = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoMenu',
-            providers: [
-                ItemsService,
-                ActionsService,
-                NavigationService,
-                HoverService,
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.menu'
-                },
-                {
-                    provide: MenuBase,
-                    useExisting: forwardRef(function () { return MenuComponent_1; })
-                }
-            ],
-            selector: 'kendo-menu',
-            template: "\n        <ul role=\"menubar\"\n            [attr.aria-orientation]=\"ariaOrientation\"\n            kendoMenuList [items]=\"rootItems\" [level]=\"0\" class=\"k-widget k-reset k-header k-menu\"\n            [vertical]=\"vertical\" [rtl]=\"rtl\" [animate]=\"animate\" [openOnClick]=\"openOnClick\"\n            [itemTemplate]=\"itemTemplate.first?.templateRef || menuItemTemplate\"\n            [itemLinkTemplate]=\"itemLinkTemplate.first?.templateRef || menuItemLinkTemplate\"\n            [class.k-menu-horizontal]=\"!vertical\"\n            [class.k-menu-vertical]=\"vertical\"\n            [class.k-context-menu]=\"contextMenuClass\">\n        </ul>\n    "
-        }),
-        tslib_1.__param(7, Optional()),
-        tslib_1.__metadata("design:paramtypes", [ItemsService,
-            HoverService,
-            ActionsService,
-            NavigationService,
-            LocalizationService,
-            NgZone,
-            Renderer2,
-            ContextMenuService])
-    ], MenuComponent);
-    return MenuComponent;
-}(MenuBase));
-export { MenuComponent };

package/dist/es/menu.module.js

@@ -1,79 +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 { PopupModule } from '@progress/kendo-angular-popup';
-import { MenuComponent } from './menu.component';
-import { MenuItemComponent } from './menu-item.component';
-import { ListComponent } from './rendering/list.component';
-import { ItemComponent } from './rendering/item.component';
-import { LinkDirective } from './rendering/link.directive';
-import { ExpandArrowDirective } from './rendering/arrow.directive';
-import { ItemTemplateDirective } from './templates/item-template.directive';
-import { ItemLinkTemplateDirective } from './templates/item-link-template.directive';
-import { ItemContentTemplateDirective } from './templates/item-content-template.directive';
-import { HierarchyBindingDirective } from './data-binding/hierachy-binding.directive';
-import { FlatBindingDirective } from './data-binding/flat-binding.directive';
-var COMPONENT_EXPORTS = [
-    MenuComponent,
-    MenuItemComponent,
-    ItemTemplateDirective,
-    ItemLinkTemplateDirective,
-    ItemContentTemplateDirective,
-    HierarchyBindingDirective,
-    FlatBindingDirective,
-    LinkDirective,
-    ExpandArrowDirective
-];
-var COMPONENT_DIRECTIVES = COMPONENT_EXPORTS.concat([
-    ListComponent,
-    ItemComponent
-]);
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Menu component.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Menu module
- * import { MenuModule } from '@progress/kendo-angular-menu';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- *
- * 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, BrowserAnimationsModule, MenuModule], // import Menu module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var MenuModule = /** @class */ (function () {
-    function MenuModule() {
-    }
-    MenuModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [COMPONENT_DIRECTIVES],
-            exports: [COMPONENT_EXPORTS],
-            imports: [PopupModule, CommonModule]
-        })
-    ], MenuModule);
-    return MenuModule;
-}());
-export { MenuModule };

package/dist/es/menus.module.js

@@ -1,41 +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 { MenuModule } from './menu.module';
-import { ContextMenuModule } from './context-menu/context-menu.module';
-/**
- * A [module]({{ site.data.urls.angular['ngmoduleapi'] }}) that includes the Menu and ContextMenu components and directives.
- * Imports the MenusModule into your application [root module]({{ site.data.urls.angular['ngmodules'] }}#angular-modularity)
- * or any other sub-module that will use the Menu and ContextMenu components.
- *
- * @example
- * ```ts-no-run
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- * import { MenusModule } from '@progress/kendo-angular-menu';
- * import { AppComponent } from './app.component';
- *
- * _@NgModule({
- *     bootstrap:    [AppComponent],
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, BrowserAnimationsModule, MenusModule]
- * })
- * export class AppModule {
- * }
- * ```
- */
-var MenusModule = /** @class */ (function () {
-    function MenusModule() {
-    }
-    MenusModule = tslib_1.__decorate([
-        NgModule({
-            exports: [MenuModule, ContextMenuModule]
-        })
-    ], MenusModule);
-    return MenusModule;
-}());
-export { MenusModule };

package/dist/es/open-on-click-settings.js

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/* tslint:disable:max-line-length */
-/**
- * @hidden
- */
-export var normalize = function (settings) {
-    return settings && Object.assign({
-        toggle: 'select'
-    }, settings);
-};

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-menu',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1647359300,
-    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/preventable-event.js

@@ -1,36 +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
- */
-var PreventableEvent = /** @class */ (function () {
-    /**
-     * @hidden
-     */
-    function PreventableEvent(args) {
-        this.prevented = false;
-        Object.assign(this, args);
-    }
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses
-     * the built-in behavior that follows the event.
-     */
-    PreventableEvent.prototype.preventDefault = function () {
-        this.prevented = true;
-    };
-    /**
-     * Returns `true` if the event was prevented
-     * by any of its subscribers.
-     *
-     * @returns `true` if the default action was prevented.
-     * Otherwise, returns `false`.
-     */
-    PreventableEvent.prototype.isDefaultPrevented = function () {
-        return this.prevented;
-    };
-    return PreventableEvent;
-}());
-export { PreventableEvent };

package/dist/es/rendering/arrow.directive.js

@@ -1,81 +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, Input, HostBinding, isDevMode } from '@angular/core';
-import { ItemsService } from '../services/items.service';
-/**
- * Represents a directive that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
- * of the items to render the default expand arrow.
- */
-var ExpandArrowDirective = /** @class */ (function () {
-    function ExpandArrowDirective(itemsService) {
-        this.itemsService = itemsService;
-        this.hostClasses = true;
-        this.role = 'presentation';
-    }
-    Object.defineProperty(ExpandArrowDirective.prototype, "arrowDown", {
-        get: function () {
-            return !this.item.horizontal;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ExpandArrowDirective.prototype, "arrowRight", {
-        get: function () {
-            return this.item.horizontal && !this.item.rtl;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ExpandArrowDirective.prototype, "arrowLeft", {
-        get: function () {
-            return this.item.horizontal && this.item.rtl;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ExpandArrowDirective.prototype.ngOnInit = function () {
-        if (isDevMode() && !this.index) {
-            throw new Error('The kendoMenuExpandArrow directive requires the item index to be set.');
-        }
-        this.item = this.itemsService.get(this.index) || {};
-    };
-    tslib_1.__decorate([
-        Input('kendoMenuExpandArrow'),
-        tslib_1.__metadata("design:type", String)
-    ], ExpandArrowDirective.prototype, "index", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-icon'),
-        HostBinding('class.k-menu-expand-arrow'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], ExpandArrowDirective.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String)
-    ], ExpandArrowDirective.prototype, "role", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-i-arrow-60-down'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ExpandArrowDirective.prototype, "arrowDown", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-i-arrow-60-right'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ExpandArrowDirective.prototype, "arrowRight", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-i-arrow-60-left'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], ExpandArrowDirective.prototype, "arrowLeft", null);
-    ExpandArrowDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoMenuExpandArrow]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ItemsService])
-    ], ExpandArrowDirective);
-    return ExpandArrowDirective;
-}());
-export { ExpandArrowDirective };