@progress/kendo-angular-menu 17.0.0-develop.3 → 17.0.0-develop.30

package/{esm2020 → esm2022}/data-binding/flat-binding.directive.mjs

@@ -12,6 +12,50 @@ import * as i1 from "../menu-base";
  * A directive that converts the provided flat data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
  */
 export class FlatBindingDirective extends BindingDirectiveBase {
+    /**
+     *  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);
     }
@@ -50,10 +94,10 @@ export class FlatBindingDirective extends BindingDirectiveBase {
         }
         return result;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatBindingDirective, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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 });
 }
-FlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlatBindingDirective, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
-FlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: FlatBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoMenuFlatBinding',

package/{esm2020 → esm2022}/data-binding/hierachy-binding.directive.mjs

@@ -13,6 +13,46 @@ const getField = (field, level) => Array.isArray(field) ? field[level] || last(f
  * A directive that converts the provided hierarchical data to [MenuItems]({% slug api_menu_menuitem %}) and binds them to the Menu.
  */
 export class HierarchyBindingDirective extends BindingDirectiveBase {
+    /**
+     *  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);
     }
@@ -41,10 +81,10 @@ export class HierarchyBindingDirective extends BindingDirectiveBase {
             return item[field];
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HierarchyBindingDirective, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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 });
 }
-HierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HierarchyBindingDirective, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
-HierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: HierarchyBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HierarchyBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoMenuHierarchyBinding',

package/{esm2020 → esm2022}/menu-base.mjs

@@ -11,48 +11,62 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class MenuBase {
-    constructor() {
-        /**
-         * Specifies if the Menu will be vertical ([see example]({% slug vertical_menu %})).
-         */
-        this.vertical = false;
-        /**
-         * Specifies that the root items can be opened only on click
-         * ([see example]({% slug openclose_menu %}#toc-opening-on-click)).
-         */
-        this.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.
-         */
-        this.hoverDelay = 100;
-        /**
-         * Sets the Menu animation.
-         */
-        this.animate = true;
-        /**
-         * Sets the Menu size.
-         *
-         * The possible values are:
-         * * `small`
-         * * `medium` (default)
-         * * `large`
-         * * `none`
-         *
-         */
-        this.size = 'medium';
-    }
+    /**
+     * 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';
+    /**
+     * @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: "16.2.12", ngImport: i0, type: MenuBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuBase, selector: "kendo-menu-base", inputs: { items: "items", vertical: "vertical", openOnClick: "openOnClick", hoverDelay: "hoverDelay", animate: "animate", size: "size" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
 }
-MenuBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuBase, selector: "kendo-menu-base", inputs: { items: "items", vertical: "vertical", openOnClick: "openOnClick", hoverDelay: "hoverDelay", animate: "animate", size: "size" }, 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: "15.2.10", ngImport: i0, type: MenuBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuBase, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-menu-base',

package/{esm2020 → esm2022}/menu-event.mjs

@@ -7,4 +7,16 @@ import { PreventableEvent } from './preventable-event';
  * Arguments for the `open` and `close` events of the Menu.
  */
 export class MenuEvent extends PreventableEvent {
+    /**
+     * The MenuComponent that triggered the event.
+     */
+    sender;
+    /**
+     * The item data of the event.
+     */
+    item;
+    /**
+     * The item index of the event.
+     */
+    index;
 }

package/{esm2020 → esm2022}/menu-item.component.mjs

@@ -53,6 +53,31 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class MenuItemComponent {
+    text;
+    url;
+    disabled;
+    cssClass;
+    cssStyle;
+    icon;
+    svgIcon;
+    data;
+    separator;
+    /**
+     * @hidden
+     */
+    itemTemplate;
+    /**
+     * @hidden
+     */
+    itemLinkTemplate;
+    /**
+     * @hidden
+     */
+    itemContentTemplate;
+    /**
+     * @hidden
+     */
+    children;
     /**
      * @hidden
      */
@@ -85,10 +110,10 @@ export class MenuItemComponent {
             return this.children.toArray().filter(c => c !== this);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuItemComponent, isStandalone: true, selector: "kendo-menu-item", inputs: { text: "text", url: "url", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", icon: "icon", svgIcon: "svgIcon", data: "data", separator: "separator" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "itemContentTemplate", predicate: ItemContentTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
 }
-MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuItemComponent, isStandalone: true, selector: "kendo-menu-item", inputs: { text: "text", url: "url", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", icon: "icon", svgIcon: "svgIcon", data: "data", separator: "separator" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "itemContentTemplate", predicate: ItemContentTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-menu-item',

package/{esm2020 → esm2022}/menu-select-event.mjs

@@ -7,4 +7,8 @@ import { MenuEvent } from './menu-event';
  * Arguments for the `select` event of the Menu.
  */
 export class MenuSelectEvent extends MenuEvent {
+    /**
+     * The DOM event that triggered the selection.
+     */
+    originalEvent;
 }

package/{esm2020 → esm2022}/menu.component.mjs

@@ -43,39 +43,42 @@ import * as i6 from "./context-menu/context-menu.service";
  * ```
  */
 export class MenuComponent extends MenuBase {
-    constructor(itemsService, hover, actions, navigation, localization, ngZone, renderer, contextService) {
-        super();
-        this.itemsService = itemsService;
-        this.hover = hover;
-        this.actions = actions;
-        this.navigation = navigation;
-        this.localization = localization;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.contextService = contextService;
-        /**
-         * @hidden
-         */
-        this.ariaRole = 'menubar';
-        /**
-         * Fires when a Menu item is selected ([see example](slug:events_menu)).
-         */
-        this.select = new EventEmitter();
-        /**
-         * Fires when a Menu item is opened ([see example](slug:events_menu)).
-         */
-        this.open = new EventEmitter();
-        /**
-         * Fires when a Menu item is closed ([see example](slug:events_menu)).
-         */
-        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));
-        }
-    }
+    itemsService;
+    hover;
+    actions;
+    navigation;
+    localization;
+    ngZone;
+    renderer;
+    contextService;
+    /**
+     * Defines the container to which the popups will be appended.
+     */
+    appendTo;
+    /**
+     * @hidden
+     */
+    menuItemTemplate;
+    /**
+     * @hidden
+     */
+    ariaRole = 'menubar';
+    /**
+     * @hidden
+     */
+    menuItemLinkTemplate;
+    /**
+     * Fires when a Menu item is selected ([see example](slug:events_menu)).
+     */
+    select = new EventEmitter();
+    /**
+     * Fires when a Menu item is opened ([see example](slug:events_menu)).
+     */
+    open = new EventEmitter();
+    /**
+     * Fires when a Menu item is closed ([see example](slug:events_menu)).
+     */
+    close = new EventEmitter();
     /**
      * @hidden
      */
@@ -107,6 +110,25 @@ export class MenuComponent extends MenuBase {
         }
         return `${staticClasses} k-menu-${this.vertical ? 'vertical' : 'horizontal'}`;
     }
+    closeClickSubscription;
+    contextKeyDownSubscription;
+    constructor(itemsService, hover, actions, navigation, localization, ngZone, renderer, contextService) {
+        super();
+        this.itemsService = itemsService;
+        this.hover = hover;
+        this.actions = actions;
+        this.navigation = navigation;
+        this.localization = localization;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.contextService = contextService;
+        validatePackage(packageMetadata);
+        this.actions.owner = this;
+        if (contextService) {
+            contextService.items = this.itemsService;
+            this.contextKeyDownSubscription = contextService.keydown.subscribe(this.contextKeyDown.bind(this));
+        }
+    }
     /**
      * Opens or closes the specified Menu items.
      *
@@ -194,23 +216,22 @@ export class MenuComponent extends MenuBase {
             this.focus(index);
         }
     }
-}
-MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, deps: [{ token: i1.ItemsService }, { token: i2.HoverService }, { token: i3.ActionsService }, { token: i4.NavigationService }, { token: i5.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuComponent, isStandalone: true, selector: "kendo-menu", inputs: { appendTo: "appendTo", menuItemTemplate: "menuItemTemplate", ariaRole: "ariaRole", menuItemLinkTemplate: "menuItemLinkTemplate" }, outputs: { select: "select", open: "open", close: "close" }, host: { properties: { "class.k-rtl": "this.direction" } }, providers: [
-        ItemsService,
-        ActionsService,
-        NavigationService,
-        HoverService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.menu'
-        },
-        {
-            provide: MenuBase,
-            useExisting: forwardRef(() => MenuComponent)
-        }
-    ], exportAs: ["kendoMenu"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, deps: [{ token: i1.ItemsService }, { token: i2.HoverService }, { token: i3.ActionsService }, { token: i4.NavigationService }, { token: i5.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuComponent, isStandalone: true, selector: "kendo-menu", inputs: { appendTo: "appendTo", menuItemTemplate: "menuItemTemplate", ariaRole: "ariaRole", menuItemLinkTemplate: "menuItemLinkTemplate" }, outputs: { select: "select", open: "open", close: "close" }, host: { properties: { "class.k-rtl": "this.direction" } }, providers: [
+            ItemsService,
+            ActionsService,
+            NavigationService,
+            HoverService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.menu'
+            },
+            {
+                provide: MenuBase,
+                useExisting: forwardRef(() => MenuComponent)
+            }
+        ], exportAs: ["kendoMenu"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ul
             [attr.role]="ariaRole"
             [attr.aria-orientation]="ariaOrientation"
@@ -221,7 +242,8 @@ MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
             [ngClass]="menuClasses">
         </ul>
     `, isInline: true, dependencies: [{ kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["appendTo", "items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoMenu',

package/{esm2020 → esm2022}/menu.module.mjs

@@ -51,11 +51,11 @@ import * as i9 from "./rendering/arrow.component";
  * ```
  */
 export class MenuModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, imports: [i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent], exports: [i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, providers: [PopupService, IconsService, ResizeBatchService], imports: [i1.MenuComponent, i9.ExpandArrowComponent] });
 }
-MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MenuModule, imports: [i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent], exports: [i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent] });
-MenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuModule, providers: [PopupService, IconsService, ResizeBatchService], imports: [i1.MenuComponent, i2.MenuItemComponent, i9.ExpandArrowComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_MENU],

package/{esm2020 → esm2022}/menus.module.mjs

@@ -45,11 +45,11 @@ import * as i13 from "./context-menu/context-menu-target-container.directive";
  * ```
  */
 export class MenusModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MenusModule, imports: [i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent, i10.ContextMenuComponent, i11.ContextMenuTemplateDirective, i12.ContextMenuTargetDirective, i13.ContextMenuTargetContainerDirective, i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent], exports: [i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent, i10.ContextMenuComponent, i11.ContextMenuTemplateDirective, i12.ContextMenuTargetDirective, i13.ContextMenuTargetContainerDirective, i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenusModule, providers: [PopupService, IconsService, ResizeBatchService], imports: [i1.MenuComponent, i9.ExpandArrowComponent, i10.ContextMenuComponent, i1.MenuComponent, i9.ExpandArrowComponent] });
 }
-MenusModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MenusModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MenusModule, imports: [i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent, i10.ContextMenuComponent, i11.ContextMenuTemplateDirective, i12.ContextMenuTargetDirective, i13.ContextMenuTargetContainerDirective, i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent], exports: [i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent, i10.ContextMenuComponent, i11.ContextMenuTemplateDirective, i12.ContextMenuTargetDirective, i13.ContextMenuTargetContainerDirective, i1.MenuComponent, i2.MenuItemComponent, i3.ItemTemplateDirective, i4.ItemLinkTemplateDirective, i5.ItemContentTemplateDirective, i6.HierarchyBindingDirective, i7.FlatBindingDirective, i8.LinkDirective, i9.ExpandArrowComponent] });
-MenusModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenusModule, providers: [PopupService, IconsService, ResizeBatchService], imports: [i1.MenuComponent, i2.MenuItemComponent, i9.ExpandArrowComponent, i10.ContextMenuComponent, i1.MenuComponent, i2.MenuItemComponent, i9.ExpandArrowComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenusModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenusModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_MENUS],

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-menu',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728917265,
-    version: '17.0.0-develop.3',
+    publishDate: 1730388948,
+    version: '17.0.0-develop.30',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/{esm2020 → esm2022}/preventable-event.mjs

@@ -6,13 +6,7 @@
  * @hidden
  */
 export class PreventableEvent {
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        this.prevented = false;
-        Object.assign(this, args);
-    }
+    prevented = false;
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses
@@ -31,4 +25,10 @@ export class PreventableEvent {
     isDefaultPrevented() {
         return this.prevented;
     }
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        Object.assign(this, args);
+    }
 }

package/{esm2020 → esm2022}/rendering/arrow.component.mjs

@@ -13,10 +13,24 @@ import * as i1 from "../services/items.service";
  * of the items to render the default expand arrow.
  */
 export class ExpandArrowComponent {
+    itemsService;
+    /**
+     * The index of the Menu item. The input is mandatory.
+     */
+    index;
+    hostClasses = true;
+    ariaHidden = 'true';
+    item;
+    /**
+     * @hidden
+     */
+    fontIcon;
+    /**
+     * @hidden
+     */
+    SVGIcon;
     constructor(itemsService) {
         this.itemsService = itemsService;
-        this.hostClasses = true;
-        this.ariaHidden = 'true';
     }
     ngOnInit() {
         if (isDevMode() && !this.index) {
@@ -26,10 +40,10 @@ export class ExpandArrowComponent {
         this.fontIcon = getFontIcon(this.item.horizontal, this.item.rtl);
         this.SVGIcon = getSVGIcon(this.item.horizontal, this.item.rtl);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandArrowComponent, deps: [{ token: i1.ItemsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpandArrowComponent, isStandalone: true, selector: "[kendoMenuExpandArrow]", inputs: { index: ["kendoMenuExpandArrow", "index"] }, host: { properties: { "class.k-menu-expand-arrow": "this.hostClasses", "attr.aria-hidden": "this.ariaHidden" } }, ngImport: i0, template: `<kendo-icon-wrapper [name]="fontIcon" [svgIcon]="SVGIcon"></kendo-icon-wrapper>`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
 }
-ExpandArrowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandArrowComponent, deps: [{ token: i1.ItemsService }], target: i0.ɵɵFactoryTarget.Component });
-ExpandArrowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExpandArrowComponent, isStandalone: true, selector: "[kendoMenuExpandArrow]", inputs: { index: ["kendoMenuExpandArrow", "index"] }, host: { properties: { "class.k-menu-expand-arrow": "this.hostClasses", "attr.aria-hidden": "this.ariaHidden" } }, ngImport: i0, template: `<kendo-icon-wrapper [name]="fontIcon" [svgIcon]="SVGIcon"></kendo-icon-wrapper>`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandArrowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandArrowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoMenuExpandArrow]',

package/{esm2020 → esm2022}/rendering/link.directive.mjs

@@ -11,25 +11,31 @@ import * as i1 from "../services/items.service";
  * of the items to apply the default styling and behavior.
  */
 export class LinkDirective {
-    constructor(itemsService) {
-        this.itemsService = itemsService;
-        this.hostClasses = true;
-        this.role = 'presentation';
-        this.tabindex = '-1';
-    }
+    itemsService;
+    /**
+     * The index of the Menu item. The input is mandatory.
+     */
+    index;
+    hostClasses = true;
+    role = 'presentation';
+    tabindex = '-1';
     get activeClass() {
         return this.item.opened;
     }
+    item;
+    constructor(itemsService) {
+        this.itemsService = itemsService;
+    }
     ngOnInit() {
         if (isDevMode() && !this.index) {
             throw new Error('The kendoMenuItemLink directive requires the item index to be set.');
         }
         this.item = this.itemsService.get(this.index) || {};
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LinkDirective, deps: [{ token: i1.ItemsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LinkDirective, isStandalone: true, selector: "[kendoMenuItemLink]", inputs: { index: ["kendoMenuItemLink", "index"] }, host: { properties: { "class.k-link": "this.hostClasses", "class.k-menu-link": "this.hostClasses", "attr.role": "this.role", "attr.tabindex": "this.tabindex", "class.k-active": "this.activeClass" } }, ngImport: i0 });
 }
-LinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinkDirective, deps: [{ token: i1.ItemsService }], target: i0.ɵɵFactoryTarget.Directive });
-LinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LinkDirective, isStandalone: true, selector: "[kendoMenuItemLink]", inputs: { index: ["kendoMenuItemLink", "index"] }, host: { properties: { "class.k-link": "this.hostClasses", "class.k-menu-link": "this.hostClasses", "attr.role": "this.role", "attr.tabindex": "this.tabindex", "class.k-active": "this.activeClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoMenuItemLink]',