@m3e/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 +315 -0
- package/cem.config.mjs +16 -0
- package/demo/index.html +112 -0
- package/dist/css-custom-data.json +362 -0
- package/dist/custom-elements.json +1590 -0
- package/dist/html-custom-data.json +106 -0
- package/dist/index.js +1274 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +276 -0
- package/dist/index.min.js.map +1 -0
- package/dist/src/MenuElement.d.ts +143 -0
- package/dist/src/MenuElement.d.ts.map +1 -0
- package/dist/src/MenuItemCheckboxElement.d.ts +76 -0
- package/dist/src/MenuItemCheckboxElement.d.ts.map +1 -0
- package/dist/src/MenuItemElement.d.ts +113 -0
- package/dist/src/MenuItemElement.d.ts.map +1 -0
- package/dist/src/MenuItemElementBase.d.ts +21 -0
- package/dist/src/MenuItemElementBase.d.ts.map +1 -0
- package/dist/src/MenuItemGroupElement.d.ts +28 -0
- package/dist/src/MenuItemGroupElement.d.ts.map +1 -0
- package/dist/src/MenuItemRadioElement.d.ts +77 -0
- package/dist/src/MenuItemRadioElement.d.ts.map +1 -0
- package/dist/src/MenuPosition.d.ts +5 -0
- package/dist/src/MenuPosition.d.ts.map +1 -0
- package/dist/src/MenuTriggerElement.d.ts +86 -0
- package/dist/src/MenuTriggerElement.d.ts.map +1 -0
- package/dist/src/index.d.ts +8 -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/MenuElement.ts +449 -0
- package/src/MenuItemCheckboxElement.ts +178 -0
- package/src/MenuItemElement.ts +210 -0
- package/src/MenuItemElementBase.ts +158 -0
- package/src/MenuItemGroupElement.ts +37 -0
- package/src/MenuItemRadioElement.ts +169 -0
- package/src/MenuPosition.ts +5 -0
- package/src/MenuTriggerElement.ts +154 -0
- package/src/index.ts +7 -0
- package/tsconfig.json +9 -0
|
@@ -0,0 +1,1590 @@
|
|
|
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": "\"./MenuElement\""
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"kind": "js",
|
|
20
|
+
"name": "*",
|
|
21
|
+
"declaration": {
|
|
22
|
+
"name": "*",
|
|
23
|
+
"package": "\"./MenuItemCheckboxElement\""
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"kind": "js",
|
|
28
|
+
"name": "*",
|
|
29
|
+
"declaration": {
|
|
30
|
+
"name": "*",
|
|
31
|
+
"package": "\"./MenuItemElement\""
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"kind": "js",
|
|
36
|
+
"name": "*",
|
|
37
|
+
"declaration": {
|
|
38
|
+
"name": "*",
|
|
39
|
+
"package": "\"./MenuItemGroupElement\""
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"kind": "js",
|
|
44
|
+
"name": "*",
|
|
45
|
+
"declaration": {
|
|
46
|
+
"name": "*",
|
|
47
|
+
"package": "\"./MenuItemRadioElement\""
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"kind": "js",
|
|
52
|
+
"name": "*",
|
|
53
|
+
"declaration": {
|
|
54
|
+
"name": "*",
|
|
55
|
+
"package": "\"./MenuPosition\""
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"kind": "js",
|
|
60
|
+
"name": "*",
|
|
61
|
+
"declaration": {
|
|
62
|
+
"name": "*",
|
|
63
|
+
"package": "\"./MenuTriggerElement\""
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"kind": "javascript-module",
|
|
70
|
+
"path": "src/MenuElement.ts",
|
|
71
|
+
"declarations": [
|
|
72
|
+
{
|
|
73
|
+
"kind": "class",
|
|
74
|
+
"description": "",
|
|
75
|
+
"name": "M3eMenuElement",
|
|
76
|
+
"cssProperties": [
|
|
77
|
+
{
|
|
78
|
+
"description": "Controls the corner radius of the menu container.",
|
|
79
|
+
"name": "--m3e-menu-container-shape"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"description": "Minimum width of the menu container.",
|
|
83
|
+
"name": "--m3e-menu-container-min-width"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"description": "Maximum width of the menu container.",
|
|
87
|
+
"name": "--m3e-menu-container-max-width"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"description": "Maximum height of the menu container.",
|
|
91
|
+
"name": "--m3e-menu-container-max-height"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"description": "Vertical padding inside the menu container.",
|
|
95
|
+
"name": "--m3e-menu-container-padding-block"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"description": "Background color of the menu container.",
|
|
99
|
+
"name": "--m3e-menu-container-color"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"description": "Box shadow elevation of the menu container.",
|
|
103
|
+
"name": "--m3e-menu-container-elevation"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"description": "Vertical spacing around slotted `m3e-divider` elements.",
|
|
107
|
+
"name": "--m3e-menu-divider-spacing"
|
|
108
|
+
}
|
|
109
|
+
],
|
|
110
|
+
"slots": [
|
|
111
|
+
{
|
|
112
|
+
"description": "Renders the contents of the menu.",
|
|
113
|
+
"name": ""
|
|
114
|
+
}
|
|
115
|
+
],
|
|
116
|
+
"members": [
|
|
117
|
+
{
|
|
118
|
+
"kind": "field",
|
|
119
|
+
"name": "#trigger",
|
|
120
|
+
"privacy": "private",
|
|
121
|
+
"type": {
|
|
122
|
+
"text": "HTMLElement | undefined"
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"kind": "field",
|
|
127
|
+
"name": "#anchorCleanup",
|
|
128
|
+
"privacy": "private",
|
|
129
|
+
"type": {
|
|
130
|
+
"text": "() => void | undefined"
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"kind": "field",
|
|
135
|
+
"name": "#listManager",
|
|
136
|
+
"privacy": "private",
|
|
137
|
+
"readonly": true
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"kind": "field",
|
|
141
|
+
"name": "#keyDownHandler",
|
|
142
|
+
"privacy": "private",
|
|
143
|
+
"readonly": true
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"kind": "field",
|
|
147
|
+
"name": "#documentClickHandler",
|
|
148
|
+
"privacy": "private",
|
|
149
|
+
"readonly": true
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"kind": "field",
|
|
153
|
+
"name": "#scrollController",
|
|
154
|
+
"privacy": "private",
|
|
155
|
+
"readonly": true,
|
|
156
|
+
"default": "new ScrollController(this, { target: null, callback: (target) => target instanceof M3eMenuElement ? target.items.filter((x) => x instanceof M3eMenuItemElement).forEach((x) => x.submenu?.hide()) : this.hideAll(), })"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"kind": "field",
|
|
160
|
+
"name": "#toggleHandler",
|
|
161
|
+
"privacy": "private",
|
|
162
|
+
"readonly": true
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"kind": "field",
|
|
166
|
+
"name": "positionX",
|
|
167
|
+
"type": {
|
|
168
|
+
"text": "MenuPositionX"
|
|
169
|
+
},
|
|
170
|
+
"default": "\"after\"",
|
|
171
|
+
"description": "The position of the menu, on the x-axis.",
|
|
172
|
+
"attribute": "position-x"
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"kind": "field",
|
|
176
|
+
"name": "positionY",
|
|
177
|
+
"type": {
|
|
178
|
+
"text": "MenuPositionY"
|
|
179
|
+
},
|
|
180
|
+
"default": "\"below\"",
|
|
181
|
+
"description": "The position of the menu, on the y-axis.",
|
|
182
|
+
"attribute": "position-y"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"kind": "field",
|
|
186
|
+
"name": "items",
|
|
187
|
+
"type": {
|
|
188
|
+
"text": "ReadonlyArray<MenuItemElementBase>"
|
|
189
|
+
},
|
|
190
|
+
"description": "The items of the menu.",
|
|
191
|
+
"readonly": true
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"kind": "field",
|
|
195
|
+
"name": "isOpen",
|
|
196
|
+
"description": "A value indicating whether the menu is open.",
|
|
197
|
+
"readonly": true
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"kind": "field",
|
|
201
|
+
"name": "submenu",
|
|
202
|
+
"type": {
|
|
203
|
+
"text": "boolean"
|
|
204
|
+
},
|
|
205
|
+
"default": "false",
|
|
206
|
+
"description": "A value indicating whether the menu is a submenu.",
|
|
207
|
+
"attribute": "submenu",
|
|
208
|
+
"reflects": true
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
"kind": "method",
|
|
212
|
+
"name": "show",
|
|
213
|
+
"return": {
|
|
214
|
+
"type": {
|
|
215
|
+
"text": "Promise<void>"
|
|
216
|
+
}
|
|
217
|
+
},
|
|
218
|
+
"parameters": [
|
|
219
|
+
{
|
|
220
|
+
"name": "trigger",
|
|
221
|
+
"type": {
|
|
222
|
+
"text": "HTMLElement"
|
|
223
|
+
},
|
|
224
|
+
"description": "The element that triggered the menu."
|
|
225
|
+
}
|
|
226
|
+
],
|
|
227
|
+
"description": "Opens the menu."
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"kind": "method",
|
|
231
|
+
"name": "hide",
|
|
232
|
+
"return": {
|
|
233
|
+
"type": {
|
|
234
|
+
"text": "void"
|
|
235
|
+
}
|
|
236
|
+
},
|
|
237
|
+
"parameters": [
|
|
238
|
+
{
|
|
239
|
+
"name": "restoreFocus",
|
|
240
|
+
"default": "false",
|
|
241
|
+
"type": {
|
|
242
|
+
"text": "boolean"
|
|
243
|
+
},
|
|
244
|
+
"description": "A value indicating whether to restore focus to the menu's trigger.",
|
|
245
|
+
"optional": true
|
|
246
|
+
}
|
|
247
|
+
],
|
|
248
|
+
"description": "Hides the menu."
|
|
249
|
+
},
|
|
250
|
+
{
|
|
251
|
+
"kind": "method",
|
|
252
|
+
"name": "hideAll",
|
|
253
|
+
"return": {
|
|
254
|
+
"type": {
|
|
255
|
+
"text": "void"
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
"parameters": [
|
|
259
|
+
{
|
|
260
|
+
"name": "restoreFocus",
|
|
261
|
+
"default": "false",
|
|
262
|
+
"type": {
|
|
263
|
+
"text": "boolean"
|
|
264
|
+
},
|
|
265
|
+
"description": "A value indicating whether to restore focus to the menu's trigger.",
|
|
266
|
+
"optional": true
|
|
267
|
+
}
|
|
268
|
+
],
|
|
269
|
+
"description": "Closes this menu and any parenting menus."
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
"kind": "method",
|
|
273
|
+
"name": "toggle",
|
|
274
|
+
"return": {
|
|
275
|
+
"type": {
|
|
276
|
+
"text": "Promise<void>"
|
|
277
|
+
}
|
|
278
|
+
},
|
|
279
|
+
"parameters": [
|
|
280
|
+
{
|
|
281
|
+
"name": "trigger",
|
|
282
|
+
"type": {
|
|
283
|
+
"text": "HTMLElement"
|
|
284
|
+
},
|
|
285
|
+
"description": "The element that triggered the menu."
|
|
286
|
+
}
|
|
287
|
+
],
|
|
288
|
+
"description": "Toggles the menu."
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"kind": "method",
|
|
292
|
+
"name": "#handleSlotChange",
|
|
293
|
+
"privacy": "private",
|
|
294
|
+
"return": {
|
|
295
|
+
"type": {
|
|
296
|
+
"text": "void"
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"kind": "method",
|
|
302
|
+
"name": "#handleKeyDown",
|
|
303
|
+
"privacy": "private",
|
|
304
|
+
"return": {
|
|
305
|
+
"type": {
|
|
306
|
+
"text": "void"
|
|
307
|
+
}
|
|
308
|
+
},
|
|
309
|
+
"parameters": [
|
|
310
|
+
{
|
|
311
|
+
"name": "e",
|
|
312
|
+
"type": {
|
|
313
|
+
"text": "KeyboardEvent"
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
]
|
|
317
|
+
},
|
|
318
|
+
{
|
|
319
|
+
"kind": "method",
|
|
320
|
+
"name": "#handleDocumentClick",
|
|
321
|
+
"privacy": "private",
|
|
322
|
+
"return": {
|
|
323
|
+
"type": {
|
|
324
|
+
"text": "void"
|
|
325
|
+
}
|
|
326
|
+
},
|
|
327
|
+
"parameters": [
|
|
328
|
+
{
|
|
329
|
+
"name": "e",
|
|
330
|
+
"type": {
|
|
331
|
+
"text": "MouseEvent"
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
]
|
|
335
|
+
},
|
|
336
|
+
{
|
|
337
|
+
"kind": "method",
|
|
338
|
+
"name": "#getAbsolutePosition",
|
|
339
|
+
"privacy": "private",
|
|
340
|
+
"return": {
|
|
341
|
+
"type": {
|
|
342
|
+
"text": "{ x: number; y: number }"
|
|
343
|
+
}
|
|
344
|
+
},
|
|
345
|
+
"parameters": [
|
|
346
|
+
{
|
|
347
|
+
"name": "element",
|
|
348
|
+
"type": {
|
|
349
|
+
"text": "HTMLElement"
|
|
350
|
+
}
|
|
351
|
+
}
|
|
352
|
+
]
|
|
353
|
+
}
|
|
354
|
+
],
|
|
355
|
+
"events": [
|
|
356
|
+
{
|
|
357
|
+
"description": "Dispatched before the toggle state changes.",
|
|
358
|
+
"name": "beforetoggle"
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
"description": "Dispatched after the toggle state has changed.",
|
|
362
|
+
"name": "toggle"
|
|
363
|
+
}
|
|
364
|
+
],
|
|
365
|
+
"attributes": [
|
|
366
|
+
{
|
|
367
|
+
"description": "The position of the menu, on the x-axis.",
|
|
368
|
+
"name": "position-x",
|
|
369
|
+
"type": {
|
|
370
|
+
"text": "MenuPositionX"
|
|
371
|
+
},
|
|
372
|
+
"default": "\"after\"",
|
|
373
|
+
"fieldName": "positionX"
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"description": "The position of the menu, on the y-axis.",
|
|
377
|
+
"name": "position-y",
|
|
378
|
+
"type": {
|
|
379
|
+
"text": "MenuPositionY"
|
|
380
|
+
},
|
|
381
|
+
"default": "\"below\"",
|
|
382
|
+
"fieldName": "positionY"
|
|
383
|
+
},
|
|
384
|
+
{
|
|
385
|
+
"name": "submenu",
|
|
386
|
+
"type": {
|
|
387
|
+
"text": "boolean"
|
|
388
|
+
},
|
|
389
|
+
"default": "false",
|
|
390
|
+
"description": "A value indicating whether the menu is a submenu.",
|
|
391
|
+
"fieldName": "submenu"
|
|
392
|
+
}
|
|
393
|
+
],
|
|
394
|
+
"mixins": [
|
|
395
|
+
{
|
|
396
|
+
"name": "Role",
|
|
397
|
+
"package": "@m3e/core"
|
|
398
|
+
}
|
|
399
|
+
],
|
|
400
|
+
"superclass": {
|
|
401
|
+
"name": "LitElement",
|
|
402
|
+
"package": "lit"
|
|
403
|
+
},
|
|
404
|
+
"tagName": "m3e-menu",
|
|
405
|
+
"customElement": true,
|
|
406
|
+
"summary": "Presents a list of choices on a temporary surface."
|
|
407
|
+
}
|
|
408
|
+
],
|
|
409
|
+
"exports": [
|
|
410
|
+
{
|
|
411
|
+
"kind": "js",
|
|
412
|
+
"name": "M3eMenuElement",
|
|
413
|
+
"declaration": {
|
|
414
|
+
"name": "M3eMenuElement",
|
|
415
|
+
"module": "src/MenuElement.ts"
|
|
416
|
+
}
|
|
417
|
+
},
|
|
418
|
+
{
|
|
419
|
+
"kind": "custom-element-definition",
|
|
420
|
+
"name": "m3e-menu",
|
|
421
|
+
"declaration": {
|
|
422
|
+
"name": "M3eMenuElement",
|
|
423
|
+
"module": "src/MenuElement.ts"
|
|
424
|
+
}
|
|
425
|
+
}
|
|
426
|
+
]
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"kind": "javascript-module",
|
|
430
|
+
"path": "src/MenuItemCheckboxElement.ts",
|
|
431
|
+
"declarations": [
|
|
432
|
+
{
|
|
433
|
+
"kind": "class",
|
|
434
|
+
"description": "",
|
|
435
|
+
"name": "M3eMenuItemCheckboxElement",
|
|
436
|
+
"cssProperties": [
|
|
437
|
+
{
|
|
438
|
+
"description": "Height of the menu item container.",
|
|
439
|
+
"name": "--m3e-menu-item-container-height"
|
|
440
|
+
},
|
|
441
|
+
{
|
|
442
|
+
"description": "Text color for unselected, enabled menu items.",
|
|
443
|
+
"name": "--m3e-menu-item-color"
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
"description": "State layer hover color for unselected items.",
|
|
447
|
+
"name": "--m3e-menu-item-container-hover-color"
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
"description": "State layer focus color for unselected items.",
|
|
451
|
+
"name": "--m3e-menu-item-container-focus-color"
|
|
452
|
+
},
|
|
453
|
+
{
|
|
454
|
+
"description": "Ripple color for unselected items.",
|
|
455
|
+
"name": "--m3e-menu-item-ripple-color"
|
|
456
|
+
},
|
|
457
|
+
{
|
|
458
|
+
"description": "Text color for selected or expanded items.",
|
|
459
|
+
"name": "--m3e-menu-selected-color"
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"description": "Background color for selected or expanded items.",
|
|
463
|
+
"name": "--m3e-menu-selected-container-color"
|
|
464
|
+
},
|
|
465
|
+
{
|
|
466
|
+
"description": "State layer hover color for selected items.",
|
|
467
|
+
"name": "--m3e-menu-item-selected-container-hover-color"
|
|
468
|
+
},
|
|
469
|
+
{
|
|
470
|
+
"description": "State layer focus color for selected items.",
|
|
471
|
+
"name": "--m3e-menu-item-selected-container-focus-color"
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"description": "Ripple color for selected items.",
|
|
475
|
+
"name": "--m3e-menu-item-selected-ripple-color"
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
"description": "Base color for disabled items.",
|
|
479
|
+
"name": "--m3e-menu-item-disabled-color"
|
|
480
|
+
},
|
|
481
|
+
{
|
|
482
|
+
"description": "Opacity percentage for disabled item color mix.",
|
|
483
|
+
"name": "--m3e-menu-item-disabled-opacity"
|
|
484
|
+
},
|
|
485
|
+
{
|
|
486
|
+
"description": "Horizontal gap between icon and content.",
|
|
487
|
+
"name": "--m3e-menu-item-icon-label-space"
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
"description": "Start padding for the item wrapper.",
|
|
491
|
+
"name": "--m3e-menu-item-padding-start"
|
|
492
|
+
},
|
|
493
|
+
{
|
|
494
|
+
"description": "End padding for the item wrapper.",
|
|
495
|
+
"name": "--m3e-menu-item-padding-end"
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"description": "Font size for menu item text.",
|
|
499
|
+
"name": "--m3e-menu-item-label-text-font-size"
|
|
500
|
+
},
|
|
501
|
+
{
|
|
502
|
+
"description": "Font weight for menu item text.",
|
|
503
|
+
"name": "--m3e-menu-item-label-text-font-weight"
|
|
504
|
+
},
|
|
505
|
+
{
|
|
506
|
+
"description": "Line height for menu item text.",
|
|
507
|
+
"name": "--m3e-menu-item-label-text-line-height"
|
|
508
|
+
},
|
|
509
|
+
{
|
|
510
|
+
"description": "Letter spacing for menu item text.",
|
|
511
|
+
"name": "--m3e-menu-item-label-text-tracking"
|
|
512
|
+
},
|
|
513
|
+
{
|
|
514
|
+
"description": "Border radius for the focus ring.",
|
|
515
|
+
"name": "--m3e-menu-item-focus-ring-shape"
|
|
516
|
+
},
|
|
517
|
+
{
|
|
518
|
+
"description": "Font size for leading and trailing icons.",
|
|
519
|
+
"name": "--m3e-menu-item-icon-size"
|
|
520
|
+
}
|
|
521
|
+
],
|
|
522
|
+
"slots": [
|
|
523
|
+
{
|
|
524
|
+
"description": "Renders the label of the item.",
|
|
525
|
+
"name": ""
|
|
526
|
+
},
|
|
527
|
+
{
|
|
528
|
+
"description": "Renders an icon before the items's label.",
|
|
529
|
+
"name": "icon"
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
"description": "Renders an icon after the item's label.",
|
|
533
|
+
"name": "trailing-icon"
|
|
534
|
+
}
|
|
535
|
+
],
|
|
536
|
+
"members": [
|
|
537
|
+
{
|
|
538
|
+
"kind": "field",
|
|
539
|
+
"name": "_focusRing",
|
|
540
|
+
"type": {
|
|
541
|
+
"text": "M3eFocusRingElement | undefined"
|
|
542
|
+
},
|
|
543
|
+
"privacy": "private",
|
|
544
|
+
"readonly": true,
|
|
545
|
+
"inheritedFrom": {
|
|
546
|
+
"name": "MenuItemElementBase",
|
|
547
|
+
"module": "src/MenuItemElementBase.ts"
|
|
548
|
+
}
|
|
549
|
+
},
|
|
550
|
+
{
|
|
551
|
+
"kind": "field",
|
|
552
|
+
"name": "_stateLayer",
|
|
553
|
+
"type": {
|
|
554
|
+
"text": "M3eStateLayerElement | undefined"
|
|
555
|
+
},
|
|
556
|
+
"privacy": "private",
|
|
557
|
+
"readonly": true,
|
|
558
|
+
"inheritedFrom": {
|
|
559
|
+
"name": "MenuItemElementBase",
|
|
560
|
+
"module": "src/MenuItemElementBase.ts"
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"kind": "field",
|
|
565
|
+
"name": "_ripple",
|
|
566
|
+
"type": {
|
|
567
|
+
"text": "M3eRippleElement | undefined"
|
|
568
|
+
},
|
|
569
|
+
"privacy": "private",
|
|
570
|
+
"readonly": true,
|
|
571
|
+
"inheritedFrom": {
|
|
572
|
+
"name": "MenuItemElementBase",
|
|
573
|
+
"module": "src/MenuItemElementBase.ts"
|
|
574
|
+
}
|
|
575
|
+
},
|
|
576
|
+
{
|
|
577
|
+
"kind": "field",
|
|
578
|
+
"name": "menu",
|
|
579
|
+
"type": {
|
|
580
|
+
"text": "M3eMenuElement | null"
|
|
581
|
+
},
|
|
582
|
+
"description": "The menu to which this item belongs.",
|
|
583
|
+
"readonly": true,
|
|
584
|
+
"inheritedFrom": {
|
|
585
|
+
"name": "MenuItemElementBase",
|
|
586
|
+
"module": "src/MenuItemElementBase.ts"
|
|
587
|
+
}
|
|
588
|
+
}
|
|
589
|
+
],
|
|
590
|
+
"attributes": [
|
|
591
|
+
{
|
|
592
|
+
"description": "Whether the element is disabled.",
|
|
593
|
+
"name": "disabled"
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"description": "Whether the element is checked.",
|
|
597
|
+
"name": "checked"
|
|
598
|
+
}
|
|
599
|
+
],
|
|
600
|
+
"mixins": [
|
|
601
|
+
{
|
|
602
|
+
"name": "Checked",
|
|
603
|
+
"package": "@m3e/core"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"name": "Role",
|
|
607
|
+
"package": "@m3e/core"
|
|
608
|
+
}
|
|
609
|
+
],
|
|
610
|
+
"superclass": {
|
|
611
|
+
"name": "MenuItemElementBase",
|
|
612
|
+
"module": "/src/MenuItemElementBase"
|
|
613
|
+
},
|
|
614
|
+
"tagName": "m3e-menu-item-checkbox",
|
|
615
|
+
"customElement": true,
|
|
616
|
+
"summary": "An item of a menu which supports a checkable state."
|
|
617
|
+
}
|
|
618
|
+
],
|
|
619
|
+
"exports": [
|
|
620
|
+
{
|
|
621
|
+
"kind": "js",
|
|
622
|
+
"name": "M3eMenuItemCheckboxElement",
|
|
623
|
+
"declaration": {
|
|
624
|
+
"name": "M3eMenuItemCheckboxElement",
|
|
625
|
+
"module": "src/MenuItemCheckboxElement.ts"
|
|
626
|
+
}
|
|
627
|
+
},
|
|
628
|
+
{
|
|
629
|
+
"kind": "custom-element-definition",
|
|
630
|
+
"name": "m3e-menu-item-checkbox",
|
|
631
|
+
"declaration": {
|
|
632
|
+
"name": "M3eMenuItemCheckboxElement",
|
|
633
|
+
"module": "src/MenuItemCheckboxElement.ts"
|
|
634
|
+
}
|
|
635
|
+
}
|
|
636
|
+
]
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"kind": "javascript-module",
|
|
640
|
+
"path": "src/MenuItemElement.ts",
|
|
641
|
+
"declarations": [
|
|
642
|
+
{
|
|
643
|
+
"kind": "class",
|
|
644
|
+
"description": "",
|
|
645
|
+
"name": "M3eMenuItemElement",
|
|
646
|
+
"cssProperties": [
|
|
647
|
+
{
|
|
648
|
+
"description": "Height of the menu item container.",
|
|
649
|
+
"name": "--m3e-menu-item-container-height"
|
|
650
|
+
},
|
|
651
|
+
{
|
|
652
|
+
"description": "Text color for unselected, enabled menu items.",
|
|
653
|
+
"name": "--m3e-menu-item-color"
|
|
654
|
+
},
|
|
655
|
+
{
|
|
656
|
+
"description": "State layer hover color for unselected items.",
|
|
657
|
+
"name": "--m3e-menu-item-container-hover-color"
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"description": "State layer focus color for unselected items.",
|
|
661
|
+
"name": "--m3e-menu-item-container-focus-color"
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"description": "Ripple color for unselected items.",
|
|
665
|
+
"name": "--m3e-menu-item-ripple-color"
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"description": "Text color for selected or expanded items.",
|
|
669
|
+
"name": "--m3e-menu-selected-color"
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"description": "Background color for selected or expanded items.",
|
|
673
|
+
"name": "--m3e-menu-selected-container-color"
|
|
674
|
+
},
|
|
675
|
+
{
|
|
676
|
+
"description": "State layer hover color for selected items.",
|
|
677
|
+
"name": "--m3e-menu-item-selected-container-hover-color"
|
|
678
|
+
},
|
|
679
|
+
{
|
|
680
|
+
"description": "State layer focus color for selected items.",
|
|
681
|
+
"name": "--m3e-menu-item-selected-container-focus-color"
|
|
682
|
+
},
|
|
683
|
+
{
|
|
684
|
+
"description": "Ripple color for selected items.",
|
|
685
|
+
"name": "--m3e-menu-item-selected-ripple-color"
|
|
686
|
+
},
|
|
687
|
+
{
|
|
688
|
+
"description": "Base color for disabled items.",
|
|
689
|
+
"name": "--m3e-menu-item-disabled-color"
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"description": "Opacity percentage for disabled item color mix.",
|
|
693
|
+
"name": "--m3e-menu-item-disabled-opacity"
|
|
694
|
+
},
|
|
695
|
+
{
|
|
696
|
+
"description": "Horizontal gap between icon and content.",
|
|
697
|
+
"name": "--m3e-menu-item-icon-label-space"
|
|
698
|
+
},
|
|
699
|
+
{
|
|
700
|
+
"description": "Start padding for the item wrapper.",
|
|
701
|
+
"name": "--m3e-menu-item-padding-start"
|
|
702
|
+
},
|
|
703
|
+
{
|
|
704
|
+
"description": "End padding for the item wrapper.",
|
|
705
|
+
"name": "--m3e-menu-item-padding-end"
|
|
706
|
+
},
|
|
707
|
+
{
|
|
708
|
+
"description": "Font size for menu item text.",
|
|
709
|
+
"name": "--m3e-menu-item-label-text-font-size"
|
|
710
|
+
},
|
|
711
|
+
{
|
|
712
|
+
"description": "Font weight for menu item text.",
|
|
713
|
+
"name": "--m3e-menu-item-label-text-font-weight"
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
"description": "Line height for menu item text.",
|
|
717
|
+
"name": "--m3e-menu-item-label-text-line-height"
|
|
718
|
+
},
|
|
719
|
+
{
|
|
720
|
+
"description": "Letter spacing for menu item text.",
|
|
721
|
+
"name": "--m3e-menu-item-label-text-tracking"
|
|
722
|
+
},
|
|
723
|
+
{
|
|
724
|
+
"description": "Border radius for the focus ring.",
|
|
725
|
+
"name": "--m3e-menu-item-focus-ring-shape"
|
|
726
|
+
},
|
|
727
|
+
{
|
|
728
|
+
"description": "Font size for leading and trailing icons.",
|
|
729
|
+
"name": "--m3e-menu-item-icon-size"
|
|
730
|
+
}
|
|
731
|
+
],
|
|
732
|
+
"slots": [
|
|
733
|
+
{
|
|
734
|
+
"description": "Renders the label of the item.",
|
|
735
|
+
"name": ""
|
|
736
|
+
},
|
|
737
|
+
{
|
|
738
|
+
"description": "Renders an icon before the items's label.",
|
|
739
|
+
"name": "icon"
|
|
740
|
+
},
|
|
741
|
+
{
|
|
742
|
+
"description": "Renders an icon after the item's label.",
|
|
743
|
+
"name": "trailing-icon"
|
|
744
|
+
}
|
|
745
|
+
],
|
|
746
|
+
"members": [
|
|
747
|
+
{
|
|
748
|
+
"kind": "field",
|
|
749
|
+
"name": "#clickHandler",
|
|
750
|
+
"privacy": "private",
|
|
751
|
+
"readonly": true
|
|
752
|
+
},
|
|
753
|
+
{
|
|
754
|
+
"kind": "field",
|
|
755
|
+
"name": "#keyDownHandler",
|
|
756
|
+
"privacy": "private",
|
|
757
|
+
"readonly": true
|
|
758
|
+
},
|
|
759
|
+
{
|
|
760
|
+
"kind": "field",
|
|
761
|
+
"name": "#mouseEnterHandler",
|
|
762
|
+
"privacy": "private",
|
|
763
|
+
"readonly": true
|
|
764
|
+
},
|
|
765
|
+
{
|
|
766
|
+
"kind": "field",
|
|
767
|
+
"name": "_hasSubmenu",
|
|
768
|
+
"type": {
|
|
769
|
+
"text": "boolean"
|
|
770
|
+
},
|
|
771
|
+
"privacy": "private",
|
|
772
|
+
"default": "false"
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"kind": "field",
|
|
776
|
+
"name": "#submenuTrigger",
|
|
777
|
+
"privacy": "private",
|
|
778
|
+
"type": {
|
|
779
|
+
"text": "M3eMenuTriggerElement | undefined"
|
|
780
|
+
}
|
|
781
|
+
},
|
|
782
|
+
{
|
|
783
|
+
"kind": "field",
|
|
784
|
+
"name": "submenu",
|
|
785
|
+
"type": {
|
|
786
|
+
"text": "M3eMenuElement | null"
|
|
787
|
+
},
|
|
788
|
+
"description": "The submenu triggered by the item.",
|
|
789
|
+
"readonly": true
|
|
790
|
+
},
|
|
791
|
+
{
|
|
792
|
+
"kind": "method",
|
|
793
|
+
"name": "#defaultSlotChangeHandler",
|
|
794
|
+
"privacy": "private",
|
|
795
|
+
"return": {
|
|
796
|
+
"type": {
|
|
797
|
+
"text": "void"
|
|
798
|
+
}
|
|
799
|
+
},
|
|
800
|
+
"parameters": [
|
|
801
|
+
{
|
|
802
|
+
"name": "e",
|
|
803
|
+
"type": {
|
|
804
|
+
"text": "Event"
|
|
805
|
+
}
|
|
806
|
+
}
|
|
807
|
+
]
|
|
808
|
+
},
|
|
809
|
+
{
|
|
810
|
+
"kind": "method",
|
|
811
|
+
"name": "#iconSlotChangeHandler",
|
|
812
|
+
"privacy": "private",
|
|
813
|
+
"return": {
|
|
814
|
+
"type": {
|
|
815
|
+
"text": "void"
|
|
816
|
+
}
|
|
817
|
+
},
|
|
818
|
+
"parameters": [
|
|
819
|
+
{
|
|
820
|
+
"name": "e",
|
|
821
|
+
"type": {
|
|
822
|
+
"text": "Event"
|
|
823
|
+
}
|
|
824
|
+
}
|
|
825
|
+
]
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"kind": "method",
|
|
829
|
+
"name": "#trailingIconSlotChangeHandler",
|
|
830
|
+
"privacy": "private",
|
|
831
|
+
"return": {
|
|
832
|
+
"type": {
|
|
833
|
+
"text": "void"
|
|
834
|
+
}
|
|
835
|
+
},
|
|
836
|
+
"parameters": [
|
|
837
|
+
{
|
|
838
|
+
"name": "e",
|
|
839
|
+
"type": {
|
|
840
|
+
"text": "Event"
|
|
841
|
+
}
|
|
842
|
+
}
|
|
843
|
+
]
|
|
844
|
+
},
|
|
845
|
+
{
|
|
846
|
+
"kind": "method",
|
|
847
|
+
"name": "#handleClick",
|
|
848
|
+
"privacy": "private",
|
|
849
|
+
"return": {
|
|
850
|
+
"type": {
|
|
851
|
+
"text": "void"
|
|
852
|
+
}
|
|
853
|
+
},
|
|
854
|
+
"parameters": [
|
|
855
|
+
{
|
|
856
|
+
"name": "e",
|
|
857
|
+
"type": {
|
|
858
|
+
"text": "Event"
|
|
859
|
+
}
|
|
860
|
+
}
|
|
861
|
+
]
|
|
862
|
+
},
|
|
863
|
+
{
|
|
864
|
+
"kind": "method",
|
|
865
|
+
"name": "#handleKeyDown",
|
|
866
|
+
"privacy": "private",
|
|
867
|
+
"return": {
|
|
868
|
+
"type": {
|
|
869
|
+
"text": "void"
|
|
870
|
+
}
|
|
871
|
+
},
|
|
872
|
+
"parameters": [
|
|
873
|
+
{
|
|
874
|
+
"name": "e",
|
|
875
|
+
"type": {
|
|
876
|
+
"text": "KeyboardEvent"
|
|
877
|
+
}
|
|
878
|
+
}
|
|
879
|
+
]
|
|
880
|
+
},
|
|
881
|
+
{
|
|
882
|
+
"kind": "method",
|
|
883
|
+
"name": "#handleMouseEnter",
|
|
884
|
+
"privacy": "private",
|
|
885
|
+
"return": {
|
|
886
|
+
"type": {
|
|
887
|
+
"text": "void"
|
|
888
|
+
}
|
|
889
|
+
}
|
|
890
|
+
},
|
|
891
|
+
{
|
|
892
|
+
"kind": "field",
|
|
893
|
+
"name": "_focusRing",
|
|
894
|
+
"type": {
|
|
895
|
+
"text": "M3eFocusRingElement | undefined"
|
|
896
|
+
},
|
|
897
|
+
"privacy": "private",
|
|
898
|
+
"readonly": true,
|
|
899
|
+
"inheritedFrom": {
|
|
900
|
+
"name": "MenuItemElementBase",
|
|
901
|
+
"module": "src/MenuItemElementBase.ts"
|
|
902
|
+
}
|
|
903
|
+
},
|
|
904
|
+
{
|
|
905
|
+
"kind": "field",
|
|
906
|
+
"name": "_stateLayer",
|
|
907
|
+
"type": {
|
|
908
|
+
"text": "M3eStateLayerElement | undefined"
|
|
909
|
+
},
|
|
910
|
+
"privacy": "private",
|
|
911
|
+
"readonly": true,
|
|
912
|
+
"inheritedFrom": {
|
|
913
|
+
"name": "MenuItemElementBase",
|
|
914
|
+
"module": "src/MenuItemElementBase.ts"
|
|
915
|
+
}
|
|
916
|
+
},
|
|
917
|
+
{
|
|
918
|
+
"kind": "field",
|
|
919
|
+
"name": "_ripple",
|
|
920
|
+
"type": {
|
|
921
|
+
"text": "M3eRippleElement | undefined"
|
|
922
|
+
},
|
|
923
|
+
"privacy": "private",
|
|
924
|
+
"readonly": true,
|
|
925
|
+
"inheritedFrom": {
|
|
926
|
+
"name": "MenuItemElementBase",
|
|
927
|
+
"module": "src/MenuItemElementBase.ts"
|
|
928
|
+
}
|
|
929
|
+
},
|
|
930
|
+
{
|
|
931
|
+
"kind": "field",
|
|
932
|
+
"name": "menu",
|
|
933
|
+
"type": {
|
|
934
|
+
"text": "M3eMenuElement | null"
|
|
935
|
+
},
|
|
936
|
+
"description": "The menu to which this item belongs.",
|
|
937
|
+
"readonly": true,
|
|
938
|
+
"inheritedFrom": {
|
|
939
|
+
"name": "MenuItemElementBase",
|
|
940
|
+
"module": "src/MenuItemElementBase.ts"
|
|
941
|
+
}
|
|
942
|
+
}
|
|
943
|
+
],
|
|
944
|
+
"attributes": [
|
|
945
|
+
{
|
|
946
|
+
"description": "Whether the element is disabled.",
|
|
947
|
+
"name": "disabled"
|
|
948
|
+
},
|
|
949
|
+
{
|
|
950
|
+
"description": "Whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
|
|
951
|
+
"name": "download"
|
|
952
|
+
},
|
|
953
|
+
{
|
|
954
|
+
"description": "The URL to which the link button points.",
|
|
955
|
+
"name": "href"
|
|
956
|
+
},
|
|
957
|
+
{
|
|
958
|
+
"description": "The relationship between the `target` of the link button and the document.",
|
|
959
|
+
"name": "rel"
|
|
960
|
+
},
|
|
961
|
+
{
|
|
962
|
+
"description": "The target of the link button.",
|
|
963
|
+
"name": "target"
|
|
964
|
+
}
|
|
965
|
+
],
|
|
966
|
+
"mixins": [
|
|
967
|
+
{
|
|
968
|
+
"name": "LinkButton",
|
|
969
|
+
"package": "@m3e/core"
|
|
970
|
+
},
|
|
971
|
+
{
|
|
972
|
+
"name": "Role",
|
|
973
|
+
"package": "@m3e/core"
|
|
974
|
+
}
|
|
975
|
+
],
|
|
976
|
+
"superclass": {
|
|
977
|
+
"name": "MenuItemElementBase",
|
|
978
|
+
"module": "/src/MenuItemElementBase"
|
|
979
|
+
},
|
|
980
|
+
"tagName": "m3e-menu-item",
|
|
981
|
+
"customElement": true,
|
|
982
|
+
"summary": "An item of a menu."
|
|
983
|
+
}
|
|
984
|
+
],
|
|
985
|
+
"exports": [
|
|
986
|
+
{
|
|
987
|
+
"kind": "js",
|
|
988
|
+
"name": "M3eMenuItemElement",
|
|
989
|
+
"declaration": {
|
|
990
|
+
"name": "M3eMenuItemElement",
|
|
991
|
+
"module": "src/MenuItemElement.ts"
|
|
992
|
+
}
|
|
993
|
+
},
|
|
994
|
+
{
|
|
995
|
+
"kind": "custom-element-definition",
|
|
996
|
+
"name": "m3e-menu-item",
|
|
997
|
+
"declaration": {
|
|
998
|
+
"name": "M3eMenuItemElement",
|
|
999
|
+
"module": "src/MenuItemElement.ts"
|
|
1000
|
+
}
|
|
1001
|
+
}
|
|
1002
|
+
]
|
|
1003
|
+
},
|
|
1004
|
+
{
|
|
1005
|
+
"kind": "javascript-module",
|
|
1006
|
+
"path": "src/MenuItemElementBase.ts",
|
|
1007
|
+
"declarations": [
|
|
1008
|
+
{
|
|
1009
|
+
"kind": "class",
|
|
1010
|
+
"description": "A base implementation for an item of a menu. This class must be inherited.",
|
|
1011
|
+
"name": "MenuItemElementBase",
|
|
1012
|
+
"members": [
|
|
1013
|
+
{
|
|
1014
|
+
"kind": "field",
|
|
1015
|
+
"name": "_focusRing",
|
|
1016
|
+
"type": {
|
|
1017
|
+
"text": "M3eFocusRingElement | undefined"
|
|
1018
|
+
},
|
|
1019
|
+
"privacy": "private",
|
|
1020
|
+
"readonly": true
|
|
1021
|
+
},
|
|
1022
|
+
{
|
|
1023
|
+
"kind": "field",
|
|
1024
|
+
"name": "_stateLayer",
|
|
1025
|
+
"type": {
|
|
1026
|
+
"text": "M3eStateLayerElement | undefined"
|
|
1027
|
+
},
|
|
1028
|
+
"privacy": "private",
|
|
1029
|
+
"readonly": true
|
|
1030
|
+
},
|
|
1031
|
+
{
|
|
1032
|
+
"kind": "field",
|
|
1033
|
+
"name": "_ripple",
|
|
1034
|
+
"type": {
|
|
1035
|
+
"text": "M3eRippleElement | undefined"
|
|
1036
|
+
},
|
|
1037
|
+
"privacy": "private",
|
|
1038
|
+
"readonly": true
|
|
1039
|
+
},
|
|
1040
|
+
{
|
|
1041
|
+
"kind": "field",
|
|
1042
|
+
"name": "menu",
|
|
1043
|
+
"type": {
|
|
1044
|
+
"text": "M3eMenuElement | null"
|
|
1045
|
+
},
|
|
1046
|
+
"description": "The menu to which this item belongs.",
|
|
1047
|
+
"readonly": true
|
|
1048
|
+
}
|
|
1049
|
+
],
|
|
1050
|
+
"mixins": [
|
|
1051
|
+
{
|
|
1052
|
+
"name": "KeyboardClick",
|
|
1053
|
+
"package": "@m3e/core"
|
|
1054
|
+
},
|
|
1055
|
+
{
|
|
1056
|
+
"name": "Focusable",
|
|
1057
|
+
"package": "@m3e/core"
|
|
1058
|
+
},
|
|
1059
|
+
{
|
|
1060
|
+
"name": "AttachInternals",
|
|
1061
|
+
"package": "@m3e/core"
|
|
1062
|
+
},
|
|
1063
|
+
{
|
|
1064
|
+
"name": "Disabled",
|
|
1065
|
+
"package": "@m3e/core"
|
|
1066
|
+
}
|
|
1067
|
+
],
|
|
1068
|
+
"superclass": {
|
|
1069
|
+
"name": "LitElement",
|
|
1070
|
+
"package": "lit"
|
|
1071
|
+
},
|
|
1072
|
+
"customElement": true
|
|
1073
|
+
}
|
|
1074
|
+
],
|
|
1075
|
+
"exports": [
|
|
1076
|
+
{
|
|
1077
|
+
"kind": "js",
|
|
1078
|
+
"name": "MenuItemElementBase",
|
|
1079
|
+
"declaration": {
|
|
1080
|
+
"name": "MenuItemElementBase",
|
|
1081
|
+
"module": "src/MenuItemElementBase.ts"
|
|
1082
|
+
}
|
|
1083
|
+
}
|
|
1084
|
+
]
|
|
1085
|
+
},
|
|
1086
|
+
{
|
|
1087
|
+
"kind": "javascript-module",
|
|
1088
|
+
"path": "src/MenuItemGroupElement.ts",
|
|
1089
|
+
"declarations": [
|
|
1090
|
+
{
|
|
1091
|
+
"kind": "class",
|
|
1092
|
+
"description": "",
|
|
1093
|
+
"name": "M3eMenuItemGroupElement",
|
|
1094
|
+
"slots": [
|
|
1095
|
+
{
|
|
1096
|
+
"description": "Renders the contents of the group.",
|
|
1097
|
+
"name": ""
|
|
1098
|
+
}
|
|
1099
|
+
],
|
|
1100
|
+
"members": [],
|
|
1101
|
+
"mixins": [
|
|
1102
|
+
{
|
|
1103
|
+
"name": "Role",
|
|
1104
|
+
"package": "@m3e/core"
|
|
1105
|
+
}
|
|
1106
|
+
],
|
|
1107
|
+
"superclass": {
|
|
1108
|
+
"name": "LitElement",
|
|
1109
|
+
"package": "lit"
|
|
1110
|
+
},
|
|
1111
|
+
"tagName": "m3e-menu-item-group",
|
|
1112
|
+
"customElement": true,
|
|
1113
|
+
"summary": "Groups related items (such a radios) in a menu."
|
|
1114
|
+
}
|
|
1115
|
+
],
|
|
1116
|
+
"exports": [
|
|
1117
|
+
{
|
|
1118
|
+
"kind": "js",
|
|
1119
|
+
"name": "M3eMenuItemGroupElement",
|
|
1120
|
+
"declaration": {
|
|
1121
|
+
"name": "M3eMenuItemGroupElement",
|
|
1122
|
+
"module": "src/MenuItemGroupElement.ts"
|
|
1123
|
+
}
|
|
1124
|
+
},
|
|
1125
|
+
{
|
|
1126
|
+
"kind": "custom-element-definition",
|
|
1127
|
+
"name": "m3e-menu-item-group",
|
|
1128
|
+
"declaration": {
|
|
1129
|
+
"name": "M3eMenuItemGroupElement",
|
|
1130
|
+
"module": "src/MenuItemGroupElement.ts"
|
|
1131
|
+
}
|
|
1132
|
+
}
|
|
1133
|
+
]
|
|
1134
|
+
},
|
|
1135
|
+
{
|
|
1136
|
+
"kind": "javascript-module",
|
|
1137
|
+
"path": "src/MenuItemRadioElement.ts",
|
|
1138
|
+
"declarations": [
|
|
1139
|
+
{
|
|
1140
|
+
"kind": "class",
|
|
1141
|
+
"description": "",
|
|
1142
|
+
"name": "M3eMenuItemRadioElement",
|
|
1143
|
+
"cssProperties": [
|
|
1144
|
+
{
|
|
1145
|
+
"description": "Height of the menu item container.",
|
|
1146
|
+
"name": "--m3e-menu-item-container-height"
|
|
1147
|
+
},
|
|
1148
|
+
{
|
|
1149
|
+
"description": "Text color for unselected, enabled menu items.",
|
|
1150
|
+
"name": "--m3e-menu-item-color"
|
|
1151
|
+
},
|
|
1152
|
+
{
|
|
1153
|
+
"description": "State layer hover color for unselected items.",
|
|
1154
|
+
"name": "--m3e-menu-item-container-hover-color"
|
|
1155
|
+
},
|
|
1156
|
+
{
|
|
1157
|
+
"description": "State layer focus color for unselected items.",
|
|
1158
|
+
"name": "--m3e-menu-item-container-focus-color"
|
|
1159
|
+
},
|
|
1160
|
+
{
|
|
1161
|
+
"description": "Ripple color for unselected items.",
|
|
1162
|
+
"name": "--m3e-menu-item-ripple-color"
|
|
1163
|
+
},
|
|
1164
|
+
{
|
|
1165
|
+
"description": "Text color for selected or expanded items.",
|
|
1166
|
+
"name": "--m3e-menu-selected-color"
|
|
1167
|
+
},
|
|
1168
|
+
{
|
|
1169
|
+
"description": "Background color for selected or expanded items.",
|
|
1170
|
+
"name": "--m3e-menu-selected-container-color"
|
|
1171
|
+
},
|
|
1172
|
+
{
|
|
1173
|
+
"description": "State layer hover color for selected items.",
|
|
1174
|
+
"name": "--m3e-menu-item-selected-container-hover-color"
|
|
1175
|
+
},
|
|
1176
|
+
{
|
|
1177
|
+
"description": "State layer focus color for selected items.",
|
|
1178
|
+
"name": "--m3e-menu-item-selected-container-focus-color"
|
|
1179
|
+
},
|
|
1180
|
+
{
|
|
1181
|
+
"description": "Ripple color for selected items.",
|
|
1182
|
+
"name": "--m3e-menu-item-selected-ripple-color"
|
|
1183
|
+
},
|
|
1184
|
+
{
|
|
1185
|
+
"description": "Base color for disabled items.",
|
|
1186
|
+
"name": "--m3e-menu-item-disabled-color"
|
|
1187
|
+
},
|
|
1188
|
+
{
|
|
1189
|
+
"description": "Opacity percentage for disabled item color mix.",
|
|
1190
|
+
"name": "--m3e-menu-item-disabled-opacity"
|
|
1191
|
+
},
|
|
1192
|
+
{
|
|
1193
|
+
"description": "Horizontal gap between icon and content.",
|
|
1194
|
+
"name": "--m3e-menu-item-icon-label-space"
|
|
1195
|
+
},
|
|
1196
|
+
{
|
|
1197
|
+
"description": "Start padding for the item wrapper.",
|
|
1198
|
+
"name": "--m3e-menu-item-padding-start"
|
|
1199
|
+
},
|
|
1200
|
+
{
|
|
1201
|
+
"description": "End padding for the item wrapper.",
|
|
1202
|
+
"name": "--m3e-menu-item-padding-end"
|
|
1203
|
+
},
|
|
1204
|
+
{
|
|
1205
|
+
"description": "Font size for menu item text.",
|
|
1206
|
+
"name": "--m3e-menu-item-label-text-font-size"
|
|
1207
|
+
},
|
|
1208
|
+
{
|
|
1209
|
+
"description": "Font weight for menu item text.",
|
|
1210
|
+
"name": "--m3e-menu-item-label-text-font-weight"
|
|
1211
|
+
},
|
|
1212
|
+
{
|
|
1213
|
+
"description": "Line height for menu item text.",
|
|
1214
|
+
"name": "--m3e-menu-item-label-text-line-height"
|
|
1215
|
+
},
|
|
1216
|
+
{
|
|
1217
|
+
"description": "Letter spacing for menu item text.",
|
|
1218
|
+
"name": "--m3e-menu-item-label-text-tracking"
|
|
1219
|
+
},
|
|
1220
|
+
{
|
|
1221
|
+
"description": "Border radius for the focus ring.",
|
|
1222
|
+
"name": "--m3e-menu-item-focus-ring-shape"
|
|
1223
|
+
},
|
|
1224
|
+
{
|
|
1225
|
+
"description": "Font size for leading and trailing icons.",
|
|
1226
|
+
"name": "--m3e-menu-item-icon-size"
|
|
1227
|
+
}
|
|
1228
|
+
],
|
|
1229
|
+
"slots": [
|
|
1230
|
+
{
|
|
1231
|
+
"description": "Renders the label of the item.",
|
|
1232
|
+
"name": ""
|
|
1233
|
+
},
|
|
1234
|
+
{
|
|
1235
|
+
"description": "Renders an icon before the items's label.",
|
|
1236
|
+
"name": "icon"
|
|
1237
|
+
},
|
|
1238
|
+
{
|
|
1239
|
+
"description": "Renders an icon after the item's label.",
|
|
1240
|
+
"name": "trailing-icon"
|
|
1241
|
+
}
|
|
1242
|
+
],
|
|
1243
|
+
"members": [
|
|
1244
|
+
{
|
|
1245
|
+
"kind": "field",
|
|
1246
|
+
"name": "#clickHandler",
|
|
1247
|
+
"privacy": "private",
|
|
1248
|
+
"readonly": true
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"kind": "field",
|
|
1252
|
+
"name": "#keyDownHandler",
|
|
1253
|
+
"privacy": "private",
|
|
1254
|
+
"readonly": true
|
|
1255
|
+
},
|
|
1256
|
+
{
|
|
1257
|
+
"kind": "field",
|
|
1258
|
+
"name": "#keyUpHandler",
|
|
1259
|
+
"privacy": "private",
|
|
1260
|
+
"readonly": true
|
|
1261
|
+
},
|
|
1262
|
+
{
|
|
1263
|
+
"kind": "field",
|
|
1264
|
+
"name": "#mouseEnterHandler",
|
|
1265
|
+
"privacy": "private",
|
|
1266
|
+
"readonly": true
|
|
1267
|
+
},
|
|
1268
|
+
{
|
|
1269
|
+
"kind": "field",
|
|
1270
|
+
"name": "#spacePressed",
|
|
1271
|
+
"privacy": "private",
|
|
1272
|
+
"type": {
|
|
1273
|
+
"text": "boolean"
|
|
1274
|
+
},
|
|
1275
|
+
"default": "false"
|
|
1276
|
+
},
|
|
1277
|
+
{
|
|
1278
|
+
"kind": "method",
|
|
1279
|
+
"name": "#handleIconSlotChange",
|
|
1280
|
+
"privacy": "private",
|
|
1281
|
+
"return": {
|
|
1282
|
+
"type": {
|
|
1283
|
+
"text": "void"
|
|
1284
|
+
}
|
|
1285
|
+
},
|
|
1286
|
+
"parameters": [
|
|
1287
|
+
{
|
|
1288
|
+
"name": "e",
|
|
1289
|
+
"type": {
|
|
1290
|
+
"text": "Event"
|
|
1291
|
+
}
|
|
1292
|
+
}
|
|
1293
|
+
]
|
|
1294
|
+
},
|
|
1295
|
+
{
|
|
1296
|
+
"kind": "method",
|
|
1297
|
+
"name": "#handleTrailingIconSlotChange",
|
|
1298
|
+
"privacy": "private",
|
|
1299
|
+
"return": {
|
|
1300
|
+
"type": {
|
|
1301
|
+
"text": "void"
|
|
1302
|
+
}
|
|
1303
|
+
},
|
|
1304
|
+
"parameters": [
|
|
1305
|
+
{
|
|
1306
|
+
"name": "e",
|
|
1307
|
+
"type": {
|
|
1308
|
+
"text": "Event"
|
|
1309
|
+
}
|
|
1310
|
+
}
|
|
1311
|
+
]
|
|
1312
|
+
},
|
|
1313
|
+
{
|
|
1314
|
+
"kind": "method",
|
|
1315
|
+
"name": "#handleClick",
|
|
1316
|
+
"privacy": "private",
|
|
1317
|
+
"return": {
|
|
1318
|
+
"type": {
|
|
1319
|
+
"text": "void"
|
|
1320
|
+
}
|
|
1321
|
+
},
|
|
1322
|
+
"parameters": [
|
|
1323
|
+
{
|
|
1324
|
+
"name": "e",
|
|
1325
|
+
"type": {
|
|
1326
|
+
"text": "Event"
|
|
1327
|
+
}
|
|
1328
|
+
}
|
|
1329
|
+
]
|
|
1330
|
+
},
|
|
1331
|
+
{
|
|
1332
|
+
"kind": "method",
|
|
1333
|
+
"name": "#handleKeyDown",
|
|
1334
|
+
"privacy": "private",
|
|
1335
|
+
"return": {
|
|
1336
|
+
"type": {
|
|
1337
|
+
"text": "void"
|
|
1338
|
+
}
|
|
1339
|
+
},
|
|
1340
|
+
"parameters": [
|
|
1341
|
+
{
|
|
1342
|
+
"name": "e",
|
|
1343
|
+
"type": {
|
|
1344
|
+
"text": "KeyboardEvent"
|
|
1345
|
+
}
|
|
1346
|
+
}
|
|
1347
|
+
]
|
|
1348
|
+
},
|
|
1349
|
+
{
|
|
1350
|
+
"kind": "method",
|
|
1351
|
+
"name": "#handleKeyUp",
|
|
1352
|
+
"privacy": "private",
|
|
1353
|
+
"return": {
|
|
1354
|
+
"type": {
|
|
1355
|
+
"text": "void"
|
|
1356
|
+
}
|
|
1357
|
+
}
|
|
1358
|
+
},
|
|
1359
|
+
{
|
|
1360
|
+
"kind": "method",
|
|
1361
|
+
"name": "#handleMouseEnter",
|
|
1362
|
+
"privacy": "private",
|
|
1363
|
+
"return": {
|
|
1364
|
+
"type": {
|
|
1365
|
+
"text": "void"
|
|
1366
|
+
}
|
|
1367
|
+
}
|
|
1368
|
+
},
|
|
1369
|
+
{
|
|
1370
|
+
"kind": "field",
|
|
1371
|
+
"name": "_focusRing",
|
|
1372
|
+
"type": {
|
|
1373
|
+
"text": "M3eFocusRingElement | undefined"
|
|
1374
|
+
},
|
|
1375
|
+
"privacy": "private",
|
|
1376
|
+
"readonly": true,
|
|
1377
|
+
"inheritedFrom": {
|
|
1378
|
+
"name": "MenuItemElementBase",
|
|
1379
|
+
"module": "src/MenuItemElementBase.ts"
|
|
1380
|
+
}
|
|
1381
|
+
},
|
|
1382
|
+
{
|
|
1383
|
+
"kind": "field",
|
|
1384
|
+
"name": "_stateLayer",
|
|
1385
|
+
"type": {
|
|
1386
|
+
"text": "M3eStateLayerElement | undefined"
|
|
1387
|
+
},
|
|
1388
|
+
"privacy": "private",
|
|
1389
|
+
"readonly": true,
|
|
1390
|
+
"inheritedFrom": {
|
|
1391
|
+
"name": "MenuItemElementBase",
|
|
1392
|
+
"module": "src/MenuItemElementBase.ts"
|
|
1393
|
+
}
|
|
1394
|
+
},
|
|
1395
|
+
{
|
|
1396
|
+
"kind": "field",
|
|
1397
|
+
"name": "_ripple",
|
|
1398
|
+
"type": {
|
|
1399
|
+
"text": "M3eRippleElement | undefined"
|
|
1400
|
+
},
|
|
1401
|
+
"privacy": "private",
|
|
1402
|
+
"readonly": true,
|
|
1403
|
+
"inheritedFrom": {
|
|
1404
|
+
"name": "MenuItemElementBase",
|
|
1405
|
+
"module": "src/MenuItemElementBase.ts"
|
|
1406
|
+
}
|
|
1407
|
+
},
|
|
1408
|
+
{
|
|
1409
|
+
"kind": "field",
|
|
1410
|
+
"name": "menu",
|
|
1411
|
+
"type": {
|
|
1412
|
+
"text": "M3eMenuElement | null"
|
|
1413
|
+
},
|
|
1414
|
+
"description": "The menu to which this item belongs.",
|
|
1415
|
+
"readonly": true,
|
|
1416
|
+
"inheritedFrom": {
|
|
1417
|
+
"name": "MenuItemElementBase",
|
|
1418
|
+
"module": "src/MenuItemElementBase.ts"
|
|
1419
|
+
}
|
|
1420
|
+
}
|
|
1421
|
+
],
|
|
1422
|
+
"attributes": [
|
|
1423
|
+
{
|
|
1424
|
+
"description": "Whether the element is disabled.",
|
|
1425
|
+
"name": "disabled"
|
|
1426
|
+
},
|
|
1427
|
+
{
|
|
1428
|
+
"description": "Whether the element is checked.",
|
|
1429
|
+
"name": "checked"
|
|
1430
|
+
}
|
|
1431
|
+
],
|
|
1432
|
+
"mixins": [
|
|
1433
|
+
{
|
|
1434
|
+
"name": "Checked",
|
|
1435
|
+
"package": "@m3e/core"
|
|
1436
|
+
},
|
|
1437
|
+
{
|
|
1438
|
+
"name": "Role",
|
|
1439
|
+
"package": "@m3e/core"
|
|
1440
|
+
}
|
|
1441
|
+
],
|
|
1442
|
+
"superclass": {
|
|
1443
|
+
"name": "MenuItemElementBase",
|
|
1444
|
+
"module": "/src/MenuItemElementBase"
|
|
1445
|
+
},
|
|
1446
|
+
"tagName": "m3e-menu-item-radio",
|
|
1447
|
+
"customElement": true,
|
|
1448
|
+
"summary": "An item of a menu which supports a mutually exclusive checkable state."
|
|
1449
|
+
}
|
|
1450
|
+
],
|
|
1451
|
+
"exports": [
|
|
1452
|
+
{
|
|
1453
|
+
"kind": "js",
|
|
1454
|
+
"name": "M3eMenuItemRadioElement",
|
|
1455
|
+
"declaration": {
|
|
1456
|
+
"name": "M3eMenuItemRadioElement",
|
|
1457
|
+
"module": "src/MenuItemRadioElement.ts"
|
|
1458
|
+
}
|
|
1459
|
+
},
|
|
1460
|
+
{
|
|
1461
|
+
"kind": "custom-element-definition",
|
|
1462
|
+
"name": "m3e-menu-item-radio",
|
|
1463
|
+
"declaration": {
|
|
1464
|
+
"name": "M3eMenuItemRadioElement",
|
|
1465
|
+
"module": "src/MenuItemRadioElement.ts"
|
|
1466
|
+
}
|
|
1467
|
+
}
|
|
1468
|
+
]
|
|
1469
|
+
},
|
|
1470
|
+
{
|
|
1471
|
+
"kind": "javascript-module",
|
|
1472
|
+
"path": "src/MenuPosition.ts",
|
|
1473
|
+
"declarations": [],
|
|
1474
|
+
"exports": []
|
|
1475
|
+
},
|
|
1476
|
+
{
|
|
1477
|
+
"kind": "javascript-module",
|
|
1478
|
+
"path": "src/MenuTriggerElement.ts",
|
|
1479
|
+
"declarations": [
|
|
1480
|
+
{
|
|
1481
|
+
"kind": "class",
|
|
1482
|
+
"description": "",
|
|
1483
|
+
"name": "M3eMenuTriggerElement",
|
|
1484
|
+
"slots": [
|
|
1485
|
+
{
|
|
1486
|
+
"description": "Renders the contents of the trigger.",
|
|
1487
|
+
"name": ""
|
|
1488
|
+
}
|
|
1489
|
+
],
|
|
1490
|
+
"members": [
|
|
1491
|
+
{
|
|
1492
|
+
"kind": "field",
|
|
1493
|
+
"name": "#clickHandler",
|
|
1494
|
+
"privacy": "private",
|
|
1495
|
+
"readonly": true
|
|
1496
|
+
},
|
|
1497
|
+
{
|
|
1498
|
+
"kind": "field",
|
|
1499
|
+
"name": "menu",
|
|
1500
|
+
"type": {
|
|
1501
|
+
"text": "M3eMenuElement | null"
|
|
1502
|
+
},
|
|
1503
|
+
"description": "The menu triggered by the element.",
|
|
1504
|
+
"readonly": true
|
|
1505
|
+
},
|
|
1506
|
+
{
|
|
1507
|
+
"kind": "method",
|
|
1508
|
+
"name": "attach",
|
|
1509
|
+
"return": {
|
|
1510
|
+
"type": {
|
|
1511
|
+
"text": "void"
|
|
1512
|
+
}
|
|
1513
|
+
},
|
|
1514
|
+
"parameters": [
|
|
1515
|
+
{
|
|
1516
|
+
"name": "control",
|
|
1517
|
+
"type": {
|
|
1518
|
+
"text": "HTMLElement"
|
|
1519
|
+
}
|
|
1520
|
+
}
|
|
1521
|
+
]
|
|
1522
|
+
},
|
|
1523
|
+
{
|
|
1524
|
+
"kind": "method",
|
|
1525
|
+
"name": "detach",
|
|
1526
|
+
"return": {
|
|
1527
|
+
"type": {
|
|
1528
|
+
"text": "void"
|
|
1529
|
+
}
|
|
1530
|
+
}
|
|
1531
|
+
},
|
|
1532
|
+
{
|
|
1533
|
+
"kind": "method",
|
|
1534
|
+
"name": "#handleClick",
|
|
1535
|
+
"privacy": "private",
|
|
1536
|
+
"return": {
|
|
1537
|
+
"type": {
|
|
1538
|
+
"text": "void"
|
|
1539
|
+
}
|
|
1540
|
+
},
|
|
1541
|
+
"parameters": [
|
|
1542
|
+
{
|
|
1543
|
+
"name": "e",
|
|
1544
|
+
"type": {
|
|
1545
|
+
"text": "Event"
|
|
1546
|
+
}
|
|
1547
|
+
}
|
|
1548
|
+
]
|
|
1549
|
+
}
|
|
1550
|
+
],
|
|
1551
|
+
"mixins": [
|
|
1552
|
+
{
|
|
1553
|
+
"name": "HtmlFor",
|
|
1554
|
+
"package": "@m3e/core"
|
|
1555
|
+
},
|
|
1556
|
+
{
|
|
1557
|
+
"name": "Role",
|
|
1558
|
+
"package": "@m3e/core"
|
|
1559
|
+
}
|
|
1560
|
+
],
|
|
1561
|
+
"superclass": {
|
|
1562
|
+
"name": "LitElement",
|
|
1563
|
+
"package": "lit"
|
|
1564
|
+
},
|
|
1565
|
+
"tagName": "m3e-menu-trigger",
|
|
1566
|
+
"customElement": true,
|
|
1567
|
+
"summary": "An element, nested within a clickable element, used to open a menu."
|
|
1568
|
+
}
|
|
1569
|
+
],
|
|
1570
|
+
"exports": [
|
|
1571
|
+
{
|
|
1572
|
+
"kind": "js",
|
|
1573
|
+
"name": "M3eMenuTriggerElement",
|
|
1574
|
+
"declaration": {
|
|
1575
|
+
"name": "M3eMenuTriggerElement",
|
|
1576
|
+
"module": "src/MenuTriggerElement.ts"
|
|
1577
|
+
}
|
|
1578
|
+
},
|
|
1579
|
+
{
|
|
1580
|
+
"kind": "custom-element-definition",
|
|
1581
|
+
"name": "m3e-menu-trigger",
|
|
1582
|
+
"declaration": {
|
|
1583
|
+
"name": "M3eMenuTriggerElement",
|
|
1584
|
+
"module": "src/MenuTriggerElement.ts"
|
|
1585
|
+
}
|
|
1586
|
+
}
|
|
1587
|
+
]
|
|
1588
|
+
}
|
|
1589
|
+
]
|
|
1590
|
+
}
|