@spectrum-web-components/sidenav 0.47.2 → 0.48.0-beta.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/sidenav",
3
- "version": "0.47.2",
3
+ "version": "0.48.0-beta.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -75,9 +75,9 @@
75
75
  "lit-html"
76
76
  ],
77
77
  "dependencies": {
78
- "@spectrum-web-components/base": "^0.47.2",
79
- "@spectrum-web-components/reactive-controllers": "^0.47.2",
80
- "@spectrum-web-components/shared": "^0.47.2"
78
+ "@spectrum-web-components/base": "^0.48.0-beta.1",
79
+ "@spectrum-web-components/reactive-controllers": "^0.48.0-beta.1",
80
+ "@spectrum-web-components/shared": "^0.48.0-beta.1"
81
81
  },
82
82
  "devDependencies": {
83
83
  "@spectrum-css/sidenav": "^5.1.0"
@@ -88,5 +88,5 @@
88
88
  "./sp-*.js",
89
89
  "./**/*.dev.js"
90
90
  ],
91
- "gitHead": "2784e4c65da6a65b6bc748d785154714c8498a8e"
91
+ "gitHead": "6659bda5743c40a00cd8143e020fd73d8f911514"
92
92
  }
@@ -1,593 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "sp-sidenav-heading.js",
8
- "declarations": [],
9
- "exports": [
10
- {
11
- "kind": "custom-element-definition",
12
- "name": "sp-sidenav-heading",
13
- "declaration": {
14
- "name": "SideNavHeading",
15
- "module": "/src/SidenavHeading.js"
16
- }
17
- }
18
- ]
19
- },
20
- {
21
- "kind": "javascript-module",
22
- "path": "sp-sidenav-item.js",
23
- "declarations": [],
24
- "exports": [
25
- {
26
- "kind": "custom-element-definition",
27
- "name": "sp-sidenav-item",
28
- "declaration": {
29
- "name": "SideNavItem",
30
- "module": "/src/SidenavItem.js"
31
- }
32
- }
33
- ]
34
- },
35
- {
36
- "kind": "javascript-module",
37
- "path": "sp-sidenav.js",
38
- "declarations": [],
39
- "exports": [
40
- {
41
- "kind": "custom-element-definition",
42
- "name": "sp-sidenav",
43
- "declaration": {
44
- "name": "SideNav",
45
- "module": "/src/Sidenav.js"
46
- }
47
- }
48
- ]
49
- },
50
- {
51
- "kind": "javascript-module",
52
- "path": "src/Sidenav.js",
53
- "declarations": [
54
- {
55
- "kind": "class",
56
- "description": "",
57
- "name": "SideNav",
58
- "slots": [
59
- {
60
- "description": "the Sidenav Items to display",
61
- "name": ""
62
- }
63
- ],
64
- "members": [
65
- {
66
- "kind": "field",
67
- "name": "items",
68
- "privacy": "private",
69
- "default": "new Set<SideNavItem>()"
70
- },
71
- {
72
- "kind": "method",
73
- "name": "startTrackingSelectionForItem",
74
- "privacy": "public",
75
- "return": {
76
- "type": {
77
- "text": "void"
78
- }
79
- },
80
- "parameters": [
81
- {
82
- "name": "item",
83
- "type": {
84
- "text": "SideNavItem"
85
- }
86
- }
87
- ]
88
- },
89
- {
90
- "kind": "method",
91
- "name": "stopTrackingSelectionForItem",
92
- "privacy": "public",
93
- "return": {
94
- "type": {
95
- "text": "void"
96
- }
97
- },
98
- "parameters": [
99
- {
100
- "name": "item",
101
- "type": {
102
- "text": "SideNavItem"
103
- }
104
- }
105
- ]
106
- },
107
- {
108
- "kind": "field",
109
- "name": "rovingTabindexController",
110
- "default": "new RovingTabindexController<SideNavItem>(this, {\n focusInIndex: (elements: SideNavItem[]) => {\n let parentSideNavItem: SideNavItem | undefined;\n let index = elements.findIndex((el) => {\n // If the selected item's parent is collapsed, save it for later.\n if (el.value === this.value && this.isDisabledChild(el)) {\n parentSideNavItem = el.closest(\n 'sp-sidenav-item:not([expanded])'\n ) as SideNavItem;\n }\n return this.value\n ? !el.disabled &&\n !this.isDisabledChild(el) &&\n el.value === this.value\n : !el.disabled && !this.isDisabledChild(el);\n });\n // If the selected item's parent is collapsed, focus the collapsed parent.\n if (index === -1 && parentSideNavItem) {\n index = elements.findIndex((el) => el === parentSideNavItem);\n }\n return index;\n },\n direction: 'vertical',\n elements: () =>\n [...this.querySelectorAll('sp-sidenav-item')] as SideNavItem[],\n isFocusableElement: (el: SideNavItem) =>\n !el.disabled && !this.isDisabledChild(el),\n })"
111
- },
112
- {
113
- "kind": "field",
114
- "name": "manageTabIndex",
115
- "type": {
116
- "text": "boolean"
117
- },
118
- "privacy": "public",
119
- "default": "false",
120
- "attribute": "manage-tab-index",
121
- "reflects": true
122
- },
123
- {
124
- "kind": "field",
125
- "name": "value",
126
- "type": {
127
- "text": "string | undefined"
128
- },
129
- "privacy": "public",
130
- "default": "undefined",
131
- "attribute": "value",
132
- "reflects": true
133
- },
134
- {
135
- "kind": "field",
136
- "name": "variant",
137
- "type": {
138
- "text": "'multilevel' | undefined"
139
- },
140
- "privacy": "public",
141
- "default": "undefined",
142
- "description": "The multilevel variant will have multiple layers of hierarchical navigation items.",
143
- "attribute": "variant",
144
- "reflects": true
145
- },
146
- {
147
- "kind": "field",
148
- "name": "label",
149
- "type": {
150
- "text": "string | undefined | undefined"
151
- },
152
- "privacy": "public",
153
- "default": "undefined",
154
- "description": "An accessible label that describes the component,\nso that the side navigation can be distinguished\nfrom other navigation by screen reader users.\nIt will be applied to aria-label, but not visually rendered.",
155
- "attribute": "label",
156
- "reflects": true
157
- },
158
- {
159
- "kind": "method",
160
- "name": "handleSelect",
161
- "privacy": "private",
162
- "return": {
163
- "type": {
164
- "text": "void"
165
- }
166
- },
167
- "parameters": [
168
- {
169
- "name": "event",
170
- "type": {
171
- "text": "CustomEvent<SidenavSelectDetail> & { target: SideNavItem }"
172
- }
173
- }
174
- ]
175
- },
176
- {
177
- "kind": "method",
178
- "name": "focus",
179
- "privacy": "public",
180
- "return": {
181
- "type": {
182
- "text": "void"
183
- }
184
- }
185
- },
186
- {
187
- "kind": "method",
188
- "name": "blur",
189
- "privacy": "public",
190
- "return": {
191
- "type": {
192
- "text": "void"
193
- }
194
- }
195
- },
196
- {
197
- "kind": "method",
198
- "name": "click",
199
- "privacy": "public",
200
- "return": {
201
- "type": {
202
- "text": "void"
203
- }
204
- }
205
- },
206
- {
207
- "kind": "field",
208
- "name": "focusElement",
209
- "type": {
210
- "text": "SideNavItem | SideNav"
211
- },
212
- "privacy": "public",
213
- "readonly": true
214
- },
215
- {
216
- "kind": "method",
217
- "name": "isDisabledChild",
218
- "privacy": "private",
219
- "return": {
220
- "type": {
221
- "text": "boolean"
222
- }
223
- },
224
- "parameters": [
225
- {
226
- "name": "child",
227
- "type": {
228
- "text": "SideNavItem"
229
- }
230
- }
231
- ]
232
- },
233
- {
234
- "kind": "method",
235
- "name": "handleSlotchange",
236
- "privacy": "private",
237
- "return": {
238
- "type": {
239
- "text": "void"
240
- }
241
- }
242
- }
243
- ],
244
- "events": [
245
- {
246
- "name": "change",
247
- "type": {
248
- "text": "Event"
249
- },
250
- "description": "Announces a change in the `value` property of the navigation element. This change can be \"canceled\" via `event.preventDefault()`."
251
- }
252
- ],
253
- "attributes": [
254
- {
255
- "name": "manage-tab-index",
256
- "type": {
257
- "text": "boolean"
258
- },
259
- "default": "false",
260
- "fieldName": "manageTabIndex"
261
- },
262
- {
263
- "name": "value",
264
- "type": {
265
- "text": "string | undefined"
266
- },
267
- "default": "undefined",
268
- "fieldName": "value"
269
- },
270
- {
271
- "name": "variant",
272
- "type": {
273
- "text": "'multilevel' | undefined"
274
- },
275
- "default": "undefined",
276
- "description": "The multilevel variant will have multiple layers of hierarchical navigation items.",
277
- "fieldName": "variant"
278
- },
279
- {
280
- "name": "label",
281
- "type": {
282
- "text": "string | undefined | undefined"
283
- },
284
- "default": "undefined",
285
- "description": "An accessible label that describes the component,\nso that the side navigation can be distinguished\nfrom other navigation by screen reader users.\nIt will be applied to aria-label, but not visually rendered.",
286
- "fieldName": "label"
287
- }
288
- ],
289
- "superclass": {
290
- "name": "Focusable",
291
- "package": "@spectrum-web-components/shared"
292
- },
293
- "tagName": "sp-sidenav",
294
- "customElement": true
295
- }
296
- ],
297
- "exports": [
298
- {
299
- "kind": "js",
300
- "name": "SideNav",
301
- "declaration": {
302
- "name": "SideNav",
303
- "module": "src/Sidenav.js"
304
- }
305
- }
306
- ]
307
- },
308
- {
309
- "kind": "javascript-module",
310
- "path": "src/SidenavHeading.js",
311
- "declarations": [
312
- {
313
- "kind": "class",
314
- "description": "",
315
- "name": "SideNavHeading",
316
- "slots": [
317
- {
318
- "description": "the Sidenav Items to display in association with the heading",
319
- "name": ""
320
- }
321
- ],
322
- "members": [
323
- {
324
- "kind": "field",
325
- "name": "label",
326
- "type": {
327
- "text": "string"
328
- },
329
- "privacy": "public",
330
- "default": "''",
331
- "attribute": "label",
332
- "reflects": true
333
- }
334
- ],
335
- "attributes": [
336
- {
337
- "name": "label",
338
- "type": {
339
- "text": "string"
340
- },
341
- "default": "''",
342
- "fieldName": "label"
343
- }
344
- ],
345
- "superclass": {
346
- "name": "SpectrumElement",
347
- "package": "@spectrum-web-components/base"
348
- },
349
- "tagName": "sp-sidenav-heading",
350
- "customElement": true
351
- }
352
- ],
353
- "exports": [
354
- {
355
- "kind": "js",
356
- "name": "SideNavHeading",
357
- "declaration": {
358
- "name": "SideNavHeading",
359
- "module": "src/SidenavHeading.js"
360
- }
361
- }
362
- ]
363
- },
364
- {
365
- "kind": "javascript-module",
366
- "path": "src/SidenavItem.js",
367
- "declarations": [
368
- {
369
- "kind": "class",
370
- "description": "",
371
- "name": "SideNavItem",
372
- "slots": [
373
- {
374
- "description": "the Sidenav Items to display as children of this item",
375
- "name": ""
376
- }
377
- ],
378
- "members": [
379
- {
380
- "kind": "field",
381
- "name": "value",
382
- "type": {
383
- "text": "string | undefined"
384
- },
385
- "privacy": "public",
386
- "default": "undefined",
387
- "attribute": "value"
388
- },
389
- {
390
- "kind": "field",
391
- "name": "selected",
392
- "type": {
393
- "text": "boolean"
394
- },
395
- "privacy": "public",
396
- "default": "false",
397
- "attribute": "selected",
398
- "reflects": true
399
- },
400
- {
401
- "kind": "field",
402
- "name": "expanded",
403
- "type": {
404
- "text": "boolean"
405
- },
406
- "privacy": "public",
407
- "default": "false",
408
- "attribute": "expanded",
409
- "reflects": true
410
- },
411
- {
412
- "kind": "field",
413
- "name": "parentSideNav",
414
- "type": {
415
- "text": "SideNav | undefined"
416
- },
417
- "privacy": "protected",
418
- "readonly": true
419
- },
420
- {
421
- "kind": "field",
422
- "name": "_parentSidenav",
423
- "type": {
424
- "text": "SideNav | undefined"
425
- },
426
- "privacy": "protected"
427
- },
428
- {
429
- "kind": "field",
430
- "name": "hasChildren",
431
- "type": {
432
- "text": "boolean"
433
- },
434
- "privacy": "protected",
435
- "readonly": true
436
- },
437
- {
438
- "kind": "field",
439
- "name": "depth",
440
- "type": {
441
- "text": "number"
442
- },
443
- "privacy": "protected",
444
- "readonly": true
445
- },
446
- {
447
- "kind": "method",
448
- "name": "handleSideNavSelect",
449
- "privacy": "public",
450
- "return": {
451
- "type": {
452
- "text": "void"
453
- }
454
- },
455
- "parameters": [
456
- {
457
- "name": "event",
458
- "type": {
459
- "text": "Event"
460
- }
461
- }
462
- ]
463
- },
464
- {
465
- "kind": "method",
466
- "name": "handleClick",
467
- "privacy": "protected",
468
- "return": {
469
- "type": {
470
- "text": "void"
471
- }
472
- },
473
- "parameters": [
474
- {
475
- "name": "event",
476
- "optional": true,
477
- "type": {
478
- "text": "Event"
479
- }
480
- }
481
- ]
482
- },
483
- {
484
- "kind": "method",
485
- "name": "announceSelected",
486
- "privacy": "private",
487
- "return": {
488
- "type": {
489
- "text": "void"
490
- }
491
- },
492
- "parameters": [
493
- {
494
- "name": "value",
495
- "type": {
496
- "text": "string"
497
- }
498
- }
499
- ]
500
- },
501
- {
502
- "kind": "method",
503
- "name": "click",
504
- "privacy": "public",
505
- "return": {
506
- "type": {
507
- "text": "void"
508
- }
509
- }
510
- },
511
- {
512
- "kind": "field",
513
- "name": "focusElement",
514
- "type": {
515
- "text": "HTMLElement"
516
- },
517
- "privacy": "public",
518
- "readonly": true
519
- },
520
- {
521
- "kind": "method",
522
- "name": "startTrackingSelection",
523
- "privacy": "private",
524
- "return": {
525
- "type": {
526
- "text": "Promise<void>"
527
- }
528
- }
529
- },
530
- {
531
- "kind": "method",
532
- "name": "stopTrackingSelection",
533
- "privacy": "private",
534
- "return": {
535
- "type": {
536
- "text": "void"
537
- }
538
- }
539
- }
540
- ],
541
- "attributes": [
542
- {
543
- "name": "value",
544
- "type": {
545
- "text": "string | undefined"
546
- },
547
- "default": "undefined",
548
- "fieldName": "value"
549
- },
550
- {
551
- "name": "selected",
552
- "type": {
553
- "text": "boolean"
554
- },
555
- "default": "false",
556
- "fieldName": "selected"
557
- },
558
- {
559
- "name": "expanded",
560
- "type": {
561
- "text": "boolean"
562
- },
563
- "default": "false",
564
- "fieldName": "expanded"
565
- }
566
- ],
567
- "mixins": [
568
- {
569
- "name": "LikeAnchor",
570
- "package": "@spectrum-web-components/shared/src/like-anchor.js"
571
- }
572
- ],
573
- "superclass": {
574
- "name": "Focusable",
575
- "package": "@spectrum-web-components/shared/src/focusable.js"
576
- },
577
- "tagName": "sp-sidenav-item",
578
- "customElement": true
579
- }
580
- ],
581
- "exports": [
582
- {
583
- "kind": "js",
584
- "name": "SideNavItem",
585
- "declaration": {
586
- "name": "SideNavItem",
587
- "module": "src/SidenavItem.js"
588
- }
589
- }
590
- ]
591
- }
592
- ]
593
- }