@m3e/nav-menu 1.0.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +22 -0
- package/README.md +184 -0
- package/cem.config.mjs +16 -0
- package/demo/index.html +64 -0
- package/dist/css-custom-data.json +197 -0
- package/dist/custom-elements.json +859 -0
- package/dist/html-custom-data.json +39 -0
- package/dist/index.js +884 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +272 -0
- package/dist/index.min.js.map +1 -0
- package/dist/src/NavMenuElement.d.ts +87 -0
- package/dist/src/NavMenuElement.d.ts.map +1 -0
- package/dist/src/NavMenuItemElement.d.ts +158 -0
- package/dist/src/NavMenuItemElement.d.ts.map +1 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/src/index.d.ts.map +1 -0
- package/eslint.config.mjs +13 -0
- package/package.json +48 -0
- package/rollup.config.js +32 -0
- package/src/NavMenuElement.ts +325 -0
- package/src/NavMenuItemElement.ts +560 -0
- package/src/index.ts +2 -0
- package/tsconfig.json +9 -0
|
@@ -0,0 +1,859 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/index.ts",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"package": "\"./NavMenuElement\""
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"kind": "js",
|
|
20
|
+
"name": "*",
|
|
21
|
+
"declaration": {
|
|
22
|
+
"name": "*",
|
|
23
|
+
"package": "\"./NavMenuItemElement\""
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"kind": "javascript-module",
|
|
30
|
+
"path": "src/NavMenuElement.ts",
|
|
31
|
+
"declarations": [
|
|
32
|
+
{
|
|
33
|
+
"kind": "class",
|
|
34
|
+
"description": "",
|
|
35
|
+
"name": "M3eNavMenuElement",
|
|
36
|
+
"cssProperties": [
|
|
37
|
+
{
|
|
38
|
+
"description": "Top padding for the menu.",
|
|
39
|
+
"name": "--m3e-nav-menu-padding-top"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"description": "Bottom padding for the menu.",
|
|
43
|
+
"name": "--m3e-nav-menu-padding-bottom"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"description": "Left padding for the menu.",
|
|
47
|
+
"name": "--m3e-nav-menu-padding-left"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"description": "Right padding for the menu.",
|
|
51
|
+
"name": "--m3e-nav-menu-padding-right"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"description": "Margin for divider elements in the menu.",
|
|
55
|
+
"name": "--m3e-nav-menu-divider-margin"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"description": "Width of the menu scrollbar.",
|
|
59
|
+
"name": "--m3e-nav-menu-scrollbar-width"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"description": "Color of the menu scrollbar.",
|
|
63
|
+
"name": "--m3e-nav-menu-scrollbar-color"
|
|
64
|
+
}
|
|
65
|
+
],
|
|
66
|
+
"slots": [
|
|
67
|
+
{
|
|
68
|
+
"description": "Renders the items of the menu.",
|
|
69
|
+
"name": ""
|
|
70
|
+
}
|
|
71
|
+
],
|
|
72
|
+
"members": [
|
|
73
|
+
{
|
|
74
|
+
"kind": "field",
|
|
75
|
+
"name": "__nextId",
|
|
76
|
+
"type": {
|
|
77
|
+
"text": "number"
|
|
78
|
+
},
|
|
79
|
+
"privacy": "private",
|
|
80
|
+
"static": true,
|
|
81
|
+
"default": "0"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"kind": "field",
|
|
85
|
+
"name": "#ignoreFocusVisible",
|
|
86
|
+
"privacy": "private",
|
|
87
|
+
"type": {
|
|
88
|
+
"text": "boolean"
|
|
89
|
+
},
|
|
90
|
+
"default": "false"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"kind": "field",
|
|
94
|
+
"name": "#ignoreFocus",
|
|
95
|
+
"privacy": "private",
|
|
96
|
+
"type": {
|
|
97
|
+
"text": "boolean"
|
|
98
|
+
},
|
|
99
|
+
"default": "false"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"kind": "field",
|
|
103
|
+
"name": "[selectionManager]",
|
|
104
|
+
"readonly": true,
|
|
105
|
+
"privacy": "private"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"kind": "field",
|
|
109
|
+
"name": "#keyDownHandler",
|
|
110
|
+
"privacy": "private",
|
|
111
|
+
"readonly": true
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"kind": "field",
|
|
115
|
+
"name": "#keyUpHandler",
|
|
116
|
+
"privacy": "private",
|
|
117
|
+
"readonly": true
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"kind": "field",
|
|
121
|
+
"name": "#pointerDownHandler",
|
|
122
|
+
"privacy": "private",
|
|
123
|
+
"readonly": true
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"kind": "field",
|
|
127
|
+
"name": "selected",
|
|
128
|
+
"type": {
|
|
129
|
+
"text": "M3eNavMenuItemElement | null"
|
|
130
|
+
},
|
|
131
|
+
"description": "The selected item of the menu.",
|
|
132
|
+
"readonly": true
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"kind": "field",
|
|
136
|
+
"name": "items",
|
|
137
|
+
"type": {
|
|
138
|
+
"text": "readonly M3eNavMenuItemElement[]"
|
|
139
|
+
},
|
|
140
|
+
"description": "All the items of the menu.",
|
|
141
|
+
"readonly": true
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"kind": "method",
|
|
145
|
+
"name": "expand",
|
|
146
|
+
"return": {
|
|
147
|
+
"type": {
|
|
148
|
+
"text": "void"
|
|
149
|
+
}
|
|
150
|
+
},
|
|
151
|
+
"parameters": [
|
|
152
|
+
{
|
|
153
|
+
"name": "items",
|
|
154
|
+
"optional": true,
|
|
155
|
+
"type": {
|
|
156
|
+
"text": "M3eNavMenuItemElement | undefined"
|
|
157
|
+
},
|
|
158
|
+
"description": "The items to expand."
|
|
159
|
+
}
|
|
160
|
+
],
|
|
161
|
+
"description": "Expands the specified items, or all items if no items are provided."
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"kind": "method",
|
|
165
|
+
"name": "collapse",
|
|
166
|
+
"return": {
|
|
167
|
+
"type": {
|
|
168
|
+
"text": "void"
|
|
169
|
+
}
|
|
170
|
+
},
|
|
171
|
+
"parameters": [
|
|
172
|
+
{
|
|
173
|
+
"name": "items",
|
|
174
|
+
"optional": true,
|
|
175
|
+
"type": {
|
|
176
|
+
"text": "M3eNavMenuItemElement | undefined"
|
|
177
|
+
},
|
|
178
|
+
"description": "The items to collapse."
|
|
179
|
+
}
|
|
180
|
+
],
|
|
181
|
+
"description": "Collapses the specified items, or all items if no items are provided."
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"kind": "method",
|
|
185
|
+
"name": "#handleSlotChange",
|
|
186
|
+
"privacy": "private",
|
|
187
|
+
"return": {
|
|
188
|
+
"type": {
|
|
189
|
+
"text": "void"
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"kind": "method",
|
|
195
|
+
"name": "#handleKeyDown",
|
|
196
|
+
"privacy": "private",
|
|
197
|
+
"return": {
|
|
198
|
+
"type": {
|
|
199
|
+
"text": "void"
|
|
200
|
+
}
|
|
201
|
+
},
|
|
202
|
+
"parameters": [
|
|
203
|
+
{
|
|
204
|
+
"name": "e",
|
|
205
|
+
"type": {
|
|
206
|
+
"text": "KeyboardEvent"
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
]
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"kind": "method",
|
|
213
|
+
"name": "#handleKeyUp",
|
|
214
|
+
"privacy": "private",
|
|
215
|
+
"return": {
|
|
216
|
+
"type": {
|
|
217
|
+
"text": "void"
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
"parameters": [
|
|
221
|
+
{
|
|
222
|
+
"name": "e",
|
|
223
|
+
"type": {
|
|
224
|
+
"text": "KeyboardEvent"
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
]
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"kind": "method",
|
|
231
|
+
"name": "#handlePointerDown",
|
|
232
|
+
"privacy": "private",
|
|
233
|
+
"return": {
|
|
234
|
+
"type": {
|
|
235
|
+
"text": "void"
|
|
236
|
+
}
|
|
237
|
+
},
|
|
238
|
+
"parameters": [
|
|
239
|
+
{
|
|
240
|
+
"name": "e",
|
|
241
|
+
"type": {
|
|
242
|
+
"text": "Event"
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
]
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"kind": "method",
|
|
249
|
+
"name": "#activateItem",
|
|
250
|
+
"privacy": "private",
|
|
251
|
+
"return": {
|
|
252
|
+
"type": {
|
|
253
|
+
"text": "void"
|
|
254
|
+
}
|
|
255
|
+
},
|
|
256
|
+
"parameters": [
|
|
257
|
+
{
|
|
258
|
+
"name": "item",
|
|
259
|
+
"type": {
|
|
260
|
+
"text": "M3eNavMenuItemElement"
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
]
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
"kind": "method",
|
|
267
|
+
"name": "#updateFocusVisible",
|
|
268
|
+
"privacy": "private",
|
|
269
|
+
"return": {
|
|
270
|
+
"type": {
|
|
271
|
+
"text": "void"
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"kind": "method",
|
|
277
|
+
"name": "#updateItemFocusVisible",
|
|
278
|
+
"privacy": "private",
|
|
279
|
+
"return": {
|
|
280
|
+
"type": {
|
|
281
|
+
"text": "void"
|
|
282
|
+
}
|
|
283
|
+
},
|
|
284
|
+
"parameters": [
|
|
285
|
+
{
|
|
286
|
+
"name": "item",
|
|
287
|
+
"type": {
|
|
288
|
+
"text": "M3eNavMenuItemElement"
|
|
289
|
+
}
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
"name": "focused",
|
|
293
|
+
"type": {
|
|
294
|
+
"text": "boolean"
|
|
295
|
+
}
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"name": "focusVisible",
|
|
299
|
+
"type": {
|
|
300
|
+
"text": "boolean"
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
]
|
|
304
|
+
}
|
|
305
|
+
],
|
|
306
|
+
"mixins": [
|
|
307
|
+
{
|
|
308
|
+
"name": "Role",
|
|
309
|
+
"package": "@m3e/core"
|
|
310
|
+
}
|
|
311
|
+
],
|
|
312
|
+
"superclass": {
|
|
313
|
+
"name": "LitElement",
|
|
314
|
+
"package": "lit"
|
|
315
|
+
},
|
|
316
|
+
"tagName": "m3e-nav-menu",
|
|
317
|
+
"customElement": true,
|
|
318
|
+
"summary": "Presents a hierarchical menu."
|
|
319
|
+
}
|
|
320
|
+
],
|
|
321
|
+
"exports": [
|
|
322
|
+
{
|
|
323
|
+
"kind": "js",
|
|
324
|
+
"name": "M3eNavMenuElement",
|
|
325
|
+
"declaration": {
|
|
326
|
+
"name": "M3eNavMenuElement",
|
|
327
|
+
"module": "src/NavMenuElement.ts"
|
|
328
|
+
}
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"kind": "custom-element-definition",
|
|
332
|
+
"name": "m3e-nav-menu",
|
|
333
|
+
"declaration": {
|
|
334
|
+
"name": "M3eNavMenuElement",
|
|
335
|
+
"module": "src/NavMenuElement.ts"
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
]
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
"kind": "javascript-module",
|
|
342
|
+
"path": "src/NavMenuItemElement.ts",
|
|
343
|
+
"declarations": [
|
|
344
|
+
{
|
|
345
|
+
"kind": "class",
|
|
346
|
+
"description": "",
|
|
347
|
+
"name": "M3eNavMenuItemElement",
|
|
348
|
+
"cssProperties": [
|
|
349
|
+
{
|
|
350
|
+
"description": "Font size for the item label.",
|
|
351
|
+
"name": "--m3e-nav-menu-item-font-size"
|
|
352
|
+
},
|
|
353
|
+
{
|
|
354
|
+
"description": "Font weight for the item label.",
|
|
355
|
+
"name": "--m3e-nav-menu-item-font-weight"
|
|
356
|
+
},
|
|
357
|
+
{
|
|
358
|
+
"description": "Line height for the item label.",
|
|
359
|
+
"name": "--m3e-nav-menu-item-line-height"
|
|
360
|
+
},
|
|
361
|
+
{
|
|
362
|
+
"description": "Letter spacing for the item label.",
|
|
363
|
+
"name": "--m3e-nav-menu-item-tracking"
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
"description": "Inline padding for the item.",
|
|
367
|
+
"name": "--m3e-nav-menu-item-padding"
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
"description": "Height of the item.",
|
|
371
|
+
"name": "--m3e-nav-menu-item-height"
|
|
372
|
+
},
|
|
373
|
+
{
|
|
374
|
+
"description": "Spacing between icon and label.",
|
|
375
|
+
"name": "--m3e-nav-menu-item-spacing"
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"description": "Border radius of the item and focus ring.",
|
|
379
|
+
"name": "--m3e-nav-menu-item-shape"
|
|
380
|
+
},
|
|
381
|
+
{
|
|
382
|
+
"description": "Size of the icon.",
|
|
383
|
+
"name": "--m3e-nav-menu-item-icon-size"
|
|
384
|
+
},
|
|
385
|
+
{
|
|
386
|
+
"description": "Indentation for nested items.",
|
|
387
|
+
"name": "--m3e-nav-menu-item-inset"
|
|
388
|
+
},
|
|
389
|
+
{
|
|
390
|
+
"description": "Text color for the item label.",
|
|
391
|
+
"name": "--m3e-nav-menu-item-label-color"
|
|
392
|
+
},
|
|
393
|
+
{
|
|
394
|
+
"description": "Text color for selected item label.",
|
|
395
|
+
"name": "--m3e-nav-menu-item-selected-label-color"
|
|
396
|
+
},
|
|
397
|
+
{
|
|
398
|
+
"description": "Background color for selected item.",
|
|
399
|
+
"name": "--m3e-nav-menu-item-selected-container-color"
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"description": "Focus color for selected item container.",
|
|
403
|
+
"name": "--m3e-nav-menu-item-selected-container-focus-color"
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"description": "Hover color for selected item container.",
|
|
407
|
+
"name": "--m3e-nav-menu-item-selected-container-hover-color"
|
|
408
|
+
},
|
|
409
|
+
{
|
|
410
|
+
"description": "Ripple color for selected item.",
|
|
411
|
+
"name": "--m3e-nav-menu-item-selected-ripple-color"
|
|
412
|
+
},
|
|
413
|
+
{
|
|
414
|
+
"description": "Focus color for unselected item container.",
|
|
415
|
+
"name": "--m3e-nav-menu-item-unselected-container-focus-color"
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"description": "Hover color for unselected item container.",
|
|
419
|
+
"name": "--m3e-nav-menu-item-unselected-container-hover-color"
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
"description": "Ripple color for unselected item.",
|
|
423
|
+
"name": "--m3e-nav-menu-item-unselected-ripple-color"
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
"description": "Background color for open item with children.",
|
|
427
|
+
"name": "--m3e-nav-menu-item-open-container-color"
|
|
428
|
+
},
|
|
429
|
+
{
|
|
430
|
+
"description": "Focus color for open item container.",
|
|
431
|
+
"name": "--m3e-nav-menu-item-open-container-focus-color"
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
"description": "Hover color for open item container.",
|
|
435
|
+
"name": "--m3e-nav-menu-item-open-container-hover-color"
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"description": "Ripple color for open item.",
|
|
439
|
+
"name": "--m3e-nav-menu-item-open-ripple-color"
|
|
440
|
+
},
|
|
441
|
+
{
|
|
442
|
+
"description": "Text color for disabled item.",
|
|
443
|
+
"name": "--m3e-nav-menu-item-disabled-color"
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
"description": "Opacity for disabled item text color.",
|
|
447
|
+
"name": "--m3e-nav-menu-item-disabled-color-opacity"
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
"description": "Font size for badge slot.",
|
|
451
|
+
"name": "--m3e-nav-menu-item-badge-font-size"
|
|
452
|
+
},
|
|
453
|
+
{
|
|
454
|
+
"description": "Font weight for badge slot.",
|
|
455
|
+
"name": "--m3e-nav-menu-item-badge-font-weight"
|
|
456
|
+
},
|
|
457
|
+
{
|
|
458
|
+
"description": "Line height for badge slot.",
|
|
459
|
+
"name": "--m3e-nav-menu-item-badge-line-height"
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"description": "Letter spacing for badge slot.",
|
|
463
|
+
"name": "--m3e-nav-menu-badge-item-tracking"
|
|
464
|
+
},
|
|
465
|
+
{
|
|
466
|
+
"description": "Margin for divider elements.",
|
|
467
|
+
"name": "--m3e-nav-menu-divider-margin"
|
|
468
|
+
},
|
|
469
|
+
{
|
|
470
|
+
"description": "Vertical margin for first/last child items.",
|
|
471
|
+
"name": "--m3e-nav-menu-item-vertical-inset"
|
|
472
|
+
}
|
|
473
|
+
],
|
|
474
|
+
"slots": [
|
|
475
|
+
{
|
|
476
|
+
"description": "Renders the nested child items.",
|
|
477
|
+
"name": ""
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"description": "Renders the label of the item.",
|
|
481
|
+
"name": "label"
|
|
482
|
+
},
|
|
483
|
+
{
|
|
484
|
+
"description": "Renders the icon of the item.",
|
|
485
|
+
"name": "icon"
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"description": "Renders the icon of the item when selected.",
|
|
489
|
+
"name": "selected-icon"
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
"description": "Renders the toggle icon.",
|
|
493
|
+
"name": "toggle-icon"
|
|
494
|
+
}
|
|
495
|
+
],
|
|
496
|
+
"members": [
|
|
497
|
+
{
|
|
498
|
+
"kind": "field",
|
|
499
|
+
"name": "_base",
|
|
500
|
+
"type": {
|
|
501
|
+
"text": "HTMLElement | undefined"
|
|
502
|
+
},
|
|
503
|
+
"privacy": "private",
|
|
504
|
+
"readonly": true
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
"kind": "field",
|
|
508
|
+
"name": "_hasChildItems",
|
|
509
|
+
"type": {
|
|
510
|
+
"text": "boolean"
|
|
511
|
+
},
|
|
512
|
+
"privacy": "private",
|
|
513
|
+
"default": "false"
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
"kind": "field",
|
|
517
|
+
"name": "#items",
|
|
518
|
+
"privacy": "private",
|
|
519
|
+
"type": {
|
|
520
|
+
"text": "M3eNavMenuItemElement[]"
|
|
521
|
+
},
|
|
522
|
+
"default": "[]"
|
|
523
|
+
},
|
|
524
|
+
{
|
|
525
|
+
"kind": "field",
|
|
526
|
+
"name": "#menu",
|
|
527
|
+
"privacy": "private",
|
|
528
|
+
"type": {
|
|
529
|
+
"text": "M3eNavMenuElement | null"
|
|
530
|
+
},
|
|
531
|
+
"default": "null"
|
|
532
|
+
},
|
|
533
|
+
{
|
|
534
|
+
"kind": "field",
|
|
535
|
+
"name": "#path",
|
|
536
|
+
"privacy": "private",
|
|
537
|
+
"default": "new Array<M3eNavMenuItemElement>()"
|
|
538
|
+
},
|
|
539
|
+
{
|
|
540
|
+
"kind": "field",
|
|
541
|
+
"name": "#link",
|
|
542
|
+
"privacy": "private",
|
|
543
|
+
"type": {
|
|
544
|
+
"text": "HTMLAnchorElement | null"
|
|
545
|
+
},
|
|
546
|
+
"default": "null"
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"kind": "field",
|
|
550
|
+
"name": "open",
|
|
551
|
+
"type": {
|
|
552
|
+
"text": "boolean"
|
|
553
|
+
},
|
|
554
|
+
"default": "false",
|
|
555
|
+
"description": "Whether the item is expanded.",
|
|
556
|
+
"attribute": "open",
|
|
557
|
+
"reflects": true
|
|
558
|
+
},
|
|
559
|
+
{
|
|
560
|
+
"kind": "field",
|
|
561
|
+
"name": "link",
|
|
562
|
+
"type": {
|
|
563
|
+
"text": "HTMLAnchorElement | null"
|
|
564
|
+
},
|
|
565
|
+
"description": "A reference to the nested `HTMLAnchorElement`.",
|
|
566
|
+
"readonly": true
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"kind": "field",
|
|
570
|
+
"name": "visible",
|
|
571
|
+
"type": {
|
|
572
|
+
"text": "boolean"
|
|
573
|
+
},
|
|
574
|
+
"description": "Whether the item is visible.",
|
|
575
|
+
"readonly": true
|
|
576
|
+
},
|
|
577
|
+
{
|
|
578
|
+
"kind": "field",
|
|
579
|
+
"name": "path",
|
|
580
|
+
"type": {
|
|
581
|
+
"text": "ReadonlyArray<M3eNavMenuItemElement>"
|
|
582
|
+
},
|
|
583
|
+
"description": "The full path of the item, starting with the top-most ancestor, including this item.",
|
|
584
|
+
"readonly": true
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"kind": "field",
|
|
588
|
+
"name": "hasChildItems",
|
|
589
|
+
"type": {
|
|
590
|
+
"text": "boolean"
|
|
591
|
+
},
|
|
592
|
+
"description": "Whether the item has child items.",
|
|
593
|
+
"readonly": true
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"kind": "field",
|
|
597
|
+
"name": "parentItem",
|
|
598
|
+
"type": {
|
|
599
|
+
"text": "M3eNavMenuItemElement | null"
|
|
600
|
+
},
|
|
601
|
+
"description": "The parenting item.",
|
|
602
|
+
"readonly": true
|
|
603
|
+
},
|
|
604
|
+
{
|
|
605
|
+
"kind": "field",
|
|
606
|
+
"name": "childItems",
|
|
607
|
+
"type": {
|
|
608
|
+
"text": "readonly M3eNavMenuItemElement[]"
|
|
609
|
+
},
|
|
610
|
+
"description": "The items that immediately descend from this item.",
|
|
611
|
+
"readonly": true
|
|
612
|
+
},
|
|
613
|
+
{
|
|
614
|
+
"kind": "field",
|
|
615
|
+
"name": "level",
|
|
616
|
+
"type": {
|
|
617
|
+
"text": "number"
|
|
618
|
+
},
|
|
619
|
+
"description": "The one-based level of the item.",
|
|
620
|
+
"readonly": true
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"kind": "method",
|
|
624
|
+
"name": "expand",
|
|
625
|
+
"return": {
|
|
626
|
+
"type": {
|
|
627
|
+
"text": "void"
|
|
628
|
+
}
|
|
629
|
+
},
|
|
630
|
+
"parameters": [
|
|
631
|
+
{
|
|
632
|
+
"name": "descendants",
|
|
633
|
+
"default": "false",
|
|
634
|
+
"type": {
|
|
635
|
+
"text": "boolean"
|
|
636
|
+
},
|
|
637
|
+
"description": "Whether to expand all descendants.",
|
|
638
|
+
"optional": true
|
|
639
|
+
}
|
|
640
|
+
],
|
|
641
|
+
"description": "Expands this item, and optionally, all descendants."
|
|
642
|
+
},
|
|
643
|
+
{
|
|
644
|
+
"kind": "method",
|
|
645
|
+
"name": "collapse",
|
|
646
|
+
"return": {
|
|
647
|
+
"type": {
|
|
648
|
+
"text": "void"
|
|
649
|
+
}
|
|
650
|
+
},
|
|
651
|
+
"parameters": [
|
|
652
|
+
{
|
|
653
|
+
"name": "descendants",
|
|
654
|
+
"default": "false",
|
|
655
|
+
"type": {
|
|
656
|
+
"text": "boolean"
|
|
657
|
+
},
|
|
658
|
+
"description": "Whether to expand all descendants.",
|
|
659
|
+
"optional": true
|
|
660
|
+
}
|
|
661
|
+
],
|
|
662
|
+
"description": "Collapses this item, and optionally, all descendants."
|
|
663
|
+
},
|
|
664
|
+
{
|
|
665
|
+
"kind": "method",
|
|
666
|
+
"name": "toggle",
|
|
667
|
+
"return": {
|
|
668
|
+
"type": {
|
|
669
|
+
"text": "void"
|
|
670
|
+
}
|
|
671
|
+
},
|
|
672
|
+
"description": "Toggles the expanded state of the item."
|
|
673
|
+
},
|
|
674
|
+
{
|
|
675
|
+
"kind": "method",
|
|
676
|
+
"name": "#renderIcon",
|
|
677
|
+
"privacy": "private",
|
|
678
|
+
"return": {
|
|
679
|
+
"type": {
|
|
680
|
+
"text": "unknown"
|
|
681
|
+
}
|
|
682
|
+
}
|
|
683
|
+
},
|
|
684
|
+
{
|
|
685
|
+
"kind": "method",
|
|
686
|
+
"name": "#handleIconSlotChange",
|
|
687
|
+
"privacy": "private",
|
|
688
|
+
"parameters": [
|
|
689
|
+
{
|
|
690
|
+
"name": "e",
|
|
691
|
+
"type": {
|
|
692
|
+
"text": "Event"
|
|
693
|
+
}
|
|
694
|
+
}
|
|
695
|
+
]
|
|
696
|
+
},
|
|
697
|
+
{
|
|
698
|
+
"kind": "method",
|
|
699
|
+
"name": "#handleSlotChange",
|
|
700
|
+
"privacy": "private",
|
|
701
|
+
"return": {
|
|
702
|
+
"type": {
|
|
703
|
+
"text": "void"
|
|
704
|
+
}
|
|
705
|
+
},
|
|
706
|
+
"parameters": [
|
|
707
|
+
{
|
|
708
|
+
"name": "e",
|
|
709
|
+
"type": {
|
|
710
|
+
"text": "Event"
|
|
711
|
+
}
|
|
712
|
+
}
|
|
713
|
+
]
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
"kind": "method",
|
|
717
|
+
"name": "#handleItemSlotChange",
|
|
718
|
+
"privacy": "private",
|
|
719
|
+
"return": {
|
|
720
|
+
"type": {
|
|
721
|
+
"text": "void"
|
|
722
|
+
}
|
|
723
|
+
},
|
|
724
|
+
"parameters": [
|
|
725
|
+
{
|
|
726
|
+
"name": "e",
|
|
727
|
+
"type": {
|
|
728
|
+
"text": "Event"
|
|
729
|
+
}
|
|
730
|
+
}
|
|
731
|
+
]
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
"kind": "method",
|
|
735
|
+
"name": "#handleClick",
|
|
736
|
+
"privacy": "private",
|
|
737
|
+
"return": {
|
|
738
|
+
"type": {
|
|
739
|
+
"text": "void"
|
|
740
|
+
}
|
|
741
|
+
}
|
|
742
|
+
},
|
|
743
|
+
{
|
|
744
|
+
"kind": "method",
|
|
745
|
+
"name": "#handleCollapsibleEvent",
|
|
746
|
+
"privacy": "private",
|
|
747
|
+
"return": {
|
|
748
|
+
"type": {
|
|
749
|
+
"text": "void"
|
|
750
|
+
}
|
|
751
|
+
},
|
|
752
|
+
"parameters": [
|
|
753
|
+
{
|
|
754
|
+
"name": "e",
|
|
755
|
+
"type": {
|
|
756
|
+
"text": "Event"
|
|
757
|
+
}
|
|
758
|
+
}
|
|
759
|
+
]
|
|
760
|
+
}
|
|
761
|
+
],
|
|
762
|
+
"events": [
|
|
763
|
+
{
|
|
764
|
+
"type": {
|
|
765
|
+
"text": "Event"
|
|
766
|
+
}
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
"description": "Emitted when the item begins to open.",
|
|
770
|
+
"name": "opening"
|
|
771
|
+
},
|
|
772
|
+
{
|
|
773
|
+
"description": "Emitted when the item has opened.",
|
|
774
|
+
"name": "opened"
|
|
775
|
+
},
|
|
776
|
+
{
|
|
777
|
+
"description": "Emitted when the item begins to close.",
|
|
778
|
+
"name": "closing"
|
|
779
|
+
},
|
|
780
|
+
{
|
|
781
|
+
"description": "Emitted when the item has closed.",
|
|
782
|
+
"name": "closed"
|
|
783
|
+
}
|
|
784
|
+
],
|
|
785
|
+
"attributes": [
|
|
786
|
+
{
|
|
787
|
+
"description": "Whether the element is disabled.",
|
|
788
|
+
"name": "disabled"
|
|
789
|
+
},
|
|
790
|
+
{
|
|
791
|
+
"description": "Whether the element's selected / checked state is indeterminate.",
|
|
792
|
+
"name": "indeterminate"
|
|
793
|
+
},
|
|
794
|
+
{
|
|
795
|
+
"description": "Whether the item is expanded.",
|
|
796
|
+
"name": "open",
|
|
797
|
+
"type": {
|
|
798
|
+
"text": "boolean"
|
|
799
|
+
},
|
|
800
|
+
"default": "false",
|
|
801
|
+
"fieldName": "open"
|
|
802
|
+
},
|
|
803
|
+
{
|
|
804
|
+
"description": "Whether the item is selected.",
|
|
805
|
+
"name": "selected"
|
|
806
|
+
}
|
|
807
|
+
],
|
|
808
|
+
"mixins": [
|
|
809
|
+
{
|
|
810
|
+
"name": "Selected",
|
|
811
|
+
"package": "@m3e/core"
|
|
812
|
+
},
|
|
813
|
+
{
|
|
814
|
+
"name": "Disabled",
|
|
815
|
+
"package": "@m3e/core"
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
"name": "EventAttribute",
|
|
819
|
+
"package": "@m3e/core"
|
|
820
|
+
},
|
|
821
|
+
{
|
|
822
|
+
"name": "AttachInternals",
|
|
823
|
+
"package": "@m3e/core"
|
|
824
|
+
},
|
|
825
|
+
{
|
|
826
|
+
"name": "Role",
|
|
827
|
+
"package": "@m3e/core"
|
|
828
|
+
}
|
|
829
|
+
],
|
|
830
|
+
"superclass": {
|
|
831
|
+
"name": "LitElement",
|
|
832
|
+
"package": "lit"
|
|
833
|
+
},
|
|
834
|
+
"tagName": "m3e-nav-menu-item",
|
|
835
|
+
"customElement": true,
|
|
836
|
+
"summary": "An expandable item in a navigation menu."
|
|
837
|
+
}
|
|
838
|
+
],
|
|
839
|
+
"exports": [
|
|
840
|
+
{
|
|
841
|
+
"kind": "js",
|
|
842
|
+
"name": "M3eNavMenuItemElement",
|
|
843
|
+
"declaration": {
|
|
844
|
+
"name": "M3eNavMenuItemElement",
|
|
845
|
+
"module": "src/NavMenuItemElement.ts"
|
|
846
|
+
}
|
|
847
|
+
},
|
|
848
|
+
{
|
|
849
|
+
"kind": "custom-element-definition",
|
|
850
|
+
"name": "m3e-nav-menu-item",
|
|
851
|
+
"declaration": {
|
|
852
|
+
"name": "M3eNavMenuItemElement",
|
|
853
|
+
"module": "src/NavMenuItemElement.ts"
|
|
854
|
+
}
|
|
855
|
+
}
|
|
856
|
+
]
|
|
857
|
+
}
|
|
858
|
+
]
|
|
859
|
+
}
|