@progress/kendo-angular-menu 16.1.1-develop.7 → 16.2.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/context-menu/context-menu.component.d.ts +1 -1
- package/esm2020/context-menu/context-menu.component.mjs +3 -1
- package/esm2020/menu.component.mjs +8 -6
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/rendering/list.component.mjs +14 -6
- package/fesm2015/progress-kendo-angular-menu.mjs +25 -13
- package/fesm2020/progress-kendo-angular-menu.mjs +25 -13
- package/menu.component.d.ts +6 -2
- package/package.json +6 -6
- package/rendering/list.component.d.ts +5 -3
|
@@ -76,7 +76,7 @@ export declare class ContextMenuComponent extends MenuBase implements OnInit, On
|
|
|
76
76
|
*/
|
|
77
77
|
collision: Collision;
|
|
78
78
|
/**
|
|
79
|
-
* Defines the container to which the
|
|
79
|
+
* Defines the container to which the popups will be appended.
|
|
80
80
|
*/
|
|
81
81
|
appendTo: ViewContainerRef;
|
|
82
82
|
/**
|
|
@@ -358,6 +358,7 @@ ContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
358
358
|
], 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: `
|
|
359
359
|
<ng-template #default>
|
|
360
360
|
<kendo-menu [items]="rootItems"
|
|
361
|
+
[appendTo]="appendTo"
|
|
361
362
|
[size]="size"
|
|
362
363
|
ariaRole="menu"
|
|
363
364
|
[vertical]="vertical"
|
|
@@ -368,7 +369,7 @@ ContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
368
369
|
[menuItemLinkTemplate]="itemLinkTemplate.first?.templateRef"
|
|
369
370
|
></kendo-menu>
|
|
370
371
|
</ng-template>
|
|
371
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i3.MenuComponent, selector: "kendo-menu", inputs: ["menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }] });
|
|
372
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i3.MenuComponent, selector: "kendo-menu", inputs: ["appendTo", "menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }] });
|
|
372
373
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuComponent, decorators: [{
|
|
373
374
|
type: Component,
|
|
374
375
|
args: [{
|
|
@@ -398,6 +399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
398
399
|
template: `
|
|
399
400
|
<ng-template #default>
|
|
400
401
|
<kendo-menu [items]="rootItems"
|
|
402
|
+
[appendTo]="appendTo"
|
|
401
403
|
[size]="size"
|
|
402
404
|
ariaRole="menu"
|
|
403
405
|
[vertical]="vertical"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, Input, HostBinding, EventEmitter, Output, NgZone, Renderer2, Optional, TemplateRef, forwardRef } from '@angular/core';
|
|
5
|
+
import { Component, Input, HostBinding, EventEmitter, Output, NgZone, Renderer2, Optional, TemplateRef, forwardRef, ViewContainerRef } from '@angular/core';
|
|
6
6
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
7
7
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
8
8
|
import { packageMetadata } from './package-metadata';
|
|
@@ -196,7 +196,7 @@ export class MenuComponent extends MenuBase {
|
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, deps: [{ token: i1.ItemsService }, { token: i2.HoverService }, { token: i3.ActionsService }, { token: i4.NavigationService }, { token: i5.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
199
|
-
MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuComponent, selector: "kendo-menu", inputs: { menuItemTemplate: "menuItemTemplate", ariaRole: "ariaRole", menuItemLinkTemplate: "menuItemLinkTemplate" }, outputs: { select: "select", open: "open", close: "close" }, host: { properties: { "class.k-rtl": "this.direction" } }, providers: [
|
|
199
|
+
MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuComponent, selector: "kendo-menu", inputs: { appendTo: "appendTo", menuItemTemplate: "menuItemTemplate", ariaRole: "ariaRole", menuItemLinkTemplate: "menuItemLinkTemplate" }, outputs: { select: "select", open: "open", close: "close" }, host: { properties: { "class.k-rtl": "this.direction" } }, providers: [
|
|
200
200
|
ItemsService,
|
|
201
201
|
ActionsService,
|
|
202
202
|
NavigationService,
|
|
@@ -214,13 +214,13 @@ MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
214
214
|
<ul
|
|
215
215
|
[attr.role]="ariaRole"
|
|
216
216
|
[attr.aria-orientation]="ariaOrientation"
|
|
217
|
-
kendoMenuList [items]="rootItems" [level]="0"
|
|
217
|
+
kendoMenuList [items]="rootItems" [level]="0" [appendTo]="appendTo"
|
|
218
218
|
[size]="size" [vertical]="vertical" [rtl]="rtl" [animate]="animate" [openOnClick]="openOnClick"
|
|
219
219
|
[itemTemplate]="itemTemplate.first?.templateRef || menuItemTemplate"
|
|
220
220
|
[itemLinkTemplate]="itemLinkTemplate.first?.templateRef || menuItemLinkTemplate"
|
|
221
221
|
[ngClass]="menuClasses">
|
|
222
222
|
</ul>
|
|
223
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i8.ListComponent, selector: "[kendoMenuList]", inputs: ["items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
223
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i8.ListComponent, selector: "[kendoMenuList]", inputs: ["appendTo", "items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
224
224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, decorators: [{
|
|
225
225
|
type: Component,
|
|
226
226
|
args: [{
|
|
@@ -245,7 +245,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
245
245
|
<ul
|
|
246
246
|
[attr.role]="ariaRole"
|
|
247
247
|
[attr.aria-orientation]="ariaOrientation"
|
|
248
|
-
kendoMenuList [items]="rootItems" [level]="0"
|
|
248
|
+
kendoMenuList [items]="rootItems" [level]="0" [appendTo]="appendTo"
|
|
249
249
|
[size]="size" [vertical]="vertical" [rtl]="rtl" [animate]="animate" [openOnClick]="openOnClick"
|
|
250
250
|
[itemTemplate]="itemTemplate.first?.templateRef || menuItemTemplate"
|
|
251
251
|
[itemLinkTemplate]="itemLinkTemplate.first?.templateRef || menuItemLinkTemplate"
|
|
@@ -255,7 +255,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
255
255
|
}]
|
|
256
256
|
}], 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: [{
|
|
257
257
|
type: Optional
|
|
258
|
-
}] }]; }, propDecorators: {
|
|
258
|
+
}] }]; }, propDecorators: { appendTo: [{
|
|
259
|
+
type: Input
|
|
260
|
+
}], menuItemTemplate: [{
|
|
259
261
|
type: Input
|
|
260
262
|
}], ariaRole: [{
|
|
261
263
|
type: Input
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-menu',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '16.
|
|
12
|
+
publishDate: 1717413044,
|
|
13
|
+
version: '16.2.0-develop.2',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ElementRef, Input, NgZone, Optional, Renderer2, TemplateRef } from '@angular/core';
|
|
5
|
+
import { Component, ElementRef, Input, NgZone, Optional, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
6
6
|
import { ChangeDetectorRef, HostBinding, ViewChild } from '@angular/core';
|
|
7
7
|
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
8
8
|
import { POPUP_CONTAINER, PopupService } from '@progress/kendo-angular-popup';
|
|
@@ -180,7 +180,7 @@ export class ListComponent {
|
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
182
|
ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [{ token: i1.ItemsService }, { token: i2.HoverService }, { token: i3.ActionsService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
183
|
-
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "[kendoMenuList]", inputs: { items: "items", level: "level", index: "index", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, ngImport: i0, template: "\n <ng-container *ngFor=\"let item of items; let idx = index\">\n <li *ngIf=\"!item.separator\" \n kendoMenuItem\n [item]=\"item\"\n [level]=\"level\"\n [size]=\"size\"\n [vertical]=\"vertical\"\n [animate]=\"animate\"\n [rtl]=\"rtl\"\n [itemTemplate]=\"itemTemplate\"\n [itemLinkTemplate]=\"itemLinkTemplate\"\n [openOnClick]=\"openOnClick\"\n [index]=\"hierarchyIndex(idx)\"\n [siblingIndex]=\"idx\"\n [attr.data-kendo-menu-index]=\"hierarchyIndex(idx)\"\n [ngClass]=\"item.cssClass\"\n [ngStyle]=\"item.cssStyle\"\n role=\"menuitem\"\n class=\"k-item k-menu-item\"\n [class.k-first]=\"idx === 0\"\n [class.k-last]=\"idx === items.length - 1\"\n [class.k-disabled]=\"item.disabled\"></li>\n <li \n *ngIf=\"item.separator\"\n class=\"k-separator k-item\"\n [ngClass]=\"item.cssClass\"\n aria-hidden=\"true\"\n [ngStyle]=\"item.cssStyle\">\n \n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i5.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(function () { return ItemComponent; }), selector: "[kendoMenuItem]", inputs: ["item", "level", "index", "siblingIndex", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
183
|
+
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "[kendoMenuList]", inputs: { appendTo: "appendTo", items: "items", level: "level", index: "index", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, ngImport: i0, template: "\n <ng-container *ngFor=\"let item of items; let idx = index\">\n <li *ngIf=\"!item.separator\" \n kendoMenuItem\n [appendTo]=\"appendTo\"\n [item]=\"item\"\n [level]=\"level\"\n [size]=\"size\"\n [vertical]=\"vertical\"\n [animate]=\"animate\"\n [rtl]=\"rtl\"\n [itemTemplate]=\"itemTemplate\"\n [itemLinkTemplate]=\"itemLinkTemplate\"\n [openOnClick]=\"openOnClick\"\n [index]=\"hierarchyIndex(idx)\"\n [siblingIndex]=\"idx\"\n [attr.data-kendo-menu-index]=\"hierarchyIndex(idx)\"\n [ngClass]=\"item.cssClass\"\n [ngStyle]=\"item.cssStyle\"\n role=\"menuitem\"\n class=\"k-item k-menu-item\"\n [class.k-first]=\"idx === 0\"\n [class.k-last]=\"idx === items.length - 1\"\n [class.k-disabled]=\"item.disabled\"></li>\n <li \n *ngIf=\"item.separator\"\n class=\"k-separator k-item\"\n [ngClass]=\"item.cssClass\"\n aria-hidden=\"true\"\n [ngStyle]=\"item.cssStyle\">\n \n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i5.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(function () { return ItemComponent; }), selector: "[kendoMenuItem]", inputs: ["appendTo", "item", "level", "index", "siblingIndex", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
184
184
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, decorators: [{
|
|
185
185
|
type: Component,
|
|
186
186
|
args: [{
|
|
@@ -189,6 +189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
189
189
|
<ng-container *ngFor="let item of items; let idx = index">
|
|
190
190
|
<li *ngIf="!item.separator"
|
|
191
191
|
kendoMenuItem
|
|
192
|
+
[appendTo]="appendTo"
|
|
192
193
|
[item]="item"
|
|
193
194
|
[level]="level"
|
|
194
195
|
[size]="size"
|
|
@@ -219,7 +220,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
219
220
|
</ng-container>
|
|
220
221
|
`
|
|
221
222
|
}]
|
|
222
|
-
}], ctorParameters: function () { return [{ type: i1.ItemsService }, { type: i2.HoverService }, { type: i3.ActionsService }, { type: i4.NavigationService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: {
|
|
223
|
+
}], ctorParameters: function () { return [{ type: i1.ItemsService }, { type: i2.HoverService }, { type: i3.ActionsService }, { type: i4.NavigationService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { appendTo: [{
|
|
224
|
+
type: Input
|
|
225
|
+
}], items: [{
|
|
223
226
|
type: Input
|
|
224
227
|
}], level: [{
|
|
225
228
|
type: Input
|
|
@@ -381,6 +384,7 @@ export class ItemComponent {
|
|
|
381
384
|
}) : false;
|
|
382
385
|
this.opened = true;
|
|
383
386
|
this.popupRef = this.popupService.open({
|
|
387
|
+
appendTo: this.appendTo,
|
|
384
388
|
popupAlign: popupSettings.popup,
|
|
385
389
|
anchorAlign: popupSettings.anchor,
|
|
386
390
|
collision: popupSettings.collision,
|
|
@@ -429,7 +433,7 @@ export class ItemComponent {
|
|
|
429
433
|
}
|
|
430
434
|
}
|
|
431
435
|
ItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemComponent, deps: [{ token: i1.ItemsService }, { token: i4.NavigationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i6.PopupService }, { token: i0.ElementRef }, { token: i7.ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
432
|
-
ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ItemComponent, selector: "[kendoMenuItem]", inputs: { item: "item", level: "level", index: "index", siblingIndex: "siblingIndex", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, host: { properties: { "attr.aria-disabled": "this.disabled", "attr.aria-haspopup": "this.hasPopup", "attr.aria-expanded": "this.expanded", "attr.aria-label": "this.label", "attr.tabindex": "this.activeId" } }, providers: [PopupService, {
|
|
436
|
+
ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ItemComponent, selector: "[kendoMenuItem]", inputs: { appendTo: "appendTo", item: "item", level: "level", index: "index", siblingIndex: "siblingIndex", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, host: { properties: { "attr.aria-disabled": "this.disabled", "attr.aria-haspopup": "this.hasPopup", "attr.aria-expanded": "this.expanded", "attr.aria-label": "this.label", "attr.tabindex": "this.activeId" } }, providers: [PopupService, {
|
|
433
437
|
provide: POPUP_CONTAINER,
|
|
434
438
|
useFactory: bodyFactory
|
|
435
439
|
}], viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0, template: `
|
|
@@ -454,6 +458,7 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
454
458
|
|
|
455
459
|
<ng-template #popupTemplate>
|
|
456
460
|
<ul kendoMenuList
|
|
461
|
+
[appendTo]="appendTo"
|
|
457
462
|
[attr.id]="childId"
|
|
458
463
|
[animate]="animate"
|
|
459
464
|
[rtl]="rtl"
|
|
@@ -479,7 +484,7 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
479
484
|
</ng-template>
|
|
480
485
|
<kendo-icon-wrapper *ngIf="hasContent" [name]="fontIcon(horizontal, rtl)" [svgIcon]="SVGIcon(horizontal, rtl)" class="k-menu-expand-arrow" aria-hidden="true"></kendo-icon-wrapper>
|
|
481
486
|
</ng-template>
|
|
482
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
487
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["appendTo", "items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
483
488
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemComponent, decorators: [{
|
|
484
489
|
type: Component,
|
|
485
490
|
args: [{
|
|
@@ -510,6 +515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
510
515
|
|
|
511
516
|
<ng-template #popupTemplate>
|
|
512
517
|
<ul kendoMenuList
|
|
518
|
+
[appendTo]="appendTo"
|
|
513
519
|
[attr.id]="childId"
|
|
514
520
|
[animate]="animate"
|
|
515
521
|
[rtl]="rtl"
|
|
@@ -539,7 +545,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
539
545
|
}]
|
|
540
546
|
}], ctorParameters: function () { return [{ type: i1.ItemsService }, { type: i4.NavigationService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i6.PopupService }, { type: i0.ElementRef }, { type: i7.ContextMenuService, decorators: [{
|
|
541
547
|
type: Optional
|
|
542
|
-
}] }]; }, propDecorators: {
|
|
548
|
+
}] }]; }, propDecorators: { appendTo: [{
|
|
549
|
+
type: Input
|
|
550
|
+
}], item: [{
|
|
543
551
|
type: Input
|
|
544
552
|
}], level: [{
|
|
545
553
|
type: Input
|
|
@@ -23,8 +23,8 @@ const packageMetadata = {
|
|
|
23
23
|
name: '@progress/kendo-angular-menu',
|
|
24
24
|
productName: 'Kendo UI for Angular',
|
|
25
25
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
26
|
-
publishDate:
|
|
27
|
-
version: '16.
|
|
26
|
+
publishDate: 1717413044,
|
|
27
|
+
version: '16.2.0-develop.2',
|
|
28
28
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
29
29
|
};
|
|
30
30
|
|
|
@@ -1425,7 +1425,7 @@ class ListComponent {
|
|
|
1425
1425
|
}
|
|
1426
1426
|
}
|
|
1427
1427
|
ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [{ token: ItemsService }, { token: HoverService }, { token: ActionsService }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1428
|
-
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "[kendoMenuList]", inputs: { items: "items", level: "level", index: "index", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, ngImport: i0, template: "\n <ng-container *ngFor=\"let item of items; let idx = index\">\n <li *ngIf=\"!item.separator\" \n kendoMenuItem\n [item]=\"item\"\n [level]=\"level\"\n [size]=\"size\"\n [vertical]=\"vertical\"\n [animate]=\"animate\"\n [rtl]=\"rtl\"\n [itemTemplate]=\"itemTemplate\"\n [itemLinkTemplate]=\"itemLinkTemplate\"\n [openOnClick]=\"openOnClick\"\n [index]=\"hierarchyIndex(idx)\"\n [siblingIndex]=\"idx\"\n [attr.data-kendo-menu-index]=\"hierarchyIndex(idx)\"\n [ngClass]=\"item.cssClass\"\n [ngStyle]=\"item.cssStyle\"\n role=\"menuitem\"\n class=\"k-item k-menu-item\"\n [class.k-first]=\"idx === 0\"\n [class.k-last]=\"idx === items.length - 1\"\n [class.k-disabled]=\"item.disabled\"></li>\n <li \n *ngIf=\"item.separator\"\n class=\"k-separator k-item\"\n [ngClass]=\"item.cssClass\"\n aria-hidden=\"true\"\n [ngStyle]=\"item.cssStyle\">\n \n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i5.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(function () { return ItemComponent; }), selector: "[kendoMenuItem]", inputs: ["item", "level", "index", "siblingIndex", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
1428
|
+
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "[kendoMenuList]", inputs: { appendTo: "appendTo", items: "items", level: "level", index: "index", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, ngImport: i0, template: "\n <ng-container *ngFor=\"let item of items; let idx = index\">\n <li *ngIf=\"!item.separator\" \n kendoMenuItem\n [appendTo]=\"appendTo\"\n [item]=\"item\"\n [level]=\"level\"\n [size]=\"size\"\n [vertical]=\"vertical\"\n [animate]=\"animate\"\n [rtl]=\"rtl\"\n [itemTemplate]=\"itemTemplate\"\n [itemLinkTemplate]=\"itemLinkTemplate\"\n [openOnClick]=\"openOnClick\"\n [index]=\"hierarchyIndex(idx)\"\n [siblingIndex]=\"idx\"\n [attr.data-kendo-menu-index]=\"hierarchyIndex(idx)\"\n [ngClass]=\"item.cssClass\"\n [ngStyle]=\"item.cssStyle\"\n role=\"menuitem\"\n class=\"k-item k-menu-item\"\n [class.k-first]=\"idx === 0\"\n [class.k-last]=\"idx === items.length - 1\"\n [class.k-disabled]=\"item.disabled\"></li>\n <li \n *ngIf=\"item.separator\"\n class=\"k-separator k-item\"\n [ngClass]=\"item.cssClass\"\n aria-hidden=\"true\"\n [ngStyle]=\"item.cssStyle\">\n \n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i5.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(function () { return ItemComponent; }), selector: "[kendoMenuItem]", inputs: ["appendTo", "item", "level", "index", "siblingIndex", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
1429
1429
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, decorators: [{
|
|
1430
1430
|
type: Component,
|
|
1431
1431
|
args: [{
|
|
@@ -1434,6 +1434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1434
1434
|
<ng-container *ngFor="let item of items; let idx = index">
|
|
1435
1435
|
<li *ngIf="!item.separator"
|
|
1436
1436
|
kendoMenuItem
|
|
1437
|
+
[appendTo]="appendTo"
|
|
1437
1438
|
[item]="item"
|
|
1438
1439
|
[level]="level"
|
|
1439
1440
|
[size]="size"
|
|
@@ -1464,7 +1465,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1464
1465
|
</ng-container>
|
|
1465
1466
|
`
|
|
1466
1467
|
}]
|
|
1467
|
-
}], ctorParameters: function () { return [{ type: ItemsService }, { type: HoverService }, { type: ActionsService }, { type: NavigationService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: {
|
|
1468
|
+
}], ctorParameters: function () { return [{ type: ItemsService }, { type: HoverService }, { type: ActionsService }, { type: NavigationService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { appendTo: [{
|
|
1469
|
+
type: Input
|
|
1470
|
+
}], items: [{
|
|
1468
1471
|
type: Input
|
|
1469
1472
|
}], level: [{
|
|
1470
1473
|
type: Input
|
|
@@ -1626,6 +1629,7 @@ class ItemComponent {
|
|
|
1626
1629
|
}) : false;
|
|
1627
1630
|
this.opened = true;
|
|
1628
1631
|
this.popupRef = this.popupService.open({
|
|
1632
|
+
appendTo: this.appendTo,
|
|
1629
1633
|
popupAlign: popupSettings.popup,
|
|
1630
1634
|
anchorAlign: popupSettings.anchor,
|
|
1631
1635
|
collision: popupSettings.collision,
|
|
@@ -1674,7 +1678,7 @@ class ItemComponent {
|
|
|
1674
1678
|
}
|
|
1675
1679
|
}
|
|
1676
1680
|
ItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemComponent, deps: [{ token: ItemsService }, { token: NavigationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i6.PopupService }, { token: i0.ElementRef }, { token: ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1677
|
-
ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ItemComponent, selector: "[kendoMenuItem]", inputs: { item: "item", level: "level", index: "index", siblingIndex: "siblingIndex", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, host: { properties: { "attr.aria-disabled": "this.disabled", "attr.aria-haspopup": "this.hasPopup", "attr.aria-expanded": "this.expanded", "attr.aria-label": "this.label", "attr.tabindex": "this.activeId" } }, providers: [PopupService, {
|
|
1681
|
+
ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ItemComponent, selector: "[kendoMenuItem]", inputs: { appendTo: "appendTo", item: "item", level: "level", index: "index", siblingIndex: "siblingIndex", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, host: { properties: { "attr.aria-disabled": "this.disabled", "attr.aria-haspopup": "this.hasPopup", "attr.aria-expanded": "this.expanded", "attr.aria-label": "this.label", "attr.tabindex": "this.activeId" } }, providers: [PopupService, {
|
|
1678
1682
|
provide: POPUP_CONTAINER,
|
|
1679
1683
|
useFactory: bodyFactory
|
|
1680
1684
|
}], viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0, template: `
|
|
@@ -1699,6 +1703,7 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
1699
1703
|
|
|
1700
1704
|
<ng-template #popupTemplate>
|
|
1701
1705
|
<ul kendoMenuList
|
|
1706
|
+
[appendTo]="appendTo"
|
|
1702
1707
|
[attr.id]="childId"
|
|
1703
1708
|
[animate]="animate"
|
|
1704
1709
|
[rtl]="rtl"
|
|
@@ -1724,7 +1729,7 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
1724
1729
|
</ng-template>
|
|
1725
1730
|
<kendo-icon-wrapper *ngIf="hasContent" [name]="fontIcon(horizontal, rtl)" [svgIcon]="SVGIcon(horizontal, rtl)" class="k-menu-expand-arrow" aria-hidden="true"></kendo-icon-wrapper>
|
|
1726
1731
|
</ng-template>
|
|
1727
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
1732
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["appendTo", "items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
1728
1733
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemComponent, decorators: [{
|
|
1729
1734
|
type: Component,
|
|
1730
1735
|
args: [{
|
|
@@ -1755,6 +1760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1755
1760
|
|
|
1756
1761
|
<ng-template #popupTemplate>
|
|
1757
1762
|
<ul kendoMenuList
|
|
1763
|
+
[appendTo]="appendTo"
|
|
1758
1764
|
[attr.id]="childId"
|
|
1759
1765
|
[animate]="animate"
|
|
1760
1766
|
[rtl]="rtl"
|
|
@@ -1786,7 +1792,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1786
1792
|
return [{ type: ItemsService }, { type: NavigationService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i6.PopupService }, { type: i0.ElementRef }, { type: ContextMenuService, decorators: [{
|
|
1787
1793
|
type: Optional
|
|
1788
1794
|
}] }];
|
|
1789
|
-
}, propDecorators: {
|
|
1795
|
+
}, propDecorators: { appendTo: [{
|
|
1796
|
+
type: Input
|
|
1797
|
+
}], item: [{
|
|
1790
1798
|
type: Input
|
|
1791
1799
|
}], level: [{
|
|
1792
1800
|
type: Input
|
|
@@ -2002,7 +2010,7 @@ class MenuComponent extends MenuBase {
|
|
|
2002
2010
|
}
|
|
2003
2011
|
}
|
|
2004
2012
|
MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, deps: [{ token: ItemsService }, { token: HoverService }, { token: ActionsService }, { token: NavigationService }, { token: i3.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2005
|
-
MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuComponent, selector: "kendo-menu", inputs: { menuItemTemplate: "menuItemTemplate", ariaRole: "ariaRole", menuItemLinkTemplate: "menuItemLinkTemplate" }, outputs: { select: "select", open: "open", close: "close" }, host: { properties: { "class.k-rtl": "this.direction" } }, providers: [
|
|
2013
|
+
MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuComponent, selector: "kendo-menu", inputs: { appendTo: "appendTo", menuItemTemplate: "menuItemTemplate", ariaRole: "ariaRole", menuItemLinkTemplate: "menuItemLinkTemplate" }, outputs: { select: "select", open: "open", close: "close" }, host: { properties: { "class.k-rtl": "this.direction" } }, providers: [
|
|
2006
2014
|
ItemsService,
|
|
2007
2015
|
ActionsService,
|
|
2008
2016
|
NavigationService,
|
|
@@ -2020,13 +2028,13 @@ MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
2020
2028
|
<ul
|
|
2021
2029
|
[attr.role]="ariaRole"
|
|
2022
2030
|
[attr.aria-orientation]="ariaOrientation"
|
|
2023
|
-
kendoMenuList [items]="rootItems" [level]="0"
|
|
2031
|
+
kendoMenuList [items]="rootItems" [level]="0" [appendTo]="appendTo"
|
|
2024
2032
|
[size]="size" [vertical]="vertical" [rtl]="rtl" [animate]="animate" [openOnClick]="openOnClick"
|
|
2025
2033
|
[itemTemplate]="itemTemplate.first?.templateRef || menuItemTemplate"
|
|
2026
2034
|
[itemLinkTemplate]="itemLinkTemplate.first?.templateRef || menuItemLinkTemplate"
|
|
2027
2035
|
[ngClass]="menuClasses">
|
|
2028
2036
|
</ul>
|
|
2029
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
2037
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["appendTo", "items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
2030
2038
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, decorators: [{
|
|
2031
2039
|
type: Component,
|
|
2032
2040
|
args: [{
|
|
@@ -2051,7 +2059,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2051
2059
|
<ul
|
|
2052
2060
|
[attr.role]="ariaRole"
|
|
2053
2061
|
[attr.aria-orientation]="ariaOrientation"
|
|
2054
|
-
kendoMenuList [items]="rootItems" [level]="0"
|
|
2062
|
+
kendoMenuList [items]="rootItems" [level]="0" [appendTo]="appendTo"
|
|
2055
2063
|
[size]="size" [vertical]="vertical" [rtl]="rtl" [animate]="animate" [openOnClick]="openOnClick"
|
|
2056
2064
|
[itemTemplate]="itemTemplate.first?.templateRef || menuItemTemplate"
|
|
2057
2065
|
[itemLinkTemplate]="itemLinkTemplate.first?.templateRef || menuItemLinkTemplate"
|
|
@@ -2063,7 +2071,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2063
2071
|
return [{ type: ItemsService }, { type: HoverService }, { type: ActionsService }, { type: NavigationService }, { type: i3.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: ContextMenuService, decorators: [{
|
|
2064
2072
|
type: Optional
|
|
2065
2073
|
}] }];
|
|
2066
|
-
}, propDecorators: {
|
|
2074
|
+
}, propDecorators: { appendTo: [{
|
|
2075
|
+
type: Input
|
|
2076
|
+
}], menuItemTemplate: [{
|
|
2067
2077
|
type: Input
|
|
2068
2078
|
}], ariaRole: [{
|
|
2069
2079
|
type: Input
|
|
@@ -2985,6 +2995,7 @@ ContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2985
2995
|
], 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: `
|
|
2986
2996
|
<ng-template #default>
|
|
2987
2997
|
<kendo-menu [items]="rootItems"
|
|
2998
|
+
[appendTo]="appendTo"
|
|
2988
2999
|
[size]="size"
|
|
2989
3000
|
ariaRole="menu"
|
|
2990
3001
|
[vertical]="vertical"
|
|
@@ -2995,7 +3006,7 @@ ContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2995
3006
|
[menuItemLinkTemplate]="itemLinkTemplate.first?.templateRef"
|
|
2996
3007
|
></kendo-menu>
|
|
2997
3008
|
</ng-template>
|
|
2998
|
-
`, isInline: true, dependencies: [{ kind: "component", type: MenuComponent, selector: "kendo-menu", inputs: ["menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }] });
|
|
3009
|
+
`, isInline: true, dependencies: [{ kind: "component", type: MenuComponent, selector: "kendo-menu", inputs: ["appendTo", "menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }] });
|
|
2999
3010
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuComponent, decorators: [{
|
|
3000
3011
|
type: Component,
|
|
3001
3012
|
args: [{
|
|
@@ -3025,6 +3036,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3025
3036
|
template: `
|
|
3026
3037
|
<ng-template #default>
|
|
3027
3038
|
<kendo-menu [items]="rootItems"
|
|
3039
|
+
[appendTo]="appendTo"
|
|
3028
3040
|
[size]="size"
|
|
3029
3041
|
ariaRole="menu"
|
|
3030
3042
|
[vertical]="vertical"
|
|
@@ -23,8 +23,8 @@ const packageMetadata = {
|
|
|
23
23
|
name: '@progress/kendo-angular-menu',
|
|
24
24
|
productName: 'Kendo UI for Angular',
|
|
25
25
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
26
|
-
publishDate:
|
|
27
|
-
version: '16.
|
|
26
|
+
publishDate: 1717413044,
|
|
27
|
+
version: '16.2.0-develop.2',
|
|
28
28
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
29
29
|
};
|
|
30
30
|
|
|
@@ -1419,7 +1419,7 @@ class ListComponent {
|
|
|
1419
1419
|
}
|
|
1420
1420
|
}
|
|
1421
1421
|
ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [{ token: ItemsService }, { token: HoverService }, { token: ActionsService }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1422
|
-
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "[kendoMenuList]", inputs: { items: "items", level: "level", index: "index", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, ngImport: i0, template: "\n <ng-container *ngFor=\"let item of items; let idx = index\">\n <li *ngIf=\"!item.separator\" \n kendoMenuItem\n [item]=\"item\"\n [level]=\"level\"\n [size]=\"size\"\n [vertical]=\"vertical\"\n [animate]=\"animate\"\n [rtl]=\"rtl\"\n [itemTemplate]=\"itemTemplate\"\n [itemLinkTemplate]=\"itemLinkTemplate\"\n [openOnClick]=\"openOnClick\"\n [index]=\"hierarchyIndex(idx)\"\n [siblingIndex]=\"idx\"\n [attr.data-kendo-menu-index]=\"hierarchyIndex(idx)\"\n [ngClass]=\"item.cssClass\"\n [ngStyle]=\"item.cssStyle\"\n role=\"menuitem\"\n class=\"k-item k-menu-item\"\n [class.k-first]=\"idx === 0\"\n [class.k-last]=\"idx === items.length - 1\"\n [class.k-disabled]=\"item.disabled\"></li>\n <li \n *ngIf=\"item.separator\"\n class=\"k-separator k-item\"\n [ngClass]=\"item.cssClass\"\n aria-hidden=\"true\"\n [ngStyle]=\"item.cssStyle\">\n \n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i5.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(function () { return ItemComponent; }), selector: "[kendoMenuItem]", inputs: ["item", "level", "index", "siblingIndex", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
1422
|
+
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "[kendoMenuList]", inputs: { appendTo: "appendTo", items: "items", level: "level", index: "index", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, ngImport: i0, template: "\n <ng-container *ngFor=\"let item of items; let idx = index\">\n <li *ngIf=\"!item.separator\" \n kendoMenuItem\n [appendTo]=\"appendTo\"\n [item]=\"item\"\n [level]=\"level\"\n [size]=\"size\"\n [vertical]=\"vertical\"\n [animate]=\"animate\"\n [rtl]=\"rtl\"\n [itemTemplate]=\"itemTemplate\"\n [itemLinkTemplate]=\"itemLinkTemplate\"\n [openOnClick]=\"openOnClick\"\n [index]=\"hierarchyIndex(idx)\"\n [siblingIndex]=\"idx\"\n [attr.data-kendo-menu-index]=\"hierarchyIndex(idx)\"\n [ngClass]=\"item.cssClass\"\n [ngStyle]=\"item.cssStyle\"\n role=\"menuitem\"\n class=\"k-item k-menu-item\"\n [class.k-first]=\"idx === 0\"\n [class.k-last]=\"idx === items.length - 1\"\n [class.k-disabled]=\"item.disabled\"></li>\n <li \n *ngIf=\"item.separator\"\n class=\"k-separator k-item\"\n [ngClass]=\"item.cssClass\"\n aria-hidden=\"true\"\n [ngStyle]=\"item.cssStyle\">\n \n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i5.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(function () { return ItemComponent; }), selector: "[kendoMenuItem]", inputs: ["appendTo", "item", "level", "index", "siblingIndex", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
1423
1423
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, decorators: [{
|
|
1424
1424
|
type: Component,
|
|
1425
1425
|
args: [{
|
|
@@ -1428,6 +1428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1428
1428
|
<ng-container *ngFor="let item of items; let idx = index">
|
|
1429
1429
|
<li *ngIf="!item.separator"
|
|
1430
1430
|
kendoMenuItem
|
|
1431
|
+
[appendTo]="appendTo"
|
|
1431
1432
|
[item]="item"
|
|
1432
1433
|
[level]="level"
|
|
1433
1434
|
[size]="size"
|
|
@@ -1458,7 +1459,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1458
1459
|
</ng-container>
|
|
1459
1460
|
`
|
|
1460
1461
|
}]
|
|
1461
|
-
}], ctorParameters: function () { return [{ type: ItemsService }, { type: HoverService }, { type: ActionsService }, { type: NavigationService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: {
|
|
1462
|
+
}], ctorParameters: function () { return [{ type: ItemsService }, { type: HoverService }, { type: ActionsService }, { type: NavigationService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { appendTo: [{
|
|
1463
|
+
type: Input
|
|
1464
|
+
}], items: [{
|
|
1462
1465
|
type: Input
|
|
1463
1466
|
}], level: [{
|
|
1464
1467
|
type: Input
|
|
@@ -1620,6 +1623,7 @@ class ItemComponent {
|
|
|
1620
1623
|
}) : false;
|
|
1621
1624
|
this.opened = true;
|
|
1622
1625
|
this.popupRef = this.popupService.open({
|
|
1626
|
+
appendTo: this.appendTo,
|
|
1623
1627
|
popupAlign: popupSettings.popup,
|
|
1624
1628
|
anchorAlign: popupSettings.anchor,
|
|
1625
1629
|
collision: popupSettings.collision,
|
|
@@ -1668,7 +1672,7 @@ class ItemComponent {
|
|
|
1668
1672
|
}
|
|
1669
1673
|
}
|
|
1670
1674
|
ItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemComponent, deps: [{ token: ItemsService }, { token: NavigationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i6.PopupService }, { token: i0.ElementRef }, { token: ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1671
|
-
ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ItemComponent, selector: "[kendoMenuItem]", inputs: { item: "item", level: "level", index: "index", siblingIndex: "siblingIndex", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, host: { properties: { "attr.aria-disabled": "this.disabled", "attr.aria-haspopup": "this.hasPopup", "attr.aria-expanded": "this.expanded", "attr.aria-label": "this.label", "attr.tabindex": "this.activeId" } }, providers: [PopupService, {
|
|
1675
|
+
ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ItemComponent, selector: "[kendoMenuItem]", inputs: { appendTo: "appendTo", item: "item", level: "level", index: "index", siblingIndex: "siblingIndex", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate" }, host: { properties: { "attr.aria-disabled": "this.disabled", "attr.aria-haspopup": "this.hasPopup", "attr.aria-expanded": "this.expanded", "attr.aria-label": "this.label", "attr.tabindex": "this.activeId" } }, providers: [PopupService, {
|
|
1672
1676
|
provide: POPUP_CONTAINER,
|
|
1673
1677
|
useFactory: bodyFactory
|
|
1674
1678
|
}], viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0, template: `
|
|
@@ -1693,6 +1697,7 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
1693
1697
|
|
|
1694
1698
|
<ng-template #popupTemplate>
|
|
1695
1699
|
<ul kendoMenuList
|
|
1700
|
+
[appendTo]="appendTo"
|
|
1696
1701
|
[attr.id]="childId"
|
|
1697
1702
|
[animate]="animate"
|
|
1698
1703
|
[rtl]="rtl"
|
|
@@ -1718,7 +1723,7 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
1718
1723
|
</ng-template>
|
|
1719
1724
|
<kendo-icon-wrapper *ngIf="hasContent" [name]="fontIcon(horizontal, rtl)" [svgIcon]="SVGIcon(horizontal, rtl)" class="k-menu-expand-arrow" aria-hidden="true"></kendo-icon-wrapper>
|
|
1720
1725
|
</ng-template>
|
|
1721
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
1726
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["appendTo", "items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
1722
1727
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemComponent, decorators: [{
|
|
1723
1728
|
type: Component,
|
|
1724
1729
|
args: [{
|
|
@@ -1749,6 +1754,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1749
1754
|
|
|
1750
1755
|
<ng-template #popupTemplate>
|
|
1751
1756
|
<ul kendoMenuList
|
|
1757
|
+
[appendTo]="appendTo"
|
|
1752
1758
|
[attr.id]="childId"
|
|
1753
1759
|
[animate]="animate"
|
|
1754
1760
|
[rtl]="rtl"
|
|
@@ -1778,7 +1784,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1778
1784
|
}]
|
|
1779
1785
|
}], ctorParameters: function () { return [{ type: ItemsService }, { type: NavigationService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i6.PopupService }, { type: i0.ElementRef }, { type: ContextMenuService, decorators: [{
|
|
1780
1786
|
type: Optional
|
|
1781
|
-
}] }]; }, propDecorators: {
|
|
1787
|
+
}] }]; }, propDecorators: { appendTo: [{
|
|
1788
|
+
type: Input
|
|
1789
|
+
}], item: [{
|
|
1782
1790
|
type: Input
|
|
1783
1791
|
}], level: [{
|
|
1784
1792
|
type: Input
|
|
@@ -1994,7 +2002,7 @@ class MenuComponent extends MenuBase {
|
|
|
1994
2002
|
}
|
|
1995
2003
|
}
|
|
1996
2004
|
MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, deps: [{ token: ItemsService }, { token: HoverService }, { token: ActionsService }, { token: NavigationService }, { token: i3.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1997
|
-
MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuComponent, selector: "kendo-menu", inputs: { menuItemTemplate: "menuItemTemplate", ariaRole: "ariaRole", menuItemLinkTemplate: "menuItemLinkTemplate" }, outputs: { select: "select", open: "open", close: "close" }, host: { properties: { "class.k-rtl": "this.direction" } }, providers: [
|
|
2005
|
+
MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MenuComponent, selector: "kendo-menu", inputs: { appendTo: "appendTo", menuItemTemplate: "menuItemTemplate", ariaRole: "ariaRole", menuItemLinkTemplate: "menuItemLinkTemplate" }, outputs: { select: "select", open: "open", close: "close" }, host: { properties: { "class.k-rtl": "this.direction" } }, providers: [
|
|
1998
2006
|
ItemsService,
|
|
1999
2007
|
ActionsService,
|
|
2000
2008
|
NavigationService,
|
|
@@ -2012,13 +2020,13 @@ MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
|
|
|
2012
2020
|
<ul
|
|
2013
2021
|
[attr.role]="ariaRole"
|
|
2014
2022
|
[attr.aria-orientation]="ariaOrientation"
|
|
2015
|
-
kendoMenuList [items]="rootItems" [level]="0"
|
|
2023
|
+
kendoMenuList [items]="rootItems" [level]="0" [appendTo]="appendTo"
|
|
2016
2024
|
[size]="size" [vertical]="vertical" [rtl]="rtl" [animate]="animate" [openOnClick]="openOnClick"
|
|
2017
2025
|
[itemTemplate]="itemTemplate.first?.templateRef || menuItemTemplate"
|
|
2018
2026
|
[itemLinkTemplate]="itemLinkTemplate.first?.templateRef || menuItemLinkTemplate"
|
|
2019
2027
|
[ngClass]="menuClasses">
|
|
2020
2028
|
</ul>
|
|
2021
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
2029
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["appendTo", "items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }] });
|
|
2022
2030
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuComponent, decorators: [{
|
|
2023
2031
|
type: Component,
|
|
2024
2032
|
args: [{
|
|
@@ -2043,7 +2051,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2043
2051
|
<ul
|
|
2044
2052
|
[attr.role]="ariaRole"
|
|
2045
2053
|
[attr.aria-orientation]="ariaOrientation"
|
|
2046
|
-
kendoMenuList [items]="rootItems" [level]="0"
|
|
2054
|
+
kendoMenuList [items]="rootItems" [level]="0" [appendTo]="appendTo"
|
|
2047
2055
|
[size]="size" [vertical]="vertical" [rtl]="rtl" [animate]="animate" [openOnClick]="openOnClick"
|
|
2048
2056
|
[itemTemplate]="itemTemplate.first?.templateRef || menuItemTemplate"
|
|
2049
2057
|
[itemLinkTemplate]="itemLinkTemplate.first?.templateRef || menuItemLinkTemplate"
|
|
@@ -2053,7 +2061,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2053
2061
|
}]
|
|
2054
2062
|
}], ctorParameters: function () { return [{ type: ItemsService }, { type: HoverService }, { type: ActionsService }, { type: NavigationService }, { type: i3.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: ContextMenuService, decorators: [{
|
|
2055
2063
|
type: Optional
|
|
2056
|
-
}] }]; }, propDecorators: {
|
|
2064
|
+
}] }]; }, propDecorators: { appendTo: [{
|
|
2065
|
+
type: Input
|
|
2066
|
+
}], menuItemTemplate: [{
|
|
2057
2067
|
type: Input
|
|
2058
2068
|
}], ariaRole: [{
|
|
2059
2069
|
type: Input
|
|
@@ -2973,6 +2983,7 @@ ContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2973
2983
|
], 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: `
|
|
2974
2984
|
<ng-template #default>
|
|
2975
2985
|
<kendo-menu [items]="rootItems"
|
|
2986
|
+
[appendTo]="appendTo"
|
|
2976
2987
|
[size]="size"
|
|
2977
2988
|
ariaRole="menu"
|
|
2978
2989
|
[vertical]="vertical"
|
|
@@ -2983,7 +2994,7 @@ ContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2983
2994
|
[menuItemLinkTemplate]="itemLinkTemplate.first?.templateRef"
|
|
2984
2995
|
></kendo-menu>
|
|
2985
2996
|
</ng-template>
|
|
2986
|
-
`, isInline: true, dependencies: [{ kind: "component", type: MenuComponent, selector: "kendo-menu", inputs: ["menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }] });
|
|
2997
|
+
`, isInline: true, dependencies: [{ kind: "component", type: MenuComponent, selector: "kendo-menu", inputs: ["appendTo", "menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }] });
|
|
2987
2998
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextMenuComponent, decorators: [{
|
|
2988
2999
|
type: Component,
|
|
2989
3000
|
args: [{
|
|
@@ -3013,6 +3024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3013
3024
|
template: `
|
|
3014
3025
|
<ng-template #default>
|
|
3015
3026
|
<kendo-menu [items]="rootItems"
|
|
3027
|
+
[appendTo]="appendTo"
|
|
3016
3028
|
[size]="size"
|
|
3017
3029
|
ariaRole="menu"
|
|
3018
3030
|
[vertical]="vertical"
|
package/menu.component.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { EventEmitter, OnChanges, AfterViewChecked, NgZone, Renderer2, TemplateRef } from '@angular/core';
|
|
5
|
+
import { EventEmitter, OnChanges, AfterViewChecked, NgZone, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
6
6
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
7
|
import { ItemsService } from './services/items.service';
|
|
8
8
|
import { ActionsService } from './services/actions.service';
|
|
@@ -39,6 +39,10 @@ export declare class MenuComponent extends MenuBase implements OnChanges, AfterV
|
|
|
39
39
|
private ngZone;
|
|
40
40
|
private renderer;
|
|
41
41
|
private contextService?;
|
|
42
|
+
/**
|
|
43
|
+
* Defines the container to which the popups will be appended.
|
|
44
|
+
*/
|
|
45
|
+
appendTo: ViewContainerRef;
|
|
42
46
|
/**
|
|
43
47
|
* @hidden
|
|
44
48
|
*/
|
|
@@ -98,5 +102,5 @@ export declare class MenuComponent extends MenuBase implements OnChanges, AfterV
|
|
|
98
102
|
private unsubscribeClick;
|
|
99
103
|
private contextKeyDown;
|
|
100
104
|
static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
|
|
101
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "kendo-menu", ["kendoMenu"], { "menuItemTemplate": "menuItemTemplate"; "ariaRole": "ariaRole"; "menuItemLinkTemplate": "menuItemLinkTemplate"; }, { "select": "select"; "open": "open"; "close": "close"; }, never, never, false, never>;
|
|
105
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "kendo-menu", ["kendoMenu"], { "appendTo": "appendTo"; "menuItemTemplate": "menuItemTemplate"; "ariaRole": "ariaRole"; "menuItemLinkTemplate": "menuItemLinkTemplate"; }, { "select": "select"; "open": "open"; "close": "close"; }, never, never, false, never>;
|
|
102
106
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-menu",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.2.0-develop.2",
|
|
4
4
|
"description": "Kendo UI Angular Menu component",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -23,15 +23,15 @@
|
|
|
23
23
|
"@angular/core": "15 - 18",
|
|
24
24
|
"@angular/platform-browser": "15 - 18",
|
|
25
25
|
"@progress/kendo-licensing": "^1.0.2",
|
|
26
|
-
"@progress/kendo-angular-common": "16.
|
|
27
|
-
"@progress/kendo-angular-l10n": "16.
|
|
28
|
-
"@progress/kendo-angular-icons": "16.
|
|
29
|
-
"@progress/kendo-angular-popup": "16.
|
|
26
|
+
"@progress/kendo-angular-common": "16.2.0-develop.2",
|
|
27
|
+
"@progress/kendo-angular-l10n": "16.2.0-develop.2",
|
|
28
|
+
"@progress/kendo-angular-icons": "16.2.0-develop.2",
|
|
29
|
+
"@progress/kendo-angular-popup": "16.2.0-develop.2",
|
|
30
30
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"tslib": "^2.3.1",
|
|
34
|
-
"@progress/kendo-angular-schematics": "16.
|
|
34
|
+
"@progress/kendo-angular-schematics": "16.2.0-develop.2"
|
|
35
35
|
},
|
|
36
36
|
"schematics": "./schematics/collection.json",
|
|
37
37
|
"module": "fesm2015/progress-kendo-angular-menu.mjs",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef, NgZone, OnDestroy, OnInit, Renderer2, TemplateRef } from '@angular/core';
|
|
5
|
+
import { ElementRef, NgZone, OnDestroy, OnInit, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
6
6
|
import { ChangeDetectorRef } from '@angular/core';
|
|
7
7
|
import { PopupService } from '@progress/kendo-angular-popup';
|
|
8
8
|
import { ContextMenuService } from '../context-menu/context-menu.service';
|
|
@@ -24,6 +24,7 @@ export declare class ListComponent implements OnInit, OnDestroy {
|
|
|
24
24
|
private renderer;
|
|
25
25
|
private ngZone;
|
|
26
26
|
element: ElementRef;
|
|
27
|
+
appendTo: ViewContainerRef;
|
|
27
28
|
items: any[];
|
|
28
29
|
level: number;
|
|
29
30
|
index: string;
|
|
@@ -45,7 +46,7 @@ export declare class ListComponent implements OnInit, OnDestroy {
|
|
|
45
46
|
private nodeItem;
|
|
46
47
|
private clickHandler;
|
|
47
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "[kendoMenuList]", never, { "items": "items"; "level": "level"; "index": "index"; "animate": "animate"; "size": "size"; "vertical": "vertical"; "rtl": "rtl"; "openOnClick": "openOnClick"; "itemTemplate": "itemTemplate"; "itemLinkTemplate": "itemLinkTemplate"; }, {}, never, never, false, never>;
|
|
49
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "[kendoMenuList]", never, { "appendTo": "appendTo"; "items": "items"; "level": "level"; "index": "index"; "animate": "animate"; "size": "size"; "vertical": "vertical"; "rtl": "rtl"; "openOnClick": "openOnClick"; "itemTemplate": "itemTemplate"; "itemLinkTemplate": "itemLinkTemplate"; }, {}, never, never, false, never>;
|
|
49
50
|
}
|
|
50
51
|
/**
|
|
51
52
|
* @hidden
|
|
@@ -58,6 +59,7 @@ export declare class ItemComponent {
|
|
|
58
59
|
private popupService;
|
|
59
60
|
element: ElementRef;
|
|
60
61
|
private contextService?;
|
|
62
|
+
appendTo: ViewContainerRef;
|
|
61
63
|
item: any;
|
|
62
64
|
level: number;
|
|
63
65
|
set index(index: string);
|
|
@@ -115,5 +117,5 @@ export declare class ItemComponent {
|
|
|
115
117
|
navigate(): void;
|
|
116
118
|
private setAttribute;
|
|
117
119
|
static ɵfac: i0.ɵɵFactoryDeclaration<ItemComponent, [null, null, null, null, null, null, { optional: true; }]>;
|
|
118
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ItemComponent, "[kendoMenuItem]", never, { "item": "item"; "level": "level"; "index": "index"; "siblingIndex": "siblingIndex"; "animate": "animate"; "size": "size"; "vertical": "vertical"; "rtl": "rtl"; "openOnClick": "openOnClick"; "itemTemplate": "itemTemplate"; "itemLinkTemplate": "itemLinkTemplate"; }, {}, never, never, false, never>;
|
|
120
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItemComponent, "[kendoMenuItem]", never, { "appendTo": "appendTo"; "item": "item"; "level": "level"; "index": "index"; "siblingIndex": "siblingIndex"; "animate": "animate"; "size": "size"; "vertical": "vertical"; "rtl": "rtl"; "openOnClick": "openOnClick"; "itemTemplate": "itemTemplate"; "itemLinkTemplate": "itemLinkTemplate"; }, {}, never, never, false, never>;
|
|
119
121
|
}
|