@progress/kendo-angular-menu 17.0.0-develop.9 → 17.0.1-develop.1

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.
Files changed (60) hide show
  1. package/context-menu/context-menu-target.directive.d.ts +1 -1
  2. package/context-menu/context-menu.component.d.ts +1 -1
  3. package/data-binding/flat-binding.directive.d.ts +1 -1
  4. package/data-binding/hierachy-binding.directive.d.ts +1 -1
  5. package/{esm2020 → esm2022}/context-menu/context-menu-event.mjs +16 -0
  6. package/{esm2020 → esm2022}/context-menu/context-menu-items.service.mjs +4 -3
  7. package/{esm2020 → esm2022}/context-menu/context-menu-popup-event.mjs +12 -0
  8. package/{esm2020 → esm2022}/context-menu/context-menu-select-event.mjs +4 -0
  9. package/{esm2020 → esm2022}/context-menu/context-menu-target-container.directive.mjs +8 -3
  10. package/{esm2020 → esm2022}/context-menu/context-menu-target.directive.mjs +16 -7
  11. package/{esm2020 → esm2022}/context-menu/context-menu-target.service.mjs +4 -6
  12. package/{esm2020 → esm2022}/context-menu/context-menu-template.directive.mjs +4 -3
  13. package/{esm2020 → esm2022}/context-menu/context-menu.component.mjs +123 -60
  14. package/{esm2020 → esm2022}/context-menu/context-menu.module.mjs +4 -4
  15. package/{esm2020 → esm2022}/context-menu/context-menu.service.mjs +6 -6
  16. package/{esm2020 → esm2022}/data-binding/binding-directive-base.mjs +6 -3
  17. package/{esm2020 → esm2022}/data-binding/flat-binding.directive.mjs +47 -3
  18. package/{esm2020 → esm2022}/data-binding/hierachy-binding.directive.mjs +43 -3
  19. package/{esm2020 → esm2022}/menu-base.mjs +49 -35
  20. package/{esm2020 → esm2022}/menu-event.mjs +12 -0
  21. package/{esm2020 → esm2022}/menu-item.component.mjs +28 -3
  22. package/{esm2020 → esm2022}/menu-select-event.mjs +4 -0
  23. package/{esm2020 → esm2022}/menu.component.mjs +73 -51
  24. package/{esm2020 → esm2022}/menu.module.mjs +4 -4
  25. package/{esm2020 → esm2022}/menus.module.mjs +4 -4
  26. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  27. package/{esm2020 → esm2022}/preventable-event.mjs +7 -7
  28. package/{esm2020 → esm2022}/rendering/arrow.component.mjs +19 -5
  29. package/{esm2020 → esm2022}/rendering/link.directive.mjs +15 -9
  30. package/{esm2020 → esm2022}/rendering/list.component.mjs +73 -35
  31. package/{esm2020 → esm2022}/services/actions.service.mjs +19 -4
  32. package/{esm2020 → esm2022}/services/hover.service.mjs +13 -10
  33. package/{esm2020 → esm2022}/services/items.service.mjs +6 -8
  34. package/{esm2020 → esm2022}/services/navigation.service.mjs +16 -11
  35. package/{esm2020 → esm2022}/templates/item-content-template.directive.mjs +4 -3
  36. package/{esm2020 → esm2022}/templates/item-link-template.directive.mjs +4 -3
  37. package/{esm2020 → esm2022}/templates/item-template.directive.mjs +4 -3
  38. package/{fesm2020 → fesm2022}/progress-kendo-angular-menu.mjs +653 -298
  39. package/menu-base.d.ts +1 -1
  40. package/menu-item.component.d.ts +1 -1
  41. package/menu.component.d.ts +1 -1
  42. package/package.json +14 -20
  43. package/rendering/arrow.component.d.ts +1 -1
  44. package/rendering/link.directive.d.ts +1 -1
  45. package/rendering/list.component.d.ts +2 -2
  46. package/schematics/ngAdd/index.js +1 -1
  47. package/size.d.ts +1 -1
  48. package/fesm2015/progress-kendo-angular-menu.mjs +0 -3195
  49. /package/{esm2020 → esm2022}/constants.mjs +0 -0
  50. /package/{esm2020 → esm2022}/data-binding/utils.mjs +0 -0
  51. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  52. /package/{esm2020 → esm2022}/dom-queries.mjs +0 -0
  53. /package/{esm2020 → esm2022}/index.mjs +0 -0
  54. /package/{esm2020 → esm2022}/menu-animation.interface.mjs +0 -0
  55. /package/{esm2020 → esm2022}/menu-item.interface.mjs +0 -0
  56. /package/{esm2020 → esm2022}/open-on-click-settings.mjs +0 -0
  57. /package/{esm2020 → esm2022}/progress-kendo-angular-menu.mjs +0 -0
  58. /package/{esm2020 → esm2022}/rendering/popup-settings.mjs +0 -0
  59. /package/{esm2020 → esm2022}/size.mjs +0 -0
  60. /package/{esm2020 → esm2022}/utils.mjs +0 -0
@@ -29,6 +29,25 @@ import * as i6 from "../context-menu/context-menu.service";
29
29
  * @hidden
30
30
  */
31
31
  export class ListComponent {
32
+ itemsService;
33
+ hover;
34
+ actions;
35
+ navigation;
36
+ renderer;
37
+ ngZone;
38
+ element;
39
+ appendTo;
40
+ items;
41
+ level;
42
+ index;
43
+ animate = true;
44
+ size = 'medium';
45
+ vertical;
46
+ rtl;
47
+ openOnClick;
48
+ itemTemplate;
49
+ itemLinkTemplate;
50
+ domSubscriptions;
32
51
  constructor(itemsService, hover, actions, navigation, renderer, ngZone, element) {
33
52
  this.itemsService = itemsService;
34
53
  this.hover = hover;
@@ -37,8 +56,6 @@ export class ListComponent {
37
56
  this.renderer = renderer;
38
57
  this.ngZone = ngZone;
39
58
  this.element = element;
40
- this.animate = true;
41
- this.size = 'medium';
42
59
  }
43
60
  hierarchyIndex(index) {
44
61
  return this.itemsService.itemIndex(this.index, index);
@@ -178,10 +195,10 @@ export class ListComponent {
178
195
  }
179
196
  this.actions.execute();
180
197
  }
198
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
199
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, isStandalone: true, 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 &nbsp;\n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return NgFor; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return ItemComponent; }), selector: "[kendoMenuItem]", inputs: ["appendTo", "item", "level", "index", "siblingIndex", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }] });
181
200
  }
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, isStandalone: true, 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 &nbsp;\n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return NgFor; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return ItemComponent; }), selector: "[kendoMenuItem]", inputs: ["appendTo", "item", "level", "index", "siblingIndex", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }] });
184
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, decorators: [{
201
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, decorators: [{
185
202
  type: Component,
186
203
  args: [{
187
204
  selector: '[kendoMenuList]',
@@ -249,29 +266,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
249
266
  * @hidden
250
267
  */
251
268
  export class ItemComponent {
252
- constructor(itemsService, navigation, changeDetector, renderer, popupService, element, contextService) {
253
- this.itemsService = itemsService;
254
- this.navigation = navigation;
255
- this.changeDetector = changeDetector;
256
- this.renderer = renderer;
257
- this.popupService = popupService;
258
- this.element = element;
259
- this.contextService = contextService;
260
- this.animate = true;
261
- this.size = 'medium';
262
- this.openOnClick = false;
263
- /**
264
- * @hidden
265
- */
266
- this.fontIcon = getFontIcon;
267
- /**
268
- * @hidden
269
- */
270
- this.SVGIcon = getSVGIcon;
271
- this.opened = false;
272
- this.navigating = false;
273
- this.destroyed = false;
274
- }
269
+ itemsService;
270
+ navigation;
271
+ changeDetector;
272
+ renderer;
273
+ popupService;
274
+ element;
275
+ contextService;
276
+ appendTo;
277
+ item;
278
+ level;
275
279
  set index(index) {
276
280
  if (this._index && this._index !== index) {
277
281
  this.itemsService.remove(this);
@@ -286,6 +290,16 @@ export class ItemComponent {
286
290
  get index() {
287
291
  return this._index;
288
292
  }
293
+ siblingIndex;
294
+ animate = true;
295
+ size = 'medium';
296
+ vertical;
297
+ rtl;
298
+ openOnClick = false;
299
+ itemTemplate;
300
+ itemLinkTemplate;
301
+ link;
302
+ popupTemplate;
289
303
  get disabled() {
290
304
  return this.item.disabled;
291
305
  }
@@ -342,6 +356,30 @@ export class ItemComponent {
342
356
  get template() {
343
357
  return this.item.template || this.itemTemplate;
344
358
  }
359
+ /**
360
+ * @hidden
361
+ */
362
+ fontIcon = getFontIcon;
363
+ /**
364
+ * @hidden
365
+ */
366
+ SVGIcon = getSVGIcon;
367
+ opened = false;
368
+ navigating = false;
369
+ childId;
370
+ contentItems;
371
+ popupRef;
372
+ _index;
373
+ destroyed = false;
374
+ constructor(itemsService, navigation, changeDetector, renderer, popupService, element, contextService) {
375
+ this.itemsService = itemsService;
376
+ this.navigation = navigation;
377
+ this.changeDetector = changeDetector;
378
+ this.renderer = renderer;
379
+ this.popupService = popupService;
380
+ this.element = element;
381
+ this.contextService = contextService;
382
+ }
345
383
  hasContentTemplates() {
346
384
  const item = this.item;
347
385
  return this.itemTemplate || item.contentTemplate || this.itemLinkTemplate ||
@@ -433,12 +471,11 @@ export class ItemComponent {
433
471
  setAttribute(name, value) {
434
472
  this.renderer.setAttribute(this.element.nativeElement, name, value);
435
473
  }
436
- }
437
- 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: i5.PopupService }, { token: i0.ElementRef }, { token: i6.ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
438
- ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ItemComponent, isStandalone: true, 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-label": "this.label" } }, providers: [PopupService, {
439
- provide: POPUP_CONTAINER,
440
- useFactory: bodyFactory
441
- }], viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0, template: `
474
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemComponent, deps: [{ token: i1.ItemsService }, { token: i4.NavigationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i5.PopupService }, { token: i0.ElementRef }, { token: i6.ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
475
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ItemComponent, isStandalone: true, 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-label": "this.label" } }, providers: [PopupService, {
476
+ provide: POPUP_CONTAINER,
477
+ useFactory: bodyFactory
478
+ }], viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0, template: `
442
479
  <span *ngIf="!hasLink && !item.content && !linkTemplate" class="k-link k-menu-link" #link
443
480
  [class.k-active]="opened" role="presentation">
444
481
  <ng-template [ngTemplateOutlet]="itemcontent">
@@ -487,7 +524,8 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
487
524
  <kendo-icon-wrapper *ngIf="hasContent" [name]="fontIcon(horizontal, rtl)" [svgIcon]="SVGIcon(horizontal, rtl)" class="k-menu-expand-arrow" aria-hidden="true"></kendo-icon-wrapper>
488
525
  </ng-template>
489
526
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ListComponent, selector: "[kendoMenuList]", inputs: ["appendTo", "items", "level", "index", "animate", "size", "vertical", "rtl", "openOnClick", "itemTemplate", "itemLinkTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
490
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemComponent, decorators: [{
527
+ }
528
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemComponent, decorators: [{
491
529
  type: Component,
492
530
  args: [{
493
531
  providers: [PopupService, {
@@ -13,6 +13,18 @@ const canPerformAction = (item, action) => !((action === 'open' && item.opened)
13
13
  * @hidden
14
14
  */
15
15
  export class MenuStateEvent extends PreventableEvent {
16
+ /**
17
+ * The MenuComponent that triggered the event.
18
+ */
19
+ sender;
20
+ /**
21
+ * The item data of the event.
22
+ */
23
+ item;
24
+ /**
25
+ * The item index of the event.
26
+ */
27
+ index;
16
28
  constructor(args) {
17
29
  super();
18
30
  Object.assign(this, args);
@@ -22,10 +34,13 @@ export class MenuStateEvent extends PreventableEvent {
22
34
  * @hidden
23
35
  */
24
36
  export class ActionsService {
37
+ ngZone;
38
+ items;
39
+ owner;
40
+ actions = [];
25
41
  constructor(ngZone, items) {
26
42
  this.ngZone = ngZone;
27
43
  this.items = items;
28
- this.actions = [];
29
44
  }
30
45
  open(item, finished) {
31
46
  if (item.disabled) {
@@ -169,9 +184,9 @@ export class ActionsService {
169
184
  this.close(items[idx]);
170
185
  }
171
186
  }
187
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsService, deps: [{ token: i0.NgZone }, { token: i1.ItemsService }], target: i0.ɵɵFactoryTarget.Injectable });
188
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsService });
172
189
  }
173
- ActionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionsService, deps: [{ token: i0.NgZone }, { token: i1.ItemsService }], target: i0.ɵɵFactoryTarget.Injectable });
174
- ActionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionsService });
175
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionsService, decorators: [{
190
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsService, decorators: [{
176
191
  type: Injectable
177
192
  }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.ItemsService }]; } });
@@ -13,13 +13,9 @@ const DISABLE_OPEN_ON_OVER_DELAY = 500;
13
13
  * @hidden
14
14
  */
15
15
  export class HoverService {
16
- constructor(actions, items) {
17
- this.actions = actions;
18
- this.items = items;
19
- this.delay = 100;
20
- this._openOnOver = true;
21
- this.scheduled = [];
22
- }
16
+ actions;
17
+ items;
18
+ delay = 100;
23
19
  get openOnOver() {
24
20
  return this._openOnOver;
25
21
  }
@@ -27,12 +23,19 @@ export class HoverService {
27
23
  this.cancelActions();
28
24
  this._openOnOver = value;
29
25
  }
26
+ _openOnOver = true;
27
+ hoveredIdx;
30
28
  get hovered() {
31
29
  return this.items.get(this.hoveredIdx);
32
30
  }
33
31
  set hovered(item) {
34
32
  this.hoveredIdx = item ? item.index : null;
35
33
  }
34
+ scheduled = [];
35
+ constructor(actions, items) {
36
+ this.actions = actions;
37
+ this.items = items;
38
+ }
36
39
  ngOnDestroy() {
37
40
  this.cancelActions();
38
41
  }
@@ -116,9 +119,9 @@ export class HoverService {
116
119
  }
117
120
  }
118
121
  }
122
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HoverService, deps: [{ token: i1.ActionsService }, { token: i2.ItemsService }], target: i0.ɵɵFactoryTarget.Injectable });
123
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HoverService });
119
124
  }
120
- HoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HoverService, deps: [{ token: i1.ActionsService }, { token: i2.ItemsService }], target: i0.ɵɵFactoryTarget.Injectable });
121
- HoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HoverService });
122
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HoverService, decorators: [{
125
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HoverService, decorators: [{
123
126
  type: Injectable
124
127
  }], ctorParameters: function () { return [{ type: i1.ActionsService }, { type: i2.ItemsService }]; } });
@@ -28,11 +28,9 @@ const next = (idx, items, dir) => {
28
28
  * @hidden
29
29
  */
30
30
  export class ItemsService {
31
- constructor() {
32
- this.items = {};
33
- this.lists = [];
34
- this.idPrefix = `k-menu${id++}`;
35
- }
31
+ items = {};
32
+ lists = [];
33
+ idPrefix = `k-menu${id++}`;
36
34
  get hasItems() {
37
35
  return Object.keys(this.items).length > 0;
38
36
  }
@@ -122,9 +120,9 @@ export class ItemsService {
122
120
  parentIndex(index) {
123
121
  return index.replace(PARENT_REGEX, '');
124
122
  }
123
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
124
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemsService });
125
125
  }
126
- ItemsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
127
- ItemsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemsService });
128
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemsService, decorators: [{
126
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemsService, decorators: [{
129
127
  type: Injectable
130
128
  }] });
@@ -35,14 +35,13 @@ const resolvedPromise = Promise.resolve(null);
35
35
  * @hidden
36
36
  */
37
37
  export class NavigationService {
38
- constructor(items, actions, localization, ngZone) {
39
- this.items = items;
40
- this.actions = actions;
41
- this.localization = localization;
42
- this.ngZone = ngZone;
43
- this.vertical = false;
44
- this.activeIndex = DEFAULT_ACTIVE;
45
- }
38
+ items;
39
+ actions;
40
+ localization;
41
+ ngZone;
42
+ vertical = false;
43
+ activeIndex = DEFAULT_ACTIVE;
44
+ focusedIdx;
46
45
  get focusedItem() {
47
46
  return this.items.get(this.focusedIdx);
48
47
  }
@@ -52,6 +51,12 @@ export class NavigationService {
52
51
  get handlers() {
53
52
  return this.localization.rtl ? handlersRTL : handlers;
54
53
  }
54
+ constructor(items, actions, localization, ngZone) {
55
+ this.items = items;
56
+ this.actions = actions;
57
+ this.localization = localization;
58
+ this.ngZone = ngZone;
59
+ }
55
60
  focus(item) {
56
61
  if (item.index === this.focusedIdx) {
57
62
  return;
@@ -251,9 +256,9 @@ export class NavigationService {
251
256
  }
252
257
  }
253
258
  }
259
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i1.ItemsService }, { token: i2.ActionsService }, { token: i3.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
260
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
254
261
  }
255
- NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i1.ItemsService }, { token: i2.ActionsService }, { token: i3.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
256
- NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
257
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
262
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
258
263
  type: Injectable
259
264
  }], ctorParameters: function () { return [{ type: i1.ItemsService }, { type: i2.ActionsService }, { type: i3.LocalizationService }, { type: i0.NgZone }]; } });
@@ -35,13 +35,14 @@ import * as i0 from "@angular/core";
35
35
  * ```
36
36
  */
37
37
  export class ItemContentTemplateDirective {
38
+ templateRef;
38
39
  constructor(templateRef) {
39
40
  this.templateRef = templateRef;
40
41
  }
42
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
43
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ItemContentTemplateDirective, isStandalone: true, selector: "[kendoMenuItemContentTemplate]", ngImport: i0 });
41
44
  }
42
- ItemContentTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
43
- ItemContentTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemContentTemplateDirective, isStandalone: true, selector: "[kendoMenuItemContentTemplate]", ngImport: i0 });
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemContentTemplateDirective, decorators: [{
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemContentTemplateDirective, decorators: [{
45
46
  type: Directive,
46
47
  args: [{
47
48
  selector: '[kendoMenuItemContentTemplate]',
@@ -37,13 +37,14 @@ import * as i0 from "@angular/core";
37
37
  * ```
38
38
  */
39
39
  export class ItemLinkTemplateDirective {
40
+ templateRef;
40
41
  constructor(templateRef) {
41
42
  this.templateRef = templateRef;
42
43
  }
44
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemLinkTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
45
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ItemLinkTemplateDirective, isStandalone: true, selector: "[kendoMenuItemLinkTemplate]", ngImport: i0 });
43
46
  }
44
- ItemLinkTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemLinkTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
45
- ItemLinkTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemLinkTemplateDirective, isStandalone: true, selector: "[kendoMenuItemLinkTemplate]", ngImport: i0 });
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemLinkTemplateDirective, decorators: [{
47
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemLinkTemplateDirective, decorators: [{
47
48
  type: Directive,
48
49
  args: [{
49
50
  selector: '[kendoMenuItemLinkTemplate]',
@@ -36,13 +36,14 @@ import * as i0 from "@angular/core";
36
36
  * ```
37
37
  */
38
38
  export class ItemTemplateDirective {
39
+ templateRef;
39
40
  constructor(templateRef) {
40
41
  this.templateRef = templateRef;
41
42
  }
43
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
44
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoMenuItemTemplate]", ngImport: i0 });
42
45
  }
43
- ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
44
- ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoMenuItemTemplate]", ngImport: i0 });
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, decorators: [{
46
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, decorators: [{
46
47
  type: Directive,
47
48
  args: [{
48
49
  selector: '[kendoMenuItemTemplate]',