@rcarls/rc-adaptive-menu 0.5.0
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/README.md +74 -0
- package/dist/custom-elements.json +906 -0
- package/dist/rc-adaptive-menu-BwvfkD_X.js +589 -0
- package/dist/rc-adaptive-menu-BwvfkD_X.js.map +1 -0
- package/dist/rc-adaptive-menu-define.js +6 -0
- package/dist/rc-adaptive-menu-define.js.map +1 -0
- package/dist/rc-adaptive-menu.js +5 -0
- package/dist/rc-adaptive-menu.js.map +1 -0
- package/dist/types/packages/rc-adaptive-menu/src/define.d.ts +1 -0
- package/dist/types/packages/rc-adaptive-menu/src/index.d.ts +1 -0
- package/dist/types/packages/rc-adaptive-menu/src/rc-adaptive-menu.d.ts +180 -0
- package/dist/types/packages/rc-adaptive-menu/src/rc-adaptive-menu.styles.d.ts +2 -0
- package/package.json +65 -0
|
@@ -0,0 +1,906 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/define.ts",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "custom-element-definition",
|
|
12
|
+
"name": "rc-adaptive-menu",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "RCAdaptiveMenu",
|
|
15
|
+
"module": "/src/rc-adaptive-menu.js"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"kind": "js",
|
|
20
|
+
"name": "*",
|
|
21
|
+
"declaration": {
|
|
22
|
+
"name": "*",
|
|
23
|
+
"module": "src/index.js"
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"kind": "javascript-module",
|
|
30
|
+
"path": "src/index.ts",
|
|
31
|
+
"declarations": [],
|
|
32
|
+
"exports": [
|
|
33
|
+
{
|
|
34
|
+
"kind": "js",
|
|
35
|
+
"name": "*",
|
|
36
|
+
"declaration": {
|
|
37
|
+
"name": "*",
|
|
38
|
+
"module": "src/rc-adaptive-menu.js"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"kind": "javascript-module",
|
|
45
|
+
"path": "src/rc-adaptive-menu.ts",
|
|
46
|
+
"declarations": [
|
|
47
|
+
{
|
|
48
|
+
"kind": "class",
|
|
49
|
+
"description": "Priority-aware action toolbar that preserves authored light-DOM controls while moving\nlower-priority actions into an overflow menu.\n\nActions remain the same connected nodes in the same parent. The component\nchanges only their slot assignment and component-owned ARIA/focus state, so\nframework listeners, native form behavior, dialog invokers, and references\ncontinue to work after an action moves.\n\nDirect native buttons and links are supported. `rc-button`, `rc-chip`, and\n`rc-menu-button` wrappers participate through their direct native trigger.\nDOM order is the default priority; a numeric `data-priority` promotes larger\nvalues first. Authoring `slot=\"overflow\"` keeps an action overflow-only. A\nnegative `data-priority` has the same effect: the action always overflows,\nregardless of `max-shown`. The overflow menu itself renders in authored DOM\norder (native slot distribution, not JS-ordered), so author negative-priority\nactions after normal-priority ones to have them appear last.\n\nThis is a purely declarative computation from authored state (`max-shown`,\n`data-priority`, and authored `slot`) re-evaluated whenever that authored\nstate changes. The component performs no runtime size measurement: it does\nnot observe its own or its children's rendered size, and `max-shown`\nactions are promoted regardless of whether they visually fit the available\nspace. A consumer that needs the promoted count to react to available\nspace — a responsive breakpoint, a container query, a window size class —\nowns that decision itself and writes the resulting `max-shown` value down.",
|
|
50
|
+
"name": "RCAdaptiveMenu",
|
|
51
|
+
"cssProperties": [
|
|
52
|
+
{
|
|
53
|
+
"description": "Gap between promoted actions and the overflow trigger.",
|
|
54
|
+
"name": "--rc-adaptive-menu-gap",
|
|
55
|
+
"default": "var(--rc-control-gap)"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"description": "Overflow trigger minimum inline size.",
|
|
59
|
+
"name": "--rc-adaptive-menu-trigger-inline-size",
|
|
60
|
+
"default": "2.5em"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"description": "Overflow trigger minimum block size.",
|
|
64
|
+
"name": "--rc-adaptive-menu-trigger-block-size",
|
|
65
|
+
"default": "2.5em"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"description": "Minimum overflow trigger activation-area inline size. Defers to `--rc-adaptive-menu-touch-target-block-size` when unset.",
|
|
69
|
+
"name": "--rc-adaptive-menu-touch-target-inline-size"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"description": "Minimum overflow trigger activation-area block size.",
|
|
73
|
+
"name": "--rc-adaptive-menu-touch-target-block-size",
|
|
74
|
+
"default": "3rem"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"description": "Zero by default. A theme or consumer sets this when the overflow trigger sits at a real leading edge (no neighbor on that side) to let its touch-target inflation overlap into whatever sits just outside the host, such as a container's own edge padding, instead of also reserving layout space there.",
|
|
78
|
+
"name": "--rc-adaptive-menu-touch-target-overlap-inline-start",
|
|
79
|
+
"default": "0px"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"description": "The trailing-edge counterpart to `--rc-adaptive-menu-touch-target-overlap-inline-start` — the overflow trigger is conventionally the trailing-most control in a toolbar, so this is the one commonly set.",
|
|
83
|
+
"name": "--rc-adaptive-menu-touch-target-overlap-inline-end",
|
|
84
|
+
"default": "0px"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"description": "Overflow trigger padding.",
|
|
88
|
+
"name": "--rc-adaptive-menu-trigger-padding",
|
|
89
|
+
"default": "0.5em"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"description": "Overflow trigger border.",
|
|
93
|
+
"name": "--rc-adaptive-menu-trigger-border",
|
|
94
|
+
"default": "1px solid ButtonBorder"
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"description": "Overflow trigger radius.",
|
|
98
|
+
"name": "--rc-adaptive-menu-trigger-radius",
|
|
99
|
+
"default": "var(--rc-control-radius)"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"description": "Overflow trigger background.",
|
|
103
|
+
"name": "--rc-adaptive-menu-trigger-background",
|
|
104
|
+
"default": "ButtonFace"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"description": "Overflow trigger color.",
|
|
108
|
+
"name": "--rc-adaptive-menu-trigger-color",
|
|
109
|
+
"default": "ButtonText"
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"description": "Default overflow icon size.",
|
|
113
|
+
"name": "--rc-adaptive-menu-icon-size",
|
|
114
|
+
"default": "1.5em"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"description": "Overflow popup minimum inline size.",
|
|
118
|
+
"name": "--rc-adaptive-menu-popup-min-inline-size",
|
|
119
|
+
"default": "10em"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"description": "Overflow popup viewport-aware inline limit.",
|
|
123
|
+
"name": "--rc-adaptive-menu-popup-max-inline-size",
|
|
124
|
+
"default": "calc(100dvi - 0.5rem)"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"description": "Overflow popup viewport-aware block limit.",
|
|
128
|
+
"name": "--rc-adaptive-menu-popup-max-block-size",
|
|
129
|
+
"default": "calc(100dvb - 0.5rem)"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"description": "Overflow popup block padding.",
|
|
133
|
+
"name": "--rc-adaptive-menu-popup-padding-block",
|
|
134
|
+
"default": "0.25em"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"description": "Overflow popup border.",
|
|
138
|
+
"name": "--rc-adaptive-menu-popup-border",
|
|
139
|
+
"default": "var(--rc-border)"
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"description": "Overflow popup radius.",
|
|
143
|
+
"name": "--rc-adaptive-menu-popup-radius",
|
|
144
|
+
"default": "var(--rc-control-radius)"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"description": "Overflow popup background.",
|
|
148
|
+
"name": "--rc-adaptive-menu-popup-background",
|
|
149
|
+
"default": "var(--rc-surface)"
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"description": "Overflow popup shadow.",
|
|
153
|
+
"name": "--rc-adaptive-menu-popup-shadow",
|
|
154
|
+
"default": "var(--rc-shadow)"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"description": "Overflow popup foreground.",
|
|
158
|
+
"name": "--rc-adaptive-menu-popup-color",
|
|
159
|
+
"default": "var(--rc-field-text)"
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"description": "Overflow action minimum block size.",
|
|
163
|
+
"name": "--rc-adaptive-menu-item-min-block-size",
|
|
164
|
+
"default": "2.5em"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"description": "Overflow action block padding.",
|
|
168
|
+
"name": "--rc-adaptive-menu-item-padding-block",
|
|
169
|
+
"default": "var(--rc-item-padding-block)"
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"description": "Overflow action inline padding.",
|
|
173
|
+
"name": "--rc-adaptive-menu-item-padding-inline",
|
|
174
|
+
"default": "var(--rc-item-padding-inline)"
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"description": "Overflow action content gap.",
|
|
178
|
+
"name": "--rc-adaptive-menu-item-gap",
|
|
179
|
+
"default": "var(--rc-item-gap)"
|
|
180
|
+
}
|
|
181
|
+
],
|
|
182
|
+
"cssParts": [
|
|
183
|
+
{
|
|
184
|
+
"description": "Toolbar container.",
|
|
185
|
+
"name": "root"
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"description": "Button that opens the overflow menu.",
|
|
189
|
+
"name": "overflow-trigger"
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"description": "Overflow menu popover.",
|
|
193
|
+
"name": "popup"
|
|
194
|
+
}
|
|
195
|
+
],
|
|
196
|
+
"slots": [
|
|
197
|
+
{
|
|
198
|
+
"description": "Direct native actions or supported rc action wrappers.",
|
|
199
|
+
"name": "default"
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"description": "Overflow-only actions and actions re-slotted by the component.",
|
|
203
|
+
"name": "overflow"
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"description": "Optional decorative icon for the overflow trigger.",
|
|
207
|
+
"name": "overflow-icon"
|
|
208
|
+
}
|
|
209
|
+
],
|
|
210
|
+
"members": [
|
|
211
|
+
{
|
|
212
|
+
"kind": "field",
|
|
213
|
+
"name": "_styledRoots",
|
|
214
|
+
"privacy": "private",
|
|
215
|
+
"static": true,
|
|
216
|
+
"readonly": true,
|
|
217
|
+
"default": "new WeakSet<Document | ShadowRoot>()"
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"kind": "field",
|
|
221
|
+
"name": "label",
|
|
222
|
+
"type": {
|
|
223
|
+
"text": "string"
|
|
224
|
+
},
|
|
225
|
+
"default": "'Actions'",
|
|
226
|
+
"description": "Accessible label for the toolbar.",
|
|
227
|
+
"attribute": "label"
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"kind": "field",
|
|
231
|
+
"name": "maxShown",
|
|
232
|
+
"type": {
|
|
233
|
+
"text": "number"
|
|
234
|
+
},
|
|
235
|
+
"default": "3",
|
|
236
|
+
"description": "Maximum authored actions promoted ahead of the overflow trigger. A\nstatic declarative cap, re-evaluated whenever it changes — not a\nmeasurement of available space.",
|
|
237
|
+
"attribute": "max-shown"
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"kind": "field",
|
|
241
|
+
"name": "_open",
|
|
242
|
+
"type": {
|
|
243
|
+
"text": "boolean | undefined"
|
|
244
|
+
},
|
|
245
|
+
"privacy": "private"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"kind": "field",
|
|
249
|
+
"name": "_defaultOpen",
|
|
250
|
+
"type": {
|
|
251
|
+
"text": "boolean"
|
|
252
|
+
},
|
|
253
|
+
"privacy": "private",
|
|
254
|
+
"default": "false"
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"kind": "field",
|
|
258
|
+
"name": "_uncontrolledOpen",
|
|
259
|
+
"type": {
|
|
260
|
+
"text": "boolean | undefined"
|
|
261
|
+
},
|
|
262
|
+
"privacy": "private"
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"kind": "field",
|
|
266
|
+
"name": "_openInitialized",
|
|
267
|
+
"type": {
|
|
268
|
+
"text": "boolean"
|
|
269
|
+
},
|
|
270
|
+
"privacy": "private",
|
|
271
|
+
"default": "false"
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"kind": "field",
|
|
275
|
+
"name": "open",
|
|
276
|
+
"type": {
|
|
277
|
+
"text": "boolean"
|
|
278
|
+
},
|
|
279
|
+
"description": "Whether the overflow menu is visible. Host writes are silent.",
|
|
280
|
+
"attribute": "open",
|
|
281
|
+
"reflects": true
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
"kind": "field",
|
|
285
|
+
"name": "defaultOpen",
|
|
286
|
+
"type": {
|
|
287
|
+
"text": "boolean"
|
|
288
|
+
},
|
|
289
|
+
"description": "Initial open state for uncontrolled usage.",
|
|
290
|
+
"attribute": "default-open"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"kind": "field",
|
|
294
|
+
"name": "orientation",
|
|
295
|
+
"type": {
|
|
296
|
+
"text": "'horizontal' | 'vertical'"
|
|
297
|
+
},
|
|
298
|
+
"default": "'horizontal'",
|
|
299
|
+
"description": "Toolbar layout and arrow-key navigation axis.",
|
|
300
|
+
"attribute": "orientation",
|
|
301
|
+
"reflects": true
|
|
302
|
+
},
|
|
303
|
+
{
|
|
304
|
+
"kind": "field",
|
|
305
|
+
"name": "overflowLabel",
|
|
306
|
+
"type": {
|
|
307
|
+
"text": "string"
|
|
308
|
+
},
|
|
309
|
+
"default": "'More actions'",
|
|
310
|
+
"description": "Accessible name for the overflow trigger and popup.",
|
|
311
|
+
"attribute": "overflow-label"
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"kind": "field",
|
|
315
|
+
"name": "_$trigger",
|
|
316
|
+
"type": {
|
|
317
|
+
"text": "HTMLButtonElement"
|
|
318
|
+
},
|
|
319
|
+
"privacy": "private"
|
|
320
|
+
},
|
|
321
|
+
{
|
|
322
|
+
"kind": "field",
|
|
323
|
+
"name": "_$popup",
|
|
324
|
+
"type": {
|
|
325
|
+
"text": "HTMLDivElement"
|
|
326
|
+
},
|
|
327
|
+
"privacy": "private"
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
"kind": "field",
|
|
331
|
+
"name": "_authored",
|
|
332
|
+
"privacy": "private",
|
|
333
|
+
"readonly": true,
|
|
334
|
+
"default": "new Map<HTMLElement, AuthoredState>()"
|
|
335
|
+
},
|
|
336
|
+
{
|
|
337
|
+
"kind": "field",
|
|
338
|
+
"name": "_mutationObserver",
|
|
339
|
+
"type": {
|
|
340
|
+
"text": "MutationObserver | undefined"
|
|
341
|
+
},
|
|
342
|
+
"privacy": "private"
|
|
343
|
+
},
|
|
344
|
+
{
|
|
345
|
+
"kind": "field",
|
|
346
|
+
"name": "_applyingSlots",
|
|
347
|
+
"type": {
|
|
348
|
+
"text": "boolean"
|
|
349
|
+
},
|
|
350
|
+
"privacy": "private",
|
|
351
|
+
"default": "false"
|
|
352
|
+
},
|
|
353
|
+
{
|
|
354
|
+
"kind": "field",
|
|
355
|
+
"name": "_restoreFocusWhenClosed",
|
|
356
|
+
"type": {
|
|
357
|
+
"text": "boolean"
|
|
358
|
+
},
|
|
359
|
+
"privacy": "private",
|
|
360
|
+
"default": "false"
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"kind": "field",
|
|
364
|
+
"name": "_focusWhenOpened",
|
|
365
|
+
"type": {
|
|
366
|
+
"text": "'first' | 'last' | 'none' | null"
|
|
367
|
+
},
|
|
368
|
+
"privacy": "private",
|
|
369
|
+
"default": "null"
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
"kind": "field",
|
|
373
|
+
"name": "_anchor",
|
|
374
|
+
"privacy": "private",
|
|
375
|
+
"readonly": true,
|
|
376
|
+
"default": "new AnchorController(this, { anchor: () => this._$trigger, floating: () => this._$popup, placement: 'bottom-end', offset: 4, shadowHost: () => this, })"
|
|
377
|
+
},
|
|
378
|
+
{
|
|
379
|
+
"kind": "field",
|
|
380
|
+
"name": "$actions",
|
|
381
|
+
"type": {
|
|
382
|
+
"text": "HTMLElement[]"
|
|
383
|
+
},
|
|
384
|
+
"description": "Original authored action elements in DOM order.",
|
|
385
|
+
"readonly": true
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"kind": "field",
|
|
389
|
+
"name": "$promotedActions",
|
|
390
|
+
"type": {
|
|
391
|
+
"text": "HTMLElement[]"
|
|
392
|
+
},
|
|
393
|
+
"description": "Actions currently shown in the toolbar, in authored DOM order.",
|
|
394
|
+
"readonly": true
|
|
395
|
+
},
|
|
396
|
+
{
|
|
397
|
+
"kind": "field",
|
|
398
|
+
"name": "$overflowedActions",
|
|
399
|
+
"type": {
|
|
400
|
+
"text": "HTMLElement[]"
|
|
401
|
+
},
|
|
402
|
+
"description": "Actions currently assigned to the overflow menu, in authored DOM order.",
|
|
403
|
+
"readonly": true
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"kind": "method",
|
|
407
|
+
"name": "openMenu",
|
|
408
|
+
"return": {
|
|
409
|
+
"type": {
|
|
410
|
+
"text": "void"
|
|
411
|
+
}
|
|
412
|
+
},
|
|
413
|
+
"parameters": [
|
|
414
|
+
{
|
|
415
|
+
"name": "focus",
|
|
416
|
+
"default": "'first'",
|
|
417
|
+
"type": {
|
|
418
|
+
"text": "'first' | 'last' | 'none'"
|
|
419
|
+
}
|
|
420
|
+
}
|
|
421
|
+
],
|
|
422
|
+
"description": "Opens the overflow popup silently and optionally focuses an edge action."
|
|
423
|
+
},
|
|
424
|
+
{
|
|
425
|
+
"kind": "method",
|
|
426
|
+
"name": "closeMenu",
|
|
427
|
+
"return": {
|
|
428
|
+
"type": {
|
|
429
|
+
"text": "void"
|
|
430
|
+
}
|
|
431
|
+
},
|
|
432
|
+
"parameters": [
|
|
433
|
+
{
|
|
434
|
+
"name": "returnFocus",
|
|
435
|
+
"default": "false"
|
|
436
|
+
}
|
|
437
|
+
],
|
|
438
|
+
"description": "Closes the overflow popup silently."
|
|
439
|
+
},
|
|
440
|
+
{
|
|
441
|
+
"kind": "method",
|
|
442
|
+
"name": "toggleMenu",
|
|
443
|
+
"return": {
|
|
444
|
+
"type": {
|
|
445
|
+
"text": "void"
|
|
446
|
+
}
|
|
447
|
+
},
|
|
448
|
+
"parameters": [
|
|
449
|
+
{
|
|
450
|
+
"name": "focus",
|
|
451
|
+
"default": "'first'",
|
|
452
|
+
"type": {
|
|
453
|
+
"text": "'first' | 'last' | 'none'"
|
|
454
|
+
}
|
|
455
|
+
}
|
|
456
|
+
],
|
|
457
|
+
"description": "Toggles the overflow popup silently."
|
|
458
|
+
},
|
|
459
|
+
{
|
|
460
|
+
"kind": "method",
|
|
461
|
+
"name": "_ensureBaseStyles",
|
|
462
|
+
"privacy": "private",
|
|
463
|
+
"static": true,
|
|
464
|
+
"return": {
|
|
465
|
+
"type": {
|
|
466
|
+
"text": "void"
|
|
467
|
+
}
|
|
468
|
+
},
|
|
469
|
+
"parameters": [
|
|
470
|
+
{
|
|
471
|
+
"name": "root",
|
|
472
|
+
"type": {
|
|
473
|
+
"text": "Document | ShadowRoot"
|
|
474
|
+
}
|
|
475
|
+
}
|
|
476
|
+
]
|
|
477
|
+
},
|
|
478
|
+
{
|
|
479
|
+
"kind": "field",
|
|
480
|
+
"name": "_onSlotChange",
|
|
481
|
+
"privacy": "private"
|
|
482
|
+
},
|
|
483
|
+
{
|
|
484
|
+
"kind": "field",
|
|
485
|
+
"name": "_onMutation",
|
|
486
|
+
"privacy": "private"
|
|
487
|
+
},
|
|
488
|
+
{
|
|
489
|
+
"kind": "method",
|
|
490
|
+
"name": "_syncActions",
|
|
491
|
+
"privacy": "private",
|
|
492
|
+
"return": {
|
|
493
|
+
"type": {
|
|
494
|
+
"text": "void"
|
|
495
|
+
}
|
|
496
|
+
}
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"kind": "method",
|
|
500
|
+
"name": "_entriesInDomOrder",
|
|
501
|
+
"privacy": "private",
|
|
502
|
+
"return": {
|
|
503
|
+
"type": {
|
|
504
|
+
"text": "[HTMLElement, AuthoredState][]"
|
|
505
|
+
}
|
|
506
|
+
}
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"kind": "method",
|
|
510
|
+
"name": "_applySlots",
|
|
511
|
+
"privacy": "private",
|
|
512
|
+
"return": {
|
|
513
|
+
"type": {
|
|
514
|
+
"text": "void"
|
|
515
|
+
}
|
|
516
|
+
},
|
|
517
|
+
"description": "Assigns each authored action to the default (promoted) or overflow slot.\nA purely declarative computation from `max-shown`, `data-priority`, and\nauthored `slot` — no size measurement of any kind."
|
|
518
|
+
},
|
|
519
|
+
{
|
|
520
|
+
"kind": "method",
|
|
521
|
+
"name": "_focusTarget",
|
|
522
|
+
"privacy": "private",
|
|
523
|
+
"return": {
|
|
524
|
+
"type": {
|
|
525
|
+
"text": "HTMLElement | null"
|
|
526
|
+
}
|
|
527
|
+
},
|
|
528
|
+
"parameters": [
|
|
529
|
+
{
|
|
530
|
+
"name": "$action",
|
|
531
|
+
"type": {
|
|
532
|
+
"text": "HTMLElement"
|
|
533
|
+
}
|
|
534
|
+
}
|
|
535
|
+
]
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"kind": "method",
|
|
539
|
+
"name": "_promotedFocusTargets",
|
|
540
|
+
"privacy": "private",
|
|
541
|
+
"return": {
|
|
542
|
+
"type": {
|
|
543
|
+
"text": "HTMLElement[]"
|
|
544
|
+
}
|
|
545
|
+
}
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"kind": "method",
|
|
549
|
+
"name": "_overflowFocusTargets",
|
|
550
|
+
"privacy": "private",
|
|
551
|
+
"return": {
|
|
552
|
+
"type": {
|
|
553
|
+
"text": "HTMLElement[]"
|
|
554
|
+
}
|
|
555
|
+
}
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"kind": "method",
|
|
559
|
+
"name": "_syncToolbarTabStops",
|
|
560
|
+
"privacy": "private",
|
|
561
|
+
"return": {
|
|
562
|
+
"type": {
|
|
563
|
+
"text": "void"
|
|
564
|
+
}
|
|
565
|
+
},
|
|
566
|
+
"parameters": [
|
|
567
|
+
{
|
|
568
|
+
"name": "active",
|
|
569
|
+
"optional": true,
|
|
570
|
+
"type": {
|
|
571
|
+
"text": "HTMLElement"
|
|
572
|
+
}
|
|
573
|
+
}
|
|
574
|
+
]
|
|
575
|
+
},
|
|
576
|
+
{
|
|
577
|
+
"kind": "field",
|
|
578
|
+
"name": "_onFocusIn",
|
|
579
|
+
"privacy": "private"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"kind": "field",
|
|
583
|
+
"name": "_onToolbarNavigate",
|
|
584
|
+
"privacy": "private"
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"kind": "field",
|
|
588
|
+
"name": "_onTriggerNavigate",
|
|
589
|
+
"privacy": "private"
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
"kind": "field",
|
|
593
|
+
"name": "_onOverflowNavigate",
|
|
594
|
+
"privacy": "private"
|
|
595
|
+
},
|
|
596
|
+
{
|
|
597
|
+
"kind": "method",
|
|
598
|
+
"name": "_focusByNavigationAction",
|
|
599
|
+
"privacy": "private",
|
|
600
|
+
"return": {
|
|
601
|
+
"type": {
|
|
602
|
+
"text": "void"
|
|
603
|
+
}
|
|
604
|
+
},
|
|
605
|
+
"parameters": [
|
|
606
|
+
{
|
|
607
|
+
"name": "action",
|
|
608
|
+
"type": {
|
|
609
|
+
"text": "KeyboardNavigationAction"
|
|
610
|
+
}
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"name": "$targets",
|
|
614
|
+
"type": {
|
|
615
|
+
"text": "HTMLElement[]"
|
|
616
|
+
}
|
|
617
|
+
}
|
|
618
|
+
]
|
|
619
|
+
},
|
|
620
|
+
{
|
|
621
|
+
"kind": "field",
|
|
622
|
+
"name": "_onTriggerClick",
|
|
623
|
+
"privacy": "private"
|
|
624
|
+
},
|
|
625
|
+
{
|
|
626
|
+
"kind": "field",
|
|
627
|
+
"name": "_onDocumentPointerDown",
|
|
628
|
+
"privacy": "private"
|
|
629
|
+
},
|
|
630
|
+
{
|
|
631
|
+
"kind": "field",
|
|
632
|
+
"name": "_onDocumentKeydown",
|
|
633
|
+
"privacy": "private"
|
|
634
|
+
},
|
|
635
|
+
{
|
|
636
|
+
"kind": "field",
|
|
637
|
+
"name": "_onPopupClick",
|
|
638
|
+
"privacy": "private"
|
|
639
|
+
},
|
|
640
|
+
{
|
|
641
|
+
"kind": "method",
|
|
642
|
+
"name": "_setProgrammaticOpen",
|
|
643
|
+
"privacy": "private",
|
|
644
|
+
"return": {
|
|
645
|
+
"type": {
|
|
646
|
+
"text": "void"
|
|
647
|
+
}
|
|
648
|
+
},
|
|
649
|
+
"parameters": [
|
|
650
|
+
{
|
|
651
|
+
"name": "open",
|
|
652
|
+
"type": {
|
|
653
|
+
"text": "boolean"
|
|
654
|
+
}
|
|
655
|
+
},
|
|
656
|
+
{
|
|
657
|
+
"name": "returnFocus",
|
|
658
|
+
"type": {
|
|
659
|
+
"text": "boolean"
|
|
660
|
+
}
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"name": "focus",
|
|
664
|
+
"default": "'none'",
|
|
665
|
+
"type": {
|
|
666
|
+
"text": "'first' | 'last' | 'none'"
|
|
667
|
+
}
|
|
668
|
+
}
|
|
669
|
+
]
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"kind": "method",
|
|
673
|
+
"name": "_requestUserOpen",
|
|
674
|
+
"privacy": "private",
|
|
675
|
+
"return": {
|
|
676
|
+
"type": {
|
|
677
|
+
"text": "void"
|
|
678
|
+
}
|
|
679
|
+
},
|
|
680
|
+
"parameters": [
|
|
681
|
+
{
|
|
682
|
+
"name": "open",
|
|
683
|
+
"type": {
|
|
684
|
+
"text": "boolean"
|
|
685
|
+
}
|
|
686
|
+
},
|
|
687
|
+
{
|
|
688
|
+
"name": "returnFocus",
|
|
689
|
+
"type": {
|
|
690
|
+
"text": "boolean"
|
|
691
|
+
}
|
|
692
|
+
},
|
|
693
|
+
{
|
|
694
|
+
"name": "focus",
|
|
695
|
+
"default": "'none'",
|
|
696
|
+
"type": {
|
|
697
|
+
"text": "'first' | 'last' | 'none'"
|
|
698
|
+
}
|
|
699
|
+
}
|
|
700
|
+
]
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"kind": "method",
|
|
704
|
+
"name": "_syncOpenState",
|
|
705
|
+
"privacy": "private",
|
|
706
|
+
"return": {
|
|
707
|
+
"type": {
|
|
708
|
+
"text": "void"
|
|
709
|
+
}
|
|
710
|
+
}
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"kind": "method",
|
|
714
|
+
"name": "_focusOverflowEdge",
|
|
715
|
+
"privacy": "private",
|
|
716
|
+
"return": {
|
|
717
|
+
"type": {
|
|
718
|
+
"text": "void"
|
|
719
|
+
}
|
|
720
|
+
},
|
|
721
|
+
"parameters": [
|
|
722
|
+
{
|
|
723
|
+
"name": "focus",
|
|
724
|
+
"type": {
|
|
725
|
+
"text": "'first' | 'last' | 'none'"
|
|
726
|
+
}
|
|
727
|
+
}
|
|
728
|
+
]
|
|
729
|
+
},
|
|
730
|
+
{
|
|
731
|
+
"kind": "method",
|
|
732
|
+
"name": "_restoreAction",
|
|
733
|
+
"privacy": "private",
|
|
734
|
+
"return": {
|
|
735
|
+
"type": {
|
|
736
|
+
"text": "void"
|
|
737
|
+
}
|
|
738
|
+
},
|
|
739
|
+
"parameters": [
|
|
740
|
+
{
|
|
741
|
+
"name": "action",
|
|
742
|
+
"type": {
|
|
743
|
+
"text": "HTMLElement"
|
|
744
|
+
}
|
|
745
|
+
},
|
|
746
|
+
{
|
|
747
|
+
"name": "state",
|
|
748
|
+
"type": {
|
|
749
|
+
"text": "AuthoredState"
|
|
750
|
+
}
|
|
751
|
+
}
|
|
752
|
+
]
|
|
753
|
+
},
|
|
754
|
+
{
|
|
755
|
+
"kind": "method",
|
|
756
|
+
"name": "_restoreOrientation",
|
|
757
|
+
"privacy": "private",
|
|
758
|
+
"return": {
|
|
759
|
+
"type": {
|
|
760
|
+
"text": "void"
|
|
761
|
+
}
|
|
762
|
+
},
|
|
763
|
+
"parameters": [
|
|
764
|
+
{
|
|
765
|
+
"name": "action",
|
|
766
|
+
"type": {
|
|
767
|
+
"text": "HTMLElement"
|
|
768
|
+
}
|
|
769
|
+
},
|
|
770
|
+
{
|
|
771
|
+
"name": "state",
|
|
772
|
+
"type": {
|
|
773
|
+
"text": "AuthoredState"
|
|
774
|
+
}
|
|
775
|
+
}
|
|
776
|
+
]
|
|
777
|
+
},
|
|
778
|
+
{
|
|
779
|
+
"kind": "method",
|
|
780
|
+
"name": "_restoreRole",
|
|
781
|
+
"privacy": "private",
|
|
782
|
+
"return": {
|
|
783
|
+
"type": {
|
|
784
|
+
"text": "void"
|
|
785
|
+
}
|
|
786
|
+
},
|
|
787
|
+
"parameters": [
|
|
788
|
+
{
|
|
789
|
+
"name": "state",
|
|
790
|
+
"type": {
|
|
791
|
+
"text": "AuthoredState"
|
|
792
|
+
}
|
|
793
|
+
}
|
|
794
|
+
]
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
"kind": "method",
|
|
798
|
+
"name": "_isDisabled",
|
|
799
|
+
"privacy": "private",
|
|
800
|
+
"return": {
|
|
801
|
+
"type": {
|
|
802
|
+
"text": "boolean"
|
|
803
|
+
}
|
|
804
|
+
},
|
|
805
|
+
"parameters": [
|
|
806
|
+
{
|
|
807
|
+
"name": "target",
|
|
808
|
+
"type": {
|
|
809
|
+
"text": "HTMLElement"
|
|
810
|
+
}
|
|
811
|
+
}
|
|
812
|
+
]
|
|
813
|
+
}
|
|
814
|
+
],
|
|
815
|
+
"events": [
|
|
816
|
+
{
|
|
817
|
+
"name": "rc-adaptive-menu-toggle",
|
|
818
|
+
"type": {
|
|
819
|
+
"text": "CustomEvent"
|
|
820
|
+
},
|
|
821
|
+
"description": "Fired when user interaction requests a change to `open`."
|
|
822
|
+
}
|
|
823
|
+
],
|
|
824
|
+
"attributes": [
|
|
825
|
+
{
|
|
826
|
+
"description": "Accessible label for the toolbar.",
|
|
827
|
+
"name": "label",
|
|
828
|
+
"type": {
|
|
829
|
+
"text": "string"
|
|
830
|
+
},
|
|
831
|
+
"default": "'Actions'",
|
|
832
|
+
"fieldName": "label"
|
|
833
|
+
},
|
|
834
|
+
{
|
|
835
|
+
"description": "Maximum authored actions promoted ahead of the overflow trigger. A\nstatic declarative cap, re-evaluated whenever it changes — not a\nmeasurement of available space.",
|
|
836
|
+
"name": "max-shown",
|
|
837
|
+
"type": {
|
|
838
|
+
"text": "number"
|
|
839
|
+
},
|
|
840
|
+
"default": "3",
|
|
841
|
+
"fieldName": "maxShown"
|
|
842
|
+
},
|
|
843
|
+
{
|
|
844
|
+
"description": "Whether the overflow menu is visible. Host writes are silent.",
|
|
845
|
+
"name": "open",
|
|
846
|
+
"type": {
|
|
847
|
+
"text": "boolean"
|
|
848
|
+
},
|
|
849
|
+
"fieldName": "open"
|
|
850
|
+
},
|
|
851
|
+
{
|
|
852
|
+
"description": "Initial open state for uncontrolled usage.",
|
|
853
|
+
"name": "default-open",
|
|
854
|
+
"type": {
|
|
855
|
+
"text": "boolean"
|
|
856
|
+
},
|
|
857
|
+
"fieldName": "defaultOpen"
|
|
858
|
+
},
|
|
859
|
+
{
|
|
860
|
+
"description": "Toolbar layout and arrow-key navigation axis.",
|
|
861
|
+
"name": "orientation",
|
|
862
|
+
"type": {
|
|
863
|
+
"text": "'horizontal' | 'vertical'"
|
|
864
|
+
},
|
|
865
|
+
"default": "'horizontal'",
|
|
866
|
+
"fieldName": "orientation"
|
|
867
|
+
},
|
|
868
|
+
{
|
|
869
|
+
"description": "Accessible name for the overflow trigger and popup.",
|
|
870
|
+
"name": "overflow-label",
|
|
871
|
+
"type": {
|
|
872
|
+
"text": "string"
|
|
873
|
+
},
|
|
874
|
+
"default": "'More actions'",
|
|
875
|
+
"fieldName": "overflowLabel"
|
|
876
|
+
}
|
|
877
|
+
],
|
|
878
|
+
"superclass": {
|
|
879
|
+
"name": "LitElement",
|
|
880
|
+
"package": "lit"
|
|
881
|
+
},
|
|
882
|
+
"tagName": "rc-adaptive-menu",
|
|
883
|
+
"customElement": true
|
|
884
|
+
}
|
|
885
|
+
],
|
|
886
|
+
"exports": [
|
|
887
|
+
{
|
|
888
|
+
"kind": "js",
|
|
889
|
+
"name": "RCAdaptiveMenu",
|
|
890
|
+
"declaration": {
|
|
891
|
+
"name": "RCAdaptiveMenu",
|
|
892
|
+
"module": "src/rc-adaptive-menu.ts"
|
|
893
|
+
}
|
|
894
|
+
},
|
|
895
|
+
{
|
|
896
|
+
"kind": "js",
|
|
897
|
+
"name": "default",
|
|
898
|
+
"declaration": {
|
|
899
|
+
"name": "RCAdaptiveMenu",
|
|
900
|
+
"module": "src/rc-adaptive-menu.ts"
|
|
901
|
+
}
|
|
902
|
+
}
|
|
903
|
+
]
|
|
904
|
+
}
|
|
905
|
+
]
|
|
906
|
+
}
|