@rcarls/rc-navigation-rail 0.4.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 +84 -0
- package/dist/custom-elements.json +620 -0
- package/dist/rc-navigation-rail-DOaY6_kH.js +385 -0
- package/dist/rc-navigation-rail-DOaY6_kH.js.map +1 -0
- package/dist/rc-navigation-rail-define.js +6 -0
- package/dist/rc-navigation-rail-define.js.map +1 -0
- package/dist/rc-navigation-rail.js +5 -0
- package/dist/rc-navigation-rail.js.map +1 -0
- package/dist/types/packages/rc-navigation-rail/src/define.d.ts +1 -0
- package/dist/types/packages/rc-navigation-rail/src/index.d.ts +1 -0
- package/dist/types/packages/rc-navigation-rail/src/rc-navigation-rail.d.ts +123 -0
- package/dist/types/packages/rc-navigation-rail/src/rc-navigation-rail.styles.d.ts +2 -0
- package/dist/types/packages/rc-navigation-rail/src/rc-navigation-rail.test.d.ts +0 -0
- package/package.json +65 -0
|
@@ -0,0 +1,620 @@
|
|
|
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-navigation-rail",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "RCNavigationRail",
|
|
15
|
+
"module": "/src/index.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-navigation-rail"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"kind": "javascript-module",
|
|
45
|
+
"path": "src/rc-navigation-rail.ts",
|
|
46
|
+
"declarations": [
|
|
47
|
+
{
|
|
48
|
+
"kind": "class",
|
|
49
|
+
"description": "Navigation rail layout that styles consumer-authored links.\n\n`rc-navigation-rail` preserves native `<a>` elements in light DOM for router\ninterop and progressive enhancement. Mark the current link with\n`aria-current=\"page\"` or provide `active-selector` for router active classes.\nWrap the component in a consumer-authored `<nav>` when it represents a\nnavigation landmark; `rc-navigation-rail` deliberately provides no landmark\nrole of its own, matching `rc-navigation-bar`.",
|
|
50
|
+
"name": "RCNavigationRail",
|
|
51
|
+
"cssProperties": [
|
|
52
|
+
{
|
|
53
|
+
"description": "Rail surface background.",
|
|
54
|
+
"name": "--rc-navigation-rail-bg",
|
|
55
|
+
"default": "Canvas"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"description": "Rail text color.",
|
|
59
|
+
"name": "--rc-navigation-rail-color",
|
|
60
|
+
"default": "CanvasText"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"description": "Collapsed rail inline size.",
|
|
64
|
+
"name": "--rc-navigation-rail-inline-size",
|
|
65
|
+
"default": "5rem"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"description": "Expanded rail inline size.",
|
|
69
|
+
"name": "--rc-navigation-rail-expanded-inline-size",
|
|
70
|
+
"default": "16rem"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"description": "Rail block-axis padding.",
|
|
74
|
+
"name": "--rc-navigation-rail-padding-block",
|
|
75
|
+
"default": "0.75rem"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"description": "Rail inline-axis padding.",
|
|
79
|
+
"name": "--rc-navigation-rail-padding-inline",
|
|
80
|
+
"default": "0.5rem"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"description": "Gap between rail regions.",
|
|
84
|
+
"name": "--rc-navigation-rail-gap",
|
|
85
|
+
"default": "0.75rem"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"description": "Gap between navigation items.",
|
|
89
|
+
"name": "--rc-navigation-rail-item-gap",
|
|
90
|
+
"default": "0.75rem"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"description": "Gap between item icon and label.",
|
|
94
|
+
"name": "--rc-navigation-rail-link-gap",
|
|
95
|
+
"default": "0.25rem"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"description": "Collapsed item minimum block size.",
|
|
99
|
+
"name": "--rc-navigation-rail-item-min-block-size",
|
|
100
|
+
"default": "3.5rem"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"description": "Expanded item minimum block size.",
|
|
104
|
+
"name": "--rc-navigation-rail-expanded-item-min-block-size",
|
|
105
|
+
"default": "3.5rem"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"description": "Item block-axis padding.",
|
|
109
|
+
"name": "--rc-navigation-rail-item-padding-block",
|
|
110
|
+
"default": "0.25rem"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"description": "Collapsed item inline-axis padding.",
|
|
114
|
+
"name": "--rc-navigation-rail-item-padding-inline",
|
|
115
|
+
"default": "0.5rem"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"description": "Expanded item inline-axis padding.",
|
|
119
|
+
"name": "--rc-navigation-rail-expanded-item-padding-inline",
|
|
120
|
+
"default": "1rem"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"description": "Collapsed label maximum inline size.",
|
|
124
|
+
"name": "--rc-navigation-rail-collapsed-label-inline-size",
|
|
125
|
+
"default": "4rem"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"description": "Resting item text color.",
|
|
129
|
+
"name": "--rc-navigation-rail-item-color",
|
|
130
|
+
"default": "inherit"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"description": "Slotted link text decoration (defers to native anchor text-decoration when unset).",
|
|
134
|
+
"name": "--rc-navigation-rail-item-text-decoration"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"description": "Active item text color. Falls back to `--rc-navigation-rail-item-color`, then `inherit`.",
|
|
138
|
+
"name": "--rc-navigation-rail-active-color"
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"description": "Active indicator background.",
|
|
142
|
+
"name": "--rc-navigation-rail-indicator-bg",
|
|
143
|
+
"default": "transparent"
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"description": "Active indicator border.",
|
|
147
|
+
"name": "--rc-navigation-rail-indicator-border",
|
|
148
|
+
"default": "1px solid Highlight"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"description": "Active indicator corner radius.",
|
|
152
|
+
"name": "--rc-navigation-rail-indicator-radius",
|
|
153
|
+
"default": "0"
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"description": "Toggle region minimum block size.",
|
|
157
|
+
"name": "--rc-navigation-rail-toggle-size",
|
|
158
|
+
"default": "3rem"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"description": "Toggle control inline-start offset.",
|
|
162
|
+
"name": "--rc-navigation-rail-toggle-inline-offset",
|
|
163
|
+
"default": "0.5rem"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"description": "Rail expand/collapse transition duration.",
|
|
167
|
+
"name": "--rc-navigation-rail-duration",
|
|
168
|
+
"default": "200ms"
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"description": "Rail expand/collapse transition easing.",
|
|
172
|
+
"name": "--rc-navigation-rail-easing",
|
|
173
|
+
"default": "ease"
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"description": "Active indicator transition duration.",
|
|
177
|
+
"name": "--rc-navigation-rail-indicator-duration",
|
|
178
|
+
"default": "0ms"
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"description": "Active indicator transition easing.",
|
|
182
|
+
"name": "--rc-navigation-rail-indicator-easing",
|
|
183
|
+
"default": "ease"
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"description": "Slotted link focus outline (defers to native outline when unset).",
|
|
187
|
+
"name": "--rc-navigation-rail-focus-ring"
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"description": "Slotted link outline offset.",
|
|
191
|
+
"name": "--rc-navigation-rail-focus-ring-offset",
|
|
192
|
+
"default": "2px"
|
|
193
|
+
}
|
|
194
|
+
],
|
|
195
|
+
"cssParts": [
|
|
196
|
+
{
|
|
197
|
+
"description": "The rail layout container.",
|
|
198
|
+
"name": "root"
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
"description": "The navigation layout container.",
|
|
202
|
+
"name": "nav"
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"description": "The active item indicator.",
|
|
206
|
+
"name": "indicator"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"description": "Toggle slot container.",
|
|
210
|
+
"name": "toggle"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"description": "Header slot container.",
|
|
214
|
+
"name": "header"
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"description": "Footer slot container.",
|
|
218
|
+
"name": "footer"
|
|
219
|
+
}
|
|
220
|
+
],
|
|
221
|
+
"slots": [
|
|
222
|
+
{
|
|
223
|
+
"description": "Navigation links. Direct `<a>` children are recommended.",
|
|
224
|
+
"name": "default"
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"description": "Content above the navigation links.",
|
|
228
|
+
"name": "header"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"description": "Content pinned after the navigation links.",
|
|
232
|
+
"name": "footer"
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
"description": "Native `<button>` or `rc-button` expand/collapse control.",
|
|
236
|
+
"name": "toggle"
|
|
237
|
+
}
|
|
238
|
+
],
|
|
239
|
+
"members": [
|
|
240
|
+
{
|
|
241
|
+
"kind": "field",
|
|
242
|
+
"name": "_styledRoots",
|
|
243
|
+
"privacy": "private",
|
|
244
|
+
"static": true,
|
|
245
|
+
"readonly": true,
|
|
246
|
+
"default": "new Set<Document | ShadowRoot>()"
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"kind": "method",
|
|
250
|
+
"name": "_ensureBaseStyles",
|
|
251
|
+
"privacy": "private",
|
|
252
|
+
"static": true,
|
|
253
|
+
"return": {
|
|
254
|
+
"type": {
|
|
255
|
+
"text": "void"
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
"parameters": [
|
|
259
|
+
{
|
|
260
|
+
"name": "root",
|
|
261
|
+
"type": {
|
|
262
|
+
"text": "Document | ShadowRoot"
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
]
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"kind": "field",
|
|
269
|
+
"name": "_defaultExpanded",
|
|
270
|
+
"type": {
|
|
271
|
+
"text": "boolean"
|
|
272
|
+
},
|
|
273
|
+
"privacy": "private",
|
|
274
|
+
"default": "false"
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"kind": "field",
|
|
278
|
+
"name": "_expanded",
|
|
279
|
+
"type": {
|
|
280
|
+
"text": "boolean | undefined"
|
|
281
|
+
},
|
|
282
|
+
"privacy": "private"
|
|
283
|
+
},
|
|
284
|
+
{
|
|
285
|
+
"kind": "field",
|
|
286
|
+
"name": "_expandedInitialized",
|
|
287
|
+
"type": {
|
|
288
|
+
"text": "boolean"
|
|
289
|
+
},
|
|
290
|
+
"privacy": "private",
|
|
291
|
+
"default": "false"
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"kind": "field",
|
|
295
|
+
"name": "expanded",
|
|
296
|
+
"type": {
|
|
297
|
+
"text": "boolean"
|
|
298
|
+
},
|
|
299
|
+
"description": "Whether the rail is expanded. Host writes are silent.",
|
|
300
|
+
"attribute": "expanded",
|
|
301
|
+
"reflects": true
|
|
302
|
+
},
|
|
303
|
+
{
|
|
304
|
+
"kind": "field",
|
|
305
|
+
"name": "defaultExpanded",
|
|
306
|
+
"type": {
|
|
307
|
+
"text": "boolean"
|
|
308
|
+
},
|
|
309
|
+
"description": "Initial expanded state for uncontrolled usage.",
|
|
310
|
+
"attribute": "default-expanded"
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
"kind": "field",
|
|
314
|
+
"name": "activeSelector",
|
|
315
|
+
"type": {
|
|
316
|
+
"text": "string"
|
|
317
|
+
},
|
|
318
|
+
"default": "'a[aria-current]:not([aria-current=\"false\"])'",
|
|
319
|
+
"description": "Selector used to find the active link. Defaults to `aria-current`.",
|
|
320
|
+
"attribute": "active-selector"
|
|
321
|
+
},
|
|
322
|
+
{
|
|
323
|
+
"kind": "field",
|
|
324
|
+
"name": "indicatorTarget",
|
|
325
|
+
"type": {
|
|
326
|
+
"text": "string"
|
|
327
|
+
},
|
|
328
|
+
"default": "'[data-rc-navigation-indicator], [data-rc-navigation-icon]'",
|
|
329
|
+
"description": "Selector inside the active link used for indicator geometry.",
|
|
330
|
+
"attribute": "indicator-target"
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"kind": "field",
|
|
334
|
+
"name": "_hasToggle",
|
|
335
|
+
"type": {
|
|
336
|
+
"text": "boolean"
|
|
337
|
+
},
|
|
338
|
+
"privacy": "private",
|
|
339
|
+
"default": "false"
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"kind": "field",
|
|
343
|
+
"name": "_hasHeader",
|
|
344
|
+
"type": {
|
|
345
|
+
"text": "boolean"
|
|
346
|
+
},
|
|
347
|
+
"privacy": "private",
|
|
348
|
+
"default": "false"
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"kind": "field",
|
|
352
|
+
"name": "_hasFooter",
|
|
353
|
+
"type": {
|
|
354
|
+
"text": "boolean"
|
|
355
|
+
},
|
|
356
|
+
"privacy": "private",
|
|
357
|
+
"default": "false"
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"kind": "field",
|
|
361
|
+
"name": "_$slot",
|
|
362
|
+
"type": {
|
|
363
|
+
"text": "HTMLSlotElement"
|
|
364
|
+
},
|
|
365
|
+
"privacy": "private"
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"kind": "field",
|
|
369
|
+
"name": "_$nav",
|
|
370
|
+
"type": {
|
|
371
|
+
"text": "HTMLElement"
|
|
372
|
+
},
|
|
373
|
+
"privacy": "private"
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"kind": "field",
|
|
377
|
+
"name": "_$indicator",
|
|
378
|
+
"type": {
|
|
379
|
+
"text": "HTMLElement"
|
|
380
|
+
},
|
|
381
|
+
"privacy": "private"
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"kind": "field",
|
|
385
|
+
"name": "_indicatorCtrl",
|
|
386
|
+
"privacy": "private",
|
|
387
|
+
"readonly": true,
|
|
388
|
+
"default": "new NavigationIndicatorController(this, { slot: () => this._$slot ?? null, container: () => this._$nav ?? null, indicator: () => this._$indicator ?? null, activeSelector: () => this.activeSelector, indicatorTargetSelector: () => this.indicatorTarget, })"
|
|
389
|
+
},
|
|
390
|
+
{
|
|
391
|
+
"kind": "method",
|
|
392
|
+
"name": "expand",
|
|
393
|
+
"return": {
|
|
394
|
+
"type": {
|
|
395
|
+
"text": "void"
|
|
396
|
+
}
|
|
397
|
+
},
|
|
398
|
+
"description": "Expands the rail and dispatches `rc-navigation-rail-toggle` when it changes."
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"kind": "method",
|
|
402
|
+
"name": "collapse",
|
|
403
|
+
"return": {
|
|
404
|
+
"type": {
|
|
405
|
+
"text": "void"
|
|
406
|
+
}
|
|
407
|
+
},
|
|
408
|
+
"description": "Collapses the rail and dispatches `rc-navigation-rail-toggle` when it changes."
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"kind": "method",
|
|
412
|
+
"name": "toggleExpanded",
|
|
413
|
+
"return": {
|
|
414
|
+
"type": {
|
|
415
|
+
"text": "void"
|
|
416
|
+
}
|
|
417
|
+
},
|
|
418
|
+
"description": "Toggles expanded state and dispatches `rc-navigation-rail-toggle` when it changes."
|
|
419
|
+
},
|
|
420
|
+
{
|
|
421
|
+
"kind": "method",
|
|
422
|
+
"name": "_handleSlotChange",
|
|
423
|
+
"privacy": "private",
|
|
424
|
+
"return": {
|
|
425
|
+
"type": {
|
|
426
|
+
"text": "void"
|
|
427
|
+
}
|
|
428
|
+
}
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"kind": "method",
|
|
432
|
+
"name": "_handleToggleSlotChange",
|
|
433
|
+
"privacy": "private",
|
|
434
|
+
"return": {
|
|
435
|
+
"type": {
|
|
436
|
+
"text": "void"
|
|
437
|
+
}
|
|
438
|
+
},
|
|
439
|
+
"parameters": [
|
|
440
|
+
{
|
|
441
|
+
"name": "event",
|
|
442
|
+
"type": {
|
|
443
|
+
"text": "Event"
|
|
444
|
+
}
|
|
445
|
+
}
|
|
446
|
+
]
|
|
447
|
+
},
|
|
448
|
+
{
|
|
449
|
+
"kind": "method",
|
|
450
|
+
"name": "_handleHeaderSlotChange",
|
|
451
|
+
"privacy": "private",
|
|
452
|
+
"return": {
|
|
453
|
+
"type": {
|
|
454
|
+
"text": "void"
|
|
455
|
+
}
|
|
456
|
+
},
|
|
457
|
+
"parameters": [
|
|
458
|
+
{
|
|
459
|
+
"name": "event",
|
|
460
|
+
"type": {
|
|
461
|
+
"text": "Event"
|
|
462
|
+
}
|
|
463
|
+
}
|
|
464
|
+
]
|
|
465
|
+
},
|
|
466
|
+
{
|
|
467
|
+
"kind": "method",
|
|
468
|
+
"name": "_handleFooterSlotChange",
|
|
469
|
+
"privacy": "private",
|
|
470
|
+
"return": {
|
|
471
|
+
"type": {
|
|
472
|
+
"text": "void"
|
|
473
|
+
}
|
|
474
|
+
},
|
|
475
|
+
"parameters": [
|
|
476
|
+
{
|
|
477
|
+
"name": "event",
|
|
478
|
+
"type": {
|
|
479
|
+
"text": "Event"
|
|
480
|
+
}
|
|
481
|
+
}
|
|
482
|
+
]
|
|
483
|
+
},
|
|
484
|
+
{
|
|
485
|
+
"kind": "method",
|
|
486
|
+
"name": "_handleToggleClick",
|
|
487
|
+
"privacy": "private",
|
|
488
|
+
"return": {
|
|
489
|
+
"type": {
|
|
490
|
+
"text": "void"
|
|
491
|
+
}
|
|
492
|
+
},
|
|
493
|
+
"parameters": [
|
|
494
|
+
{
|
|
495
|
+
"name": "event",
|
|
496
|
+
"type": {
|
|
497
|
+
"text": "MouseEvent"
|
|
498
|
+
}
|
|
499
|
+
}
|
|
500
|
+
]
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"kind": "method",
|
|
504
|
+
"name": "_getToggleButton",
|
|
505
|
+
"privacy": "private",
|
|
506
|
+
"return": {
|
|
507
|
+
"type": {
|
|
508
|
+
"text": "HTMLButtonElement | null"
|
|
509
|
+
}
|
|
510
|
+
}
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"kind": "method",
|
|
514
|
+
"name": "_syncToggleButton",
|
|
515
|
+
"privacy": "private",
|
|
516
|
+
"return": {
|
|
517
|
+
"type": {
|
|
518
|
+
"text": "void"
|
|
519
|
+
}
|
|
520
|
+
}
|
|
521
|
+
},
|
|
522
|
+
{
|
|
523
|
+
"kind": "method",
|
|
524
|
+
"name": "_setExpanded",
|
|
525
|
+
"privacy": "private",
|
|
526
|
+
"return": {
|
|
527
|
+
"type": {
|
|
528
|
+
"text": "void"
|
|
529
|
+
}
|
|
530
|
+
},
|
|
531
|
+
"parameters": [
|
|
532
|
+
{
|
|
533
|
+
"name": "expanded",
|
|
534
|
+
"type": {
|
|
535
|
+
"text": "boolean"
|
|
536
|
+
}
|
|
537
|
+
},
|
|
538
|
+
{
|
|
539
|
+
"name": "notify",
|
|
540
|
+
"type": {
|
|
541
|
+
"text": "boolean"
|
|
542
|
+
}
|
|
543
|
+
}
|
|
544
|
+
]
|
|
545
|
+
}
|
|
546
|
+
],
|
|
547
|
+
"events": [
|
|
548
|
+
{
|
|
549
|
+
"name": "rc-navigation-rail-toggle",
|
|
550
|
+
"type": {
|
|
551
|
+
"text": "CustomEvent"
|
|
552
|
+
},
|
|
553
|
+
"description": "Fired when user interaction or a method toggles expanded state."
|
|
554
|
+
}
|
|
555
|
+
],
|
|
556
|
+
"attributes": [
|
|
557
|
+
{
|
|
558
|
+
"description": "Whether the rail is expanded. Host writes are silent.",
|
|
559
|
+
"name": "expanded",
|
|
560
|
+
"type": {
|
|
561
|
+
"text": "boolean"
|
|
562
|
+
},
|
|
563
|
+
"fieldName": "expanded"
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"description": "Initial expanded state for uncontrolled usage.",
|
|
567
|
+
"name": "default-expanded",
|
|
568
|
+
"type": {
|
|
569
|
+
"text": "boolean"
|
|
570
|
+
},
|
|
571
|
+
"fieldName": "defaultExpanded"
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"description": "Selector used to find the active link. Defaults to `aria-current`.",
|
|
575
|
+
"name": "active-selector",
|
|
576
|
+
"type": {
|
|
577
|
+
"text": "string"
|
|
578
|
+
},
|
|
579
|
+
"default": "'a[aria-current]:not([aria-current=\"false\"])'",
|
|
580
|
+
"fieldName": "activeSelector"
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"description": "Selector inside the active link used for indicator geometry.",
|
|
584
|
+
"name": "indicator-target",
|
|
585
|
+
"type": {
|
|
586
|
+
"text": "string"
|
|
587
|
+
},
|
|
588
|
+
"default": "'[data-rc-navigation-indicator], [data-rc-navigation-icon]'",
|
|
589
|
+
"fieldName": "indicatorTarget"
|
|
590
|
+
}
|
|
591
|
+
],
|
|
592
|
+
"superclass": {
|
|
593
|
+
"name": "LitElement",
|
|
594
|
+
"package": "lit"
|
|
595
|
+
},
|
|
596
|
+
"tagName": "rc-navigation-rail",
|
|
597
|
+
"customElement": true
|
|
598
|
+
}
|
|
599
|
+
],
|
|
600
|
+
"exports": [
|
|
601
|
+
{
|
|
602
|
+
"kind": "js",
|
|
603
|
+
"name": "RCNavigationRail",
|
|
604
|
+
"declaration": {
|
|
605
|
+
"name": "RCNavigationRail",
|
|
606
|
+
"module": "src/rc-navigation-rail.ts"
|
|
607
|
+
}
|
|
608
|
+
},
|
|
609
|
+
{
|
|
610
|
+
"kind": "js",
|
|
611
|
+
"name": "default",
|
|
612
|
+
"declaration": {
|
|
613
|
+
"name": "RCNavigationRail",
|
|
614
|
+
"module": "src/rc-navigation-rail.ts"
|
|
615
|
+
}
|
|
616
|
+
}
|
|
617
|
+
]
|
|
618
|
+
}
|
|
619
|
+
]
|
|
620
|
+
}
|