@progress/kendo-angular-menu 21.4.1 → 22.0.0-develop.1

package/esm2022/data-binding/flat-binding.directive.mjs

@@ -1,139 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
-import { MenuBase } from '../menu-base';
-import { BindingDirectiveBase } from './binding-directive-base';
-import { getter } from './utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../menu-base";
-/**
- * Represents a directive that converts the provided flat data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
- *
- * @example
- * ```html
- * <kendo-menu [kendoMenuFlatBinding]="flatData" [textField]="'text'" [idField]="'id'" [parentIdField]="'parentId'">
- * </kendo-menu>
- * ```
- *
- * @remarks
- * Applied to: {@link MenuComponent}.
- */
-export class FlatBindingDirective extends BindingDirectiveBase {
-    /**
-     * Specifies the array of data which will be used to populate the Menu.
-     */
-    data;
-    /**
-     * Defines the `text` field of the items.
-     */
-    textField;
-    /**
-     * Defines the `url` field of the items.
-     */
-    urlField;
-    /**
-     * Defines the `icon` field of the items.
-     */
-    iconField;
-    /**
-     * Defines the `svgIcon` field of the items.
-     */
-    svgIconField;
-    /**
-     * Defines the `disabled` field of the items.
-     */
-    disabledField;
-    /**
-     * Defines the `cssClass` field of the items.
-     */
-    cssClassField;
-    /**
-     * Defines the `cssStyle` field of the items.
-     */
-    cssStyleField;
-    /**
-     * Defines the `separator` field of the items.
-     */
-    separatorField;
-    /**
-     * Defines the `id` field of the items.
-     */
-    idField;
-    /**
-     * Defines the parent `id` field of the items.
-     */
-    parentIdField;
-    constructor(menu) {
-        super(menu);
-    }
-    mapItems(items) {
-        if (!this.idField || !this.parentIdField) {
-            return items.map(item => this.createItem(item));
-        }
-        const result = [];
-        const map = {};
-        for (let idx = 0; idx < items.length; idx++) {
-            const item = items[idx];
-            const menuItem = this.createItem(item);
-            const id = getter(this.idField)(item);
-            const parentId = getter(this.parentIdField)(item);
-            if (parentId === null || parentId === undefined) {
-                result.push(menuItem);
-            }
-            else {
-                const parent = map[parentId] = map[parentId] || {};
-                parent.items = parent.items || [];
-                parent.items.push(menuItem);
-            }
-            if (map[id]) {
-                menuItem.items = map[id].items;
-            }
-            map[id] = menuItem;
-        }
-        return result;
-    }
-    createItem(dataItem) {
-        const result = { data: dataItem };
-        const fields = this.fields;
-        for (let idx = 0; idx < fields.length; idx++) {
-            const { source, target } = fields[idx];
-            result[target] = getter(source)(dataItem);
-        }
-        return result;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FlatBindingDirective, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FlatBindingDirective, isStandalone: true, selector: "[kendoMenuFlatBinding]", inputs: { data: ["kendoMenuFlatBinding", "data"], textField: "textField", urlField: "urlField", iconField: "iconField", svgIconField: "svgIconField", disabledField: "disabledField", cssClassField: "cssClassField", cssStyleField: "cssStyleField", separatorField: "separatorField", idField: "idField", parentIdField: "parentIdField" }, exportAs: ["kendoMenuFlatBinding"], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FlatBindingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    exportAs: 'kendoMenuFlatBinding',
-                    selector: '[kendoMenuFlatBinding]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.MenuBase }], propDecorators: { data: [{
-                type: Input,
-                args: ["kendoMenuFlatBinding"]
-            }], textField: [{
-                type: Input
-            }], urlField: [{
-                type: Input
-            }], iconField: [{
-                type: Input
-            }], svgIconField: [{
-                type: Input
-            }], disabledField: [{
-                type: Input
-            }], cssClassField: [{
-                type: Input
-            }], cssStyleField: [{
-                type: Input
-            }], separatorField: [{
-                type: Input
-            }], idField: [{
-                type: Input
-            }], parentIdField: [{
-                type: Input
-            }] } });

package/esm2022/data-binding/hierachy-binding.directive.mjs

@@ -1,124 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
-import { MenuBase } from '../menu-base';
-import { BindingDirectiveBase } from './binding-directive-base';
-import { getter, last } from './utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../menu-base";
-const getField = (field, level) => Array.isArray(field) ? field[level] || last(field) : field;
-/**
- * Represents a directive that converts the provided hierarchical data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
- *
- * @example
- * ```html
- * <kendo-menu [kendoMenuHierarchyBinding]="hierarchicalData" [textField]="'text'" [childrenField]="'items'">
- * </kendo-menu>
- * ```
- *
- * @remarks
- * Applied to: {@link MenuComponent}.
- */
-export class HierarchyBindingDirective extends BindingDirectiveBase {
-    /**
-     * Specifies the array of data which will be used to populate the Menu.
-     */
-    data;
-    /**
-     * Defines the `text` field (or fields) of an item.
-     */
-    textField;
-    /**
-     * Defines the `url` field (or fields) of an item.
-     */
-    urlField;
-    /**
-     * Defines the `icon` field (or fields) of an item.
-     */
-    iconField;
-    /**
-     * Defines the `svgIcon` field of the items.
-     */
-    svgIconField;
-    /**
-     * Defines the `disabled` field (or fields) of an item.
-     */
-    disabledField;
-    /**
-     * Defines the `cssClass` field (or fields) of an item.
-     */
-    cssClassField;
-    /**
-     * Defines the `cssStyle` field (or fields) of an item.
-     */
-    cssStyleField;
-    /**
-     * Defines the `separator` field (or fields) of the items.
-     */
-    separatorField;
-    /**
-     * Defines the `children` field (or fields) of the items.
-     */
-    childrenField;
-    constructor(menu) {
-        super(menu);
-    }
-    mapItems(items, level = 0) {
-        return items.map((item) => {
-            const menuItem = this.createItem(item, level);
-            const children = this.getChildren(item, level);
-            if (children) {
-                menuItem.items = this.mapItems(children, level + 1);
-            }
-            return menuItem;
-        });
-    }
-    createItem(item, level) {
-        const result = { data: item };
-        const fields = this.fields;
-        for (let idx = 0; idx < fields.length; idx++) {
-            const { target, source } = fields[idx];
-            result[target] = getter(getField(source, level))(item);
-        }
-        return result;
-    }
-    getChildren(item, level) {
-        if (this.childrenField) {
-            const field = getField(this.childrenField, level);
-            return item[field];
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HierarchyBindingDirective, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: HierarchyBindingDirective, isStandalone: true, selector: "[kendoMenuHierarchyBinding]", inputs: { data: ["kendoMenuHierarchyBinding", "data"], textField: "textField", urlField: "urlField", iconField: "iconField", svgIconField: "svgIconField", disabledField: "disabledField", cssClassField: "cssClassField", cssStyleField: "cssStyleField", separatorField: "separatorField", childrenField: "childrenField" }, exportAs: ["kendoMenuHierarchyBinding"], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HierarchyBindingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    exportAs: 'kendoMenuHierarchyBinding',
-                    selector: '[kendoMenuHierarchyBinding]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.MenuBase }], propDecorators: { data: [{
-                type: Input,
-                args: ["kendoMenuHierarchyBinding"]
-            }], textField: [{
-                type: Input
-            }], urlField: [{
-                type: Input
-            }], iconField: [{
-                type: Input
-            }], svgIconField: [{
-                type: Input
-            }], disabledField: [{
-                type: Input
-            }], cssClassField: [{
-                type: Input
-            }], cssStyleField: [{
-                type: Input
-            }], separatorField: [{
-                type: Input
-            }], childrenField: [{
-                type: Input
-            }] } });

package/esm2022/data-binding/utils.mjs

@@ -1,31 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-const FIELD_REGEX = /\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;
-const getterCache = {};
-getterCache['undefined'] = (obj) => obj;
-/**
- * @hidden
- */
-export const getter = (field) => {
-    if (getterCache[field]) {
-        return getterCache[field];
-    }
-    const fields = [];
-    field.replace(FIELD_REGEX, (_match, index, indexAccessor, name) => {
-        fields.push(index !== undefined ? index : (indexAccessor || name));
-    });
-    getterCache[field] = (obj) => {
-        let result = obj;
-        for (let idx = 0; idx < fields.length && result; idx++) {
-            result = result[fields[idx]];
-        }
-        return result;
-    };
-    return getterCache[field];
-};
-/**
- * @hidden
- */
-export const last = (arr) => arr[arr.length - 1];

package/esm2022/directives.mjs

@@ -1,48 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { MenuComponent } from './menu.component';
-import { MenuItemComponent } from './menu-item.component';
-import { LinkDirective } from './rendering/link.directive';
-import { ExpandArrowComponent } from './rendering/arrow.component';
-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';
-import { ContextMenuComponent } from './context-menu/context-menu.component';
-import { ContextMenuTemplateDirective } from './context-menu/context-menu-template.directive';
-import { ContextMenuTargetDirective } from './context-menu/context-menu-target.directive';
-import { ContextMenuTargetContainerDirective } from './context-menu/context-menu-target-container.directive';
-/**
- * Represents a utility array that contains all `Menu` related components and directives.
- */
-export const KENDO_MENU = [
-    MenuComponent,
-    MenuItemComponent,
-    ItemTemplateDirective,
-    ItemLinkTemplateDirective,
-    ItemContentTemplateDirective,
-    HierarchyBindingDirective,
-    FlatBindingDirective,
-    LinkDirective,
-    ExpandArrowComponent
-];
-/**
- * Represents a utility array that contains all `ContextMenu` related components and directives.
- */
-export const KENDO_CONTEXTMENU = [
-    ContextMenuComponent,
-    ContextMenuTemplateDirective,
-    ContextMenuTargetDirective,
-    ContextMenuTargetContainerDirective,
-    ...KENDO_MENU
-];
-/**
- * Represents a utility array that contains all `@progress/kendo-angular-menu` related components and directives.
- */
-export const KENDO_MENUS = [
-    ...KENDO_MENU,
-    ...KENDO_CONTEXTMENU
-];

package/esm2022/dom-queries.mjs

@@ -1,104 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NODE_INDEX } from './constants';
-const DEFAULT_ID = 'kendo-matches-container';
-const focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
-const matches = (element, selector) => (element.matches || element.msMatchesSelector).call(element, selector);
-/**
- * @hidden
- */
-export const closest = (node, predicate) => {
-    while (node && !predicate(node)) {
-        node = node.parentNode;
-    }
-    return node;
-};
-/**
- * @hidden
- */
-export const closestInScope = (node, predicate, scope) => {
-    while (node && node !== scope && !predicate(node)) {
-        node = node.parentNode;
-    }
-    if (node !== scope) {
-        return node;
-    }
-};
-/**
- * @hidden
- */
-export const isFocusable = (element) => {
-    if (element.tagName) {
-        const tagName = element.tagName.toLowerCase();
-        const tabIndex = element.getAttribute('tabIndex');
-        const skipTab = tabIndex === '-1';
-        let focusable = tabIndex !== null && !skipTab;
-        if (focusableRegex.test(tagName)) {
-            focusable = !element.disabled && !skipTab;
-        }
-        return focusable;
-    }
-    return false;
-};
-const toClassList = (classNames) => String(classNames).trim().split(' ');
-/**
- * @hidden
- */
-export const hasClass = (element, name) => {
-    return toClassList(element.className).indexOf(name) >= 0;
-};
-/**
- * @hidden
- */
-export const matchesClasses = (classes) => {
-    const list = toClassList(classes);
-    return (element) => {
-        const classList = toClassList(element.className);
-        return Boolean(list.find(name => classList.indexOf(name) >= 0));
-    };
-};
-/**
- * @hidden
- */
-export const nodeIndex = (node) => node.getAttribute(NODE_INDEX);
-/**
- * @hidden
- */
-export const closestItem = (node, scope) => closestInScope(node, nodeIndex, scope);
-/**
- * @hidden
- */
-export const closestList = (node) => {
-    let list = closest(node, matchesClasses('k-menu-popup k-menu k-menu-group'));
-    if (list && hasClass(list, 'k-menu-popup')) {
-        list = list.querySelector('.k-menu-group');
-    }
-    return list;
-};
-/**
- * @hidden
- */
-export const inMenu = (node, itemsService) => {
-    if (node === itemsService.lists[0].element.nativeElement) {
-        return false;
-    }
-    const list = closestList(node);
-    return list && itemsService.containsList(list);
-};
-/**
- * @hidden
- */
-export const findInContainer = (element, selector, container) => {
-    const id = container.getAttribute('id');
-    if (!id) {
-        container.setAttribute('id', DEFAULT_ID);
-    }
-    const contextSelector = `#${id || DEFAULT_ID} ${selector}`;
-    const match = closestInScope(element, node => matches(node, contextSelector), container);
-    if (!id) {
-        container.removeAttribute('id');
-    }
-    return match;
-};

package/esm2022/index.mjs

@@ -1,29 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { MenuComponent } from './menu.component';
-export { ListComponent, ItemComponent } from './rendering/list.component';
-export { LinkDirective } from './rendering/link.directive';
-export { ExpandArrowComponent } from './rendering/arrow.component';
-export { MenuItemComponent } from './menu-item.component';
-export { MenuEvent } from './menu-event';
-export { MenuSelectEvent } from './menu-select-event';
-export { ItemContentTemplateDirective } from './templates/item-content-template.directive';
-export { ItemTemplateDirective } from './templates/item-template.directive';
-export { ItemLinkTemplateDirective } from './templates/item-link-template.directive';
-export { HierarchyBindingDirective } from './data-binding/hierachy-binding.directive';
-export { FlatBindingDirective } from './data-binding/flat-binding.directive';
-export { MenuModule } from './menu.module';
-export { ContextMenuEvent } from './context-menu/context-menu-event';
-export { ContextMenuSelectEvent } from './context-menu/context-menu-select-event';
-export { ContextMenuPopupEvent } from './context-menu/context-menu-popup-event';
-export { ContextMenuTemplateDirective } from './context-menu/context-menu-template.directive';
-export { ContextMenuComponent } from './context-menu/context-menu.component';
-export { ContextMenuModule } from './context-menu/context-menu.module';
-export { ContextMenuService } from './context-menu/context-menu.service';
-export { ItemsService } from './services/items.service';
-export { ContextMenuTargetContainerDirective } from './context-menu/context-menu-target-container.directive';
-export { ContextMenuTargetDirective } from './context-menu/context-menu-target.directive';
-export { MenusModule } from './menus.module';
-export * from './directives';

package/esm2022/menu-animation.interface.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/menu-base.mjs

@@ -1,103 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Input, ContentChildren, QueryList, Component } from '@angular/core';
-import { MenuItemComponent } from './menu-item.component';
-import { ItemTemplateDirective } from './templates/item-template.directive';
-import { ItemLinkTemplateDirective } from './templates/item-link-template.directive';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class MenuBase {
-    /**
-     * Specifies the Menu items.
-     */
-    items;
-    /**
-     * Specifies if the Menu will be vertical ([see example]({% slug vertical_menu %})).
-     */
-    vertical = false;
-    /**
-     * Specifies that the root items can be opened only on click
-     * ([see example]({% slug openclose_menu %}#toc-opening-on-click)).
-     */
-    openOnClick = false;
-    /**
-     * Specifies the delay in milliseconds before the Menu items are opened or closed on item hover
-     * or leave ([see example]({% slug openclose_menu %}#toc-delay-on-hover)). Used to avoid the accidental
-     * opening or closing of the items.
-     */
-    hoverDelay = 100;
-    /**
-     * Sets the Menu animation.
-     */
-    animate = true;
-    /**
-     * Sets the Menu size.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `none`
-     *
-     */
-    size = 'medium';
-    /**
-     * Configures the popup settings for the Menu items.
-     * Allows customization of the popup class and margin.
-     */
-    popupSettings;
-    /**
-     * @hidden
-     */
-    itemTemplate;
-    /**
-     * @hidden
-     */
-    itemLinkTemplate;
-    /**
-     * @hidden
-     */
-    children;
-    /**
-     * @hidden
-     */
-    get rootItems() {
-        return this.items || (this.children ? this.children.toArray() : []);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MenuBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MenuBase, selector: "kendo-menu-base", inputs: { items: "items", vertical: "vertical", openOnClick: "openOnClick", hoverDelay: "hoverDelay", animate: "animate", size: "size", popupSettings: "popupSettings" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MenuBase, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-menu-base',
-                    template: ``
-                }]
-        }], propDecorators: { items: [{
-                type: Input
-            }], vertical: [{
-                type: Input
-            }], openOnClick: [{
-                type: Input
-            }], hoverDelay: [{
-                type: Input
-            }], animate: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], popupSettings: [{
-                type: Input
-            }], itemTemplate: [{
-                type: ContentChildren,
-                args: [ItemTemplateDirective]
-            }], itemLinkTemplate: [{
-                type: ContentChildren,
-                args: [ItemLinkTemplateDirective]
-            }], children: [{
-                type: ContentChildren,
-                args: [MenuItemComponent]
-            }] } });

package/esm2022/menu-event.mjs

@@ -1,22 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from './preventable-event';
-/**
- * Represents the arguments for the `open` and `close` events of the Menu.
- */
-export class MenuEvent extends PreventableEvent {
-    /**
-     * Specifies the MenuComponent that triggered the event.
-     */
-    sender;
-    /**
-     * Specifies the item data of the event.
-     */
-    item;
-    /**
-     * Specifies the item index of the event.
-     */
-    index;
-}