@progress/kendo-angular-menu 3.0.6 → 4.0.0-next.202203230842

package/{dist/es2015 → esm2015}/context-menu/context-menu.component.js

@@ -2,9 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-var ContextMenuComponent_1;
-import { Component, Input, ContentChild, ViewChild, EventEmitter, Output, NgZone, Renderer2, TemplateRef, ViewContainerRef, forwardRef } from '@angular/core';
+import { Component, Input, ContentChild, ViewChild, EventEmitter, Output, forwardRef } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
 import { hasObservers, Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
@@ -19,13 +17,15 @@ import { ItemsService } from '../services/items.service';
 import { ContextMenuTargetContainerDirective } from './context-menu-target-container.directive';
 import { TARGET_CLASS } from './context-menu-target.directive';
 import { bodyFactory } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-popup";
+import * as i2 from "./context-menu.service";
+import * as i3 from "../menu.component";
 const CONTEXT_MENU = 'contextmenu';
 const DEFAULT_ANCHOR_ALIGN = { horizontal: 'left', vertical: 'bottom' };
 const DEFAULT_POPUP_ALIGN = { horizontal: 'left', vertical: 'top' };
 const DEFAULT_COLLISION = { horizontal: 'fit', vertical: 'flip' };
 const preventDefault = e => e.preventDefault();
-const ɵ0 = preventDefault;
-const ɵ1 = bodyFactory;
 /**
  * Represents the [Kendo UI ContextMenu component for Angular]({% slug overview_contextmenu %}).
  *
@@ -45,7 +45,7 @@ const ɵ1 = bodyFactory;
  * }
  * ```
  */
-let ContextMenuComponent = ContextMenuComponent_1 = class ContextMenuComponent extends MenuBase {
+export class ContextMenuComponent extends MenuBase {
     constructor(popupService, service, ngZone, renderer) {
         super();
         this.popupService = popupService;
@@ -332,105 +332,67 @@ let ContextMenuComponent = ContextMenuComponent_1 = class ContextMenuComponent e
     get currentTargetElement() {
         return this.directiveTarget && this.currentTarget ? this.currentTarget.element : this.currentTarget;
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ContextMenuComponent.prototype, "showOn", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ContextMenuComponent.prototype, "target", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ContextMenuComponent.prototype, "filter", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ContextMenuComponent.prototype, "alignToAnchor", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], ContextMenuComponent.prototype, "vertical", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ContextMenuComponent.prototype, "popupAnimate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ContextMenuComponent.prototype, "popupAlign", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ContextMenuComponent.prototype, "anchorAlign", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ContextMenuComponent.prototype, "collision", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", ViewContainerRef)
-], ContextMenuComponent.prototype, "appendTo", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ContextMenuComponent.prototype, "ariaLabel", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ContextMenuComponent.prototype, "popupOpen", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ContextMenuComponent.prototype, "popupClose", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ContextMenuComponent.prototype, "select", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ContextMenuComponent.prototype, "open", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], ContextMenuComponent.prototype, "close", void 0);
-tslib_1.__decorate([
-    ContentChild(ContextMenuTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", ContextMenuTemplateDirective)
-], ContextMenuComponent.prototype, "contentTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('default', { static: false }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], ContextMenuComponent.prototype, "defaultContentTemplate", void 0);
-ContextMenuComponent = ContextMenuComponent_1 = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoContextMenu',
-        providers: [
-            ContextMenuService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.contextmenu'
-            },
-            {
-                provide: ItemsService,
-                useClass: ContextMenuItemsService
-            },
-            {
-                provide: MenuBase,
-                useExisting: forwardRef(() => ContextMenuComponent_1)
-            },
-            PopupService,
-            {
-                provide: POPUP_CONTAINER,
-                useFactory: ɵ1
-            }
-        ],
-        selector: 'kendo-contextmenu',
-        template: `
+}
+ContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", type: ContextMenuComponent, 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"
+                [vertical]="vertical"
+                [openOnClick]="openOnClick"
+                [hoverDelay]="hoverDelay"
+                [animate]="animate"
+                [menuItemTemplate]="itemTemplate.first?.templateRef"
+                [menuItemLinkTemplate]="itemLinkTemplate.first?.templateRef"
+                ></kendo-menu>
+        </ng-template>
+    `, isInline: true, components: [{ type: i3.MenuComponent, selector: "kendo-menu", inputs: ["menuItemTemplate", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoContextMenu',
+                    providers: [
+                        ContextMenuService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.contextmenu'
+                        },
+                        {
+                            provide: ItemsService,
+                            useClass: ContextMenuItemsService
+                        },
+                        {
+                            provide: MenuBase,
+                            useExisting: forwardRef(() => ContextMenuComponent)
+                        },
+                        PopupService,
+                        {
+                            provide: POPUP_CONTAINER,
+                            useFactory: bodyFactory
+                        }
+                    ],
+                    selector: 'kendo-contextmenu',
+                    template: `
         <ng-template #default>
             <kendo-menu [items]="rootItems"
                 [vertical]="vertical"
@@ -442,11 +404,43 @@ ContextMenuComponent = ContextMenuComponent_1 = tslib_1.__decorate([
                 ></kendo-menu>
         </ng-template>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [PopupService,
-        ContextMenuService,
-        NgZone,
-        Renderer2])
-], ContextMenuComponent);
-export { ContextMenuComponent };
-export { ɵ0, ɵ1 };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.ContextMenuService }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { showOn: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], alignToAnchor: [{
+                type: Input
+            }], vertical: [{
+                type: Input
+            }], popupAnimate: [{
+                type: Input
+            }], popupAlign: [{
+                type: Input
+            }], anchorAlign: [{
+                type: Input
+            }], collision: [{
+                type: Input
+            }], appendTo: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], popupOpen: [{
+                type: Output
+            }], popupClose: [{
+                type: Output
+            }], select: [{
+                type: Output
+            }], open: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: [ContextMenuTemplateDirective, { static: false }]
+            }], defaultContentTemplate: [{
+                type: ViewChild,
+                args: ['default', { static: false }]
+            }] } });

package/{dist/es2015 → esm2015}/context-menu/context-menu.module.js

@@ -2,7 +2,6 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { PopupModule } from '@progress/kendo-angular-popup';
@@ -11,6 +10,7 @@ import { ContextMenuComponent } from './context-menu.component';
 import { ContextMenuTemplateDirective } from './context-menu-template.directive';
 import { ContextMenuTargetDirective } from './context-menu-target.directive';
 import { ContextMenuTargetContainerDirective } from './context-menu-target-container.directive';
+import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     ContextMenuComponent,
     ContextMenuTemplateDirective,
@@ -49,13 +49,22 @@ const COMPONENT_DIRECTIVES = [
  *
  * ```
  */
-let ContextMenuModule = class ContextMenuModule {
-};
-ContextMenuModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [COMPONENT_DIRECTIVES],
-        exports: [COMPONENT_DIRECTIVES, MenuModule],
-        imports: [PopupModule, CommonModule, MenuModule]
-    })
-], ContextMenuModule);
-export { ContextMenuModule };
+export class ContextMenuModule {
+}
+ContextMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ContextMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextMenuModule, declarations: [ContextMenuComponent,
+        ContextMenuTemplateDirective,
+        ContextMenuTargetDirective,
+        ContextMenuTargetContainerDirective], imports: [PopupModule, CommonModule, MenuModule], exports: [ContextMenuComponent,
+        ContextMenuTemplateDirective,
+        ContextMenuTargetDirective,
+        ContextMenuTargetContainerDirective, MenuModule] });
+ContextMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextMenuModule, imports: [[PopupModule, CommonModule, MenuModule], MenuModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [COMPONENT_DIRECTIVES],
+                    exports: [COMPONENT_DIRECTIVES, MenuModule],
+                    imports: [PopupModule, CommonModule, MenuModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/context-menu/context-menu.service.js

@@ -2,17 +2,14 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { Injectable, EventEmitter } from '@angular/core';
 import { hasObservers } from '@progress/kendo-angular-common';
 import { inMenu } from '../dom-queries';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-let ContextMenuService = class ContextMenuService {
-    /**
-     * @hidden
-     */
+export class ContextMenuService {
     constructor() {
         this.keydown = new EventEmitter();
     }
@@ -25,8 +22,9 @@ let ContextMenuService = class ContextMenuService {
     leaveMenu(e) {
         return this.items ? !inMenu(e.target, this.items) : true;
     }
-};
-ContextMenuService = tslib_1.__decorate([
-    Injectable()
-], ContextMenuService);
-export { ContextMenuService };
+}
+ContextMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ContextMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextMenuService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextMenuService, decorators: [{
+            type: Injectable
+        }] });

package/{dist/es2015 → esm2015}/data-binding/binding-directive-base.js

@@ -2,6 +2,9 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../menu-base";
 const ITEM_FIELDS = ['textField', 'urlField', 'iconField', 'disabledField', 'cssClassField', 'cssStyleField', 'separatorField'];
 /**
  * @hidden
@@ -28,3 +31,11 @@ export class BindingDirectiveBase {
         this.menu.items = this.data ? this.mapItems(this.data) : [];
     }
 }
+BindingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BindingDirectiveBase, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
+BindingDirectiveBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BindingDirectiveBase, selector: "kendoBindingBase", usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BindingDirectiveBase, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendoBindingBase'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MenuBase }]; } });

package/esm2015/data-binding/flat-binding.directive.js

@@ -0,0 +1,82 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { BindingDirectiveBase } from './binding-directive-base';
+import { getter } from './utils';
+import * as i0 from "@angular/core";
+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 {
+    constructor(menu) {
+        super(menu);
+    }
+    mapItems(items) {
+        if (!this.idField || !this.parentIdField) {
+            return items.map(item => this.createItem(item));
+        }
+        const result = [];
+        const map = {};
+        for (let idx = 0; idx < items.length; idx++) {
+            const item = items[idx];
+            const menuItem = this.createItem(item);
+            const id = getter(this.idField)(item);
+            const parentId = getter(this.parentIdField)(item);
+            if (parentId === null || parentId === undefined) {
+                result.push(menuItem);
+            }
+            else {
+                const parent = map[parentId] = map[parentId] || {};
+                parent.items = parent.items || [];
+                parent.items.push(menuItem);
+            }
+            if (map[id]) {
+                menuItem.items = map[id].items;
+            }
+            map[id] = menuItem;
+        }
+        return result;
+    }
+    createItem(dataItem) {
+        const result = { data: dataItem };
+        const fields = this.fields;
+        for (let idx = 0; idx < fields.length; idx++) {
+            const { source, target } = fields[idx];
+            result[target] = getter(source)(dataItem);
+        }
+        return result;
+    }
+}
+FlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatBindingDirective, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
+FlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FlatBindingDirective, selector: "[kendoMenuFlatBinding]", inputs: { data: ["kendoMenuFlatBinding", "data"], textField: "textField", urlField: "urlField", iconField: "iconField", 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: "12.2.16", ngImport: i0, type: FlatBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    exportAs: 'kendoMenuFlatBinding',
+                    selector: '[kendoMenuFlatBinding]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MenuBase }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ["kendoMenuFlatBinding"]
+            }], textField: [{
+                type: Input
+            }], urlField: [{
+                type: Input
+            }], iconField: [{
+                type: Input
+            }], disabledField: [{
+                type: Input
+            }], cssClassField: [{
+                type: Input
+            }], cssStyleField: [{
+                type: Input
+            }], separatorField: [{
+                type: Input
+            }], idField: [{
+                type: Input
+            }], parentIdField: [{
+                type: Input
+            }] } });

package/esm2015/data-binding/hierachy-binding.directive.js

@@ -0,0 +1,71 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { BindingDirectiveBase } from './binding-directive-base';
+import { getter, last } from './utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../menu-base";
+const getField = (field, level) => Array.isArray(field) ? field[level] || last(field) : field;
+/**
+ * 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 {
+    constructor(menu) {
+        super(menu);
+    }
+    mapItems(items, level = 0) {
+        return items.map((item) => {
+            const menuItem = this.createItem(item, level);
+            const children = this.getChildren(item, level);
+            if (children) {
+                menuItem.items = this.mapItems(children, level + 1);
+            }
+            return menuItem;
+        });
+    }
+    createItem(item, level) {
+        const result = { data: item };
+        const fields = this.fields;
+        for (let idx = 0; idx < fields.length; idx++) {
+            const { target, source } = fields[idx];
+            result[target] = getter(getField(source, level))(item);
+        }
+        return result;
+    }
+    getChildren(item, level) {
+        if (this.childrenField) {
+            const field = getField(this.childrenField, level);
+            return item[field];
+        }
+    }
+}
+HierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HierarchyBindingDirective, deps: [{ token: i1.MenuBase }], target: i0.ɵɵFactoryTarget.Directive });
+HierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: HierarchyBindingDirective, selector: "[kendoMenuHierarchyBinding]", inputs: { data: ["kendoMenuHierarchyBinding", "data"], textField: "textField", urlField: "urlField", iconField: "iconField", disabledField: "disabledField", cssClassField: "cssClassField", cssStyleField: "cssStyleField", separatorField: "separatorField", childrenField: "childrenField" }, exportAs: ["kendoMenuHierarchyBinding"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HierarchyBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    exportAs: 'kendoMenuHierarchyBinding',
+                    selector: '[kendoMenuHierarchyBinding]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MenuBase }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ["kendoMenuHierarchyBinding"]
+            }], textField: [{
+                type: Input
+            }], urlField: [{
+                type: Input
+            }], iconField: [{
+                type: Input
+            }], disabledField: [{
+                type: Input
+            }], cssClassField: [{
+                type: Input
+            }], cssStyleField: [{
+                type: Input
+            }], separatorField: [{
+                type: Input
+            }], childrenField: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/data-binding/utils.js

@@ -4,7 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 const FIELD_REGEX = /\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;
 const getterCache = {};
-// tslint:disable-next-line:no-string-literal
 getterCache['undefined'] = (obj) => obj;
 /**
  * @hidden

package/{dist/es2015 → esm2015}/dom-queries.js

@@ -6,7 +6,6 @@ import { NODE_INDEX } from './constants';
 const DEFAULT_ID = 'kendo-matches-container';
 const focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
 const matches = (element, selector) => (element.matches || element.msMatchesSelector).call(element, selector);
-const ɵ0 = matches;
 /**
  * @hidden
  */
@@ -44,7 +43,6 @@ export const isFocusable = (element) => {
     return false;
 };
 const toClassList = (classNames) => String(classNames).trim().split(' ');
-const ɵ1 = toClassList;
 /**
  * @hidden
  */
@@ -104,4 +102,3 @@ export const findInContainer = (element, selector, container) => {
     }
     return match;
 };
-export { ɵ0, ɵ1 };

package/{dist/es/constants.js → esm2015/kendo-angular-menu.js}

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * @hidden
+ * Generated bundle index. Do not edit.
  */
-export var NODE_INDEX = 'data-kendo-menu-index';
+export * from './main';

package/{dist/es → esm2015}/main.js

@@ -3,8 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { MenuComponent } from './menu.component';
-export { ListComponent } from './rendering/list.component';
-export { ItemComponent } from './rendering/item.component';
+export { ListComponent, ItemComponent } from './rendering/list.component';
 export { LinkDirective } from './rendering/link.directive';
 export { ExpandArrowDirective } from './rendering/arrow.directive';
 export { MenuItemComponent } from './menu-item.component';
@@ -23,4 +22,6 @@ export { ContextMenuTemplateDirective } from './context-menu/context-menu-templa
 export { ContextMenuComponent } from './context-menu/context-menu.component';
 export { ContextMenuModule } from './context-menu/context-menu.module';
 export { ContextMenuService } from './context-menu/context-menu.service';
+export { ContextMenuTargetContainerDirective } from './context-menu/context-menu-target-container.directive';
+export { ContextMenuTargetDirective } from './context-menu/context-menu-target.directive';
 export { MenusModule } from './menus.module';

package/{dist/es → esm2015}/menu-animation.interface.js

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

package/esm2015/menu-base.js

@@ -0,0 +1,69 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, ContentChildren, Component } from '@angular/core';
+import { MenuItemComponent } from './menu-item.component';
+import { ItemTemplateDirective } from './templates/item-template.directive';
+import { ItemLinkTemplateDirective } from './templates/item-link-template.directive';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class MenuBase {
+    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;
+    }
+    /**
+     * @hidden
+     */
+    get rootItems() {
+        return this.items || (this.children ? this.children.toArray() : []);
+    }
+}
+MenuBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MenuBase, selector: "kendo-menu-base", inputs: { items: "items", vertical: "vertical", openOnClick: "openOnClick", hoverDelay: "hoverDelay", animate: "animate" }, 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: "12.2.16", ngImport: i0, type: MenuBase, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-menu-base',
+                    template: ``
+                }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], vertical: [{
+                type: Input
+            }], openOnClick: [{
+                type: Input
+            }], hoverDelay: [{
+                type: Input
+            }], animate: [{
+                type: Input
+            }], itemTemplate: [{
+                type: ContentChildren,
+                args: [ItemTemplateDirective]
+            }], itemLinkTemplate: [{
+                type: ContentChildren,
+                args: [ItemLinkTemplateDirective]
+            }], children: [{
+                type: ContentChildren,
+                args: [MenuItemComponent]
+            }] } });