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

package/esm2022/services/navigation.service.mjs

@@ -1,268 +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 { Injectable, NgZone } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ItemsService } from './items.service';
-import { ActionsService } from './actions.service';
-import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "./items.service";
-import * as i2 from "./actions.service";
-import * as i3 from "@progress/kendo-angular-l10n";
-const DEFAULT_ACTIVE = '0';
-const NO_SPACE_REGEX = /\S/;
-const handlers = {};
-handlers[Keys.ArrowLeft] = 'left';
-handlers[Keys.ArrowRight] = 'right';
-handlers[Keys.ArrowUp] = 'up';
-handlers[Keys.ArrowDown] = 'down';
-handlers[Keys.Home] = 'home';
-handlers[Keys.End] = 'end';
-handlers[Keys.Space] = 'enter';
-handlers[Keys.Enter] = 'enter';
-handlers[Keys.NumpadEnter] = 'enter';
-handlers[Keys.KeyN] = 'enter';
-handlers[Keys.Escape] = 'esc';
-handlers[Keys.Tab] = 'tab';
-const handlersRTL = Object.assign({}, handlers, {
-    'ArrowLeft': 'right',
-    'ArrowRight': 'left'
-});
-function isPrintableCharacter(key) {
-    return key.length === 1 && NO_SPACE_REGEX.test(key);
-}
-const resolvedPromise = Promise.resolve(null);
-/**
- * @hidden
- */
-export class NavigationService {
-    items;
-    actions;
-    localization;
-    ngZone;
-    vertical = false;
-    activeIndex = DEFAULT_ACTIVE;
-    focusedIdx;
-    get focusedItem() {
-        return this.items.get(this.focusedIdx);
-    }
-    get activeItem() {
-        return this.items.get(this.activeIndex);
-    }
-    get handlers() {
-        return this.localization.rtl ? handlersRTL : handlers;
-    }
-    constructor(items, actions, localization, ngZone) {
-        this.items = items;
-        this.actions = actions;
-        this.localization = localization;
-        this.ngZone = ngZone;
-    }
-    focus(item) {
-        if (item.index === this.focusedIdx) {
-            return;
-        }
-        if (!this.activeItem || !this.items.hasParent(item, this.activeItem)) {
-            this.setActive(item);
-        }
-        this.setFocus(item);
-    }
-    setFocus(item) {
-        this.focusedIdx = item.index;
-        item.focus();
-    }
-    focusLeave() {
-        const focused = this.focusedItem;
-        if (focused) {
-            this.actions.closeToRoot(focused);
-            this.actions.execute();
-        }
-        this.focusedIdx = null;
-    }
-    updateActive() {
-        if (!this.activeItem && this.items.hasItems) {
-            const firstItem = this.items.get(DEFAULT_ACTIVE);
-            firstItem.toggleActive(true);
-            this.ngZone.runOutsideAngular(() => {
-                resolvedPromise.then(() => {
-                    this.activeIndex = DEFAULT_ACTIVE;
-                });
-            });
-        }
-    }
-    keydown(e) {
-        const current = this.focusedItem || this.activeItem;
-        if (!current) {
-            return;
-        }
-        const code = normalizeKeys(e);
-        const handler = this.handlers[code];
-        if (handler) {
-            if (handler !== 'tab') {
-                e.preventDefault();
-            }
-            this[handler](current, e);
-        }
-        else if (isPrintableCharacter(e.key)) {
-            this.search(current, e.key);
-        }
-        this.actions.execute();
-    }
-    focusIndex(index) {
-        if (!index && this.activeItem) {
-            this.setFocus(this.activeItem);
-        }
-        else if (index === 'first') {
-            this.focusFirst();
-        }
-        else if (index === 'last') {
-            this.focusLast();
-        }
-        else {
-            const item = this.items.get(index);
-            if (item) {
-                this.focus(item);
-            }
-        }
-    }
-    focusFirst() {
-        const items = this.items.siblings(this.items.get('0'));
-        this.focus(items[0]);
-    }
-    focusLast() {
-        const items = this.items.siblings(this.items.get('0'));
-        this.focus(items[items.length - 1]);
-    }
-    search(current, key) {
-        const siblings = this.items.siblings(current);
-        const startIndex = siblings.indexOf(current);
-        const items = siblings.slice(startIndex + 1).concat(siblings.slice(0, startIndex));
-        for (let idx = 0; idx < items.length; idx++) {
-            const sibling = items[idx];
-            const text = sibling.item.text || "";
-            if (text.toLowerCase().startsWith(key.toLowerCase())) {
-                this.focus(sibling);
-                break;
-            }
-        }
-    }
-    down(current) {
-        if (current.level === 0 && !this.vertical) {
-            if (current.hasContent) {
-                this.actions.open(current, this.focusChild(current, 0));
-            }
-        }
-        else {
-            this.focus(this.items.next(current));
-        }
-    }
-    up(current) {
-        if (current.level === 0 && !this.vertical) {
-            if (current.hasContent) {
-                this.actions.open(current, this.focusChild(current, current.children.length - 1));
-            }
-        }
-        else {
-            this.focus(this.items.previous(current));
-        }
-    }
-    left(current) {
-        if (this.vertical && current.level === 0 && current.disabled) {
-            return;
-        }
-        if (current.level > 1 || (this.vertical && current.level > 0)) {
-            const parent = this.items.parent(current);
-            this.focus(parent);
-            this.actions.close(parent);
-        }
-        else if (this.vertical && current.level === 0 && !current.disabled) {
-            if (current.hasContent) {
-                this.actions.open(current, this.focusChild(current, current.children.length - 1));
-            }
-        }
-        else {
-            this.focus(this.items.previous(this.activeItem));
-        }
-    }
-    right(current) {
-        if (this.vertical && current.level === 0 && current.disabled) {
-            return;
-        }
-        if (current.horizontal && !current.disabled) {
-            if (current.hasContent) {
-                this.actions.open(current, this.focusChild(current, 0));
-            }
-            else if (!this.vertical || current.level > 0) {
-                this.focus(this.items.next(this.activeItem));
-            }
-        }
-        else {
-            this.focus(this.items.next(this.activeItem));
-        }
-    }
-    home(current) {
-        const siblings = this.items.siblings(current);
-        this.focus(siblings[0]);
-    }
-    end(current) {
-        const siblings = this.items.siblings(current);
-        this.focus(siblings[siblings.length - 1]);
-    }
-    enter(current, domEvent) {
-        const actions = this.actions;
-        if (current.disabled) {
-            return;
-        }
-        if (current.hasContent) {
-            actions.select(current, domEvent);
-            actions.open(current, this.focusChild(current, 0));
-        }
-        else {
-            actions.select(current, domEvent, null, () => {
-                current.navigate();
-            });
-            this.focus(this.items.root(current));
-            actions.closeToRoot(current);
-        }
-    }
-    esc(current) {
-        if (current.level > 0) {
-            const parent = this.items.parent(current);
-            this.actions.close(parent);
-            this.focus(parent);
-        }
-    }
-    tab(current) {
-        if (current.level > 0) {
-            this.activeItem.focus();
-        }
-    }
-    focusChild(item, index) {
-        return () => {
-            const child = this.items.children(item)[index];
-            this.setFocus(child);
-        };
-    }
-    setActive(item) {
-        const focused = this.focusedItem;
-        const active = this.items.root(item);
-        if (this.activeItem) {
-            this.activeItem.toggleActive(false);
-        }
-        this.activeIndex = active.index;
-        active.toggleActive(true);
-        if (focused) {
-            this.actions.closeToRoot(focused);
-            if (focused.level > 0) {
-                this.actions.open(active);
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, deps: [{ token: i1.ItemsService }, { token: i2.ActionsService }, { token: i3.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.ItemsService }, { type: i2.ActionsService }, { type: i3.LocalizationService }, { type: i0.NgZone }] });

package/esm2022/size.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/templates/item-content-template.directive.mjs

@@ -1,53 +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, TemplateRef, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents a template for the content of the Menu items ([see example]({% slug templates_menu %})). To define the template,
- * nest an `<ng-template>` tag with the `kendoMenuItemContentTemplate` directive inside a `<kendo-menu-item>` component.
- *
- * The available fields in the template context are:
- * - `item`&mdash;The item data.
- * - `index`&mdash;The item index.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-menu>
- *          <kendo-menu-item text="item2">
- *              <ng-template kendoMenuItemContentTemplate let-item="item" let-index="index">
- *                  <div style="padding: 10px;">
- *                      My Content Template for: {{ item.text }} at index: {{ index }}
- *                  </div>
- *              </ng-template>
- *          </kendo-menu-item>
- *        </kendo-menu>
- *    `
- * })
- *
- * class AppComponent {
- * }
- * ```
- */
-export class ItemContentTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ItemContentTemplateDirective, isStandalone: true, selector: "[kendoMenuItemContentTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemContentTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoMenuItemContentTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/templates/item-link-template.directive.mjs

@@ -1,57 +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, TemplateRef, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents a template for the links of the Menu items ([see example]({% slug templates_menu %})). To define a template
- * for an item, nest an `<ng-template>` tag with the `kendoMenuItemLinkTemplate` directive inside a `<kendo-menu-item>`
- * component. To define a template for all Menu items, nest the template inside the `<kendo-menu>` component.
- *
- * The available fields in the template context are:
- * - `item`&mdash;The item data.
- * - `index`&mdash;The item index.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-menu>
- *          <kendo-menu-item text="item2">
- *              <ng-template kendoMenuItemLinkTemplate let-item="item" let-index="index">
- *                  <span [kendoMenuItemLink]="index">
- *                      {{ item.text }}
- *                      @if (item.items && item.items.length) {
- *                        <span [kendoMenuExpandArrow]="index"></span>
- *                      }
- *                  </span>
- *              </ng-template>
- *          </kendo-menu-item>
- *        </kendo-menu>
- *    `
- * })
- *
- * class AppComponent {
- * }
- * ```
- */
-export class ItemLinkTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemLinkTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ItemLinkTemplateDirective, isStandalone: true, selector: "[kendoMenuItemLinkTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemLinkTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoMenuItemLinkTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/templates/item-template.directive.mjs

@@ -1,54 +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, TemplateRef, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents a template for the Menu items ([see example]({% slug templates_menu %})). To define a template
- * for an item, nest an `<ng-template>` tag with the `kendoMenuItemTemplate` directive inside a `<kendo-menu-item>`
- * component. To define a template for all Menu items, nest the template inside the `<kendo-menu>` component.
- *
- * The available fields in the template context are:
- * - `item`&mdash;The item data.
- * - `index`&mdash;The item index.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-menu>
- *          <kendo-menu-item text="item2">
- *              <ng-template kendoMenuItemTemplate let-item="item" let-index="index">
- *                  <div style="padding: 10px;">
- *                      My Template for: {{ item.text }} at index: {{ index }}
- *                  </div>
- *              </ng-template>
- *          </kendo-menu-item>
- *        </kendo-menu>
- *    `
- * })
- *
- * class AppComponent {
- * }
- * ```
- */
-export class ItemTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoMenuItemTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoMenuItemTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/utils.mjs

@@ -1,52 +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 { ElementRef } from '@angular/core';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-export const defined = (value) => typeof value !== 'undefined';
-/**
- * @hidden
- */
-export const bodyFactory = () => {
-    if (isDocumentAvailable()) {
-        return new ElementRef(document.body);
-    }
-};
-/**
- * @hidden
- */
-export const getSizeClass = (size) => {
-    const SIZE_CLASSES = {
-        'small': 'k-menu-group-sm',
-        'medium': 'k-menu-group-md',
-        'large': 'k-menu-group-lg'
-    };
-    return SIZE_CLASSES[size];
-};
-/**
- * @hidden
- */
-export const getFontIcon = (horizontal, rtl) => {
-    const icon = horizontal ?
-        rtl ?
-            'caret-alt-left' :
-            'caret-alt-right' :
-        'caret-alt-down';
-    return icon;
-};
-/**
- * @hidden
- */
-export const getSVGIcon = (horizontal, rtl) => {
-    const icon = horizontal ?
-        rtl ?
-            caretAltLeftIcon :
-            caretAltRightIcon :
-        caretAltDownIcon;
-    return icon;
-};