@progress/kendo-angular-menu 17.0.0-develop.8 → 17.0.0

package/context-menu/context-menu-target.directive.d.ts

@@ -30,5 +30,5 @@ export declare class ContextMenuTargetDirective implements OnDestroy {
     constructor(elementRef: ElementRef, targetService: ContextMenuTargetService);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuTargetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ContextMenuTargetDirective, "[kendoContextMenuTarget]", ["kendoContextMenuTarget"], { "data": "kendoContextMenuTarget"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ContextMenuTargetDirective, "[kendoContextMenuTarget]", ["kendoContextMenuTarget"], { "data": { "alias": "kendoContextMenuTarget"; "required": false; }; }, {}, never, never, true, never>;
 }

package/context-menu/context-menu.component.d.ts

@@ -162,5 +162,5 @@ export declare class ContextMenuComponent extends MenuBase implements OnInit, On
     private popupAction;
     private get currentTargetElement();
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenuComponent, "kendo-contextmenu", ["kendoContextMenu"], { "showOn": "showOn"; "target": "target"; "filter": "filter"; "alignToAnchor": "alignToAnchor"; "vertical": "vertical"; "popupAnimate": "popupAnimate"; "popupAlign": "popupAlign"; "anchorAlign": "anchorAlign"; "collision": "collision"; "appendTo": "appendTo"; "ariaLabel": "ariaLabel"; }, { "popupOpen": "popupOpen"; "popupClose": "popupClose"; "select": "select"; "open": "open"; "close": "close"; }, ["contentTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenuComponent, "kendo-contextmenu", ["kendoContextMenu"], { "showOn": { "alias": "showOn"; "required": false; }; "target": { "alias": "target"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "alignToAnchor": { "alias": "alignToAnchor"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "popupAnimate": { "alias": "popupAnimate"; "required": false; }; "popupAlign": { "alias": "popupAlign"; "required": false; }; "anchorAlign": { "alias": "anchorAlign"; "required": false; }; "collision": { "alias": "collision"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "popupOpen": "popupOpen"; "popupClose": "popupClose"; "select": "select"; "open": "open"; "close": "close"; }, ["contentTemplate"], never, true, never>;
 }

package/data-binding/flat-binding.directive.d.ts

@@ -57,5 +57,5 @@ export declare class FlatBindingDirective extends BindingDirectiveBase {
     protected mapItems(items: any[]): any[];
     protected createItem(dataItem: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlatBindingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FlatBindingDirective, "[kendoMenuFlatBinding]", ["kendoMenuFlatBinding"], { "data": "kendoMenuFlatBinding"; "textField": "textField"; "urlField": "urlField"; "iconField": "iconField"; "svgIconField": "svgIconField"; "disabledField": "disabledField"; "cssClassField": "cssClassField"; "cssStyleField": "cssStyleField"; "separatorField": "separatorField"; "idField": "idField"; "parentIdField": "parentIdField"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FlatBindingDirective, "[kendoMenuFlatBinding]", ["kendoMenuFlatBinding"], { "data": { "alias": "kendoMenuFlatBinding"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "urlField": { "alias": "urlField"; "required": false; }; "iconField": { "alias": "iconField"; "required": false; }; "svgIconField": { "alias": "svgIconField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "cssClassField": { "alias": "cssClassField"; "required": false; }; "cssStyleField": { "alias": "cssStyleField"; "required": false; }; "separatorField": { "alias": "separatorField"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "parentIdField": { "alias": "parentIdField"; "required": false; }; }, {}, never, never, true, never>;
 }

package/data-binding/hierachy-binding.directive.d.ts

@@ -54,5 +54,5 @@ export declare class HierarchyBindingDirective extends BindingDirectiveBase {
     protected createItem(item: any, level: number): any;
     protected getChildren(item: any, level: number): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<HierarchyBindingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HierarchyBindingDirective, "[kendoMenuHierarchyBinding]", ["kendoMenuHierarchyBinding"], { "data": "kendoMenuHierarchyBinding"; "textField": "textField"; "urlField": "urlField"; "iconField": "iconField"; "svgIconField": "svgIconField"; "disabledField": "disabledField"; "cssClassField": "cssClassField"; "cssStyleField": "cssStyleField"; "separatorField": "separatorField"; "childrenField": "childrenField"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HierarchyBindingDirective, "[kendoMenuHierarchyBinding]", ["kendoMenuHierarchyBinding"], { "data": { "alias": "kendoMenuHierarchyBinding"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "urlField": { "alias": "urlField"; "required": false; }; "iconField": { "alias": "iconField"; "required": false; }; "svgIconField": { "alias": "svgIconField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "cssClassField": { "alias": "cssClassField"; "required": false; }; "cssStyleField": { "alias": "cssStyleField"; "required": false; }; "separatorField": { "alias": "separatorField"; "required": false; }; "childrenField": { "alias": "childrenField"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -6,4 +6,20 @@
  * Arguments for the `open` and `close` events of the ContextMenu.
  */
 export class ContextMenuEvent {
+    /**
+     * The target element for which the ContextMenu is opened.
+     */
+    target;
+    /**
+     * The ContextMenuComponent that triggered the event.
+     */
+    sender;
+    /**
+     * The item data of the event.
+     */
+    item;
+    /**
+     * The item index of the event.
+     */
+    index;
 }

package/{esm2020 → esm2022}/context-menu/context-menu-items.service.mjs

@@ -10,6 +10,7 @@ import * as i1 from "./context-menu.service";
  * @hidden
  */
 export class ContextMenuItemsService {
+    contextService;
     constructor(contextService) {
         this.contextService = contextService;
     }
@@ -18,9 +19,9 @@ export class ContextMenuItemsService {
             return this.contextService.items.get(index);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuItemsService, deps: [{ token: i1.ContextMenuService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuItemsService });
 }
-ContextMenuItemsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuItemsService, deps: [{ token: i1.ContextMenuService }], target: i0.ɵɵFactoryTarget.Injectable });
-ContextMenuItemsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuItemsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuItemsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuItemsService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ContextMenuService }]; } });

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

@@ -7,4 +7,16 @@ import { PreventableEvent } from '../preventable-event';
  * Arguments for the `popupOpen` and `popupClose` events of the ContextMenu.
  */
 export class ContextMenuPopupEvent extends PreventableEvent {
+    /**
+     * The target element for which the ContextMenu is opened.
+     */
+    target;
+    /**
+     * The DOM event that started the action.
+     */
+    originalEvent;
+    /**
+     * The ContextMenuComponent that triggered the event.
+     */
+    sender;
 }

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

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

package/{esm2020 → esm2022}/context-menu/context-menu-target-container.directive.mjs

@@ -10,6 +10,11 @@ import * as i1 from "./context-menu-target.service";
  * Specifies a container for the [targets]({% slug api_menu_contextmenutargetdirective %}) of the ContextMenu.
  */
 export class ContextMenuTargetContainerDirective {
+    targetService;
+    /**
+     * @hidden
+     */
+    element;
     /**
      * @hidden
      */
@@ -19,10 +24,10 @@ export class ContextMenuTargetContainerDirective {
             this.element = elementRef.nativeElement;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuTargetContainerDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextMenuTargetService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ContextMenuTargetContainerDirective, isStandalone: true, selector: "[kendoContextMenuTargetContainer]", providers: [ContextMenuTargetService], exportAs: ["kendoContextMenuTargetContainer"], ngImport: i0 });
 }
-ContextMenuTargetContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuTargetContainerDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextMenuTargetService }], target: i0.ɵɵFactoryTarget.Directive });
-ContextMenuTargetContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ContextMenuTargetContainerDirective, isStandalone: true, selector: "[kendoContextMenuTargetContainer]", providers: [ContextMenuTargetService], exportAs: ["kendoContextMenuTargetContainer"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuTargetContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuTargetContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoContextMenuTargetContainer]',

package/{esm2020 → esm2022}/context-menu/context-menu-target.directive.mjs

@@ -15,12 +15,21 @@ export const TARGET_CLASS = 'k-contextmenu-target';
  * ([see example]({% slug target_contextmenu %}#toc-directives)).
  */
 export class ContextMenuTargetDirective {
+    targetService;
+    /**
+     * The data which is associated with the target.
+     */
+    data;
+    /**
+     * The target DOM element.
+     */
+    element;
+    /**
+     * @hidden
+     */
+    hostClass = true;
     constructor(elementRef, targetService) {
         this.targetService = targetService;
-        /**
-         * @hidden
-         */
-        this.hostClass = true;
         if (elementRef) {
             this.element = elementRef.nativeElement;
         }
@@ -29,10 +38,10 @@ export class ContextMenuTargetDirective {
     ngOnDestroy() {
         this.targetService.remove(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextMenuTargetService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ContextMenuTargetDirective, isStandalone: true, selector: "[kendoContextMenuTarget]", inputs: { data: ["kendoContextMenuTarget", "data"] }, host: { properties: { "class.k-contextmenu-target": "this.hostClass" } }, exportAs: ["kendoContextMenuTarget"], ngImport: i0 });
 }
-ContextMenuTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextMenuTargetService }], target: i0.ɵɵFactoryTarget.Directive });
-ContextMenuTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ContextMenuTargetDirective, isStandalone: true, selector: "[kendoContextMenuTarget]", inputs: { data: ["kendoContextMenuTarget", "data"] }, host: { properties: { "class.k-contextmenu-target": "this.hostClass" } }, exportAs: ["kendoContextMenuTarget"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuTargetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoContextMenuTarget]',

package/{esm2020 → esm2022}/context-menu/context-menu-target.service.mjs

@@ -8,9 +8,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ContextMenuTargetService {
-    constructor() {
-        this.targets = [];
-    }
+    targets = [];
     add(target) {
         this.targets.push(target);
     }
@@ -21,9 +19,9 @@ export class ContextMenuTargetService {
     find(targetElement) {
         return this.targets.find(target => target.element === targetElement);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuTargetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuTargetService });
 }
-ContextMenuTargetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuTargetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ContextMenuTargetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuTargetService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuTargetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuTargetService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/context-menu/context-menu-template.directive.mjs

@@ -16,13 +16,14 @@ import * as i0 from "@angular/core";
  * {% endmeta %}
  */
 export class ContextMenuTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ContextMenuTemplateDirective, isStandalone: true, selector: "[kendoContextMenuTemplate]", ngImport: i0 });
 }
-ContextMenuTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ContextMenuTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ContextMenuTemplateDirective, isStandalone: true, selector: "[kendoContextMenuTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoContextMenuTemplate]',

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

@@ -46,48 +46,111 @@ const preventDefault = e => e.preventDefault();
  * ```
  */
 export class ContextMenuComponent extends MenuBase {
+    popupService;
+    service;
+    ngZone;
+    renderer;
+    /**
+     * Specifies the event on which the ContextMenu will open ([see example]({% slug showon_contextmenu %})).
+     * Accepts the name of a native DOM event. For example, `click`, `dblclick`, `mouseover`, etc.
+     * @default 'contextmenu'
+     */
+    showOn = CONTEXT_MENU;
+    /**
+     * Specifies the element for which the ContextMenu will open ([see example]({% slug target_contextmenu %}#toc-configuration)).
+     */
+    target;
+    /**
+     * Specifies a CSS selector which filters the elements in the target for which the ContextMenu will open
+     * ([see example](slug:target_contextmenu#toc-changing-items-for-specific-targets)).
+     */
+    filter;
+    /**
+     * Indicates that the ContextMenu will be aligned to the target or to the `filter` element (if specified).
+     * @default false
+     */
+    alignToAnchor = false;
+    /**
+     * Specifies if the Menu will be vertically rendered ([see example]({% slug orientation_contextmenu %})).
+     * @default true
+     */
+    vertical = true;
+    /**
+     * Specifies the popup animation.
+     * @default true
+     */
+    popupAnimate;
+    /**
+     * Specifies the pivot point of the popup.
+     * @default { horizontal: 'left', vertical: 'top' }
+     * The possible values are:
+     * - `horizontal`—`left`, `center`, `right`
+     * - `vertical`—`top`, `center`, `bottom`
+     */
+    popupAlign;
+    /**
+     * Specifies the pivot point of the anchor. Applicable if `alignToAnchor` is `true`.
+     * @default { horizontal: 'left', vertical: 'bottom' }
+     * The possible values are:
+     * - `horizontal`—`left`, `center`, `right`
+     * - `vertical`—`top`, `center`, `bottom`
+     */
+    anchorAlign;
+    /**
+     * Configures the collision behavior of the popup.
+     * @default { horizontal: 'fit', vertical: 'flip' }
+     */
+    collision;
+    /**
+     * Defines the container to which the popups will be appended.
+     */
+    appendTo;
+    /**
+     * Sets the value for the [`aria-label`](https://www.w3.org/TR/wai-aria-1.1/#aria-label) attribute of the ContextMenu.
+     */
+    ariaLabel;
+    /**
+     * Fires when the Menu is opened ([see example](slug:events_contextmenu)).
+     */
+    popupOpen = new EventEmitter();
+    /**
+     * Fires when the Menu is closed ([see example](slug:events_contextmenu)).
+     */
+    popupClose = new EventEmitter();
+    /**
+     * Fires when a Menu item is selected ([see example](slug:events_contextmenu)).
+     */
+    select = new EventEmitter();
+    /**
+     * Fires when a Menu item is opened ([see example](slug:events_contextmenu)).
+     */
+    open = new EventEmitter();
+    /**
+     * Fires when a Menu item is closed ([see example](slug:events_contextmenu)).
+     */
+    close = new EventEmitter();
+    /**
+     * @hidden
+     */
+    contentTemplate;
+    /**
+     * @hidden
+     */
+    defaultContentTemplate;
+    closeSubscription;
+    showSubscription;
+    keydownSubscription;
+    popupSubscriptions;
+    popupRef;
+    currentTarget;
+    directiveTarget;
+    activeTarget;
     constructor(popupService, service, ngZone, renderer) {
         super();
         this.popupService = popupService;
         this.service = service;
         this.ngZone = ngZone;
         this.renderer = renderer;
-        /**
-         * Specifies the event on which the ContextMenu will open ([see example]({% slug showon_contextmenu %})).
-         * Accepts the name of a native DOM event. For example, `click`, `dblclick`, `mouseover`, etc.
-         * @default 'contextmenu'
-         */
-        this.showOn = CONTEXT_MENU;
-        /**
-         * Indicates that the ContextMenu will be aligned to the target or to the `filter` element (if specified).
-         * @default false
-         */
-        this.alignToAnchor = false;
-        /**
-         * Specifies if the Menu will be vertically rendered ([see example]({% slug orientation_contextmenu %})).
-         * @default true
-         */
-        this.vertical = true;
-        /**
-         * Fires when the Menu is opened ([see example](slug:events_contextmenu)).
-         */
-        this.popupOpen = new EventEmitter();
-        /**
-         * Fires when the Menu is closed ([see example](slug:events_contextmenu)).
-         */
-        this.popupClose = new EventEmitter();
-        /**
-         * Fires when a Menu item is selected ([see example](slug:events_contextmenu)).
-         */
-        this.select = new EventEmitter();
-        /**
-         * Fires when a Menu item is opened ([see example](slug:events_contextmenu)).
-         */
-        this.open = new EventEmitter();
-        /**
-         * Fires when a Menu item is closed ([see example](slug:events_contextmenu)).
-         */
-        this.close = new EventEmitter();
         this.service.owner = this;
         this.popupKeyDownHandler = this.popupKeyDownHandler.bind(this);
     }
@@ -335,29 +398,28 @@ export class ContextMenuComponent extends MenuBase {
     get currentTargetElement() {
         return this.directiveTarget && this.currentTarget ? this.currentTarget.element : this.currentTarget;
     }
-}
-ContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuComponent, deps: [{ token: i1.PopupService }, { token: i2.ContextMenuService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-ContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ContextMenuComponent, isStandalone: true, selector: "kendo-contextmenu", inputs: { showOn: "showOn", target: "target", filter: "filter", alignToAnchor: "alignToAnchor", vertical: "vertical", popupAnimate: "popupAnimate", popupAlign: "popupAlign", anchorAlign: "anchorAlign", collision: "collision", appendTo: "appendTo", ariaLabel: "ariaLabel" }, outputs: { popupOpen: "popupOpen", popupClose: "popupClose", select: "select", open: "open", close: "close" }, providers: [
-        ContextMenuService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.contextmenu'
-        },
-        {
-            provide: ItemsService,
-            useClass: ContextMenuItemsService
-        },
-        {
-            provide: MenuBase,
-            useExisting: forwardRef(() => ContextMenuComponent)
-        },
-        PopupService,
-        {
-            provide: POPUP_CONTAINER,
-            useFactory: bodyFactory
-        }
-    ], queries: [{ propertyName: "contentTemplate", first: true, predicate: ContextMenuTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "defaultContentTemplate", first: true, predicate: ["default"], descendants: true }], exportAs: ["kendoContextMenu"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuComponent, deps: [{ token: i1.PopupService }, { token: i2.ContextMenuService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextMenuComponent, isStandalone: true, selector: "kendo-contextmenu", inputs: { showOn: "showOn", target: "target", filter: "filter", alignToAnchor: "alignToAnchor", vertical: "vertical", popupAnimate: "popupAnimate", popupAlign: "popupAlign", anchorAlign: "anchorAlign", collision: "collision", appendTo: "appendTo", ariaLabel: "ariaLabel" }, outputs: { popupOpen: "popupOpen", popupClose: "popupClose", select: "select", open: "open", close: "close" }, providers: [
+            ContextMenuService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.contextmenu'
+            },
+            {
+                provide: ItemsService,
+                useClass: ContextMenuItemsService
+            },
+            {
+                provide: MenuBase,
+                useExisting: forwardRef(() => ContextMenuComponent)
+            },
+            PopupService,
+            {
+                provide: POPUP_CONTAINER,
+                useFactory: bodyFactory
+            }
+        ], queries: [{ propertyName: "contentTemplate", first: true, predicate: ContextMenuTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "defaultContentTemplate", first: true, predicate: ["default"], descendants: true }], exportAs: ["kendoContextMenu"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-template #default>
             <kendo-menu [items]="rootItems"
                 [appendTo]="appendTo"
@@ -372,7 +434,8 @@ ContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             ></kendo-menu>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: MenuComponent, selector: "kendo-menu", inputs: ["appendTo", "menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoContextMenu',

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

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

package/{esm2020 → esm2022}/context-menu/context-menu.service.mjs

@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ContextMenuService {
-    constructor() {
-        this.keydown = new EventEmitter();
-    }
+    keydown = new EventEmitter();
+    owner;
+    items;
     emit(name, args) {
         this.owner.emitMenuEvent(name, args);
     }
@@ -22,9 +22,9 @@ export class ContextMenuService {
     leaveMenu(e) {
         return this.items ? !inMenu(e.target, this.items) : true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuService });
 }
-ContextMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ContextMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuService, decorators: [{
             type: Injectable
         }] });

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

@@ -11,6 +11,9 @@ const ITEM_FIELDS = ['textField', 'urlField', 'iconField', 'svgIconField', 'disa
  * @hidden
  */
 export class BindingDirectiveBase {
+    menu;
+    data;
+    fields;
     constructor(menu) {
         this.menu = menu;
     }
@@ -31,10 +34,10 @@ export class BindingDirectiveBase {
         }
         this.menu.items = this.data ? this.mapItems(this.data) : [];
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BindingDirectiveBase, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BindingDirectiveBase, selector: "kendoBindingBase", usesOnChanges: true, ngImport: i0 });
 }
-BindingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BindingDirectiveBase, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
-BindingDirectiveBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BindingDirectiveBase, selector: "kendoBindingBase", usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BindingDirectiveBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BindingDirectiveBase, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line

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',