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

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

@@ -2,12 +2,11 @@
 * 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 MenuItemComponent_1;
-import { Component, Input, ContentChildren, QueryList } from '@angular/core';
+import { Component, Input, ContentChildren } from '@angular/core';
 import { ItemTemplateDirective } from './templates/item-template.directive';
 import { ItemLinkTemplateDirective } from './templates/item-link-template.directive';
 import { ItemContentTemplateDirective } from './templates/item-content-template.directive';
+import * as i0 from "@angular/core";
 /**
  * A component that can be used to specify the Menu items
  * ([more information and examples]({% slug items_menu %})).
@@ -53,7 +52,7 @@ import { ItemContentTemplateDirective } from './templates/item-content-template.
  * }
  * ```
  */
-let MenuItemComponent = MenuItemComponent_1 = class MenuItemComponent {
+export class MenuItemComponent {
     /**
      * @hidden
      */
@@ -86,59 +85,41 @@ let MenuItemComponent = MenuItemComponent_1 = class MenuItemComponent {
             return this.children.toArray().filter(c => c !== this);
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MenuItemComponent.prototype, "text", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MenuItemComponent.prototype, "url", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MenuItemComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], MenuItemComponent.prototype, "cssClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], MenuItemComponent.prototype, "cssStyle", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MenuItemComponent.prototype, "icon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], MenuItemComponent.prototype, "data", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MenuItemComponent.prototype, "separator", void 0);
-tslib_1.__decorate([
-    ContentChildren(ItemTemplateDirective),
-    tslib_1.__metadata("design:type", QueryList)
-], MenuItemComponent.prototype, "itemTemplate", void 0);
-tslib_1.__decorate([
-    ContentChildren(ItemLinkTemplateDirective),
-    tslib_1.__metadata("design:type", QueryList)
-], MenuItemComponent.prototype, "itemLinkTemplate", void 0);
-tslib_1.__decorate([
-    ContentChildren(ItemContentTemplateDirective),
-    tslib_1.__metadata("design:type", QueryList)
-], MenuItemComponent.prototype, "itemContentTemplate", void 0);
-tslib_1.__decorate([
-    ContentChildren(MenuItemComponent_1),
-    tslib_1.__metadata("design:type", QueryList)
-], MenuItemComponent.prototype, "children", void 0);
-MenuItemComponent = MenuItemComponent_1 = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-menu-item',
-        template: ``
-    })
-], MenuItemComponent);
-export { MenuItemComponent };
+}
+MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MenuItemComponent, selector: "kendo-menu-item", inputs: { text: "text", url: "url", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", icon: "icon", data: "data", separator: "separator" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "itemContentTemplate", predicate: ItemContentTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-menu-item',
+                    template: ``
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], cssClass: [{
+                type: Input
+            }], cssStyle: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], separator: [{
+                type: Input
+            }], itemTemplate: [{
+                type: ContentChildren,
+                args: [ItemTemplateDirective]
+            }], itemLinkTemplate: [{
+                type: ContentChildren,
+                args: [ItemLinkTemplateDirective]
+            }], itemContentTemplate: [{
+                type: ContentChildren,
+                args: [ItemContentTemplateDirective]
+            }], children: [{
+                type: ContentChildren,
+                args: [MenuItemComponent]
+            }] } });

package/{dist/es → esm2015}/menu-item.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/{dist/es2015 → esm2015}/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 MenuComponent_1;
-import { Component, Input, HostBinding, EventEmitter, Output, NgZone, Renderer2, Optional, TemplateRef, forwardRef } from '@angular/core';
+import { Component, Input, HostBinding, EventEmitter, Output, Optional, forwardRef } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
@@ -14,9 +12,16 @@ import { NavigationService } from './services/navigation.service';
 import { HoverService } from './services/hover.service';
 import { normalize } from './open-on-click-settings';
 import { inMenu } from './dom-queries';
-import { ContextMenuService } from './context-menu/context-menu.service';
 import { MenuBase } from './menu-base';
 import { Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "./services/items.service";
+import * as i2 from "./services/hover.service";
+import * as i3 from "./services/actions.service";
+import * as i4 from "./services/navigation.service";
+import * as i5 from "@progress/kendo-angular-l10n";
+import * as i6 from "./context-menu/context-menu.service";
+import * as i7 from "./rendering/list.component";
 /**
  * Represents the [Kendo UI Menu component for Angular]({% slug overview_menu %}).
  *
@@ -34,7 +39,7 @@ import { Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
  * }
  * ```
  */
-let MenuComponent = MenuComponent_1 = class MenuComponent extends MenuBase {
+export class MenuComponent extends MenuBase {
     constructor(itemsService, hover, actions, navigation, localization, ngZone, renderer, contextService) {
         super();
         this.itemsService = itemsService;
@@ -171,52 +176,55 @@ let MenuComponent = MenuComponent_1 = class MenuComponent extends MenuBase {
             this.focus(index);
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], MenuComponent.prototype, "menuItemTemplate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", TemplateRef)
-], MenuComponent.prototype, "menuItemLinkTemplate", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MenuComponent.prototype, "select", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MenuComponent.prototype, "open", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MenuComponent.prototype, "close", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-rtl'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], MenuComponent.prototype, "direction", null);
-MenuComponent = MenuComponent_1 = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoMenu',
-        providers: [
-            ItemsService,
-            ActionsService,
-            NavigationService,
-            HoverService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.menu'
-            },
-            {
-                provide: MenuBase,
-                useExisting: forwardRef(() => MenuComponent_1)
-            }
-        ],
-        selector: 'kendo-menu',
-        template: `
+}
+MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuComponent, deps: [{ token: i1.ItemsService }, { token: i2.HoverService }, { token: i3.ActionsService }, { token: i4.NavigationService }, { token: i5.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MenuComponent, selector: "kendo-menu", inputs: { menuItemTemplate: "menuItemTemplate", menuItemLinkTemplate: "menuItemLinkTemplate" }, outputs: { select: "select", open: "open", close: "close" }, host: { properties: { "class.k-rtl": "this.direction" } }, providers: [
+        ItemsService,
+        ActionsService,
+        NavigationService,
+        HoverService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.menu'
+        },
+        {
+            provide: MenuBase,
+            useExisting: forwardRef(() => MenuComponent)
+        }
+    ], exportAs: ["kendoMenu"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+        <ul role="menubar"
+            [attr.aria-orientation]="ariaOrientation"
+            kendoMenuList [items]="rootItems" [level]="0" class="k-widget k-reset k-header k-menu"
+            [vertical]="vertical" [rtl]="rtl" [animate]="animate" [openOnClick]="openOnClick"
+            [itemTemplate]="itemTemplate.first?.templateRef || menuItemTemplate"
+            [itemLinkTemplate]="itemLinkTemplate.first?.templateRef || menuItemLinkTemplate"
+            [class.k-menu-horizontal]="!vertical"
+            [class.k-menu-vertical]="vertical"
+            [class.k-context-menu]="contextMenuClass">
+        </ul>
+    `, isInline: true, components: [{ type: i7.ListComponent, selector: "[kendoMenuList]", inputs: ["items", "level", "index", "animate", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoMenu',
+                    providers: [
+                        ItemsService,
+                        ActionsService,
+                        NavigationService,
+                        HoverService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.menu'
+                        },
+                        {
+                            provide: MenuBase,
+                            useExisting: forwardRef(() => MenuComponent)
+                        }
+                    ],
+                    selector: 'kendo-menu',
+                    template: `
         <ul role="menubar"
             [attr.aria-orientation]="ariaOrientation"
             kendoMenuList [items]="rootItems" [level]="0" class="k-widget k-reset k-header k-menu"
@@ -228,15 +236,20 @@ MenuComponent = MenuComponent_1 = tslib_1.__decorate([
             [class.k-context-menu]="contextMenuClass">
         </ul>
     `
-    }),
-    tslib_1.__param(7, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ItemsService,
-        HoverService,
-        ActionsService,
-        NavigationService,
-        LocalizationService,
-        NgZone,
-        Renderer2,
-        ContextMenuService])
-], MenuComponent);
-export { MenuComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ItemsService }, { type: i2.HoverService }, { type: i3.ActionsService }, { type: i4.NavigationService }, { type: i5.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i6.ContextMenuService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { menuItemTemplate: [{
+                type: Input
+            }], menuItemLinkTemplate: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }], open: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], direction: [{
+                type: HostBinding,
+                args: ['class.k-rtl']
+            }] } });

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

@@ -2,14 +2,12 @@
 * 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';
 import { MenuComponent } from './menu.component';
 import { MenuItemComponent } from './menu-item.component';
-import { ListComponent } from './rendering/list.component';
-import { ItemComponent } from './rendering/item.component';
+import { ListComponent, ItemComponent } from './rendering/list.component';
 import { LinkDirective } from './rendering/link.directive';
 import { ExpandArrowDirective } from './rendering/arrow.directive';
 import { ItemTemplateDirective } from './templates/item-template.directive';
@@ -17,6 +15,7 @@ import { ItemLinkTemplateDirective } from './templates/item-link-template.direct
 import { ItemContentTemplateDirective } from './templates/item-content-template.directive';
 import { HierarchyBindingDirective } from './data-binding/hierachy-binding.directive';
 import { FlatBindingDirective } from './data-binding/flat-binding.directive';
+import * as i0 from "@angular/core";
 const COMPONENT_EXPORTS = [
     MenuComponent,
     MenuItemComponent,
@@ -65,13 +64,33 @@ const COMPONENT_DIRECTIVES = [
  *
  * ```
  */
-let MenuModule = class MenuModule {
-};
-MenuModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [COMPONENT_DIRECTIVES],
-        exports: [COMPONENT_EXPORTS],
-        imports: [PopupModule, CommonModule]
-    })
-], MenuModule);
-export { MenuModule };
+export class MenuModule {
+}
+MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, declarations: [MenuComponent,
+        MenuItemComponent,
+        ItemTemplateDirective,
+        ItemLinkTemplateDirective,
+        ItemContentTemplateDirective,
+        HierarchyBindingDirective,
+        FlatBindingDirective,
+        LinkDirective,
+        ExpandArrowDirective, ListComponent,
+        ItemComponent], imports: [PopupModule, CommonModule], exports: [MenuComponent,
+        MenuItemComponent,
+        ItemTemplateDirective,
+        ItemLinkTemplateDirective,
+        ItemContentTemplateDirective,
+        HierarchyBindingDirective,
+        FlatBindingDirective,
+        LinkDirective,
+        ExpandArrowDirective] });
+MenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, imports: [[PopupModule, CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [COMPONENT_DIRECTIVES],
+                    exports: [COMPONENT_EXPORTS],
+                    imports: [PopupModule, CommonModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/menus.module.js

@@ -2,10 +2,10 @@
 * 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 { MenuModule } from './menu.module';
 import { ContextMenuModule } from './context-menu/context-menu.module';
+import * as i0 from "@angular/core";
 /**
  * A [module]({{ site.data.urls.angular['ngmoduleapi'] }}) that includes the Menu and ContextMenu components and directives.
  * Imports the MenusModule into your application [root module]({{ site.data.urls.angular['ngmodules'] }}#angular-modularity)
@@ -28,11 +28,14 @@ import { ContextMenuModule } from './context-menu/context-menu.module';
  * }
  * ```
  */
-let MenusModule = class MenusModule {
-};
-MenusModule = tslib_1.__decorate([
-    NgModule({
-        exports: [MenuModule, ContextMenuModule]
-    })
-], MenusModule);
-export { MenusModule };
+export class MenusModule {
+}
+MenusModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MenusModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenusModule, exports: [MenuModule, ContextMenuModule] });
+MenusModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenusModule, imports: [MenuModule, ContextMenuModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenusModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [MenuModule, ContextMenuModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/open-on-click-settings.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
 *-------------------------------------------------------------------------------------------*/
-/* tslint:disable:max-line-length */
 /**
  * @hidden
  */

package/{dist/es2015 → esm2015}/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-menu',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1647359300,
+    publishDate: 1648024704,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/rendering/arrow.directive.js

@@ -0,0 +1,62 @@
+/**-----------------------------------------------------------------------------------------
+* 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, HostBinding, isDevMode } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/items.service";
+/**
+ * Represents a directive that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
+ * of the items to render the default expand arrow.
+ */
+export class ExpandArrowDirective {
+    constructor(itemsService) {
+        this.itemsService = itemsService;
+        this.hostClasses = true;
+        this.role = 'presentation';
+    }
+    get arrowDown() {
+        return !this.item.horizontal;
+    }
+    get arrowRight() {
+        return this.item.horizontal && !this.item.rtl;
+    }
+    get arrowLeft() {
+        return this.item.horizontal && this.item.rtl;
+    }
+    ngOnInit() {
+        if (isDevMode() && !this.index) {
+            throw new Error('The kendoMenuExpandArrow directive requires the item index to be set.');
+        }
+        this.item = this.itemsService.get(this.index) || {};
+    }
+}
+ExpandArrowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ExpandArrowDirective, deps: [{ token: i1.ItemsService }], target: i0.ɵɵFactoryTarget.Directive });
+ExpandArrowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ExpandArrowDirective, selector: "[kendoMenuExpandArrow]", inputs: { index: ["kendoMenuExpandArrow", "index"] }, host: { properties: { "class.k-icon": "this.hostClasses", "class.k-menu-expand-arrow": "this.hostClasses", "attr.role": "this.role", "class.k-i-arrow-60-down": "this.arrowDown", "class.k-i-arrow-60-right": "this.arrowRight", "class.k-i-arrow-60-left": "this.arrowLeft" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ExpandArrowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoMenuExpandArrow]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ItemsService }]; }, propDecorators: { index: [{
+                type: Input,
+                args: ['kendoMenuExpandArrow']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-icon']
+            }, {
+                type: HostBinding,
+                args: ['class.k-menu-expand-arrow']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], arrowDown: [{
+                type: HostBinding,
+                args: ['class.k-i-arrow-60-down']
+            }], arrowRight: [{
+                type: HostBinding,
+                args: ['class.k-i-arrow-60-right']
+            }], arrowLeft: [{
+                type: HostBinding,
+                args: ['class.k-i-arrow-60-left']
+            }] } });

package/esm2015/rendering/link.directive.js

@@ -0,0 +1,54 @@
+/**-----------------------------------------------------------------------------------------
+* 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, HostBinding, isDevMode } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/items.service";
+/**
+ * Represents a directive that can be used in the [`linkTemplate`]({% slug api_menu_itemlinktemplatedirective %})
+ * of the items to apply the default styling and behavior.
+ */
+export class LinkDirective {
+    constructor(itemsService) {
+        this.itemsService = itemsService;
+        this.hostClasses = true;
+        this.role = 'presentation';
+        this.tabindex = '-1';
+    }
+    get activeClass() {
+        return this.item.opened;
+    }
+    ngOnInit() {
+        if (isDevMode() && !this.index) {
+            throw new Error('The kendoMenuItemLink directive requires the item index to be set.');
+        }
+        this.item = this.itemsService.get(this.index) || {};
+    }
+}
+LinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LinkDirective, deps: [{ token: i1.ItemsService }], target: i0.ɵɵFactoryTarget.Directive });
+LinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LinkDirective, selector: "[kendoMenuItemLink]", inputs: { index: ["kendoMenuItemLink", "index"] }, host: { properties: { "class.k-link": "this.hostClasses", "class.k-menu-link": "this.hostClasses", "attr.role": "this.role", "attr.tabindex": "this.tabindex", "class.k-state-active": "this.activeClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoMenuItemLink]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ItemsService }]; }, propDecorators: { index: [{
+                type: Input,
+                args: ['kendoMenuItemLink']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-link']
+            }, {
+                type: HostBinding,
+                args: ['class.k-menu-link']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], activeClass: [{
+                type: HostBinding,
+                args: ['class.k-state-active']
+            }] } });