@progress/kendo-angular-menu 17.0.0-develop.4 → 17.0.0-develop.40

package/README.md

@@ -4,30 +4,49 @@
 
 ## Kendo UI for Angular Menus Package (Menu and ContextMenu Components)
 
-> **Important**
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-menu)—a commercial library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-menu).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-menu) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-menu). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-menu).
+> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui)—a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
 > * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
 >
-> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-menu) and speed up your development process!
+> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
 
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+The [Kendo UI for Angular Menus](https://www.telerik.com/kendo-angular-ui/components/menus) package consists of two components that display a hierarchical list of items in a popup.
+
+## What's Included in the Angular Menus Package
+
+* [Angular Menu Component](https://www.telerik.com/kendo-angular-ui/components/menus/menu)—A flexible navigation element that enables you to display a main menu along with sub-menus to organize various menu items.
+* [Angular ContextMenu Component](https://www.telerik.com/kendo-angular-ui/components/menus/contextmenu)—Displays a contextual menu when a user right-clicks on an element.
+
+## Key Features
+
+Among the many features which the Kendo UI for Angular Menus deliver are:
+
+* [Data Binding](https://www.telerik.com/kendo-angular-ui/components/menus/menu/data-binding)—You can bind the Menu components to a local or a remote objects array.
+* [Orientation](https://www.telerik.com/kendo-angular-ui/components/menus/contextmenu/orientation)—You can set the orientation of the components to vertical or horizontal based on your needs.
+* [Opening](https://www.telerik.com/kendo-angular-ui/components/menus/contextmenu/opening)—The Menus open and close on different user interactions but you can change the event on which the desired menu will open or close.
+* [Templates](https://www.telerik.com/kendo-angular-ui/components/menus/contextmenu/templates)—The Menus enable you to customize their content, items, and the content of the items by using the available templates.
+* [Globalization](https://www.telerik.com/kendo-angular-ui/components/menus/globalization)—The included components support globalization to ensure that they can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Menus support rendering in a right-to-left (RTL) direction.
+* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/menus/menu/accessibility)—The Menus are accessible for screen readers and support WAI-ARIA attributes.
+* [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/menus/menu/keyboard-navigation)—The Menus support a number of keyboard shortcuts which alow users to accomplish various commands.
+
+## Support Options
+
+For any issues you might encounter while working with the Kendo UI for Angular Menus, you have the following support channels available:
+
+* Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
+* Product forums—The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal—The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
 
 ## Resources
 
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular Menus](https://www.telerik.com/kendo-angular-ui/components/menus/installation/getting-started)
+* [Menus Overview page](https://www.telerik.com/kendo-angular-ui/components/menus) and [Menus API reference](https://www.telerik.com/kendo-angular-ui/components/menus/api)
+* [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap)
+* [Kendo UI for Angular Blog](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
 * [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
-* [Blogs](http://www.telerik.com/blogs/kendo-ui)
 * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
-## Questions and Feedback
-
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
-
-*Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

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