@vonage/vivid 3.51.0 → 3.52.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 (261) hide show
  1. package/alert/index.cjs +1 -1
  2. package/alert/index.js +1 -1
  3. package/appearance-ui/index.cjs +19 -11
  4. package/appearance-ui/index.js +19 -11
  5. package/audio-player/index.cjs +2 -1
  6. package/audio-player/index.js +2 -1
  7. package/card/index.cjs +1 -1
  8. package/card/index.js +1 -1
  9. package/combobox/index.cjs +2 -5
  10. package/combobox/index.js +2 -5
  11. package/custom-elements.json +1357 -529
  12. package/date-picker/index.cjs +3 -6
  13. package/date-picker/index.js +3 -6
  14. package/date-range-picker/index.cjs +2 -5
  15. package/date-range-picker/index.js +2 -5
  16. package/dialog/index.cjs +1 -1
  17. package/dialog/index.js +1 -1
  18. package/elevation/index.cjs +1 -1
  19. package/elevation/index.js +1 -1
  20. package/file-picker/index.cjs +0 -2
  21. package/file-picker/index.js +0 -2
  22. package/header/index.cjs +1 -1
  23. package/header/index.js +1 -1
  24. package/index.cjs +60 -58
  25. package/index.js +22 -23
  26. package/lib/avatar/definition.d.ts +1 -1
  27. package/lib/button/button.d.ts +1 -0
  28. package/lib/button/definition.d.ts +1 -1
  29. package/lib/calendar-event/definition.d.ts +1 -1
  30. package/lib/components.d.ts +1 -0
  31. package/lib/layout/definition.d.ts +1 -1
  32. package/lib/menu-item/menu-item.d.ts +3 -0
  33. package/lib/range-slider/definition.d.ts +3 -0
  34. package/lib/range-slider/locale.d.ts +4 -0
  35. package/lib/range-slider/range-slider.d.ts +32 -0
  36. package/lib/range-slider/range-slider.form-associated.d.ts +10 -0
  37. package/lib/range-slider/range-slider.template.d.ts +4 -0
  38. package/lib/range-slider/utils/lerp.d.ts +2 -0
  39. package/lib/range-slider/utils/roundToStepValue.d.ts +1 -0
  40. package/lib/slider/slider.template.d.ts +1 -0
  41. package/lib/split-button/definition.d.ts +1 -1
  42. package/listbox/index.cjs +23 -22
  43. package/listbox/index.js +23 -22
  44. package/locales/en-GB.cjs +4 -0
  45. package/locales/en-GB.js +4 -0
  46. package/locales/en-US.cjs +4 -0
  47. package/locales/en-US.js +4 -0
  48. package/locales/ja-JP.cjs +5 -1
  49. package/locales/ja-JP.js +5 -1
  50. package/locales/zh-CN.cjs +4 -0
  51. package/locales/zh-CN.js +4 -0
  52. package/menu/index.cjs +3 -3
  53. package/menu/index.js +3 -3
  54. package/menu-item/index.cjs +2 -2
  55. package/menu-item/index.js +2 -2
  56. package/number-field/index.cjs +0 -2
  57. package/number-field/index.js +0 -2
  58. package/package.json +34 -34
  59. package/popup/index.cjs +2 -2
  60. package/popup/index.js +2 -2
  61. package/range-slider/index.cjs +22 -0
  62. package/range-slider/index.js +20 -0
  63. package/select/index.cjs +3 -3
  64. package/select/index.js +3 -3
  65. package/selectable-box/index.cjs +1 -1
  66. package/selectable-box/index.js +1 -1
  67. package/shared/Reflector.cjs +5 -1
  68. package/shared/Reflector.js +5 -1
  69. package/shared/affix.cjs +11 -4
  70. package/shared/affix.js +12 -4
  71. package/shared/anchored.cjs +8 -2
  72. package/shared/anchored.js +8 -2
  73. package/shared/definition.cjs +8 -3
  74. package/shared/definition.js +8 -3
  75. package/shared/definition10.cjs +5 -5
  76. package/shared/definition10.js +5 -5
  77. package/shared/definition11.cjs +75 -47
  78. package/shared/definition11.js +76 -48
  79. package/shared/definition12.cjs +12 -14
  80. package/shared/definition12.js +12 -14
  81. package/shared/definition13.cjs +118 -75
  82. package/shared/definition13.js +118 -75
  83. package/shared/definition14.cjs +33 -32
  84. package/shared/definition14.js +33 -32
  85. package/shared/definition15.cjs +20 -7
  86. package/shared/definition15.js +20 -7
  87. package/shared/definition16.cjs +37 -42
  88. package/shared/definition16.js +36 -41
  89. package/shared/definition17.cjs +125 -65
  90. package/shared/definition17.js +126 -66
  91. package/shared/definition18.cjs +30 -14
  92. package/shared/definition18.js +30 -14
  93. package/shared/definition19.cjs +116 -80
  94. package/shared/definition19.js +116 -80
  95. package/shared/definition2.cjs +10 -5
  96. package/shared/definition2.js +10 -5
  97. package/shared/definition20.cjs +16 -15
  98. package/shared/definition20.js +16 -15
  99. package/shared/definition21.cjs +6 -10
  100. package/shared/definition21.js +6 -10
  101. package/shared/definition22.cjs +14 -18
  102. package/shared/definition22.js +14 -18
  103. package/shared/definition23.cjs +34 -35
  104. package/shared/definition23.js +34 -35
  105. package/shared/definition24.cjs +116 -69
  106. package/shared/definition24.js +116 -69
  107. package/shared/definition25.cjs +2 -4
  108. package/shared/definition25.js +2 -4
  109. package/shared/definition26.cjs +9 -8
  110. package/shared/definition26.js +9 -8
  111. package/shared/definition27.cjs +7 -5
  112. package/shared/definition27.js +7 -5
  113. package/shared/definition28.cjs +209 -143
  114. package/shared/definition28.js +209 -143
  115. package/shared/definition29.cjs +10 -4
  116. package/shared/definition29.js +10 -4
  117. package/shared/definition3.cjs +7 -10
  118. package/shared/definition3.js +7 -10
  119. package/shared/definition30.cjs +7 -5
  120. package/shared/definition30.js +7 -5
  121. package/shared/definition31.cjs +2 -4
  122. package/shared/definition31.js +2 -4
  123. package/shared/definition32.cjs +1 -3
  124. package/shared/definition32.js +1 -3
  125. package/shared/definition33.cjs +7 -10
  126. package/shared/definition33.js +7 -10
  127. package/shared/definition34.cjs +76 -59
  128. package/shared/definition34.js +76 -59
  129. package/shared/definition35.cjs +19 -20
  130. package/shared/definition35.js +19 -20
  131. package/shared/definition36.cjs +30 -14
  132. package/shared/definition36.js +30 -14
  133. package/shared/definition37.cjs +33 -46
  134. package/shared/definition37.js +33 -46
  135. package/shared/definition38.cjs +31 -33
  136. package/shared/definition38.js +31 -33
  137. package/shared/definition39.cjs +13 -4
  138. package/shared/definition39.js +13 -4
  139. package/shared/definition4.cjs +23 -11
  140. package/shared/definition4.js +23 -11
  141. package/shared/definition40.cjs +19 -14
  142. package/shared/definition40.js +19 -14
  143. package/shared/definition41.cjs +534 -635
  144. package/shared/definition41.js +534 -635
  145. package/shared/definition42.cjs +674 -106
  146. package/shared/definition42.js +673 -105
  147. package/shared/definition43.cjs +122 -79
  148. package/shared/definition43.js +120 -77
  149. package/shared/definition44.cjs +72 -567
  150. package/shared/definition44.js +71 -565
  151. package/shared/definition45.cjs +520 -118
  152. package/shared/definition45.js +518 -117
  153. package/shared/definition46.cjs +117 -130
  154. package/shared/definition46.js +116 -129
  155. package/shared/definition47.cjs +152 -18
  156. package/shared/definition47.js +151 -17
  157. package/shared/definition48.cjs +20 -77
  158. package/shared/definition48.js +19 -76
  159. package/shared/definition49.cjs +52 -495
  160. package/shared/definition49.js +51 -494
  161. package/shared/definition5.cjs +20 -17
  162. package/shared/definition5.js +20 -17
  163. package/shared/definition50.cjs +525 -24
  164. package/shared/definition50.js +524 -23
  165. package/shared/definition51.cjs +28 -119
  166. package/shared/definition51.js +26 -118
  167. package/shared/definition52.cjs +113 -266
  168. package/shared/definition52.js +113 -265
  169. package/shared/definition53.cjs +285 -245
  170. package/shared/definition53.js +285 -245
  171. package/shared/definition54.cjs +285 -751
  172. package/shared/definition54.js +284 -750
  173. package/shared/definition55.cjs +828 -99
  174. package/shared/definition55.js +827 -98
  175. package/shared/definition56.cjs +126 -77
  176. package/shared/definition56.js +125 -76
  177. package/shared/definition57.cjs +125 -71
  178. package/shared/definition57.js +124 -70
  179. package/shared/definition58.cjs +73 -287
  180. package/shared/definition58.js +74 -288
  181. package/shared/definition59.cjs +298 -40
  182. package/shared/definition59.js +297 -39
  183. package/shared/definition6.cjs +3 -4
  184. package/shared/definition6.js +3 -4
  185. package/shared/definition60.cjs +24 -1784
  186. package/shared/definition60.js +23 -1783
  187. package/shared/definition61.cjs +1819 -11
  188. package/shared/definition61.js +1818 -11
  189. package/shared/definition7.cjs +6 -4
  190. package/shared/definition7.js +6 -4
  191. package/shared/definition8.cjs +25 -18
  192. package/shared/definition8.js +25 -18
  193. package/shared/definition9.cjs +6 -9
  194. package/shared/definition9.js +6 -9
  195. package/shared/icon.cjs +7 -2
  196. package/shared/icon.js +7 -2
  197. package/shared/index2.cjs +1 -1
  198. package/shared/index2.js +1 -1
  199. package/shared/key-codes2.cjs +8 -0
  200. package/shared/key-codes2.js +5 -1
  201. package/shared/localization/Locale.d.ts +2 -0
  202. package/shared/patterns/index.d.ts +0 -1
  203. package/shared/presentationDate.cjs +126 -78
  204. package/shared/presentationDate.js +126 -78
  205. package/shared/slider.template.cjs +71 -0
  206. package/shared/slider.template.js +67 -0
  207. package/shared/text-anchor.template.cjs +30 -35
  208. package/shared/text-anchor.template.js +30 -35
  209. package/shared/text-field.cjs +1 -1
  210. package/shared/text-field.js +1 -1
  211. package/side-drawer/index.cjs +1 -1
  212. package/side-drawer/index.js +1 -1
  213. package/slider/index.cjs +2 -1
  214. package/slider/index.js +2 -1
  215. package/split-button/index.cjs +1 -1
  216. package/split-button/index.js +1 -1
  217. package/styles/core/all.css +1 -1
  218. package/styles/core/theme.css +1 -1
  219. package/styles/core/typography.css +1 -1
  220. package/styles/fonts/spezia-variable.css +39 -13
  221. package/styles/tokens/theme-dark.css +4 -4
  222. package/styles/tokens/theme-light.css +4 -4
  223. package/styles/tokens/vivid-2-compat.css +4 -2
  224. package/switch/index.cjs +1 -1
  225. package/switch/index.js +1 -1
  226. package/tab/index.cjs +1 -1
  227. package/tab/index.js +1 -1
  228. package/tab-panel/index.cjs +1 -1
  229. package/tab-panel/index.js +1 -1
  230. package/tabs/index.cjs +3 -3
  231. package/tabs/index.js +3 -3
  232. package/tag/index.cjs +1 -1
  233. package/tag/index.js +1 -1
  234. package/tag-group/index.cjs +1 -1
  235. package/tag-group/index.js +1 -1
  236. package/text-area/index.cjs +1 -1
  237. package/text-area/index.js +1 -1
  238. package/text-field/index.cjs +1 -4
  239. package/text-field/index.js +1 -4
  240. package/time-picker/index.cjs +4 -7
  241. package/time-picker/index.js +4 -7
  242. package/toggletip/index.cjs +3 -3
  243. package/toggletip/index.js +3 -3
  244. package/tooltip/index.cjs +3 -3
  245. package/tooltip/index.js +3 -3
  246. package/tree-item/index.cjs +1 -1
  247. package/tree-item/index.js +1 -1
  248. package/tree-view/index.cjs +1 -1
  249. package/tree-view/index.js +1 -1
  250. package/vivid.api.json +117 -1
  251. package/focus/index.cjs +0 -7
  252. package/focus/index.js +0 -5
  253. package/lib/focus/definition.d.ts +0 -3
  254. package/lib/focus/focus.d.ts +0 -3
  255. package/lib/focus/focus.template.d.ts +0 -4
  256. package/lib/popup/popup.d.ts +0 -21
  257. package/shared/focus.cjs +0 -8
  258. package/shared/focus.js +0 -6
  259. package/shared/focus2.cjs +0 -11
  260. package/shared/focus2.js +0 -9
  261. package/shared/patterns/focus.d.ts +0 -3
@@ -2,7 +2,7 @@
2
2
 
3
3
  const definition = require('../shared/definition18.cjs');
4
4
  require('../shared/index.cjs');
5
- require('../shared/definition60.cjs');
5
+ require('../shared/definition61.cjs');
6
6
  require('../shared/definition11.cjs');
7
7
  require('../shared/definition26.cjs');
8
8
  require('../shared/icon.cjs');
@@ -21,16 +21,13 @@ require('../shared/aria-global.cjs');
21
21
  require('../shared/start-end.cjs');
22
22
  require('../shared/ref.cjs');
23
23
  require('../shared/enums.cjs');
24
- require('../shared/definition59.cjs');
25
- require('../shared/definition53.cjs');
26
- require('../shared/definition61.cjs');
27
- require('../shared/focus.cjs');
24
+ require('../shared/definition60.cjs');
25
+ require('../shared/definition54.cjs');
28
26
  require('../shared/index2.cjs');
29
27
  require('../locales/en-US.cjs');
30
28
  require('../shared/Reflector.cjs');
31
29
  require('../shared/text-field2.cjs');
32
30
  require('../shared/text-field.cjs');
33
- require('../shared/focus2.cjs');
34
31
  require('../shared/definition21.cjs');
35
32
  require('../shared/aria.cjs');
36
33
  require('../shared/presentationDate.cjs');
@@ -1,6 +1,6 @@
1
1
  import { r as registerDatePicker } from '../shared/definition18.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition60.js';
3
+ import '../shared/definition61.js';
4
4
  import '../shared/definition11.js';
5
5
  import '../shared/definition26.js';
6
6
  import '../shared/icon.js';
@@ -19,16 +19,13 @@ import '../shared/aria-global.js';
19
19
  import '../shared/start-end.js';
20
20
  import '../shared/ref.js';
21
21
  import '../shared/enums.js';
22
- import '../shared/definition59.js';
23
- import '../shared/definition53.js';
24
- import '../shared/definition61.js';
25
- import '../shared/focus.js';
22
+ import '../shared/definition60.js';
23
+ import '../shared/definition54.js';
26
24
  import '../shared/index2.js';
27
25
  import '../locales/en-US.js';
28
26
  import '../shared/Reflector.js';
29
27
  import '../shared/text-field2.js';
30
28
  import '../shared/text-field.js';
31
- import '../shared/focus2.js';
32
29
  import '../shared/definition21.js';
33
30
  import '../shared/aria.js';
34
31
  import '../shared/presentationDate.js';
@@ -20,17 +20,14 @@ require('../shared/aria-global.cjs');
20
20
  require('../shared/start-end.cjs');
21
21
  require('../shared/ref.cjs');
22
22
  require('../shared/enums.cjs');
23
- require('../shared/definition60.cjs');
24
- require('../shared/definition59.cjs');
25
- require('../shared/definition53.cjs');
26
23
  require('../shared/definition61.cjs');
27
- require('../shared/focus.cjs');
24
+ require('../shared/definition60.cjs');
25
+ require('../shared/definition54.cjs');
28
26
  require('../shared/index2.cjs');
29
27
  require('../locales/en-US.cjs');
30
28
  require('../shared/Reflector.cjs');
31
29
  require('../shared/text-field2.cjs');
32
30
  require('../shared/text-field.cjs');
33
- require('../shared/focus2.cjs');
34
31
  require('../shared/definition21.cjs');
35
32
  require('../shared/aria.cjs');
36
33
  require('../shared/presentationDate.cjs');
@@ -18,17 +18,14 @@ import '../shared/aria-global.js';
18
18
  import '../shared/start-end.js';
19
19
  import '../shared/ref.js';
20
20
  import '../shared/enums.js';
21
- import '../shared/definition60.js';
22
- import '../shared/definition59.js';
23
- import '../shared/definition53.js';
24
21
  import '../shared/definition61.js';
25
- import '../shared/focus.js';
22
+ import '../shared/definition60.js';
23
+ import '../shared/definition54.js';
26
24
  import '../shared/index2.js';
27
25
  import '../locales/en-US.js';
28
26
  import '../shared/Reflector.js';
29
27
  import '../shared/text-field2.js';
30
28
  import '../shared/text-field.js';
31
- import '../shared/focus2.js';
32
29
  import '../shared/definition21.js';
33
30
  import '../shared/aria.js';
34
31
  import '../shared/presentationDate.js';
package/dialog/index.cjs CHANGED
@@ -20,7 +20,7 @@ require('../shared/aria-global.cjs');
20
20
  require('../shared/start-end.cjs');
21
21
  require('../shared/ref.cjs');
22
22
  require('../shared/enums.cjs');
23
- require('../shared/definition59.cjs');
23
+ require('../shared/definition60.cjs');
24
24
  require('../shared/index2.cjs');
25
25
  require('../locales/en-US.cjs');
26
26
  require('../shared/localized.cjs');
package/dialog/index.js CHANGED
@@ -18,7 +18,7 @@ import '../shared/aria-global.js';
18
18
  import '../shared/start-end.js';
19
19
  import '../shared/ref.js';
20
20
  import '../shared/enums.js';
21
- import '../shared/definition59.js';
21
+ import '../shared/definition60.js';
22
22
  import '../shared/index2.js';
23
23
  import '../locales/en-US.js';
24
24
  import '../shared/localized.js';
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const definition = require('../shared/definition59.cjs');
3
+ const definition = require('../shared/definition60.cjs');
4
4
  require('../shared/index.cjs');
5
5
  require('../shared/class-names.cjs');
6
6
 
@@ -1,4 +1,4 @@
1
- import { r as registerElevation } from '../shared/definition59.js';
1
+ import { r as registerElevation } from '../shared/definition60.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/class-names.js';
4
4
 
@@ -7,8 +7,6 @@ require('../shared/icon.cjs');
7
7
  require('../shared/_has.cjs');
8
8
  require('../shared/class-names.cjs');
9
9
  require('../shared/when.cjs');
10
- require('../shared/definition61.cjs');
11
- require('../shared/focus.cjs');
12
10
  require('../shared/definition11.cjs');
13
11
  require('../shared/definition37.cjs');
14
12
  require('../shared/base-progress.cjs');
@@ -5,8 +5,6 @@ import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition61.js';
9
- import '../shared/focus.js';
10
8
  import '../shared/definition11.js';
11
9
  import '../shared/definition37.js';
12
10
  import '../shared/base-progress.js';
package/header/index.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  const definition = require('../shared/definition25.cjs');
4
4
  require('../shared/index.cjs');
5
- require('../shared/definition59.cjs');
5
+ require('../shared/definition60.cjs');
6
6
  require('../shared/class-names.cjs');
7
7
 
8
8
  definition.registerHeader();
package/header/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerHeader } from '../shared/definition25.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition59.js';
3
+ import '../shared/definition60.js';
4
4
  import '../shared/class-names.js';
5
5
 
6
6
  registerHeader();
package/index.cjs CHANGED
@@ -60,6 +60,7 @@ const definition$S = require('./shared/definition55.cjs');
60
60
  const definition$T = require('./shared/definition56.cjs');
61
61
  const definition$U = require('./shared/definition57.cjs');
62
62
  const definition$V = require('./shared/definition58.cjs');
63
+ const definition$W = require('./shared/definition59.cjs');
63
64
  const enums = require('./shared/enums.cjs');
64
65
  const index$1 = require('./shared/index.cjs');
65
66
  const index = require('./shared/index2.cjs');
@@ -74,7 +75,7 @@ require('./shared/when.cjs');
74
75
  require('./shared/key-codes.cjs');
75
76
  require('./shared/numbers.cjs');
76
77
  require('./shared/class-names.cjs');
77
- require('./shared/definition59.cjs');
78
+ require('./shared/definition60.cjs');
78
79
  require('./shared/localized.cjs');
79
80
  require('./shared/button.cjs');
80
81
  require('./shared/form-associated.cjs');
@@ -84,27 +85,25 @@ require('./shared/anchor.cjs');
84
85
  require('./shared/text-anchor.template.cjs');
85
86
  require('./shared/calendar-event.cjs');
86
87
  require('./shared/repeat.cjs');
87
- require('./shared/definition60.cjs');
88
88
  require('./shared/definition61.cjs');
89
- require('./shared/focus.cjs');
90
89
  require('./shared/text-field.cjs');
91
90
  require('./shared/listbox.cjs');
92
91
  require('./shared/key-codes2.cjs');
93
92
  require('./shared/strings.cjs');
94
93
  require('./shared/select.options.cjs');
95
- require('./shared/focus2.cjs');
96
94
  require('./shared/children.cjs');
97
95
  require('./shared/presentationDate.cjs');
98
96
  require('./shared/trapped-focus.cjs');
99
97
  require('./shared/aria.cjs');
100
- require('./shared/direction.cjs');
101
98
  require('./shared/anchored.cjs');
99
+ require('./shared/direction.cjs');
102
100
  require('./shared/dom.cjs');
103
101
  require('./shared/text-anchor.cjs');
104
102
  require('./shared/text-field2.cjs');
105
103
  require('./shared/base-progress.cjs');
106
104
  require('./shared/radio.cjs');
107
105
  require('./shared/aria2.cjs');
106
+ require('./shared/slider.template.cjs');
108
107
  require('./shared/Reflector.cjs');
109
108
  require('./shared/tree-item.cjs');
110
109
  require('./locales/en-US.cjs');
@@ -233,59 +232,62 @@ exports.registerRadioGroup = definition$C.registerRadioGroup;
233
232
  exports.radioDefinition = definition$D.radioDefinition;
234
233
  exports.radioRegistries = definition$D.radioRegistries;
235
234
  exports.registerRadio = definition$D.registerRadio;
236
- exports.registerSelect = definition$E.registerSelect;
237
- exports.selectDefinition = definition$E.selectDefinition;
238
- exports.selectRegistries = definition$E.selectRegistries;
239
- exports.registerSelectableBox = definition$F.registerSelectableBox;
240
- exports.selectableBoxDefinition = definition$F.selectableBoxDefinition;
241
- exports.selectableBoxRegistries = definition$F.selectableBoxRegistries;
242
- exports.registerSideDrawer = definition$G.registerSideDrawer;
243
- exports.sideDrawerDefinition = definition$G.sideDrawerDefinition;
244
- exports.sideDrawerRegistries = definition$G.sideDrawerRegistries;
245
- exports.registerSlider = definition$H.registerSlider;
246
- exports.sliderDefinition = definition$H.sliderDefinition;
247
- exports.sliderRegistries = definition$H.sliderRegistries;
248
- exports.registerSplitButton = definition$I.registerSplitButton;
249
- exports.splitButtonDefinition = definition$I.splitButtonDefinition;
250
- exports.splitButtonRegistries = definition$I.splitButtonRegistries;
251
- exports.registerSwitch = definition$J.registerSwitch;
252
- exports.switchDefinition = definition$J.switchDefinition;
253
- exports.switchRegistries = definition$J.switchRegistries;
254
- exports.registerTabPanel = definition$K.registerTabPanel;
255
- exports.tabPanelDefinition = definition$K.tabPanelDefinition;
256
- exports.tabPanelRegistries = definition$K.tabPanelRegistries;
257
- exports.registerTab = definition$L.registerTab;
258
- exports.tabDefinition = definition$L.tabDefinition;
259
- exports.tabRegistries = definition$L.tabRegistries;
260
- exports.registerTabs = definition$M.registerTabs;
261
- exports.tabsDefinition = definition$M.tabsDefinition;
262
- exports.tabsRegistries = definition$M.tabsRegistries;
263
- exports.registerTagGroup = definition$N.registerTagGroup;
264
- exports.tagGroupDefinition = definition$N.tagGroupDefinition;
265
- exports.tagGroupRegistries = definition$N.tagGroupRegistries;
266
- exports.registerTag = definition$O.registerTag;
267
- exports.tagDefinition = definition$O.tagDefinition;
268
- exports.registerTextArea = definition$P.registerTextArea;
269
- exports.textAreaDefinition = definition$P.textAreaDefinition;
270
- exports.textAreaRegistries = definition$P.textAreaRegistries;
271
- exports.registerTextField = definition$Q.registerTextField;
272
- exports.textFieldDefinition = definition$Q.textFieldDefinition;
273
- exports.textFieldRegistries = definition$Q.textFieldRegistries;
274
- exports.registerTimePicker = definition$R.registerTimePicker;
275
- exports.timePickerDefinition = definition$R.timePickerDefinition;
276
- exports.timePickerRegistries = definition$R.timePickerRegistries;
277
- exports.registerToggletip = definition$S.registerToggletip;
278
- exports.toggletipDefinition = definition$S.toggletipDefinition;
279
- exports.toggletipRegistries = definition$S.toggletipRegistries;
280
- exports.registerTooltip = definition$T.registerTooltip;
281
- exports.tooltipDefinition = definition$T.tooltipDefinition;
282
- exports.tooltipRegistries = definition$T.tooltipRegistries;
283
- exports.registerTreeItem = definition$U.registerTreeItem;
284
- exports.treeItemDefinition = definition$U.treeItemDefinition;
285
- exports.treeItemRegistries = definition$U.treeItemRegistries;
286
- exports.registerTreeView = definition$V.registerTreeView;
287
- exports.treeViewDefinition = definition$V.treeViewDefinition;
288
- exports.treeViewRegistries = definition$V.treeViewRegistries;
235
+ exports.rangeSliderDefinition = definition$E.rangeSliderDefinition;
236
+ exports.rangeSliderRegistries = definition$E.rangeSliderRegistries;
237
+ exports.registerRangeSlider = definition$E.registerRangeSlider;
238
+ exports.registerSelect = definition$F.registerSelect;
239
+ exports.selectDefinition = definition$F.selectDefinition;
240
+ exports.selectRegistries = definition$F.selectRegistries;
241
+ exports.registerSelectableBox = definition$G.registerSelectableBox;
242
+ exports.selectableBoxDefinition = definition$G.selectableBoxDefinition;
243
+ exports.selectableBoxRegistries = definition$G.selectableBoxRegistries;
244
+ exports.registerSideDrawer = definition$H.registerSideDrawer;
245
+ exports.sideDrawerDefinition = definition$H.sideDrawerDefinition;
246
+ exports.sideDrawerRegistries = definition$H.sideDrawerRegistries;
247
+ exports.registerSlider = definition$I.registerSlider;
248
+ exports.sliderDefinition = definition$I.sliderDefinition;
249
+ exports.sliderRegistries = definition$I.sliderRegistries;
250
+ exports.registerSplitButton = definition$J.registerSplitButton;
251
+ exports.splitButtonDefinition = definition$J.splitButtonDefinition;
252
+ exports.splitButtonRegistries = definition$J.splitButtonRegistries;
253
+ exports.registerSwitch = definition$K.registerSwitch;
254
+ exports.switchDefinition = definition$K.switchDefinition;
255
+ exports.switchRegistries = definition$K.switchRegistries;
256
+ exports.registerTabPanel = definition$L.registerTabPanel;
257
+ exports.tabPanelDefinition = definition$L.tabPanelDefinition;
258
+ exports.tabPanelRegistries = definition$L.tabPanelRegistries;
259
+ exports.registerTab = definition$M.registerTab;
260
+ exports.tabDefinition = definition$M.tabDefinition;
261
+ exports.tabRegistries = definition$M.tabRegistries;
262
+ exports.registerTabs = definition$N.registerTabs;
263
+ exports.tabsDefinition = definition$N.tabsDefinition;
264
+ exports.tabsRegistries = definition$N.tabsRegistries;
265
+ exports.registerTagGroup = definition$O.registerTagGroup;
266
+ exports.tagGroupDefinition = definition$O.tagGroupDefinition;
267
+ exports.tagGroupRegistries = definition$O.tagGroupRegistries;
268
+ exports.registerTag = definition$P.registerTag;
269
+ exports.tagDefinition = definition$P.tagDefinition;
270
+ exports.registerTextArea = definition$Q.registerTextArea;
271
+ exports.textAreaDefinition = definition$Q.textAreaDefinition;
272
+ exports.textAreaRegistries = definition$Q.textAreaRegistries;
273
+ exports.registerTextField = definition$R.registerTextField;
274
+ exports.textFieldDefinition = definition$R.textFieldDefinition;
275
+ exports.textFieldRegistries = definition$R.textFieldRegistries;
276
+ exports.registerTimePicker = definition$S.registerTimePicker;
277
+ exports.timePickerDefinition = definition$S.timePickerDefinition;
278
+ exports.timePickerRegistries = definition$S.timePickerRegistries;
279
+ exports.registerToggletip = definition$T.registerToggletip;
280
+ exports.toggletipDefinition = definition$T.toggletipDefinition;
281
+ exports.toggletipRegistries = definition$T.toggletipRegistries;
282
+ exports.registerTooltip = definition$U.registerTooltip;
283
+ exports.tooltipDefinition = definition$U.tooltipDefinition;
284
+ exports.tooltipRegistries = definition$U.tooltipRegistries;
285
+ exports.registerTreeItem = definition$V.registerTreeItem;
286
+ exports.treeItemDefinition = definition$V.treeItemDefinition;
287
+ exports.treeItemRegistries = definition$V.treeItemRegistries;
288
+ exports.registerTreeView = definition$W.registerTreeView;
289
+ exports.treeViewDefinition = definition$W.treeViewDefinition;
290
+ exports.treeViewRegistries = definition$W.treeViewRegistries;
289
291
  exports.Appearance = enums.Appearance;
290
292
  exports.AriaLive = enums.AriaLive;
291
293
  exports.Connotation = enums.Connotation;
package/index.js CHANGED
@@ -38,24 +38,25 @@ export { p as progressRingDefinition, a as progressRingRegistries, r as register
38
38
  export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition38.js';
39
39
  export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition39.js';
40
40
  export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition40.js';
41
- export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition41.js';
42
- export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition42.js';
43
- export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition43.js';
44
- export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition44.js';
45
- export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition45.js';
46
- export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition46.js';
47
- export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition47.js';
48
- export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition48.js';
49
- export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition49.js';
50
- export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition50.js';
51
- export { r as registerTag, t as tagDefinition } from './shared/definition51.js';
52
- export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition52.js';
53
- export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition53.js';
54
- export { r as registerTimePicker, t as timePickerDefinition, a as timePickerRegistries } from './shared/definition54.js';
55
- export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition55.js';
56
- export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition56.js';
57
- export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition57.js';
58
- export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition58.js';
41
+ export { r as rangeSliderDefinition, a as rangeSliderRegistries, b as registerRangeSlider } from './shared/definition41.js';
42
+ export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition42.js';
43
+ export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition43.js';
44
+ export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition44.js';
45
+ export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition45.js';
46
+ export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition46.js';
47
+ export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition47.js';
48
+ export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition48.js';
49
+ export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition49.js';
50
+ export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition50.js';
51
+ export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition51.js';
52
+ export { r as registerTag, t as tagDefinition } from './shared/definition52.js';
53
+ export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition53.js';
54
+ export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition54.js';
55
+ export { r as registerTimePicker, t as timePickerDefinition, a as timePickerRegistries } from './shared/definition55.js';
56
+ export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition56.js';
57
+ export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition57.js';
58
+ export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition58.js';
59
+ export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition59.js';
59
60
  export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, b as Size, T as TabsSize } from './shared/enums.js';
60
61
  export { d as designSystem, r as registerFactory } from './shared/index.js';
61
62
  export { s as setLocale } from './shared/index2.js';
@@ -70,7 +71,7 @@ import './shared/when.js';
70
71
  import './shared/key-codes.js';
71
72
  import './shared/numbers.js';
72
73
  import './shared/class-names.js';
73
- import './shared/definition59.js';
74
+ import './shared/definition60.js';
74
75
  import './shared/localized.js';
75
76
  import './shared/button.js';
76
77
  import './shared/form-associated.js';
@@ -80,27 +81,25 @@ import './shared/anchor.js';
80
81
  import './shared/text-anchor.template.js';
81
82
  import './shared/calendar-event.js';
82
83
  import './shared/repeat.js';
83
- import './shared/definition60.js';
84
84
  import './shared/definition61.js';
85
- import './shared/focus.js';
86
85
  import './shared/text-field.js';
87
86
  import './shared/listbox.js';
88
87
  import './shared/key-codes2.js';
89
88
  import './shared/strings.js';
90
89
  import './shared/select.options.js';
91
- import './shared/focus2.js';
92
90
  import './shared/children.js';
93
91
  import './shared/presentationDate.js';
94
92
  import './shared/trapped-focus.js';
95
93
  import './shared/aria.js';
96
- import './shared/direction.js';
97
94
  import './shared/anchored.js';
95
+ import './shared/direction.js';
98
96
  import './shared/dom.js';
99
97
  import './shared/text-anchor.js';
100
98
  import './shared/text-field2.js';
101
99
  import './shared/base-progress.js';
102
100
  import './shared/radio.js';
103
101
  import './shared/aria2.js';
102
+ import './shared/slider.template.js';
104
103
  import './shared/Reflector.js';
105
104
  import './shared/tree-item.js';
106
105
  import './locales/en-US.js';
@@ -1,2 +1,2 @@
1
- export type { AvatarConnotation, AvatarShape, AvatarAppearance, AvatarSize } from './avatar';
1
+ export type { AvatarConnotation, AvatarShape, AvatarAppearance, AvatarSize, } from './avatar';
2
2
  export declare const registerAvatar: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -13,6 +13,7 @@ export declare class Button extends FoundationButton {
13
13
  size?: ButtonSize;
14
14
  stacked: boolean;
15
15
  pending: boolean;
16
+ active: boolean;
16
17
  label?: string;
17
18
  href?: string;
18
19
  download?: string;
@@ -1,2 +1,2 @@
1
- export type { ButtonAppearance, ButtonConnotation, ButtonShape, ButtonSize } from './button';
1
+ export type { ButtonAppearance, ButtonConnotation, ButtonShape, ButtonSize, } from './button';
2
2
  export declare const registerButton: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,2 +1,2 @@
1
- export type { CalendarEventAppearance, CalendarEventConnotation } from './calendar-event';
1
+ export type { CalendarEventAppearance, CalendarEventConnotation, } from './calendar-event';
2
2
  export declare const registerCalendarEvent: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -38,6 +38,7 @@ export * from './progress-ring/definition';
38
38
  export * from './progress/definition';
39
39
  export * from './radio-group/definition';
40
40
  export * from './radio/definition';
41
+ export * from './range-slider/definition';
41
42
  export * from './select/definition';
42
43
  export * from './selectable-box/definition';
43
44
  export * from './side-drawer/definition';
@@ -1,4 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export type { AUTO_SIZING, ColumnBasis, ColumnSpacing, RowSpacing, Gutters } from './layout';
2
+ export type { AUTO_SIZING, ColumnBasis, ColumnSpacing, RowSpacing, Gutters, } from './layout';
3
3
  export declare const layoutDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
4
4
  export declare const registerLayout: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,5 +1,6 @@
1
1
  import { MenuItem as FastMenuItem } from '@microsoft/fast-foundation';
2
2
  import { AffixIcon } from '../../shared/patterns/affix';
3
+ import { Connotation } from '../enums';
3
4
  export declare const MenuItemRole: {
4
5
  readonly presentation: "presentation";
5
6
  readonly menuitem: "menuitem";
@@ -10,10 +11,12 @@ export declare enum CheckAppearance {
10
11
  Normal = "normal",
11
12
  TickOnly = "tick-only"
12
13
  }
14
+ export type MenuItemConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
13
15
  export declare class MenuItem extends FastMenuItem {
14
16
  #private;
15
17
  text?: string;
16
18
  textSecondary?: string;
19
+ connotation?: MenuItemConnotation;
17
20
  checkTrailing: boolean;
18
21
  checkedAppearance?: CheckAppearance;
19
22
  trailingMetaSlottedContent?: HTMLElement[];
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const rangeSliderDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerRangeSlider: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,4 @@
1
+ export interface RangeSliderLocale {
2
+ startThumbLabel: string;
3
+ endThumbLabel: string;
4
+ }
@@ -0,0 +1,32 @@
1
+ import { Orientation } from '@microsoft/fast-web-utilities';
2
+ import { Connotation } from '../enums';
3
+ import { type FormElement, Localized } from '../../shared/patterns';
4
+ import { FormAssociatedRangeSlider } from './range-slider.form-associated';
5
+ export type RangeSliderConnotation = Connotation.Accent | Connotation.CTA;
6
+ export declare class RangeSlider extends FormAssociatedRangeSlider {
7
+ #private;
8
+ start: string;
9
+ initialStart: string | undefined;
10
+ currentStart: string;
11
+ get startAsNumber(): number;
12
+ set startAsNumber(next: number);
13
+ end: string;
14
+ initialEnd: string | undefined;
15
+ currentEnd: string;
16
+ get endAsNumber(): number;
17
+ set endAsNumber(next: number);
18
+ min: number;
19
+ max: number;
20
+ step: number;
21
+ orientation: Orientation;
22
+ ariaStartLabel: string | null;
23
+ ariaEndLabel: string | null;
24
+ markers: boolean;
25
+ connotation?: RangeSliderConnotation;
26
+ valueTextFormatter: (value: string) => string;
27
+ formResetCallback(): void;
28
+ connectedCallback(): void;
29
+ disconnectedCallback(): void;
30
+ }
31
+ export interface RangeSlider extends FormElement, Localized {
32
+ }
@@ -0,0 +1,10 @@
1
+ import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
+ declare class _RangeSlider extends FoundationElement {
3
+ }
4
+ interface _RangeSlider extends FormAssociated {
5
+ }
6
+ declare const FormAssociatedRangeSlider_base: typeof _RangeSlider;
7
+ export declare class FormAssociatedRangeSlider extends FormAssociatedRangeSlider_base {
8
+ proxy: HTMLInputElement;
9
+ }
10
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ import type { RangeSlider } from './range-slider';
4
+ export declare const RangeSliderTemplate: (context: ElementDefinitionContext) => ViewTemplate<RangeSlider>;
@@ -0,0 +1,2 @@
1
+ export declare const lerp: (a: number, b: number, value: number) => number;
2
+ export declare const inverseLerp: (a: number, b: number, value: number) => number;
@@ -0,0 +1 @@
1
+ export declare const roundToStepValue: (value: number, step: number) => number;
@@ -1,4 +1,5 @@
1
1
  import type { ViewTemplate } from '@microsoft/fast-element';
2
2
  import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
3
  import type { Slider } from './slider';
4
+ export declare const getMarkersTemplate: (isHorizontal: boolean, numMarkers: number) => ViewTemplate<any, any>;
4
5
  export declare const SliderTemplate: (context: ElementDefinitionContext) => ViewTemplate<Slider>;
@@ -1,2 +1,2 @@
1
- export type { SplitButtonAppearance, SplitButtonConnotation, SplitButtonShape, SplitButtonSize } from './split-button';
1
+ export type { SplitButtonAppearance, SplitButtonConnotation, SplitButtonShape, SplitButtonSize, } from './split-button';
2
2
  export declare const registerSplitButton: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;