@progress/kendo-angular-menu 17.0.0-develop.20 → 17.0.0-develop.22
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-target.directive.d.ts +1 -1
- package/context-menu/context-menu.component.d.ts +1 -1
- package/data-binding/flat-binding.directive.d.ts +1 -1
- package/data-binding/hierachy-binding.directive.d.ts +1 -1
- package/{esm2020 → esm2022}/context-menu/context-menu-event.mjs +16 -0
- package/{esm2020 → esm2022}/context-menu/context-menu-items.service.mjs +4 -3
- package/{esm2020 → esm2022}/context-menu/context-menu-popup-event.mjs +12 -0
- package/{esm2020 → esm2022}/context-menu/context-menu-select-event.mjs +4 -0
- package/{esm2020 → esm2022}/context-menu/context-menu-target-container.directive.mjs +8 -3
- package/{esm2020 → esm2022}/context-menu/context-menu-target.directive.mjs +16 -7
- package/{esm2020 → esm2022}/context-menu/context-menu-target.service.mjs +4 -6
- package/{esm2020 → esm2022}/context-menu/context-menu-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/context-menu/context-menu.component.mjs +123 -60
- package/{esm2020 → esm2022}/context-menu/context-menu.module.mjs +4 -4
- package/{esm2020 → esm2022}/context-menu/context-menu.service.mjs +6 -6
- package/{esm2020 → esm2022}/data-binding/binding-directive-base.mjs +6 -3
- package/{esm2020 → esm2022}/data-binding/flat-binding.directive.mjs +47 -3
- package/{esm2020 → esm2022}/data-binding/hierachy-binding.directive.mjs +43 -3
- package/{esm2020 → esm2022}/menu-base.mjs +49 -35
- package/{esm2020 → esm2022}/menu-event.mjs +12 -0
- package/{esm2020 → esm2022}/menu-item.component.mjs +28 -3
- package/{esm2020 → esm2022}/menu-select-event.mjs +4 -0
- package/{esm2020 → esm2022}/menu.component.mjs +73 -51
- package/{esm2020 → esm2022}/menu.module.mjs +4 -4
- package/{esm2020 → esm2022}/menus.module.mjs +4 -4
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/preventable-event.mjs +7 -7
- package/{esm2020 → esm2022}/rendering/arrow.component.mjs +19 -5
- package/{esm2020 → esm2022}/rendering/link.directive.mjs +15 -9
- package/{esm2020 → esm2022}/rendering/list.component.mjs +73 -35
- package/{esm2020 → esm2022}/services/actions.service.mjs +19 -4
- package/{esm2020 → esm2022}/services/hover.service.mjs +13 -10
- package/{esm2020 → esm2022}/services/items.service.mjs +6 -8
- package/{esm2020 → esm2022}/services/navigation.service.mjs +16 -11
- package/{esm2020 → esm2022}/templates/item-content-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/templates/item-link-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/templates/item-template.directive.mjs +4 -3
- package/{fesm2020 → fesm2022}/progress-kendo-angular-menu.mjs +653 -298
- package/menu-base.d.ts +1 -1
- package/menu-item.component.d.ts +1 -1
- package/menu.component.d.ts +1 -1
- package/package.json +14 -20
- package/rendering/arrow.component.d.ts +1 -1
- package/rendering/link.directive.d.ts +1 -1
- package/rendering/list.component.d.ts +2 -2
- package/size.d.ts +1 -1
- package/fesm2015/progress-kendo-angular-menu.mjs +0 -3195
- /package/{esm2020 → esm2022}/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/data-binding/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/menu-animation.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/menu-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/open-on-click-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/rendering/popup-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/size.mjs +0 -0
- /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 \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
|
-
|
|
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 \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
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
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
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
|
|
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
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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]',
|