@spectrum-web-components/tabs 0.11.3 → 0.11.5-overlay.10

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.
Files changed (2) hide show
  1. package/package.json +8 -8
  2. package/custom-elements.json +0 -899
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/tabs",
3
- "version": "0.11.3",
3
+ "version": "0.11.5-overlay.10+7a73c9eee",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -86,14 +86,14 @@
86
86
  ],
87
87
  "dependencies": {
88
88
  "@lit-labs/observers": "^1.0.1",
89
- "@spectrum-web-components/base": "^0.7.5",
90
- "@spectrum-web-components/icon": "^0.12.10",
91
- "@spectrum-web-components/icons-ui": "^0.9.11",
92
- "@spectrum-web-components/reactive-controllers": "^0.3.5",
93
- "@spectrum-web-components/shared": "^0.15.6"
89
+ "@spectrum-web-components/base": "^0.7.6-overlay.54+7a73c9eee",
90
+ "@spectrum-web-components/icon": "^0.12.12-overlay.10+7a73c9eee",
91
+ "@spectrum-web-components/icons-ui": "^0.9.13-overlay.10+7a73c9eee",
92
+ "@spectrum-web-components/reactive-controllers": "^0.3.6-overlay.341+7a73c9eee",
93
+ "@spectrum-web-components/shared": "^0.15.8-overlay.10+7a73c9eee"
94
94
  },
95
95
  "devDependencies": {
96
- "@spectrum-css/tabs": "^3.2.27"
96
+ "@spectrum-css/tabs": "^3.2.39"
97
97
  },
98
98
  "types": "./src/index.d.ts",
99
99
  "customElements": "custom-elements.json",
@@ -101,5 +101,5 @@
101
101
  "./sp-*.js",
102
102
  "./**/*.dev.js"
103
103
  ],
104
- "gitHead": "fe316a3ee9fc753f0de98aece11e04227df73ab7"
104
+ "gitHead": "7a73c9eeec7dffb9c968f7f30586139b8e5ee348"
105
105
  }
package/custom-elements.json DELETED
@@ -1,899 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "sp-tab-panel.js",
8
- "declarations": [],
9
- "exports": [
10
- {
11
- "kind": "custom-element-definition",
12
- "name": "sp-tab-panel",
13
- "declaration": {
14
- "name": "TabPanel",
15
- "module": "/src/TabPanel.js"
16
- }
17
- }
18
- ]
19
- },
20
- {
21
- "kind": "javascript-module",
22
- "path": "sp-tab.js",
23
- "declarations": [],
24
- "exports": [
25
- {
26
- "kind": "custom-element-definition",
27
- "name": "sp-tab",
28
- "declaration": {
29
- "name": "Tab",
30
- "module": "/src/Tab.js"
31
- }
32
- }
33
- ]
34
- },
35
- {
36
- "kind": "javascript-module",
37
- "path": "sp-tabs-overflow.js",
38
- "declarations": [],
39
- "exports": [
40
- {
41
- "kind": "custom-element-definition",
42
- "name": "sp-tabs-overflow",
43
- "declaration": {
44
- "name": "TabsOverflow",
45
- "module": "/src/TabsOverflow.js"
46
- }
47
- }
48
- ]
49
- },
50
- {
51
- "kind": "javascript-module",
52
- "path": "sp-tabs.js",
53
- "declarations": [],
54
- "exports": [
55
- {
56
- "kind": "custom-element-definition",
57
- "name": "sp-tabs",
58
- "declaration": {
59
- "name": "Tabs",
60
- "module": "/src/Tabs.js"
61
- }
62
- }
63
- ]
64
- },
65
- {
66
- "kind": "javascript-module",
67
- "path": "src/Tab.js",
68
- "declarations": [
69
- {
70
- "kind": "class",
71
- "description": "",
72
- "name": "Tab",
73
- "slots": [
74
- {
75
- "description": "text label of the Tab",
76
- "name": ""
77
- },
78
- {
79
- "description": "The icon that appears on the left of the label",
80
- "name": "icon"
81
- }
82
- ],
83
- "members": [
84
- {
85
- "kind": "field",
86
- "name": "instanceCount",
87
- "type": {
88
- "text": "number"
89
- },
90
- "static": true,
91
- "default": "0",
92
- "privacy": "private"
93
- },
94
- {
95
- "kind": "field",
96
- "name": "hasIcon",
97
- "type": {
98
- "text": "boolean"
99
- },
100
- "privacy": "protected"
101
- },
102
- {
103
- "kind": "field",
104
- "name": "hasLabel",
105
- "type": {
106
- "text": "boolean"
107
- },
108
- "privacy": "protected"
109
- },
110
- {
111
- "kind": "field",
112
- "name": "disabled",
113
- "type": {
114
- "text": "boolean"
115
- },
116
- "privacy": "public",
117
- "default": "false",
118
- "attribute": "disabled",
119
- "reflects": true
120
- },
121
- {
122
- "kind": "field",
123
- "name": "label",
124
- "type": {
125
- "text": "string"
126
- },
127
- "privacy": "public",
128
- "default": "''",
129
- "attribute": "label",
130
- "reflects": true
131
- },
132
- {
133
- "kind": "field",
134
- "name": "selected",
135
- "type": {
136
- "text": "boolean"
137
- },
138
- "privacy": "public",
139
- "default": "false",
140
- "attribute": "selected",
141
- "reflects": true
142
- },
143
- {
144
- "kind": "field",
145
- "name": "vertical",
146
- "type": {
147
- "text": "boolean"
148
- },
149
- "privacy": "public",
150
- "default": "false",
151
- "attribute": "vertical",
152
- "reflects": true
153
- },
154
- {
155
- "kind": "field",
156
- "name": "value",
157
- "type": {
158
- "text": "string"
159
- },
160
- "privacy": "public",
161
- "default": "''",
162
- "attribute": "value",
163
- "reflects": true
164
- }
165
- ],
166
- "attributes": [
167
- {
168
- "name": "disabled",
169
- "type": {
170
- "text": "boolean"
171
- },
172
- "default": "false",
173
- "fieldName": "disabled"
174
- },
175
- {
176
- "name": "label",
177
- "type": {
178
- "text": "string"
179
- },
180
- "default": "''",
181
- "fieldName": "label"
182
- },
183
- {
184
- "name": "selected",
185
- "type": {
186
- "text": "boolean"
187
- },
188
- "default": "false",
189
- "fieldName": "selected"
190
- },
191
- {
192
- "name": "vertical",
193
- "type": {
194
- "text": "boolean"
195
- },
196
- "default": "false",
197
- "fieldName": "vertical"
198
- },
199
- {
200
- "name": "value",
201
- "type": {
202
- "text": "string"
203
- },
204
- "default": "''",
205
- "fieldName": "value"
206
- }
207
- ],
208
- "mixins": [
209
- {
210
- "name": "FocusVisiblePolyfillMixin",
211
- "package": "@spectrum-web-components/shared"
212
- },
213
- {
214
- "name": "ObserveSlotText",
215
- "package": "@spectrum-web-components/shared"
216
- },
217
- {
218
- "name": "ObserveSlotPresence",
219
- "package": "@spectrum-web-components/shared"
220
- }
221
- ],
222
- "superclass": {
223
- "name": "SpectrumElement",
224
- "package": "@spectrum-web-components/base"
225
- },
226
- "tagName": "sp-tab",
227
- "customElement": true
228
- }
229
- ],
230
- "exports": [
231
- {
232
- "kind": "js",
233
- "name": "Tab",
234
- "declaration": {
235
- "name": "Tab",
236
- "module": "src/Tab.js"
237
- }
238
- }
239
- ]
240
- },
241
- {
242
- "kind": "javascript-module",
243
- "path": "src/TabPanel.js",
244
- "declarations": [
245
- {
246
- "kind": "class",
247
- "description": "",
248
- "name": "TabPanel",
249
- "slots": [
250
- {
251
- "description": "content of the Tab Panel",
252
- "name": ""
253
- }
254
- ],
255
- "members": [
256
- {
257
- "kind": "field",
258
- "name": "instanceCount",
259
- "type": {
260
- "text": "number"
261
- },
262
- "static": true,
263
- "default": "0",
264
- "privacy": "private"
265
- },
266
- {
267
- "kind": "field",
268
- "name": "selected",
269
- "type": {
270
- "text": "boolean"
271
- },
272
- "privacy": "public",
273
- "default": "false",
274
- "attribute": "selected",
275
- "reflects": true
276
- },
277
- {
278
- "kind": "field",
279
- "name": "value",
280
- "type": {
281
- "text": "string"
282
- },
283
- "privacy": "public",
284
- "default": "''",
285
- "attribute": "value",
286
- "reflects": true
287
- }
288
- ],
289
- "attributes": [
290
- {
291
- "name": "selected",
292
- "type": {
293
- "text": "boolean"
294
- },
295
- "default": "false",
296
- "fieldName": "selected"
297
- },
298
- {
299
- "name": "value",
300
- "type": {
301
- "text": "string"
302
- },
303
- "default": "''",
304
- "fieldName": "value"
305
- }
306
- ],
307
- "superclass": {
308
- "name": "SpectrumElement",
309
- "package": "@spectrum-web-components/base"
310
- },
311
- "tagName": "sp-tab-panel",
312
- "customElement": true
313
- }
314
- ],
315
- "exports": [
316
- {
317
- "kind": "js",
318
- "name": "TabPanel",
319
- "declaration": {
320
- "name": "TabPanel",
321
- "module": "src/TabPanel.js"
322
- }
323
- }
324
- ]
325
- },
326
- {
327
- "kind": "javascript-module",
328
- "path": "src/Tabs.js",
329
- "declarations": [
330
- {
331
- "kind": "variable",
332
- "name": "ScaledIndicator",
333
- "type": {
334
- "text": "object"
335
- },
336
- "default": "{\n baseSize: 100 as const,\n noSelectionStyle: 'transform: translateX(0px) scaleX(0) scaleY(0)',\n\n transformX(left: number, width: number): string {\n const scale = width / this.baseSize;\n return `transform: translateX(${left}px) scaleX(${scale});`;\n },\n\n transformY(top: number, height: number): string {\n const scale = height / this.baseSize;\n return `transform: translateY(${top}px) scaleY(${scale});`;\n },\n\n baseStyles(): CSSResult {\n return css`\n :host([direction='vertical-right']) #selection-indicator,\n :host([direction='vertical']) #selection-indicator {\n height: ${this.baseSize}px;\n }\n :host([dir][direction='horizontal']) #selection-indicator {\n width: ${this.baseSize}px;\n }\n `;\n },\n}"
337
- },
338
- {
339
- "kind": "class",
340
- "description": "",
341
- "name": "Tabs",
342
- "cssParts": [
343
- {
344
- "description": "Container element for the slotted sp-tab elements",
345
- "name": "tablist"
346
- }
347
- ],
348
- "slots": [
349
- {
350
- "description": "Tab elements to manage as a group",
351
- "name": ""
352
- },
353
- {
354
- "description": "Tab Panel elements related to the listed Tab elements",
355
- "name": "tab-panel"
356
- }
357
- ],
358
- "members": [
359
- {
360
- "kind": "field",
361
- "name": "auto",
362
- "type": {
363
- "text": "boolean"
364
- },
365
- "privacy": "public",
366
- "default": "false",
367
- "description": "Whether to activate a tab on keyboard focus or not.\n\nBy default a tab is activated via a \"click\" interaction. This is specifically intended for when\ntab content cannot be displayed instantly, e.g. not all of the DOM content is available, etc.\nTo learn more about \"Deciding When to Make Selection Automatically Follow Focus\", visit:\nhttps://w3c.github.io/aria-practices/#kbd_selection_follows_focus",
368
- "attribute": "auto"
369
- },
370
- {
371
- "kind": "field",
372
- "name": "compact",
373
- "type": {
374
- "text": "boolean"
375
- },
376
- "privacy": "public",
377
- "default": "false",
378
- "description": "The tab items are displayed closer together.",
379
- "attribute": "compact",
380
- "reflects": true
381
- },
382
- {
383
- "kind": "field",
384
- "name": "dir",
385
- "type": {
386
- "text": "'ltr' | 'rtl'"
387
- },
388
- "privacy": "public",
389
- "attribute": "dir",
390
- "reflects": true
391
- },
392
- {
393
- "kind": "field",
394
- "name": "direction",
395
- "type": {
396
- "text": "'vertical' | 'vertical-right' | 'horizontal'"
397
- },
398
- "privacy": "public",
399
- "default": "'horizontal'",
400
- "attribute": "direction",
401
- "reflects": true
402
- },
403
- {
404
- "kind": "field",
405
- "name": "emphasized",
406
- "type": {
407
- "text": "boolean"
408
- },
409
- "privacy": "public",
410
- "default": "false",
411
- "attribute": "emphasized",
412
- "reflects": true
413
- },
414
- {
415
- "kind": "field",
416
- "name": "label",
417
- "type": {
418
- "text": "string"
419
- },
420
- "privacy": "public",
421
- "default": "''",
422
- "attribute": "label"
423
- },
424
- {
425
- "kind": "field",
426
- "name": "enableTabsScroll",
427
- "type": {
428
- "text": "boolean"
429
- },
430
- "privacy": "public",
431
- "default": "false",
432
- "attribute": "enableTabsScroll"
433
- },
434
- {
435
- "kind": "field",
436
- "name": "quiet",
437
- "type": {
438
- "text": "boolean"
439
- },
440
- "privacy": "public",
441
- "default": "false",
442
- "description": "The tab list is displayed without a border.",
443
- "attribute": "quiet",
444
- "reflects": true
445
- },
446
- {
447
- "kind": "field",
448
- "name": "selectionIndicatorStyle",
449
- "privacy": "public"
450
- },
451
- {
452
- "kind": "field",
453
- "name": "shouldAnimate",
454
- "type": {
455
- "text": "boolean"
456
- },
457
- "privacy": "public",
458
- "default": "false"
459
- },
460
- {
461
- "kind": "field",
462
- "name": "slotEl",
463
- "type": {
464
- "text": "HTMLSlotElement"
465
- },
466
- "privacy": "private"
467
- },
468
- {
469
- "kind": "field",
470
- "name": "tabList",
471
- "type": {
472
- "text": "HTMLDivElement"
473
- },
474
- "privacy": "private"
475
- },
476
- {
477
- "kind": "field",
478
- "name": "selected",
479
- "type": {
480
- "text": "string"
481
- },
482
- "default": "''",
483
- "attribute": "selected",
484
- "reflects": true
485
- },
486
- {
487
- "kind": "field",
488
- "name": "tabs",
489
- "privacy": "private",
490
- "type": {
491
- "text": "Tab[]"
492
- }
493
- },
494
- {
495
- "kind": "field",
496
- "name": "_tabs",
497
- "type": {
498
- "text": "Tab[]"
499
- },
500
- "privacy": "private",
501
- "default": "[]"
502
- },
503
- {
504
- "kind": "field",
505
- "name": "resizeController",
506
- "privacy": "protected",
507
- "default": "new ResizeController(this, {\n callback: () => {\n this.updateSelectionIndicator();\n },\n })"
508
- },
509
- {
510
- "kind": "field",
511
- "name": "rovingTabindexController",
512
- "default": "new RovingTabindexController<Tab>(this, {\n focusInIndex: (elements) => {\n let focusInIndex = 0;\n const firstFocusableElement = elements.find((el, index) => {\n const focusInElement = this.selected\n ? !el.disabled && el.value === this.selected\n : !el.disabled;\n focusInIndex = index;\n return focusInElement;\n });\n return firstFocusableElement ? focusInIndex : -1;\n },\n direction: () =>\n this.direction === 'horizontal' ? 'horizontal' : 'vertical',\n elementEnterAction: (el) => {\n if (!this.auto) return;\n\n this.shouldAnimate = true;\n this.selectTarget(el);\n },\n elements: () => this.tabs,\n isFocusableElement: (el) => !el.disabled,\n listenerScope: () => this.tabList,\n })"
513
- },
514
- {
515
- "kind": "field",
516
- "name": "focusElement",
517
- "type": {
518
- "text": "Tab | this"
519
- },
520
- "privacy": "private"
521
- },
522
- {
523
- "kind": "method",
524
- "name": "scrollTabs",
525
- "privacy": "public",
526
- "return": {
527
- "type": {
528
- "text": "void"
529
- }
530
- },
531
- "parameters": [
532
- {
533
- "name": "delta",
534
- "type": {
535
- "text": "number"
536
- }
537
- },
538
- {
539
- "name": "behavior",
540
- "default": "'smooth'",
541
- "type": {
542
- "text": "ScrollBehavior"
543
- }
544
- }
545
- ]
546
- },
547
- {
548
- "kind": "field",
549
- "name": "scrollState",
550
- "type": {
551
- "text": "Record<string, boolean>"
552
- },
553
- "privacy": "public"
554
- },
555
- {
556
- "kind": "method",
557
- "name": "manageAutoFocus",
558
- "privacy": "protected",
559
- "return": {
560
- "type": {
561
- "text": "void"
562
- }
563
- }
564
- },
565
- {
566
- "kind": "method",
567
- "name": "managePanels",
568
- "privacy": "protected",
569
- "return": {
570
- "type": {
571
- "text": "void"
572
- }
573
- },
574
- "parameters": [
575
- {
576
- "name": "{\n target,\n }",
577
- "type": {
578
- "text": "Event & { target: HTMLSlotElement }"
579
- }
580
- }
581
- ]
582
- },
583
- {
584
- "kind": "field",
585
- "name": "onTabsScroll",
586
- "privacy": "private"
587
- },
588
- {
589
- "kind": "field",
590
- "name": "onClick",
591
- "privacy": "private"
592
- },
593
- {
594
- "kind": "field",
595
- "name": "onKeyDown",
596
- "privacy": "private"
597
- },
598
- {
599
- "kind": "method",
600
- "name": "selectTarget",
601
- "privacy": "private",
602
- "return": {
603
- "type": {
604
- "text": "void"
605
- }
606
- },
607
- "parameters": [
608
- {
609
- "name": "target",
610
- "type": {
611
- "text": "HTMLElement"
612
- }
613
- }
614
- ]
615
- },
616
- {
617
- "kind": "method",
618
- "name": "onSlotChange",
619
- "privacy": "private",
620
- "return": {
621
- "type": {
622
- "text": "void"
623
- }
624
- }
625
- },
626
- {
627
- "kind": "field",
628
- "name": "updateCheckedState",
629
- "privacy": "private"
630
- },
631
- {
632
- "kind": "field",
633
- "name": "updateSelectionIndicator",
634
- "privacy": "private"
635
- }
636
- ],
637
- "events": [
638
- {
639
- "name": "change",
640
- "type": {
641
- "text": "Event"
642
- },
643
- "description": "The selected Tab child has changed."
644
- }
645
- ],
646
- "attributes": [
647
- {
648
- "name": "auto",
649
- "type": {
650
- "text": "boolean"
651
- },
652
- "default": "false",
653
- "description": "Whether to activate a tab on keyboard focus or not.\n\nBy default a tab is activated via a \"click\" interaction. This is specifically intended for when\ntab content cannot be displayed instantly, e.g. not all of the DOM content is available, etc.\nTo learn more about \"Deciding When to Make Selection Automatically Follow Focus\", visit:\nhttps://w3c.github.io/aria-practices/#kbd_selection_follows_focus",
654
- "fieldName": "auto"
655
- },
656
- {
657
- "name": "compact",
658
- "type": {
659
- "text": "boolean"
660
- },
661
- "default": "false",
662
- "description": "The tab items are displayed closer together.",
663
- "fieldName": "compact"
664
- },
665
- {
666
- "name": "dir",
667
- "type": {
668
- "text": "'ltr' | 'rtl'"
669
- },
670
- "fieldName": "dir"
671
- },
672
- {
673
- "name": "direction",
674
- "type": {
675
- "text": "'vertical' | 'vertical-right' | 'horizontal'"
676
- },
677
- "default": "'horizontal'",
678
- "fieldName": "direction"
679
- },
680
- {
681
- "name": "emphasized",
682
- "type": {
683
- "text": "boolean"
684
- },
685
- "default": "false",
686
- "fieldName": "emphasized"
687
- },
688
- {
689
- "name": "label",
690
- "type": {
691
- "text": "string"
692
- },
693
- "default": "''",
694
- "fieldName": "label"
695
- },
696
- {
697
- "name": "enableTabsScroll",
698
- "type": {
699
- "text": "boolean"
700
- },
701
- "default": "false",
702
- "fieldName": "enableTabsScroll"
703
- },
704
- {
705
- "name": "quiet",
706
- "type": {
707
- "text": "boolean"
708
- },
709
- "default": "false",
710
- "description": "The tab list is displayed without a border.",
711
- "fieldName": "quiet"
712
- },
713
- {
714
- "name": "selected",
715
- "type": {
716
- "text": "string"
717
- },
718
- "default": "''",
719
- "fieldName": "selected"
720
- }
721
- ],
722
- "mixins": [
723
- {
724
- "name": "SizedMixin",
725
- "package": "@spectrum-web-components/base"
726
- }
727
- ],
728
- "superclass": {
729
- "name": "Focusable",
730
- "package": "@spectrum-web-components/shared"
731
- },
732
- "tagName": "sp-tabs",
733
- "customElement": true
734
- }
735
- ],
736
- "exports": [
737
- {
738
- "kind": "js",
739
- "name": "ScaledIndicator",
740
- "declaration": {
741
- "name": "ScaledIndicator",
742
- "module": "src/Tabs.js"
743
- }
744
- },
745
- {
746
- "kind": "js",
747
- "name": "Tabs",
748
- "declaration": {
749
- "name": "Tabs",
750
- "module": "src/Tabs.js"
751
- }
752
- }
753
- ]
754
- },
755
- {
756
- "kind": "javascript-module",
757
- "path": "src/TabsOverflow.js",
758
- "declarations": [
759
- {
760
- "kind": "class",
761
- "description": "",
762
- "name": "TabsOverflow",
763
- "members": [
764
- {
765
- "kind": "field",
766
- "name": "compact",
767
- "type": {
768
- "text": "boolean"
769
- },
770
- "default": "false",
771
- "attribute": "compact",
772
- "reflects": true
773
- },
774
- {
775
- "kind": "field",
776
- "name": "dir",
777
- "type": {
778
- "text": "'ltr' | 'rtl'"
779
- },
780
- "privacy": "public",
781
- "attribute": "dir",
782
- "reflects": true
783
- },
784
- {
785
- "kind": "field",
786
- "name": "overflowState",
787
- "type": {
788
- "text": "TabsOverflowState"
789
- },
790
- "privacy": "private",
791
- "default": "{\n canScrollLeft: false,\n canScrollRight: false,\n }"
792
- },
793
- {
794
- "kind": "field",
795
- "name": "scrollContent",
796
- "type": {
797
- "text": "Tabs[]"
798
- },
799
- "privacy": "private"
800
- },
801
- {
802
- "kind": "field",
803
- "name": "overflowContainer",
804
- "type": {
805
- "text": "HTMLDivElement"
806
- },
807
- "privacy": "private"
808
- },
809
- {
810
- "kind": "field",
811
- "name": "resizeController",
812
- "type": {
813
- "text": "ResizeController"
814
- },
815
- "default": "new ResizeController(this, {\n target: this,\n callback: (): void => {\n this._updateScrollState();\n },\n })"
816
- },
817
- {
818
- "kind": "method",
819
- "name": "_handleSlotChange",
820
- "privacy": "private",
821
- "return": {
822
- "type": {
823
- "text": "Promise<void>"
824
- }
825
- }
826
- },
827
- {
828
- "kind": "method",
829
- "name": "_updateScrollState",
830
- "privacy": "private",
831
- "return": {
832
- "type": {
833
- "text": "void"
834
- }
835
- }
836
- },
837
- {
838
- "kind": "method",
839
- "name": "_handleScrollClick",
840
- "privacy": "private",
841
- "return": {
842
- "type": {
843
- "text": "void"
844
- }
845
- },
846
- "parameters": [
847
- {
848
- "name": "event",
849
- "type": {
850
- "text": "MouseEvent"
851
- }
852
- }
853
- ]
854
- }
855
- ],
856
- "attributes": [
857
- {
858
- "name": "compact",
859
- "type": {
860
- "text": "boolean"
861
- },
862
- "default": "false",
863
- "fieldName": "compact"
864
- },
865
- {
866
- "name": "dir",
867
- "type": {
868
- "text": "'ltr' | 'rtl'"
869
- },
870
- "fieldName": "dir"
871
- }
872
- ],
873
- "mixins": [
874
- {
875
- "name": "SizedMixin",
876
- "package": "@spectrum-web-components/base"
877
- }
878
- ],
879
- "superclass": {
880
- "name": "SpectrumElement",
881
- "package": "@spectrum-web-components/base"
882
- },
883
- "tagName": "sp-tabs-overflow",
884
- "customElement": true
885
- }
886
- ],
887
- "exports": [
888
- {
889
- "kind": "js",
890
- "name": "TabsOverflow",
891
- "declaration": {
892
- "name": "TabsOverflow",
893
- "module": "src/TabsOverflow.js"
894
- }
895
- }
896
- ]
897
- }
898
- ]
899
- }