@angular/aria 21.0.0-rc.1 → 21.0.0-rc.3
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/_adev_assets/aria-accordion.json +429 -59
- package/_adev_assets/aria-combobox.json +261 -41
- package/_adev_assets/aria-grid.json +339 -85
- package/_adev_assets/aria-listbox.json +99 -70
- package/_adev_assets/aria-menu.json +355 -158
- package/_adev_assets/aria-tabs.json +198 -305
- package/_adev_assets/aria-toolbar.json +70 -221
- package/_adev_assets/aria-tree.json +153 -363
- package/fesm2022/_widget-chunk.mjs +388 -57
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs +125 -72
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox.mjs +129 -24
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid.mjs +203 -65
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox.mjs +50 -39
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +179 -71
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +418 -440
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs +105 -73
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +52 -44
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs +106 -63
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +2 -2
- package/types/_grid-chunk.d.ts +216 -35
- package/types/accordion.d.ts +134 -35
- package/types/combobox.d.ts +141 -12
- package/types/grid.d.ts +150 -32
- package/types/listbox.d.ts +60 -28
- package/types/menu.d.ts +133 -49
- package/types/private.d.ts +210 -250
- package/types/tabs.d.ts +124 -44
- package/types/toolbar.d.ts +58 -36
- package/types/tree.d.ts +121 -49
|
@@ -10,23 +10,23 @@
|
|
|
10
10
|
"entryType": "directive",
|
|
11
11
|
"members": [
|
|
12
12
|
{
|
|
13
|
-
"name": "
|
|
14
|
-
"type": "
|
|
13
|
+
"name": "element",
|
|
14
|
+
"type": "HTMLElement",
|
|
15
15
|
"memberType": "property",
|
|
16
16
|
"memberTags": [
|
|
17
17
|
"readonly"
|
|
18
18
|
],
|
|
19
|
-
"description": "
|
|
19
|
+
"description": "A reference to the host element.",
|
|
20
20
|
"jsdocTags": []
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
"name": "
|
|
24
|
-
"type": "
|
|
23
|
+
"name": "textDirection",
|
|
24
|
+
"type": "any",
|
|
25
25
|
"memberType": "property",
|
|
26
26
|
"memberTags": [
|
|
27
27
|
"readonly"
|
|
28
28
|
],
|
|
29
|
-
"description": "
|
|
29
|
+
"description": "The directionality (LTR / RTL) context for the application (or a subtree of it).",
|
|
30
30
|
"jsdocTags": []
|
|
31
31
|
},
|
|
32
32
|
{
|
|
@@ -42,27 +42,63 @@
|
|
|
42
42
|
"isRequiredInput": false
|
|
43
43
|
},
|
|
44
44
|
{
|
|
45
|
-
"name": "
|
|
45
|
+
"name": "expanded",
|
|
46
46
|
"type": "any",
|
|
47
47
|
"memberType": "property",
|
|
48
48
|
"memberTags": [
|
|
49
49
|
"readonly"
|
|
50
50
|
],
|
|
51
|
-
"description": "Whether the menu
|
|
51
|
+
"description": "Whether the menu is expanded.",
|
|
52
52
|
"jsdocTags": []
|
|
53
53
|
},
|
|
54
54
|
{
|
|
55
|
-
"name": "
|
|
55
|
+
"name": "hasPopup",
|
|
56
|
+
"type": "any",
|
|
57
|
+
"memberType": "property",
|
|
58
|
+
"memberTags": [
|
|
59
|
+
"readonly"
|
|
60
|
+
],
|
|
61
|
+
"description": "Whether the menu trigger has a popup.",
|
|
62
|
+
"jsdocTags": []
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"name": "disabled",
|
|
66
|
+
"type": "any",
|
|
67
|
+
"memberType": "property",
|
|
68
|
+
"memberTags": [
|
|
69
|
+
"readonly",
|
|
70
|
+
"input"
|
|
71
|
+
],
|
|
72
|
+
"description": "Whether the menu trigger is disabled.",
|
|
73
|
+
"jsdocTags": [],
|
|
74
|
+
"inputAlias": "disabled",
|
|
75
|
+
"isRequiredInput": false
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"name": "softDisabled",
|
|
79
|
+
"type": "any",
|
|
80
|
+
"memberType": "property",
|
|
81
|
+
"memberTags": [
|
|
82
|
+
"readonly",
|
|
83
|
+
"input"
|
|
84
|
+
],
|
|
85
|
+
"description": "Whether the menu trigger is soft disabled.",
|
|
86
|
+
"jsdocTags": [],
|
|
87
|
+
"inputAlias": "softDisabled",
|
|
88
|
+
"isRequiredInput": false
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"name": "open",
|
|
56
92
|
"signatures": [
|
|
57
93
|
{
|
|
58
|
-
"name": "
|
|
94
|
+
"name": "open",
|
|
59
95
|
"entryType": "function",
|
|
60
|
-
"description": "
|
|
96
|
+
"description": "Opens the menu focusing on the first menu item.",
|
|
61
97
|
"generics": [],
|
|
62
98
|
"isNewType": false,
|
|
63
99
|
"jsdocTags": [],
|
|
64
100
|
"params": [],
|
|
65
|
-
"rawComment": "/**
|
|
101
|
+
"rawComment": "/** Opens the menu focusing on the first menu item. */",
|
|
66
102
|
"returnType": "void"
|
|
67
103
|
}
|
|
68
104
|
],
|
|
@@ -71,16 +107,49 @@
|
|
|
71
107
|
"isNewType": false,
|
|
72
108
|
"returnType": "void",
|
|
73
109
|
"generics": [],
|
|
74
|
-
"name": "
|
|
75
|
-
"description": "
|
|
110
|
+
"name": "open",
|
|
111
|
+
"description": "Opens the menu focusing on the first menu item.",
|
|
76
112
|
"entryType": "function",
|
|
77
113
|
"jsdocTags": [],
|
|
78
|
-
"rawComment": "/**
|
|
114
|
+
"rawComment": "/** Opens the menu focusing on the first menu item. */"
|
|
79
115
|
},
|
|
80
116
|
"entryType": "function",
|
|
81
|
-
"description": "
|
|
117
|
+
"description": "Opens the menu focusing on the first menu item.",
|
|
82
118
|
"jsdocTags": [],
|
|
83
|
-
"rawComment": "/**
|
|
119
|
+
"rawComment": "/** Opens the menu focusing on the first menu item. */",
|
|
120
|
+
"memberType": "method",
|
|
121
|
+
"memberTags": []
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "close",
|
|
125
|
+
"signatures": [
|
|
126
|
+
{
|
|
127
|
+
"name": "close",
|
|
128
|
+
"entryType": "function",
|
|
129
|
+
"description": "Closes the menu.",
|
|
130
|
+
"generics": [],
|
|
131
|
+
"isNewType": false,
|
|
132
|
+
"jsdocTags": [],
|
|
133
|
+
"params": [],
|
|
134
|
+
"rawComment": "/** Closes the menu. */",
|
|
135
|
+
"returnType": "void"
|
|
136
|
+
}
|
|
137
|
+
],
|
|
138
|
+
"implementation": {
|
|
139
|
+
"params": [],
|
|
140
|
+
"isNewType": false,
|
|
141
|
+
"returnType": "void",
|
|
142
|
+
"generics": [],
|
|
143
|
+
"name": "close",
|
|
144
|
+
"description": "Closes the menu.",
|
|
145
|
+
"entryType": "function",
|
|
146
|
+
"jsdocTags": [],
|
|
147
|
+
"rawComment": "/** Closes the menu. */"
|
|
148
|
+
},
|
|
149
|
+
"entryType": "function",
|
|
150
|
+
"description": "Closes the menu.",
|
|
151
|
+
"jsdocTags": [],
|
|
152
|
+
"rawComment": "/** Closes the menu. */",
|
|
84
153
|
"memberType": "method",
|
|
85
154
|
"memberTags": []
|
|
86
155
|
}
|
|
@@ -90,9 +159,14 @@
|
|
|
90
159
|
"name": "V"
|
|
91
160
|
}
|
|
92
161
|
],
|
|
93
|
-
"description": "A trigger for a menu.\n\nThe
|
|
94
|
-
"jsdocTags": [
|
|
95
|
-
|
|
162
|
+
"description": "A trigger for a menu.\n\nThe `ngMenuTrigger` directive is used to open and close menus. It can be applied to\nany interactive element (e.g., a button) to associate it with a `ngMenu` instance.\nIt also supports linking to sub-menus when applied to a `ngMenuItem`.\n\n```html\n<button ngMenuTrigger [menu]=\"myMenu\">Open Menu</button>\n\n<div ngMenu #myMenu=\"ngMenu\">\n <div ngMenuItem>Item 1</div>\n <div ngMenuItem>Item 2</div>\n</div>\n```",
|
|
163
|
+
"jsdocTags": [
|
|
164
|
+
{
|
|
165
|
+
"name": "developerPreview",
|
|
166
|
+
"comment": "21.0"
|
|
167
|
+
}
|
|
168
|
+
],
|
|
169
|
+
"rawComment": "/**\n * A trigger for a menu.\n *\n * The `ngMenuTrigger` directive is used to open and close menus. It can be applied to\n * any interactive element (e.g., a button) to associate it with a `ngMenu` instance.\n * It also supports linking to sub-menus when applied to a `ngMenuItem`.\n *\n * ```html\n * <button ngMenuTrigger [menu]=\"myMenu\">Open Menu</button>\n *\n * <div ngMenu #myMenu=\"ngMenu\">\n * <div ngMenuItem>Item 1</div>\n * <div ngMenuItem>Item 2</div>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
96
170
|
"implements": [],
|
|
97
171
|
"isStandalone": true,
|
|
98
172
|
"selector": "button[ngMenuTrigger]",
|
|
@@ -101,8 +175,8 @@
|
|
|
101
175
|
],
|
|
102
176
|
"source": {
|
|
103
177
|
"filePath": "/src/aria/menu/menu.ts",
|
|
104
|
-
"startLine":
|
|
105
|
-
"endLine":
|
|
178
|
+
"startLine": 55,
|
|
179
|
+
"endLine": 117
|
|
106
180
|
}
|
|
107
181
|
},
|
|
108
182
|
{
|
|
@@ -117,7 +191,7 @@
|
|
|
117
191
|
"memberTags": [
|
|
118
192
|
"readonly"
|
|
119
193
|
],
|
|
120
|
-
"description": "A reference to the
|
|
194
|
+
"description": "A reference to the host element.",
|
|
121
195
|
"jsdocTags": []
|
|
122
196
|
},
|
|
123
197
|
{
|
|
@@ -157,7 +231,17 @@
|
|
|
157
231
|
"memberTags": [
|
|
158
232
|
"readonly"
|
|
159
233
|
],
|
|
160
|
-
"description": "The delay in
|
|
234
|
+
"description": "The delay in milliseconds before the typeahead buffer is cleared.",
|
|
235
|
+
"jsdocTags": []
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"name": "disabled",
|
|
239
|
+
"type": "any",
|
|
240
|
+
"memberType": "property",
|
|
241
|
+
"memberTags": [
|
|
242
|
+
"readonly"
|
|
243
|
+
],
|
|
244
|
+
"description": "Whether the menu is disabled.",
|
|
161
245
|
"jsdocTags": []
|
|
162
246
|
},
|
|
163
247
|
{
|
|
@@ -171,21 +255,23 @@
|
|
|
171
255
|
"jsdocTags": []
|
|
172
256
|
},
|
|
173
257
|
{
|
|
174
|
-
"name": "
|
|
175
|
-
"type": "
|
|
258
|
+
"name": "visible",
|
|
259
|
+
"type": "any",
|
|
176
260
|
"memberType": "property",
|
|
177
261
|
"memberTags": [
|
|
178
262
|
"readonly"
|
|
179
263
|
],
|
|
180
|
-
"description": "
|
|
264
|
+
"description": "Whether the menu is visible.",
|
|
181
265
|
"jsdocTags": []
|
|
182
266
|
},
|
|
183
267
|
{
|
|
184
|
-
"name": "
|
|
268
|
+
"name": "tabIndex",
|
|
185
269
|
"type": "any",
|
|
186
270
|
"memberType": "property",
|
|
187
|
-
"memberTags": [
|
|
188
|
-
|
|
271
|
+
"memberTags": [
|
|
272
|
+
"readonly"
|
|
273
|
+
],
|
|
274
|
+
"description": "The tab index of the menu.",
|
|
189
275
|
"jsdocTags": []
|
|
190
276
|
},
|
|
191
277
|
{
|
|
@@ -196,6 +282,16 @@
|
|
|
196
282
|
"description": "A callback function triggered when a menu item is selected.",
|
|
197
283
|
"jsdocTags": []
|
|
198
284
|
},
|
|
285
|
+
{
|
|
286
|
+
"name": "expansionDelay",
|
|
287
|
+
"type": "any",
|
|
288
|
+
"memberType": "property",
|
|
289
|
+
"memberTags": [
|
|
290
|
+
"readonly"
|
|
291
|
+
],
|
|
292
|
+
"description": "The delay in milliseconds before expanding sub-menus on hover.",
|
|
293
|
+
"jsdocTags": []
|
|
294
|
+
},
|
|
199
295
|
{
|
|
200
296
|
"name": "close",
|
|
201
297
|
"signatures": [
|
|
@@ -206,29 +302,13 @@
|
|
|
206
302
|
"generics": [],
|
|
207
303
|
"isNewType": false,
|
|
208
304
|
"jsdocTags": [],
|
|
209
|
-
"params": [
|
|
210
|
-
{
|
|
211
|
-
"name": "opts",
|
|
212
|
-
"description": "",
|
|
213
|
-
"type": "{ refocus?: boolean | undefined; } | undefined",
|
|
214
|
-
"isOptional": true,
|
|
215
|
-
"isRestParam": false
|
|
216
|
-
}
|
|
217
|
-
],
|
|
305
|
+
"params": [],
|
|
218
306
|
"rawComment": "/** Closes the menu. */",
|
|
219
307
|
"returnType": "void"
|
|
220
308
|
}
|
|
221
309
|
],
|
|
222
310
|
"implementation": {
|
|
223
|
-
"params": [
|
|
224
|
-
{
|
|
225
|
-
"name": "opts",
|
|
226
|
-
"description": "",
|
|
227
|
-
"type": "{ refocus?: boolean | undefined; } | undefined",
|
|
228
|
-
"isOptional": true,
|
|
229
|
-
"isRestParam": false
|
|
230
|
-
}
|
|
231
|
-
],
|
|
311
|
+
"params": [],
|
|
232
312
|
"isNewType": false,
|
|
233
313
|
"returnType": "void",
|
|
234
314
|
"generics": [],
|
|
@@ -244,55 +324,6 @@
|
|
|
244
324
|
"rawComment": "/** Closes the menu. */",
|
|
245
325
|
"memberType": "method",
|
|
246
326
|
"memberTags": []
|
|
247
|
-
},
|
|
248
|
-
{
|
|
249
|
-
"name": "closeAll",
|
|
250
|
-
"signatures": [
|
|
251
|
-
{
|
|
252
|
-
"name": "closeAll",
|
|
253
|
-
"entryType": "function",
|
|
254
|
-
"description": "Closes all parent menus.",
|
|
255
|
-
"generics": [],
|
|
256
|
-
"isNewType": false,
|
|
257
|
-
"jsdocTags": [],
|
|
258
|
-
"params": [
|
|
259
|
-
{
|
|
260
|
-
"name": "opts",
|
|
261
|
-
"description": "",
|
|
262
|
-
"type": "{ refocus?: boolean | undefined; } | undefined",
|
|
263
|
-
"isOptional": true,
|
|
264
|
-
"isRestParam": false
|
|
265
|
-
}
|
|
266
|
-
],
|
|
267
|
-
"rawComment": "/** Closes all parent menus. */",
|
|
268
|
-
"returnType": "void"
|
|
269
|
-
}
|
|
270
|
-
],
|
|
271
|
-
"implementation": {
|
|
272
|
-
"params": [
|
|
273
|
-
{
|
|
274
|
-
"name": "opts",
|
|
275
|
-
"description": "",
|
|
276
|
-
"type": "{ refocus?: boolean | undefined; } | undefined",
|
|
277
|
-
"isOptional": true,
|
|
278
|
-
"isRestParam": false
|
|
279
|
-
}
|
|
280
|
-
],
|
|
281
|
-
"isNewType": false,
|
|
282
|
-
"returnType": "void",
|
|
283
|
-
"generics": [],
|
|
284
|
-
"name": "closeAll",
|
|
285
|
-
"description": "Closes all parent menus.",
|
|
286
|
-
"entryType": "function",
|
|
287
|
-
"jsdocTags": [],
|
|
288
|
-
"rawComment": "/** Closes all parent menus. */"
|
|
289
|
-
},
|
|
290
|
-
"entryType": "function",
|
|
291
|
-
"description": "Closes all parent menus.",
|
|
292
|
-
"jsdocTags": [],
|
|
293
|
-
"rawComment": "/** Closes all parent menus. */",
|
|
294
|
-
"memberType": "method",
|
|
295
|
-
"memberTags": []
|
|
296
327
|
}
|
|
297
328
|
],
|
|
298
329
|
"generics": [
|
|
@@ -300,14 +331,19 @@
|
|
|
300
331
|
"name": "V"
|
|
301
332
|
}
|
|
302
333
|
],
|
|
303
|
-
"description": "A list of menu items.\n\nA
|
|
304
|
-
"jsdocTags": [
|
|
305
|
-
|
|
334
|
+
"description": "A list of menu items.\n\nA `ngMenu` is used to offer a list of menu item choices to users. Menus can be nested\nwithin other menus to create sub-menus. It works in conjunction with `ngMenuTrigger`\nand `ngMenuItem` directives.\n\n```html\n<button ngMenuTrigger [menu]=\"myMenu\">Options</button>\n\n<div ngMenu #myMenu=\"ngMenu\">\n <div ngMenuItem>Star</div>\n <div ngMenuItem>Edit</div>\n <div ngMenuItem [submenu]=\"subMenu\">More</div>\n</div>\n\n<div ngMenu #subMenu=\"ngMenu\">\n <div ngMenuItem>Sub Item 1</div>\n <div ngMenuItem>Sub Item 2</div>\n</div>\n```",
|
|
335
|
+
"jsdocTags": [
|
|
336
|
+
{
|
|
337
|
+
"name": "developerPreview",
|
|
338
|
+
"comment": "21.0"
|
|
339
|
+
}
|
|
340
|
+
],
|
|
341
|
+
"rawComment": "/**\n * A list of menu items.\n *\n * A `ngMenu` is used to offer a list of menu item choices to users. Menus can be nested\n * within other menus to create sub-menus. It works in conjunction with `ngMenuTrigger`\n * and `ngMenuItem` directives.\n *\n * ```html\n * <button ngMenuTrigger [menu]=\"myMenu\">Options</button>\n *\n * <div ngMenu #myMenu=\"ngMenu\">\n * <div ngMenuItem>Star</div>\n * <div ngMenuItem>Edit</div>\n * <div ngMenuItem [submenu]=\"subMenu\">More</div>\n * </div>\n *\n * <div ngMenu #subMenu=\"ngMenu\">\n * <div ngMenuItem>Sub Item 1</div>\n * <div ngMenuItem>Sub Item 2</div>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
306
342
|
"implements": [],
|
|
307
343
|
"source": {
|
|
308
344
|
"filePath": "/src/aria/menu/menu.ts",
|
|
309
|
-
"startLine":
|
|
310
|
-
"endLine":
|
|
345
|
+
"startLine": 143,
|
|
346
|
+
"endLine": 274
|
|
311
347
|
}
|
|
312
348
|
},
|
|
313
349
|
{
|
|
@@ -322,9 +358,35 @@
|
|
|
322
358
|
"memberTags": [
|
|
323
359
|
"readonly"
|
|
324
360
|
],
|
|
325
|
-
"description": "A reference to the
|
|
361
|
+
"description": "A reference to the host element.",
|
|
326
362
|
"jsdocTags": []
|
|
327
363
|
},
|
|
364
|
+
{
|
|
365
|
+
"name": "disabled",
|
|
366
|
+
"type": "any",
|
|
367
|
+
"memberType": "property",
|
|
368
|
+
"memberTags": [
|
|
369
|
+
"readonly",
|
|
370
|
+
"input"
|
|
371
|
+
],
|
|
372
|
+
"description": "Whether the menubar is disabled.",
|
|
373
|
+
"jsdocTags": [],
|
|
374
|
+
"inputAlias": "disabled",
|
|
375
|
+
"isRequiredInput": false
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"name": "softDisabled",
|
|
379
|
+
"type": "any",
|
|
380
|
+
"memberType": "property",
|
|
381
|
+
"memberTags": [
|
|
382
|
+
"readonly",
|
|
383
|
+
"input"
|
|
384
|
+
],
|
|
385
|
+
"description": "Whether the menubar is soft disabled.",
|
|
386
|
+
"jsdocTags": [],
|
|
387
|
+
"inputAlias": "softDisabled",
|
|
388
|
+
"isRequiredInput": false
|
|
389
|
+
},
|
|
328
390
|
{
|
|
329
391
|
"name": "textDirection",
|
|
330
392
|
"type": "any",
|
|
@@ -336,7 +398,7 @@
|
|
|
336
398
|
"jsdocTags": []
|
|
337
399
|
},
|
|
338
400
|
{
|
|
339
|
-
"name": "
|
|
401
|
+
"name": "values",
|
|
340
402
|
"type": "any",
|
|
341
403
|
"memberType": "property",
|
|
342
404
|
"memberTags": [
|
|
@@ -344,11 +406,11 @@
|
|
|
344
406
|
"input",
|
|
345
407
|
"output"
|
|
346
408
|
],
|
|
347
|
-
"description": "The
|
|
409
|
+
"description": "The values of the currently selected menu items.",
|
|
348
410
|
"jsdocTags": [],
|
|
349
|
-
"inputAlias": "
|
|
411
|
+
"inputAlias": "values",
|
|
350
412
|
"isRequiredInput": false,
|
|
351
|
-
"outputAlias": "
|
|
413
|
+
"outputAlias": "valuesChange"
|
|
352
414
|
},
|
|
353
415
|
{
|
|
354
416
|
"name": "wrap",
|
|
@@ -371,21 +433,11 @@
|
|
|
371
433
|
"readonly",
|
|
372
434
|
"input"
|
|
373
435
|
],
|
|
374
|
-
"description": "The delay in
|
|
436
|
+
"description": "The delay in milliseconds before the typeahead buffer is cleared.",
|
|
375
437
|
"jsdocTags": [],
|
|
376
438
|
"inputAlias": "typeaheadDelay",
|
|
377
439
|
"isRequiredInput": false
|
|
378
440
|
},
|
|
379
|
-
{
|
|
380
|
-
"name": "items",
|
|
381
|
-
"type": "any",
|
|
382
|
-
"memberType": "property",
|
|
383
|
-
"memberTags": [
|
|
384
|
-
"readonly"
|
|
385
|
-
],
|
|
386
|
-
"description": "The menu items as a writable signal.",
|
|
387
|
-
"jsdocTags": []
|
|
388
|
-
},
|
|
389
441
|
{
|
|
390
442
|
"name": "onSelect",
|
|
391
443
|
"type": "any",
|
|
@@ -396,6 +448,39 @@
|
|
|
396
448
|
"description": "A callback function triggered when a menu item is selected.",
|
|
397
449
|
"jsdocTags": [],
|
|
398
450
|
"outputAlias": "onSelect"
|
|
451
|
+
},
|
|
452
|
+
{
|
|
453
|
+
"name": "close",
|
|
454
|
+
"signatures": [
|
|
455
|
+
{
|
|
456
|
+
"name": "close",
|
|
457
|
+
"entryType": "function",
|
|
458
|
+
"description": "Closes the menubar.",
|
|
459
|
+
"generics": [],
|
|
460
|
+
"isNewType": false,
|
|
461
|
+
"jsdocTags": [],
|
|
462
|
+
"params": [],
|
|
463
|
+
"rawComment": "/** Closes the menubar. */",
|
|
464
|
+
"returnType": "void"
|
|
465
|
+
}
|
|
466
|
+
],
|
|
467
|
+
"implementation": {
|
|
468
|
+
"params": [],
|
|
469
|
+
"isNewType": false,
|
|
470
|
+
"returnType": "void",
|
|
471
|
+
"generics": [],
|
|
472
|
+
"name": "close",
|
|
473
|
+
"description": "Closes the menubar.",
|
|
474
|
+
"entryType": "function",
|
|
475
|
+
"jsdocTags": [],
|
|
476
|
+
"rawComment": "/** Closes the menubar. */"
|
|
477
|
+
},
|
|
478
|
+
"entryType": "function",
|
|
479
|
+
"description": "Closes the menubar.",
|
|
480
|
+
"jsdocTags": [],
|
|
481
|
+
"rawComment": "/** Closes the menubar. */",
|
|
482
|
+
"memberType": "method",
|
|
483
|
+
"memberTags": []
|
|
399
484
|
}
|
|
400
485
|
],
|
|
401
486
|
"generics": [
|
|
@@ -403,9 +488,14 @@
|
|
|
403
488
|
"name": "V"
|
|
404
489
|
}
|
|
405
490
|
],
|
|
406
|
-
"description": "A menu bar of menu items.\n\nLike the
|
|
407
|
-
"jsdocTags": [
|
|
408
|
-
|
|
491
|
+
"description": "A menu bar of menu items.\n\nLike the `ngMenu`, a `ngMenuBar` is used to offer a list of menu item choices to users.\nHowever, a menubar is used to display a persistent, top-level, always-visible set of\nmenu item choices, typically found at the top of an application window.\n\n```html\n<div ngMenuBar>\n <button ngMenuTrigger [menu]=\"fileMenu\">File</button>\n <button ngMenuTrigger [menu]=\"editMenu\">Edit</button>\n</div>\n\n<div ngMenu #fileMenu=\"ngMenu\">\n <div ngMenuItem>New</div>\n <div ngMenuItem>Open</div>\n</div>\n\n<div ngMenu #editMenu=\"ngMenu\">\n <div ngMenuItem>Cut</div>\n <div ngMenuItem>Copy</div>\n</div>\n```",
|
|
492
|
+
"jsdocTags": [
|
|
493
|
+
{
|
|
494
|
+
"name": "developerPreview",
|
|
495
|
+
"comment": "21.0"
|
|
496
|
+
}
|
|
497
|
+
],
|
|
498
|
+
"rawComment": "/**\n * A menu bar of menu items.\n *\n * Like the `ngMenu`, a `ngMenuBar` is used to offer a list of menu item choices to users.\n * However, a menubar is used to display a persistent, top-level, always-visible set of\n * menu item choices, typically found at the top of an application window.\n *\n * ```html\n * <div ngMenuBar>\n * <button ngMenuTrigger [menu]=\"fileMenu\">File</button>\n * <button ngMenuTrigger [menu]=\"editMenu\">Edit</button>\n * </div>\n *\n * <div ngMenu #fileMenu=\"ngMenu\">\n * <div ngMenuItem>New</div>\n * <div ngMenuItem>Open</div>\n * </div>\n *\n * <div ngMenu #editMenu=\"ngMenu\">\n * <div ngMenuItem>Cut</div>\n * <div ngMenuItem>Copy</div>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
409
499
|
"implements": [],
|
|
410
500
|
"isStandalone": true,
|
|
411
501
|
"selector": "[ngMenuBar]",
|
|
@@ -414,8 +504,8 @@
|
|
|
414
504
|
],
|
|
415
505
|
"source": {
|
|
416
506
|
"filePath": "/src/aria/menu/menu.ts",
|
|
417
|
-
"startLine":
|
|
418
|
-
"endLine":
|
|
507
|
+
"startLine": 302,
|
|
508
|
+
"endLine": 386
|
|
419
509
|
}
|
|
420
510
|
},
|
|
421
511
|
{
|
|
@@ -430,7 +520,7 @@
|
|
|
430
520
|
"memberTags": [
|
|
431
521
|
"readonly"
|
|
432
522
|
],
|
|
433
|
-
"description": "A reference to the
|
|
523
|
+
"description": "A reference to the host element.",
|
|
434
524
|
"jsdocTags": []
|
|
435
525
|
},
|
|
436
526
|
{
|
|
@@ -511,27 +601,47 @@
|
|
|
511
601
|
"isRequiredInput": false
|
|
512
602
|
},
|
|
513
603
|
{
|
|
514
|
-
"name": "
|
|
604
|
+
"name": "active",
|
|
515
605
|
"type": "any",
|
|
516
606
|
"memberType": "property",
|
|
517
607
|
"memberTags": [
|
|
518
608
|
"readonly"
|
|
519
609
|
],
|
|
520
|
-
"description": "Whether the menu item
|
|
610
|
+
"description": "Whether the menu item is active.",
|
|
521
611
|
"jsdocTags": []
|
|
522
612
|
},
|
|
523
613
|
{
|
|
524
|
-
"name": "
|
|
614
|
+
"name": "expanded",
|
|
615
|
+
"type": "any",
|
|
616
|
+
"memberType": "property",
|
|
617
|
+
"memberTags": [
|
|
618
|
+
"readonly"
|
|
619
|
+
],
|
|
620
|
+
"description": "Whether the menu is expanded.",
|
|
621
|
+
"jsdocTags": []
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "hasPopup",
|
|
625
|
+
"type": "any",
|
|
626
|
+
"memberType": "property",
|
|
627
|
+
"memberTags": [
|
|
628
|
+
"readonly"
|
|
629
|
+
],
|
|
630
|
+
"description": "Whether the menu item has a popup.",
|
|
631
|
+
"jsdocTags": []
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"name": "open",
|
|
525
635
|
"signatures": [
|
|
526
636
|
{
|
|
527
|
-
"name": "
|
|
637
|
+
"name": "open",
|
|
528
638
|
"entryType": "function",
|
|
529
|
-
"description": "
|
|
639
|
+
"description": "Opens the submenu focusing on the first menu item.",
|
|
530
640
|
"generics": [],
|
|
531
641
|
"isNewType": false,
|
|
532
642
|
"jsdocTags": [],
|
|
533
643
|
"params": [],
|
|
534
|
-
"rawComment": "/**
|
|
644
|
+
"rawComment": "/** Opens the submenu focusing on the first menu item. */",
|
|
535
645
|
"returnType": "void"
|
|
536
646
|
}
|
|
537
647
|
],
|
|
@@ -540,16 +650,49 @@
|
|
|
540
650
|
"isNewType": false,
|
|
541
651
|
"returnType": "void",
|
|
542
652
|
"generics": [],
|
|
543
|
-
"name": "
|
|
544
|
-
"description": "
|
|
653
|
+
"name": "open",
|
|
654
|
+
"description": "Opens the submenu focusing on the first menu item.",
|
|
545
655
|
"entryType": "function",
|
|
546
656
|
"jsdocTags": [],
|
|
547
|
-
"rawComment": "/**
|
|
657
|
+
"rawComment": "/** Opens the submenu focusing on the first menu item. */"
|
|
548
658
|
},
|
|
549
659
|
"entryType": "function",
|
|
550
|
-
"description": "
|
|
660
|
+
"description": "Opens the submenu focusing on the first menu item.",
|
|
551
661
|
"jsdocTags": [],
|
|
552
|
-
"rawComment": "/**
|
|
662
|
+
"rawComment": "/** Opens the submenu focusing on the first menu item. */",
|
|
663
|
+
"memberType": "method",
|
|
664
|
+
"memberTags": []
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"name": "close",
|
|
668
|
+
"signatures": [
|
|
669
|
+
{
|
|
670
|
+
"name": "close",
|
|
671
|
+
"entryType": "function",
|
|
672
|
+
"description": "Closes the submenu.",
|
|
673
|
+
"generics": [],
|
|
674
|
+
"isNewType": false,
|
|
675
|
+
"jsdocTags": [],
|
|
676
|
+
"params": [],
|
|
677
|
+
"rawComment": "/** Closes the submenu. */",
|
|
678
|
+
"returnType": "void"
|
|
679
|
+
}
|
|
680
|
+
],
|
|
681
|
+
"implementation": {
|
|
682
|
+
"params": [],
|
|
683
|
+
"isNewType": false,
|
|
684
|
+
"returnType": "void",
|
|
685
|
+
"generics": [],
|
|
686
|
+
"name": "close",
|
|
687
|
+
"description": "Closes the submenu.",
|
|
688
|
+
"entryType": "function",
|
|
689
|
+
"jsdocTags": [],
|
|
690
|
+
"rawComment": "/** Closes the submenu. */"
|
|
691
|
+
},
|
|
692
|
+
"entryType": "function",
|
|
693
|
+
"description": "Closes the submenu.",
|
|
694
|
+
"jsdocTags": [],
|
|
695
|
+
"rawComment": "/** Closes the submenu. */",
|
|
553
696
|
"memberType": "method",
|
|
554
697
|
"memberTags": []
|
|
555
698
|
}
|
|
@@ -559,9 +702,14 @@
|
|
|
559
702
|
"name": "V"
|
|
560
703
|
}
|
|
561
704
|
],
|
|
562
|
-
"description": "An item in a Menu.\n\
|
|
563
|
-
"jsdocTags": [
|
|
564
|
-
|
|
705
|
+
"description": "An item in a Menu.\n\n`ngMenuItem` directives can be used in `ngMenu` and `ngMenuBar` to represent a choice\nor action a user can take. They can also act as triggers for sub-menus.\n\n```html\n<div ngMenuItem (onSelect)=\"doAction()\">Action Item</div>\n\n<div ngMenuItem [submenu]=\"anotherMenu\">Submenu Trigger</div>\n```",
|
|
706
|
+
"jsdocTags": [
|
|
707
|
+
{
|
|
708
|
+
"name": "developerPreview",
|
|
709
|
+
"comment": "21.0"
|
|
710
|
+
}
|
|
711
|
+
],
|
|
712
|
+
"rawComment": "/**\n * An item in a Menu.\n *\n * `ngMenuItem` directives can be used in `ngMenu` and `ngMenuBar` to represent a choice\n * or action a user can take. They can also act as triggers for sub-menus.\n *\n * ```html\n * <div ngMenuItem (onSelect)=\"doAction()\">Action Item</div>\n *\n * <div ngMenuItem [submenu]=\"anotherMenu\">Submenu Trigger</div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
565
713
|
"implements": [],
|
|
566
714
|
"isStandalone": true,
|
|
567
715
|
"selector": "[ngMenuItem]",
|
|
@@ -570,8 +718,8 @@
|
|
|
570
718
|
],
|
|
571
719
|
"source": {
|
|
572
720
|
"filePath": "/src/aria/menu/menu.ts",
|
|
573
|
-
"startLine":
|
|
574
|
-
"endLine":
|
|
721
|
+
"startLine": 402,
|
|
722
|
+
"endLine": 482
|
|
575
723
|
}
|
|
576
724
|
},
|
|
577
725
|
{
|
|
@@ -580,14 +728,19 @@
|
|
|
580
728
|
"entryType": "undecorated_class",
|
|
581
729
|
"members": [],
|
|
582
730
|
"generics": [],
|
|
583
|
-
"description": "Defers the rendering of the menu content
|
|
584
|
-
"jsdocTags": [
|
|
585
|
-
|
|
731
|
+
"description": "Defers the rendering of the menu content.\n\nThis structural directive should be applied to an `ng-template` within a `ngMenu`\nor `ngMenuBar` to lazily render its content only when the menu is opened.\n\n```html\n<div ngMenu #myMenu=\"ngMenu\">\n <ng-template ngMenuContent>\n <div ngMenuItem>Lazy Item 1</div>\n <div ngMenuItem>Lazy Item 2</div>\n </ng-template>\n</div>\n```",
|
|
732
|
+
"jsdocTags": [
|
|
733
|
+
{
|
|
734
|
+
"name": "developerPreview",
|
|
735
|
+
"comment": "21.0"
|
|
736
|
+
}
|
|
737
|
+
],
|
|
738
|
+
"rawComment": "/**\n * Defers the rendering of the menu content.\n *\n * This structural directive should be applied to an `ng-template` within a `ngMenu`\n * or `ngMenuBar` to lazily render its content only when the menu is opened.\n *\n * ```html\n * <div ngMenu #myMenu=\"ngMenu\">\n * <ng-template ngMenuContent>\n * <div ngMenuItem>Lazy Item 1</div>\n * <div ngMenuItem>Lazy Item 2</div>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
586
739
|
"implements": [],
|
|
587
740
|
"source": {
|
|
588
741
|
"filePath": "/src/aria/menu/menu.ts",
|
|
589
|
-
"startLine":
|
|
590
|
-
"endLine":
|
|
742
|
+
"startLine": 501,
|
|
743
|
+
"endLine": 506
|
|
591
744
|
}
|
|
592
745
|
}
|
|
593
746
|
],
|
|
@@ -596,6 +749,10 @@
|
|
|
596
749
|
"afterRenderEffect",
|
|
597
750
|
"@angular/core"
|
|
598
751
|
],
|
|
752
|
+
[
|
|
753
|
+
"booleanAttribute",
|
|
754
|
+
"@angular/core"
|
|
755
|
+
],
|
|
599
756
|
[
|
|
600
757
|
"computed",
|
|
601
758
|
"@angular/core"
|
|
@@ -705,11 +862,11 @@
|
|
|
705
862
|
"@angular/aria/menu"
|
|
706
863
|
],
|
|
707
864
|
[
|
|
708
|
-
"MenuTrigger.
|
|
865
|
+
"MenuTrigger.element",
|
|
709
866
|
"@angular/aria/menu"
|
|
710
867
|
],
|
|
711
868
|
[
|
|
712
|
-
"MenuTrigger.
|
|
869
|
+
"MenuTrigger.textDirection",
|
|
713
870
|
"@angular/aria/menu"
|
|
714
871
|
],
|
|
715
872
|
[
|
|
@@ -717,11 +874,27 @@
|
|
|
717
874
|
"@angular/aria/menu"
|
|
718
875
|
],
|
|
719
876
|
[
|
|
720
|
-
"MenuTrigger.
|
|
877
|
+
"MenuTrigger.expanded",
|
|
721
878
|
"@angular/aria/menu"
|
|
722
879
|
],
|
|
723
880
|
[
|
|
724
|
-
"MenuTrigger.
|
|
881
|
+
"MenuTrigger.hasPopup",
|
|
882
|
+
"@angular/aria/menu"
|
|
883
|
+
],
|
|
884
|
+
[
|
|
885
|
+
"MenuTrigger.disabled",
|
|
886
|
+
"@angular/aria/menu"
|
|
887
|
+
],
|
|
888
|
+
[
|
|
889
|
+
"MenuTrigger.softDisabled",
|
|
890
|
+
"@angular/aria/menu"
|
|
891
|
+
],
|
|
892
|
+
[
|
|
893
|
+
"MenuTrigger.open",
|
|
894
|
+
"@angular/aria/menu"
|
|
895
|
+
],
|
|
896
|
+
[
|
|
897
|
+
"MenuTrigger.close",
|
|
725
898
|
"@angular/aria/menu"
|
|
726
899
|
],
|
|
727
900
|
[
|
|
@@ -748,16 +921,20 @@
|
|
|
748
921
|
"Menu.typeaheadDelay",
|
|
749
922
|
"@angular/aria/menu"
|
|
750
923
|
],
|
|
924
|
+
[
|
|
925
|
+
"Menu.disabled",
|
|
926
|
+
"@angular/aria/menu"
|
|
927
|
+
],
|
|
751
928
|
[
|
|
752
929
|
"Menu.parent",
|
|
753
930
|
"@angular/aria/menu"
|
|
754
931
|
],
|
|
755
932
|
[
|
|
756
|
-
"Menu.
|
|
933
|
+
"Menu.visible",
|
|
757
934
|
"@angular/aria/menu"
|
|
758
935
|
],
|
|
759
936
|
[
|
|
760
|
-
"Menu.
|
|
937
|
+
"Menu.tabIndex",
|
|
761
938
|
"@angular/aria/menu"
|
|
762
939
|
],
|
|
763
940
|
[
|
|
@@ -765,11 +942,11 @@
|
|
|
765
942
|
"@angular/aria/menu"
|
|
766
943
|
],
|
|
767
944
|
[
|
|
768
|
-
"Menu.
|
|
945
|
+
"Menu.expansionDelay",
|
|
769
946
|
"@angular/aria/menu"
|
|
770
947
|
],
|
|
771
948
|
[
|
|
772
|
-
"Menu.
|
|
949
|
+
"Menu.close",
|
|
773
950
|
"@angular/aria/menu"
|
|
774
951
|
],
|
|
775
952
|
[
|
|
@@ -780,12 +957,20 @@
|
|
|
780
957
|
"MenuBar.element",
|
|
781
958
|
"@angular/aria/menu"
|
|
782
959
|
],
|
|
960
|
+
[
|
|
961
|
+
"MenuBar.disabled",
|
|
962
|
+
"@angular/aria/menu"
|
|
963
|
+
],
|
|
964
|
+
[
|
|
965
|
+
"MenuBar.softDisabled",
|
|
966
|
+
"@angular/aria/menu"
|
|
967
|
+
],
|
|
783
968
|
[
|
|
784
969
|
"MenuBar.textDirection",
|
|
785
970
|
"@angular/aria/menu"
|
|
786
971
|
],
|
|
787
972
|
[
|
|
788
|
-
"MenuBar.
|
|
973
|
+
"MenuBar.values",
|
|
789
974
|
"@angular/aria/menu"
|
|
790
975
|
],
|
|
791
976
|
[
|
|
@@ -797,11 +982,11 @@
|
|
|
797
982
|
"@angular/aria/menu"
|
|
798
983
|
],
|
|
799
984
|
[
|
|
800
|
-
"MenuBar.
|
|
985
|
+
"MenuBar.onSelect",
|
|
801
986
|
"@angular/aria/menu"
|
|
802
987
|
],
|
|
803
988
|
[
|
|
804
|
-
"MenuBar.
|
|
989
|
+
"MenuBar.close",
|
|
805
990
|
"@angular/aria/menu"
|
|
806
991
|
],
|
|
807
992
|
[
|
|
@@ -837,11 +1022,23 @@
|
|
|
837
1022
|
"@angular/aria/menu"
|
|
838
1023
|
],
|
|
839
1024
|
[
|
|
840
|
-
"MenuItem.
|
|
1025
|
+
"MenuItem.active",
|
|
1026
|
+
"@angular/aria/menu"
|
|
1027
|
+
],
|
|
1028
|
+
[
|
|
1029
|
+
"MenuItem.expanded",
|
|
1030
|
+
"@angular/aria/menu"
|
|
1031
|
+
],
|
|
1032
|
+
[
|
|
1033
|
+
"MenuItem.hasPopup",
|
|
1034
|
+
"@angular/aria/menu"
|
|
1035
|
+
],
|
|
1036
|
+
[
|
|
1037
|
+
"MenuItem.open",
|
|
841
1038
|
"@angular/aria/menu"
|
|
842
1039
|
],
|
|
843
1040
|
[
|
|
844
|
-
"MenuItem.
|
|
1041
|
+
"MenuItem.close",
|
|
845
1042
|
"@angular/aria/menu"
|
|
846
1043
|
],
|
|
847
1044
|
[
|