@progress/kendo-angular-menu 3.0.6-dev.202203091409 → 4.0.0-dev.202204191048

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 (199) hide show
  1. package/bundles/kendo-angular-menu.umd.js +5 -0
  2. package/{dist/es2015/constants.d.ts → constants.d.ts} +0 -0
  3. package/{dist/es2015/context-menu → context-menu}/context-menu-event.d.ts +0 -0
  4. package/{dist/es2015/context-menu → context-menu}/context-menu-items.service.d.ts +3 -0
  5. package/{dist/es2015/context-menu → context-menu}/context-menu-popup-event.d.ts +0 -0
  6. package/{dist/es2015/context-menu → context-menu}/context-menu-select-event.d.ts +0 -0
  7. package/{dist/es2015/context-menu → context-menu}/context-menu-target-container.directive.d.ts +3 -0
  8. package/{dist/es2015/context-menu → context-menu}/context-menu-target.directive.d.ts +3 -0
  9. package/{dist/es2015/context-menu → context-menu}/context-menu-target.service.d.ts +3 -0
  10. package/{dist/es2015/context-menu → context-menu}/context-menu-template.directive.d.ts +3 -0
  11. package/{dist/es2015/context-menu → context-menu}/context-menu.component.d.ts +4 -1
  12. package/{dist/es2015/context-menu → context-menu}/context-menu.module.d.ts +11 -0
  13. package/{dist/es2015/context-menu → context-menu}/context-menu.service.d.ts +3 -0
  14. package/{dist/es2015/data-binding → data-binding}/binding-directive-base.d.ts +3 -0
  15. package/{dist/es2015/data-binding → data-binding}/flat-binding.directive.d.ts +3 -0
  16. package/{dist/es2015/data-binding → data-binding}/hierachy-binding.directive.d.ts +3 -0
  17. package/{dist/es2015/data-binding → data-binding}/utils.d.ts +0 -0
  18. package/{dist/es2015/dom-queries.d.ts → dom-queries.d.ts} +0 -0
  19. package/{dist/es2015 → esm2015}/constants.js +0 -0
  20. package/{dist/es2015 → esm2015}/context-menu/context-menu-event.js +0 -0
  21. package/esm2015/context-menu/context-menu-items.service.js +25 -0
  22. package/{dist/es2015 → esm2015}/context-menu/context-menu-popup-event.js +0 -0
  23. package/{dist/es2015 → esm2015}/context-menu/context-menu-select-event.js +0 -0
  24. package/esm2015/context-menu/context-menu-target-container.directive.js +32 -0
  25. package/esm2015/context-menu/context-menu-target.directive.js +46 -0
  26. package/{dist/es2015 → esm2015}/context-menu/context-menu-target.service.js +8 -10
  27. package/esm2015/context-menu/context-menu-template.directive.js +32 -0
  28. package/{dist/es2015 → esm2015}/context-menu/context-menu.component.js +107 -113
  29. package/{dist/es2015 → esm2015}/context-menu/context-menu.module.js +20 -11
  30. package/{dist/es2015 → esm2015}/context-menu/context-menu.service.js +8 -10
  31. package/{dist/es2015 → esm2015}/data-binding/binding-directive-base.js +12 -0
  32. package/esm2015/data-binding/flat-binding.directive.js +82 -0
  33. package/esm2015/data-binding/hierachy-binding.directive.js +71 -0
  34. package/{dist/es2015 → esm2015}/data-binding/utils.js +0 -1
  35. package/{dist/es2015 → esm2015}/dom-queries.js +0 -3
  36. package/{dist/es/constants.js → esm2015/kendo-angular-menu.js} +2 -2
  37. package/{dist/es → esm2015}/main.js +3 -2
  38. package/{dist/es → esm2015}/menu-animation.interface.js +1 -0
  39. package/esm2015/menu-base.js +69 -0
  40. package/{dist/es2015 → esm2015}/menu-event.js +0 -0
  41. package/{dist/es2015 → esm2015}/menu-item.component.js +41 -60
  42. package/{dist/es → esm2015}/menu-item.interface.js +1 -0
  43. package/{dist/es2015 → esm2015}/menu-select-event.js +0 -0
  44. package/{dist/es2015 → esm2015}/menu.component.js +76 -63
  45. package/{dist/es2015 → esm2015}/menu.module.js +32 -13
  46. package/{dist/es2015 → esm2015}/menus.module.js +12 -9
  47. package/{dist/es2015 → esm2015}/open-on-click-settings.js +0 -1
  48. package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
  49. package/{dist/es2015 → esm2015}/preventable-event.js +0 -0
  50. package/esm2015/rendering/arrow.directive.js +62 -0
  51. package/esm2015/rendering/link.directive.js +54 -0
  52. package/esm2015/rendering/list.component.js +546 -0
  53. package/{dist/es2015 → esm2015}/rendering/popup-settings.js +0 -0
  54. package/{dist/es2015 → esm2015}/services/actions.service.js +21 -14
  55. package/{dist/es2015 → esm2015}/services/hover.service.js +10 -10
  56. package/{dist/es2015 → esm2015}/services/items.service.js +8 -13
  57. package/{dist/es2015 → esm2015}/services/navigation.service.js +12 -15
  58. package/{dist/es2015 → esm2015}/templates/item-content-template.directive.js +14 -12
  59. package/{dist/es2015 → esm2015}/templates/item-link-template.directive.js +14 -12
  60. package/{dist/es2015 → esm2015}/templates/item-template.directive.js +14 -12
  61. package/{dist/es2015 → esm2015}/utils.js +0 -0
  62. package/{dist/fesm2015/index.js → fesm2015/kendo-angular-menu.js} +1113 -1113
  63. package/kendo-angular-menu.d.ts +9 -0
  64. package/{dist/es2015/main.d.ts → main.d.ts} +3 -2
  65. package/{dist/es2015/menu-animation.interface.d.ts → menu-animation.interface.d.ts} +0 -0
  66. package/{dist/es2015/menu-base.d.ts → menu-base.d.ts} +4 -1
  67. package/{dist/es2015/menu-event.d.ts → menu-event.d.ts} +0 -0
  68. package/{dist/es2015/menu-item.component.d.ts → menu-item.component.d.ts} +7 -4
  69. package/{dist/es2015/menu-item.interface.d.ts → menu-item.interface.d.ts} +0 -0
  70. package/{dist/es2015/menu-select-event.d.ts → menu-select-event.d.ts} +0 -0
  71. package/{dist/es2015/menu.component.d.ts → menu.component.d.ts} +7 -4
  72. package/menu.module.d.ts +54 -0
  73. package/{dist/es2015/menus.module.d.ts → menus.module.d.ts} +6 -0
  74. package/{dist/es2015/open-on-click-settings.d.ts → open-on-click-settings.d.ts} +0 -0
  75. package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
  76. package/package.json +31 -108
  77. package/{dist/es2015/preventable-event.d.ts → preventable-event.d.ts} +0 -0
  78. package/{dist/es2015/rendering → rendering}/arrow.directive.d.ts +6 -3
  79. package/{dist/es2015/rendering → rendering}/link.directive.d.ts +4 -1
  80. package/rendering/list.component.d.ts +104 -0
  81. package/{dist/es2015/rendering → rendering}/popup-settings.d.ts +0 -0
  82. package/schematics/ngAdd/index.js +5 -2
  83. package/schematics/ngAdd/index.js.map +1 -1
  84. package/{dist/es2015/services → services}/actions.service.d.ts +24 -1
  85. package/{dist/es2015/services → services}/hover.service.d.ts +7 -2
  86. package/{dist/es2015/services → services}/items.service.d.ts +4 -1
  87. package/{dist/es2015/services → services}/navigation.service.d.ts +6 -3
  88. package/{dist/es2015/templates → templates}/item-content-template.directive.d.ts +3 -0
  89. package/{dist/es2015/templates → templates}/item-link-template.directive.d.ts +3 -0
  90. package/{dist/es2015/templates → templates}/item-template.directive.d.ts +3 -0
  91. package/{dist/es2015/utils.d.ts → utils.d.ts} +1 -1
  92. package/dist/cdn/js/kendo-angular-menu.js +0 -20
  93. package/dist/cdn/main.js +0 -5
  94. package/dist/es/context-menu/context-menu-event.js +0 -13
  95. package/dist/es/context-menu/context-menu-items.service.js +0 -26
  96. package/dist/es/context-menu/context-menu-popup-event.js +0 -17
  97. package/dist/es/context-menu/context-menu-select-event.js +0 -17
  98. package/dist/es/context-menu/context-menu-target-container.directive.js +0 -31
  99. package/dist/es/context-menu/context-menu-target.directive.js +0 -48
  100. package/dist/es/context-menu/context-menu-target.service.js +0 -29
  101. package/dist/es/context-menu/context-menu-template.directive.js +0 -31
  102. package/dist/es/context-menu/context-menu.component.js +0 -456
  103. package/dist/es/context-menu/context-menu.module.js +0 -64
  104. package/dist/es/context-menu/context-menu.service.js +0 -30
  105. package/dist/es/data-binding/binding-directive-base.js +0 -32
  106. package/dist/es/data-binding/flat-binding.directive.js +0 -104
  107. package/dist/es/data-binding/hierachy-binding.directive.js +0 -94
  108. package/dist/es/data-binding/utils.js +0 -32
  109. package/dist/es/dom-queries.js +0 -107
  110. package/dist/es/index.js +0 -21
  111. package/dist/es/menu-base.js +0 -79
  112. package/dist/es/menu-event.js +0 -17
  113. package/dist/es/menu-item.component.js +0 -165
  114. package/dist/es/menu-select-event.js +0 -17
  115. package/dist/es/menu.component.js +0 -256
  116. package/dist/es/menu.module.js +0 -79
  117. package/dist/es/menus.module.js +0 -41
  118. package/dist/es/open-on-click-settings.js +0 -13
  119. package/dist/es/package-metadata.js +0 -15
  120. package/dist/es/preventable-event.js +0 -36
  121. package/dist/es/rendering/arrow.directive.js +0 -81
  122. package/dist/es/rendering/item.component.js +0 -337
  123. package/dist/es/rendering/link.directive.js +0 -62
  124. package/dist/es/rendering/list.component.js +0 -219
  125. package/dist/es/rendering/popup-settings.js +0 -66
  126. package/dist/es/services/actions.service.js +0 -178
  127. package/dist/es/services/hover.service.js +0 -136
  128. package/dist/es/services/items.service.js +0 -140
  129. package/dist/es/services/navigation.service.js +0 -274
  130. package/dist/es/templates/item-content-template.directive.js +0 -50
  131. package/dist/es/templates/item-link-template.directive.js +0 -52
  132. package/dist/es/templates/item-template.directive.js +0 -51
  133. package/dist/es/utils.js +0 -18
  134. package/dist/es2015/context-menu/context-menu-items.service.js +0 -25
  135. package/dist/es2015/context-menu/context-menu-target-container.directive.js +0 -30
  136. package/dist/es2015/context-menu/context-menu-target.directive.js +0 -47
  137. package/dist/es2015/context-menu/context-menu-template.directive.js +0 -30
  138. package/dist/es2015/data-binding/flat-binding.directive.js +0 -101
  139. package/dist/es2015/data-binding/hierachy-binding.directive.js +0 -90
  140. package/dist/es2015/index.d.ts +0 -21
  141. package/dist/es2015/index.js +0 -21
  142. package/dist/es2015/index.metadata.json +0 -1
  143. package/dist/es2015/main.js +0 -26
  144. package/dist/es2015/menu-animation.interface.js +0 -4
  145. package/dist/es2015/menu-base.js +0 -73
  146. package/dist/es2015/menu-item.interface.js +0 -4
  147. package/dist/es2015/menu.module.d.ts +0 -38
  148. package/dist/es2015/rendering/arrow.directive.js +0 -68
  149. package/dist/es2015/rendering/item.component.d.ts +0 -64
  150. package/dist/es2015/rendering/item.component.js +0 -327
  151. package/dist/es2015/rendering/link.directive.js +0 -57
  152. package/dist/es2015/rendering/list.component.d.ts +0 -41
  153. package/dist/es2015/rendering/list.component.js +0 -233
  154. package/dist/fesm5/index.js +0 -3222
  155. package/dist/npm/constants.js +0 -10
  156. package/dist/npm/context-menu/context-menu-event.js +0 -15
  157. package/dist/npm/context-menu/context-menu-items.service.js +0 -28
  158. package/dist/npm/context-menu/context-menu-popup-event.js +0 -19
  159. package/dist/npm/context-menu/context-menu-select-event.js +0 -19
  160. package/dist/npm/context-menu/context-menu-target-container.directive.js +0 -33
  161. package/dist/npm/context-menu/context-menu-target.directive.js +0 -50
  162. package/dist/npm/context-menu/context-menu-target.service.js +0 -31
  163. package/dist/npm/context-menu/context-menu-template.directive.js +0 -33
  164. package/dist/npm/context-menu/context-menu.component.js +0 -459
  165. package/dist/npm/context-menu/context-menu.module.js +0 -66
  166. package/dist/npm/context-menu/context-menu.service.js +0 -32
  167. package/dist/npm/data-binding/binding-directive-base.js +0 -34
  168. package/dist/npm/data-binding/flat-binding.directive.js +0 -106
  169. package/dist/npm/data-binding/hierachy-binding.directive.js +0 -96
  170. package/dist/npm/data-binding/utils.js +0 -34
  171. package/dist/npm/dom-queries.js +0 -110
  172. package/dist/npm/index.js +0 -37
  173. package/dist/npm/main.js +0 -50
  174. package/dist/npm/menu-animation.interface.js +0 -6
  175. package/dist/npm/menu-base.js +0 -81
  176. package/dist/npm/menu-event.js +0 -19
  177. package/dist/npm/menu-item.component.js +0 -167
  178. package/dist/npm/menu-item.interface.js +0 -6
  179. package/dist/npm/menu-select-event.js +0 -19
  180. package/dist/npm/menu.component.js +0 -258
  181. package/dist/npm/menu.module.js +0 -81
  182. package/dist/npm/menus.module.js +0 -43
  183. package/dist/npm/open-on-click-settings.js +0 -15
  184. package/dist/npm/package-metadata.js +0 -17
  185. package/dist/npm/preventable-event.js +0 -38
  186. package/dist/npm/rendering/arrow.directive.js +0 -83
  187. package/dist/npm/rendering/item.component.js +0 -339
  188. package/dist/npm/rendering/link.directive.js +0 -64
  189. package/dist/npm/rendering/list.component.js +0 -221
  190. package/dist/npm/rendering/popup-settings.js +0 -68
  191. package/dist/npm/services/actions.service.js +0 -180
  192. package/dist/npm/services/hover.service.js +0 -138
  193. package/dist/npm/services/items.service.js +0 -143
  194. package/dist/npm/services/navigation.service.js +0 -276
  195. package/dist/npm/templates/item-content-template.directive.js +0 -52
  196. package/dist/npm/templates/item-link-template.directive.js +0 -54
  197. package/dist/npm/templates/item-template.directive.js +0 -53
  198. package/dist/npm/utils.js +0 -20
  199. package/dist/systemjs/kendo-angular-menu.js +0 -5
@@ -1,167 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var item_template_directive_1 = require("./templates/item-template.directive");
10
- var item_link_template_directive_1 = require("./templates/item-link-template.directive");
11
- var item_content_template_directive_1 = require("./templates/item-content-template.directive");
12
- /**
13
- * A component that can be used to specify the Menu items
14
- * ([more information and examples]({% slug items_menu %})).
15
- *
16
- * @example
17
- * ```ts-preview
18
- *
19
- * _@Component({
20
- * selector: 'my-app',
21
- * template: `
22
- * <kendo-menu>
23
- * <kendo-menu-item text="item1">
24
- * <kendo-menu-item text="item1.1" url="https://example.com">
25
- * </kendo-menu-item>
26
- * <kendo-menu-item text="item1.2" [disabled]="true">
27
- * </kendo-menu-item>
28
- * </kendo-menu-item>
29
- * <kendo-menu-item text="item2">
30
- * <ng-template kendoMenuItemContentTemplate let-item="item">
31
- * <div style="padding: 10px;">
32
- * My Content Template: {{ item.text }}
33
- * </div>
34
- * </ng-template>
35
- * <ng-template kendoMenuItemTemplate let-item="item">
36
- * <div style="padding: 10px;">
37
- * My Template: {{ item.text }}
38
- * </div>
39
- * </ng-template>
40
- * </kendo-menu-item>
41
- * <kendo-menu-item text="item3">
42
- * <ng-template kendoMenuItemLinkTemplate let-item="item" let-index="index">
43
- * <span [kendoMenuItemLink]="index">
44
- * {{ item.text }}
45
- * <span *ngIf="item.items && item.items.length" [kendoMenuExpandArrow]="index"></span>
46
- * </span>
47
- * </ng-template>
48
- * </kendo-menu-item>
49
- * </kendo-menu>
50
- * `
51
- * })
52
- *
53
- * class AppComponent {
54
- * }
55
- * ```
56
- */
57
- var MenuItemComponent = /** @class */ (function () {
58
- function MenuItemComponent() {
59
- }
60
- MenuItemComponent_1 = MenuItemComponent;
61
- Object.defineProperty(MenuItemComponent.prototype, "template", {
62
- /**
63
- * @hidden
64
- */
65
- get: function () {
66
- if (this.itemTemplate && this.itemTemplate.length) {
67
- return this.itemTemplate.first.templateRef;
68
- }
69
- },
70
- enumerable: true,
71
- configurable: true
72
- });
73
- Object.defineProperty(MenuItemComponent.prototype, "linkTemplate", {
74
- /**
75
- * @hidden
76
- */
77
- get: function () {
78
- if (this.itemLinkTemplate && this.itemLinkTemplate.length) {
79
- return this.itemLinkTemplate.first.templateRef;
80
- }
81
- },
82
- enumerable: true,
83
- configurable: true
84
- });
85
- Object.defineProperty(MenuItemComponent.prototype, "contentTemplate", {
86
- /**
87
- * @hidden
88
- */
89
- get: function () {
90
- if (this.itemContentTemplate && this.itemContentTemplate.length) {
91
- return this.itemContentTemplate.first.templateRef;
92
- }
93
- },
94
- enumerable: true,
95
- configurable: true
96
- });
97
- Object.defineProperty(MenuItemComponent.prototype, "items", {
98
- /**
99
- * @hidden
100
- */
101
- get: function () {
102
- var _this = this;
103
- if (this.children.length) {
104
- return this.children.toArray().filter(function (c) { return c !== _this; });
105
- }
106
- },
107
- enumerable: true,
108
- configurable: true
109
- });
110
- var MenuItemComponent_1;
111
- tslib_1.__decorate([
112
- core_1.Input(),
113
- tslib_1.__metadata("design:type", String)
114
- ], MenuItemComponent.prototype, "text", void 0);
115
- tslib_1.__decorate([
116
- core_1.Input(),
117
- tslib_1.__metadata("design:type", String)
118
- ], MenuItemComponent.prototype, "url", void 0);
119
- tslib_1.__decorate([
120
- core_1.Input(),
121
- tslib_1.__metadata("design:type", Boolean)
122
- ], MenuItemComponent.prototype, "disabled", void 0);
123
- tslib_1.__decorate([
124
- core_1.Input(),
125
- tslib_1.__metadata("design:type", Object)
126
- ], MenuItemComponent.prototype, "cssClass", void 0);
127
- tslib_1.__decorate([
128
- core_1.Input(),
129
- tslib_1.__metadata("design:type", Object)
130
- ], MenuItemComponent.prototype, "cssStyle", void 0);
131
- tslib_1.__decorate([
132
- core_1.Input(),
133
- tslib_1.__metadata("design:type", String)
134
- ], MenuItemComponent.prototype, "icon", void 0);
135
- tslib_1.__decorate([
136
- core_1.Input(),
137
- tslib_1.__metadata("design:type", Object)
138
- ], MenuItemComponent.prototype, "data", void 0);
139
- tslib_1.__decorate([
140
- core_1.Input(),
141
- tslib_1.__metadata("design:type", Boolean)
142
- ], MenuItemComponent.prototype, "separator", void 0);
143
- tslib_1.__decorate([
144
- core_1.ContentChildren(item_template_directive_1.ItemTemplateDirective),
145
- tslib_1.__metadata("design:type", core_1.QueryList)
146
- ], MenuItemComponent.prototype, "itemTemplate", void 0);
147
- tslib_1.__decorate([
148
- core_1.ContentChildren(item_link_template_directive_1.ItemLinkTemplateDirective),
149
- tslib_1.__metadata("design:type", core_1.QueryList)
150
- ], MenuItemComponent.prototype, "itemLinkTemplate", void 0);
151
- tslib_1.__decorate([
152
- core_1.ContentChildren(item_content_template_directive_1.ItemContentTemplateDirective),
153
- tslib_1.__metadata("design:type", core_1.QueryList)
154
- ], MenuItemComponent.prototype, "itemContentTemplate", void 0);
155
- tslib_1.__decorate([
156
- core_1.ContentChildren(MenuItemComponent_1),
157
- tslib_1.__metadata("design:type", core_1.QueryList)
158
- ], MenuItemComponent.prototype, "children", void 0);
159
- MenuItemComponent = MenuItemComponent_1 = tslib_1.__decorate([
160
- core_1.Component({
161
- selector: 'kendo-menu-item',
162
- template: ""
163
- })
164
- ], MenuItemComponent);
165
- return MenuItemComponent;
166
- }());
167
- exports.MenuItemComponent = MenuItemComponent;
@@ -1,6 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,19 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var menu_event_1 = require("./menu-event");
9
- /**
10
- * Arguments for the `select` event of the Menu.
11
- */
12
- var MenuSelectEvent = /** @class */ (function (_super) {
13
- tslib_1.__extends(MenuSelectEvent, _super);
14
- function MenuSelectEvent() {
15
- return _super !== null && _super.apply(this, arguments) || this;
16
- }
17
- return MenuSelectEvent;
18
- }(menu_event_1.MenuEvent));
19
- exports.MenuSelectEvent = MenuSelectEvent;
@@ -1,258 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
10
- var kendo_licensing_1 = require("@progress/kendo-licensing");
11
- var package_metadata_1 = require("./package-metadata");
12
- var items_service_1 = require("./services/items.service");
13
- var actions_service_1 = require("./services/actions.service");
14
- var navigation_service_1 = require("./services/navigation.service");
15
- var hover_service_1 = require("./services/hover.service");
16
- var open_on_click_settings_1 = require("./open-on-click-settings");
17
- var dom_queries_1 = require("./dom-queries");
18
- var context_menu_service_1 = require("./context-menu/context-menu.service");
19
- var menu_base_1 = require("./menu-base");
20
- var kendo_angular_common_1 = require("@progress/kendo-angular-common");
21
- /**
22
- * Represents the [Kendo UI Menu component for Angular]({% slug overview_menu %}).
23
- *
24
- * @example
25
- * ```ts
26
- * _@Component({
27
- * selector: 'my-app',
28
- * template: `
29
- * <kendo-menu [items]="items">
30
- * </kendo-menu>
31
- * `
32
- * })
33
- * class AppComponent {
34
- * public items: any[] = [{ text: 'item1', items: [{ text: 'item1.1' }] }, { text: 'item2', disabled: true }];
35
- * }
36
- * ```
37
- */
38
- var MenuComponent = /** @class */ (function (_super) {
39
- tslib_1.__extends(MenuComponent, _super);
40
- function MenuComponent(itemsService, hover, actions, navigation, localization, ngZone, renderer, contextService) {
41
- var _this = _super.call(this) || this;
42
- _this.itemsService = itemsService;
43
- _this.hover = hover;
44
- _this.actions = actions;
45
- _this.navigation = navigation;
46
- _this.localization = localization;
47
- _this.ngZone = ngZone;
48
- _this.renderer = renderer;
49
- _this.contextService = contextService;
50
- /**
51
- * Fires when a Menu item is selected ([see example]({% slug routing_menu %})).
52
- */
53
- _this.select = new core_1.EventEmitter();
54
- /**
55
- * Fires when a Menu item is opened.
56
- */
57
- _this.open = new core_1.EventEmitter();
58
- /**
59
- * Fires when a Menu item is closed.
60
- */
61
- _this.close = new core_1.EventEmitter();
62
- kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
63
- _this.actions.owner = _this;
64
- if (contextService) {
65
- contextService.items = _this.itemsService;
66
- _this.contextKeyDownSubscription = contextService.keydown.subscribe(_this.contextKeyDown.bind(_this));
67
- }
68
- return _this;
69
- }
70
- MenuComponent_1 = MenuComponent;
71
- Object.defineProperty(MenuComponent.prototype, "ariaOrientation", {
72
- /**
73
- * @hidden
74
- */
75
- get: function () {
76
- if (this.vertical) {
77
- return 'vertical';
78
- }
79
- },
80
- enumerable: true,
81
- configurable: true
82
- });
83
- Object.defineProperty(MenuComponent.prototype, "contextMenuClass", {
84
- /**
85
- * @hidden
86
- */
87
- get: function () {
88
- return Boolean(this.contextService);
89
- },
90
- enumerable: true,
91
- configurable: true
92
- });
93
- Object.defineProperty(MenuComponent.prototype, "direction", {
94
- get: function () {
95
- return this.rtl;
96
- },
97
- enumerable: true,
98
- configurable: true
99
- });
100
- Object.defineProperty(MenuComponent.prototype, "rtl", {
101
- get: function () {
102
- return this.localization.rtl;
103
- },
104
- enumerable: true,
105
- configurable: true
106
- });
107
- /**
108
- * Opens or closes the specified Menu items.
109
- *
110
- * @param open - A Boolean value which indicates if the items will be opened or closed.
111
- * @param indices - One or more values which represent the hierarchical indices of the items that will be opened or closed.
112
- */
113
- MenuComponent.prototype.toggle = function (open) {
114
- var indices = [];
115
- for (var _i = 1; _i < arguments.length; _i++) {
116
- indices[_i - 1] = arguments[_i];
117
- }
118
- for (var idx = 0; idx < indices.length; idx++) {
119
- var item = this.itemsService.get(indices[idx]);
120
- if (item && !item.disabled) {
121
- if (open) {
122
- item.open();
123
- }
124
- else {
125
- item.close();
126
- }
127
- }
128
- }
129
- };
130
- /**
131
- * @hidden
132
- */
133
- MenuComponent.prototype.focus = function (index) {
134
- this.navigation.focusIndex(index);
135
- };
136
- MenuComponent.prototype.ngOnChanges = function (changes) {
137
- this.navigation.vertical = this.vertical;
138
- this.hover.delay = this.hoverDelay;
139
- if (changes.openOnClick) {
140
- var openOnClick = this.openOnClick = open_on_click_settings_1.normalize(this.openOnClick);
141
- this.hover.openOnOver = !openOnClick;
142
- if (openOnClick && openOnClick.toggle === 'click') {
143
- this.attachCloseClick();
144
- }
145
- else {
146
- this.unsubscribeClick();
147
- }
148
- }
149
- };
150
- MenuComponent.prototype.ngAfterViewChecked = function () {
151
- this.navigation.updateActive();
152
- };
153
- MenuComponent.prototype.ngOnDestroy = function () {
154
- this.unsubscribeClick();
155
- if (this.contextService) {
156
- this.contextService.items = null;
157
- this.contextKeyDownSubscription.unsubscribe();
158
- }
159
- };
160
- MenuComponent.prototype.attachCloseClick = function () {
161
- var _this = this;
162
- if (!this.closeClickSubscription && kendo_angular_common_1.isDocumentAvailable()) {
163
- this.ngZone.runOutsideAngular(function () {
164
- _this.closeClickSubscription = _this.renderer.listen('document', 'click', function (e) {
165
- if (!dom_queries_1.inMenu(e.target, _this.itemsService)) {
166
- _this.hover.openOnOver = false;
167
- _this.actions.closeAll();
168
- _this.actions.execute();
169
- }
170
- });
171
- });
172
- }
173
- };
174
- MenuComponent.prototype.unsubscribeClick = function () {
175
- if (this.closeClickSubscription) {
176
- this.closeClickSubscription();
177
- }
178
- };
179
- MenuComponent.prototype.contextKeyDown = function (e) {
180
- if (!this.itemsService.hasItems) {
181
- return;
182
- }
183
- var keyCode = e.keyCode;
184
- var rtl = this.localization.rtl;
185
- var first = keyCode === kendo_angular_common_1.Keys.ArrowDown || keyCode === kendo_angular_common_1.Keys.ArrowRight;
186
- var last = keyCode === kendo_angular_common_1.Keys.ArrowUp || keyCode === kendo_angular_common_1.Keys.ArrowLeft;
187
- var index;
188
- if ((first && !rtl) || (last && rtl)) {
189
- index = 'first';
190
- }
191
- else if ((first && rtl) || (last && !rtl)) {
192
- index = 'last';
193
- }
194
- if (index) {
195
- e.preventDefault();
196
- this.focus(index);
197
- }
198
- };
199
- var MenuComponent_1;
200
- tslib_1.__decorate([
201
- core_1.Input(),
202
- tslib_1.__metadata("design:type", core_1.TemplateRef)
203
- ], MenuComponent.prototype, "menuItemTemplate", void 0);
204
- tslib_1.__decorate([
205
- core_1.Input(),
206
- tslib_1.__metadata("design:type", core_1.TemplateRef)
207
- ], MenuComponent.prototype, "menuItemLinkTemplate", void 0);
208
- tslib_1.__decorate([
209
- core_1.Output(),
210
- tslib_1.__metadata("design:type", core_1.EventEmitter)
211
- ], MenuComponent.prototype, "select", void 0);
212
- tslib_1.__decorate([
213
- core_1.Output(),
214
- tslib_1.__metadata("design:type", core_1.EventEmitter)
215
- ], MenuComponent.prototype, "open", void 0);
216
- tslib_1.__decorate([
217
- core_1.Output(),
218
- tslib_1.__metadata("design:type", core_1.EventEmitter)
219
- ], MenuComponent.prototype, "close", void 0);
220
- tslib_1.__decorate([
221
- core_1.HostBinding('class.k-rtl'),
222
- tslib_1.__metadata("design:type", Boolean),
223
- tslib_1.__metadata("design:paramtypes", [])
224
- ], MenuComponent.prototype, "direction", null);
225
- MenuComponent = MenuComponent_1 = tslib_1.__decorate([
226
- core_1.Component({
227
- exportAs: 'kendoMenu',
228
- providers: [
229
- items_service_1.ItemsService,
230
- actions_service_1.ActionsService,
231
- navigation_service_1.NavigationService,
232
- hover_service_1.HoverService,
233
- kendo_angular_l10n_1.LocalizationService,
234
- {
235
- provide: kendo_angular_l10n_1.L10N_PREFIX,
236
- useValue: 'kendo.menu'
237
- },
238
- {
239
- provide: menu_base_1.MenuBase,
240
- useExisting: core_1.forwardRef(function () { return MenuComponent_1; })
241
- }
242
- ],
243
- selector: 'kendo-menu',
244
- template: "\n <ul role=\"menubar\"\n [attr.aria-orientation]=\"ariaOrientation\"\n kendoMenuList [items]=\"rootItems\" [level]=\"0\" class=\"k-widget k-reset k-header k-menu\"\n [vertical]=\"vertical\" [rtl]=\"rtl\" [animate]=\"animate\" [openOnClick]=\"openOnClick\"\n [itemTemplate]=\"itemTemplate.first?.templateRef || menuItemTemplate\"\n [itemLinkTemplate]=\"itemLinkTemplate.first?.templateRef || menuItemLinkTemplate\"\n [class.k-menu-horizontal]=\"!vertical\"\n [class.k-menu-vertical]=\"vertical\"\n [class.k-context-menu]=\"contextMenuClass\">\n </ul>\n "
245
- }),
246
- tslib_1.__param(7, core_1.Optional()),
247
- tslib_1.__metadata("design:paramtypes", [items_service_1.ItemsService,
248
- hover_service_1.HoverService,
249
- actions_service_1.ActionsService,
250
- navigation_service_1.NavigationService,
251
- kendo_angular_l10n_1.LocalizationService,
252
- core_1.NgZone,
253
- core_1.Renderer2,
254
- context_menu_service_1.ContextMenuService])
255
- ], MenuComponent);
256
- return MenuComponent;
257
- }(menu_base_1.MenuBase));
258
- exports.MenuComponent = MenuComponent;
@@ -1,81 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var common_1 = require("@angular/common");
10
- var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
11
- var menu_component_1 = require("./menu.component");
12
- var menu_item_component_1 = require("./menu-item.component");
13
- var list_component_1 = require("./rendering/list.component");
14
- var item_component_1 = require("./rendering/item.component");
15
- var link_directive_1 = require("./rendering/link.directive");
16
- var arrow_directive_1 = require("./rendering/arrow.directive");
17
- var item_template_directive_1 = require("./templates/item-template.directive");
18
- var item_link_template_directive_1 = require("./templates/item-link-template.directive");
19
- var item_content_template_directive_1 = require("./templates/item-content-template.directive");
20
- var hierachy_binding_directive_1 = require("./data-binding/hierachy-binding.directive");
21
- var flat_binding_directive_1 = require("./data-binding/flat-binding.directive");
22
- var COMPONENT_EXPORTS = [
23
- menu_component_1.MenuComponent,
24
- menu_item_component_1.MenuItemComponent,
25
- item_template_directive_1.ItemTemplateDirective,
26
- item_link_template_directive_1.ItemLinkTemplateDirective,
27
- item_content_template_directive_1.ItemContentTemplateDirective,
28
- hierachy_binding_directive_1.HierarchyBindingDirective,
29
- flat_binding_directive_1.FlatBindingDirective,
30
- link_directive_1.LinkDirective,
31
- arrow_directive_1.ExpandArrowDirective
32
- ];
33
- var COMPONENT_DIRECTIVES = COMPONENT_EXPORTS.concat([
34
- list_component_1.ListComponent,
35
- item_component_1.ItemComponent
36
- ]);
37
- /**
38
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
39
- * definition for the Menu component.
40
- *
41
- * @example
42
- *
43
- * ```ts-no-run
44
- * // Import the Menu module
45
- * import { MenuModule } from '@progress/kendo-angular-menu';
46
- *
47
- * // The browser platform with a compiler
48
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
49
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
50
- *
51
- * import { NgModule } from '@angular/core';
52
- *
53
- * // Import the app component
54
- * import { AppComponent } from './app.component';
55
- *
56
- * // Define the app module
57
- * _@NgModule({
58
- * declarations: [AppComponent], // declare app component
59
- * imports: [BrowserModule, BrowserAnimationsModule, MenuModule], // import Menu module
60
- * bootstrap: [AppComponent]
61
- * })
62
- * export class AppModule {}
63
- *
64
- * // Compile and launch the module
65
- * platformBrowserDynamic().bootstrapModule(AppModule);
66
- *
67
- * ```
68
- */
69
- var MenuModule = /** @class */ (function () {
70
- function MenuModule() {
71
- }
72
- MenuModule = tslib_1.__decorate([
73
- core_1.NgModule({
74
- declarations: [COMPONENT_DIRECTIVES],
75
- exports: [COMPONENT_EXPORTS],
76
- imports: [kendo_angular_popup_1.PopupModule, common_1.CommonModule]
77
- })
78
- ], MenuModule);
79
- return MenuModule;
80
- }());
81
- exports.MenuModule = MenuModule;
@@ -1,43 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var menu_module_1 = require("./menu.module");
10
- var context_menu_module_1 = require("./context-menu/context-menu.module");
11
- /**
12
- * A [module]({{ site.data.urls.angular['ngmoduleapi'] }}) that includes the Menu and ContextMenu components and directives.
13
- * Imports the MenusModule into your application [root module]({{ site.data.urls.angular['ngmodules'] }}#angular-modularity)
14
- * or any other sub-module that will use the Menu and ContextMenu components.
15
- *
16
- * @example
17
- * ```ts-no-run
18
- * import { NgModule } from '@angular/core';
19
- * import { BrowserModule } from '@angular/platform-browser';
20
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
21
- * import { MenusModule } from '@progress/kendo-angular-menu';
22
- * import { AppComponent } from './app.component';
23
- *
24
- * _@NgModule({
25
- * bootstrap: [AppComponent],
26
- * declarations: [AppComponent],
27
- * imports: [BrowserModule, BrowserAnimationsModule, MenusModule]
28
- * })
29
- * export class AppModule {
30
- * }
31
- * ```
32
- */
33
- var MenusModule = /** @class */ (function () {
34
- function MenusModule() {
35
- }
36
- MenusModule = tslib_1.__decorate([
37
- core_1.NgModule({
38
- exports: [menu_module_1.MenuModule, context_menu_module_1.ContextMenuModule]
39
- })
40
- ], MenusModule);
41
- return MenusModule;
42
- }());
43
- exports.MenusModule = MenusModule;
@@ -1,15 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- /* tslint:disable:max-line-length */
7
- Object.defineProperty(exports, "__esModule", { value: true });
8
- /**
9
- * @hidden
10
- */
11
- exports.normalize = function (settings) {
12
- return settings && Object.assign({
13
- toggle: 'select'
14
- }, settings);
15
- };
@@ -1,17 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- /**
8
- * @hidden
9
- */
10
- exports.packageMetadata = {
11
- name: '@progress/kendo-angular-menu',
12
- productName: 'Kendo UI for Angular',
13
- productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
14
- publishDate: 1646834920,
15
- version: '',
16
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
17
- };
@@ -1,38 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- /**
8
- * @hidden
9
- */
10
- var PreventableEvent = /** @class */ (function () {
11
- /**
12
- * @hidden
13
- */
14
- function PreventableEvent(args) {
15
- this.prevented = false;
16
- Object.assign(this, args);
17
- }
18
- /**
19
- * Prevents the default action for a specified event.
20
- * In this way, the source component suppresses
21
- * the built-in behavior that follows the event.
22
- */
23
- PreventableEvent.prototype.preventDefault = function () {
24
- this.prevented = true;
25
- };
26
- /**
27
- * Returns `true` if the event was prevented
28
- * by any of its subscribers.
29
- *
30
- * @returns `true` if the default action was prevented.
31
- * Otherwise, returns `false`.
32
- */
33
- PreventableEvent.prototype.isDefaultPrevented = function () {
34
- return this.prevented;
35
- };
36
- return PreventableEvent;
37
- }());
38
- exports.PreventableEvent = PreventableEvent;