@globalpayments/vega 2.57.0 → 2.58.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 (221) hide show
  1. package/dist/cjs/card-config-2ee5505e.js +65 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/{string-input-formatter-slimmer-92ab034f.js → string-input-formatter-slimmer-dc1747ad.js} +20 -1
  4. package/dist/cjs/vega-calendar_3.cjs.entry.js +197 -114
  5. package/dist/cjs/vega-date-picker_2.cjs.entry.js +1 -1
  6. package/dist/cjs/vega-dropdown_5.cjs.entry.js +28 -4
  7. package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
  8. package/dist/cjs/vega-input-credit-card.cjs.entry.js +20 -116
  9. package/dist/cjs/vega-input-phone-number.cjs.entry.js +1 -1
  10. package/dist/cjs/vega-input-select.cjs.entry.js +6 -3
  11. package/dist/cjs/vega-input.cjs.entry.js +194 -2
  12. package/dist/cjs/vega-selection-tile_2.cjs.entry.js +26 -2
  13. package/dist/cjs/vega.cjs.js +1 -1
  14. package/dist/collection/components/vega-calendar/slimmers/common/controllers/vega-calendar-post-operation-date-controller.js +48 -0
  15. package/dist/collection/components/vega-calendar/slimmers/common/renderers/vega-calendar-switch-panel.js +8 -2
  16. package/dist/collection/components/vega-calendar/vega-calendar.js +42 -1
  17. package/dist/collection/components/vega-dropdown/vega-dropdown-item/slimmers/renderers/vega-dropdown-item-renderer.js +27 -3
  18. package/dist/collection/components/vega-dropdown/vega-dropdown-item/vega-dropdown-item.css +6 -0
  19. package/dist/collection/components/vega-input/slimmers/controllers/vega-input-mask-config-controller.js +25 -2
  20. package/dist/collection/components/vega-input/vega-input.js +1 -1
  21. package/dist/collection/components/vega-input-credit-card/vega-input-credit-card.js +13 -52
  22. package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.css +4 -0
  23. package/dist/collection/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.js +5 -2
  24. package/dist/collection/components/vega-input-select/vega-input-select.css +0 -3
  25. package/dist/collection/components/vega-selection-tile/slimmers/controllers/vega-selection-tile-state-controller.js +7 -0
  26. package/dist/collection/components/vega-selection-tile/vega-selection-tile-group/vega-selection-tile-group.js +37 -0
  27. package/dist/collection/components/vega-selection-tile/vega-selection-tile.css +12 -0
  28. package/dist/collection/components/vega-selection-tile/vega-selection-tile.js +7 -2
  29. package/dist/collection/components/vega-table/vega-table-head-cell/vega-table-head-cell.js +1 -1
  30. package/dist/collection/components/vega-table/vega-table.js +1 -1
  31. package/dist/collection/constants/card-config.js +4 -4
  32. package/dist/collection/helpers/calendar/calendar-period/month-period.js +15 -1
  33. package/dist/collection/helpers/calendar/calendar-period/week-period.js +6 -7
  34. package/dist/collection/helpers/calendar/test/calendar-period/month-period.test.js +12 -4
  35. package/dist/collection/helpers/calendar/test/calendar-period/week-period.test.js +2 -2
  36. package/dist/collection/helpers/formatter/string-formatter/credit-card-blur-mask-strategy.js +74 -0
  37. package/dist/collection/helpers/formatter/string-formatter/credit-card-input-mask-strategy.js +34 -0
  38. package/dist/collection/helpers/formatter/string-formatter/credit-card-mask-strategy.abstract.js +63 -0
  39. package/dist/collection/helpers/formatter/string-formatter/string-format-strategy.abstract.js +4 -1
  40. package/dist/collection/helpers/formatter/string-formatter/string-mask-strategy.js +8 -0
  41. package/dist/collection/helpers/slimmers/string-input-formatter-slimmer.js +8 -0
  42. package/dist/esm/{app-globals-366415b3.js → app-globals-ee6a1250.js} +3 -3
  43. package/dist/esm/card-config-d2ad484e.js +63 -0
  44. package/dist/esm/{code-block-73869a3c.js → code-block-7bd4cb87.js} +1 -1
  45. package/dist/esm/{component-value-history-controller-slimmer.abstract-dfe89c93.js → component-value-history-controller-slimmer.abstract-41c58caf.js} +2 -2
  46. package/dist/esm/{content-state-953906e8.js → content-state-a43e703e.js} +1 -1
  47. package/dist/esm/{design-token-28a0a2e6.js → design-token-23522f5c.js} +1 -1
  48. package/dist/esm/{element-appender-slimmer-7b9f4a8e.js → element-appender-slimmer-042df95a.js} +2 -2
  49. package/dist/esm/{form-field-controller-slimmer-707a6da2.js → form-field-controller-slimmer-f0982f11.js} +2 -2
  50. package/dist/esm/{image-annotation-action-5bfda07c.js → image-annotation-action-1e88f5a0.js} +1 -1
  51. package/dist/esm/{index-3e551cbe.js → index-fb3b74bd.js} +1 -1
  52. package/dist/esm/index.js +7 -7
  53. package/dist/esm/loader.js +6 -6
  54. package/dist/esm/{public-rules-c5d2c1e1.js → public-rules-287d4d77.js} +4 -4
  55. package/dist/esm/{responsive-format-facade-60731164.js → responsive-format-facade-d2632288.js} +1 -1
  56. package/dist/esm/{rich-text-editor-required-rule-4429066e.js → rich-text-editor-required-rule-69d5f035.js} +1 -1
  57. package/dist/esm/{string-input-formatter-slimmer-6ab5cad6.js → string-input-formatter-slimmer-09478e0d.js} +23 -4
  58. package/dist/esm/{style-formatter-57fc600a.js → style-formatter-f7951677.js} +1 -1
  59. package/dist/esm/{sub-state-notify-slimmer-1c4d1e78.js → sub-state-notify-slimmer-0a6c3cbb.js} +1 -1
  60. package/dist/esm/{sub-state-observer-slimmer-1e9af9ec.js → sub-state-observer-slimmer-53eec5fb.js} +1 -1
  61. package/dist/esm/vega-accordion.entry.js +5 -5
  62. package/dist/esm/vega-app-header-button.entry.js +5 -5
  63. package/dist/esm/vega-box.entry.js +6 -6
  64. package/dist/esm/vega-button-circle.entry.js +5 -5
  65. package/dist/esm/vega-button-group_2.entry.js +3 -3
  66. package/dist/esm/vega-button.entry.js +4 -4
  67. package/dist/esm/vega-calendar_3.entry.js +200 -117
  68. package/dist/esm/vega-card.entry.js +5 -5
  69. package/dist/esm/vega-carousel.entry.js +4 -4
  70. package/dist/esm/vega-checkbox_2.entry.js +3 -3
  71. package/dist/esm/vega-chip.entry.js +5 -5
  72. package/dist/esm/vega-code-block.entry.js +3 -3
  73. package/dist/esm/vega-color-picker.entry.js +3 -3
  74. package/dist/esm/vega-combo-box.entry.js +3 -3
  75. package/dist/esm/vega-date-picker_2.entry.js +9 -9
  76. package/dist/esm/vega-dialog_2.entry.js +5 -5
  77. package/dist/esm/vega-divider.entry.js +5 -5
  78. package/dist/esm/vega-dropdown_5.entry.js +35 -11
  79. package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
  80. package/dist/esm/vega-file-uploader.entry.js +3 -3
  81. package/dist/esm/vega-flag-icon.entry.js +5 -5
  82. package/dist/esm/vega-flex.entry.js +6 -6
  83. package/dist/esm/vega-font.entry.js +5 -5
  84. package/dist/esm/vega-form.entry.js +4 -4
  85. package/dist/esm/vega-grid.entry.js +5 -5
  86. package/dist/esm/vega-icon.entry.js +5 -5
  87. package/dist/esm/vega-image-uploader.entry.js +6 -6
  88. package/dist/esm/vega-input-credit-card.entry.js +21 -117
  89. package/dist/esm/vega-input-numeric.entry.js +4 -4
  90. package/dist/esm/vega-input-phone-number.entry.js +6 -6
  91. package/dist/esm/vega-input-range.entry.js +3 -3
  92. package/dist/esm/vega-input-select.entry.js +12 -9
  93. package/dist/esm/vega-input.entry.js +198 -6
  94. package/dist/esm/{vega-internal-event-id-f0ea2bab.js → vega-internal-event-id-4072659b.js} +1 -1
  95. package/dist/esm/vega-left-nav_5.entry.js +7 -7
  96. package/dist/esm/vega-loader-wrapper_2.entry.js +4 -4
  97. package/dist/esm/vega-pagination-page-selector-mobile.entry.js +1 -1
  98. package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js +1 -1
  99. package/dist/esm/vega-pagination.entry.js +4 -4
  100. package/dist/esm/vega-popover_2.entry.js +5 -5
  101. package/dist/esm/vega-radio_2.entry.js +3 -3
  102. package/dist/esm/vega-rich-text-content.entry.js +6 -6
  103. package/dist/esm/vega-rich-text-editor_4.entry.js +10 -10
  104. package/dist/esm/vega-selection-chip_2.entry.js +7 -7
  105. package/dist/esm/vega-selection-tile_2.entry.js +30 -6
  106. package/dist/esm/vega-sidenav_3.entry.js +6 -6
  107. package/dist/esm/vega-signature-capture.entry.js +7 -7
  108. package/dist/esm/vega-stepper.entry.js +3 -3
  109. package/dist/esm/vega-table_8.entry.js +6 -6
  110. package/dist/esm/vega-textarea.entry.js +3 -3
  111. package/dist/esm/vega-time-picker_2.entry.js +7 -7
  112. package/dist/esm/vega-toggle-switch.entry.js +3 -3
  113. package/dist/esm/vega-tooltip_2.entry.js +5 -5
  114. package/dist/esm/vega.js +6 -6
  115. package/dist/types/components/vega-calendar/slimmers/common/controllers/vega-calendar-post-operation-date-controller.d.ts +23 -0
  116. package/dist/types/components/vega-calendar/slimmers/common/renderers/vega-calendar-switch-panel.d.ts +2 -0
  117. package/dist/types/components/vega-calendar/vega-calendar.d.ts +15 -1
  118. package/dist/types/components/vega-dropdown/vega-dropdown-item/slimmers/renderers/vega-dropdown-item-renderer.d.ts +4 -0
  119. package/dist/types/components/vega-input/slimmers/controllers/vega-input-mask-config-controller.d.ts +7 -0
  120. package/dist/types/components/vega-input/types.d.ts +10 -1
  121. package/dist/types/components/vega-input-credit-card/vega-input-credit-card.d.ts +1 -13
  122. package/dist/types/components/vega-selection-tile/slimmers/controllers/vega-selection-tile-state-controller.d.ts +1 -0
  123. package/dist/types/components/vega-selection-tile/vega-selection-tile-group/vega-selection-tile-group.d.ts +8 -0
  124. package/dist/types/components/vega-selection-tile/vega-selection-tile.d.ts +4 -0
  125. package/dist/types/components/vega-table/interface.d.ts +18 -11
  126. package/dist/types/components/vega-table/vega-table-head-cell/vega-table-head-cell.d.ts +1 -1
  127. package/dist/types/components/vega-table/vega-table.d.ts +1 -1
  128. package/dist/types/components.d.ts +24 -4
  129. package/dist/types/helpers/calendar/calendar-period/calendar-period.abstract.d.ts +3 -3
  130. package/dist/types/helpers/calendar/calendar-period/month-period.d.ts +7 -1
  131. package/dist/types/helpers/formatter/string-formatter/credit-card-blur-mask-strategy.d.ts +28 -0
  132. package/dist/types/helpers/formatter/string-formatter/credit-card-input-mask-strategy.d.ts +21 -0
  133. package/dist/types/helpers/formatter/string-formatter/credit-card-mask-strategy.abstract.d.ts +36 -0
  134. package/dist/types/helpers/formatter/string-formatter/string-format-strategy.abstract.d.ts +1 -1
  135. package/dist/types/helpers/formatter/string-formatter/string-mask-strategy.d.ts +9 -3
  136. package/dist/types/helpers/slimmers/string-input-formatter-slimmer.d.ts +4 -0
  137. package/dist/types/types/public-api.d.ts +1 -0
  138. package/dist/vega/index.esm.js +1 -1
  139. package/dist/vega/{p-6acf0a51.entry.js → p-083af15f.entry.js} +1 -1
  140. package/dist/vega/{p-75ff12da.entry.js → p-091ab617.entry.js} +1 -1
  141. package/dist/vega/{p-47e89c0e.entry.js → p-0b5330e1.entry.js} +1 -1
  142. package/dist/vega/{p-f4a7acff.entry.js → p-1a4f77de.entry.js} +1 -1
  143. package/dist/vega/{p-21a7530c.entry.js → p-1a6dacc7.entry.js} +1 -1
  144. package/dist/vega/{p-2ebef70f.entry.js → p-1db2ba98.entry.js} +1 -1
  145. package/dist/vega/{p-e277ea73.entry.js → p-1f9a735a.entry.js} +1 -1
  146. package/dist/vega/{p-44880bdf.entry.js → p-24042f0c.entry.js} +1 -1
  147. package/dist/vega/{p-e28fcf04.entry.js → p-27a9ad35.entry.js} +1 -1
  148. package/dist/vega/{p-0496f1cb.entry.js → p-27ec0c07.entry.js} +1 -1
  149. package/dist/vega/{p-27dca371.entry.js → p-317920e6.entry.js} +1 -1
  150. package/dist/vega/{p-a2ef3429.entry.js → p-376b3ec7.entry.js} +1 -1
  151. package/dist/vega/{p-dc16e6ba.entry.js → p-394594e9.entry.js} +1 -1
  152. package/dist/vega/{p-8fb5bcb0.entry.js → p-42ec43ef.entry.js} +1 -1
  153. package/dist/vega/{p-6e1b5949.js → p-43263510.js} +1 -1
  154. package/dist/vega/{p-29f4cbed.entry.js → p-435451be.entry.js} +1 -1
  155. package/dist/vega/p-472108bd.entry.js +1 -0
  156. package/dist/vega/{p-6131f229.entry.js → p-48ae6f02.entry.js} +1 -1
  157. package/dist/vega/{p-1c4d05de.entry.js → p-48b24fd3.entry.js} +1 -1
  158. package/dist/vega/{p-fb8c99c5.js → p-4a237308.js} +1 -1
  159. package/dist/vega/{p-5dec9bd9.entry.js → p-4ab67150.entry.js} +1 -1
  160. package/dist/vega/{p-d82ceacf.entry.js → p-4c4ac1a5.entry.js} +1 -1
  161. package/dist/vega/p-4fb159d5.js +1 -0
  162. package/dist/vega/p-5bd3487e.js +1 -0
  163. package/dist/vega/p-5f377954.js +1 -1
  164. package/dist/vega/{p-39049341.entry.js → p-5fe47fe8.entry.js} +1 -1
  165. package/dist/vega/{p-d5ab867e.entry.js → p-61ea2d75.entry.js} +1 -1
  166. package/dist/vega/{p-e32efc2e.entry.js → p-63adca7b.entry.js} +1 -1
  167. package/dist/vega/{p-7c0004dc.entry.js → p-699032fc.entry.js} +1 -1
  168. package/dist/vega/{p-0b77c6c9.entry.js → p-710da484.entry.js} +1 -1
  169. package/dist/vega/{p-007bf7df.js → p-71c65f7e.js} +1 -1
  170. package/dist/vega/{p-a92a8172.entry.js → p-81279fea.entry.js} +1 -1
  171. package/dist/vega/{p-ecd032fc.js → p-8782abeb.js} +1 -1
  172. package/dist/vega/p-88e08a33.js +1 -0
  173. package/dist/vega/{p-4f5eb8d5.js → p-8c4f893b.js} +1 -1
  174. package/dist/vega/p-8e2b1dae.entry.js +1 -0
  175. package/dist/vega/{p-2873b600.entry.js → p-8f8de5ab.entry.js} +1 -1
  176. package/dist/vega/p-92355996.entry.js +1 -0
  177. package/dist/vega/p-9540e3ed.entry.js +1 -0
  178. package/dist/vega/p-997a2064.entry.js +1 -0
  179. package/dist/vega/{p-ce14af16.js → p-9a956a00.js} +1 -1
  180. package/dist/vega/{p-fcb04960.js → p-9afdcf65.js} +1 -1
  181. package/dist/vega/p-9b08ed46.entry.js +1 -0
  182. package/dist/vega/{p-b44ebc84.entry.js → p-9ce0bd82.entry.js} +1 -1
  183. package/dist/vega/{p-f8f8e7d2.entry.js → p-a04491cc.entry.js} +1 -1
  184. package/dist/vega/{p-99c4559e.entry.js → p-a1056063.entry.js} +1 -1
  185. package/dist/vega/{p-b449fe9a.entry.js → p-a4a0fcfd.entry.js} +1 -1
  186. package/dist/vega/{p-f79c82c7.entry.js → p-a7042a5a.entry.js} +1 -1
  187. package/dist/vega/p-acf7667e.entry.js +1 -0
  188. package/dist/vega/{p-8ba8a7cc.entry.js → p-b21b128c.entry.js} +1 -1
  189. package/dist/vega/{p-766ed063.entry.js → p-b75a8edb.entry.js} +1 -1
  190. package/dist/vega/{p-1e3f4007.entry.js → p-c21295cf.entry.js} +1 -1
  191. package/dist/vega/{p-5130bb06.entry.js → p-c69a6547.entry.js} +1 -1
  192. package/dist/vega/{p-79c2282c.entry.js → p-c9740710.entry.js} +1 -1
  193. package/dist/vega/{p-f4546425.entry.js → p-ce5a3589.entry.js} +1 -1
  194. package/dist/vega/{p-cd3d468c.js → p-d1355307.js} +1 -1
  195. package/dist/vega/{p-07927476.entry.js → p-d661a5aa.entry.js} +1 -1
  196. package/dist/vega/{p-8246f8ae.js → p-d7e0c57a.js} +1 -1
  197. package/dist/vega/p-e1ed78db.js +1 -0
  198. package/dist/vega/{p-34643550.entry.js → p-ef84dc90.entry.js} +1 -1
  199. package/dist/vega/{p-2458ad97.js → p-f229d6d1.js} +1 -1
  200. package/dist/vega/{p-fd2f699b.js → p-f25570f5.js} +1 -1
  201. package/dist/vega/{p-888dc143.entry.js → p-f27fcc7c.entry.js} +1 -1
  202. package/dist/vega/{p-f3f7d059.entry.js → p-f543e911.entry.js} +1 -1
  203. package/dist/vega/{p-65d8c2bc.js → p-f5ac60f5.js} +1 -1
  204. package/dist/vega/{p-bdaf1143.entry.js → p-f7b5833d.entry.js} +1 -1
  205. package/dist/vega/p-fc02a67a.js +1 -0
  206. package/dist/vega/{p-a33c6652.entry.js → p-fcb5b40f.entry.js} +1 -1
  207. package/dist/vega/{p-aed3320d.js → p-fda6f8bc.js} +1 -1
  208. package/dist/vega/{p-e5196440.entry.js → p-fe1512f9.entry.js} +1 -1
  209. package/dist/vega/vega.esm.js +1 -1
  210. package/package.json +1 -1
  211. package/dist/vega/p-0604563a.entry.js +0 -1
  212. package/dist/vega/p-3a7e897b.entry.js +0 -1
  213. package/dist/vega/p-51297b96.js +0 -1
  214. package/dist/vega/p-51a4dc20.entry.js +0 -1
  215. package/dist/vega/p-53e9595f.js +0 -1
  216. package/dist/vega/p-6ec338b0.entry.js +0 -1
  217. package/dist/vega/p-76818196.entry.js +0 -1
  218. package/dist/vega/p-79a0a06c.js +0 -1
  219. package/dist/vega/p-9481c073.entry.js +0 -1
  220. package/dist/vega/p-b8d7d4a9.js +0 -1
  221. package/dist/vega/p-f8e0e4f0.entry.js +0 -1
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-d0a47531.js';
2
- import { f as formatAndValidResponsiveToken } from './design-token-28a0a2e6.js';
2
+ import { f as formatAndValidResponsiveToken } from './design-token-23522f5c.js';
3
3
  import { s as sanitizeVegaComponent } from './component-7d906393.js';
4
4
  import { a as arrayToClassString } from './ui-7d177fb0.js';
5
5
  import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
@@ -9,7 +9,7 @@ import './breakpoints-d9faf11c.js';
9
9
  import './ui-8424715a.js';
10
10
  import './regex-dfe11abf.js';
11
11
  import './typography-396de03f.js';
12
- import './responsive-format-facade-60731164.js';
12
+ import './responsive-format-facade-d2632288.js';
13
13
  import './page-resize-observer-slimmer-0bf7fbf3.js';
14
14
  import './try-get-document-bef0f526.js';
15
15
  import './number-4398f2e1.js';
@@ -31,9 +31,9 @@ import './index-e9da316f.js';
31
31
  import './icon-manager-2ee1c619.js';
32
32
  import './wait-for-vega-handler-c2c07ac3.js';
33
33
  import './translation-a6eacb5f.js';
34
- import './content-state-953906e8.js';
35
- import './code-block-73869a3c.js';
36
- import './vega-internal-event-id-f0ea2bab.js';
34
+ import './content-state-a43e703e.js';
35
+ import './code-block-7bd4cb87.js';
36
+ import './vega-internal-event-id-4072659b.js';
37
37
  import './state-background-color-formatter-da5e76e8.js';
38
38
 
39
39
  const vegaGridCss = ":host(.v-gap-0),.v-gap-0{gap:0px}:host(.v-gap-row-0),.v-gap-row-0{row-gap:0px}:host(.v-gap-col-0),.v-gap-col-0{column-gap:0px}:host(.v-gap-size-0),.v-gap-size-0{gap:0px}:host(.v-gap-row-size-0),.v-gap-row-size-0{row-gap:0px}:host(.v-gap-col-size-0),.v-gap-col-size-0{column-gap:0px}:host(.v-gap-size-4),.v-gap-size-4{gap:4px}:host(.v-gap-row-size-4),.v-gap-row-size-4{row-gap:4px}:host(.v-gap-col-size-4),.v-gap-col-size-4{column-gap:4px}:host(.v-gap-size-8),.v-gap-size-8{gap:8px}:host(.v-gap-row-size-8),.v-gap-row-size-8{row-gap:8px}:host(.v-gap-col-size-8),.v-gap-col-size-8{column-gap:8px}:host(.v-gap-size-12),.v-gap-size-12{gap:12px}:host(.v-gap-row-size-12),.v-gap-row-size-12{row-gap:12px}:host(.v-gap-col-size-12),.v-gap-col-size-12{column-gap:12px}:host(.v-gap-size-16),.v-gap-size-16{gap:16px}:host(.v-gap-row-size-16),.v-gap-row-size-16{row-gap:16px}:host(.v-gap-col-size-16),.v-gap-col-size-16{column-gap:16px}:host(.v-gap-size-20),.v-gap-size-20{gap:20px}:host(.v-gap-row-size-20),.v-gap-row-size-20{row-gap:20px}:host(.v-gap-col-size-20),.v-gap-col-size-20{column-gap:20px}:host(.v-gap-size-24),.v-gap-size-24{gap:24px}:host(.v-gap-row-size-24),.v-gap-row-size-24{row-gap:24px}:host(.v-gap-col-size-24),.v-gap-col-size-24{column-gap:24px}:host(.v-gap-size-32),.v-gap-size-32{gap:32px}:host(.v-gap-row-size-32),.v-gap-row-size-32{row-gap:32px}:host(.v-gap-col-size-32),.v-gap-col-size-32{column-gap:32px}:host(.v-gap-size-40),.v-gap-size-40{gap:40px}:host(.v-gap-row-size-40),.v-gap-row-size-40{row-gap:40px}:host(.v-gap-col-size-40),.v-gap-col-size-40{column-gap:40px}:host(.v-gap-size-48),.v-gap-size-48{gap:48px}:host(.v-gap-row-size-48),.v-gap-row-size-48{row-gap:48px}:host(.v-gap-col-size-48),.v-gap-col-size-48{column-gap:48px}:host(.v-gap-size-64),.v-gap-size-64{gap:64px}:host(.v-gap-row-size-64),.v-gap-row-size-64{row-gap:64px}:host(.v-gap-col-size-64),.v-gap-col-size-64{column-gap:64px}:host(.v-gap-size-72),.v-gap-size-72{gap:72px}:host(.v-gap-row-size-72),.v-gap-row-size-72{row-gap:72px}:host(.v-gap-col-size-72),.v-gap-col-size-72{column-gap:72px}:host(.v-gap-size-80),.v-gap-size-80{gap:80px}:host(.v-gap-row-size-80),.v-gap-row-size-80{row-gap:80px}:host(.v-gap-col-size-80),.v-gap-col-size-80{column-gap:80px}:host(.v-gap-size-112),.v-gap-size-112{gap:112px}:host(.v-gap-row-size-112),.v-gap-row-size-112{row-gap:112px}:host(.v-gap-col-size-112),.v-gap-col-size-112{column-gap:112px}:host(.v-gap-size-2),.v-gap-size-2{gap:2px}:host(.v-gap-row-size-2),.v-gap-row-size-2{row-gap:2px}:host(.v-gap-col-size-2),.v-gap-col-size-2{column-gap:2px}@media (min-width: 320px){:host(.S\\:v-gap-0),.S\\:v-gap-0{gap:0px}:host(.S\\:v-gap-row-0),.S\\:v-gap-row-0{row-gap:0px}:host(.S\\:v-gap-col-0),.S\\:v-gap-col-0{column-gap:0px}:host(.S\\:v-gap-size-0),.S\\:v-gap-size-0{gap:0px}:host(.S\\:v-gap-row-size-0),.S\\:v-gap-row-size-0{row-gap:0px}:host(.S\\:v-gap-col-size-0),.S\\:v-gap-col-size-0{column-gap:0px}:host(.S\\:v-gap-size-4),.S\\:v-gap-size-4{gap:4px}:host(.S\\:v-gap-row-size-4),.S\\:v-gap-row-size-4{row-gap:4px}:host(.S\\:v-gap-col-size-4),.S\\:v-gap-col-size-4{column-gap:4px}:host(.S\\:v-gap-size-8),.S\\:v-gap-size-8{gap:8px}:host(.S\\:v-gap-row-size-8),.S\\:v-gap-row-size-8{row-gap:8px}:host(.S\\:v-gap-col-size-8),.S\\:v-gap-col-size-8{column-gap:8px}:host(.S\\:v-gap-size-12),.S\\:v-gap-size-12{gap:12px}:host(.S\\:v-gap-row-size-12),.S\\:v-gap-row-size-12{row-gap:12px}:host(.S\\:v-gap-col-size-12),.S\\:v-gap-col-size-12{column-gap:12px}:host(.S\\:v-gap-size-16),.S\\:v-gap-size-16{gap:16px}:host(.S\\:v-gap-row-size-16),.S\\:v-gap-row-size-16{row-gap:16px}:host(.S\\:v-gap-col-size-16),.S\\:v-gap-col-size-16{column-gap:16px}:host(.S\\:v-gap-size-20),.S\\:v-gap-size-20{gap:20px}:host(.S\\:v-gap-row-size-20),.S\\:v-gap-row-size-20{row-gap:20px}:host(.S\\:v-gap-col-size-20),.S\\:v-gap-col-size-20{column-gap:20px}:host(.S\\:v-gap-size-24),.S\\:v-gap-size-24{gap:24px}:host(.S\\:v-gap-row-size-24),.S\\:v-gap-row-size-24{row-gap:24px}:host(.S\\:v-gap-col-size-24),.S\\:v-gap-col-size-24{column-gap:24px}:host(.S\\:v-gap-size-32),.S\\:v-gap-size-32{gap:32px}:host(.S\\:v-gap-row-size-32),.S\\:v-gap-row-size-32{row-gap:32px}:host(.S\\:v-gap-col-size-32),.S\\:v-gap-col-size-32{column-gap:32px}:host(.S\\:v-gap-size-40),.S\\:v-gap-size-40{gap:40px}:host(.S\\:v-gap-row-size-40),.S\\:v-gap-row-size-40{row-gap:40px}:host(.S\\:v-gap-col-size-40),.S\\:v-gap-col-size-40{column-gap:40px}:host(.S\\:v-gap-size-48),.S\\:v-gap-size-48{gap:48px}:host(.S\\:v-gap-row-size-48),.S\\:v-gap-row-size-48{row-gap:48px}:host(.S\\:v-gap-col-size-48),.S\\:v-gap-col-size-48{column-gap:48px}:host(.S\\:v-gap-size-64),.S\\:v-gap-size-64{gap:64px}:host(.S\\:v-gap-row-size-64),.S\\:v-gap-row-size-64{row-gap:64px}:host(.S\\:v-gap-col-size-64),.S\\:v-gap-col-size-64{column-gap:64px}:host(.S\\:v-gap-size-72),.S\\:v-gap-size-72{gap:72px}:host(.S\\:v-gap-row-size-72),.S\\:v-gap-row-size-72{row-gap:72px}:host(.S\\:v-gap-col-size-72),.S\\:v-gap-col-size-72{column-gap:72px}:host(.S\\:v-gap-size-80),.S\\:v-gap-size-80{gap:80px}:host(.S\\:v-gap-row-size-80),.S\\:v-gap-row-size-80{row-gap:80px}:host(.S\\:v-gap-col-size-80),.S\\:v-gap-col-size-80{column-gap:80px}:host(.S\\:v-gap-size-112),.S\\:v-gap-size-112{gap:112px}:host(.S\\:v-gap-row-size-112),.S\\:v-gap-row-size-112{row-gap:112px}:host(.S\\:v-gap-col-size-112),.S\\:v-gap-col-size-112{column-gap:112px}:host(.S\\:v-gap-size-2),.S\\:v-gap-size-2{gap:2px}:host(.S\\:v-gap-row-size-2),.S\\:v-gap-row-size-2{row-gap:2px}:host(.S\\:v-gap-col-size-2),.S\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 768px){:host(.M\\:v-gap-0),.M\\:v-gap-0{gap:0px}:host(.M\\:v-gap-row-0),.M\\:v-gap-row-0{row-gap:0px}:host(.M\\:v-gap-col-0),.M\\:v-gap-col-0{column-gap:0px}:host(.M\\:v-gap-size-0),.M\\:v-gap-size-0{gap:0px}:host(.M\\:v-gap-row-size-0),.M\\:v-gap-row-size-0{row-gap:0px}:host(.M\\:v-gap-col-size-0),.M\\:v-gap-col-size-0{column-gap:0px}:host(.M\\:v-gap-size-4),.M\\:v-gap-size-4{gap:4px}:host(.M\\:v-gap-row-size-4),.M\\:v-gap-row-size-4{row-gap:4px}:host(.M\\:v-gap-col-size-4),.M\\:v-gap-col-size-4{column-gap:4px}:host(.M\\:v-gap-size-8),.M\\:v-gap-size-8{gap:8px}:host(.M\\:v-gap-row-size-8),.M\\:v-gap-row-size-8{row-gap:8px}:host(.M\\:v-gap-col-size-8),.M\\:v-gap-col-size-8{column-gap:8px}:host(.M\\:v-gap-size-12),.M\\:v-gap-size-12{gap:12px}:host(.M\\:v-gap-row-size-12),.M\\:v-gap-row-size-12{row-gap:12px}:host(.M\\:v-gap-col-size-12),.M\\:v-gap-col-size-12{column-gap:12px}:host(.M\\:v-gap-size-16),.M\\:v-gap-size-16{gap:16px}:host(.M\\:v-gap-row-size-16),.M\\:v-gap-row-size-16{row-gap:16px}:host(.M\\:v-gap-col-size-16),.M\\:v-gap-col-size-16{column-gap:16px}:host(.M\\:v-gap-size-20),.M\\:v-gap-size-20{gap:20px}:host(.M\\:v-gap-row-size-20),.M\\:v-gap-row-size-20{row-gap:20px}:host(.M\\:v-gap-col-size-20),.M\\:v-gap-col-size-20{column-gap:20px}:host(.M\\:v-gap-size-24),.M\\:v-gap-size-24{gap:24px}:host(.M\\:v-gap-row-size-24),.M\\:v-gap-row-size-24{row-gap:24px}:host(.M\\:v-gap-col-size-24),.M\\:v-gap-col-size-24{column-gap:24px}:host(.M\\:v-gap-size-32),.M\\:v-gap-size-32{gap:32px}:host(.M\\:v-gap-row-size-32),.M\\:v-gap-row-size-32{row-gap:32px}:host(.M\\:v-gap-col-size-32),.M\\:v-gap-col-size-32{column-gap:32px}:host(.M\\:v-gap-size-40),.M\\:v-gap-size-40{gap:40px}:host(.M\\:v-gap-row-size-40),.M\\:v-gap-row-size-40{row-gap:40px}:host(.M\\:v-gap-col-size-40),.M\\:v-gap-col-size-40{column-gap:40px}:host(.M\\:v-gap-size-48),.M\\:v-gap-size-48{gap:48px}:host(.M\\:v-gap-row-size-48),.M\\:v-gap-row-size-48{row-gap:48px}:host(.M\\:v-gap-col-size-48),.M\\:v-gap-col-size-48{column-gap:48px}:host(.M\\:v-gap-size-64),.M\\:v-gap-size-64{gap:64px}:host(.M\\:v-gap-row-size-64),.M\\:v-gap-row-size-64{row-gap:64px}:host(.M\\:v-gap-col-size-64),.M\\:v-gap-col-size-64{column-gap:64px}:host(.M\\:v-gap-size-72),.M\\:v-gap-size-72{gap:72px}:host(.M\\:v-gap-row-size-72),.M\\:v-gap-row-size-72{row-gap:72px}:host(.M\\:v-gap-col-size-72),.M\\:v-gap-col-size-72{column-gap:72px}:host(.M\\:v-gap-size-80),.M\\:v-gap-size-80{gap:80px}:host(.M\\:v-gap-row-size-80),.M\\:v-gap-row-size-80{row-gap:80px}:host(.M\\:v-gap-col-size-80),.M\\:v-gap-col-size-80{column-gap:80px}:host(.M\\:v-gap-size-112),.M\\:v-gap-size-112{gap:112px}:host(.M\\:v-gap-row-size-112),.M\\:v-gap-row-size-112{row-gap:112px}:host(.M\\:v-gap-col-size-112),.M\\:v-gap-col-size-112{column-gap:112px}:host(.M\\:v-gap-size-2),.M\\:v-gap-size-2{gap:2px}:host(.M\\:v-gap-row-size-2),.M\\:v-gap-row-size-2{row-gap:2px}:host(.M\\:v-gap-col-size-2),.M\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1024px){:host(.L\\:v-gap-0),.L\\:v-gap-0{gap:0px}:host(.L\\:v-gap-row-0),.L\\:v-gap-row-0{row-gap:0px}:host(.L\\:v-gap-col-0),.L\\:v-gap-col-0{column-gap:0px}:host(.L\\:v-gap-size-0),.L\\:v-gap-size-0{gap:0px}:host(.L\\:v-gap-row-size-0),.L\\:v-gap-row-size-0{row-gap:0px}:host(.L\\:v-gap-col-size-0),.L\\:v-gap-col-size-0{column-gap:0px}:host(.L\\:v-gap-size-4),.L\\:v-gap-size-4{gap:4px}:host(.L\\:v-gap-row-size-4),.L\\:v-gap-row-size-4{row-gap:4px}:host(.L\\:v-gap-col-size-4),.L\\:v-gap-col-size-4{column-gap:4px}:host(.L\\:v-gap-size-8),.L\\:v-gap-size-8{gap:8px}:host(.L\\:v-gap-row-size-8),.L\\:v-gap-row-size-8{row-gap:8px}:host(.L\\:v-gap-col-size-8),.L\\:v-gap-col-size-8{column-gap:8px}:host(.L\\:v-gap-size-12),.L\\:v-gap-size-12{gap:12px}:host(.L\\:v-gap-row-size-12),.L\\:v-gap-row-size-12{row-gap:12px}:host(.L\\:v-gap-col-size-12),.L\\:v-gap-col-size-12{column-gap:12px}:host(.L\\:v-gap-size-16),.L\\:v-gap-size-16{gap:16px}:host(.L\\:v-gap-row-size-16),.L\\:v-gap-row-size-16{row-gap:16px}:host(.L\\:v-gap-col-size-16),.L\\:v-gap-col-size-16{column-gap:16px}:host(.L\\:v-gap-size-20),.L\\:v-gap-size-20{gap:20px}:host(.L\\:v-gap-row-size-20),.L\\:v-gap-row-size-20{row-gap:20px}:host(.L\\:v-gap-col-size-20),.L\\:v-gap-col-size-20{column-gap:20px}:host(.L\\:v-gap-size-24),.L\\:v-gap-size-24{gap:24px}:host(.L\\:v-gap-row-size-24),.L\\:v-gap-row-size-24{row-gap:24px}:host(.L\\:v-gap-col-size-24),.L\\:v-gap-col-size-24{column-gap:24px}:host(.L\\:v-gap-size-32),.L\\:v-gap-size-32{gap:32px}:host(.L\\:v-gap-row-size-32),.L\\:v-gap-row-size-32{row-gap:32px}:host(.L\\:v-gap-col-size-32),.L\\:v-gap-col-size-32{column-gap:32px}:host(.L\\:v-gap-size-40),.L\\:v-gap-size-40{gap:40px}:host(.L\\:v-gap-row-size-40),.L\\:v-gap-row-size-40{row-gap:40px}:host(.L\\:v-gap-col-size-40),.L\\:v-gap-col-size-40{column-gap:40px}:host(.L\\:v-gap-size-48),.L\\:v-gap-size-48{gap:48px}:host(.L\\:v-gap-row-size-48),.L\\:v-gap-row-size-48{row-gap:48px}:host(.L\\:v-gap-col-size-48),.L\\:v-gap-col-size-48{column-gap:48px}:host(.L\\:v-gap-size-64),.L\\:v-gap-size-64{gap:64px}:host(.L\\:v-gap-row-size-64),.L\\:v-gap-row-size-64{row-gap:64px}:host(.L\\:v-gap-col-size-64),.L\\:v-gap-col-size-64{column-gap:64px}:host(.L\\:v-gap-size-72),.L\\:v-gap-size-72{gap:72px}:host(.L\\:v-gap-row-size-72),.L\\:v-gap-row-size-72{row-gap:72px}:host(.L\\:v-gap-col-size-72),.L\\:v-gap-col-size-72{column-gap:72px}:host(.L\\:v-gap-size-80),.L\\:v-gap-size-80{gap:80px}:host(.L\\:v-gap-row-size-80),.L\\:v-gap-row-size-80{row-gap:80px}:host(.L\\:v-gap-col-size-80),.L\\:v-gap-col-size-80{column-gap:80px}:host(.L\\:v-gap-size-112),.L\\:v-gap-size-112{gap:112px}:host(.L\\:v-gap-row-size-112),.L\\:v-gap-row-size-112{row-gap:112px}:host(.L\\:v-gap-col-size-112),.L\\:v-gap-col-size-112{column-gap:112px}:host(.L\\:v-gap-size-2),.L\\:v-gap-size-2{gap:2px}:host(.L\\:v-gap-row-size-2),.L\\:v-gap-row-size-2{row-gap:2px}:host(.L\\:v-gap-col-size-2),.L\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1440px){:host(.XL\\:v-gap-0),.XL\\:v-gap-0{gap:0px}:host(.XL\\:v-gap-row-0),.XL\\:v-gap-row-0{row-gap:0px}:host(.XL\\:v-gap-col-0),.XL\\:v-gap-col-0{column-gap:0px}:host(.XL\\:v-gap-size-0),.XL\\:v-gap-size-0{gap:0px}:host(.XL\\:v-gap-row-size-0),.XL\\:v-gap-row-size-0{row-gap:0px}:host(.XL\\:v-gap-col-size-0),.XL\\:v-gap-col-size-0{column-gap:0px}:host(.XL\\:v-gap-size-4),.XL\\:v-gap-size-4{gap:4px}:host(.XL\\:v-gap-row-size-4),.XL\\:v-gap-row-size-4{row-gap:4px}:host(.XL\\:v-gap-col-size-4),.XL\\:v-gap-col-size-4{column-gap:4px}:host(.XL\\:v-gap-size-8),.XL\\:v-gap-size-8{gap:8px}:host(.XL\\:v-gap-row-size-8),.XL\\:v-gap-row-size-8{row-gap:8px}:host(.XL\\:v-gap-col-size-8),.XL\\:v-gap-col-size-8{column-gap:8px}:host(.XL\\:v-gap-size-12),.XL\\:v-gap-size-12{gap:12px}:host(.XL\\:v-gap-row-size-12),.XL\\:v-gap-row-size-12{row-gap:12px}:host(.XL\\:v-gap-col-size-12),.XL\\:v-gap-col-size-12{column-gap:12px}:host(.XL\\:v-gap-size-16),.XL\\:v-gap-size-16{gap:16px}:host(.XL\\:v-gap-row-size-16),.XL\\:v-gap-row-size-16{row-gap:16px}:host(.XL\\:v-gap-col-size-16),.XL\\:v-gap-col-size-16{column-gap:16px}:host(.XL\\:v-gap-size-20),.XL\\:v-gap-size-20{gap:20px}:host(.XL\\:v-gap-row-size-20),.XL\\:v-gap-row-size-20{row-gap:20px}:host(.XL\\:v-gap-col-size-20),.XL\\:v-gap-col-size-20{column-gap:20px}:host(.XL\\:v-gap-size-24),.XL\\:v-gap-size-24{gap:24px}:host(.XL\\:v-gap-row-size-24),.XL\\:v-gap-row-size-24{row-gap:24px}:host(.XL\\:v-gap-col-size-24),.XL\\:v-gap-col-size-24{column-gap:24px}:host(.XL\\:v-gap-size-32),.XL\\:v-gap-size-32{gap:32px}:host(.XL\\:v-gap-row-size-32),.XL\\:v-gap-row-size-32{row-gap:32px}:host(.XL\\:v-gap-col-size-32),.XL\\:v-gap-col-size-32{column-gap:32px}:host(.XL\\:v-gap-size-40),.XL\\:v-gap-size-40{gap:40px}:host(.XL\\:v-gap-row-size-40),.XL\\:v-gap-row-size-40{row-gap:40px}:host(.XL\\:v-gap-col-size-40),.XL\\:v-gap-col-size-40{column-gap:40px}:host(.XL\\:v-gap-size-48),.XL\\:v-gap-size-48{gap:48px}:host(.XL\\:v-gap-row-size-48),.XL\\:v-gap-row-size-48{row-gap:48px}:host(.XL\\:v-gap-col-size-48),.XL\\:v-gap-col-size-48{column-gap:48px}:host(.XL\\:v-gap-size-64),.XL\\:v-gap-size-64{gap:64px}:host(.XL\\:v-gap-row-size-64),.XL\\:v-gap-row-size-64{row-gap:64px}:host(.XL\\:v-gap-col-size-64),.XL\\:v-gap-col-size-64{column-gap:64px}:host(.XL\\:v-gap-size-72),.XL\\:v-gap-size-72{gap:72px}:host(.XL\\:v-gap-row-size-72),.XL\\:v-gap-row-size-72{row-gap:72px}:host(.XL\\:v-gap-col-size-72),.XL\\:v-gap-col-size-72{column-gap:72px}:host(.XL\\:v-gap-size-80),.XL\\:v-gap-size-80{gap:80px}:host(.XL\\:v-gap-row-size-80),.XL\\:v-gap-row-size-80{row-gap:80px}:host(.XL\\:v-gap-col-size-80),.XL\\:v-gap-col-size-80{column-gap:80px}:host(.XL\\:v-gap-size-112),.XL\\:v-gap-size-112{gap:112px}:host(.XL\\:v-gap-row-size-112),.XL\\:v-gap-row-size-112{row-gap:112px}:host(.XL\\:v-gap-col-size-112),.XL\\:v-gap-col-size-112{column-gap:112px}:host(.XL\\:v-gap-size-2),.XL\\:v-gap-size-2{gap:2px}:host(.XL\\:v-gap-row-size-2),.XL\\:v-gap-row-size-2{row-gap:2px}:host(.XL\\:v-gap-col-size-2),.XL\\:v-gap-col-size-2{column-gap:2px}}:host{display:grid}:host(.v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}@media (min-width: 320px){:host(.S\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.S\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.S\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.S\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.S\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.S\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.S\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.S\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.S\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.S\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.S\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.S\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.S\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.S\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.S\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.S\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.S\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.S\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.S\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.S\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.S\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.S\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.S\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.S\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 768px){:host(.M\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.M\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.M\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.M\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.M\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.M\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.M\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.M\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.M\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.M\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.M\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.M\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.M\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.M\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.M\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.M\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.M\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.M\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.M\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.M\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.M\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.M\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.M\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.M\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 1024px){:host(.L\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.L\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.L\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.L\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.L\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.L\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.L\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.L\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.L\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.L\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.L\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.L\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.L\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.L\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.L\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.L\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.L\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.L\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.L\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.L\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.L\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.L\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.L\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.L\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 1440px){:host(.XL\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.XL\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.XL\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.XL\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.XL\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.XL\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.XL\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.XL\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.XL\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.XL\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.XL\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.XL\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 320px){:host(.S\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.S\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.S\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.S\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.S\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.S\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.S\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.S\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.S\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.S\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.S\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.S\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.S\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.S\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.S\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.S\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.S\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.S\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.S\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.S\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.S\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.S\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.S\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.S\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}@media (min-width: 768px){:host(.M\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.M\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.M\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.M\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.M\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.M\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.M\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.M\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.M\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.M\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.M\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.M\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.M\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.M\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.M\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.M\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.M\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.M\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.M\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.M\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.M\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.M\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.M\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.M\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}@media (min-width: 1024px){:host(.L\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.L\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.L\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.L\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.L\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.L\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.L\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.L\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.L\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.L\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.L\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.L\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.L\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.L\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.L\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.L\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.L\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.L\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.L\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.L\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.L\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.L\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.L\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.L\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}@media (min-width: 1440px){:host(.XL\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.XL\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.XL\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.XL\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.XL\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.XL\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.XL\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.XL\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.XL\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.XL\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.XL\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.XL\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}";
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-d0
2
2
  import { g as getIconFromToken, I as Icons } from './icons-8627925e.js';
3
3
  import { h as Spacing } from './type-guard-84b1f192.js';
4
4
  import { s as sanitizeVegaComponent } from './component-7d906393.js';
5
- import { i as formatAndValidTextColor } from './design-token-28a0a2e6.js';
5
+ import { i as formatAndValidTextColor } from './design-token-23522f5c.js';
6
6
  import { a as arrayToClassString } from './ui-7d177fb0.js';
7
7
  import { V as VegaIconManager } from './icon-manager-2ee1c619.js';
8
8
  import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
@@ -12,7 +12,7 @@ import './breakpoints-d9faf11c.js';
12
12
  import './ui-8424715a.js';
13
13
  import './regex-dfe11abf.js';
14
14
  import './typography-396de03f.js';
15
- import './responsive-format-facade-60731164.js';
15
+ import './responsive-format-facade-d2632288.js';
16
16
  import './page-resize-observer-slimmer-0bf7fbf3.js';
17
17
  import './number-4398f2e1.js';
18
18
  import './pixel-f32c07ce.js';
@@ -32,9 +32,9 @@ import './feature-flag-controller-51659753.js';
32
32
  import './index-e9da316f.js';
33
33
  import './wait-for-vega-handler-c2c07ac3.js';
34
34
  import './translation-a6eacb5f.js';
35
- import './content-state-953906e8.js';
36
- import './code-block-73869a3c.js';
37
- import './vega-internal-event-id-f0ea2bab.js';
35
+ import './content-state-a43e703e.js';
36
+ import './code-block-7bd4cb87.js';
37
+ import './vega-internal-event-id-4072659b.js';
38
38
  import './state-background-color-formatter-da5e76e8.js';
39
39
 
40
40
  const vegaIconCss = ":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-flex;user-select:none}i{line-height:1}:host(:not(.vega-auto-size)) ::slotted(svg){width:100%;height:100%}";
@@ -2,7 +2,7 @@ import { h, H as Host, r as registerInstance, c as createEvent, g as getElement
2
2
  import { s as sanitizeVegaComponent } from './component-7d906393.js';
3
3
  import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
4
4
  import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
5
- import { R as ResponsiveFormatFacade } from './responsive-format-facade-60731164.js';
5
+ import { R as ResponsiveFormatFacade } from './responsive-format-facade-d2632288.js';
6
6
  import { m as methodPlaceholder } from './placeholder-bf562081.js';
7
7
  import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
8
8
  import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
@@ -11,7 +11,7 @@ import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.
11
11
  import { C as ChangeManager } from './change-manager-6a7eb88c.js';
12
12
  import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
13
13
  import { c as VegaDialog } from './vega-skeleton-loader-controller-3f6faa17.js';
14
- import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
14
+ import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
15
15
  import { f as findParent, d as getDeepActiveElementInShadow } from './ui-7d177fb0.js';
16
16
  import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-b59a578e.js';
17
17
  import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
@@ -38,15 +38,15 @@ import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
38
38
  import './dynamic-slimmer-90b8af32.js';
39
39
  import './wait-for-vega-handler-c2c07ac3.js';
40
40
  import './translation-a6eacb5f.js';
41
- import './content-state-953906e8.js';
42
- import './code-block-73869a3c.js';
43
- import './vega-internal-event-id-f0ea2bab.js';
41
+ import './content-state-a43e703e.js';
42
+ import './code-block-7bd4cb87.js';
43
+ import './vega-internal-event-id-4072659b.js';
44
44
  import './observer-3959f9dd.js';
45
45
  import './internal-vega-event-manager-d80c53c5.js';
46
46
  import './string-be824360.js';
47
47
  import './mutation-observer-slimmer-58ebc13c.js';
48
48
  import './mutation-observer-filters-1a054fb0.js';
49
- import './sub-state-observer-slimmer-1e9af9ec.js';
49
+ import './sub-state-observer-slimmer-53eec5fb.js';
50
50
 
51
51
  var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
52
52
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1,12 +1,11 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d0a47531.js';
2
- import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
3
- import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './regex-dfe11abf.js';
2
+ import { C as CARDS_INFO } from './card-config-d2ad484e.js';
4
3
  import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
5
4
  import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
6
5
  import { s as sanitizeVegaComponent } from './component-7d906393.js';
7
6
  import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
8
7
  import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
9
- import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
8
+ import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
10
9
  import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.js';
11
10
  import { C as ChangeManager } from './change-manager-6a7eb88c.js';
12
11
  import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
@@ -14,9 +13,8 @@ import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-
14
13
  import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
15
14
  import { f as VegaChange, B as VegaBlur, A as VegaFocus } from './dom-node-subject-factory-6374611f.js';
16
15
  import { V as VegaInternalIconManager } from './internal-icon-manager-7eac52c8.js';
17
- import { h as VegaInternalPasteEvent } from './vega-internal-event-id-f0ea2bab.js';
18
- import './index-e9da316f.js';
19
- import './_commonjsHelpers-9943807e.js';
16
+ import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
17
+ import './regex-dfe11abf.js';
20
18
  import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
21
19
  import './number-4398f2e1.js';
22
20
  import './string-be824360.js';
@@ -24,6 +22,7 @@ import './observer-3959f9dd.js';
24
22
  import './ui-7d177fb0.js';
25
23
  import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
26
24
  import './dynamic-slimmer-90b8af32.js';
25
+ import './vega-internal-event-id-4072659b.js';
27
26
  import './translation-a6eacb5f.js';
28
27
  import './page-resize-observer-slimmer-0bf7fbf3.js';
29
28
  import './ui-8424715a.js';
@@ -32,69 +31,12 @@ import './try-get-document-bef0f526.js';
32
31
  import './mutation-observer-slimmer-58ebc13c.js';
33
32
  import './mutation-observer-filters-1a054fb0.js';
34
33
  import './array-7888f339.js';
35
- import './sub-state-observer-slimmer-1e9af9ec.js';
34
+ import './sub-state-observer-slimmer-53eec5fb.js';
36
35
  import './internal-vega-event-manager-d80c53c5.js';
37
36
  import './vega-env-manager-8f8dc473.js';
38
37
  import './icon-manager-2ee1c619.js';
39
-
40
- const CARDS_INFO = [
41
- {
42
- type: 'visa',
43
- iconName: 'visa',
44
- pattern: VisaRegex,
45
- maskConfig: {
46
- type: 'custom',
47
- options: {
48
- mask: '9999 9999 9999 9999 999',
49
- slot: '9',
50
- accept: /\d/,
51
- triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
52
- },
53
- },
54
- },
55
- {
56
- type: 'mastercard',
57
- iconName: 'mastercard',
58
- pattern: MasterCardRegex,
59
- maskConfig: {
60
- type: 'custom',
61
- options: {
62
- mask: '9999 9999 9999 9999',
63
- slot: '9',
64
- accept: /\d/,
65
- triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
66
- },
67
- },
68
- },
69
- {
70
- type: 'amex',
71
- iconName: 'amex',
72
- pattern: AmexRegex,
73
- maskConfig: {
74
- type: 'custom',
75
- options: {
76
- mask: '9999 999999 99999',
77
- slot: '9',
78
- accept: /\d/,
79
- triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
80
- },
81
- },
82
- },
83
- {
84
- type: 'discover',
85
- iconName: 'discover',
86
- pattern: DiscoverRegex,
87
- maskConfig: {
88
- type: 'custom',
89
- options: {
90
- mask: '9999 9999 9999 9999',
91
- slot: '9',
92
- accept: /\d/,
93
- triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
94
- },
95
- },
96
- },
97
- ];
38
+ import './index-e9da316f.js';
39
+ import './_commonjsHelpers-9943807e.js';
98
40
 
99
41
  const Icons = {
100
42
  'visa': {
@@ -190,17 +132,6 @@ const VegaInputCreditCard = class {
190
132
  this.focusEventEmitter = createEventEmitSlimmer(VegaInputCreditCard, VegaFocus);
191
133
  this.inputCreditCardEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaFocus, VegaBlur], () => this.host, true);
192
134
  this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputCreditCardRuntimeMetricsPayloadDefinition);
193
- this.maskConfig = {
194
- type: 'custom',
195
- options: {
196
- mask: '',
197
- slot: '9',
198
- accept: /[\d\s]/,
199
- insertMode: false,
200
- triggerAtInit: FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
201
- },
202
- trigger: 'blur',
203
- };
204
135
  /**
205
136
  * Specifies whether a card number must be entered for
206
137
  * this component to pass form validation.
@@ -288,7 +219,7 @@ const VegaInputCreditCard = class {
288
219
  this.renderInputContainer = () => {
289
220
  var _a;
290
221
  const iconName = ((_a = this.getCreditCardType(this.value)) === null || _a === void 0 ? void 0 : _a.iconName) || 'regular-credit-card';
291
- return (h("vega-input", { label: this.label, type: "number", prefixIcon: VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(this.value), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, showClearIcon: false, ref: (ref) => {
222
+ return (h("vega-input", { label: this.label, type: "number", prefixIcon: VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, showClearIcon: false, ref: (ref) => {
292
223
  this.inputRef = ref;
293
224
  DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (input) => {
294
225
  this.handleVegaChange(input);
@@ -299,10 +230,6 @@ const VegaInputCreditCard = class {
299
230
  DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaFocus, () => {
300
231
  this.handleVegaFocus();
301
232
  });
302
- DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaInternalPasteEvent, (event) => {
303
- const pastedValue = event.clipboardData.getData('text');
304
- this.inputRef.maskConfig = this.getMaskConfig(pastedValue); // The mask should be updated before the value changed.
305
- });
306
233
  } }));
307
234
  };
308
235
  this.handleVegaChange = (e) => {
@@ -345,41 +272,18 @@ const VegaInputCreditCard = class {
345
272
  getCreditCardType(value) {
346
273
  return CARDS_INFO.filter((card) => card.pattern.test(value))[0];
347
274
  }
348
- getMaskConfig(value) {
349
- const maskConfig = [];
350
- const creditCardType = this.getCreditCardType(value);
351
- if (creditCardType) {
352
- maskConfig.push(creditCardType.maskConfig);
353
- if (this.hideCardNumberOnBlur && value.trim().includes(' ')) {
354
- this.maskConfig.options.mask = this.generateDynamicMask();
355
- maskConfig.push(this.maskConfig);
356
- }
357
- }
358
- return maskConfig;
359
- }
360
- /**
361
- * The below method is e2e-test covered in
362
- * @see{module:vega-input-credit-card-dynamic-mask-e2e}
363
- */
364
- /* istanbul ignore next */
365
- /** Transform the input card number with dynamic card number mask, for example: '4111 2222 3333 44' will be transformed to 'XXXX XXXX XXXX 99' */
366
- generateDynamicMask() {
367
- const cardNumberSplit = this.value.trim().split(' ');
368
- const cardNumberMask = this.maskCardNumber(cardNumberSplit).join(' ');
369
- return cardNumberMask;
370
- }
371
- /**
372
- * The below method is e2e-test covered in
373
- * @see{module:vega-input-credit-card-dynamic-mask-e2e}
374
- */
375
- /* istanbul ignore next */
376
- maskCardNumber(cardNumberSplit) {
377
- // Map through the array and replace each character with 'X' or '9' depending on the index
378
- return cardNumberSplit.map((element, index) => {
379
- // Replace each character in the string with 'X' except the last element, which uses '9'
380
- const replacementChar = index === cardNumberSplit.length - 1 ? '9' : 'X';
381
- return replacementChar.repeat(element.length);
382
- });
275
+ getMaskConfig() {
276
+ return [
277
+ {
278
+ type: 'credit-card',
279
+ trigger: 'input',
280
+ },
281
+ {
282
+ type: 'credit-card',
283
+ trigger: 'blur',
284
+ hideCardNumberOnBlur: this.hideCardNumberOnBlur,
285
+ },
286
+ ];
383
287
  }
384
288
  get host() { return getElement(this); }
385
289
  static get watchers() { return {
@@ -10,9 +10,9 @@ import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.
10
10
  import { C as ChangeManager } from './change-manager-6a7eb88c.js';
11
11
  import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-751e98f5.js';
12
12
  import { c as convertToNumber, b as countDecimals } from './number-4398f2e1.js';
13
- import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
13
+ import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
14
14
  import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
15
- import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-1c4d1e78.js';
15
+ import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-0a6c3cbb.js';
16
16
  import './observer-3959f9dd.js';
17
17
  import './ui-7d177fb0.js';
18
18
  import './internal-vega-event-manager-d80c53c5.js';
@@ -30,14 +30,14 @@ import './regex-dfe11abf.js';
30
30
  import './typography-396de03f.js';
31
31
  import './string-be824360.js';
32
32
  import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
33
- import './vega-internal-event-id-f0ea2bab.js';
33
+ import './vega-internal-event-id-4072659b.js';
34
34
  import './translation-a6eacb5f.js';
35
35
  import './page-resize-observer-slimmer-0bf7fbf3.js';
36
36
  import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
37
37
  import './mutation-observer-slimmer-58ebc13c.js';
38
38
  import './mutation-observer-filters-1a054fb0.js';
39
39
  import './array-7888f339.js';
40
- import './sub-state-observer-slimmer-1e9af9ec.js';
40
+ import './sub-state-observer-slimmer-53eec5fb.js';
41
41
 
42
42
  var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
43
43
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -6,17 +6,17 @@ import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-
6
6
  import { f as VegaChange, d as domNodeSubjectFactory, C as VegaCountryChange } from './dom-node-subject-factory-6374611f.js';
7
7
  import { V as VegaInternalIconManager } from './internal-icon-manager-7eac52c8.js';
8
8
  import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
9
- import { m as VegaDropdownRenderItemInternalOverridden, j as VegaInputSelectRenderPrefixIconInternalOverridden, n as VegaDropdownSearchInternalOverridden } from './vega-internal-event-id-f0ea2bab.js';
9
+ import { m as VegaDropdownRenderItemInternalOverridden, i as VegaInputSelectRenderPrefixIconInternalOverridden, n as VegaDropdownSearchInternalOverridden } from './vega-internal-event-id-4072659b.js';
10
10
  import './vega-env-manager-8f8dc473.js';
11
11
  import './vega-skeleton-loader-controller-3f6faa17.js';
12
12
  import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
13
13
  import './icon-manager-2ee1c619.js';
14
14
  import './wait-for-vega-handler-c2c07ac3.js';
15
15
  import './translation-a6eacb5f.js';
16
- import './content-state-953906e8.js';
16
+ import './content-state-a43e703e.js';
17
17
  import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.js';
18
18
  import { C as ChangeManager } from './change-manager-6a7eb88c.js';
19
- import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
19
+ import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
20
20
  import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
21
21
  import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
22
22
  import { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
@@ -34,7 +34,7 @@ import './_commonjsHelpers-9943807e.js';
34
34
  import './internal-vega-event-manager-d80c53c5.js';
35
35
  import './number-4398f2e1.js';
36
36
  import './index-e9da316f.js';
37
- import './code-block-73869a3c.js';
37
+ import './code-block-7bd4cb87.js';
38
38
  import './type-guard-84b1f192.js';
39
39
  import './regex-dfe11abf.js';
40
40
  import './typography-396de03f.js';
@@ -42,7 +42,7 @@ import './string-be824360.js';
42
42
  import './mutation-observer-slimmer-58ebc13c.js';
43
43
  import './mutation-observer-filters-1a054fb0.js';
44
44
  import './array-7888f339.js';
45
- import './sub-state-observer-slimmer-1e9af9ec.js';
45
+ import './sub-state-observer-slimmer-53eec5fb.js';
46
46
 
47
47
  var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
48
48
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -6656,7 +6656,7 @@ class ValidPhoneNumberRule extends InternalFormFieldValidationRule {
6656
6656
  }
6657
6657
  }
6658
6658
 
6659
- const vegaInputPhoneNumberCss = ":host{display:inline-block;width:100%}:host .vega-input-phone-number-hint{display:inline-block;padding-top:12px;padding-left:8px;padding-right:8px}:host .vega-input-phone-number-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-input-phone-number-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-input-phone-number-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0}:host vega-field-label{margin-bottom:8px}:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}.vega-input-phone-number-dropdown-item{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}.vega-input-phone-number-dropdown-icon{text-align:center;font-size:0px}";
6659
+ const vegaInputPhoneNumberCss = ":host{display:inline-block;width:100%}:host .vega-input-phone-number-hint{display:inline-block;padding-top:12px;padding-left:8px;padding-right:8px}.vega-input-phone-number-container vega-input-select{white-space:nowrap}:host .vega-input-phone-number-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-input-phone-number-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-input-phone-number-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0}:host vega-field-label{margin-bottom:8px}:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}.vega-input-phone-number-dropdown-item{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}.vega-input-phone-number-dropdown-icon{text-align:center;font-size:0px}";
6660
6660
 
6661
6661
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6662
6662
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -4,7 +4,7 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
4
4
  import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
5
5
  import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
6
6
  import { f as VegaChange } from './dom-node-subject-factory-6374611f.js';
7
- import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
7
+ import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
8
8
  import { i as isArrayEqual } from './array-7888f339.js';
9
9
  import { C as ChangeManager } from './change-manager-6a7eb88c.js';
10
10
  import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.js';
@@ -21,14 +21,14 @@ import './try-get-document-bef0f526.js';
21
21
  import './string-be824360.js';
22
22
  import './observer-3959f9dd.js';
23
23
  import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
24
- import './vega-internal-event-id-f0ea2bab.js';
24
+ import './vega-internal-event-id-4072659b.js';
25
25
  import './translation-a6eacb5f.js';
26
26
  import './page-resize-observer-slimmer-0bf7fbf3.js';
27
27
  import './ui-8424715a.js';
28
28
  import './breakpoints-d9faf11c.js';
29
29
  import './mutation-observer-slimmer-58ebc13c.js';
30
30
  import './mutation-observer-filters-1a054fb0.js';
31
- import './sub-state-observer-slimmer-1e9af9ec.js';
31
+ import './sub-state-observer-slimmer-53eec5fb.js';
32
32
  import './number-4398f2e1.js';
33
33
  import './vega-env-manager-8f8dc473.js';
34
34
  import './feature-flag-controller-51659753.js';
@@ -4,11 +4,11 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
4
4
  import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
5
5
  import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
6
6
  import { a as arrayToClassString } from './ui-7d177fb0.js';
7
- import { R as ResponsiveFormatFacade } from './responsive-format-facade-60731164.js';
7
+ import { R as ResponsiveFormatFacade } from './responsive-format-facade-d2632288.js';
8
8
  import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
9
9
  import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
10
10
  import { n as VegaDropdownShow, o as VegaDropdownHide, b as VegaDropdownClick, q as VegaDropdownSearch, r as VegaSearchTrigger, p as VegaReset, d as domNodeSubjectFactory, f as VegaChange, m as VegaSearch, D as VegaShow, E as VegaHide } from './dom-node-subject-factory-6374611f.js';
11
- import { g as VegaInternalDropdownTemplateItemsChange, i as VegaInternalVirtualScrollToBottom, j as VegaInputSelectRenderPrefixIconInternalOverridden } from './vega-internal-event-id-f0ea2bab.js';
11
+ import { g as VegaInternalDropdownTemplateItemsChange, h as VegaInternalVirtualScrollToBottom, i as VegaInputSelectRenderPrefixIconInternalOverridden } from './vega-internal-event-id-4072659b.js';
12
12
  import { i as isArrayEqual } from './array-7888f339.js';
13
13
  import { C as ChangeManager } from './change-manager-6a7eb88c.js';
14
14
  import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-ca83d6b6.js';
@@ -16,7 +16,7 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0f
16
16
  import { c as chevronUp } from './chevron-up-b1989751.js';
17
17
  import { c as chevronDown } from './chevron-down-4a75d28e.js';
18
18
  import { V as VegaInternalIconManager } from './internal-icon-manager-7eac52c8.js';
19
- import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-707a6da2.js';
19
+ import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f0982f11.js';
20
20
  import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
21
21
  import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-b59a578e.js';
22
22
  import { N as isArrayOfType, P as isSelectSourceItemType } from './type-guard-84b1f192.js';
@@ -43,10 +43,10 @@ import './index-e9da316f.js';
43
43
  import './icon-manager-2ee1c619.js';
44
44
  import './wait-for-vega-handler-c2c07ac3.js';
45
45
  import './translation-a6eacb5f.js';
46
- import './content-state-953906e8.js';
47
- import './code-block-73869a3c.js';
46
+ import './content-state-a43e703e.js';
47
+ import './code-block-7bd4cb87.js';
48
48
  import './string-be824360.js';
49
- import './sub-state-observer-slimmer-1e9af9ec.js';
49
+ import './sub-state-observer-slimmer-53eec5fb.js';
50
50
  import './regex-dfe11abf.js';
51
51
  import './typography-396de03f.js';
52
52
 
@@ -323,7 +323,9 @@ class VegaInputSelectDropdownRenderer extends VegaSlimmer {
323
323
  };
324
324
  this.renderMultipleSelected = () => {
325
325
  if (this.value.length > 0) {
326
- return (h("span", { class: "vega-input-select-selected" }, this.selectedLabel(this.value)));
326
+ const selectedLabelStr = this.selectedLabel(this.value);
327
+ return (h("span", { class: "vega-input-select-selected" },
328
+ h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: selectedLabelStr }, selectedLabelStr)));
327
329
  }
328
330
  else {
329
331
  return (h("div", { class: "vega-input-select-placeholder" }, this.translationSlimmer.t(this.placeholder)));
@@ -332,7 +334,8 @@ class VegaInputSelectDropdownRenderer extends VegaSlimmer {
332
334
  this.renderSingleSelected = () => {
333
335
  const item = this.sourceController.getItem(this.value);
334
336
  if (item) {
335
- return (h("span", { class: "vega-input-select-selected", part: "selected-box" }, item.displayName));
337
+ return (h("span", { class: "vega-input-select-selected", part: "selected-box" },
338
+ h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: item.displayName }, item.displayName)));
336
339
  }
337
340
  else {
338
341
  return (h("div", { class: "vega-input-select-placeholder", part: "placeholder" }, this.translationSlimmer.t(this.placeholder)));
@@ -704,7 +707,7 @@ __decorate$1([
704
707
  MapToComponentMethod('connectedCallback')
705
708
  ], VegaInputSelectPrefixIconRenderer.prototype, "connectedCallback", null);
706
709
 
707
- const vegaInputSelectCss = ":host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}:host .vega-input-select-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));padding-bottom:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-input-select-label .vega-input-select-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.vega-input-select-disabled) .vega-input-select-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-input-select-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}";
710
+ const vegaInputSelectCss = ":host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}:host .vega-input-select-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));padding-bottom:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-input-select-label .vega-input-select-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.vega-input-select-disabled) .vega-input-select-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-input-select-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}";
708
711
 
709
712
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
710
713
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;