@vonage/vivid 5.5.0 → 5.6.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 (297) hide show
  1. package/LICENSE.md +201 -0
  2. package/accordion/definition.cjs +5 -0
  3. package/accordion/definition.js +5 -0
  4. package/accordion/index.cjs +1 -1
  5. package/accordion/index.js +14 -3
  6. package/alert/definition.cjs +4 -12
  7. package/alert/definition.js +5 -13
  8. package/alert/index.cjs +11 -11
  9. package/alert/index.js +33 -37
  10. package/audio-player/definition.cjs +4 -0
  11. package/audio-player/definition.js +4 -0
  12. package/audio-player/index.cjs +1 -1
  13. package/audio-player/index.js +8 -2
  14. package/banner/definition.cjs +2 -4
  15. package/banner/definition.js +2 -4
  16. package/banner/index.cjs +2 -2
  17. package/banner/index.js +1 -1
  18. package/breadcrumb/definition.cjs +1 -0
  19. package/breadcrumb/definition.js +1 -0
  20. package/breadcrumb/index.cjs +1 -1
  21. package/breadcrumb/index.js +1 -0
  22. package/bundled/affix.js +1 -1
  23. package/bundled/anchored.cjs +1 -1
  24. package/bundled/anchored.js +6 -6
  25. package/bundled/attribute-binding-behaviour.cjs +1 -1
  26. package/bundled/attribute-binding-behaviour.js +3 -1
  27. package/bundled/base-color-picker.cjs +1 -1
  28. package/bundled/base-color-picker.js +9 -3
  29. package/bundled/base-progress.cjs +1 -1
  30. package/bundled/base-progress.js +3 -0
  31. package/bundled/button.cjs +1 -1
  32. package/bundled/button.js +14 -10
  33. package/bundled/calendar-picker.template.cjs +1 -1
  34. package/bundled/calendar-picker.template.js +2 -0
  35. package/bundled/definition10.cjs +7 -7
  36. package/bundled/definition10.js +27 -17
  37. package/bundled/definition11.cjs +2 -2
  38. package/bundled/definition11.js +5 -5
  39. package/bundled/definition12.cjs +1 -1
  40. package/bundled/definition12.js +1 -0
  41. package/bundled/definition17.cjs +1 -1
  42. package/bundled/definition17.js +4 -1
  43. package/bundled/definition18.cjs +1 -1
  44. package/bundled/definition18.js +13 -2
  45. package/bundled/definition19.cjs +6 -6
  46. package/bundled/definition19.js +68 -33
  47. package/bundled/definition2.cjs +8 -9
  48. package/bundled/definition2.js +67 -75
  49. package/bundled/definition22.cjs +1 -1
  50. package/bundled/definition22.js +1 -0
  51. package/bundled/definition3.cjs +1 -1
  52. package/bundled/definition3.js +1 -0
  53. package/bundled/definition5.cjs +1 -1
  54. package/bundled/definition5.js +9 -3
  55. package/bundled/definition6.cjs +1 -1
  56. package/bundled/definition6.js +1 -0
  57. package/bundled/definition7.cjs +1 -1
  58. package/bundled/definition7.js +7 -4
  59. package/bundled/definition8.cjs +1 -1
  60. package/bundled/definition8.js +1 -0
  61. package/bundled/definition9.cjs +6 -6
  62. package/bundled/definition9.js +545 -488
  63. package/bundled/delegates-aria.cjs +1 -1
  64. package/bundled/delegates-aria.js +3 -1
  65. package/bundled/form-associated.cjs +1 -1
  66. package/bundled/form-associated.js +11 -3
  67. package/bundled/host-semantics.js +4 -4
  68. package/bundled/listbox.cjs +1 -1
  69. package/bundled/listbox.js +21 -3
  70. package/bundled/localized.cjs +1 -1
  71. package/bundled/localized.js +137 -67
  72. package/bundled/mixins.cjs +4 -4
  73. package/bundled/mixins.js +10 -7
  74. package/bundled/picker-field.template.cjs +1 -1
  75. package/bundled/picker-field.template.js +1 -0
  76. package/bundled/scrollIntoView.cjs +1 -1
  77. package/bundled/scrollIntoView.js +4 -1
  78. package/bundled/text-field.cjs +1 -1
  79. package/bundled/text-field.js +1 -1
  80. package/bundled/time-selection-picker.template.cjs +2 -2
  81. package/bundled/time-selection-picker.template.js +3 -0
  82. package/bundled/vivid-element.cjs +4 -4
  83. package/bundled/vivid-element.js +529 -492
  84. package/calendar/definition.cjs +2 -0
  85. package/calendar/definition.js +2 -0
  86. package/calendar/index.cjs +1 -1
  87. package/calendar/index.js +2 -0
  88. package/checkbox/definition.cjs +1 -0
  89. package/checkbox/definition.js +1 -0
  90. package/color-picker/definition.cjs +5 -0
  91. package/color-picker/definition.js +5 -0
  92. package/color-picker/index.cjs +1 -1
  93. package/color-picker/index.js +5 -0
  94. package/combobox/definition.cjs +17 -6
  95. package/combobox/definition.js +17 -6
  96. package/combobox/index.cjs +14 -9
  97. package/combobox/index.js +53 -41
  98. package/custom-elements.json +6985 -542
  99. package/data-grid/definition.cjs +105 -7
  100. package/data-grid/definition.js +105 -7
  101. package/data-grid/index.cjs +52 -38
  102. package/data-grid/index.js +313 -242
  103. package/date-range-picker/definition.cjs +2 -0
  104. package/date-range-picker/definition.js +2 -0
  105. package/date-range-picker/index.cjs +1 -1
  106. package/date-range-picker/index.js +5 -1
  107. package/dial-pad/definition.cjs +9 -0
  108. package/dial-pad/definition.js +9 -0
  109. package/dial-pad/index.cjs +2 -2
  110. package/dial-pad/index.js +36 -12
  111. package/dialog/definition.cjs +1 -0
  112. package/dialog/definition.js +1 -0
  113. package/dialog/index.cjs +1 -1
  114. package/dialog/index.js +1 -0
  115. package/fab/definition.cjs +1 -0
  116. package/fab/definition.js +1 -0
  117. package/fab/index.cjs +1 -1
  118. package/fab/index.js +1 -0
  119. package/file-picker/definition.cjs +7 -2
  120. package/file-picker/definition.js +7 -2
  121. package/file-picker/index.cjs +6 -6
  122. package/file-picker/index.js +82 -73
  123. package/icon/definition.cjs +12 -21
  124. package/icon/definition.js +13 -22
  125. package/index.cjs +21 -0
  126. package/index.js +1 -1
  127. package/lib/data-grid/locale.d.ts +5 -0
  128. package/lib/date-picker/date-picker.d.ts +38 -38
  129. package/lib/date-range-picker/date-range-picker.d.ts +20 -20
  130. package/lib/date-time-picker/date-time-picker.d.ts +40 -40
  131. package/lib/icon/icon.d.ts +0 -1
  132. package/lib/menu/menu.d.ts +4 -4
  133. package/lib/rich-text-editor/definition.d.ts +3 -2
  134. package/lib/rich-text-editor/locale.d.ts +29 -3
  135. package/lib/rich-text-editor/popover.d.ts +19 -0
  136. package/lib/rich-text-editor/rich-text-editor.d.ts +16 -45
  137. package/lib/rich-text-editor/rich-text-editor.template.d.ts +2 -2
  138. package/lib/rich-text-editor/rte/config.d.ts +18 -0
  139. package/lib/rich-text-editor/rte/document.d.ts +28 -0
  140. package/lib/rich-text-editor/rte/exports.d.ts +23 -0
  141. package/lib/rich-text-editor/rte/feature.d.ts +46 -0
  142. package/lib/rich-text-editor/rte/features/internal/basic-text-blocks.d.ts +33 -0
  143. package/lib/rich-text-editor/rte/features/internal/foreign-html.d.ts +11 -0
  144. package/lib/rich-text-editor/rte/features/internal/history.d.ts +10 -0
  145. package/lib/rich-text-editor/rte/features/internal/text-style.d.ts +18 -0
  146. package/lib/rich-text-editor/rte/html-parser.d.ts +24 -0
  147. package/lib/rich-text-editor/rte/html-serializer.d.ts +30 -0
  148. package/lib/rich-text-editor/rte/instance.d.ts +57 -0
  149. package/lib/rich-text-editor/rte/utils/default-textblock.d.ts +2 -0
  150. package/lib/rich-text-editor/rte/utils/impl.d.ts +1 -0
  151. package/lib/rich-text-editor/rte/utils/textblock-attrs.d.ts +29 -0
  152. package/lib/rich-text-editor/rte/utils/textblock-marks.d.ts +10 -0
  153. package/lib/rich-text-editor/rte/utils/ui.d.ts +109 -0
  154. package/lib/simple-color-picker/simple-color-picker.d.ts +4 -4
  155. package/lib/text-area/text-area.d.ts +1 -1
  156. package/lib/text-field/text-field.d.ts +1 -1
  157. package/lib/time-picker/time-picker.d.ts +20 -20
  158. package/lib/toggletip/toggletip.d.ts +4 -4
  159. package/lib/tooltip/tooltip.d.ts +4 -4
  160. package/locales/de-DE.cjs +42 -4
  161. package/locales/de-DE.js +42 -4
  162. package/locales/en-GB.cjs +43 -5
  163. package/locales/en-GB.js +43 -5
  164. package/locales/en-US.cjs +43 -5
  165. package/locales/en-US.js +43 -5
  166. package/locales/ja-JP.cjs +43 -5
  167. package/locales/ja-JP.js +43 -5
  168. package/locales/zh-CN.cjs +43 -5
  169. package/locales/zh-CN.js +43 -5
  170. package/menu/definition.cjs +1 -0
  171. package/menu/definition.js +1 -0
  172. package/number-field/definition.cjs +5 -3
  173. package/number-field/definition.js +5 -3
  174. package/number-field/index.cjs +5 -3
  175. package/number-field/index.js +31 -29
  176. package/package.json +76 -62
  177. package/pagination/definition.cjs +2 -0
  178. package/pagination/definition.js +2 -0
  179. package/pagination/index.cjs +1 -1
  180. package/pagination/index.js +2 -0
  181. package/radio/definition.cjs +4 -0
  182. package/radio/definition.js +4 -0
  183. package/range-slider/definition.cjs +2 -1
  184. package/range-slider/definition.js +2 -1
  185. package/range-slider/index.cjs +1 -1
  186. package/range-slider/index.js +3 -1
  187. package/rich-text-editor/definition.cjs +17942 -1074
  188. package/rich-text-editor/definition.js +17926 -1079
  189. package/rich-text-editor/index.cjs +29 -130
  190. package/rich-text-editor/index.js +5565 -2474
  191. package/searchable-select/definition.cjs +6 -2
  192. package/searchable-select/definition.js +6 -2
  193. package/searchable-select/index.cjs +1 -1
  194. package/searchable-select/index.js +11 -7
  195. package/select/definition.cjs +17 -2
  196. package/select/definition.js +17 -2
  197. package/shared/patterns/anchored.d.ts +8 -8
  198. package/shared/patterns/char-count/char-count.d.ts +1 -1
  199. package/shared/patterns/localized.d.ts +386 -0
  200. package/shared/picker-field/mixins/calendar-picker.d.ts +10 -10
  201. package/shared/picker-field/mixins/calendar-picker.template.d.ts +10 -10
  202. package/shared/picker-field/mixins/min-max-calendar-picker.d.ts +20 -20
  203. package/shared/picker-field/mixins/single-date-picker.d.ts +28 -28
  204. package/shared/picker-field/mixins/single-value-picker.d.ts +8 -8
  205. package/shared/picker-field/mixins/time-selection-picker.d.ts +20 -20
  206. package/shared/picker-field/mixins/time-selection-picker.template.d.ts +20 -20
  207. package/shared/utils/promise.d.ts +7 -0
  208. package/simple-color-picker/definition.cjs +3 -0
  209. package/simple-color-picker/definition.js +3 -0
  210. package/simple-color-picker/index.cjs +1 -1
  211. package/simple-color-picker/index.js +3 -0
  212. package/slider/definition.cjs +7 -1
  213. package/slider/definition.js +7 -1
  214. package/styles/core/all.css +5 -1
  215. package/styles/core/theme.css +5 -1
  216. package/styles/core/typography.css +1 -1
  217. package/styles/tokens/theme-dark.css +4 -4
  218. package/styles/tokens/theme-light.css +4 -4
  219. package/styles/tokens/vivid-2-compat.css +1 -1
  220. package/switch/definition.cjs +1 -0
  221. package/switch/definition.js +1 -0
  222. package/switch/index.cjs +1 -1
  223. package/switch/index.js +1 -0
  224. package/tabs/definition.cjs +2 -0
  225. package/tabs/definition.js +2 -0
  226. package/tabs/index.cjs +1 -1
  227. package/tabs/index.js +2 -0
  228. package/text-area/definition.cjs +13 -7
  229. package/text-area/definition.js +13 -7
  230. package/text-area/index.cjs +6 -6
  231. package/text-area/index.js +20 -14
  232. package/text-field/definition.cjs +16 -6
  233. package/text-field/definition.js +16 -6
  234. package/toggletip/definition.cjs +5 -1
  235. package/toggletip/definition.js +5 -1
  236. package/tooltip/definition.cjs +4 -1
  237. package/tooltip/definition.js +4 -1
  238. package/tree-view/definition.cjs +28 -6
  239. package/tree-view/definition.js +28 -6
  240. package/tree-view/index.cjs +1 -1
  241. package/tree-view/index.js +28 -6
  242. package/unbundled/_commonjsHelpers.cjs +0 -26
  243. package/unbundled/_commonjsHelpers.js +1 -26
  244. package/unbundled/attribute-binding-behaviour.cjs +1 -0
  245. package/unbundled/attribute-binding-behaviour.js +1 -0
  246. package/unbundled/base-color-picker.cjs +9 -3
  247. package/unbundled/base-color-picker.js +9 -3
  248. package/unbundled/base-progress.cjs +3 -0
  249. package/unbundled/base-progress.js +3 -0
  250. package/unbundled/button.cjs +14 -10
  251. package/unbundled/button.js +14 -10
  252. package/unbundled/calendar-picker.template.cjs +2 -0
  253. package/unbundled/calendar-picker.template.js +2 -0
  254. package/unbundled/definition.cjs +1 -0
  255. package/unbundled/definition.js +1 -0
  256. package/unbundled/definition2.cjs +4 -1
  257. package/unbundled/definition2.js +4 -1
  258. package/unbundled/definition3.cjs +1 -0
  259. package/unbundled/definition3.js +1 -0
  260. package/unbundled/definition4.cjs +1 -0
  261. package/unbundled/definition4.js +1 -0
  262. package/unbundled/definition5.cjs +3 -2
  263. package/unbundled/definition5.js +4 -3
  264. package/unbundled/delegates-aria.cjs +1 -0
  265. package/unbundled/delegates-aria.js +1 -0
  266. package/unbundled/form-associated.cjs +4 -0
  267. package/unbundled/form-associated.js +4 -0
  268. package/unbundled/listbox.cjs +16 -1
  269. package/unbundled/listbox.js +16 -1
  270. package/unbundled/localized.cjs +36 -0
  271. package/unbundled/localized.js +37 -2
  272. package/unbundled/mixins.cjs +2 -0
  273. package/unbundled/mixins.js +2 -0
  274. package/unbundled/picker-field.template.cjs +1 -0
  275. package/unbundled/picker-field.template.js +1 -0
  276. package/unbundled/scrollIntoView.cjs +1 -0
  277. package/unbundled/scrollIntoView.js +1 -0
  278. package/unbundled/text-field.cjs +1 -1
  279. package/unbundled/text-field.js +1 -1
  280. package/unbundled/time-selection-picker.template.cjs +3 -0
  281. package/unbundled/time-selection-picker.template.js +3 -0
  282. package/unbundled/vivid-element.cjs +1 -1
  283. package/unbundled/vivid-element.js +1 -1
  284. package/video-player/definition.cjs +54 -44
  285. package/video-player/definition.js +50 -40
  286. package/video-player/index.cjs +28 -28
  287. package/video-player/index.js +1448 -1442
  288. package/vivid.api.json +6463 -6099
  289. package/lib/rich-text-editor/facades/prose-mirror-vivid.schema.d.ts +0 -4
  290. package/lib/rich-text-editor/facades/vivid-prose-mirror.facade.d.ts +0 -18
  291. package/lib/rich-text-editor/image-placeholder/definition.d.ts +0 -2
  292. package/lib/rich-text-editor/image-placeholder/image-placeholder.d.ts +0 -7
  293. package/lib/rich-text-editor/image-placeholder/image-placeholder.template.d.ts +0 -4
  294. package/lib/rich-text-editor/menubar/consts.d.ts +0 -18
  295. package/lib/rich-text-editor/menubar/definition.d.ts +0 -2
  296. package/lib/rich-text-editor/menubar/menubar.d.ts +0 -386
  297. package/lib/rich-text-editor/menubar/menubar.template.d.ts +0 -4
@@ -9,8 +9,8 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
9
9
  readonly _resolvedMinDate: string;
10
10
  readonly _resolvedMaxDate: string;
11
11
  _isDateInValidRange(date: string): boolean;
12
- "__#22@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
13
- "__#22@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
12
+ "__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
13
+ "__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
14
14
  _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
15
15
  _closePopup(restoreFocusToTextField?: boolean): void;
16
16
  _onPickerButtonClick(): void;
@@ -53,20 +53,20 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
53
53
  _pickerButtonEl: Button;
54
54
  connectedCallback(): void;
55
55
  disconnectedCallback(): void;
56
- "__#21@#onFocusIn": () => void;
57
- "__#21@#onFocusOut": () => void;
56
+ "__#22@#onFocusIn": () => void;
57
+ "__#22@#onFocusOut": () => void;
58
58
  proxy: HTMLInputElement;
59
59
  validate(): void;
60
60
  _getCustomValidationError(): string | null;
61
- "__#21@#localeChangeHandler": {
61
+ "__#22@#localeChangeHandler": {
62
62
  handleChange: () => void;
63
63
  };
64
- "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
65
- "__#21@#startObservingLocaleChanges"(): void;
66
- "__#21@#stopObservingLocaleChanges"(): void;
64
+ "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
65
+ "__#22@#startObservingLocaleChanges"(): void;
66
+ "__#22@#stopObservingLocaleChanges"(): void;
67
67
  _popupOpen: boolean;
68
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
69
- "__#21@#openPopupIfPossible"(): void;
68
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
69
+ "__#22@#openPopupIfPossible"(): void;
70
70
  _onBaseKeyDown(event: KeyboardEvent): boolean;
71
71
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
72
72
  readonly _dialogLabel: string;
@@ -9,8 +9,8 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
9
9
  readonly _resolvedMinDate: string;
10
10
  readonly _resolvedMaxDate: string;
11
11
  _isDateInValidRange(date: string): boolean;
12
- "__#22@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
13
- "__#22@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
12
+ "__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
13
+ "__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
14
14
  _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
15
15
  _closePopup(restoreFocusToTextField?: boolean): void;
16
16
  _onPickerButtonClick(): void;
@@ -53,20 +53,20 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
53
53
  _pickerButtonEl: import("../../..").VwcButtonElement;
54
54
  connectedCallback(): void;
55
55
  disconnectedCallback(): void;
56
- "__#21@#onFocusIn": () => void;
57
- "__#21@#onFocusOut": () => void;
56
+ "__#22@#onFocusIn": () => void;
57
+ "__#22@#onFocusOut": () => void;
58
58
  proxy: HTMLInputElement;
59
59
  validate(): void;
60
60
  _getCustomValidationError(): string | null;
61
- "__#21@#localeChangeHandler": {
61
+ "__#22@#localeChangeHandler": {
62
62
  handleChange: () => void;
63
63
  };
64
- "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
65
- "__#21@#startObservingLocaleChanges"(): void;
66
- "__#21@#stopObservingLocaleChanges"(): void;
64
+ "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
65
+ "__#22@#startObservingLocaleChanges"(): void;
66
+ "__#22@#stopObservingLocaleChanges"(): void;
67
67
  _popupOpen: boolean;
68
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
69
- "__#21@#openPopupIfPossible"(): void;
68
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
69
+ "__#22@#openPopupIfPossible"(): void;
70
70
  _onBaseKeyDown(event: KeyboardEvent): boolean;
71
71
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
72
72
  readonly _dialogLabel: string;
@@ -903,8 +903,8 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
903
903
  _currentDate: string;
904
904
  _currentMonth: import("../../datetime/month").Month;
905
905
  _isDateInValidRange(date: string): boolean;
906
- "__#22@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
907
- "__#22@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
906
+ "__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
907
+ "__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
908
908
  _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
909
909
  _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
910
910
  _onPickerButtonClick: (() => void) & (() => void);
@@ -947,20 +947,20 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
947
947
  _pickerButtonEl: import("../../..").VwcButtonElement;
948
948
  connectedCallback(): void;
949
949
  disconnectedCallback(): void;
950
- "__#21@#onFocusIn": () => void;
951
- "__#21@#onFocusOut": () => void;
950
+ "__#22@#onFocusIn": () => void;
951
+ "__#22@#onFocusOut": () => void;
952
952
  proxy: HTMLInputElement;
953
953
  validate(): void;
954
954
  _getCustomValidationError(): string | null;
955
- "__#21@#localeChangeHandler": {
955
+ "__#22@#localeChangeHandler": {
956
956
  handleChange: () => void;
957
957
  };
958
- "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
959
- "__#21@#startObservingLocaleChanges"(): void;
960
- "__#21@#stopObservingLocaleChanges"(): void;
958
+ "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
959
+ "__#22@#startObservingLocaleChanges"(): void;
960
+ "__#22@#stopObservingLocaleChanges"(): void;
961
961
  _popupOpen: boolean;
962
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
963
- "__#21@#openPopupIfPossible"(): void;
962
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
963
+ "__#22@#openPopupIfPossible"(): void;
964
964
  _onBaseKeyDown(event: KeyboardEvent): boolean;
965
965
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
966
966
  readonly _dialogLabel: string;
@@ -8,8 +8,8 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
8
8
  readonly _resolvedMinDate: string;
9
9
  readonly _resolvedMaxDate: string;
10
10
  _isDateInValidRange(date: string): boolean;
11
- "__#22@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
12
- "__#22@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
11
+ "__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
12
+ "__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
13
13
  _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
14
14
  _closePopup(restoreFocusToTextField?: boolean): void;
15
15
  _onPickerButtonClick(): void;
@@ -52,20 +52,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
52
52
  _pickerButtonEl: import("../../..").VwcButtonElement;
53
53
  connectedCallback(): void;
54
54
  disconnectedCallback(): void;
55
- "__#21@#onFocusIn": () => void;
56
- "__#21@#onFocusOut": () => void;
55
+ "__#22@#onFocusIn": () => void;
56
+ "__#22@#onFocusOut": () => void;
57
57
  proxy: HTMLInputElement;
58
58
  validate(): void;
59
59
  _getCustomValidationError(): string | null;
60
- "__#21@#localeChangeHandler": {
60
+ "__#22@#localeChangeHandler": {
61
61
  handleChange: () => void;
62
62
  };
63
- "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
64
- "__#21@#startObservingLocaleChanges"(): void;
65
- "__#21@#stopObservingLocaleChanges"(): void;
63
+ "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
64
+ "__#22@#startObservingLocaleChanges"(): void;
65
+ "__#22@#stopObservingLocaleChanges"(): void;
66
66
  _popupOpen: boolean;
67
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
68
- "__#21@#openPopupIfPossible"(): void;
67
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
68
+ "__#22@#openPopupIfPossible"(): void;
69
69
  _onBaseKeyDown(event: KeyboardEvent): boolean;
70
70
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
71
71
  readonly _dialogLabel: string;
@@ -909,20 +909,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
909
909
  _pickerButtonEl: import("../../..").VwcButtonElement;
910
910
  connectedCallback(): void;
911
911
  disconnectedCallback(): void;
912
- "__#21@#onFocusIn": () => void;
913
- "__#21@#onFocusOut": () => void;
912
+ "__#22@#onFocusIn": () => void;
913
+ "__#22@#onFocusOut": () => void;
914
914
  proxy: HTMLInputElement;
915
915
  validate(): void;
916
916
  _getCustomValidationError(): string | null;
917
- "__#21@#localeChangeHandler": {
917
+ "__#22@#localeChangeHandler": {
918
918
  handleChange: () => void;
919
919
  };
920
- "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
921
- "__#21@#startObservingLocaleChanges"(): void;
922
- "__#21@#stopObservingLocaleChanges"(): void;
920
+ "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
921
+ "__#22@#startObservingLocaleChanges"(): void;
922
+ "__#22@#stopObservingLocaleChanges"(): void;
923
923
  _popupOpen: boolean;
924
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
925
- "__#21@#openPopupIfPossible"(): void;
924
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
925
+ "__#22@#openPopupIfPossible"(): void;
926
926
  _closePopup(restoreFocusToTextField?: boolean): void;
927
927
  _onBaseKeyDown(event: KeyboardEvent): boolean;
928
928
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -1759,8 +1759,8 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
1759
1759
  readonly _resolvedMinDate: string;
1760
1760
  readonly _resolvedMaxDate: string;
1761
1761
  _isDateInValidRange(date: string): boolean;
1762
- "__#22@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
1763
- "__#22@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
1762
+ "__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
1763
+ "__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
1764
1764
  _isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
1765
1765
  _closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
1766
1766
  _onPickerButtonClick: (() => void) & (() => void);
@@ -1799,20 +1799,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
1799
1799
  _pickerButtonEl: import("../../..").VwcButtonElement;
1800
1800
  connectedCallback(): void;
1801
1801
  disconnectedCallback(): void;
1802
- "__#21@#onFocusIn": () => void;
1803
- "__#21@#onFocusOut": () => void;
1802
+ "__#22@#onFocusIn": () => void;
1803
+ "__#22@#onFocusOut": () => void;
1804
1804
  proxy: HTMLInputElement;
1805
1805
  validate(): void;
1806
1806
  _getCustomValidationError(): string | null;
1807
- "__#21@#localeChangeHandler": {
1807
+ "__#22@#localeChangeHandler": {
1808
1808
  handleChange: () => void;
1809
1809
  };
1810
- "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
1811
- "__#21@#startObservingLocaleChanges"(): void;
1812
- "__#21@#stopObservingLocaleChanges"(): void;
1810
+ "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
1811
+ "__#22@#startObservingLocaleChanges"(): void;
1812
+ "__#22@#stopObservingLocaleChanges"(): void;
1813
1813
  _popupOpen: boolean;
1814
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
1815
- "__#21@#openPopupIfPossible"(): void;
1814
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
1815
+ "__#22@#openPopupIfPossible"(): void;
1816
1816
  _onBaseKeyDown(event: KeyboardEvent): boolean;
1817
1817
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
1818
1818
  readonly _dialogLabel: string;
@@ -19,20 +19,20 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
19
19
  _pickerButtonEl: import("../../..").VwcButtonElement;
20
20
  connectedCallback(): void;
21
21
  disconnectedCallback(): void;
22
- "__#21@#onFocusIn": () => void;
23
- "__#21@#onFocusOut": () => void;
22
+ "__#22@#onFocusIn": () => void;
23
+ "__#22@#onFocusOut": () => void;
24
24
  proxy: HTMLInputElement;
25
25
  validate(): void;
26
26
  _getCustomValidationError(): string | null;
27
- "__#21@#localeChangeHandler": {
27
+ "__#22@#localeChangeHandler": {
28
28
  handleChange: () => void;
29
29
  };
30
- "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
31
- "__#21@#startObservingLocaleChanges"(): void;
32
- "__#21@#stopObservingLocaleChanges"(): void;
30
+ "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
31
+ "__#22@#startObservingLocaleChanges"(): void;
32
+ "__#22@#stopObservingLocaleChanges"(): void;
33
33
  _popupOpen: boolean;
34
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
35
- "__#21@#openPopupIfPossible"(): void;
34
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
35
+ "__#22@#openPopupIfPossible"(): void;
36
36
  _closePopup(restoreFocusToTextField?: boolean): void;
37
37
  _onBaseKeyDown(event: KeyboardEvent): boolean;
38
38
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -21,20 +21,20 @@ export declare const TimeSelectionPicker: <T_5 extends AbstractConstructor<{
21
21
  _pickerButtonEl: import("../../..").VwcButtonElement;
22
22
  connectedCallback(): void;
23
23
  disconnectedCallback(): void;
24
- "__#21@#onFocusIn": () => void;
25
- "__#21@#onFocusOut": () => void;
24
+ "__#22@#onFocusIn": () => void;
25
+ "__#22@#onFocusOut": () => void;
26
26
  proxy: HTMLInputElement;
27
27
  validate(): void;
28
28
  _getCustomValidationError(): string | null;
29
- "__#21@#localeChangeHandler": {
29
+ "__#22@#localeChangeHandler": {
30
30
  handleChange: () => void;
31
31
  };
32
- "__#21@#localeChangeObserver": ExpressionNotifier<any, any, any>;
33
- "__#21@#startObservingLocaleChanges"(): void;
34
- "__#21@#stopObservingLocaleChanges"(): void;
32
+ "__#22@#localeChangeObserver": ExpressionNotifier<any, any, any>;
33
+ "__#22@#startObservingLocaleChanges"(): void;
34
+ "__#22@#stopObservingLocaleChanges"(): void;
35
35
  _popupOpen: boolean;
36
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
37
- "__#21@#openPopupIfPossible"(): void;
36
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
37
+ "__#22@#openPopupIfPossible"(): void;
38
38
  _closePopup(restoreFocusToTextField?: boolean): void;
39
39
  _onBaseKeyDown(event: KeyboardEvent): boolean;
40
40
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -868,12 +868,12 @@ export declare const TimeSelectionPicker: <T_5 extends AbstractConstructor<{
868
868
  readonly _displaySeconds: boolean;
869
869
  readonly _use12hClock: boolean;
870
870
  readonly _timePlaceholder: string;
871
- "__#24@#clockChangeHandler": {
871
+ "__#25@#clockChangeHandler": {
872
872
  handleChange: () => void;
873
873
  };
874
- "__#24@#clockChangeObserver": ExpressionNotifier;
875
- "__#24@#startObservingClockChanges"(): void;
876
- "__#24@#stopObservingClockChanges"(): void;
874
+ "__#25@#clockChangeObserver": ExpressionNotifier;
875
+ "__#25@#startObservingClockChanges"(): void;
876
+ "__#25@#stopObservingClockChanges"(): void;
877
877
  connectedCallback(): void;
878
878
  disconnectedCallback(): void;
879
879
  _onPickerButtonClick(): void;
@@ -895,20 +895,20 @@ export declare const TimeSelectionPicker: <T_5 extends AbstractConstructor<{
895
895
  _textFieldEl: import("../../..").VwcTextFieldElement;
896
896
  _dialogEl: HTMLElement;
897
897
  _pickerButtonEl: import("../../..").VwcButtonElement;
898
- "__#21@#onFocusIn": () => void;
899
- "__#21@#onFocusOut": () => void;
898
+ "__#22@#onFocusIn": () => void;
899
+ "__#22@#onFocusOut": () => void;
900
900
  proxy: HTMLInputElement;
901
901
  validate(): void;
902
902
  _getCustomValidationError(): string | null;
903
- "__#21@#localeChangeHandler": {
903
+ "__#22@#localeChangeHandler": {
904
904
  handleChange: () => void;
905
905
  };
906
- "__#21@#localeChangeObserver": ExpressionNotifier<any, any, any>;
907
- "__#21@#startObservingLocaleChanges"(): void;
908
- "__#21@#stopObservingLocaleChanges"(): void;
906
+ "__#22@#localeChangeObserver": ExpressionNotifier<any, any, any>;
907
+ "__#22@#startObservingLocaleChanges"(): void;
908
+ "__#22@#stopObservingLocaleChanges"(): void;
909
909
  _popupOpen: boolean;
910
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
911
- "__#21@#openPopupIfPossible"(): void;
910
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
911
+ "__#22@#openPopupIfPossible"(): void;
912
912
  _closePopup(restoreFocusToTextField?: boolean): void;
913
913
  _onBaseKeyDown(event: KeyboardEvent): boolean;
914
914
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -12,12 +12,12 @@ export declare const TimeSelectionPickerTemplate: (context: VividElementDefiniti
12
12
  readonly _displaySeconds: boolean;
13
13
  readonly _use12hClock: boolean;
14
14
  readonly _timePlaceholder: string;
15
- "__#24@#clockChangeHandler": {
15
+ "__#25@#clockChangeHandler": {
16
16
  handleChange: () => void;
17
17
  };
18
- "__#24@#clockChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
19
- "__#24@#startObservingClockChanges"(): void;
20
- "__#24@#stopObservingClockChanges"(): void;
18
+ "__#25@#clockChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
19
+ "__#25@#startObservingClockChanges"(): void;
20
+ "__#25@#stopObservingClockChanges"(): void;
21
21
  connectedCallback(): void;
22
22
  disconnectedCallback(): void;
23
23
  _onPickerButtonClick(): void;
@@ -39,20 +39,20 @@ export declare const TimeSelectionPickerTemplate: (context: VividElementDefiniti
39
39
  _textFieldEl: import("../../..").VwcTextFieldElement;
40
40
  _dialogEl: HTMLElement;
41
41
  _pickerButtonEl: import("../../..").VwcButtonElement;
42
- "__#21@#onFocusIn": () => void;
43
- "__#21@#onFocusOut": () => void;
42
+ "__#22@#onFocusIn": () => void;
43
+ "__#22@#onFocusOut": () => void;
44
44
  proxy: HTMLInputElement;
45
45
  validate(): void;
46
46
  _getCustomValidationError(): string | null;
47
- "__#21@#localeChangeHandler": {
47
+ "__#22@#localeChangeHandler": {
48
48
  handleChange: () => void;
49
49
  };
50
- "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
51
- "__#21@#startObservingLocaleChanges"(): void;
52
- "__#21@#stopObservingLocaleChanges"(): void;
50
+ "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
51
+ "__#22@#startObservingLocaleChanges"(): void;
52
+ "__#22@#stopObservingLocaleChanges"(): void;
53
53
  _popupOpen: boolean;
54
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
55
- "__#21@#openPopupIfPossible"(): void;
54
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
55
+ "__#22@#openPopupIfPossible"(): void;
56
56
  _closePopup(restoreFocusToTextField?: boolean): void;
57
57
  _onBaseKeyDown(event: KeyboardEvent): boolean;
58
58
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -892,20 +892,20 @@ export declare const TimeSelectionPickerTemplate: (context: VividElementDefiniti
892
892
  _pickerButtonEl: import("../../..").VwcButtonElement;
893
893
  connectedCallback(): void;
894
894
  disconnectedCallback(): void;
895
- "__#21@#onFocusIn": () => void;
896
- "__#21@#onFocusOut": () => void;
895
+ "__#22@#onFocusIn": () => void;
896
+ "__#22@#onFocusOut": () => void;
897
897
  proxy: HTMLInputElement;
898
898
  validate(): void;
899
899
  _getCustomValidationError(): string | null;
900
- "__#21@#localeChangeHandler": {
900
+ "__#22@#localeChangeHandler": {
901
901
  handleChange: () => void;
902
902
  };
903
- "__#21@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
904
- "__#21@#startObservingLocaleChanges"(): void;
905
- "__#21@#stopObservingLocaleChanges"(): void;
903
+ "__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
904
+ "__#22@#startObservingLocaleChanges"(): void;
905
+ "__#22@#stopObservingLocaleChanges"(): void;
906
906
  _popupOpen: boolean;
907
- "__#21@#dismissOnClickOutside": (event: MouseEvent) => void;
908
- "__#21@#openPopupIfPossible"(): void;
907
+ "__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
908
+ "__#22@#openPopupIfPossible"(): void;
909
909
  _closePopup(restoreFocusToTextField?: boolean): void;
910
910
  _onBaseKeyDown(event: KeyboardEvent): boolean;
911
911
  _focusableElsWithinDialog(): NodeListOf<HTMLElement>;
@@ -0,0 +1,7 @@
1
+ export declare const resolvePromise: <T>(promise: Promise<T>) => Promise<{
2
+ type: 'ok';
3
+ result: T;
4
+ } | {
5
+ type: 'error';
6
+ error: unknown;
7
+ }>;
@@ -38,6 +38,7 @@ class SimpleColorPicker extends anchored.Anchored(baseColorPicker.BaseColorPicke
38
38
  * @internal
39
39
  */
40
40
  this.#handleAnchorKeydown = (event) => {
41
+ /* v8 ignore next -- @preserve */
41
42
  if (event.key === "Enter" || event.key === " ") {
42
43
  if (!this.open) {
43
44
  fastElement.Updates.enqueue(() => this.open = true);
@@ -51,12 +52,14 @@ class SimpleColorPicker extends anchored.Anchored(baseColorPicker.BaseColorPicke
51
52
  this._closeOnClickOutside = (e) => {
52
53
  const clickedOutside = !this.contains(e.target);
53
54
  const clickedOnAnchor = this._anchorEl?.contains(e.target);
55
+ /* v8 ignore else -- @preserve */
54
56
  if (clickedOutside || clickedOnAnchor) this.open = false;
55
57
  };
56
58
  /**
57
59
  * @internal
58
60
  */
59
61
  this._closeOnEscape = (e) => {
62
+ /* v8 ignore else -- @preserve */
60
63
  if (e.key === "Escape") {
61
64
  this.open = false;
62
65
  }
@@ -34,6 +34,7 @@ class SimpleColorPicker extends Anchored(BaseColorPicker(VividElement)) {
34
34
  * @internal
35
35
  */
36
36
  this.#handleAnchorKeydown = (event) => {
37
+ /* v8 ignore next -- @preserve */
37
38
  if (event.key === "Enter" || event.key === " ") {
38
39
  if (!this.open) {
39
40
  Updates.enqueue(() => this.open = true);
@@ -47,12 +48,14 @@ class SimpleColorPicker extends Anchored(BaseColorPicker(VividElement)) {
47
48
  this._closeOnClickOutside = (e) => {
48
49
  const clickedOutside = !this.contains(e.target);
49
50
  const clickedOnAnchor = this._anchorEl?.contains(e.target);
51
+ /* v8 ignore else -- @preserve */
50
52
  if (clickedOutside || clickedOnAnchor) this.open = false;
51
53
  };
52
54
  /**
53
55
  * @internal
54
56
  */
55
57
  this._closeOnEscape = (e) => {
58
+ /* v8 ignore else -- @preserve */
56
59
  if (e.key === "Escape") {
57
60
  this.open = false;
58
61
  }
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("../bundled/vivid-element.cjs"),l=require("../bundled/definition9.cjs"),p=require("../bundled/definition2.cjs"),d=require("../bundled/definition11.cjs"),h=require("../bundled/anchored.cjs"),v=require("../bundled/base-color-picker.cjs"),m=require("../bundled/index.cjs"),f=require("../bundled/repeat.cjs"),g=require("../bundled/class-names.cjs"),w=".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--vvd-color-cta-500),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";var _=Object.defineProperty,u=(n,e,o,i)=>{for(var s=void 0,t=n.length-1,a;t>=0;t--)(a=n[t])&&(s=a(e,o,s)||s);return s&&_(e,o,s),s};class c extends h.Anchored(v.BaseColorPicker(r.VividElement)){constructor(){super(...arguments),this.placement="top-start",this.swatchesPerRow=7,this.#e=()=>{this.open||r.Updates.enqueue(()=>this.open=!0)},this.#t=e=>{(e.key==="Enter"||e.key===" ")&&(this.open||r.Updates.enqueue(()=>this.open=!0),e.preventDefault())},this._closeOnClickOutside=e=>{const o=!this.contains(e.target),i=this._anchorEl?.contains(e.target);(o||i)&&(this.open=!1)},this._closeOnEscape=e=>{e.key==="Escape"&&(this.open=!1)}}openChanged(e,o){this._updateListeners(),this._anchorEl&&this.#o(this._anchorEl),o&&this.isConnected&&requestAnimationFrame(()=>{this._refreshCanvasColor();const i=this.swatches.findIndex(t=>t.value===this.value),s=i>=0?i:0;this._focusSwatchByIndex(s)})}_getRowLength(){return this.swatchesPerRow}connectedCallback(){super.connectedCallback(),this._updateListeners()}disconnectedCallback(){super.disconnectedCallback(),this._updateListeners()}_updateListeners(){document.removeEventListener("click",this._closeOnClickOutside),document.removeEventListener("keydown",this._closeOnEscape),this.open&&this.isConnected&&(document.addEventListener("click",this._closeOnClickOutside),document.addEventListener("keydown",this._closeOnEscape))}_getFocusReturnEl(){return this._anchorEl??null}_anchorElChanged(e,o){e&&this.#r(e),o&&this.#s(o)}#o(e){e.setAttribute("aria-expanded",this.open.toString()),e.setAttribute("data-expanded",this.open.toString())}#s(e){this.#o(e),e.addEventListener("click",this.#e,!0),e.addEventListener("keydown",this.#t),e.setAttribute("aria-haspopup","true")}#r(e){e.removeEventListener("click",this.#e,!0),e.removeEventListener("keydown",this.#t),e.removeAttribute("aria-expanded"),e.removeAttribute("data-expanded"),e.removeAttribute("aria-haspopup")}#e;#t}u([r.attr({mode:"fromView"})],c.prototype,"placement");u([r.attr({attribute:"swatches-per-row",mode:"fromView",converter:r.nullableNumberConverter})],c.prototype,"swatchesPerRow");const k=n=>g.classNames("control"),b=n=>{const e=n.tagFor(l.Popup),o=n.tagFor(p.Icon),i=n.tagFor(d.Tooltip),s=h.anchorSlotTemplateFactory();return r.html`
1
+ "use strict";const r=require("../bundled/vivid-element.cjs"),l=require("../bundled/definition9.cjs"),p=require("../bundled/definition2.cjs"),d=require("../bundled/definition11.cjs"),h=require("../bundled/anchored.cjs"),v=require("../bundled/base-color-picker.cjs"),m=require("../bundled/index.cjs"),f=require("../bundled/repeat.cjs"),g=require("../bundled/class-names.cjs"),w=".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--vvd-color-cta-500),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";var _=Object.defineProperty,u=(n,e,o,i)=>{for(var s=void 0,t=n.length-1,a;t>=0;t--)(a=n[t])&&(s=a(e,o,s)||s);return s&&_(e,o,s),s};class c extends h.Anchored(v.BaseColorPicker(r.VividElement)){constructor(){super(...arguments),this.placement="top-start",this.swatchesPerRow=7,this.#e=()=>{this.open||r.Updates.enqueue(()=>this.open=!0)},this.#t=e=>{/* v8 ignore next -- @preserve */(e.key==="Enter"||e.key===" ")&&(this.open||r.Updates.enqueue(()=>this.open=!0),e.preventDefault())},this._closeOnClickOutside=e=>{const o=!this.contains(e.target),i=this._anchorEl?.contains(e.target);/* v8 ignore else -- @preserve */(o||i)&&(this.open=!1)},this._closeOnEscape=e=>{/* v8 ignore else -- @preserve */e.key==="Escape"&&(this.open=!1)}}openChanged(e,o){this._updateListeners(),this._anchorEl&&this.#o(this._anchorEl),o&&this.isConnected&&requestAnimationFrame(()=>{this._refreshCanvasColor();const i=this.swatches.findIndex(t=>t.value===this.value),s=i>=0?i:0;this._focusSwatchByIndex(s)})}_getRowLength(){return this.swatchesPerRow}connectedCallback(){super.connectedCallback(),this._updateListeners()}disconnectedCallback(){super.disconnectedCallback(),this._updateListeners()}_updateListeners(){document.removeEventListener("click",this._closeOnClickOutside),document.removeEventListener("keydown",this._closeOnEscape),this.open&&this.isConnected&&(document.addEventListener("click",this._closeOnClickOutside),document.addEventListener("keydown",this._closeOnEscape))}_getFocusReturnEl(){return this._anchorEl??null}_anchorElChanged(e,o){e&&this.#r(e),o&&this.#s(o)}#o(e){e.setAttribute("aria-expanded",this.open.toString()),e.setAttribute("data-expanded",this.open.toString())}#s(e){this.#o(e),e.addEventListener("click",this.#e,!0),e.addEventListener("keydown",this.#t),e.setAttribute("aria-haspopup","true")}#r(e){e.removeEventListener("click",this.#e,!0),e.removeEventListener("keydown",this.#t),e.removeAttribute("aria-expanded"),e.removeAttribute("data-expanded"),e.removeAttribute("aria-haspopup")}#e;#t}u([r.attr({mode:"fromView"})],c.prototype,"placement");u([r.attr({attribute:"swatches-per-row",mode:"fromView",converter:r.nullableNumberConverter})],c.prototype,"swatchesPerRow");const k=n=>g.classNames("control"),b=n=>{const e=n.tagFor(l.Popup),o=n.tagFor(p.Icon),i=n.tagFor(d.Tooltip),s=h.anchorSlotTemplateFactory();return r.html`
2
2
  ${s}
3
3
  <${e}
4
4
  class="${k}"
@@ -18,11 +18,14 @@ class a extends x(E(h)) {
18
18
  super(...arguments), this.placement = "top-start", this.swatchesPerRow = 7, this.#e = () => {
19
19
  this.open || c.enqueue(() => this.open = !0);
20
20
  }, this.#t = (e) => {
21
+ /* v8 ignore next -- @preserve */
21
22
  (e.key === "Enter" || e.key === " ") && (this.open || c.enqueue(() => this.open = !0), e.preventDefault());
22
23
  }, this._closeOnClickOutside = (e) => {
23
24
  const o = !this.contains(e.target), i = this._anchorEl?.contains(e.target);
25
+ /* v8 ignore else -- @preserve */
24
26
  (o || i) && (this.open = !1);
25
27
  }, this._closeOnEscape = (e) => {
28
+ /* v8 ignore else -- @preserve */
26
29
  e.key === "Escape" && (this.open = !1);
27
30
  };
28
31
  }
@@ -69,7 +69,8 @@ class Slider extends localized.Localized(
69
69
  } else if (e.key === fastWebUtilities.keyEnd) {
70
70
  e.preventDefault();
71
71
  this.value = `${this.max}`;
72
- } else if (!e.shiftKey) {
72
+ } else {
73
+ if (e.shiftKey) return;
73
74
  switch (e.key) {
74
75
  case keyCodes.keyArrowRight:
75
76
  case fastWebUtilities.keyArrowUp:
@@ -224,6 +225,7 @@ class Slider extends localized.Localized(
224
225
  * @internal
225
226
  */
226
227
  readOnlyChanged() {
228
+ /* v8 ignore if -- @preserve */
227
229
  if (this.proxy instanceof HTMLInputElement) {
228
230
  this.proxy.readOnly = this.readOnly;
229
231
  }
@@ -260,6 +262,7 @@ class Slider extends localized.Localized(
260
262
  * @internal
261
263
  */
262
264
  minChanged() {
265
+ /* v8 ignore if -- @preserve */
263
266
  if (this.proxy instanceof HTMLInputElement) {
264
267
  this.proxy.min = `${this.min}`;
265
268
  }
@@ -270,6 +273,7 @@ class Slider extends localized.Localized(
270
273
  * @internal
271
274
  */
272
275
  maxChanged() {
276
+ /* v8 ignore if -- @preserve */
273
277
  if (this.proxy instanceof HTMLInputElement) {
274
278
  this.proxy.max = `${this.max}`;
275
279
  }
@@ -280,6 +284,7 @@ class Slider extends localized.Localized(
280
284
  * @internal
281
285
  */
282
286
  stepChanged() {
287
+ /* v8 ignore if -- @preserve */
283
288
  if (this.proxy instanceof HTMLInputElement) {
284
289
  this.proxy.step = `${this.step}`;
285
290
  }
@@ -363,6 +368,7 @@ class Slider extends localized.Localized(
363
368
  return `${this.#roundToNearestStep((this.max + this.min) / 2)}`;
364
369
  }
365
370
  setupDefaultValue() {
371
+ /* v8 ignore else -- @preserve */
366
372
  if (typeof this.value === "string") {
367
373
  if (this.value.length === 0) {
368
374
  this.initialValue = this.midpoint;
@@ -65,7 +65,8 @@ class Slider extends Localized(
65
65
  } else if (e.key === keyEnd) {
66
66
  e.preventDefault();
67
67
  this.value = `${this.max}`;
68
- } else if (!e.shiftKey) {
68
+ } else {
69
+ if (e.shiftKey) return;
69
70
  switch (e.key) {
70
71
  case keyArrowRight:
71
72
  case keyArrowUp:
@@ -220,6 +221,7 @@ class Slider extends Localized(
220
221
  * @internal
221
222
  */
222
223
  readOnlyChanged() {
224
+ /* v8 ignore if -- @preserve */
223
225
  if (this.proxy instanceof HTMLInputElement) {
224
226
  this.proxy.readOnly = this.readOnly;
225
227
  }
@@ -256,6 +258,7 @@ class Slider extends Localized(
256
258
  * @internal
257
259
  */
258
260
  minChanged() {
261
+ /* v8 ignore if -- @preserve */
259
262
  if (this.proxy instanceof HTMLInputElement) {
260
263
  this.proxy.min = `${this.min}`;
261
264
  }
@@ -266,6 +269,7 @@ class Slider extends Localized(
266
269
  * @internal
267
270
  */
268
271
  maxChanged() {
272
+ /* v8 ignore if -- @preserve */
269
273
  if (this.proxy instanceof HTMLInputElement) {
270
274
  this.proxy.max = `${this.max}`;
271
275
  }
@@ -276,6 +280,7 @@ class Slider extends Localized(
276
280
  * @internal
277
281
  */
278
282
  stepChanged() {
283
+ /* v8 ignore if -- @preserve */
279
284
  if (this.proxy instanceof HTMLInputElement) {
280
285
  this.proxy.step = `${this.step}`;
281
286
  }
@@ -359,6 +364,7 @@ class Slider extends Localized(
359
364
  return `${this.#roundToNearestStep((this.max + this.min) / 2)}`;
360
365
  }
361
366
  setupDefaultValue() {
367
+ /* v8 ignore else -- @preserve */
362
368
  if (typeof this.value === "string") {
363
369
  if (this.value.length === 0) {
364
370
  this.initialValue = this.midpoint;
@@ -1,6 +1,10 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Oct 2025 11:07:11 GMT
3
+ * Generated on Mon, 08 Dec 2025 18:08:07 GMT
4
+ */
5
+ /**
6
+ * Do not edit directly
7
+ * Generated on Mon, 08 Dec 2025 18:08:07 GMT
4
8
  */
5
9
  .vvd-root {
6
10
  background-color: var(--vvd-color-canvas);
@@ -1,6 +1,10 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Oct 2025 11:07:11 GMT
3
+ * Generated on Mon, 08 Dec 2025 18:08:07 GMT
4
+ */
5
+ /**
6
+ * Do not edit directly
7
+ * Generated on Mon, 08 Dec 2025 18:08:07 GMT
4
8
  */
5
9
  .vvd-root {
6
10
  background-color: var(--vvd-color-canvas);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Oct 2025 11:07:11 GMT
3
+ * Generated on Mon, 08 Dec 2025 18:08:07 GMT
4
4
  */
5
5
  .vvd-root:root {
6
6
  --vvd-size-font-scale-base: 1rem;