@vonage/vivid 5.25.0 → 5.27.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 (737) hide show
  1. package/accordion/index.cjs +1 -1
  2. package/accordion/index.js +8 -8
  3. package/accordion-item/index.cjs +1 -1
  4. package/action-group/index.cjs +3 -3
  5. package/action-group/index.js +10 -5
  6. package/alert/index.cjs +7 -7
  7. package/alert/index.js +47 -35
  8. package/audio-player/index.cjs +18 -18
  9. package/audio-player/index.js +15 -11
  10. package/avatar/index.cjs +9 -9
  11. package/avatar/index.js +27 -18
  12. package/badge/index.cjs +1 -1
  13. package/banner/index.cjs +5 -5
  14. package/banner/index.js +33 -27
  15. package/breadcrumb/index.cjs +1 -1
  16. package/breadcrumb/index.js +5 -1
  17. package/breadcrumb-item/index.cjs +1 -1
  18. package/breadcrumb-item/index.js +6 -6
  19. package/bundled/affix.cjs +3 -3
  20. package/bundled/affix.js +1 -1
  21. package/bundled/anchored.cjs +2 -2
  22. package/bundled/anchored.js +13 -1
  23. package/bundled/aria-binding-directive.cjs +1 -1
  24. package/bundled/aria-binding-directive.js +2 -2
  25. package/bundled/aria.cjs +1 -1
  26. package/bundled/base-color-picker.cjs +2 -2
  27. package/bundled/base-color-picker.js +1 -1
  28. package/bundled/base-progress.cjs +1 -1
  29. package/bundled/breadcrumb-item.cjs +1 -1
  30. package/bundled/button.cjs +1 -1
  31. package/bundled/calendar-event.cjs +1 -1
  32. package/bundled/calendar-event.js +17 -4
  33. package/bundled/calendar-picker.template.cjs +5 -5
  34. package/bundled/calendar-picker.template.js +53 -55
  35. package/bundled/char-count.cjs +2 -2
  36. package/bundled/children.cjs +1 -1
  37. package/bundled/children.js +1 -1
  38. package/bundled/class-names.cjs +1 -1
  39. package/bundled/component-enum.cjs +1 -0
  40. package/bundled/component-enum.js +9 -0
  41. package/bundled/data-grid.options.cjs +1 -1
  42. package/bundled/data-grid.options.js +7 -6
  43. package/bundled/decorate.cjs +1 -1
  44. package/bundled/decorate.js +1 -1
  45. package/bundled/definition.cjs +1 -1
  46. package/bundled/definition10.cjs +10 -20
  47. package/bundled/definition10.js +23 -72
  48. package/bundled/definition11.cjs +74 -10
  49. package/bundled/definition11.js +194 -24
  50. package/bundled/definition12.cjs +18 -70
  51. package/bundled/definition12.js +48 -186
  52. package/bundled/definition13.cjs +5 -22
  53. package/bundled/definition13.js +9 -58
  54. package/bundled/definition14.cjs +1 -5
  55. package/bundled/definition14.js +9 -9
  56. package/bundled/definition15.cjs +3 -3
  57. package/bundled/definition15.js +18 -18
  58. package/bundled/definition16.cjs +3 -3
  59. package/bundled/definition16.js +23 -17
  60. package/bundled/definition17.cjs +6 -6
  61. package/bundled/definition17.js +8 -8
  62. package/bundled/definition18.cjs +2 -2
  63. package/bundled/definition19.cjs +21 -21
  64. package/bundled/definition19.js +66 -61
  65. package/bundled/definition2.cjs +13 -1
  66. package/bundled/definition2.js +22 -185
  67. package/bundled/definition20.cjs +3 -3
  68. package/bundled/definition20.js +6 -7
  69. package/bundled/definition21.cjs +7 -7
  70. package/bundled/definition21.js +22 -23
  71. package/bundled/definition22.cjs +3 -3
  72. package/bundled/definition22.js +25 -25
  73. package/bundled/definition23.cjs +3 -3
  74. package/bundled/definition23.js +26 -8
  75. package/bundled/definition24.cjs +2 -2
  76. package/bundled/definition24.js +1 -1
  77. package/bundled/definition25.cjs +5 -5
  78. package/bundled/definition25.js +16 -11
  79. package/bundled/definition3.cjs +25 -12
  80. package/bundled/definition3.js +90 -21
  81. package/bundled/definition4.cjs +29 -25
  82. package/bundled/definition4.js +50 -89
  83. package/bundled/definition5.cjs +28 -29
  84. package/bundled/definition5.js +143 -45
  85. package/bundled/definition6.cjs +6 -29
  86. package/bundled/definition6.js +20 -130
  87. package/bundled/definition7.cjs +14 -6
  88. package/bundled/definition7.js +159 -20
  89. package/bundled/definition8.cjs +22 -14
  90. package/bundled/definition8.js +88 -144
  91. package/bundled/definition9.cjs +20 -22
  92. package/bundled/definition9.js +54 -80
  93. package/bundled/delegates-aria.cjs +1 -1
  94. package/bundled/delegates-aria.js +3 -2
  95. package/bundled/dialog.cjs +1 -1
  96. package/bundled/dialog.js +1 -1
  97. package/bundled/divider.cjs +1 -1
  98. package/bundled/divider.js +9 -9
  99. package/bundled/dom.cjs +1 -1
  100. package/bundled/enums.cjs +1 -1
  101. package/bundled/extractOptions.cjs +1 -1
  102. package/bundled/feedback-message.cjs +8 -0
  103. package/bundled/feedback-message.js +41 -0
  104. package/bundled/floating-ui.dom.cjs +1 -1
  105. package/bundled/floating-ui.dom.js +163 -197
  106. package/bundled/form-associated.cjs +1 -1
  107. package/bundled/form-associated.js +3 -4
  108. package/bundled/form-element.cjs +1 -1
  109. package/bundled/host-semantics.cjs +1 -1
  110. package/bundled/icon.cjs +1 -1
  111. package/bundled/kbd-shortcut.cjs +1 -1
  112. package/bundled/key-codes.cjs +1 -1
  113. package/bundled/linkable.cjs +2 -2
  114. package/bundled/listbox.cjs +1 -1
  115. package/bundled/listbox.js +3 -5
  116. package/bundled/localized.cjs +1 -1
  117. package/bundled/localized.js +33 -32
  118. package/bundled/mixins.cjs +9 -16
  119. package/bundled/mixins.js +23 -57
  120. package/bundled/numberConverter.cjs +2 -2
  121. package/bundled/numberConverter.js +1 -1
  122. package/bundled/numbers.cjs +1 -1
  123. package/bundled/optgroup.cjs +1 -1
  124. package/bundled/option.cjs +1 -1
  125. package/bundled/option.js +9 -7
  126. package/bundled/picker-field.template.cjs +2 -2
  127. package/bundled/picker-field.template.js +8 -8
  128. package/bundled/platform.cjs +1 -1
  129. package/bundled/playbackRates.cjs +1 -1
  130. package/bundled/ref.cjs +1 -1
  131. package/bundled/ref.js +1 -1
  132. package/bundled/render-in-light-dom.cjs +1 -1
  133. package/bundled/render-in-light-dom.js +1 -1
  134. package/bundled/repeat.cjs +1 -1
  135. package/bundled/repeat.js +16 -15
  136. package/bundled/scrollIntoView.cjs +1 -1
  137. package/bundled/scrollIntoView.js +1 -3
  138. package/bundled/single-date-picker.cjs +1 -1
  139. package/bundled/single-value-picker.cjs +1 -1
  140. package/bundled/single-value-picker.js +1 -1
  141. package/bundled/slider.template.cjs +12 -12
  142. package/bundled/slider.template.js +209 -32
  143. package/bundled/slottable-request.cjs +3 -3
  144. package/bundled/slottable-request.js +26 -17
  145. package/bundled/slotted.cjs +1 -1
  146. package/bundled/slotted.js +1 -1
  147. package/bundled/text-field.cjs +1 -1
  148. package/bundled/text-field.js +1 -1
  149. package/bundled/time-selection-picker.template.cjs +4 -4
  150. package/bundled/time-selection-picker.template.js +10 -7
  151. package/bundled/trapped-focus.cjs +1 -1
  152. package/bundled/utils.cjs +1 -1
  153. package/bundled/vivid-element.cjs +3 -3
  154. package/bundled/vivid-element.js +397 -358
  155. package/bundled/when.cjs +1 -1
  156. package/bundled/when.js +1 -1
  157. package/bundled/with-contextual-help.cjs +1 -1
  158. package/bundled/with-contextual-help.js +1 -1
  159. package/bundled/with-error-text.cjs +1 -1
  160. package/bundled/with-success-text.cjs +1 -1
  161. package/button/index.cjs +1 -1
  162. package/button/index.js +1 -1
  163. package/calendar/index.cjs +1 -1
  164. package/calendar/index.js +7 -7
  165. package/calendar-event/index.cjs +2 -2
  166. package/calendar-event/index.js +10 -8
  167. package/card/index.cjs +4 -2
  168. package/card/index.js +12 -7
  169. package/checkbox/index.cjs +1 -1
  170. package/color-picker/index.cjs +17 -17
  171. package/color-picker/index.js +19 -17
  172. package/combobox/index.cjs +9 -9
  173. package/combobox/index.js +46 -44
  174. package/contextual-help/index.cjs +1 -1
  175. package/contextual-help/index.js +1 -1
  176. package/country/index.cjs +1 -1
  177. package/country-group/index.cjs +1 -1
  178. package/country-group/index.js +8 -4
  179. package/custom-elements.json +7322 -7254
  180. package/data-grid/index.cjs +6 -6
  181. package/data-grid/index.js +92 -99
  182. package/date-picker/index.cjs +1 -1
  183. package/date-picker/index.js +10 -6
  184. package/date-range-picker/index.cjs +1 -1
  185. package/date-range-picker/index.js +13 -9
  186. package/date-time-picker/index.cjs +1 -1
  187. package/date-time-picker/index.js +11 -7
  188. package/dial-pad/index.cjs +4 -3
  189. package/dial-pad/index.js +14 -9
  190. package/dialog/index.cjs +1 -1
  191. package/dialog/index.js +9 -6
  192. package/divider/index.cjs +1 -1
  193. package/elevation/definition.cjs +1 -0
  194. package/elevation/definition.js +2 -2
  195. package/elevation/index.cjs +1 -1
  196. package/elevation/index.js +1 -1
  197. package/empty-state/index.cjs +3 -3
  198. package/empty-state/index.js +18 -6
  199. package/fab/index.cjs +3 -3
  200. package/fab/index.js +14 -6
  201. package/file-picker/index.cjs +8 -10
  202. package/file-picker/index.js +25 -22
  203. package/flag/index.cjs +1 -1
  204. package/flag/index.js +7 -3
  205. package/form-field/definition.cjs +5 -0
  206. package/form-field/definition.js +2 -0
  207. package/form-field/index.cjs +29 -0
  208. package/form-field/index.js +57 -0
  209. package/header/definition.cjs +1 -1
  210. package/header/definition.js +1 -1
  211. package/header/index.cjs +1 -1
  212. package/header/index.js +9 -5
  213. package/icon/index.cjs +1 -1
  214. package/icon/index.js +1 -1
  215. package/index.cjs +159 -154
  216. package/index.js +42 -40
  217. package/kbd-key/definition.cjs +1 -1
  218. package/kbd-key/definition.js +1 -1
  219. package/kbd-key/index.cjs +3 -3
  220. package/kbd-key/index.js +22 -13
  221. package/kbd-shortcut/definition.cjs +1 -1
  222. package/kbd-shortcut/definition.js +1 -1
  223. package/kbd-shortcut/index.cjs +1 -1
  224. package/kbd-shortcut/index.js +6 -6
  225. package/layout/definition.cjs +1 -1
  226. package/layout/definition.js +1 -1
  227. package/layout/index.cjs +1 -1
  228. package/layout/index.js +7 -3
  229. package/lib/accordion-item/accordion-item.d.ts +11 -6
  230. package/lib/action-group/action-group.d.ts +10 -5
  231. package/lib/alert/alert.d.ts +15 -18
  232. package/lib/avatar/avatar.d.ts +16 -7
  233. package/lib/badge/badge.d.ts +17 -7
  234. package/lib/banner/banner.d.ts +18 -20
  235. package/lib/button/button.d.ts +25 -16
  236. package/lib/calendar-event/calendar-event.d.ts +14 -7
  237. package/lib/checkbox/checkbox.d.ts +31 -28
  238. package/lib/combobox/combobox.d.ts +37 -32
  239. package/lib/components.d.ts +1 -0
  240. package/lib/data-grid/data-grid.options.d.ts +6 -1
  241. package/lib/dial-pad/locale.d.ts +1 -0
  242. package/lib/divider/divider.d.ts +9 -6
  243. package/lib/elevation/definition.d.ts +2 -0
  244. package/lib/empty-state/empty-state.d.ts +7 -2
  245. package/lib/fab/fab.d.ts +3 -2
  246. package/lib/form-field/definition.d.ts +4 -0
  247. package/lib/form-field/form-field.d.ts +6 -0
  248. package/lib/form-field/form-field.template.d.ts +3 -0
  249. package/lib/kbd-key/kbd-key.d.ts +7 -2
  250. package/lib/listbox/listbox.d.ts +1 -0
  251. package/lib/menu-item/menu-item.d.ts +17 -14
  252. package/lib/nav-disclosure/nav-disclosure.d.ts +18 -11
  253. package/lib/nav-item/nav-item.d.ts +19 -12
  254. package/lib/note/note.d.ts +10 -6
  255. package/lib/number-field/number-field.d.ts +45 -40
  256. package/lib/option/option.d.ts +13 -10
  257. package/lib/popup/definition.d.ts +2 -0
  258. package/lib/progress/progress.d.ts +10 -5
  259. package/lib/progress-ring/progress-ring.d.ts +9 -5
  260. package/lib/radio/radio.d.ts +18 -15
  261. package/lib/range-slider/range-slider.d.ts +19 -15
  262. package/lib/rich-text-editor/rich-text-editor.d.ts +9 -5
  263. package/lib/rich-text-editor/rte/utils/ui.d.ts +2 -1
  264. package/lib/searchable-select/option-tag.d.ts +12 -7
  265. package/lib/searchable-select/searchable-select.d.ts +7 -2
  266. package/lib/select/select.d.ts +45 -40
  267. package/lib/selectable-box/selectable-box.d.ts +9 -5
  268. package/lib/slider/slider.d.ts +18 -14
  269. package/lib/split-button/split-button.d.ts +24 -15
  270. package/lib/status/status.d.ts +10 -7
  271. package/lib/switch/switch.d.ts +13 -9
  272. package/lib/tab/tab.d.ts +19 -14
  273. package/lib/tabs/tabs.d.ts +6 -3
  274. package/lib/tag/tag.d.ts +24 -15
  275. package/lib/tag-name-map.d.ts +2 -1
  276. package/lib/text-field/text-field.d.ts +46 -41
  277. package/lib/video-player/__tests__/video-fixtures.d.ts +3 -0
  278. package/listbox/definition.cjs +1 -1
  279. package/listbox/definition.js +1 -1
  280. package/listbox/index.cjs +7 -5
  281. package/listbox/index.js +24 -10
  282. package/locales/de-DE.cjs +34 -33
  283. package/locales/de-DE.js +34 -33
  284. package/locales/en-GB.cjs +34 -33
  285. package/locales/en-GB.js +34 -33
  286. package/locales/ja-JP.cjs +35 -33
  287. package/locales/ja-JP.js +35 -33
  288. package/locales/zh-CN.cjs +34 -33
  289. package/locales/zh-CN.js +34 -33
  290. package/menu/index.cjs +1 -1
  291. package/menu-item/index.cjs +1 -1
  292. package/nav/definition.cjs +1 -1
  293. package/nav/definition.js +1 -1
  294. package/nav/index.cjs +1 -1
  295. package/nav/index.js +6 -4
  296. package/nav-disclosure/definition.cjs +1 -1
  297. package/nav-disclosure/definition.js +1 -1
  298. package/nav-disclosure/index.cjs +3 -3
  299. package/nav-disclosure/index.js +13 -8
  300. package/nav-item/definition.cjs +1 -1
  301. package/nav-item/definition.js +1 -1
  302. package/nav-item/index.cjs +2 -2
  303. package/nav-item/index.js +15 -10
  304. package/note/definition.cjs +1 -1
  305. package/note/definition.js +1 -1
  306. package/note/index.cjs +6 -4
  307. package/note/index.js +22 -9
  308. package/number-field/definition.cjs +1 -1
  309. package/number-field/definition.js +1 -1
  310. package/number-field/index.cjs +11 -11
  311. package/number-field/index.js +41 -36
  312. package/optgroup/index.cjs +1 -1
  313. package/option/index.cjs +1 -1
  314. package/package.json +29 -36
  315. package/pagination/definition.cjs +1 -1
  316. package/pagination/definition.js +1 -1
  317. package/pagination/index.cjs +1 -1
  318. package/pagination/index.js +9 -9
  319. package/platform-switch/definition.cjs +1 -1
  320. package/platform-switch/definition.js +1 -1
  321. package/platform-switch/index.cjs +1 -1
  322. package/platform-switch/index.js +6 -2
  323. package/popover/definition.cjs +1 -1
  324. package/popover/definition.js +1 -1
  325. package/popover/index.cjs +2 -2
  326. package/popover/index.js +43 -35
  327. package/popup/definition.cjs +1 -0
  328. package/popup/definition.js +2 -2
  329. package/popup/index.cjs +1 -1
  330. package/popup/index.js +1 -1
  331. package/progress/definition.cjs +1 -1
  332. package/progress/definition.js +1 -1
  333. package/progress/index.cjs +7 -7
  334. package/progress/index.js +21 -11
  335. package/progress-ring/index.cjs +1 -1
  336. package/progress-ring/index.js +1 -1
  337. package/radio/definition.cjs +1 -1
  338. package/radio/definition.js +1 -1
  339. package/radio/index.cjs +1 -1
  340. package/radio-group/definition.cjs +1 -1
  341. package/radio-group/definition.js +1 -1
  342. package/radio-group/index.cjs +2 -2
  343. package/radio-group/index.js +14 -9
  344. package/range-slider/definition.cjs +1 -1
  345. package/range-slider/definition.js +1 -1
  346. package/range-slider/index.cjs +8 -8
  347. package/range-slider/index.js +31 -32
  348. package/rich-text-editor/definition.cjs +1 -1
  349. package/rich-text-editor/definition.js +1 -1
  350. package/rich-text-editor/index.cjs +13 -10
  351. package/rich-text-editor/index.js +1942 -1711
  352. package/rich-text-view/definition.cjs +1 -1
  353. package/rich-text-view/definition.js +1 -1
  354. package/rich-text-view/index.cjs +1 -1
  355. package/rich-text-view/index.js +6 -4
  356. package/searchable-select/definition.cjs +1 -1
  357. package/searchable-select/definition.js +1 -1
  358. package/searchable-select/index.cjs +22 -22
  359. package/searchable-select/index.js +97 -93
  360. package/select/definition.cjs +1 -1
  361. package/select/definition.js +1 -1
  362. package/select/index.cjs +1 -1
  363. package/selectable-box/definition.cjs +1 -1
  364. package/selectable-box/definition.js +1 -1
  365. package/selectable-box/index.cjs +8 -8
  366. package/selectable-box/index.js +24 -20
  367. package/shared/patterns/anchored.d.ts +2 -0
  368. package/shared/styles/appearance.d.ts +2 -0
  369. package/shared/styles/connotation.d.ts +2 -0
  370. package/shared/styles/connotationOverrides.d.ts +1 -0
  371. package/shared/utils/component-enum.d.ts +7 -0
  372. package/side-drawer/definition.cjs +1 -1
  373. package/side-drawer/definition.js +1 -1
  374. package/side-drawer/index.cjs +1 -1
  375. package/side-drawer/index.js +10 -7
  376. package/simple-color-picker/definition.cjs +1 -1
  377. package/simple-color-picker/definition.js +1 -1
  378. package/simple-color-picker/index.cjs +2 -2
  379. package/simple-color-picker/index.js +20 -20
  380. package/slider/definition.cjs +2 -1
  381. package/slider/definition.js +2 -1
  382. package/slider/index.cjs +1 -1
  383. package/slider/index.js +1 -1
  384. package/split-button/definition.cjs +1 -1
  385. package/split-button/definition.js +1 -1
  386. package/split-button/index.cjs +9 -7
  387. package/split-button/index.js +58 -37
  388. package/status/definition.cjs +1 -1
  389. package/status/definition.js +1 -1
  390. package/status/index.cjs +5 -5
  391. package/status/index.js +22 -13
  392. package/switch/definition.cjs +1 -1
  393. package/switch/definition.js +1 -1
  394. package/switch/index.cjs +3 -3
  395. package/switch/index.js +22 -11
  396. package/tab/definition.cjs +1 -1
  397. package/tab/definition.js +1 -1
  398. package/tab/index.cjs +1 -1
  399. package/tab/index.js +1 -1
  400. package/tab-panel/definition.cjs +1 -1
  401. package/tab-panel/definition.js +1 -1
  402. package/tab-panel/index.cjs +1 -1
  403. package/tab-panel/index.js +1 -1
  404. package/table/definition.cjs +1 -1
  405. package/table/definition.js +1 -1
  406. package/table/index.cjs +4 -2
  407. package/table/index.js +12 -10
  408. package/tabs/definition.cjs +1 -1
  409. package/tabs/definition.js +1 -1
  410. package/tabs/index.cjs +4 -4
  411. package/tabs/index.js +32 -30
  412. package/tag/definition.cjs +1 -1
  413. package/tag/definition.js +1 -1
  414. package/tag/index.cjs +6 -6
  415. package/tag/index.js +28 -12
  416. package/tag-group/definition.cjs +1 -1
  417. package/tag-group/definition.js +1 -1
  418. package/tag-group/index.cjs +1 -1
  419. package/tag-group/index.js +6 -4
  420. package/text-area/definition.cjs +1 -1
  421. package/text-area/definition.js +1 -1
  422. package/text-area/index.cjs +5 -5
  423. package/text-area/index.js +18 -15
  424. package/text-field/index.cjs +1 -1
  425. package/text-field/index.js +1 -1
  426. package/time-picker/definition.cjs +1 -1
  427. package/time-picker/definition.js +1 -1
  428. package/time-picker/index.cjs +1 -1
  429. package/time-picker/index.js +9 -6
  430. package/toggletip/index.cjs +1 -1
  431. package/toggletip/index.js +1 -1
  432. package/tooltip/index.cjs +1 -1
  433. package/tooltip/index.js +1 -1
  434. package/tree-item/definition.cjs +1 -1
  435. package/tree-item/definition.js +1 -1
  436. package/tree-item/index.cjs +1 -1
  437. package/tree-item/index.js +1 -1
  438. package/tree-view/definition.cjs +1 -1
  439. package/tree-view/definition.js +1 -1
  440. package/tree-view/index.cjs +1 -1
  441. package/tree-view/index.js +7 -5
  442. package/unbundled/affix.cjs +0 -1
  443. package/unbundled/anchored.cjs +39 -1
  444. package/unbundled/anchored.js +28 -1
  445. package/unbundled/aria-binding-directive.cjs +2 -2
  446. package/unbundled/aria-binding-directive.js +2 -1
  447. package/unbundled/base-color-picker.cjs +0 -1
  448. package/unbundled/base-progress.cjs +0 -1
  449. package/unbundled/breadcrumb-item.cjs +0 -1
  450. package/unbundled/button.cjs +0 -1
  451. package/unbundled/calendar-event.cjs +29 -1
  452. package/unbundled/calendar-event.js +18 -1
  453. package/unbundled/calendar-picker.template.cjs +109 -91
  454. package/unbundled/calendar-picker.template.js +109 -90
  455. package/unbundled/char-count.cjs +0 -1
  456. package/unbundled/component-enum.cjs +18 -0
  457. package/unbundled/component-enum.js +13 -0
  458. package/unbundled/data-grid.options.cjs +8 -0
  459. package/unbundled/data-grid.options.js +3 -1
  460. package/unbundled/decorate.cjs +1 -1
  461. package/unbundled/decorate.js +1 -1
  462. package/unbundled/definition.cjs +1 -2
  463. package/unbundled/definition.js +1 -1
  464. package/unbundled/definition10.cjs +2 -343
  465. package/unbundled/definition10.js +4 -338
  466. package/unbundled/definition11.cjs +6 -7
  467. package/unbundled/definition11.js +6 -6
  468. package/unbundled/definition12.cjs +4 -4
  469. package/unbundled/definition12.js +5 -4
  470. package/unbundled/definition13.cjs +2 -2
  471. package/unbundled/definition13.js +2 -1
  472. package/unbundled/definition14.cjs +11 -3
  473. package/unbundled/definition14.js +11 -2
  474. package/unbundled/definition15.cjs +26 -5
  475. package/unbundled/definition15.js +26 -4
  476. package/unbundled/definition16.cjs +20 -14
  477. package/unbundled/definition16.js +20 -13
  478. package/unbundled/definition17.cjs +0 -1
  479. package/unbundled/definition18.cjs +4 -3
  480. package/unbundled/definition18.js +4 -2
  481. package/unbundled/definition19.cjs +2 -3
  482. package/unbundled/definition19.js +9 -8
  483. package/unbundled/definition2.cjs +8 -3
  484. package/unbundled/definition2.js +8 -2
  485. package/unbundled/definition20.cjs +1 -2
  486. package/unbundled/definition20.js +7 -6
  487. package/unbundled/definition21.cjs +4 -3
  488. package/unbundled/definition21.js +4 -2
  489. package/unbundled/definition22.cjs +0 -1
  490. package/unbundled/definition23.cjs +12 -6
  491. package/unbundled/definition23.js +11 -4
  492. package/unbundled/definition24.cjs +4 -4
  493. package/unbundled/definition24.js +5 -4
  494. package/unbundled/definition25.cjs +2 -3
  495. package/unbundled/definition25.js +2 -2
  496. package/unbundled/definition26.cjs +6 -4
  497. package/unbundled/definition26.js +5 -2
  498. package/unbundled/definition27.cjs +2 -2
  499. package/unbundled/definition27.js +2 -1
  500. package/unbundled/definition28.cjs +3 -3
  501. package/unbundled/definition28.js +2 -1
  502. package/unbundled/definition29.cjs +2 -3
  503. package/unbundled/definition29.js +3 -3
  504. package/unbundled/definition3.cjs +5 -6
  505. package/unbundled/definition3.js +5 -5
  506. package/unbundled/definition30.cjs +0 -1
  507. package/unbundled/definition31.cjs +15 -13
  508. package/unbundled/definition31.js +14 -11
  509. package/unbundled/definition32.cjs +0 -1
  510. package/unbundled/definition33.cjs +0 -1
  511. package/unbundled/definition34.cjs +0 -1
  512. package/unbundled/definition35.cjs +39 -51
  513. package/unbundled/definition35.js +40 -51
  514. package/unbundled/definition36.cjs +2 -3
  515. package/unbundled/definition36.js +9 -8
  516. package/unbundled/definition37.cjs +0 -1
  517. package/unbundled/definition38.cjs +0 -1
  518. package/unbundled/definition39.cjs +0 -1
  519. package/unbundled/definition4.cjs +4 -3
  520. package/unbundled/definition4.js +11 -6
  521. package/unbundled/definition40.cjs +5 -4
  522. package/unbundled/definition40.js +5 -3
  523. package/unbundled/definition41.cjs +0 -1
  524. package/unbundled/definition42.cjs +11 -3
  525. package/unbundled/definition42.js +11 -2
  526. package/unbundled/definition43.cjs +7 -3
  527. package/unbundled/definition43.js +7 -2
  528. package/unbundled/definition44.cjs +12 -11
  529. package/unbundled/definition44.js +11 -9
  530. package/unbundled/definition45.cjs +73 -52
  531. package/unbundled/definition45.js +69 -47
  532. package/unbundled/definition46.cjs +53 -46
  533. package/unbundled/definition46.js +49 -41
  534. package/unbundled/definition47.cjs +40 -165
  535. package/unbundled/definition47.js +36 -160
  536. package/unbundled/definition48.cjs +177 -32
  537. package/unbundled/definition48.js +174 -22
  538. package/unbundled/definition49.cjs +32 -596
  539. package/unbundled/definition49.js +29 -591
  540. package/unbundled/definition5.cjs +9 -3
  541. package/unbundled/definition5.js +15 -7
  542. package/unbundled/definition50.cjs +609 -78
  543. package/unbundled/definition50.js +605 -75
  544. package/unbundled/definition51.cjs +74 -34
  545. package/unbundled/definition51.js +70 -29
  546. package/unbundled/definition52.cjs +59 -24
  547. package/unbundled/definition52.js +57 -18
  548. package/unbundled/definition53.cjs +23 -40
  549. package/unbundled/definition53.js +19 -35
  550. package/unbundled/definition54.cjs +40 -316
  551. package/unbundled/definition54.js +38 -313
  552. package/unbundled/definition55.cjs +305 -196
  553. package/unbundled/definition55.js +301 -191
  554. package/unbundled/definition56.cjs +210 -41
  555. package/unbundled/definition56.js +206 -36
  556. package/unbundled/definition57.cjs +42 -271
  557. package/unbundled/definition57.js +38 -266
  558. package/unbundled/definition58.cjs +286 -51
  559. package/unbundled/definition58.js +283 -46
  560. package/unbundled/definition59.cjs +58 -147
  561. package/unbundled/definition59.js +59 -144
  562. package/unbundled/definition6.cjs +20 -6
  563. package/unbundled/definition6.js +20 -5
  564. package/unbundled/definition60.cjs +129 -226
  565. package/unbundled/definition60.js +126 -222
  566. package/unbundled/definition61.cjs +200 -420
  567. package/unbundled/definition61.js +197 -416
  568. package/unbundled/definition62.cjs +442 -3743
  569. package/unbundled/definition62.js +433 -3570
  570. package/unbundled/definition63.cjs +3729 -729
  571. package/unbundled/definition63.js +3558 -721
  572. package/unbundled/definition64.cjs +784 -98
  573. package/unbundled/definition64.js +781 -94
  574. package/unbundled/definition65.cjs +100 -1003
  575. package/unbundled/definition65.js +98 -997
  576. package/unbundled/definition66.cjs +996 -94
  577. package/unbundled/definition66.js +992 -89
  578. package/unbundled/definition67.cjs +111 -74
  579. package/unbundled/definition67.js +107 -63
  580. package/unbundled/definition68.cjs +69 -157
  581. package/unbundled/definition68.js +65 -152
  582. package/unbundled/definition69.cjs +156 -120
  583. package/unbundled/definition69.js +152 -115
  584. package/unbundled/definition7.cjs +0 -1
  585. package/unbundled/definition7.js +10 -4
  586. package/unbundled/definition70.cjs +154 -50
  587. package/unbundled/definition70.js +150 -45
  588. package/unbundled/definition71.cjs +58 -86
  589. package/unbundled/definition71.js +57 -81
  590. package/unbundled/definition72.cjs +99 -20
  591. package/unbundled/definition72.js +98 -15
  592. package/unbundled/definition73.cjs +20 -89
  593. package/unbundled/definition73.js +16 -84
  594. package/unbundled/definition74.cjs +79 -296
  595. package/unbundled/definition74.js +73 -217
  596. package/unbundled/definition75.cjs +291 -312
  597. package/unbundled/definition75.js +221 -306
  598. package/unbundled/definition76.cjs +328 -27
  599. package/unbundled/definition76.js +320 -23
  600. package/unbundled/definition77.cjs +27 -125
  601. package/unbundled/definition77.js +23 -120
  602. package/unbundled/definition78.cjs +120 -233
  603. package/unbundled/definition78.js +116 -228
  604. package/unbundled/definition79.cjs +258 -26
  605. package/unbundled/definition79.js +249 -23
  606. package/unbundled/definition8.cjs +17 -10
  607. package/unbundled/definition8.js +17 -9
  608. package/unbundled/definition80.cjs +29 -149
  609. package/unbundled/definition80.js +27 -134
  610. package/unbundled/definition81.cjs +118 -174
  611. package/unbundled/definition81.js +109 -169
  612. package/unbundled/definition82.cjs +180 -477
  613. package/unbundled/definition82.js +178 -472
  614. package/unbundled/definition83.cjs +517 -0
  615. package/unbundled/definition83.js +498 -0
  616. package/unbundled/definition9.cjs +4 -3
  617. package/unbundled/definition9.js +4 -2
  618. package/unbundled/delegates-aria.cjs +4 -2
  619. package/unbundled/delegates-aria.js +4 -2
  620. package/unbundled/divider.cjs +8 -3
  621. package/unbundled/divider.js +3 -3
  622. package/unbundled/en-US.cjs +34 -33
  623. package/unbundled/en-US.js +34 -33
  624. package/unbundled/feedback-message.cjs +59 -0
  625. package/unbundled/feedback-message.js +48 -0
  626. package/unbundled/form-associated.cjs +1 -4
  627. package/unbundled/form-associated.js +1 -3
  628. package/unbundled/form-element.cjs +0 -1
  629. package/unbundled/icon.cjs +0 -1
  630. package/unbundled/kbd-shortcut.cjs +0 -1
  631. package/unbundled/linkable.cjs +0 -1
  632. package/unbundled/listbox.cjs +0 -2
  633. package/unbundled/listbox.js +0 -1
  634. package/unbundled/localized.cjs +0 -1
  635. package/unbundled/mixins.cjs +3 -54
  636. package/unbundled/mixins.js +3 -47
  637. package/unbundled/numberConverter.cjs +8 -3
  638. package/unbundled/numberConverter.js +8 -3
  639. package/unbundled/optgroup.cjs +0 -1
  640. package/unbundled/option.cjs +8 -1
  641. package/unbundled/option.js +3 -1
  642. package/unbundled/picker-field.template.cjs +1 -2
  643. package/unbundled/picker-field.template.js +1 -1
  644. package/unbundled/randomId.cjs +0 -1
  645. package/unbundled/{chunk.cjs → rolldown-runtime.cjs} +1 -1
  646. package/unbundled/scrollIntoView.cjs +0 -1
  647. package/unbundled/scrollIntoView.js +0 -1
  648. package/unbundled/slider.template.cjs +340 -2
  649. package/unbundled/slider.template.js +338 -5
  650. package/unbundled/text-field.cjs +1 -1
  651. package/unbundled/text-field.js +1 -1
  652. package/unbundled/time-selection-picker.template.cjs +2 -3
  653. package/unbundled/time-selection-picker.template.js +2 -2
  654. package/unbundled/vivid-element.cjs +63 -4
  655. package/unbundled/vivid-element.js +63 -3
  656. package/unbundled/with-contextual-help.cjs +0 -1
  657. package/unbundled/with-error-text.cjs +0 -1
  658. package/unbundled/with-success-text.cjs +0 -1
  659. package/video-player/definition.cjs +1 -1
  660. package/video-player/definition.js +1 -1
  661. package/video-player/index.cjs +31 -31
  662. package/video-player/index.js +2094 -2085
  663. package/visually-hidden/index.cjs +1 -1
  664. package/vivid.api.json +488 -1165
  665. package/lib/accordion/variations.browser-spec.d.ts +0 -1
  666. package/lib/action-group/variations.browser-spec.d.ts +0 -1
  667. package/lib/alert/variations.browser-spec.d.ts +0 -1
  668. package/lib/audio-player/variations.browser-spec.d.ts +0 -1
  669. package/lib/avatar/variations.browser-spec.d.ts +0 -1
  670. package/lib/badge/variations.browser-spec.d.ts +0 -1
  671. package/lib/banner/variations.browser-spec.d.ts +0 -1
  672. package/lib/breadcrumb-item/variations.browser-spec.d.ts +0 -1
  673. package/lib/button/variations.browser-spec.d.ts +0 -1
  674. package/lib/calendar/variations.browser-spec.d.ts +0 -1
  675. package/lib/calendar-event/variations.browser-spec.d.ts +0 -1
  676. package/lib/card/variations.browser-spec.d.ts +0 -1
  677. package/lib/checkbox/variations.browser-spec.d.ts +0 -1
  678. package/lib/color-picker/variations.browser-spec.d.ts +0 -1
  679. package/lib/combobox/variations.browser-spec.d.ts +0 -1
  680. package/lib/contextual-help/variations.browser-spec.d.ts +0 -1
  681. package/lib/country/variations.browser-spec.d.ts +0 -1
  682. package/lib/data-grid/variations.browser-spec.d.ts +0 -1
  683. package/lib/date-picker/variations.browser-spec.d.ts +0 -1
  684. package/lib/date-range-picker/variations.browser-spec.d.ts +0 -1
  685. package/lib/date-time-picker/variations.browser-spec.d.ts +0 -1
  686. package/lib/dial-pad/variations.browser-spec.d.ts +0 -1
  687. package/lib/dialog/variations.browser-spec.d.ts +0 -1
  688. package/lib/divider/variations.browser-spec.d.ts +0 -1
  689. package/lib/empty-state/variations.browser-spec.d.ts +0 -1
  690. package/lib/fab/variations.browser-spec.d.ts +0 -1
  691. package/lib/file-picker/variations.browser-spec.d.ts +0 -1
  692. package/lib/flag/variations.browser-spec.d.ts +0 -1
  693. package/lib/header/variations.browser-spec.d.ts +0 -1
  694. package/lib/icon/variations.browser-spec.d.ts +0 -1
  695. package/lib/kbd-key/variations.browser-spec.d.ts +0 -1
  696. package/lib/kbd-shortcut/variations.browser-spec.d.ts +0 -1
  697. package/lib/layout/variations.browser-spec.d.ts +0 -1
  698. package/lib/listbox/variations.browser-spec.d.ts +0 -1
  699. package/lib/menu/variations.browser-spec.d.ts +0 -1
  700. package/lib/menu-item/variations.browser-spec.d.ts +0 -1
  701. package/lib/nav/variations.browser-spec.d.ts +0 -1
  702. package/lib/nav-disclosure/variations.browser-spec.d.ts +0 -1
  703. package/lib/nav-item/variations.browser-spec.d.ts +0 -1
  704. package/lib/note/variations.browser-spec.d.ts +0 -1
  705. package/lib/number-field/variations.browser-spec.d.ts +0 -1
  706. package/lib/optgroup/variations.browser-spec.d.ts +0 -1
  707. package/lib/option/variations.browser-spec.d.ts +0 -1
  708. package/lib/pagination/variations.browser-spec.d.ts +0 -1
  709. package/lib/popover/variations.browser-spec.d.ts +0 -1
  710. package/lib/progress/variations.browser-spec.d.ts +0 -1
  711. package/lib/progress-ring/variations.browser-spec.d.ts +0 -1
  712. package/lib/radio/variations.browser-spec.d.ts +0 -1
  713. package/lib/radio-group/variations.browser-spec.d.ts +0 -1
  714. package/lib/range-slider/variations.browser-spec.d.ts +0 -1
  715. package/lib/rich-text-editor/variations.browser-spec.d.ts +0 -1
  716. package/lib/rich-text-view/variations.browser-spec.d.ts +0 -1
  717. package/lib/searchable-select/variations.browser-spec.d.ts +0 -1
  718. package/lib/select/variations.browser-spec.d.ts +0 -1
  719. package/lib/selectable-box/variations.browser-spec.d.ts +0 -1
  720. package/lib/side-drawer/variations.browser-spec.d.ts +0 -1
  721. package/lib/simple-color-picker/variations.browser-spec.d.ts +0 -1
  722. package/lib/slider/variations.browser-spec.d.ts +0 -1
  723. package/lib/split-button/variations.browser-spec.d.ts +0 -1
  724. package/lib/status/variations.browser-spec.d.ts +0 -1
  725. package/lib/switch/variations.browser-spec.d.ts +0 -1
  726. package/lib/table/variations.browser-spec.d.ts +0 -1
  727. package/lib/tabs/variations.browser-spec.d.ts +0 -1
  728. package/lib/tag/variations.browser-spec.d.ts +0 -1
  729. package/lib/text-area/variations.browser-spec.d.ts +0 -1
  730. package/lib/text-field/variations.browser-spec.d.ts +0 -1
  731. package/lib/time-picker/variations.browser-spec.d.ts +0 -1
  732. package/lib/toggletip/variations.browser-spec.d.ts +0 -1
  733. package/lib/tooltip/variations.browser-spec.d.ts +0 -1
  734. package/lib/tree-item/variations.browser-spec.d.ts +0 -1
  735. package/lib/video-player/variations.browser-spec.d.ts +0 -1
  736. /package/lib/{accordion-item/variations.browser-spec.d.ts → form-field/index.d.ts} +0 -0
  737. /package/unbundled/{chunk.js → rolldown-runtime.js} +0 -0
@@ -1 +1 @@
1
- const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./key-codes.cjs`);var r=`form-associated-proxy`,i=`ElementInternals`,a=i in window&&`setFormValue`in window[i].prototype,o=new WeakMap,s=i=>{class s extends i{static get formAssociated(){return a}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.id){let e=this.proxy.labels,t=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));return Object.freeze(t.concat(Array.from(e)))}else return e.F}valueChanged(e,t){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.setFormValue(this.value),this.validate()}get currentValue(){return this.value}set currentValue(e){this.value=e}initialValueChanged(e,t){this.dirtyValue||=(this.value=this.initialValue,!1)}disabledChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),e.M.enqueue(()=>this.classList.toggle(`disabled`,this.disabled))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),e.M.enqueue(()=>this.classList.toggle(`required`,this.required)),this.validate()}get elementInternals(){if(!a)return null;let e=o.get(this);return e||(e=this.attachInternals(),o.set(this,e)),e}constructor(...e){super(...e),this.dirtyValue=!1,this.disabled=!1,this.proxyEventsToBlock=[`change`,`click`],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||``,this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}connectedCallback(){super.connectedCallback(),this.addEventListener(`keypress`,this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener(`reset`,this.formResetCallback))}disconnectedCallback(){super.disconnectedCallback(),this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener(`reset`,this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,t,n){if(`valid`in e&&this.disabled){let{valid:t,...n}=e;e=n}this.elementInternals?this.elementInternals.setValidity(e,t,n):typeof t==`string`&&this.proxy.setCustomValidity(t)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display=`none`,this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name==`string`&&(this.proxy.name=this.name),typeof this.value==`string`&&(this.proxy.value=this.value),this.proxy.setAttribute(`slot`,r),this.proxySlot=document.createElement(`slot`),this.proxySlot.setAttribute(`name`,r)),this.shadowRoot.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot.removeChild(this.proxySlot)}validate(e){if(this.proxy instanceof HTMLElement&&this.elementInternals){let t=this.proxy.validity.valid,n=this.control,r=n&&n.validity&&!n.validity.valid&&(n.validity.tooShort||n.validity.tooLong);t&&r?this.setValidity(n.validity,n.validationMessage,e):this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}}setFormValue(e,t){this.elementInternals&&this.elementInternals.setFormValue(e,t||e)}_keypressHandler(e){switch(e.key){case n.a:this.form instanceof HTMLFormElement&&this.form.querySelector(`[type=submit]`)?.click();break}}stopPropagation(e){e.stopPropagation()}}return t.t([e.m({attribute:`current-value`})],s.prototype,`value`,void 0),t.t([e.m({mode:`fromView`,attribute:`value`})],s.prototype,`initialValue`,void 0),t.t([e.m({mode:`boolean`})],s.prototype,`disabled`,void 0),t.t([e.m],s.prototype,`name`,void 0),t.t([e.m({mode:`boolean`})],s.prototype,`required`,void 0),s},c={fromView(e){return typeof e==`string`?e.toLowerCase()===`true`:!!e},toView(e){return e?`true`:`false`}},l=n=>{class r extends s(n){constructor(...e){super(...e),this.dirtyChecked=!1,this.defaultChecked=!1}defaultCheckedChanged(){this.dirtyChecked||=(this.checked=this.defaultChecked,!1)}checkedChanged(e,t){this.dirtyChecked||=!0,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),e!==void 0&&this.$emit(`change`),this.validate()}get checkedAttribute(){return this.defaultChecked}set checkedAttribute(e){this.defaultChecked=e}get currentChecked(){return this.checked}set currentChecked(e){this.checked=e}updateForm(){let e=this.checked?this.value:null;this.setFormValue(e,e)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=this.defaultChecked,this.dirtyChecked=!1}}return t.t([e.m({attribute:`checked`,mode:`boolean`})],r.prototype,`defaultChecked`,void 0),t.t([e.m({attribute:`current-checked`,converter:c})],r.prototype,`checked`,void 0),r};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
1
+ const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./key-codes.cjs");var r=`form-associated-proxy`,i=`ElementInternals`,a=i in window&&`setFormValue`in window[i].prototype,o=new WeakMap,s=i=>{class s extends i{static get formAssociated(){return a}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.id){let e=this.proxy.labels,t=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));return Object.freeze(t.concat(Array.from(e)))}return e.F}valueChanged(e,t){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.setFormValue(this.value),this.validate()}get currentValue(){return this.value}set currentValue(e){this.value=e}initialValueChanged(e,t){this.dirtyValue||=(this.value=this.initialValue,!1)}disabledChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),e.M.enqueue(()=>this.classList.toggle(`disabled`,this.disabled))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),e.M.enqueue(()=>this.classList.toggle(`required`,this.required)),this.validate()}get elementInternals(){if(!a)return null;let e=o.get(this);return e||(e=this.attachInternals(),o.set(this,e)),e}constructor(...e){super(...e),this.dirtyValue=!1,this.disabled=!1,this.proxyEventsToBlock=[`change`,`click`],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||``,this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}connectedCallback(){super.connectedCallback(),this.addEventListener(`keypress`,this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener(`reset`,this.formResetCallback))}disconnectedCallback(){super.disconnectedCallback(),this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener(`reset`,this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,t,n){if(`valid`in e&&this.disabled){let{valid:t,...n}=e;e=n}this.elementInternals?this.elementInternals.setValidity(e,t,n):typeof t==`string`&&this.proxy.setCustomValidity(t)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display=`none`,this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name==`string`&&(this.proxy.name=this.name),typeof this.value==`string`&&(this.proxy.value=this.value),this.proxy.setAttribute(`slot`,r),this.proxySlot=document.createElement(`slot`),this.proxySlot.setAttribute(`name`,r)),this.shadowRoot.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot.removeChild(this.proxySlot)}validate(e){if(this.proxy instanceof HTMLElement&&this.elementInternals){let t=this.proxy.validity.valid,n=this.control,r=n&&n.validity&&!n.validity.valid&&(n.validity.tooShort||n.validity.tooLong);t&&r?this.setValidity(n.validity,n.validationMessage,e):this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}}setFormValue(e,t){this.elementInternals&&this.elementInternals.setFormValue(e,t||e)}_keypressHandler(e){switch(e.key){case n.a:this.form instanceof HTMLFormElement&&this.form.querySelector(`[type=submit]`)?.click()}}stopPropagation(e){e.stopPropagation()}}return t.t([e.m({attribute:`current-value`})],s.prototype,`value`,void 0),t.t([e.m({mode:`fromView`,attribute:`value`})],s.prototype,`initialValue`,void 0),t.t([e.m({mode:`boolean`})],s.prototype,`disabled`,void 0),t.t([e.m],s.prototype,`name`,void 0),t.t([e.m({mode:`boolean`})],s.prototype,`required`,void 0),s},c={fromView(e){return typeof e==`string`?e.toLowerCase()===`true`:!!e},toView(e){return e?`true`:`false`}},l=n=>{class r extends s(n){constructor(...e){super(...e),this.dirtyChecked=!1,this.defaultChecked=!1}defaultCheckedChanged(){this.dirtyChecked||=(this.checked=this.defaultChecked,!1)}checkedChanged(e,t){this.dirtyChecked||=!0,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),e!==void 0&&this.$emit(`change`),this.validate()}get checkedAttribute(){return this.defaultChecked}set checkedAttribute(e){this.defaultChecked=e}get currentChecked(){return this.checked}set currentChecked(e){this.checked=e}updateForm(){let e=this.checked?this.value:null;this.setFormValue(e,e)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=this.defaultChecked,this.dirtyChecked=!1}}return t.t([e.m({attribute:`checked`,mode:`boolean`})],r.prototype,`defaultChecked`,void 0),t.t([e.m({attribute:`current-checked`,converter:c})],r.prototype,`checked`,void 0),r};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
@@ -24,7 +24,8 @@ var a = "form-associated-proxy", o = "ElementInternals", s = o in window && "set
24
24
  if (this.proxy instanceof HTMLElement && this.id) {
25
25
  let e = this.proxy.labels, t = Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));
26
26
  return Object.freeze(t.concat(Array.from(e)));
27
- } else return e;
27
+ }
28
+ return e;
28
29
  }
29
30
  valueChanged(e, t) {
30
31
  this.dirtyValue = !0, this.proxy instanceof HTMLElement && (this.proxy.value = this.value), this.setFormValue(this.value), this.validate();
@@ -99,9 +100,7 @@ var a = "form-associated-proxy", o = "ElementInternals", s = o in window && "set
99
100
  }
100
101
  _keypressHandler(e) {
101
102
  switch (e.key) {
102
- case i:
103
- this.form instanceof HTMLFormElement && this.form.querySelector("[type=submit]")?.click();
104
- break;
103
+ case i: this.form instanceof HTMLFormElement && this.form.querySelector("[type=submit]")?.click();
105
104
  }
106
105
  }
107
106
  stopPropagation(e) {
@@ -1 +1 @@
1
- const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{constructor(...e){super(...e),this.errorValidationMessage=``,this.forceErrorDisplay=!1,this.hasBeenTouched=!1,this.#e=()=>{this.forceErrorDisplay=!0,this.validate()},this.addEventListener(`blur`,()=>{this.hasBeenTouched=!0,this.forceErrorDisplay=!1,this.validate()}),this.addEventListener(`focus`,()=>{this.hasBeenTouched=!1}),this.addEventListener(`invalid`,()=>{this.proxy.dispatchEvent(new Event(`invalid`))})}connectedCallback(){super.connectedCallback(),this.proxy.addEventListener(`invalid`,this.#e)}#e;disconnectedCallback(){super.disconnectedCallback(),this.proxy.removeEventListener(`invalid`,this.#e)}formResetCallback(){this.forceErrorDisplay=!1,super.formResetCallback(),this.validate()}validate(){super.validate();let e=this.forceErrorDisplay||this.hasBeenTouched&&this.dirtyValue;this.errorValidationMessage=e?this.validationMessage:``}}return t.t([e.m],r.prototype,`label`,void 0),t.t([e.A],r.prototype,`errorValidationMessage`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
1
+ const e=require("./vivid-element.cjs"),t=require("./decorate.cjs");var n=n=>{class r extends n{constructor(...e){super(...e),this.errorValidationMessage=``,this.forceErrorDisplay=!1,this.hasBeenTouched=!1,this.#e=()=>{this.forceErrorDisplay=!0,this.validate()},this.addEventListener(`blur`,()=>{this.hasBeenTouched=!0,this.forceErrorDisplay=!1,this.validate()}),this.addEventListener(`focus`,()=>{this.hasBeenTouched=!1}),this.addEventListener(`invalid`,()=>{this.proxy.dispatchEvent(new Event(`invalid`))})}connectedCallback(){super.connectedCallback(),this.proxy.addEventListener(`invalid`,this.#e)}#e;disconnectedCallback(){super.disconnectedCallback(),this.proxy.removeEventListener(`invalid`,this.#e)}formResetCallback(){this.forceErrorDisplay=!1,super.formResetCallback(),this.validate()}validate(){super.validate();let e=this.forceErrorDisplay||this.hasBeenTouched&&this.dirtyValue;this.errorValidationMessage=e?this.validationMessage:``}}return t.t([e.m],r.prototype,`label`,void 0),t.t([e.A],r.prototype,`errorValidationMessage`,void 0),r};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
@@ -1 +1 @@
1
- const e=require(`./aria-binding-directive.cjs`);function t(t={}){return new e.t({boundProperties:t,forwardedValueProperties:new Set,forwardedIdrefsProperties:new Set,requireHost:!0})}var n=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`host`}}return t};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
1
+ const e=require("./aria-binding-directive.cjs");function t(t={}){return new e.t({boundProperties:t,forwardedValueProperties:new Set,forwardedIdrefsProperties:new Set,requireHost:!0})}var n=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`host`}}return t};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
package/bundled/icon.cjs CHANGED
@@ -1 +1 @@
1
- const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./numberConverter.cjs`);var r=500,i=2e3,a=class extends e.t{constructor(...e){super(...e),this.iconLoaded=!1,this.#e=0,this.#t=null}#e;#t;async nameChanged(){let e=++this.#e;this.#t&&this.#t.abort(),this.#t=new AbortController,this._svg=void 0,this.iconLoaded=!1;let t=setTimeout(()=>{this.#e===e&&(this._svg=n.r,t=setTimeout(()=>{this.#e===e&&this._svg===n.r&&(this._svg=void 0)},i))},r);try{let t=await n.n(this.name,this.#t.signal);this.#e===e&&(this._svg=t)}catch{this.#e===e&&(this._svg=void 0)}finally{this.#e===e&&(clearTimeout(t),this.iconLoaded=!0)}}};t.t([e.m],a.prototype,`connotation`,void 0),t.t([e.m({converter:n.t})],a.prototype,`size`,void 0),t.t([e.A],a.prototype,`_svg`,void 0),t.t([e.A],a.prototype,`iconLoaded`,void 0),t.t([e.m],a.prototype,`label`,void 0),t.t([e.m],a.prototype,`name`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
1
+ const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./numberConverter.cjs");var r=500,i=2e3,a=class extends e.t{constructor(...e){super(...e),this.iconLoaded=!1,this.#e=0,this.#t=null}#e;#t;async nameChanged(){let e=++this.#e;this.#t&&this.#t.abort(),this.#t=new AbortController,this._svg=void 0,this.iconLoaded=!1;let t=setTimeout(()=>{this.#e===e&&(this._svg=n.r,t=setTimeout(()=>{this.#e===e&&this._svg===n.r&&(this._svg=void 0)},i))},r);try{let t=await n.n(this.name,this.#t.signal);this.#e===e&&(this._svg=t)}catch{this.#e===e&&(this._svg=void 0)}finally{this.#e===e&&(clearTimeout(t),this.iconLoaded=!0)}}};t.t([e.m],a.prototype,`connotation`,void 0),t.t([e.m({converter:n.t})],a.prototype,`size`,void 0),t.t([e.A],a.prototype,`_svg`,void 0),t.t([e.A],a.prototype,`iconLoaded`,void 0),t.t([e.m],a.prototype,`label`,void 0),t.t([e.m],a.prototype,`name`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
@@ -1 +1 @@
1
- const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{_kbdShortcutSlottedChanged(){let e=this._kbdShortcutSlotted.find(e=>typeof e.getKeyshortcutsValue==`function`);this._kbdAriaShortcutsValue=e?.getKeyshortcutsValue()??void 0}}return t.t([e.A],r.prototype,`_kbdShortcutSlotted`,void 0),t.t([e.A],r.prototype,`_kbdAriaShortcutsValue`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
1
+ const e=require("./vivid-element.cjs"),t=require("./decorate.cjs");var n=n=>{class r extends n{_kbdShortcutSlottedChanged(){let e=this._kbdShortcutSlotted.find(e=>typeof e.getKeyshortcutsValue==`function`);this._kbdAriaShortcutsValue=e?.getKeyshortcutsValue()??void 0}}return t.t([e.A],r.prototype,`_kbdShortcutSlotted`,void 0),t.t([e.A],r.prototype,`_kbdAriaShortcutsValue`,void 0),r};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
@@ -1 +1 @@
1
- var e=`ArrowDown`,t=`ArrowLeft`,n=`ArrowRight`,r=`ArrowUp`,i=`Enter`,a=`Escape`,o=`Home`,s=`PageDown`,c=`PageUp`;Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
1
+ Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return`Enter`}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return`PageDown`}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return`ArrowUp`}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return`PageUp`}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return`ArrowLeft`}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return`Escape`}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return`ArrowRight`}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return`Home`}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return`ArrowDown`}});
@@ -1,4 +1,4 @@
1
- const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./decorate.cjs`),r=require(`./delegates-aria.cjs`);var i=i=>{class a extends r.t(i){constructor(...n){super(...n),this._renderLinkElement=(n,i,a)=>e.p`<a
1
+ const e=require("./vivid-element.cjs"),t=require("./ref.cjs"),n=require("./decorate.cjs"),r=require("./delegates-aria.cjs");var i=i=>{class a extends r.t(i){constructor(...n){super(...n),this._renderLinkElement=(n,i,a)=>e.p`<a
2
2
  class="${i}"
3
3
  download="${e=>e.download}"
4
4
  href="${e=>e.href}"
@@ -12,4 +12,4 @@ const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./decor
12
12
  ${r.n(a)}
13
13
  >
14
14
  ${n}
15
- </a>`}}return n.t([e.m],a.prototype,`download`,void 0),n.t([e.m],a.prototype,`href`,void 0),n.t([e.m],a.prototype,`hreflang`,void 0),n.t([e.m],a.prototype,`ping`,void 0),n.t([e.m],a.prototype,`referrerpolicy`,void 0),n.t([e.m],a.prototype,`rel`,void 0),n.t([e.m],a.prototype,`target`,void 0),n.t([e.m],a.prototype,`type`,void 0),a};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
15
+ </a>`}}return n.t([e.m],a.prototype,`download`,void 0),n.t([e.m],a.prototype,`href`,void 0),n.t([e.m],a.prototype,`hreflang`,void 0),n.t([e.m],a.prototype,`ping`,void 0),n.t([e.m],a.prototype,`referrerpolicy`,void 0),n.t([e.m],a.prototype,`rel`,void 0),n.t([e.m],a.prototype,`target`,void 0),n.t([e.m],a.prototype,`type`,void 0),a};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
@@ -1 +1 @@
1
- const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./key-codes.cjs`),r=require(`./aria-binding-directive.cjs`),i=require(`./option.cjs`),a=require(`./optgroup.cjs`),o=require(`./extractOptions.cjs`);function s(e,t){let n=e.length;for(;n--;)if(t(e[n],n,e))return n;return-1}var c=class t extends e.t{constructor(...e){super(...e),this._options=[],this.selectedIndex=-1,this.selectedOptions=[],this.shouldSkipFocus=!1,this.typeaheadBuffer=``,this.typeaheadExpired=!0,this.typeaheadTimeout=-1,this._activeDescendant=null,this._onOptgroupChange=()=>{this.slottedOptionsChanged(void 0,this.slottedOptions)}}get firstSelectedOption(){return this.selectedOptions[0]??null}get length(){return this.options.length}get options(){return e.k.track(this,`options`),this._options}set options(t){let n=this._options;if(this._options=t,e.k.notify(this,`options`),this.$fastController.isConnected){let e=this._newDefaultSelectedIndex(n,t,this.selectedIndex);e!==null&&(this.selectedIndex=e)}}static{this.slottedOptionFilter=e=>i.n(e)&&!e.hidden||a.n(e)}static{this.TYPE_AHEAD_TIMEOUT_MS=1e3}clickHandler(e){let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(t&&!t.disabled)return this.selectedIndex=this.options.indexOf(t),!0}focusAndScrollOptionIntoView(e=this.firstSelectedOption){this.contains(document.activeElement)&&e!==null&&(e.focus(),requestAnimationFrame(()=>{e.scrollIntoView({block:`nearest`})}))}focusinHandler(e){!this.shouldSkipFocus&&e.target===e.currentTarget&&(this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}getTypeaheadMatches(){let e=this.typeaheadBuffer.replace(/[.*+\-?^${}()|[\]\\]/g,`\\$&`),t=RegExp(`^${e}`,`gi`);return this.options.filter(e=>e.text.trim().match(t))}getNextSelectableIndex(e){let t=this.options.reduce((t,n,r)=>!t&&!n.disabled&&r>=e?n:t,null);return this.options.indexOf(t)}getPreviousSelectableIndex(e){let t=this.options.reduceRight((t,n,r)=>!t&&!n.disabled&&r<=e?n:t,null);return this.options.indexOf(t)}handleChange(e,n){switch(n){case`selected`:t.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions();break}}handleTypeAhead(e){this.typeaheadTimeout&&window.clearTimeout(this.typeaheadTimeout),this.typeaheadTimeout=window.setTimeout(()=>this.typeaheadExpired=!0,t.TYPE_AHEAD_TIMEOUT_MS),this.typeaheadBuffer=`${this.typeaheadExpired?``:this.typeaheadBuffer}${e}`}keydownHandler(e){if(this.disabled)return!0;this.shouldSkipFocus=!1;let t=e.key;switch(t){case n.s:e.shiftKey||(e.preventDefault(),this.selectFirstOption());return;case n.t:e.shiftKey||(e.preventDefault(),this.selectNextOption());return;case n.i:e.shiftKey||(e.preventDefault(),this.selectPreviousOption());return;case`End`:e.preventDefault(),this.selectLastOption();return;case`Tab`:return this.focusAndScrollOptionIntoView(),!0;case n.a:case n.o:return!0;case` `:if(this.typeaheadExpired)return!0;default:return t.length===1&&this.handleTypeAhead(t),!0}}mousedownHandler(e){return this.shouldSkipFocus=!this.contains(document.activeElement),!0}selectedIndexChanged(e,t){let n=this._validSelectedIndex(t);if(t!==n){this.selectedIndex=n;return}this.setSelectedOptions()}_validSelectedIndex(e){return e>this.options.length-1||e<-1?-1:e}selectedOptionsChanged(n,r){let i=r.filter(t.slottedOptionFilter);this.options.forEach(t=>{let n=e.k.getNotifier(t);n.unsubscribe(this,`selected`),t.selected=i.includes(t),n.subscribe(this,`selected`)})}selectFirstOption(){this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){this.disabled||(this.selectedIndex=s(this.options,e=>!e.disabled))}selectNextOption(){if(!this.disabled&&this.selectedIndex<this.options.length-1){let e=this.getNextSelectableIndex(this.selectedIndex+1);e!==-1&&(this.selectedIndex=e)}}selectPreviousOption(){if(!this.disabled&&this.selectedIndex>0){let e=this.getPreviousSelectableIndex(this.selectedIndex-1);e!==-1&&(this.selectedIndex=e)}}_newDefaultSelectedIndex(e,t,n){for(let[n,r]of t.entries())if(this._isDefaultSelected(r)&&!e.includes(r))return n;return null}_isDefaultSelected(e){return e.defaultSelected}_activeDescendantChanged(e,t){if(this.$fastController?.isConnected)for(let e of this.options)e._highlighted=!!(t&&e.id===t)}setSelectedOptions(){this.selectedOptions=this.selectedIndex===-1?[]:[this.options[this.selectedIndex]],this._activeDescendant=this.firstSelectedOption?.id??``,this.focusAndScrollOptionIntoView()}static extractOptions(e){return o.t(e)}slottedOptionsChanged(e,n){this.options=t.extractOptions(n);let i=`${this.options.length}`;this.options.forEach((e,t)=>{e.id||=r.r(`option-`),e.ariaPosInSet=`${t+1}`,e.ariaSetSize=i})}typeaheadBufferChanged(e,t){if(this.$fastController.isConnected){let e=this.getTypeaheadMatches();if(e.length){let t=this.options.indexOf(e[0]);t>-1&&(this.selectedIndex=t)}this.typeaheadExpired=!1}}connectedCallback(){super.connectedCallback(),this.addEventListener(`optgroup-change`,this._onOptgroupChange)}disconnectedCallback(){this.removeEventListener(`optgroup-change`,this._onOptgroupChange),super.disconnectedCallback()}};t.t([e.m({mode:`boolean`})],c.prototype,`disabled`,void 0),t.t([e.A],c.prototype,`selectedIndex`,void 0),t.t([e.A],c.prototype,`selectedOptions`,void 0),t.t([e.A],c.prototype,`slottedOptions`,void 0),t.t([e.A],c.prototype,`typeaheadBuffer`,void 0),t.t([e.A],c.prototype,`_activeDescendant`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
1
+ const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./key-codes.cjs"),r=require("./aria-binding-directive.cjs"),i=require("./option.cjs"),a=require("./optgroup.cjs"),o=require("./extractOptions.cjs");function s(e,t){let n=e.length;for(;n--;)if(t(e[n],n,e))return n;return-1}var c=class t extends e.t{constructor(...e){super(...e),this._options=[],this.selectedIndex=-1,this.selectedOptions=[],this.shouldSkipFocus=!1,this.typeaheadBuffer=``,this.typeaheadExpired=!0,this.typeaheadTimeout=-1,this._activeDescendant=null,this._onOptgroupChange=()=>{this.slottedOptionsChanged(void 0,this.slottedOptions)}}get firstSelectedOption(){return this.selectedOptions[0]??null}get length(){return this.options.length}get options(){return e.k.track(this,`options`),this._options}set options(t){let n=this._options;if(this._options=t,e.k.notify(this,`options`),this.$fastController.isConnected){let e=this._newDefaultSelectedIndex(n,t,this.selectedIndex);e!==null&&(this.selectedIndex=e)}}static{this.slottedOptionFilter=e=>i.n(e)&&!e.hidden||a.n(e)}static{this.TYPE_AHEAD_TIMEOUT_MS=1e3}clickHandler(e){let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(t&&!t.disabled)return this.selectedIndex=this.options.indexOf(t),!0}focusAndScrollOptionIntoView(e=this.firstSelectedOption){this.contains(document.activeElement)&&e!==null&&(e.focus(),requestAnimationFrame(()=>{e.scrollIntoView({block:`nearest`})}))}focusinHandler(e){!this.shouldSkipFocus&&e.target===e.currentTarget&&(this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}getTypeaheadMatches(){let e=this.typeaheadBuffer.replace(/[.*+\-?^${}()|[\]\\]/g,`\\$&`),t=RegExp(`^${e}`,`gi`);return this.options.filter(e=>e.text.trim().match(t))}getNextSelectableIndex(e){let t=this.options.reduce((t,n,r)=>!t&&!n.disabled&&r>=e?n:t,null);return this.options.indexOf(t)}getPreviousSelectableIndex(e){let t=this.options.reduceRight((t,n,r)=>!t&&!n.disabled&&r<=e?n:t,null);return this.options.indexOf(t)}handleChange(e,n){n===`selected`&&(t.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions())}handleTypeAhead(e){this.typeaheadTimeout&&window.clearTimeout(this.typeaheadTimeout),this.typeaheadTimeout=window.setTimeout(()=>this.typeaheadExpired=!0,t.TYPE_AHEAD_TIMEOUT_MS),this.typeaheadBuffer=`${this.typeaheadExpired?``:this.typeaheadBuffer}${e}`}keydownHandler(e){if(this.disabled)return!0;this.shouldSkipFocus=!1;let t=e.key;switch(t){case n.s:e.shiftKey||(e.preventDefault(),this.selectFirstOption());return;case n.t:e.shiftKey||(e.preventDefault(),this.selectNextOption());return;case n.i:e.shiftKey||(e.preventDefault(),this.selectPreviousOption());return;case`End`:e.preventDefault(),this.selectLastOption();return;case`Tab`:return this.focusAndScrollOptionIntoView(),!0;case n.a:case n.o:return!0;case` `:if(this.typeaheadExpired)return!0;default:return t.length===1&&this.handleTypeAhead(t),!0}}mousedownHandler(e){return this.shouldSkipFocus=!this.contains(document.activeElement),!0}selectedIndexChanged(e,t){let n=this._validSelectedIndex(t);if(t!==n){this.selectedIndex=n;return}this.setSelectedOptions()}_validSelectedIndex(e){return e>this.options.length-1||e<-1?-1:e}selectedOptionsChanged(n,r){let i=r.filter(t.slottedOptionFilter);this.options.forEach(t=>{let n=e.k.getNotifier(t);n.unsubscribe(this,`selected`),t.selected=i.includes(t),n.subscribe(this,`selected`)})}selectFirstOption(){this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){this.disabled||(this.selectedIndex=s(this.options,e=>!e.disabled))}selectNextOption(){if(!this.disabled&&this.selectedIndex<this.options.length-1){let e=this.getNextSelectableIndex(this.selectedIndex+1);e!==-1&&(this.selectedIndex=e)}}selectPreviousOption(){if(!this.disabled&&this.selectedIndex>0){let e=this.getPreviousSelectableIndex(this.selectedIndex-1);e!==-1&&(this.selectedIndex=e)}}_newDefaultSelectedIndex(e,t,n){for(let[n,r]of t.entries())if(this._isDefaultSelected(r)&&!e.includes(r))return n;return null}_isDefaultSelected(e){return e.defaultSelected}_activeDescendantChanged(e,t){if(this.$fastController?.isConnected)for(let e of this.options)e._highlighted=!!(t&&e.id===t)}setSelectedOptions(){this.selectedOptions=this.selectedIndex===-1?[]:[this.options[this.selectedIndex]],this._activeDescendant=this.firstSelectedOption?.id??``,this.focusAndScrollOptionIntoView()}static extractOptions(e){return o.t(e)}slottedOptionsChanged(e,n){this.options=t.extractOptions(n);let i=`${this.options.length}`;this.options.forEach((e,t)=>{e.id||=r.r(`option-`),e.ariaPosInSet=`${t+1}`,e.ariaSetSize=i})}typeaheadBufferChanged(e,t){if(this.$fastController.isConnected){let e=this.getTypeaheadMatches();if(e.length){let t=this.options.indexOf(e[0]);t>-1&&(this.selectedIndex=t)}this.typeaheadExpired=!1}}connectedCallback(){super.connectedCallback(),this.addEventListener(`optgroup-change`,this._onOptgroupChange)}disconnectedCallback(){this.removeEventListener(`optgroup-change`,this._onOptgroupChange),super.disconnectedCallback()}};t.t([e.m({mode:`boolean`})],c.prototype,`disabled`,void 0),t.t([e.A],c.prototype,`selectedIndex`,void 0),t.t([e.A],c.prototype,`selectedOptions`,void 0),t.t([e.A],c.prototype,`slottedOptions`,void 0),t.t([e.A],c.prototype,`typeaheadBuffer`,void 0),t.t([e.A],c.prototype,`_activeDescendant`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
@@ -66,11 +66,9 @@ var h = class e extends r {
66
66
  return this.options.indexOf(t);
67
67
  }
68
68
  handleChange(t, n) {
69
- switch (n) {
70
- case "selected":
71
- e.slottedOptionFilter(t) && (this.selectedIndex = this.options.indexOf(t)), this.setSelectedOptions();
72
- break;
73
- }
69
+ n === "selected" &&
70
+ /* v8 ignore else -- @preserve */
71
+ (e.slottedOptionFilter(t) && (this.selectedIndex = this.options.indexOf(t)), this.setSelectedOptions());
74
72
  }
75
73
  handleTypeAhead(t) {
76
74
  this.typeaheadTimeout && window.clearTimeout(this.typeaheadTimeout), this.typeaheadTimeout = window.setTimeout(() => this.typeaheadExpired = !0, e.TYPE_AHEAD_TIMEOUT_MS), this.typeaheadBuffer = `${this.typeaheadExpired ? "" : this.typeaheadBuffer}${t}`;
@@ -1 +1 @@
1
- var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const u=require(`./vivid-element.cjs`),d=require(`./decorate.cjs`);var f=s({Background:()=>I,Black:()=>A,Blue:()=>M,Captions:()=>w,Casual:()=>W,Chapters:()=>T,Close:()=>D,Color:()=>J,Cyan:()=>F,Depressed:()=>H,Descriptions:()=>E,Done:()=>q,Duration:()=>g,Fullscreen:()=>b,Green:()=>j,LIVE:()=>_,Loaded:()=>v,Magenta:()=>P,Mute:()=>x,None:()=>B,Opacity:()=>Y,Opaque:()=>z,Pause:()=>m,Play:()=>p,Progress:()=>y,Raised:()=>V,Red:()=>`Red`,Replay:()=>h,Reset:()=>K,Script:()=>G,Subtitles:()=>C,Text:()=>O,Transparent:()=>R,Uniform:()=>U,Unmute:()=>S,White:()=>k,Window:()=>L,Yellow:()=>N,default:()=>ee}),p=`Play`,m=`Pause`,h=`Replay`,g=`Duration`,_=`LIVE`,v=`Loaded`,y=`Progress`,b=`Fullscreen`,x=`Mute`,S=`Unmute`,C=`Subtitles`,w=`Captions`,T=`Chapters`,E=`Descriptions`,D=`Close`,O=`Text`,k=`White`,A=`Black`,j=`Green`,M=`Blue`,N=`Yellow`,P=`Magenta`,F=`Cyan`,I=`Background`,L=`Window`,R=`Transparent`,z=`Opaque`,B=`None`,V=`Raised`,H=`Depressed`,U=`Uniform`,W=`Casual`,G=`Script`,K=`Reset`,q=`Done`,J=`Color`,Y=`Opacity`,ee={"Audio Player":`Audio Player`,"Video Player":`Video Player`,Play:p,Pause:m,Replay:h,"Current Time":`Current Time`,Duration:g,"Remaining Time":`Remaining Time`,"Stream Type":`Stream Type`,LIVE:_,"Seek to live, currently behind live":`Seek to live, currently behind live`,"Seek to live, currently playing live":`Seek to live, currently playing live`,Loaded:v,Progress:y,"Progress Bar":`Progress Bar`,"progress bar timing: currentTime={1} duration={2}":`{1} of {2}`,Fullscreen:b,"Exit Fullscreen":`Exit Fullscreen`,Mute:x,Unmute:S,"Playback Rate":`Playback Rate`,Subtitles:C,"subtitles off":`subtitles off`,Captions:w,"captions off":`captions off`,Chapters:T,Descriptions:E,"descriptions off":`descriptions off`,"Audio Track":`Audio Track`,"Volume Level":`Volume Level`,"You aborted the media playback":`You aborted the media playback`,"A network error caused the media download to fail part-way.":`A network error caused the media download to fail part-way.`,"The media could not be loaded, either because the server or network failed or because the format is not supported.":`The media could not be loaded, either because the server or network failed or because the format is not supported.`,"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":`The media playback was aborted due to a corruption problem or because the media used features your browser did not support.`,"No compatible source was found for this media.":`No compatible source was found for this media.`,"The media is encrypted and we do not have the keys to decrypt it.":`The media is encrypted and we do not have the keys to decrypt it.`,"Play Video":`Play Video`,Close:D,"Close Modal Dialog":`Close Modal Dialog`,"Modal Window":`Modal Window`,"This is a modal window":`This is a modal window`,"This modal can be closed by pressing the Escape key or activating the close button.":`This modal can be closed by pressing the Escape key or activating the close button.`,", opens captions settings dialog":`, opens captions settings dialog`,", opens subtitles settings dialog":`, opens subtitles settings dialog`,", opens descriptions settings dialog":`, opens descriptions settings dialog`,", selected":`, selected`,"captions settings":`captions settings`,"subtitles settings":`subtitles settings`,"descriptions settings":`descriptions settings`,Text:O,White:k,Black:A,Red:`Red`,Green:j,Blue:M,Yellow:N,Magenta:P,Cyan:F,Background:I,Window:L,Transparent:R,"Semi-Transparent":`Semi-Transparent`,Opaque:z,"Font Size":`Font Size`,"Text Edge Style":`Text Edge Style`,None:B,Raised:V,Depressed:H,Uniform:U,"Drop shadow":`Drop shadow`,"Font Family":`Font Family`,"Proportional Sans-Serif":`Proportional Sans-Serif`,"Monospace Sans-Serif":`Monospace Sans-Serif`,"Proportional Serif":`Proportional Serif`,"Monospace Serif":`Monospace Serif`,Casual:W,Script:G,"Small Caps":`Small Caps`,Reset:K,"restore all settings to the default values":`restore all settings to the default values`,Done:q,"Caption Settings Dialog":`Caption Settings Dialog`,"Beginning of dialog window. Escape will cancel and close the window.":`Beginning of dialog window. Escape will cancel and close the window.`,"End of dialog window.":`End of dialog window.`,"{1} is loading.":`{1} is loading.`,"Exit Picture-in-Picture":`Exit Picture-in-Picture`,"Picture-in-Picture":`Picture-in-Picture`,"No content":`No content`,Color:J,Opacity:Y,"Text Background":`Text Background`,"Caption Area Background":`Caption Area Background`,"Playing in Picture-in-Picture":`Playing in Picture-in-Picture`,"Skip backward {1} seconds":`Skip backward {1} seconds`,"Skip forward {1} seconds":`Skip forward {1} seconds`},X={lang:`en-US`,common:{useCommaAsDecimalSeparator:!1},pickerField:{clearLabel:`Clear`,okLabel:`OK`},calendarPicker:{months:{name:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shorthand:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`]},weekdays:{name:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shorthand:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]},firstDayOfWeek:0,dateFormat:`MM/dd/yyyy`,dateFormatPlaceholder:`MM/DD/YYYY`,chooseDateLabel:`Choose date`,changeDateLabel:e=>`Change date, ${e}`,chooseDatesLabel:`Choose dates`,changeDatesLabel:e=>`Change dates, ${e}`,prevYearLabel:`Previous year`,prevMonthLabel:`Previous month`,nextMonthLabel:`Next month`,nextYearLabel:`Next year`,todayLabel:`today`,selectedLabel:`selected`,currentLabel:`current`,changeMonthLabel:e=>`Change month, ${e} selected`,showCalendarForMonthLabel:e=>`Show calendar for ${e}`,invalidDateError:`Please enter a valid date.`,invalidDateRangeError:`Please enter a valid date range.`,startDateAfterMinDateError:e=>`The start date must be ${e} or later.`,endDateBeforeMaxDateError:e=>`The end date must be ${e} or earlier.`},timePicker:{defaultTo12HourClock:!0,chooseTimeLabel:`Choose time`,changeTimeLabel:e=>`Change time, ${e}`,hoursLabel:`hours`,minutesLabel:`minutes`,secondsLabel:`seconds`,meridiesLabel:`AM/PM`,invalidTimeError:`Please enter a valid time.`},dateTimePicker:{chooseDateTimeLabel:`Choose date and time`,changeDateTimeLabel:e=>`Change date and time, ${e}`,invalidDateTimeError:`Please enter a valid date and time.`,dateBeforeMinDateError:e=>`Date must be ${e} or later.`,dateAfterMaxDateError:e=>`Date must be ${e} or earlier.`,timeBeforeMinTimeError:e=>`Time must be ${e} or later.`,timeAfterMaxTimeError:e=>`Time must be ${e} or earlier.`},filePicker:{invalidFileTypeError:`You can't select files of this type.`,maxFilesExceededError:`You can't select any more files.`,fileTooBigError:`File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.`,removeFileLabel:`Remove file`,invalidFilesError:`One or more selected files are invalid. Please, upload only valid file types under the size limit.`,uploadFilesLabel:`Upload files`},audioPlayer:{playButtonLabel:`Play`,pauseButtonLabel:`Pause`,sliderLabel:`Audio progress bar`,skipForwardButton:`Skip Forward`,skipBackwardButton:`Skip Backward`},alert:{dismissButtonLabel:`Close`},dialog:{dismissButtonLabel:`Close`},popover:{dismissButtonLabel:`Close`},banner:{dismissButtonLabel:`Close`},numberField:{incrementButtonLabel:e=>e===1?`Increase value`:`Increase value by ${e}`,decrementButtonLabel:e=>e===1?`Decrease value`:`Decrease value by ${e}`,updatedValueAnnouncement:e=>`Updated value: ${e}`},splitButton:{showMoreActionsLabel:`Show more actions`},videoPlayer:f,rangeSlider:{startThumbLabel:`min`,endThumbLabel:`max`},dialPad:{inputLabel:`Phone number`,deleteButtonLabel:`Delete last digit`,callButtonLabel:`Call`,endCallButtonLabel:`End call`,digitOneLabel:`1`,digitTwoLabel:`2 ABC`,digitThreeLabel:`3 DEF`,digitFourLabel:`4 GHI`,digitFiveLabel:`5 JKL`,digitSixLabel:`6 MNO`,digitSevenLabel:`7 PQRS`,digitEightLabel:`8 TUV`,digitNineLabel:`9 WXYZ`,digitAsteriskLabel:`*`,digitZeroLabel:`0`,digitHashtagLabel:`#`,errorLabel:`Error:`},tab:{dismissButtonLabel:`Press the DELETE key to close this tab`},select:{clearButtonLabel:`Clear selection`},countryGroup:{ariaLabelPrefix:`Countries:`},searchableSelect:{clearButtonLabel:`Clear selection`,noOptionsMessage:`No options`,noMatchesMessage:`No options found`,selectAllLabel:`Select All`,deselectAllLabel:`Deselect All`,selectedAllMessage:`All options selected`,deselectedAllMessage:`All options deselected`,loadingOptionsMessage:`Loading...`,removeTagButtonLabel:e=>`Remove ${e}`,optionSelectedMessage:e=>`Option ${e} selected.`,optionDeselectedMessage:e=>`Option ${e} deselected.`,optionFocusedMessage:(e,t,n,r)=>`Option ${e} focused, ${r?`selected, `:``}${t} of ${n}.`,maxSelectedMessage:(e,t)=>`${e} of ${t} selected.`},richTextEditor:{paragraphStyles:`Paragraph styles`,textSize:`Text size`,bold:`Bold`,italic:`Italic`,underline:`Underline`,strikethrough:`Strikethrough`,monospace:`Monospace`,textColor:`Text color`,undo:`Undo`,redo:`Redo`,bulletList:`Bullet list`,numberedList:`Numbered list`,alignment:`Alignment`,alignments:{left:`Left`,center:`Center`,right:`Right`},hyperlink:`Hyperlink`,linkText:`Text`,linkUrl:`URL`,linkTextPlaceholder:`Type text to convert into link`,linkUrlPlaceholder:`Insert link URL`,linkUrlHelperText:`Enter a destination (e.g., https://, mailto:, or tel:).`,cancel:`Cancel`,apply:`Apply`,close:`Close`,edit:`Edit`,delete:`Delete`,imageSizes:{small:`Small`,fit:`Fit`,original:`Original size`},suggestLoading:`Loading...`,suggestNoResults:`No results`},button:{pendingLabel:`Loading...`},feedbackMessage:{errorIconText:`Error:`,successIconText:`Success:`},connotationAnnoncement:{accentIcon:`Accent:`,alertIcon:`Alert:`,informationIcon:`Information:`,successIcon:`Success:`,warningIcon:`Warning:`,announcementIcon:`Announcement:`,ctaIcon:`Call to action:`},charCount:{charactersLimitMessage:e=>`You can enter up to ${e} characters`,charactersRemainingMessage:e=>`You have ${e} characters remaining`},dataGrid:{cell:{selected:`Selected`,button:`(button)`,sortStatus:{ascending:`Sorted ascending.`,descending:`Sorted descending.`,none:`Not sorted.`,other:`Custom sort applied.`},sortInstruction:{ascending:`Click to sort descending.`,descending:`Click to un-sort.`,none:`Click to sort ascending.`,other:`Click to reset sorting.`}}},pagination:{previousPageLabel:`Go to previous page`,nextPageLabel:`Go to next page`,goToPageLabel:e=>`Go to page ${e}`},tag:{remove:e=>`Remove ${e}`},toggletip:{anchorLabel:e=>e?`Show more information about ${e}`:`Show more information`},baseColorPicker:{colorSwatchLabel:(e,t,n)=>{let r=t?`Select ${t}, hex: ${e}`:`Select ${e}`;return n&&(r+=`, selected.`),r}},simpleColorPicker:{colorPaletteLabel:`Color palette`},colorPicker:{popupLabel:`Color Picker`,swatchesLabel:`Saved colors`,pickerButtonLabel:`Color Picker`,hexInputLabel:`HEX color code`,saveButtonLabel:`Save current color`,closeButtonLabel:`Close Color Picker`,copyButtonLabel:`Copy color to clipboard`,copyErrorText:`Copy failed. Clipboard access was blocked. Try again.`,copySuccessMessage:e=>`Color ${e} copied to clipboard.`,selectionSuccessMessage:e=>`Color ${e} selected.`,maxSwatchesMessage:(e,t)=>`${e} of ${t} colors saved.`}},Z=class{constructor(){this.locale=X}};d.t([u.A],Z.prototype,`locale`,void 0);var Q=new Z,$=e=>{class t extends e{get locale(){return Q.locale}}return t},te=e=>{class t extends $(e){localeChanged(){}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}#e={handleChange:()=>{this.localeChanged()}};#t;#n(){this.#t=u.k.binding(()=>this.locale,this.#e),this.#t.observe(this,u.O.default)}#r(){this.#t.dispose()}}return t};Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return $}});
1
+ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,o)=>(o=n==null?{}:e(i(n)),c(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));const u=require("./vivid-element.cjs"),d=require("./decorate.cjs");var f=s({Background:()=>I,Black:()=>A,Blue:()=>M,Captions:()=>w,Casual:()=>W,Chapters:()=>T,Close:()=>D,Color:()=>J,Cyan:()=>F,Depressed:()=>H,Descriptions:()=>E,Done:()=>q,Duration:()=>g,Fullscreen:()=>b,Green:()=>j,LIVE:()=>_,Loaded:()=>v,Magenta:()=>P,Mute:()=>x,None:()=>B,Opacity:()=>Y,Opaque:()=>z,Pause:()=>m,Play:()=>p,Progress:()=>y,Raised:()=>V,Red:()=>`Red`,Replay:()=>h,Reset:()=>K,Script:()=>G,Subtitles:()=>C,Text:()=>O,Transparent:()=>R,Uniform:()=>U,Unmute:()=>S,White:()=>k,Window:()=>L,Yellow:()=>N,default:()=>ee}),p=`Play`,m=`Pause`,h=`Replay`,g=`Duration`,_=`LIVE`,v=`Loaded`,y=`Progress`,b=`Fullscreen`,x=`Mute`,S=`Unmute`,C=`Subtitles`,w=`Captions`,T=`Chapters`,E=`Descriptions`,D=`Close`,O=`Text`,k=`White`,A=`Black`,j=`Green`,M=`Blue`,N=`Yellow`,P=`Magenta`,F=`Cyan`,I=`Background`,L=`Window`,R=`Transparent`,z=`Opaque`,B=`None`,V=`Raised`,H=`Depressed`,U=`Uniform`,W=`Casual`,G=`Script`,K=`Reset`,q=`Done`,J=`Color`,Y=`Opacity`,ee={"Audio Player":`Audio Player`,"Video Player":`Video Player`,Play:p,Pause:m,Replay:h,"Current Time":`Current Time`,Duration:g,"Remaining Time":`Remaining Time`,"Stream Type":`Stream Type`,LIVE:_,"Seek to live, currently behind live":`Seek to live, currently behind live`,"Seek to live, currently playing live":`Seek to live, currently playing live`,Loaded:v,Progress:y,"Progress Bar":`Progress Bar`,"progress bar timing: currentTime={1} duration={2}":`{1} of {2}`,Fullscreen:b,"Exit Fullscreen":`Exit Fullscreen`,Mute:x,Unmute:S,"Playback Rate":`Playback Rate`,Subtitles:C,"subtitles off":`subtitles off`,Captions:w,"captions off":`captions off`,Chapters:T,Descriptions:E,"descriptions off":`descriptions off`,"Audio Track":`Audio Track`,"Volume Level":`Volume Level`,"You aborted the media playback":`You aborted the media playback`,"A network error caused the media download to fail part-way.":`A network error caused the media download to fail part-way.`,"The media could not be loaded, either because the server or network failed or because the format is not supported.":`The media could not be loaded, either because the server or network failed or because the format is not supported.`,"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":`The media playback was aborted due to a corruption problem or because the media used features your browser did not support.`,"No compatible source was found for this media.":`No compatible source was found for this media.`,"The media is encrypted and we do not have the keys to decrypt it.":`The media is encrypted and we do not have the keys to decrypt it.`,"Play Video":`Play Video`,Close:D,"Close Modal Dialog":`Close Modal Dialog`,"Modal Window":`Modal Window`,"This is a modal window":`This is a modal window`,"This modal can be closed by pressing the Escape key or activating the close button.":`This modal can be closed by pressing the Escape key or activating the close button.`,", opens captions settings dialog":`, opens captions settings dialog`,", opens subtitles settings dialog":`, opens subtitles settings dialog`,", opens descriptions settings dialog":`, opens descriptions settings dialog`,", selected":`, selected`,"captions settings":`captions settings`,"subtitles settings":`subtitles settings`,"descriptions settings":`descriptions settings`,Text:O,White:k,Black:A,Red:`Red`,Green:j,Blue:M,Yellow:N,Magenta:P,Cyan:F,Background:I,Window:L,Transparent:R,"Semi-Transparent":`Semi-Transparent`,Opaque:z,"Font Size":`Font Size`,"Text Edge Style":`Text Edge Style`,None:B,Raised:V,Depressed:H,Uniform:U,"Drop shadow":`Drop shadow`,"Font Family":`Font Family`,"Proportional Sans-Serif":`Proportional Sans-Serif`,"Monospace Sans-Serif":`Monospace Sans-Serif`,"Proportional Serif":`Proportional Serif`,"Monospace Serif":`Monospace Serif`,Casual:W,Script:G,"Small Caps":`Small Caps`,Reset:K,"restore all settings to the default values":`restore all settings to the default values`,Done:q,"Caption Settings Dialog":`Caption Settings Dialog`,"Beginning of dialog window. Escape will cancel and close the window.":`Beginning of dialog window. Escape will cancel and close the window.`,"End of dialog window.":`End of dialog window.`,"{1} is loading.":`{1} is loading.`,"Exit Picture-in-Picture":`Exit Picture-in-Picture`,"Picture-in-Picture":`Picture-in-Picture`,"No content":`No content`,Color:J,Opacity:Y,"Text Background":`Text Background`,"Caption Area Background":`Caption Area Background`,"Playing in Picture-in-Picture":`Playing in Picture-in-Picture`,"Skip backward {1} seconds":`Skip backward {1} seconds`,"Skip forward {1} seconds":`Skip forward {1} seconds`},X={lang:`en-US`,common:{useCommaAsDecimalSeparator:!1},pickerField:{clearLabel:`Clear`,okLabel:`OK`},calendarPicker:{months:{name:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shorthand:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`]},weekdays:{name:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shorthand:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]},firstDayOfWeek:0,dateFormat:`MM/dd/yyyy`,dateFormatPlaceholder:`MM/DD/YYYY`,chooseDateLabel:`Choose date`,changeDateLabel:e=>`Change date, ${e}`,chooseDatesLabel:`Choose dates`,changeDatesLabel:e=>`Change dates, ${e}`,prevYearLabel:`Previous year`,prevMonthLabel:`Previous month`,nextMonthLabel:`Next month`,nextYearLabel:`Next year`,todayLabel:`today`,selectedLabel:`selected`,currentLabel:`current`,changeMonthLabel:e=>`Change month, ${e} selected`,showCalendarForMonthLabel:e=>`Show calendar for ${e}`,invalidDateError:`Please enter a valid date.`,invalidDateRangeError:`Please enter a valid date range.`,startDateAfterMinDateError:e=>`The start date must be ${e} or later.`,endDateBeforeMaxDateError:e=>`The end date must be ${e} or earlier.`},timePicker:{defaultTo12HourClock:!0,chooseTimeLabel:`Choose time`,changeTimeLabel:e=>`Change time, ${e}`,hoursLabel:`hours`,minutesLabel:`minutes`,secondsLabel:`seconds`,meridiesLabel:`AM/PM`,invalidTimeError:`Please enter a valid time.`},dateTimePicker:{chooseDateTimeLabel:`Choose date and time`,changeDateTimeLabel:e=>`Change date and time, ${e}`,invalidDateTimeError:`Please enter a valid date and time.`,dateBeforeMinDateError:e=>`Date must be ${e} or later.`,dateAfterMaxDateError:e=>`Date must be ${e} or earlier.`,timeBeforeMinTimeError:e=>`Time must be ${e} or later.`,timeAfterMaxTimeError:e=>`Time must be ${e} or earlier.`},filePicker:{invalidFileTypeError:`You can't select files of this type.`,maxFilesExceededError:`You can't select any more files.`,fileTooBigError:`File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.`,removeFileLabel:`Remove file`,invalidFilesError:`One or more selected files are invalid. Please, upload only valid file types under the size limit.`,uploadFilesLabel:`Upload files`},audioPlayer:{playButtonLabel:`Play`,pauseButtonLabel:`Pause`,sliderLabel:`Audio progress bar`,skipForwardButton:`Skip Forward`,skipBackwardButton:`Skip Backward`},alert:{dismissButtonLabel:`Close`},dialog:{dismissButtonLabel:`Close`},popover:{dismissButtonLabel:`Close`},banner:{dismissButtonLabel:`Close`},numberField:{incrementButtonLabel:e=>e===1?`Increase value`:`Increase value by ${e}`,decrementButtonLabel:e=>e===1?`Decrease value`:`Decrease value by ${e}`,updatedValueAnnouncement:e=>`Updated value: ${e}`},splitButton:{showMoreActionsLabel:`Show more actions`},videoPlayer:f,rangeSlider:{startThumbLabel:`min`,endThumbLabel:`max`},dialPad:{inputLabel:`Phone number`,deleteButtonLabel:`Delete last digit`,callButtonLabel:`Call`,endCallButtonLabel:`End call`,digitOneLabel:`1`,digitTwoLabel:`2 ABC`,digitThreeLabel:`3 DEF`,digitFourLabel:`4 GHI`,digitFiveLabel:`5 JKL`,digitSixLabel:`6 MNO`,digitSevenLabel:`7 PQRS`,digitEightLabel:`8 TUV`,digitNineLabel:`9 WXYZ`,digitAsteriskLabel:`Asterisk`,digitZeroLabel:`0`,digitZeroDescription:`Press and hold to type a plus sign`,digitHashtagLabel:`Pound`,errorLabel:`Error:`},tab:{dismissButtonLabel:`Press the DELETE key to close this tab`},select:{clearButtonLabel:`Clear selection`},countryGroup:{ariaLabelPrefix:`Countries:`},searchableSelect:{clearButtonLabel:`Clear selection`,noOptionsMessage:`No options`,noMatchesMessage:`No options found`,selectAllLabel:`Select All`,deselectAllLabel:`Deselect All`,selectedAllMessage:`All options selected`,deselectedAllMessage:`All options deselected`,loadingOptionsMessage:`Loading...`,removeTagButtonLabel:e=>`Remove ${e}`,optionSelectedMessage:e=>`Option ${e} selected.`,optionDeselectedMessage:e=>`Option ${e} deselected.`,optionFocusedMessage:(e,t,n,r)=>`Option ${e} focused, ${r?`selected, `:``}${t} of ${n}.`,maxSelectedMessage:(e,t)=>`${e} of ${t} selected.`},richTextEditor:{paragraphStyles:`Paragraph styles`,textSize:`Text size`,bold:`Bold`,italic:`Italic`,underline:`Underline`,strikethrough:`Strikethrough`,monospace:`Monospace`,textColor:`Text color`,undo:`Undo`,redo:`Redo`,bulletList:`Bullet list`,numberedList:`Numbered list`,alignment:`Alignment`,alignments:{left:`Left`,center:`Center`,right:`Right`},hyperlink:`Hyperlink`,linkText:`Text`,linkUrl:`URL`,linkTextPlaceholder:`Type text to convert into link`,linkUrlPlaceholder:`Insert link URL`,linkUrlHelperText:`Enter a destination (e.g., https://, mailto:, or tel:).`,cancel:`Cancel`,apply:`Apply`,close:`Close`,edit:`Edit`,delete:`Delete`,imageSizes:{small:`Small`,fit:`Fit`,original:`Original size`},suggestLoading:`Loading...`,suggestNoResults:`No results`},button:{pendingLabel:`Loading...`},feedbackMessage:{errorIconText:`Error:`,successIconText:`Success:`},connotationAnnoncement:{accentIcon:`Accent:`,alertIcon:`Alert:`,informationIcon:`Information:`,successIcon:`Success:`,warningIcon:`Warning:`,announcementIcon:`Announcement:`,ctaIcon:`Call to action:`},charCount:{charactersLimitMessage:e=>`You can enter up to ${e} characters`,charactersRemainingMessage:e=>`You have ${e} characters remaining`},dataGrid:{cell:{selected:`Selected`,button:`(button)`,sortStatus:{ascending:`Sorted ascending.`,descending:`Sorted descending.`,none:`Not sorted.`,other:`Custom sort applied.`},sortInstruction:{ascending:`Click to sort descending.`,descending:`Click to un-sort.`,none:`Click to sort ascending.`,other:`Click to reset sorting.`}}},pagination:{previousPageLabel:`Go to previous page`,nextPageLabel:`Go to next page`,goToPageLabel:e=>`Go to page ${e}`},tag:{remove:e=>`Remove ${e}`},toggletip:{anchorLabel:e=>e?`Show more information about ${e}`:`Show more information`},baseColorPicker:{colorSwatchLabel:(e,t,n)=>{let r=t?`Select ${t}, hex: ${e}`:`Select ${e}`;return n&&(r+=`, selected.`),r}},simpleColorPicker:{colorPaletteLabel:`Color palette`},colorPicker:{popupLabel:`Color Picker`,swatchesLabel:`Saved colors`,pickerButtonLabel:`Color Picker`,hexInputLabel:`HEX color code`,saveButtonLabel:`Save current color`,closeButtonLabel:`Close Color Picker`,copyButtonLabel:`Copy color to clipboard`,copyErrorText:`Copy failed. Clipboard access was blocked. Try again.`,copySuccessMessage:e=>`Color ${e} copied to clipboard.`,selectionSuccessMessage:e=>`Color ${e} selected.`,maxSwatchesMessage:(e,t)=>`${e} of ${t} colors saved.`}},Z=class{constructor(){this.locale=X}};d.t([u.A],Z.prototype,`locale`,void 0);var Q=new Z,$=e=>{class t extends e{get locale(){return Q.locale}}return t},te=e=>{class t extends $(e){localeChanged(){}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}#e={handleChange:()=>{this.localeChanged()}};#t;#n(){this.#t=u.k.binding(()=>this.locale,this.#e),this.#t.observe(this,u.O.default)}#r(){this.#t.dispose()}}return t};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return $}});
@@ -14,7 +14,7 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
14
14
  enumerable: !(r = o(t, u)) || r.enumerable
15
15
  });
16
16
  return e;
17
- }, d = (e, t, n) => (n = e == null ? {} : i(s(e)), te(t || !e || !e.__esModule ? a(n, "default", {
17
+ }, d = (e, t, n) => (n = e == null ? {} : i(s(e)), te(t || !e || !e.__esModule || !c.call(e, "default") ? a(n, "default", {
18
18
  value: e,
19
19
  enumerable: !0
20
20
  }) : n, e)), f = /* @__PURE__ */ u({
@@ -215,9 +215,9 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
215
215
  dateFormat: "MM/dd/yyyy",
216
216
  dateFormatPlaceholder: "MM/DD/YYYY",
217
217
  chooseDateLabel: "Choose date",
218
- changeDateLabel: (e) => `Change date, ${e}`,
218
+ changeDateLabel: /* istanbul ignore next */ (e) => `Change date, ${e}`,
219
219
  chooseDatesLabel: "Choose dates",
220
- changeDatesLabel: (e) => `Change dates, ${e}`,
220
+ changeDatesLabel: /* istanbul ignore next */ (e) => `Change dates, ${e}`,
221
221
  prevYearLabel: "Previous year",
222
222
  prevMonthLabel: "Previous month",
223
223
  nextMonthLabel: "Next month",
@@ -225,17 +225,17 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
225
225
  todayLabel: "today",
226
226
  selectedLabel: "selected",
227
227
  currentLabel: "current",
228
- changeMonthLabel: (e) => `Change month, ${e} selected`,
229
- showCalendarForMonthLabel: (e) => `Show calendar for ${e}`,
228
+ changeMonthLabel: /* istanbul ignore next */ (e) => `Change month, ${e} selected`,
229
+ showCalendarForMonthLabel: /* istanbul ignore next */ (e) => `Show calendar for ${e}`,
230
230
  invalidDateError: "Please enter a valid date.",
231
231
  invalidDateRangeError: "Please enter a valid date range.",
232
- startDateAfterMinDateError: (e) => `The start date must be ${e} or later.`,
233
- endDateBeforeMaxDateError: (e) => `The end date must be ${e} or earlier.`
232
+ startDateAfterMinDateError: /* istanbul ignore next */ (e) => `The start date must be ${e} or later.`,
233
+ endDateBeforeMaxDateError: /* istanbul ignore next */ (e) => `The end date must be ${e} or earlier.`
234
234
  },
235
235
  timePicker: {
236
236
  defaultTo12HourClock: !0,
237
237
  chooseTimeLabel: "Choose time",
238
- changeTimeLabel: (e) => `Change time, ${e}`,
238
+ changeTimeLabel: /* istanbul ignore next */ (e) => `Change time, ${e}`,
239
239
  hoursLabel: "hours",
240
240
  minutesLabel: "minutes",
241
241
  secondsLabel: "seconds",
@@ -244,12 +244,12 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
244
244
  },
245
245
  dateTimePicker: {
246
246
  chooseDateTimeLabel: "Choose date and time",
247
- changeDateTimeLabel: (e) => `Change date and time, ${e}`,
247
+ changeDateTimeLabel: /* istanbul ignore next */ (e) => `Change date and time, ${e}`,
248
248
  invalidDateTimeError: "Please enter a valid date and time.",
249
- dateBeforeMinDateError: (e) => `Date must be ${e} or later.`,
250
- dateAfterMaxDateError: (e) => `Date must be ${e} or earlier.`,
251
- timeBeforeMinTimeError: (e) => `Time must be ${e} or later.`,
252
- timeAfterMaxTimeError: (e) => `Time must be ${e} or earlier.`
249
+ dateBeforeMinDateError: /* istanbul ignore next */ (e) => `Date must be ${e} or later.`,
250
+ dateAfterMaxDateError: /* istanbul ignore next */ (e) => `Date must be ${e} or earlier.`,
251
+ timeBeforeMinTimeError: /* istanbul ignore next */ (e) => `Time must be ${e} or later.`,
252
+ timeAfterMaxTimeError: /* istanbul ignore next */ (e) => `Time must be ${e} or earlier.`
253
253
  },
254
254
  filePicker: {
255
255
  invalidFileTypeError: "You can't select files of this type.",
@@ -271,9 +271,9 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
271
271
  popover: { dismissButtonLabel: "Close" },
272
272
  banner: { dismissButtonLabel: "Close" },
273
273
  numberField: {
274
- incrementButtonLabel: (e) => e === 1 ? "Increase value" : `Increase value by ${e}`,
275
- decrementButtonLabel: (e) => e === 1 ? "Decrease value" : `Decrease value by ${e}`,
276
- updatedValueAnnouncement: (e) => `Updated value: ${e}`
274
+ incrementButtonLabel: /* istanbul ignore next */ (e) => e === 1 ? "Increase value" : `Increase value by ${e}`,
275
+ decrementButtonLabel: /* istanbul ignore next */ (e) => e === 1 ? "Decrease value" : `Decrease value by ${e}`,
276
+ updatedValueAnnouncement: /* istanbul ignore next */ (e) => `Updated value: ${e}`
277
277
  },
278
278
  splitButton: { showMoreActionsLabel: "Show more actions" },
279
279
  videoPlayer: f,
@@ -295,9 +295,10 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
295
295
  digitSevenLabel: "7 PQRS",
296
296
  digitEightLabel: "8 TUV",
297
297
  digitNineLabel: "9 WXYZ",
298
- digitAsteriskLabel: "*",
298
+ digitAsteriskLabel: "Asterisk",
299
299
  digitZeroLabel: "0",
300
- digitHashtagLabel: "#",
300
+ digitZeroDescription: "Press and hold to type a plus sign",
301
+ digitHashtagLabel: "Pound",
301
302
  errorLabel: "Error:"
302
303
  },
303
304
  tab: { dismissButtonLabel: "Press the DELETE key to close this tab" },
@@ -312,11 +313,11 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
312
313
  selectedAllMessage: "All options selected",
313
314
  deselectedAllMessage: "All options deselected",
314
315
  loadingOptionsMessage: "Loading...",
315
- removeTagButtonLabel: (e) => `Remove ${e}`,
316
- optionSelectedMessage: (e) => `Option ${e} selected.`,
317
- optionDeselectedMessage: (e) => `Option ${e} deselected.`,
318
- optionFocusedMessage: (e, t, n, r) => `Option ${e} focused, ${r ? "selected, " : ""}${t} of ${n}.`,
319
- maxSelectedMessage: (e, t) => `${e} of ${t} selected.`
316
+ removeTagButtonLabel: /* istanbul ignore next */ (e) => `Remove ${e}`,
317
+ optionSelectedMessage: /* istanbul ignore next */ (e) => `Option ${e} selected.`,
318
+ optionDeselectedMessage: /* istanbul ignore next */ (e) => `Option ${e} deselected.`,
319
+ optionFocusedMessage: /* istanbul ignore next */ (e, t, n, r) => `Option ${e} focused, ${r ? "selected, " : ""}${t} of ${n}.`,
320
+ maxSelectedMessage: /* istanbul ignore next */ (e, t) => `${e} of ${t} selected.`
320
321
  },
321
322
  richTextEditor: {
322
323
  paragraphStyles: "Paragraph styles",
@@ -371,8 +372,8 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
371
372
  ctaIcon: "Call to action:"
372
373
  },
373
374
  charCount: {
374
- charactersLimitMessage: (e) => `You can enter up to ${e} characters`,
375
- charactersRemainingMessage: (e) => `You have ${e} characters remaining`
375
+ charactersLimitMessage: /* istanbul ignore next */ (e) => `You can enter up to ${e} characters`,
376
+ charactersRemainingMessage: /* istanbul ignore next */ (e) => `You have ${e} characters remaining`
376
377
  },
377
378
  dataGrid: { cell: {
378
379
  selected: "Selected",
@@ -393,11 +394,11 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
393
394
  pagination: {
394
395
  previousPageLabel: "Go to previous page",
395
396
  nextPageLabel: "Go to next page",
396
- goToPageLabel: (e) => `Go to page ${e}`
397
+ goToPageLabel: /* istanbul ignore next */ (e) => `Go to page ${e}`
397
398
  },
398
- tag: { remove: (e) => `Remove ${e}` },
399
- toggletip: { anchorLabel: (e) => e ? `Show more information about ${e}` : "Show more information" },
400
- baseColorPicker: { colorSwatchLabel: (e, t, n) => {
399
+ tag: { remove: /* istanbul ignore next */ (e) => `Remove ${e}` },
400
+ toggletip: { anchorLabel: /* istanbul ignore next */ (e) => e ? `Show more information about ${e}` : "Show more information" },
401
+ baseColorPicker: { colorSwatchLabel: /* istanbul ignore next */ (e, t, n) => {
401
402
  let r = t ? `Select ${t}, hex: ${e}` : `Select ${e}`;
402
403
  return n && (r += ", selected."), r;
403
404
  } },
@@ -411,9 +412,9 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
411
412
  closeButtonLabel: "Close Color Picker",
412
413
  copyButtonLabel: "Copy color to clipboard",
413
414
  copyErrorText: "Copy failed. Clipboard access was blocked. Try again.",
414
- copySuccessMessage: (e) => `Color ${e} copied to clipboard.`,
415
- selectionSuccessMessage: (e) => `Color ${e} selected.`,
416
- maxSwatchesMessage: (e, t) => `${e} of ${t} colors saved.`
415
+ copySuccessMessage: /* istanbul ignore next */ (e) => `Color ${e} copied to clipboard.`,
416
+ selectionSuccessMessage: /* istanbul ignore next */ (e) => `Color ${e} selected.`,
417
+ maxSwatchesMessage: /* istanbul ignore next */ (e, t) => `${e} of ${t} colors saved.`
417
418
  }
418
419
  }, Q = class {
419
420
  constructor() {
@@ -1,11 +1,4 @@
1
- const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./slotted.cjs`),r=require(`./when.cjs`),i=require(`./definition.cjs`),a=require(`./decorate.cjs`),o=require(`./class-names.cjs`),s=require(`./definition3.cjs`),c=require(`./icon.cjs`),l=require(`./render-in-light-dom.cjs`);var u=`:host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}`,d=class extends e.t(t.t){constructor(...e){super(...e),this.type=`none`}};a.t([t.m],d.prototype,`type`,void 0);function f(e,n,r){let i=e.tagFor(c.t);return t.p`<${i} class="icon" name="${n}" label="${e=>e.locale.feedbackMessage[r]}"></${i}>`}function p(e){let n={none:``,helper:``,error:f(e,`info-line`,`errorIconText`),success:f(e,`check-circle-line`,`successIconText`)};return t.p`${e=>n[e.type]}`}var m=e=>e===`error`,h=t.u(`feedback-message`,d,e=>{let n=t.p`<div
2
- class="${e=>o.t(`message`,`${e.type}-message`)}"
3
- >
4
- ${p(e)}<slot></slot>
5
- </div>`;return t.p`${r.t(e=>!m(e.type),n)}
6
- <span class="announcement" role="status" aria-live="polite">
7
- ${r.t(e=>m(e.type),n)}
8
- </span>`},[s.t,i.n],{styles:u}),g=e=>{class r extends e{get _feedbackDescribedBy(){return`feedback slotted-helper-text-feedback`}_internalFeedback(){let e=this._helperTextSlottedContent?.length?``:this.helperText,t=this.errorValidationMessage,n=this.successText;return n?{type:`success`,message:n}:t?{type:`error`,message:t}:e?{type:`helper`,message:e}:{type:`none`,message:``}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type===`none`&&this._helperTextSlottedContent?.length?`helper`:`none`}_getFeedbackTemplate(e){let r=e.tagFor(d);return t.p`
1
+ const e=require("./vivid-element.cjs"),t=require("./slotted.cjs"),n=require("./decorate.cjs"),r=require("./render-in-light-dom.cjs"),i=require("./feedback-message.cjs");var a=r=>{class a extends r{get _feedbackDescribedBy(){return`feedback slotted-helper-text-feedback`}_internalFeedback(){let e=this._helperTextSlottedContent?.length?``:this.helperText,t=this.errorValidationMessage,n=this.successText;return n?{type:`success`,message:n}:t?{type:`error`,message:t}:e?{type:`helper`,message:e}:{type:`none`,message:``}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type===`none`&&this._helperTextSlottedContent?.length?`helper`:`none`}_getFeedbackTemplate(n){let r=n.tagFor(i.t);return e.p`
9
2
  <${r} id="feedback" :type="${e=>e._internalFeedback().type}">
10
3
  ${e=>e._internalFeedback().message}
11
4
  </${r}>
@@ -13,21 +6,21 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
13
6
  id="slotted-helper-text-feedback"
14
7
  :type="${e=>e._slottedHelperTextFeedbackType()}"
15
8
  >
16
- <slot name="helper-text" ${n.t(`_helperTextSlottedContent`)}></slot>
9
+ <slot name="helper-text" ${t.t(`_helperTextSlottedContent`)}></slot>
17
10
  </${r}>
18
- `}}return a.t([t.m({attribute:`helper-text`})],r.prototype,`helperText`,void 0),a.t([t.A],r.prototype,`_helperTextSlottedContent`,void 0),r},_=e=>{let r=()=>`vvd-feedback-${l.n()}`,i=()=>`vvd-slotted-feedback-${l.n()}`;class o extends g(e){constructor(...e){super(...e),this._slottedHelperTextIds=[],this._feedbackId=r()}_helperTextSlottedContentChanged(e,t){for(let e of t)e.id||=i();this._slottedHelperTextIds=t.map(e=>e.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(` `)}_getFeedbackTemplate(e){let r=e.tagFor(d);return t.p`
11
+ `}}return n.t([e.m({attribute:`helper-text`})],a.prototype,`helperText`,void 0),n.t([e.A],a.prototype,`_helperTextSlottedContent`,void 0),a},o=o=>{let s=()=>`vvd-feedback-${r.n()}`,c=()=>`vvd-slotted-feedback-${r.n()}`;class l extends a(o){constructor(...e){super(...e),this._slottedHelperTextIds=[],this._feedbackId=s()}_helperTextSlottedContentChanged(e,t){for(let e of t)e.id||=c();this._slottedHelperTextIds=t.map(e=>e.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(` `)}_getFeedbackTemplate(n){let a=n.tagFor(i.t);return e.p`
19
12
  <slot name="_feedback"></slot>
20
- ${l.t(t.p`<${r}
13
+ ${r.t(e.p`<${a}
21
14
  slot="_feedback"
22
15
  id="${e=>e._feedbackId}"
23
16
  :type="${e=>e._internalFeedback().type}"
24
17
  >
25
18
  ${e=>e._internalFeedback().message}
26
- </${r}>`)}
27
- <${r} :type="${e=>e._slottedHelperTextFeedbackType()}">
19
+ </${a}>`)}
20
+ <${a} :type="${e=>e._slottedHelperTextFeedbackType()}">
28
21
  <slot
29
22
  name="helper-text"
30
- ${n.t(`_helperTextSlottedContent`)}
23
+ ${t.t(`_helperTextSlottedContent`)}
31
24
  ></slot>
32
- </${r}>
33
- `}}return a.t([t.A],o.prototype,`_slottedHelperTextIds`,void 0),o};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
25
+ </${a}>
26
+ `}}return n.t([e.A],l.prototype,`_slottedHelperTextIds`,void 0),l};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
package/bundled/mixins.js CHANGED
@@ -1,45 +1,11 @@
1
- import { t as e } from "./localized.js";
2
- import { A as t, m as n, p as r, t as i, u as a } from "./vivid-element.js";
3
- import { t as o } from "./slotted.js";
4
- import { t as s } from "./when.js";
5
- import { n as c } from "./definition.js";
6
- import { t as l } from "./decorate.js";
7
- import { t as u } from "./class-names.js";
8
- import { t as d } from "./definition3.js";
9
- import { t as f } from "./icon.js";
10
- import { n as p, t as m } from "./render-in-light-dom.js";
11
- //#region src/shared/feedback/feedback-message.scss?inline
12
- var h = ":host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}", g = class extends e(i) {
13
- constructor(...e) {
14
- super(...e), this.type = "none";
15
- }
16
- };
17
- l([n], g.prototype, "type", void 0);
18
- function _(e, t, n) {
19
- let i = e.tagFor(f);
20
- return r`<${i} class="icon" name="${t}" label="${(e) => e.locale.feedbackMessage[n]}"></${i}>`;
21
- }
22
- function v(e) {
23
- let t = {
24
- none: "",
25
- helper: "",
26
- error: _(e, "info-line", "errorIconText"),
27
- success: _(e, "check-circle-line", "successIconText")
28
- };
29
- return r`${(e) => t[e.type]}`;
30
- }
31
- var y = (e) => e === "error", b = a("feedback-message", g, (e) => {
32
- let t = r`<div
33
- class="${(e) => u("message", `${e.type}-message`)}"
34
- >
35
- ${v(e)}<slot></slot>
36
- </div>`;
37
- return r`${s((e) => !y(e.type), t)}
38
- <span class="announcement" role="status" aria-live="polite">
39
- ${s((e) => y(e.type), t)}
40
- </span>`;
41
- }, [d, c], { styles: h }), x = (e) => {
42
- class i extends e {
1
+ import { A as e, m as t, p as n } from "./vivid-element.js";
2
+ import { t as r } from "./slotted.js";
3
+ import { t as i } from "./decorate.js";
4
+ import { n as a, t as o } from "./render-in-light-dom.js";
5
+ import { t as s } from "./feedback-message.js";
6
+ //#region src/shared/feedback/mixins.ts
7
+ var c = (a) => {
8
+ class o extends a {
43
9
  get _feedbackDescribedBy() {
44
10
  return "feedback slotted-helper-text-feedback";
45
11
  }
@@ -63,8 +29,8 @@ var y = (e) => e === "error", b = a("feedback-message", g, (e) => {
63
29
  return this._internalFeedback().type === "none" && this._helperTextSlottedContent?.length ? "helper" : "none";
64
30
  }
65
31
  _getFeedbackTemplate(e) {
66
- let t = e.tagFor(g);
67
- return r`
32
+ let t = e.tagFor(s);
33
+ return n`
68
34
  <${t} id="feedback" :type="${(e) => e._internalFeedback().type}">
69
35
  ${(e) => e._internalFeedback().message}
70
36
  </${t}>
@@ -72,32 +38,32 @@ var y = (e) => e === "error", b = a("feedback-message", g, (e) => {
72
38
  id="slotted-helper-text-feedback"
73
39
  :type="${(e) => e._slottedHelperTextFeedbackType()}"
74
40
  >
75
- <slot name="helper-text" ${o("_helperTextSlottedContent")}></slot>
41
+ <slot name="helper-text" ${r("_helperTextSlottedContent")}></slot>
76
42
  </${t}>
77
43
  `;
78
44
  }
79
45
  }
80
- return l([n({ attribute: "helper-text" })], i.prototype, "helperText", void 0), l([t], i.prototype, "_helperTextSlottedContent", void 0), i;
81
- }, S = (e) => {
82
- let n = () => `vvd-feedback-${p()}`, i = () => `vvd-slotted-feedback-${p()}`;
83
- class a extends x(e) {
46
+ return i([t({ attribute: "helper-text" })], o.prototype, "helperText", void 0), i([e], o.prototype, "_helperTextSlottedContent", void 0), o;
47
+ }, l = (t) => {
48
+ let l = () => `vvd-feedback-${a()}`, u = () => `vvd-slotted-feedback-${a()}`;
49
+ class d extends c(t) {
84
50
  constructor(...e) {
85
- super(...e), this._slottedHelperTextIds = [], this._feedbackId = n();
51
+ super(...e), this._slottedHelperTextIds = [], this._feedbackId = l();
86
52
  }
87
53
  _helperTextSlottedContentChanged(e, t) {
88
54
  for (let e of t)
89
55
  /* v8 ignore else -- @preserve */
90
- e.id ||= i();
56
+ e.id ||= u();
91
57
  this._slottedHelperTextIds = t.map((e) => e.id);
92
58
  }
93
59
  get _feedbackDescribedBy() {
94
60
  return [this._feedbackId, ...this._slottedHelperTextIds].join(" ");
95
61
  }
96
62
  _getFeedbackTemplate(e) {
97
- let t = e.tagFor(g);
98
- return r`
63
+ let t = e.tagFor(s);
64
+ return n`
99
65
  <slot name="_feedback"></slot>
100
- ${m(r`<${t}
66
+ ${o(n`<${t}
101
67
  slot="_feedback"
102
68
  id="${(e) => e._feedbackId}"
103
69
  :type="${(e) => e._internalFeedback().type}"
@@ -107,13 +73,13 @@ var y = (e) => e === "error", b = a("feedback-message", g, (e) => {
107
73
  <${t} :type="${(e) => e._slottedHelperTextFeedbackType()}">
108
74
  <slot
109
75
  name="helper-text"
110
- ${o("_helperTextSlottedContent")}
76
+ ${r("_helperTextSlottedContent")}
111
77
  ></slot>
112
78
  </${t}>
113
79
  `;
114
80
  }
115
81
  }
116
- return l([t], a.prototype, "_slottedHelperTextIds", void 0), a;
82
+ return i([e], d.prototype, "_slottedHelperTextIds", void 0), d;
117
83
  };
118
84
  //#endregion
119
- export { S as n, b as r, x as t };
85
+ export { l as n, c as t };
@@ -1,4 +1,4 @@
1
- var e=`<svg width="80%" height="80%" viewBox="0 0 64 64">
1
+ var e={name:`@vonage/vivid-icons`,version:`4.12.0`,type:`module`,exports:{".":{types:`./dist/index.d.ts`,default:`./dist/index.mjs`},"./package.json":`./package.json`},files:[`dist`],scripts:{build:`vite build`,fetch:`tsx scripts/fetch-icons.ts`,lint:`eslint . --max-warnings=0`,"lint:fix":`eslint . --max-warnings=0 --fix`,typecheck:`tsc --noEmit`},dependencies:{"@microsoft/fast-element":`catalog:`},devDependencies:{"@figma/rest-api-spec":`catalog:`,"@repo/eslint-config":`workspace:*`,"@repo/fetch-icons":`workspace:*`,"@repo/typescript-config":`workspace:*`,"@repo/utils":`workspace:*`,"@repo/vite-config":`workspace:*`,"@types/node":`catalog:`,dotenv:`catalog:`,eslint:`catalog:`,tsx:`catalog:`,typescript:`catalog:`,vite:`catalog:`,"vite-plugin-dts":`catalog:`}},t=`https://icon.resources.vonage.com`,n=e.version;`${t}${n}`;var r=(e,n)=>[t,`v${n}`,e].join(`/`),i=({ok:e,headers:t})=>{if(!e||t.get(`content-type`)!==`image/svg+xml`)throw Error(`Something went wrong`)},a=e=>(i(e),e.text()),o=(e,t)=>fetch(r(`${e}.svg`,n),{signal:t}).then(a),s=e=>(e??``).trim(),c=new Map,l=(e,t)=>{let n=s(e);if(!n)return Promise.resolve(``);let r=c.get(n);if(r&&!r.signal?.aborted)return r.promise;let i=o(n,t).then(e=>{let r=c.get(n);if(r&&r.promise===i&&t.aborted)throw c.delete(n),t.reason??new DOMException(`Aborted`,`AbortError`);return e}).catch(e=>{let t=c.get(n);throw t&&t.promise===i&&c.delete(n),e});return c.set(n,{promise:i,signal:t}),i},u={toView(e){return e===void 0?null:e.toString()},fromView(e){if(typeof e==`string`&&(e=parseFloat(e)),typeof e==`number`)return isNaN(e)||!isFinite(e)?void 0:e}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return`<svg width="80%" height="80%" viewBox="0 0 64 64">
2
2
  <g>
3
3
  <g stroke-width="6" stroke-linecap="round" fill="none">
4
4
  <path stroke="currentColor" d="M4,32 c0,15,12,28,28,28c8,0,16-4,21-9">
@@ -9,4 +9,4 @@ var e=`<svg width="80%" height="80%" viewBox="0 0 64 64">
9
9
  </animateTransform>
10
10
  </g>
11
11
  </g>
12
- </svg>`,t={name:`@vonage/vivid-icons`,version:`4.11.0`,type:`module`,exports:{".":{types:`./dist/index.d.ts`,default:`./dist/index.mjs`},"./package.json":`./package.json`},files:[`dist`],scripts:{build:`vite build`,fetch:`tsx scripts/fetch-icons.ts`,lint:`eslint . --max-warnings=0`,"lint:fix":`eslint . --max-warnings=0 --fix`,typecheck:`tsc --noEmit`},dependencies:{"@microsoft/fast-element":`catalog:`},devDependencies:{"@figma/rest-api-spec":`catalog:`,"@repo/eslint-config":`workspace:*`,"@repo/fetch-icons":`workspace:*`,"@repo/typescript-config":`workspace:*`,"@repo/utils":`workspace:*`,"@repo/vite-config":`workspace:*`,"@types/node":`catalog:`,dotenv:`catalog:`,eslint:`catalog:`,tsx:`catalog:`,typescript:`catalog:`,vite:`catalog:`,"vite-plugin-dts":`catalog:`}},n=`https://icon.resources.vonage.com`,r=t.version;`${n}${r}`;var i=(e,t)=>[n,`v${t}`,e].join(`/`),a=({ok:e,headers:t})=>{if(!e||t.get(`content-type`)!==`image/svg+xml`)throw Error(`Something went wrong`)},o=e=>(a(e),e.text()),s=(e,t)=>fetch(i(`${e}.svg`,r),{signal:t}).then(o),c=e=>(e??``).trim(),l=new Map,u=(e,t)=>{let n=c(e);if(!n)return Promise.resolve(``);let r=l.get(n);if(r&&!r.signal?.aborted)return r.promise;let i=s(n,t).then(e=>{let r=l.get(n);if(r&&r.promise===i&&t.aborted)throw l.delete(n),t.reason??new DOMException(`Aborted`,`AbortError`);return e}).catch(e=>{let t=l.get(n);throw t&&t.promise===i&&l.delete(n),e});return l.set(n,{promise:i,signal:t}),i},d={toView(e){return e===void 0?null:e.toString()},fromView(e){if(typeof e==`string`&&(e=parseFloat(e)),typeof e==`number`)return isNaN(e)||!isFinite(e)?void 0:e}};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
12
+ </svg>`}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
@@ -1,7 +1,7 @@
1
1
  //#region src/shared/icon/icon-placeholder.ts
2
2
  var e = "<svg width=\"80%\" height=\"80%\" viewBox=\"0 0 64 64\">\n <g>\n <g stroke-width=\"6\" stroke-linecap=\"round\" fill=\"none\">\n <path stroke=\"currentColor\" d=\"M4,32 c0,15,12,28,28,28c8,0,16-4,21-9\">\n </path>\n <path d=\"M60,32 C60,16,47.464,4,32,4S4,16,4,32\">\n </path>\n <animateTransform values=\"0,32,32;360,32,32\" attributeName=\"transform\" type=\"rotate\" repeatCount=\"indefinite\" dur=\"750ms\">\n </animateTransform>\n </g>\n </g>\n</svg>", t = {
3
3
  name: "@vonage/vivid-icons",
4
- version: "4.11.0",
4
+ version: "4.12.0",
5
5
  type: "module",
6
6
  exports: {
7
7
  ".": {
@@ -1 +1 @@
1
- function e(e,t,n){return n<e?t:n>t?e:n}function t(e,t,n){return Math.min(Math.max(n,e),t)}function n(e,t,n=0){return[t,n]=[t,n].sort((e,t)=>e-t),t<=e&&e<n}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
1
+ function e(e,t,n){return n<e?t:n>t?e:n}function t(e,t,n){return Math.min(Math.max(n,e),t)}function n(e,t,n=0){return[t,n]=[t,n].sort((e,t)=>e-t),t<=e&&e<n}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
@@ -1 +1 @@
1
- const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./aria-binding-directive.cjs`),r=require(`./host-semantics.cjs`);function i(e){return e instanceof a}var a=class extends r.t(e.t){constructor(...e){super(...e),this._computedLabelledBy=null}_labelSlottedContentChanged(){let e=this._labelSlottedContent.filter(e=>e instanceof Element),t=[];for(let r of e)r.id||=n.r(`vvd-optgroup-label-`),t.push(r.id);this._computedLabelledBy=t.join(` `)}_onSlotChange(){this.$emit(`optgroup-change`,void 0,{bubbles:!0,composed:!0})}};t.t([e.A],a.prototype,`_labelSlottedContent`,void 0),t.t([e.A],a.prototype,`_computedLabelledBy`,void 0),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
1
+ const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./aria-binding-directive.cjs"),r=require("./host-semantics.cjs");function i(e){return e instanceof a}var a=class extends r.t(e.t){constructor(...e){super(...e),this._computedLabelledBy=null}_labelSlottedContentChanged(){let e=this._labelSlottedContent.filter(e=>e instanceof Element),t=[];for(let r of e)r.id||=n.r(`vvd-optgroup-label-`),t.push(r.id);this._computedLabelledBy=t.join(` `)}_onSlotChange(){this.$emit(`optgroup-change`,void 0,{bubbles:!0,composed:!0})}};t.t([e.A],a.prototype,`_labelSlottedContent`,void 0),t.t([e.A],a.prototype,`_computedLabelledBy`,void 0),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
@@ -1 +1 @@
1
- const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./dom.cjs`),r=require(`./affix.cjs`),i=require(`./host-semantics.cjs`);function a(e){return n.t(e)&&(e.getAttribute(`role`)===`option`||e instanceof HTMLOptionElement||e instanceof o)}var o=class extends i.t(r.n(e.t)){defaultSelectedChanged(){this.dirtySelected||(this.selected=this.defaultSelected,this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.defaultSelected)),this.proxy instanceof HTMLOptionElement&&(this.proxy.defaultSelected=this.defaultSelected)}disabledChanged(){this.proxy instanceof HTMLOptionElement&&(this.proxy.disabled=this.disabled)}get selectedAttribute(){return this.defaultSelected}set selectedAttribute(e){this.defaultSelected=e}selectedChanged(){this.dirtySelected||=!0,this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.selected)}valueChanged(){if(typeof this.value!=`string`){this.value=``;return}this.proxy instanceof HTMLOptionElement&&(this.proxy.value=this.value)}get label(){return this._label??this.text}set label(e){this._label=e}set text(e){this._text=e}get text(){return this._text??``}_getAccessibleName(){return this.ariaLabel||`${this.text}${this.textSecondary?` ${this.textSecondary}`:``}`}get form(){return null}get _hasMatchedText(){return!!(this.matchedText??this._vvdSearchText)}get _matchedRange(){let e=this.matchedText??this._vvdSearchText;if(e){let t=this.text.toLowerCase().indexOf(e.toLowerCase());return t===-1?{from:0,to:0}:{from:t,to:t+e.length}}return{from:0,to:0}}constructor(e,t,n,r){super(),this.defaultSelected=!1,this.dirtySelected=!1,this.value=``,this._highlighted=!1,this._displayCheckmark=!1,this._vvdSearchText=``,this._isNotMatching=!1,e&&(this.text=e),t&&(this.value=t),n&&(this.defaultSelected=n),r&&(this.selected=r),this.proxy=new Option(this.text,this.value,this.defaultSelected,this.selected),this.proxy.disabled=this.disabled}connectedCallback(){super.connectedCallback(),this.dirtySelected||=(this.selected=this.defaultSelected,!1)}};t.t([e.m({converter:{fromView:e=>{if(e===!0||e===`true`)return!0;if(e===!1||e===`false`)return!1},toView:e=>e}})],o.prototype,`checked`,void 0),t.t([e.m({attribute:`selected`,mode:`boolean`})],o.prototype,`defaultSelected`,void 0),t.t([e.m({mode:`boolean`})],o.prototype,`disabled`,void 0),t.t([e.m({attribute:`current-selected`,mode:`boolean`})],o.prototype,`selected`,void 0),t.t([e.m({attribute:`value`})],o.prototype,`value`,void 0),t.t([e.m({attribute:`label`})],o.prototype,`_label`,void 0),t.t([e.m({attribute:`text`})],o.prototype,`_text`,void 0),t.t([e.m({attribute:`text-secondary`})],o.prototype,`textSecondary`,void 0),t.t([e.A],o.prototype,`_highlighted`,void 0),t.t([e.A],o.prototype,`_displayCheckmark`,void 0),t.t([e.m({attribute:`matched-text`})],o.prototype,`matchedText`,void 0),t.t([e.A],o.prototype,`_vvdSearchText`,void 0),t.t([e.j],o.prototype,`_hasMatchedText`,null),t.t([e.A],o.prototype,`_isNotMatching`,void 0),t.t([e.j],o.prototype,`_matchedRange`,null),t.t([e.m],o.prototype,`connotation`,void 0),t.t([e.m({attribute:`tag-connotation`})],o.prototype,`tagConnotation`,void 0),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
1
+ const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./dom.cjs"),r=require("./affix.cjs"),i=require("./host-semantics.cjs");var a=require("./component-enum.cjs").t([`accent`,`cta`],`accent`);function o(e){return n.t(e)&&(e.getAttribute(`role`)===`option`||e instanceof HTMLOptionElement||e instanceof s)}var s=class extends i.t(r.n(e.t)){defaultSelectedChanged(){this.dirtySelected||(this.selected=this.defaultSelected,this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.defaultSelected)),this.proxy instanceof HTMLOptionElement&&(this.proxy.defaultSelected=this.defaultSelected)}disabledChanged(){this.proxy instanceof HTMLOptionElement&&(this.proxy.disabled=this.disabled)}get selectedAttribute(){return this.defaultSelected}set selectedAttribute(e){this.defaultSelected=e}selectedChanged(){this.dirtySelected||=!0,this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.selected)}valueChanged(){if(typeof this.value!=`string`){this.value=``;return}this.proxy instanceof HTMLOptionElement&&(this.proxy.value=this.value)}get label(){return this._label??this.text}set label(e){this._label=e}set text(e){this._text=e}get text(){return this._text??``}_getAccessibleName(){return this.ariaLabel||`${this.text}${this.textSecondary?` ${this.textSecondary}`:``}`}get form(){return null}get _hasMatchedText(){return!!(this.matchedText??this._vvdSearchText)}get _matchedRange(){let e=this.matchedText??this._vvdSearchText;if(e){let t=this.text.toLowerCase().indexOf(e.toLowerCase());return t===-1?{from:0,to:0}:{from:t,to:t+e.length}}return{from:0,to:0}}constructor(e,t,n,r){super(),this.defaultSelected=!1,this.dirtySelected=!1,this.value=``,this._highlighted=!1,this._displayCheckmark=!1,this._vvdSearchText=``,this._isNotMatching=!1,e&&(this.text=e),t&&(this.value=t),n&&(this.defaultSelected=n),r&&(this.selected=r),this.proxy=new Option(this.text,this.value,this.defaultSelected,this.selected),this.proxy.disabled=this.disabled}connectedCallback(){super.connectedCallback(),this.dirtySelected||=(this.selected=this.defaultSelected,!1)}};t.t([e.m({converter:{fromView:e=>{if(e===!0||e===`true`)return!0;if(e===!1||e===`false`)return!1},toView:e=>e}})],s.prototype,`checked`,void 0),t.t([e.m({attribute:`selected`,mode:`boolean`})],s.prototype,`defaultSelected`,void 0),t.t([e.m({mode:`boolean`})],s.prototype,`disabled`,void 0),t.t([e.m({attribute:`current-selected`,mode:`boolean`})],s.prototype,`selected`,void 0),t.t([e.m({attribute:`value`})],s.prototype,`value`,void 0),t.t([e.m({attribute:`label`})],s.prototype,`_label`,void 0),t.t([e.m({attribute:`text`})],s.prototype,`_text`,void 0),t.t([e.m({attribute:`text-secondary`})],s.prototype,`textSecondary`,void 0),t.t([e.A],s.prototype,`_highlighted`,void 0),t.t([e.A],s.prototype,`_displayCheckmark`,void 0),t.t([e.m({attribute:`matched-text`})],s.prototype,`matchedText`,void 0),t.t([e.A],s.prototype,`_vvdSearchText`,void 0),t.t([e.j],s.prototype,`_hasMatchedText`,null),t.t([e.A],s.prototype,`_isNotMatching`,void 0),t.t([e.j],s.prototype,`_matchedRange`,null),t.t([e.m],s.prototype,`connotation`,void 0),t.t([e.m({attribute:`tag-connotation`})],s.prototype,`tagConnotation`,void 0),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});