@vonage/vivid 3.47.0 → 3.49.0-preview.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.
Files changed (216) hide show
  1. package/README.md +3 -403
  2. package/accordion/index.cjs +21 -0
  3. package/accordion-item/index.cjs +18 -0
  4. package/action-group/index.cjs +7 -0
  5. package/alert/index.cjs +30 -0
  6. package/alert/index.js +0 -1
  7. package/appearance-ui/index.cjs +96 -0
  8. package/audio-player/index.cjs +34 -0
  9. package/audio-player/index.js +0 -1
  10. package/avatar/index.cjs +11 -0
  11. package/badge/index.cjs +14 -0
  12. package/banner/index.cjs +29 -0
  13. package/banner/index.js +0 -1
  14. package/breadcrumb/index.cjs +13 -0
  15. package/breadcrumb-item/index.cjs +22 -0
  16. package/button/index.cjs +25 -0
  17. package/button/index.js +0 -1
  18. package/calendar/index.cjs +9 -0
  19. package/calendar-event/index.cjs +9 -0
  20. package/card/index.cjs +14 -0
  21. package/checkbox/index.cjs +21 -0
  22. package/combobox/index.cjs +39 -0
  23. package/combobox/index.js +1 -1
  24. package/custom-elements.json +30 -35
  25. package/data-grid/index.cjs +18 -0
  26. package/date-picker/index.cjs +40 -0
  27. package/date-picker/index.js +1 -1
  28. package/date-range-picker/index.cjs +40 -0
  29. package/date-range-picker/index.js +1 -1
  30. package/dialog/index.cjs +31 -0
  31. package/dialog/index.js +1 -1
  32. package/divider/index.cjs +8 -0
  33. package/elevation/index.cjs +7 -0
  34. package/empty-state/index.cjs +12 -0
  35. package/fab/index.cjs +22 -0
  36. package/file-picker/index.cjs +30 -0
  37. package/file-picker/index.js +1 -1
  38. package/focus/index.cjs +7 -0
  39. package/header/index.cjs +8 -0
  40. package/icon/index.cjs +10 -0
  41. package/index.cjs +296 -0
  42. package/index.js +1 -1
  43. package/layout/index.cjs +7 -0
  44. package/lib/menu-item/menu-item.d.ts +1 -0
  45. package/lib/tabs/tabs.d.ts +1 -0
  46. package/listbox/index.cjs +77 -0
  47. package/locales/en-GB.cjs +106 -0
  48. package/locales/en-US.cjs +106 -0
  49. package/locales/ja-JP.cjs +106 -0
  50. package/locales/zh-CN.cjs +106 -0
  51. package/menu/index.cjs +32 -0
  52. package/menu/index.js +0 -1
  53. package/menu-item/index.cjs +22 -0
  54. package/menu-item/index.js +0 -1
  55. package/nav/index.cjs +6 -0
  56. package/nav-disclosure/index.cjs +17 -0
  57. package/nav-disclosure/index.js +0 -1
  58. package/nav-item/index.cjs +22 -0
  59. package/note/index.cjs +16 -0
  60. package/number-field/index.cjs +33 -0
  61. package/number-field/index.js +1 -1
  62. package/option/index.cjs +23 -0
  63. package/package.json +20 -2
  64. package/pagination/index.cjs +28 -0
  65. package/pagination/index.js +0 -1
  66. package/popup/index.cjs +27 -0
  67. package/popup/index.js +0 -1
  68. package/progress/index.cjs +9 -0
  69. package/progress-ring/index.cjs +9 -0
  70. package/radio/index.cjs +14 -0
  71. package/radio-group/index.cjs +14 -0
  72. package/select/index.cjs +38 -0
  73. package/select/index.js +1 -1
  74. package/selectable-box/index.cjs +25 -0
  75. package/shared/Reflector.cjs +67 -0
  76. package/shared/_has.cjs +62 -0
  77. package/shared/affix.cjs +64 -0
  78. package/shared/affix.js +8 -4
  79. package/shared/anchor.cjs +90 -0
  80. package/shared/anchored.cjs +78 -0
  81. package/shared/apply-mixins.cjs +25 -0
  82. package/shared/aria-global.cjs +74 -0
  83. package/shared/aria.cjs +11 -0
  84. package/shared/aria2.cjs +11 -0
  85. package/shared/base-progress.cjs +72 -0
  86. package/shared/breadcrumb-item.cjs +27 -0
  87. package/shared/button.cjs +202 -0
  88. package/shared/calendar-event.cjs +41 -0
  89. package/shared/children.cjs +61 -0
  90. package/shared/class-names.cjs +17 -0
  91. package/shared/definition.cjs +165 -0
  92. package/shared/definition10.cjs +102 -0
  93. package/shared/definition11.cjs +164 -0
  94. package/shared/definition11.js +39 -42
  95. package/shared/definition12.cjs +50 -0
  96. package/shared/definition13.cjs +779 -0
  97. package/shared/definition14.cjs +157 -0
  98. package/shared/definition15.cjs +249 -0
  99. package/shared/definition16.cjs +746 -0
  100. package/shared/definition17.cjs +1372 -0
  101. package/shared/definition18.cjs +175 -0
  102. package/shared/definition19.cjs +416 -0
  103. package/shared/definition2.cjs +232 -0
  104. package/shared/definition20.cjs +278 -0
  105. package/shared/definition21.cjs +83 -0
  106. package/shared/definition22.cjs +74 -0
  107. package/shared/definition23.cjs +106 -0
  108. package/shared/definition24.cjs +2392 -0
  109. package/shared/definition25.cjs +75 -0
  110. package/shared/definition26.cjs +39 -0
  111. package/shared/definition27.cjs +66 -0
  112. package/shared/definition28.cjs +849 -0
  113. package/shared/definition28.js +5 -4
  114. package/shared/definition29.cjs +72 -0
  115. package/shared/definition29.js +1 -1
  116. package/shared/definition3.cjs +72 -0
  117. package/shared/definition30.cjs +98 -0
  118. package/shared/definition30.js +1 -4
  119. package/shared/definition31.cjs +37 -0
  120. package/shared/definition32.cjs +24 -0
  121. package/shared/definition33.cjs +64 -0
  122. package/shared/definition34.cjs +533 -0
  123. package/shared/definition35.cjs +295 -0
  124. package/shared/definition36.cjs +219 -0
  125. package/shared/definition37.cjs +109 -0
  126. package/shared/definition38.cjs +92 -0
  127. package/shared/definition39.cjs +448 -0
  128. package/shared/definition4.cjs +198 -0
  129. package/shared/definition40.cjs +49 -0
  130. package/shared/definition41.cjs +694 -0
  131. package/shared/definition41.js +1 -6
  132. package/shared/definition42.cjs +152 -0
  133. package/shared/definition43.cjs +113 -0
  134. package/shared/definition44.cjs +607 -0
  135. package/shared/definition45.cjs +152 -0
  136. package/shared/definition45.js +1 -6
  137. package/shared/definition46.cjs +166 -0
  138. package/shared/definition46.js +2 -7
  139. package/shared/definition47.cjs +35 -0
  140. package/shared/definition48.cjs +98 -0
  141. package/shared/definition49.cjs +543 -0
  142. package/shared/definition49.js +12 -3
  143. package/shared/definition5.cjs +199 -0
  144. package/shared/definition50.cjs +52 -0
  145. package/shared/definition51.cjs +150 -0
  146. package/shared/definition52.cjs +304 -0
  147. package/shared/definition53.cjs +309 -0
  148. package/shared/definition54.cjs +146 -0
  149. package/shared/definition55.cjs +128 -0
  150. package/shared/definition56.cjs +99 -0
  151. package/shared/definition57.cjs +310 -0
  152. package/shared/definition58.cjs +20 -0
  153. package/shared/definition59.cjs +51 -0
  154. package/shared/definition6.cjs +83 -0
  155. package/shared/definition60.cjs +1810 -0
  156. package/shared/definition7.cjs +72 -0
  157. package/shared/definition8.cjs +152 -0
  158. package/shared/definition9.cjs +69 -0
  159. package/shared/dialog-polyfill.esm.cjs +862 -0
  160. package/shared/direction.cjs +22 -0
  161. package/shared/dom.cjs +23 -0
  162. package/shared/enums.cjs +87 -0
  163. package/shared/focus.cjs +8 -0
  164. package/shared/focus2.cjs +11 -0
  165. package/shared/form-associated.cjs +470 -0
  166. package/shared/icon.cjs +237 -0
  167. package/shared/index.cjs +5061 -0
  168. package/shared/index2.cjs +231 -0
  169. package/shared/key-codes.cjs +115 -0
  170. package/shared/key-codes2.cjs +14 -0
  171. package/shared/listbox.cjs +1072 -0
  172. package/shared/localized.cjs +11 -0
  173. package/shared/numbers.cjs +38 -0
  174. package/shared/patterns/affix.d.ts +5 -1
  175. package/shared/presentationDate.cjs +6192 -0
  176. package/shared/presentationDate.js +1 -6
  177. package/shared/radio.cjs +153 -0
  178. package/shared/ref.cjs +43 -0
  179. package/shared/repeat.cjs +767 -0
  180. package/shared/select.options.cjs +12 -0
  181. package/shared/slotted.cjs +123 -0
  182. package/shared/start-end.cjs +52 -0
  183. package/shared/strings.cjs +11 -0
  184. package/shared/text-anchor.cjs +33 -0
  185. package/shared/text-anchor.template.cjs +48 -0
  186. package/shared/text-field.cjs +5 -0
  187. package/shared/text-field2.cjs +228 -0
  188. package/shared/tree-item.cjs +154 -0
  189. package/shared/when.cjs +31 -0
  190. package/side-drawer/index.cjs +8 -0
  191. package/slider/index.cjs +16 -0
  192. package/split-button/index.cjs +20 -0
  193. package/split-button/index.js +0 -1
  194. package/style.css +1 -1
  195. package/styles/core/all.css +1 -1
  196. package/styles/core/theme.css +1 -1
  197. package/styles/core/typography.css +1 -1
  198. package/styles/tokens/theme-dark.css +4 -4
  199. package/styles/tokens/theme-light.css +4 -4
  200. package/styles/tokens/vivid-2-compat.css +1 -1
  201. package/switch/index.cjs +15 -0
  202. package/switch/index.js +0 -5
  203. package/tab/index.cjs +17 -0
  204. package/tab-panel/index.cjs +6 -0
  205. package/tabs/index.cjs +24 -0
  206. package/tag/index.cjs +17 -0
  207. package/tag-group/index.cjs +7 -0
  208. package/text-anchor/index.cjs +24 -0
  209. package/text-area/index.cjs +25 -0
  210. package/text-field/index.cjs +27 -0
  211. package/toggletip/index.cjs +29 -0
  212. package/toggletip/index.js +0 -1
  213. package/tooltip/index.cjs +29 -0
  214. package/tooltip/index.js +0 -1
  215. package/tree-item/index.cjs +22 -0
  216. package/tree-view/index.cjs +14 -0
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition19.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/definition11.cjs');
6
+ require('../shared/definition26.cjs');
7
+ require('../shared/icon.cjs');
8
+ require('../shared/_has.cjs');
9
+ require('../shared/class-names.cjs');
10
+ require('../shared/when.cjs');
11
+ require('../shared/definition58.cjs');
12
+ require('../shared/focus.cjs');
13
+ require('../shared/definition37.cjs');
14
+ require('../shared/base-progress.cjs');
15
+ require('../shared/affix.cjs');
16
+ require('../shared/slotted.cjs');
17
+ require('../shared/button.cjs');
18
+ require('../shared/apply-mixins.cjs');
19
+ require('../shared/form-associated.cjs');
20
+ require('../shared/key-codes.cjs');
21
+ require('../shared/aria-global.cjs');
22
+ require('../shared/start-end.cjs');
23
+ require('../shared/ref.cjs');
24
+ require('../shared/enums.cjs');
25
+ require('../shared/definition60.cjs');
26
+ require('../shared/definition59.cjs');
27
+ require('../shared/definition53.cjs');
28
+ require('../shared/index2.cjs');
29
+ require('../locales/en-US.cjs');
30
+ require('../shared/Reflector.cjs');
31
+ require('../shared/text-field2.cjs');
32
+ require('../shared/text-field.cjs');
33
+ require('../shared/focus2.cjs');
34
+ require('../shared/definition21.cjs');
35
+ require('../shared/aria.cjs');
36
+ require('../shared/presentationDate.cjs');
37
+ require('../shared/repeat.cjs');
38
+ require('../shared/localized.cjs');
39
+
40
+ definition.registerDateRangePicker();
@@ -19,7 +19,6 @@ import '../shared/key-codes.js';
19
19
  import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
- import '../shared/focus2.js';
23
22
  import '../shared/enums.js';
24
23
  import '../shared/definition60.js';
25
24
  import '../shared/definition59.js';
@@ -29,6 +28,7 @@ import '../locales/en-US.js';
29
28
  import '../shared/Reflector.js';
30
29
  import '../shared/text-field2.js';
31
30
  import '../shared/text-field.js';
31
+ import '../shared/focus2.js';
32
32
  import '../shared/definition21.js';
33
33
  import '../shared/aria.js';
34
34
  import '../shared/presentationDate.js';
@@ -0,0 +1,31 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition20.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/definition26.cjs');
6
+ require('../shared/icon.cjs');
7
+ require('../shared/_has.cjs');
8
+ require('../shared/class-names.cjs');
9
+ require('../shared/when.cjs');
10
+ require('../shared/definition11.cjs');
11
+ require('../shared/definition58.cjs');
12
+ require('../shared/focus.cjs');
13
+ require('../shared/definition37.cjs');
14
+ require('../shared/base-progress.cjs');
15
+ require('../shared/affix.cjs');
16
+ require('../shared/slotted.cjs');
17
+ require('../shared/button.cjs');
18
+ require('../shared/apply-mixins.cjs');
19
+ require('../shared/form-associated.cjs');
20
+ require('../shared/key-codes.cjs');
21
+ require('../shared/aria-global.cjs');
22
+ require('../shared/start-end.cjs');
23
+ require('../shared/ref.cjs');
24
+ require('../shared/enums.cjs');
25
+ require('../shared/definition59.cjs');
26
+ require('../shared/index2.cjs');
27
+ require('../locales/en-US.cjs');
28
+ require('../shared/localized.cjs');
29
+ require('../shared/focus2.cjs');
30
+
31
+ definition.registerDialog();
package/dialog/index.js CHANGED
@@ -19,11 +19,11 @@ import '../shared/key-codes.js';
19
19
  import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
- import '../shared/focus2.js';
23
22
  import '../shared/enums.js';
24
23
  import '../shared/definition59.js';
25
24
  import '../shared/index2.js';
26
25
  import '../locales/en-US.js';
27
26
  import '../shared/localized.js';
27
+ import '../shared/focus2.js';
28
28
 
29
29
  registerDialog();
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition21.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/aria.cjs');
6
+ require('../shared/class-names.cjs');
7
+
8
+ definition.registerDivider();
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition59.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/class-names.cjs');
6
+
7
+ definition.registerElevation();
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition22.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/definition26.cjs');
6
+ require('../shared/icon.cjs');
7
+ require('../shared/_has.cjs');
8
+ require('../shared/class-names.cjs');
9
+ require('../shared/when.cjs');
10
+ require('../shared/slotted.cjs');
11
+
12
+ definition.registerEmptyState();
package/fab/index.cjs ADDED
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition23.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/definition26.cjs');
6
+ require('../shared/icon.cjs');
7
+ require('../shared/_has.cjs');
8
+ require('../shared/class-names.cjs');
9
+ require('../shared/when.cjs');
10
+ require('../shared/definition58.cjs');
11
+ require('../shared/focus.cjs');
12
+ require('../shared/affix.cjs');
13
+ require('../shared/slotted.cjs');
14
+ require('../shared/apply-mixins.cjs');
15
+ require('../shared/button.cjs');
16
+ require('../shared/form-associated.cjs');
17
+ require('../shared/key-codes.cjs');
18
+ require('../shared/aria-global.cjs');
19
+ require('../shared/start-end.cjs');
20
+ require('../shared/ref.cjs');
21
+
22
+ definition.registerFab();
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition24.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/definition26.cjs');
6
+ require('../shared/icon.cjs');
7
+ require('../shared/_has.cjs');
8
+ require('../shared/class-names.cjs');
9
+ require('../shared/when.cjs');
10
+ require('../shared/definition58.cjs');
11
+ require('../shared/focus.cjs');
12
+ require('../shared/definition11.cjs');
13
+ require('../shared/definition37.cjs');
14
+ require('../shared/base-progress.cjs');
15
+ require('../shared/affix.cjs');
16
+ require('../shared/slotted.cjs');
17
+ require('../shared/button.cjs');
18
+ require('../shared/apply-mixins.cjs');
19
+ require('../shared/form-associated.cjs');
20
+ require('../shared/key-codes.cjs');
21
+ require('../shared/aria-global.cjs');
22
+ require('../shared/start-end.cjs');
23
+ require('../shared/ref.cjs');
24
+ require('../shared/enums.cjs');
25
+ require('../shared/index2.cjs');
26
+ require('../locales/en-US.cjs');
27
+ require('../shared/localized.cjs');
28
+ require('../shared/focus2.cjs');
29
+
30
+ definition.registerFilePicker();
@@ -19,10 +19,10 @@ import '../shared/key-codes.js';
19
19
  import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
- import '../shared/focus2.js';
23
22
  import '../shared/enums.js';
24
23
  import '../shared/index2.js';
25
24
  import '../locales/en-US.js';
26
25
  import '../shared/localized.js';
26
+ import '../shared/focus2.js';
27
27
 
28
28
  registerFilePicker();
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition58.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/focus.cjs');
6
+
7
+ definition.registerFocus();
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition25.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/definition59.cjs');
6
+ require('../shared/class-names.cjs');
7
+
8
+ definition.registerHeader();
package/icon/index.cjs ADDED
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition26.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/icon.cjs');
6
+ require('../shared/_has.cjs');
7
+ require('../shared/class-names.cjs');
8
+ require('../shared/when.cjs');
9
+
10
+ definition.registerIcon();
package/index.cjs ADDED
@@ -0,0 +1,296 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const definition = require('./shared/definition.cjs');
6
+ const definition$1 = require('./shared/definition2.cjs');
7
+ const definition$2 = require('./shared/definition3.cjs');
8
+ const definition$3 = require('./shared/definition4.cjs');
9
+ const definition$4 = require('./shared/definition5.cjs');
10
+ const definition$5 = require('./shared/definition6.cjs');
11
+ const definition$6 = require('./shared/definition7.cjs');
12
+ const definition$7 = require('./shared/definition8.cjs');
13
+ const definition$8 = require('./shared/definition9.cjs');
14
+ const definition$9 = require('./shared/definition10.cjs');
15
+ const definition$a = require('./shared/definition11.cjs');
16
+ const definition$b = require('./shared/definition12.cjs');
17
+ const definition$c = require('./shared/definition13.cjs');
18
+ const definition$d = require('./shared/definition14.cjs');
19
+ const definition$e = require('./shared/definition15.cjs');
20
+ const definition$f = require('./shared/definition16.cjs');
21
+ const definition$g = require('./shared/definition17.cjs');
22
+ const definition$h = require('./shared/definition18.cjs');
23
+ const definition$i = require('./shared/definition19.cjs');
24
+ const definition$j = require('./shared/definition20.cjs');
25
+ const definition$k = require('./shared/definition21.cjs');
26
+ const definition$l = require('./shared/definition22.cjs');
27
+ const definition$m = require('./shared/definition23.cjs');
28
+ const definition$n = require('./shared/definition24.cjs');
29
+ const definition$o = require('./shared/definition25.cjs');
30
+ const definition$p = require('./shared/definition26.cjs');
31
+ const definition$q = require('./shared/definition27.cjs');
32
+ const definition$r = require('./shared/definition28.cjs');
33
+ const definition$s = require('./shared/definition29.cjs');
34
+ const definition$t = require('./shared/definition30.cjs');
35
+ const definition$u = require('./shared/definition31.cjs');
36
+ const definition$v = require('./shared/definition32.cjs');
37
+ const definition$w = require('./shared/definition33.cjs');
38
+ const definition$x = require('./shared/definition34.cjs');
39
+ const definition$y = require('./shared/definition35.cjs');
40
+ const definition$z = require('./shared/definition36.cjs');
41
+ const definition$A = require('./shared/definition37.cjs');
42
+ const definition$B = require('./shared/definition38.cjs');
43
+ const definition$C = require('./shared/definition39.cjs');
44
+ const definition$D = require('./shared/definition40.cjs');
45
+ const definition$E = require('./shared/definition41.cjs');
46
+ const definition$F = require('./shared/definition42.cjs');
47
+ const definition$G = require('./shared/definition43.cjs');
48
+ const definition$H = require('./shared/definition44.cjs');
49
+ const definition$I = require('./shared/definition45.cjs');
50
+ const definition$J = require('./shared/definition46.cjs');
51
+ const definition$K = require('./shared/definition47.cjs');
52
+ const definition$L = require('./shared/definition48.cjs');
53
+ const definition$M = require('./shared/definition49.cjs');
54
+ const definition$N = require('./shared/definition50.cjs');
55
+ const definition$O = require('./shared/definition51.cjs');
56
+ const definition$P = require('./shared/definition52.cjs');
57
+ const definition$Q = require('./shared/definition53.cjs');
58
+ const definition$R = require('./shared/definition54.cjs');
59
+ const definition$S = require('./shared/definition55.cjs');
60
+ const definition$T = require('./shared/definition56.cjs');
61
+ const definition$U = require('./shared/definition57.cjs');
62
+ const enums = require('./shared/enums.cjs');
63
+ const index$1 = require('./shared/index.cjs');
64
+ const index = require('./shared/index2.cjs');
65
+ require('./shared/definition58.cjs');
66
+ require('./shared/focus.cjs');
67
+ require('./shared/affix.cjs');
68
+ require('./shared/icon.cjs');
69
+ require('./shared/_has.cjs');
70
+ require('./shared/slotted.cjs');
71
+ require('./shared/apply-mixins.cjs');
72
+ require('./shared/start-end.cjs');
73
+ require('./shared/ref.cjs');
74
+ require('./shared/when.cjs');
75
+ require('./shared/key-codes.cjs');
76
+ require('./shared/numbers.cjs');
77
+ require('./shared/class-names.cjs');
78
+ require('./shared/definition59.cjs');
79
+ require('./shared/localized.cjs');
80
+ require('./shared/button.cjs');
81
+ require('./shared/form-associated.cjs');
82
+ require('./shared/aria-global.cjs');
83
+ require('./shared/breadcrumb-item.cjs');
84
+ require('./shared/anchor.cjs');
85
+ require('./shared/text-anchor.template.cjs');
86
+ require('./shared/calendar-event.cjs');
87
+ require('./shared/repeat.cjs');
88
+ require('./shared/focus2.cjs');
89
+ require('./shared/definition60.cjs');
90
+ require('./shared/text-field.cjs');
91
+ require('./shared/listbox.cjs');
92
+ require('./shared/key-codes2.cjs');
93
+ require('./shared/strings.cjs');
94
+ require('./shared/select.options.cjs');
95
+ require('./shared/children.cjs');
96
+ require('./shared/presentationDate.cjs');
97
+ require('./shared/aria.cjs');
98
+ require('./shared/direction.cjs');
99
+ require('./shared/anchored.cjs');
100
+ require('./shared/dom.cjs');
101
+ require('./shared/text-anchor.cjs');
102
+ require('./shared/text-field2.cjs');
103
+ require('./shared/base-progress.cjs');
104
+ require('./shared/radio.cjs');
105
+ require('./shared/aria2.cjs');
106
+ require('./shared/Reflector.cjs');
107
+ require('./shared/tree-item.cjs');
108
+ require('./locales/en-US.cjs');
109
+
110
+
111
+
112
+ exports.accordionItemDefinition = definition.accordionItemDefinition;
113
+ exports.accordionItemRegistries = definition.accordionItemRegistries;
114
+ exports.registerAccordionItem = definition.registerAccordionItem;
115
+ exports.accordionDefinition = definition$1.accordionDefinition;
116
+ exports.accordionRegistries = definition$1.accordionRegistries;
117
+ exports.registerAccordion = definition$1.registerAccordion;
118
+ exports.actionGroupDefinition = definition$2.actionGroupDefinition;
119
+ exports.actionGroupRegistries = definition$2.actionGroupRegistries;
120
+ exports.registerActionGroup = definition$2.registerActionGroup;
121
+ exports.alertDefinition = definition$3.alertDefinition;
122
+ exports.alertRegistries = definition$3.alertRegistries;
123
+ exports.registerAlert = definition$3.registerAlert;
124
+ exports.audioPlayerDefinition = definition$4.audioPlayerDefinition;
125
+ exports.audioPlayerRegistries = definition$4.audioPlayerRegistries;
126
+ exports.registerAudioPlayer = definition$4.registerAudioPlayer;
127
+ exports.avatarDefinition = definition$5.avatarDefinition;
128
+ exports.avatarRegistries = definition$5.avatarRegistries;
129
+ exports.registerAvatar = definition$5.registerAvatar;
130
+ exports.badgeDefinition = definition$6.badgeDefinition;
131
+ exports.registerBadge = definition$6.registerBadge;
132
+ exports.bannerDefinition = definition$7.bannerDefinition;
133
+ exports.bannerRegistries = definition$7.bannerRegistries;
134
+ exports.registerBanner = definition$7.registerBanner;
135
+ exports.breadcrumbItemDefinition = definition$8.breadcrumbItemDefinition;
136
+ exports.breadcrumbItemRegistries = definition$8.breadcrumbItemRegistries;
137
+ exports.registerBreadcrumbItem = definition$8.registerBreadcrumbItem;
138
+ exports.breadcrumbDefinition = definition$9.breadcrumbDefinition;
139
+ exports.breadcrumbRegistries = definition$9.breadcrumbRegistries;
140
+ exports.registerBreadcrumb = definition$9.registerBreadcrumb;
141
+ exports.buttonDefinition = definition$a.buttonDefinition;
142
+ exports.buttonRegistries = definition$a.buttonRegistries;
143
+ exports.registerButton = definition$a.registerButton;
144
+ exports.calendarEventDefinition = definition$b.calendarEventDefinition;
145
+ exports.calendarEventRegistries = definition$b.calendarEventRegistries;
146
+ exports.registerCalendarEvent = definition$b.registerCalendarEvent;
147
+ exports.calendarDefinition = definition$c.calendarDefinition;
148
+ exports.calendarRegistries = definition$c.calendarRegistries;
149
+ exports.registerCalendar = definition$c.registerCalendar;
150
+ exports.cardDefinition = definition$d.cardDefinition;
151
+ exports.cardRegistries = definition$d.cardRegistries;
152
+ exports.registerCard = definition$d.registerCard;
153
+ exports.checkboxDefinition = definition$e.checkboxDefinition;
154
+ exports.checkboxRegistries = definition$e.checkboxRegistries;
155
+ exports.registerCheckbox = definition$e.registerCheckbox;
156
+ exports.combobox = definition$f.combobox;
157
+ exports.comboboxRegistries = definition$f.comboboxRegistries;
158
+ exports.registerCombobox = definition$f.registerCombobox;
159
+ exports.dataGrid = definition$g.dataGrid;
160
+ exports.dataGridCell = definition$g.dataGridCell;
161
+ exports.dataGridElements = definition$g.dataGridElements;
162
+ exports.dataGridRow = definition$g.dataGridRow;
163
+ exports.registerDataGrid = definition$g.registerDataGrid;
164
+ exports.datePickerDefinition = definition$h.datePickerDefinition;
165
+ exports.datePickerRegistries = definition$h.datePickerRegistries;
166
+ exports.registerDatePicker = definition$h.registerDatePicker;
167
+ exports.dateRangePickerDefinition = definition$i.dateRangePickerDefinition;
168
+ exports.dateRangePickerRegistries = definition$i.dateRangePickerRegistries;
169
+ exports.registerDateRangePicker = definition$i.registerDateRangePicker;
170
+ exports.dialogDefinition = definition$j.dialogDefinition;
171
+ exports.dialogRegistries = definition$j.dialogRegistries;
172
+ exports.registerDialog = definition$j.registerDialog;
173
+ exports.dividerDefinition = definition$k.dividerDefinition;
174
+ exports.dividerRegistries = definition$k.dividerRegistries;
175
+ exports.registerDivider = definition$k.registerDivider;
176
+ exports.emptyStateDefinition = definition$l.emptyStateDefinition;
177
+ exports.emptyStateRegistries = definition$l.emptyStateRegistries;
178
+ exports.registerEmptyState = definition$l.registerEmptyState;
179
+ exports.fabDefinition = definition$m.fabDefinition;
180
+ exports.fabRegistries = definition$m.fabRegistries;
181
+ exports.registerFab = definition$m.registerFab;
182
+ exports.filePickerDefinition = definition$n.filePickerDefinition;
183
+ exports.filePickerRegistries = definition$n.filePickerRegistries;
184
+ exports.registerFilePicker = definition$n.registerFilePicker;
185
+ exports.headerDefinition = definition$o.headerDefinition;
186
+ exports.headerRegistries = definition$o.headerRegistries;
187
+ exports.registerHeader = definition$o.registerHeader;
188
+ exports.iconDefinition = definition$p.iconDefinition;
189
+ exports.iconRegistries = definition$p.iconRegistries;
190
+ exports.registerIcon = definition$p.registerIcon;
191
+ exports.layoutDefinition = definition$q.layoutDefinition;
192
+ exports.layoutRegistries = definition$q.layoutRegistries;
193
+ exports.registerLayout = definition$q.registerLayout;
194
+ exports.MenuItemRole = definition$r.MenuItemRole;
195
+ exports.menuItemDefinition = definition$r.menuItemDefinition;
196
+ exports.menuItemRegistries = definition$r.menuItemRegistries;
197
+ exports.registerMenuItem = definition$r.registerMenuItem;
198
+ exports.menuDefinition = definition$s.menuDefinition;
199
+ exports.menuRegistries = definition$s.menuRegistries;
200
+ exports.registerMenu = definition$s.registerMenu;
201
+ exports.navDisclosureDefinition = definition$t.navDisclosureDefinition;
202
+ exports.navDisclosureRegistries = definition$t.navDisclosureRegistries;
203
+ exports.registerNavDisclosure = definition$t.registerNavDisclosure;
204
+ exports.navItemDefinition = definition$u.navItemDefinition;
205
+ exports.navItemRegistries = definition$u.navItemRegistries;
206
+ exports.registerNavItem = definition$u.registerNavItem;
207
+ exports.navDefinition = definition$v.navDefinition;
208
+ exports.navRegistries = definition$v.navRegistries;
209
+ exports.registerNav = definition$v.registerNav;
210
+ exports.noteDefinition = definition$w.noteDefinition;
211
+ exports.noteRegistries = definition$w.noteRegistries;
212
+ exports.registerNote = definition$w.registerNote;
213
+ exports.numberFieldDefinition = definition$x.numberFieldDefinition;
214
+ exports.numberFieldRegistries = definition$x.numberFieldRegistries;
215
+ exports.registerNumberField = definition$x.registerNumberField;
216
+ exports.listboxOptionDefinition = definition$y.listboxOptionDefinition;
217
+ exports.listboxOptionRegistries = definition$y.listboxOptionRegistries;
218
+ exports.registerOption = definition$y.registerOption;
219
+ exports.paginationDefinition = definition$z.paginationDefinition;
220
+ exports.paginationRegistries = definition$z.paginationRegistries;
221
+ exports.registerPagination = definition$z.registerPagination;
222
+ exports.progressRingDefinition = definition$A.progressRingDefinition;
223
+ exports.progressRingRegistries = definition$A.progressRingRegistries;
224
+ exports.registerProgressRing = definition$A.registerProgressRing;
225
+ exports.progressDefinition = definition$B.progressDefinition;
226
+ exports.progressRegistries = definition$B.progressRegistries;
227
+ exports.registerProgress = definition$B.registerProgress;
228
+ exports.radioGroupDefinition = definition$C.radioGroupDefinition;
229
+ exports.radioGroupRegistries = definition$C.radioGroupRegistries;
230
+ exports.registerRadioGroup = definition$C.registerRadioGroup;
231
+ exports.radioDefinition = definition$D.radioDefinition;
232
+ exports.radioRegistries = definition$D.radioRegistries;
233
+ exports.registerRadio = definition$D.registerRadio;
234
+ exports.registerSelect = definition$E.registerSelect;
235
+ exports.selectDefinition = definition$E.selectDefinition;
236
+ exports.selectRegistries = definition$E.selectRegistries;
237
+ exports.registerSelectableBox = definition$F.registerSelectableBox;
238
+ exports.selectableBoxDefinition = definition$F.selectableBoxDefinition;
239
+ exports.selectableBoxRegistries = definition$F.selectableBoxRegistries;
240
+ exports.registerSideDrawer = definition$G.registerSideDrawer;
241
+ exports.sideDrawerDefinition = definition$G.sideDrawerDefinition;
242
+ exports.sideDrawerRegistries = definition$G.sideDrawerRegistries;
243
+ exports.registerSlider = definition$H.registerSlider;
244
+ exports.sliderDefinition = definition$H.sliderDefinition;
245
+ exports.sliderRegistries = definition$H.sliderRegistries;
246
+ exports.registerSplitButton = definition$I.registerSplitButton;
247
+ exports.splitButtonDefinition = definition$I.splitButtonDefinition;
248
+ exports.splitButtonRegistries = definition$I.splitButtonRegistries;
249
+ exports.registerSwitch = definition$J.registerSwitch;
250
+ exports.switchDefinition = definition$J.switchDefinition;
251
+ exports.switchRegistries = definition$J.switchRegistries;
252
+ exports.registerTabPanel = definition$K.registerTabPanel;
253
+ exports.tabPanelDefinition = definition$K.tabPanelDefinition;
254
+ exports.tabPanelRegistries = definition$K.tabPanelRegistries;
255
+ exports.registerTab = definition$L.registerTab;
256
+ exports.tabDefinition = definition$L.tabDefinition;
257
+ exports.tabRegistries = definition$L.tabRegistries;
258
+ exports.registerTabs = definition$M.registerTabs;
259
+ exports.tabsDefinition = definition$M.tabsDefinition;
260
+ exports.tabsRegistries = definition$M.tabsRegistries;
261
+ exports.registerTagGroup = definition$N.registerTagGroup;
262
+ exports.tagGroupDefinition = definition$N.tagGroupDefinition;
263
+ exports.tagGroupRegistries = definition$N.tagGroupRegistries;
264
+ exports.registerTag = definition$O.registerTag;
265
+ exports.tagDefinition = definition$O.tagDefinition;
266
+ exports.registerTextArea = definition$P.registerTextArea;
267
+ exports.textAreaDefinition = definition$P.textAreaDefinition;
268
+ exports.textAreaRegistries = definition$P.textAreaRegistries;
269
+ exports.registerTextField = definition$Q.registerTextField;
270
+ exports.textFieldDefinition = definition$Q.textFieldDefinition;
271
+ exports.textFieldRegistries = definition$Q.textFieldRegistries;
272
+ exports.registerToggletip = definition$R.registerToggletip;
273
+ exports.toggletipDefinition = definition$R.toggletipDefinition;
274
+ exports.toggletipRegistries = definition$R.toggletipRegistries;
275
+ exports.registerTooltip = definition$S.registerTooltip;
276
+ exports.tooltipDefinition = definition$S.tooltipDefinition;
277
+ exports.tooltipRegistries = definition$S.tooltipRegistries;
278
+ exports.registerTreeItem = definition$T.registerTreeItem;
279
+ exports.treeItemDefinition = definition$T.treeItemDefinition;
280
+ exports.treeItemRegistries = definition$T.treeItemRegistries;
281
+ exports.registerTreeView = definition$U.registerTreeView;
282
+ exports.treeViewDefinition = definition$U.treeViewDefinition;
283
+ exports.treeViewRegistries = definition$U.treeViewRegistries;
284
+ exports.Appearance = enums.Appearance;
285
+ exports.AriaLive = enums.AriaLive;
286
+ exports.Connotation = enums.Connotation;
287
+ exports.ConnotationDecorative = enums.ConnotationDecorative;
288
+ exports.LayoutSize = enums.LayoutSize;
289
+ exports.Position = enums.Position;
290
+ exports.Role = enums.Role;
291
+ exports.Shape = enums.Shape;
292
+ exports.Size = enums.Size;
293
+ exports.TabsSize = enums.TabsSize;
294
+ exports.designSystem = index$1.designSystem;
295
+ exports.registerFactory = index$1.registerFactory;
296
+ exports.setLocale = index.setLocale;
package/index.js CHANGED
@@ -79,9 +79,9 @@ import './shared/aria-global.js';
79
79
  import './shared/breadcrumb-item.js';
80
80
  import './shared/anchor.js';
81
81
  import './shared/text-anchor.template.js';
82
- import './shared/focus2.js';
83
82
  import './shared/calendar-event.js';
84
83
  import './shared/repeat.js';
84
+ import './shared/focus2.js';
85
85
  import './shared/definition60.js';
86
86
  import './shared/text-field.js';
87
87
  import './shared/listbox.js';
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ const definition = require('../shared/definition27.cjs');
4
+ require('../shared/index.cjs');
5
+ require('../shared/class-names.cjs');
6
+
7
+ definition.registerLayout();
@@ -16,6 +16,7 @@ export declare class MenuItem extends FastMenuItem {
16
16
  textSecondary?: string;
17
17
  checkTrailing: boolean;
18
18
  checkedAppearance?: CheckAppearance;
19
+ trailingMetaSlottedContent?: HTMLElement[];
19
20
  constructor();
20
21
  }
21
22
  export interface MenuItem extends AffixIcon {
@@ -8,6 +8,7 @@ export declare class Tabs extends FoundationTabs {
8
8
  tablist?: HTMLElement;
9
9
  connotation?: TabsConnotation;
10
10
  gutters?: Gutters;
11
+ scrollablePanel: boolean;
11
12
  connotationChanged(): void;
12
13
  orientationChanged(): void;
13
14
  activeidChanged(oldValue: string, newValue: string): void;
@@ -0,0 +1,77 @@
1
+ 'use strict';
2
+
3
+ const index = require('../shared/index.cjs');
4
+ const definition$1 = require('../shared/definition58.cjs');
5
+ const definition = require('../shared/definition35.cjs');
6
+ const listbox = require('../shared/listbox.cjs');
7
+ require('../shared/affix.cjs');
8
+ const focus = require('../shared/focus2.cjs');
9
+ require('../shared/index2.cjs');
10
+ const slotted = require('../shared/slotted.cjs');
11
+ const classNames = require('../shared/class-names.cjs');
12
+ require('../shared/focus.cjs');
13
+ require('../shared/definition26.cjs');
14
+ require('../shared/icon.cjs');
15
+ require('../shared/_has.cjs');
16
+ require('../shared/when.cjs');
17
+ require('../shared/aria-global.cjs');
18
+ require('../shared/start-end.cjs');
19
+ require('../shared/ref.cjs');
20
+ require('../shared/apply-mixins.cjs');
21
+ require('../shared/dom.cjs');
22
+ require('../shared/key-codes2.cjs');
23
+ require('../shared/key-codes.cjs');
24
+ require('../shared/strings.cjs');
25
+ require('../shared/numbers.cjs');
26
+ require('../locales/en-US.cjs');
27
+
28
+ const getClasses = ({ appearance, shape, disabled, orientation }) => classNames.classNames(
29
+ "base",
30
+ ["disabled", disabled],
31
+ [`appearance-${appearance}`, Boolean(appearance)],
32
+ [`shape-${shape}`, Boolean(shape) && orientation === "horizontal"],
33
+ [`orientation-${orientation}`, Boolean(orientation)]
34
+ );
35
+ const ListboxTemplate = (context) => {
36
+ const focusTemplate = focus.focusTemplateFactory(context);
37
+ return index.html`
38
+ <template
39
+ aria-activedescendant="${(x) => x.ariaActiveDescendant}"
40
+ aria-multiselectable="${(x) => x.ariaMultiSelectable}"
41
+ aria-orientation="${(x) => x.ariaOrientation}"
42
+ aria-label="listbox"
43
+ role="listbox"
44
+ @click="${(x, c) => x.clickHandler(c.event)}"
45
+ @focusin="${(x, c) => x.focusinHandler(c.event)}"
46
+ @keydown="${(x, c) => x.keydownHandler(c.event)}"
47
+ @mousedown="${(x, c) => x.mousedownHandler(c.event)}"
48
+ tabindex="${(x) => !x.disabled ? "0" : null}"
49
+ >
50
+ <div
51
+ class="${getClasses}"
52
+ >
53
+ ${() => focusTemplate}
54
+
55
+ <slot
56
+ ${slotted.slotted({
57
+ filter: listbox.ListboxElement.slottedOptionFilter,
58
+ flatten: true,
59
+ property: "slottedOptions"
60
+ })}
61
+ ></slot>
62
+ </div>
63
+ </template>
64
+ `;
65
+ };
66
+
67
+ const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{position:relative;display:inline-flex;box-sizing:border-box;padding:4px;background-color:var(--_appearance-color-fill);border-radius:var(--_listbox-border-radius);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-backdrop: var(--vvd-listbox-accent-backdrop, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--_connotation-color-backdrop);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.focus-indicator{pointer-events:none}:host(:not(:focus-within)) .focus-indicator{display:none}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}\n";
68
+
69
+ const listboxDefinition = listbox.Listbox.compose({
70
+ baseName: "listbox",
71
+ template: ListboxTemplate,
72
+ styles
73
+ });
74
+ const listboxRegistries = [listboxDefinition(), ...definition.listboxOptionRegistries, ...definition$1.focusRegistries];
75
+ const registerListbox = index.registerFactory(listboxRegistries);
76
+
77
+ registerListbox();