wabtec-internal-volt-basic-components 1.0.0 → 1.2.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 (773) hide show
  1. package/dist/assets/fonts/Roboto_Flex/OFL.txt +93 -0
  2. package/dist/assets/fonts/Roboto_Flex/README.txt +74 -0
  3. package/dist/assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf +0 -0
  4. package/dist/cjs/{base-group-header-B_WUP7Tw.js → base-group-header-BBa6o7j-.js} +4 -5
  5. package/dist/cjs/{base-group-header-B_WUP7Tw.js.map → base-group-header-BBa6o7j-.js.map} +1 -1
  6. package/dist/cjs/{base-item-a4WG3Rk4.js → base-item-z-efWd2M.js} +7 -11
  7. package/dist/cjs/{base-item-a4WG3Rk4.js.map → base-item-z-efWd2M.js.map} +1 -1
  8. package/dist/cjs/clone-attributes-CR_poqM1.js.map +1 -1
  9. package/dist/cjs/{floating-engine-utils-T4zM9xcR.js → floating-engine-utils-DDIydT_O.js} +67 -39
  10. package/dist/cjs/floating-engine-utils-DDIydT_O.js.map +1 -0
  11. package/dist/cjs/form-Bk65VSLB.js +38 -0
  12. package/dist/cjs/form-Bk65VSLB.js.map +1 -0
  13. package/dist/cjs/{icon-attr.utils-aktWdbPZ.js → icon-attr.utils-B0fSRoC6.js} +30 -4
  14. package/dist/cjs/icon-attr.utils-B0fSRoC6.js.map +1 -0
  15. package/dist/cjs/{index-D6D5vqj8.js → index-CwXszEUj.js} +256 -136
  16. package/dist/cjs/index-CwXszEUj.js.map +1 -0
  17. package/dist/cjs/loader.cjs.js +2 -2
  18. package/dist/cjs/loader.cjs.js.map +1 -1
  19. package/dist/cjs/{node-utils-D42f_WK1.js → node-utils-BZh70EVv.js} +3 -3
  20. package/dist/cjs/{node-utils-D42f_WK1.js.map → node-utils-BZh70EVv.js.map} +1 -1
  21. package/dist/cjs/vds-autocomplete-item.cjs.entry.js +4 -6
  22. package/dist/cjs/vds-avatar_2.cjs.entry.js +147 -0
  23. package/dist/cjs/vds-badge-pill.cjs.entry.js +5 -7
  24. package/dist/cjs/vds-basic-accordion.cjs.entry.js +4 -6
  25. package/dist/cjs/vds-basic-autocomplete.cjs.entry.js +29 -18
  26. package/dist/cjs/vds-basic-combo-box.cjs.entry.js +14 -8
  27. package/dist/cjs/vds-basic-dropdown.utils-B8SPgJv4.js.map +1 -1
  28. package/dist/cjs/vds-basic-dropdown_23.cjs.entry.js +134 -126
  29. package/dist/cjs/vds-basic-input.utils-B5_cIWpL.js.map +1 -1
  30. package/dist/cjs/vds-basic-slider-continuous.cjs.entry.js +9 -6
  31. package/dist/cjs/vds-basic-slider-range-continuous.cjs.entry.js +4 -6
  32. package/dist/{volt-basic-components/p-2dee537b.entry.js → cjs/vds-breadcrumbs-item.cjs.entry.js} +23 -2
  33. package/dist/cjs/vds-chip.cjs.entry.js +23 -7
  34. package/dist/cjs/vds-dialog-action-footer.cjs.entry.js +4 -6
  35. package/dist/cjs/vds-dialog-body.cjs.entry.js +4 -6
  36. package/dist/cjs/vds-dialog-header.cjs.entry.js +4 -6
  37. package/dist/cjs/vds-dialog-modal.cjs.entry.js +4 -6
  38. package/dist/cjs/vds-dialog.cjs.entry.js +6 -8
  39. package/dist/cjs/vds-footer.cjs.entry.js +5 -7
  40. package/dist/cjs/vds-header.cjs.entry.js +18 -10
  41. package/dist/cjs/vds-key-value-pair.cjs.entry.js +4 -6
  42. package/dist/cjs/vds-notification.cjs.entry.js +4 -6
  43. package/dist/cjs/vds-popover.cjs.entry.js +10 -11
  44. package/dist/cjs/vds-progress-linear.cjs.entry.js +4 -6
  45. package/dist/cjs/vds-radio-button.cjs.entry.js +5 -7
  46. package/dist/cjs/vds-segmented-button.cjs.entry.js +4 -6
  47. package/dist/cjs/vds-sheet.cjs.entry.js +4 -6
  48. package/dist/cjs/vds-sidenav-item-app.cjs.entry.js +4 -6
  49. package/dist/cjs/vds-sidenav-item-button.cjs.entry.js +5 -7
  50. package/dist/cjs/vds-sidenav-item-category.cjs.entry.js +5 -7
  51. package/dist/cjs/vds-sidenav-item-input.cjs.entry.js +8 -6
  52. package/dist/cjs/vds-skeleton-loading.cjs.entry.js +4 -6
  53. package/dist/{volt-basic-components/p-c5b478d7.entry.js → cjs/vds-stepper-item-header.cjs.entry.js} +29 -2
  54. package/dist/cjs/vds-stepper-item.cjs.entry.js +98 -0
  55. package/dist/cjs/vds-switch.cjs.entry.js +5 -7
  56. package/dist/cjs/vds-tab.cjs.entry.js +5 -7
  57. package/dist/cjs/vds-tabs-group.cjs.entry.js +23 -19
  58. package/dist/cjs/vds-tooltip.cjs.entry.js +9 -11
  59. package/dist/cjs/vds-upload-drag.cjs.entry.js +4 -6
  60. package/dist/cjs/volt-basic-components.cjs.js +3 -3
  61. package/dist/cjs/volt-basic-components.cjs.js.map +1 -1
  62. package/dist/collection/collection-manifest.json +5 -2
  63. package/dist/collection/components/accordion/vds-basic-accordion.css +15 -1
  64. package/dist/collection/components/accordion/vds-basic-accordion.js +12 -12
  65. package/dist/collection/components/autocomplete/vds-basic-autocomplete.css +19 -1
  66. package/dist/collection/components/autocomplete/vds-basic-autocomplete.js +76 -46
  67. package/dist/collection/components/autocomplete/vds-basic-autocomplete.js.map +1 -1
  68. package/dist/collection/components/autocomplete/vds-basic-autocomplete.utils.js.map +1 -1
  69. package/dist/collection/components/autocomplete-item/vds-autocomplete-item.css +15 -1
  70. package/dist/collection/components/autocomplete-item/vds-autocomplete-item.js +16 -16
  71. package/dist/collection/components/avatar/vds-avatar.css +44 -1
  72. package/dist/collection/components/avatar/vds-avatar.js +55 -8
  73. package/dist/collection/components/avatar/vds-avatar.js.map +1 -1
  74. package/dist/collection/components/avatar/vds-avatar.stories.js +22 -4
  75. package/dist/collection/components/avatar/vds-avatar.stories.js.map +1 -1
  76. package/dist/collection/components/badge-dot/vds-badge-dot.css +16 -1
  77. package/dist/collection/components/badge-dot/vds-badge-dot.js +7 -7
  78. package/dist/collection/components/badge-pill/vds-badge-pill.css +15 -1
  79. package/dist/collection/components/badge-pill/vds-badge-pill.js +25 -19
  80. package/dist/collection/components/badge-pill/vds-badge-pill.js.map +1 -1
  81. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.css +35 -13
  82. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.js +40 -35
  83. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.js.map +1 -1
  84. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.stories.js +15 -15
  85. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.stories.js.map +1 -1
  86. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.css +986 -0
  87. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.js +70 -0
  88. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.js.map +1 -0
  89. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.stories.js +68 -0
  90. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.stories.js.map +1 -0
  91. package/dist/collection/components/button/vds-button.css +18 -2
  92. package/dist/collection/components/button/vds-button.js +7 -7
  93. package/dist/collection/components/card/vds-card.css +22 -3
  94. package/dist/collection/components/card/vds-card.js +15 -15
  95. package/dist/collection/components/checkbox/vds-checkbox.css +15 -1
  96. package/dist/collection/components/checkbox/vds-checkbox.js +11 -11
  97. package/dist/collection/components/checkbox/vds-checkbox.js.map +1 -1
  98. package/dist/collection/components/chip/vds-chip.css +22 -1
  99. package/dist/collection/components/chip/vds-chip.js +37 -19
  100. package/dist/collection/components/chip/vds-chip.js.map +1 -1
  101. package/dist/collection/components/dialog/vds-dialog.css +15 -1
  102. package/dist/collection/components/dialog/vds-dialog.js +9 -9
  103. package/dist/collection/components/dialog-action-footer/vds-dialog-action-footer.css +15 -1
  104. package/dist/collection/components/dialog-action-footer/vds-dialog-action-footer.js +1 -1
  105. package/dist/collection/components/dialog-body/vds-dialog-body.css +15 -1
  106. package/dist/collection/components/dialog-body/vds-dialog-body.js +1 -1
  107. package/dist/collection/components/dialog-header/vds-dialog-header.css +15 -1
  108. package/dist/collection/components/dialog-header/vds-dialog-header.js +2 -2
  109. package/dist/collection/components/dialog-modal/vds-dialog-modal.css +16 -1
  110. package/dist/collection/components/dialog-modal/vds-dialog-modal.js +1 -1
  111. package/dist/collection/components/divider/vds-divider.css +23 -5
  112. package/dist/collection/components/divider/vds-divider.js +17 -7
  113. package/dist/collection/components/divider/vds-divider.js.map +1 -1
  114. package/dist/collection/components/drawer/vds-drawer.css +17 -2
  115. package/dist/collection/components/drawer/vds-drawer.js +16 -16
  116. package/dist/collection/components/dropdown-group-header/vds-dropdown-group-header.css +15 -1
  117. package/dist/collection/components/dropdown-group-header/vds-dropdown-group-header.js +2 -2
  118. package/dist/collection/components/dropdown-item/vds-dropdown-item.css +15 -1
  119. package/dist/collection/components/dropdown-item/vds-dropdown-item.js +21 -21
  120. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.css +29 -24
  121. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.js +33 -30
  122. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.js.map +1 -1
  123. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.stories.js +6 -6
  124. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.stories.js.map +1 -1
  125. package/dist/collection/components/field/vds-field.css +15 -1
  126. package/dist/collection/components/field/vds-field.js +13 -13
  127. package/dist/collection/components/footer/vds-footer.css +15 -1
  128. package/dist/collection/components/footer/vds-footer.js +7 -7
  129. package/dist/collection/components/header/vds-header.css +15 -1
  130. package/dist/collection/components/header/vds-header.js +85 -10
  131. package/dist/collection/components/header/vds-header.js.map +1 -1
  132. package/dist/collection/components/header/vds-header.stories.js +15 -1
  133. package/dist/collection/components/header/vds-header.stories.js.map +1 -1
  134. package/dist/collection/components/icon/vds-icon.css +308 -169
  135. package/dist/collection/components/icon/vds-icon.js +11 -11
  136. package/dist/collection/components/icon/vds-icon.js.map +1 -1
  137. package/dist/collection/components/icon-button/vds-icon-button.css +19 -1
  138. package/dist/collection/components/icon-button/vds-icon-button.js +8 -8
  139. package/dist/collection/components/input/vds-basic-input.css +15 -1
  140. package/dist/collection/components/input/vds-basic-input.js +25 -23
  141. package/dist/collection/components/input/vds-basic-input.js.map +1 -1
  142. package/dist/collection/components/input/vds-basic-input.stories.js +3 -3
  143. package/dist/collection/components/input/vds-basic-input.stories.js.map +1 -1
  144. package/dist/collection/components/key-value-pair/vds-key-value-pair.css +15 -1
  145. package/dist/collection/components/key-value-pair/vds-key-value-pair.js +8 -8
  146. package/dist/collection/components/label/vds-label.css +15 -1
  147. package/dist/collection/components/label/vds-label.js +10 -10
  148. package/dist/collection/components/label/vds-label.js.map +1 -1
  149. package/dist/collection/components/link/vds-link.css +15 -1
  150. package/dist/collection/components/link/vds-link.js +12 -12
  151. package/dist/collection/components/menu/vds-menu.css +15 -1
  152. package/dist/collection/components/menu/vds-menu.js +12 -11
  153. package/dist/collection/components/menu/vds-menu.js.map +1 -1
  154. package/dist/collection/components/menu-group-header/vds-menu-group-header.css +15 -1
  155. package/dist/collection/components/menu-group-header/vds-menu-group-header.js +2 -2
  156. package/dist/collection/components/menu-item/vds-menu-item.css +69 -1
  157. package/dist/collection/components/menu-item/vds-menu-item.js +18 -18
  158. package/dist/collection/components/menu-list/vds-menu-list.css +15 -1
  159. package/dist/collection/components/menu-list/vds-menu-list.js +1 -1
  160. package/dist/collection/components/notification/vds-notification.css +15 -1
  161. package/dist/collection/components/notification/vds-notification.js +7 -8
  162. package/dist/collection/components/notification/vds-notification.js.map +1 -1
  163. package/dist/collection/components/popover/vds-popover.css +15 -1
  164. package/dist/collection/components/popover/vds-popover.js +13 -12
  165. package/dist/collection/components/popover/vds-popover.js.map +1 -1
  166. package/dist/collection/components/progress-circular/vds-progress-circular.css +15 -1
  167. package/dist/collection/components/progress-circular/vds-progress-circular.js +10 -10
  168. package/dist/collection/components/progress-linear/vds-progress-linear.css +15 -1
  169. package/dist/collection/components/progress-linear/vds-progress-linear.js +9 -9
  170. package/dist/collection/components/radio-button/vds-radio-button.css +15 -1
  171. package/dist/collection/components/radio-button/vds-radio-button.js +10 -10
  172. package/dist/collection/components/segmented-button/vds-segmented-button.css +15 -1
  173. package/dist/collection/components/segmented-button/vds-segmented-button.js +9 -9
  174. package/dist/collection/components/sheet/vds-sheet.css +15 -1
  175. package/dist/collection/components/sheet/vds-sheet.js +5 -5
  176. package/dist/collection/components/sidenav-item/vds-sidenav-item.css +15 -1
  177. package/dist/collection/components/sidenav-item/vds-sidenav-item.js +13 -13
  178. package/dist/collection/components/sidenav-item-app/vds-sidenav-item-app.css +15 -1
  179. package/dist/collection/components/sidenav-item-app/vds-sidenav-item-app.js +8 -8
  180. package/dist/collection/components/sidenav-item-button/vds-sidenav-item-button.css +15 -1
  181. package/dist/collection/components/sidenav-item-button/vds-sidenav-item-button.js +12 -12
  182. package/dist/collection/components/sidenav-item-button/vds-sidenav-item-button.js.map +1 -1
  183. package/dist/collection/components/sidenav-item-category/vds-sidenav-item-category.css +15 -1
  184. package/dist/collection/components/sidenav-item-category/vds-sidenav-item-category.js +6 -6
  185. package/dist/collection/components/sidenav-item-input/vds-sidenav-item-input.css +15 -1
  186. package/dist/collection/components/sidenav-item-input/vds-sidenav-item-input.js +20 -16
  187. package/dist/collection/components/sidenav-item-input/vds-sidenav-item-input.js.map +1 -1
  188. package/dist/collection/components/skeleton-loading/vds-skeleton-loading.css +15 -1
  189. package/dist/collection/components/skeleton-loading/vds-skeleton-loading.js +4 -4
  190. package/dist/collection/components/slider-continuous/vds-basic-slider-continuous.css +15 -1
  191. package/dist/collection/components/slider-continuous/vds-basic-slider-continuous.js +22 -17
  192. package/dist/collection/components/slider-continuous/vds-basic-slider-continuous.js.map +1 -1
  193. package/dist/collection/components/slider-range-continuous/vds-basic-slider-range-continuous.css +15 -1
  194. package/dist/collection/components/slider-range-continuous/vds-basic-slider-range-continuous.js +18 -18
  195. package/dist/collection/components/stepper-item/vds-stepper-item.css +1006 -0
  196. package/dist/collection/components/stepper-item/vds-stepper-item.js +292 -0
  197. package/dist/collection/components/stepper-item/vds-stepper-item.js.map +1 -0
  198. package/dist/collection/components/stepper-item/vds-stepper-item.stories.js +115 -0
  199. package/dist/collection/components/stepper-item/vds-stepper-item.stories.js.map +1 -0
  200. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.css +936 -0
  201. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.js +114 -0
  202. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.js.map +1 -0
  203. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.stories.js +28 -0
  204. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.stories.js.map +1 -0
  205. package/dist/collection/components/switch/vds-switch.css +21 -5
  206. package/dist/collection/components/switch/vds-switch.js +10 -10
  207. package/dist/collection/components/switch/vds-switch.js.map +1 -1
  208. package/dist/collection/components/switch/vds-switch.stories.js +43 -11
  209. package/dist/collection/components/switch/vds-switch.stories.js.map +1 -1
  210. package/dist/collection/components/tab/vds-tab.css +15 -1
  211. package/dist/collection/components/tab/vds-tab.js +21 -21
  212. package/dist/collection/components/tabs-group/vds-tabs-group.css +15 -1
  213. package/dist/collection/components/tabs-group/vds-tabs-group.js +29 -23
  214. package/dist/collection/components/tabs-group/vds-tabs-group.js.map +1 -1
  215. package/dist/collection/components/textarea/vds-basic-textarea.css +15 -1
  216. package/dist/collection/components/textarea/vds-basic-textarea.js +59 -24
  217. package/dist/collection/components/textarea/vds-basic-textarea.js.map +1 -1
  218. package/dist/collection/components/tooltip/vds-tooltip.css +15 -1
  219. package/dist/collection/components/tooltip/vds-tooltip.js +11 -11
  220. package/dist/collection/components/upload-drag/vds-upload-drag.css +15 -1
  221. package/dist/collection/components/upload-drag/vds-upload-drag.js +8 -8
  222. package/dist/collection/components/upload-item/vds-upload-item.css +19 -3
  223. package/dist/collection/components/upload-item/vds-upload-item.js +7 -7
  224. package/dist/collection/components/vds-basic-combo-box/vds-basic-combo-box.css +24 -10
  225. package/dist/collection/components/vds-basic-combo-box/vds-basic-combo-box.js +24 -17
  226. package/dist/collection/components/vds-basic-combo-box/vds-basic-combo-box.js.map +1 -1
  227. package/dist/collection/constants/color-vars.js +1 -1
  228. package/dist/collection/constants/color-vars.js.map +1 -1
  229. package/dist/collection/definitions/colors.js.map +1 -1
  230. package/dist/collection/scripts/sass-to-json-script.js +19 -11
  231. package/dist/collection/scripts/svg-adaptation.js +1 -1
  232. package/dist/collection/utils/form.js +14 -0
  233. package/dist/collection/utils/form.js.map +1 -1
  234. package/dist/collection/utils/icon-attr.utils.js +27 -2
  235. package/dist/collection/utils/icon-attr.utils.js.map +1 -1
  236. package/dist/components/base-group-header.js +1 -2
  237. package/dist/components/base-group-header.js.map +1 -1
  238. package/dist/components/base-item.js +4 -8
  239. package/dist/components/base-item.js.map +1 -1
  240. package/dist/components/clone-attributes.js.map +1 -1
  241. package/dist/components/floating-engine-utils.js +65 -37
  242. package/dist/components/floating-engine-utils.js.map +1 -1
  243. package/dist/components/form.js +15 -1
  244. package/dist/components/form.js.map +1 -1
  245. package/dist/components/icon-attr.utils.js +28 -3
  246. package/dist/components/icon-attr.utils.js.map +1 -1
  247. package/dist/components/vds-autocomplete-item2.js +11 -9
  248. package/dist/components/vds-autocomplete-item2.js.map +1 -1
  249. package/dist/components/vds-avatar2.js +52 -15
  250. package/dist/components/vds-avatar2.js.map +1 -1
  251. package/dist/components/vds-badge-dot.js +1 -57
  252. package/dist/components/vds-badge-dot.js.map +1 -1
  253. package/dist/components/vds-badge-dot2.js +64 -0
  254. package/dist/components/vds-badge-dot2.js.map +1 -0
  255. package/dist/components/vds-badge-pill.js +12 -10
  256. package/dist/components/vds-badge-pill.js.map +1 -1
  257. package/dist/components/vds-basic-accordion.js +12 -10
  258. package/dist/components/vds-basic-accordion.js.map +1 -1
  259. package/dist/components/vds-basic-autocomplete.js +41 -26
  260. package/dist/components/vds-basic-autocomplete.js.map +1 -1
  261. package/dist/components/vds-basic-combo-box.js +32 -16
  262. package/dist/components/vds-basic-combo-box.js.map +1 -1
  263. package/dist/components/vds-basic-dropdown-multiselect.js +23 -18
  264. package/dist/components/vds-basic-dropdown-multiselect.js.map +1 -1
  265. package/dist/components/vds-basic-dropdown.js +32 -25
  266. package/dist/components/vds-basic-dropdown.js.map +1 -1
  267. package/dist/components/vds-basic-dropdown.utils.js.map +1 -1
  268. package/dist/components/vds-basic-input.utils.js.map +1 -1
  269. package/dist/components/vds-basic-input2.js +20 -15
  270. package/dist/components/vds-basic-input2.js.map +1 -1
  271. package/dist/components/vds-basic-slider-continuous.js +17 -10
  272. package/dist/components/vds-basic-slider-continuous.js.map +1 -1
  273. package/dist/components/vds-basic-slider-range-continuous.js +12 -10
  274. package/dist/components/vds-basic-slider-range-continuous.js.map +1 -1
  275. package/dist/components/vds-basic-textarea.js +32 -13
  276. package/dist/components/vds-basic-textarea.js.map +1 -1
  277. package/dist/components/vds-breadcrumbs-item.d.ts +11 -0
  278. package/dist/components/vds-breadcrumbs-item.js +46 -0
  279. package/dist/components/vds-breadcrumbs-item.js.map +1 -0
  280. package/dist/components/vds-button.js +11 -9
  281. package/dist/components/vds-button.js.map +1 -1
  282. package/dist/components/vds-card2.js +12 -10
  283. package/dist/components/vds-card2.js.map +1 -1
  284. package/dist/components/vds-checkbox.js +13 -11
  285. package/dist/components/vds-checkbox.js.map +1 -1
  286. package/dist/components/vds-chip2.js +38 -12
  287. package/dist/components/vds-chip2.js.map +1 -1
  288. package/dist/components/vds-dialog-action-footer.js +11 -9
  289. package/dist/components/vds-dialog-action-footer.js.map +1 -1
  290. package/dist/components/vds-dialog-body.js +11 -9
  291. package/dist/components/vds-dialog-body.js.map +1 -1
  292. package/dist/components/vds-dialog-header.js +13 -11
  293. package/dist/components/vds-dialog-header.js.map +1 -1
  294. package/dist/components/vds-dialog-modal.js +11 -9
  295. package/dist/components/vds-dialog-modal.js.map +1 -1
  296. package/dist/components/vds-dialog.js +13 -11
  297. package/dist/components/vds-dialog.js.map +1 -1
  298. package/dist/components/vds-divider2.js +11 -9
  299. package/dist/components/vds-divider2.js.map +1 -1
  300. package/dist/components/vds-drawer.js +13 -11
  301. package/dist/components/vds-drawer.js.map +1 -1
  302. package/dist/components/vds-dropdown-group-header.js +11 -9
  303. package/dist/components/vds-dropdown-group-header.js.map +1 -1
  304. package/dist/components/vds-dropdown-item.js +13 -11
  305. package/dist/components/vds-dropdown-item.js.map +1 -1
  306. package/dist/components/vds-field.js +13 -11
  307. package/dist/components/vds-field.js.map +1 -1
  308. package/dist/components/vds-footer.js +14 -12
  309. package/dist/components/vds-footer.js.map +1 -1
  310. package/dist/components/vds-header.js +36 -15
  311. package/dist/components/vds-header.js.map +1 -1
  312. package/dist/components/vds-icon-button2.js +12 -10
  313. package/dist/components/vds-icon-button2.js.map +1 -1
  314. package/dist/components/vds-icon2.js +12 -10
  315. package/dist/components/vds-icon2.js.map +1 -1
  316. package/dist/components/vds-key-value-pair.js +11 -9
  317. package/dist/components/vds-key-value-pair.js.map +1 -1
  318. package/dist/components/vds-label2.js +14 -12
  319. package/dist/components/vds-label2.js.map +1 -1
  320. package/dist/components/vds-link.js +12 -10
  321. package/dist/components/vds-link.js.map +1 -1
  322. package/dist/components/vds-menu-group-header.js +11 -9
  323. package/dist/components/vds-menu-group-header.js.map +1 -1
  324. package/dist/components/vds-menu-item.js +11 -9
  325. package/dist/components/vds-menu-item.js.map +1 -1
  326. package/dist/components/vds-menu-list.js +11 -9
  327. package/dist/components/vds-menu-list.js.map +1 -1
  328. package/dist/components/vds-menu.js +14 -11
  329. package/dist/components/vds-menu.js.map +1 -1
  330. package/dist/components/vds-notification.js +13 -11
  331. package/dist/components/vds-notification.js.map +1 -1
  332. package/dist/components/vds-popover.js +15 -12
  333. package/dist/components/vds-popover.js.map +1 -1
  334. package/dist/components/vds-progress-circular2.js +11 -9
  335. package/dist/components/vds-progress-circular2.js.map +1 -1
  336. package/dist/components/vds-progress-linear.js +11 -9
  337. package/dist/components/vds-progress-linear.js.map +1 -1
  338. package/dist/components/vds-radio-button.js +14 -12
  339. package/dist/components/vds-radio-button.js.map +1 -1
  340. package/dist/components/vds-segmented-button.js +12 -10
  341. package/dist/components/vds-segmented-button.js.map +1 -1
  342. package/dist/components/vds-sheet.js +11 -9
  343. package/dist/components/vds-sheet.js.map +1 -1
  344. package/dist/components/vds-sidenav-item-app.js +12 -10
  345. package/dist/components/vds-sidenav-item-app.js.map +1 -1
  346. package/dist/components/vds-sidenav-item-button.js +13 -11
  347. package/dist/components/vds-sidenav-item-button.js.map +1 -1
  348. package/dist/components/vds-sidenav-item-category.js +11 -9
  349. package/dist/components/vds-sidenav-item-category.js.map +1 -1
  350. package/dist/components/vds-sidenav-item-input.js +19 -13
  351. package/dist/components/vds-sidenav-item-input.js.map +1 -1
  352. package/dist/components/vds-sidenav-item2.js +12 -10
  353. package/dist/components/vds-sidenav-item2.js.map +1 -1
  354. package/dist/components/vds-skeleton-loading.js +11 -9
  355. package/dist/components/vds-skeleton-loading.js.map +1 -1
  356. package/dist/components/vds-stepper-item-header.d.ts +11 -0
  357. package/dist/{volt-basic-components/p-0fb2cb53.entry.js → components/vds-stepper-item-header.js} +54 -2
  358. package/dist/components/vds-stepper-item-header.js.map +1 -0
  359. package/dist/components/vds-stepper-item.d.ts +11 -0
  360. package/dist/components/vds-stepper-item.js +142 -0
  361. package/dist/components/vds-stepper-item.js.map +1 -0
  362. package/dist/components/vds-switch.js +14 -12
  363. package/dist/components/vds-switch.js.map +1 -1
  364. package/dist/components/vds-tab.js +14 -12
  365. package/dist/components/vds-tab.js.map +1 -1
  366. package/dist/components/vds-tabs-group.js +30 -22
  367. package/dist/components/vds-tabs-group.js.map +1 -1
  368. package/dist/components/vds-tooltip.js +14 -12
  369. package/dist/components/vds-tooltip.js.map +1 -1
  370. package/dist/components/vds-upload-drag.js +12 -10
  371. package/dist/components/vds-upload-drag.js.map +1 -1
  372. package/dist/components/vds-upload-item.js +14 -12
  373. package/dist/components/vds-upload-item.js.map +1 -1
  374. package/dist/esm/{base-group-header-BuuRc-nw.js → base-group-header-Dv2b0x2u.js} +4 -5
  375. package/dist/esm/{base-group-header-BuuRc-nw.js.map → base-group-header-Dv2b0x2u.js.map} +1 -1
  376. package/dist/esm/{base-item-D7eOT-ts.js → base-item-BJCnJ_64.js} +7 -11
  377. package/dist/esm/{base-item-D7eOT-ts.js.map → base-item-BJCnJ_64.js.map} +1 -1
  378. package/dist/esm/clone-attributes-CqHfuEQc.js.map +1 -1
  379. package/dist/esm/{floating-engine-utils-BqkUBR_p.js → floating-engine-utils-ClEAm9Wn.js} +67 -39
  380. package/dist/esm/floating-engine-utils-ClEAm9Wn.js.map +1 -0
  381. package/dist/esm/form-BVF1zxcZ.js +35 -0
  382. package/dist/esm/form-BVF1zxcZ.js.map +1 -0
  383. package/dist/esm/{icon-attr.utils-C1rbpvgj.js → icon-attr.utils-DB1QD50d.js} +30 -5
  384. package/dist/esm/icon-attr.utils-DB1QD50d.js.map +1 -0
  385. package/dist/esm/{index-DTZC-zXo.js → index-YrP3OJ_T.js} +256 -136
  386. package/dist/esm/index-YrP3OJ_T.js.map +1 -0
  387. package/dist/esm/loader.js +3 -3
  388. package/dist/esm/{node-utils-CG_RZPHo.js → node-utils-Ds4TZ2g7.js} +3 -3
  389. package/dist/esm/{node-utils-CG_RZPHo.js.map → node-utils-Ds4TZ2g7.js.map} +1 -1
  390. package/dist/esm/vds-autocomplete-item.entry.js +4 -6
  391. package/dist/esm/vds-autocomplete-item.entry.js.map +1 -1
  392. package/dist/esm/vds-avatar_2.entry.js +144 -0
  393. package/dist/esm/vds-badge-pill.entry.js +5 -7
  394. package/dist/esm/vds-badge-pill.entry.js.map +1 -1
  395. package/dist/esm/vds-basic-accordion.entry.js +4 -6
  396. package/dist/esm/vds-basic-accordion.entry.js.map +1 -1
  397. package/dist/esm/vds-basic-autocomplete.entry.js +29 -18
  398. package/dist/esm/vds-basic-autocomplete.entry.js.map +1 -1
  399. package/dist/esm/vds-basic-combo-box.entry.js +14 -8
  400. package/dist/esm/vds-basic-combo-box.entry.js.map +1 -1
  401. package/dist/esm/vds-basic-dropdown.utils-BMJUPaKN.js.map +1 -1
  402. package/dist/esm/vds-basic-dropdown_23.entry.js +131 -123
  403. package/dist/esm/vds-basic-input.utils-DswuOEPv.js.map +1 -1
  404. package/dist/esm/vds-basic-slider-continuous.entry.js +9 -6
  405. package/dist/esm/vds-basic-slider-continuous.entry.js.map +1 -1
  406. package/dist/esm/vds-basic-slider-range-continuous.entry.js +4 -6
  407. package/dist/esm/vds-basic-slider-range-continuous.entry.js.map +1 -1
  408. package/dist/esm/vds-breadcrumbs-item.entry.js +21 -0
  409. package/dist/esm/vds-breadcrumbs-item.entry.js.map +1 -0
  410. package/dist/esm/vds-chip.entry.js +23 -7
  411. package/dist/esm/vds-chip.entry.js.map +1 -1
  412. package/dist/esm/vds-dialog-action-footer.entry.js +4 -6
  413. package/dist/esm/vds-dialog-action-footer.entry.js.map +1 -1
  414. package/dist/esm/vds-dialog-body.entry.js +4 -6
  415. package/dist/esm/vds-dialog-body.entry.js.map +1 -1
  416. package/dist/esm/vds-dialog-header.entry.js +4 -6
  417. package/dist/esm/vds-dialog-header.entry.js.map +1 -1
  418. package/dist/esm/vds-dialog-modal.entry.js +4 -6
  419. package/dist/esm/vds-dialog-modal.entry.js.map +1 -1
  420. package/dist/esm/vds-dialog.entry.js +6 -8
  421. package/dist/esm/vds-dialog.entry.js.map +1 -1
  422. package/dist/esm/vds-footer.entry.js +5 -7
  423. package/dist/esm/vds-footer.entry.js.map +1 -1
  424. package/dist/esm/vds-header.entry.js +18 -10
  425. package/dist/esm/vds-header.entry.js.map +1 -1
  426. package/dist/esm/vds-key-value-pair.entry.js +4 -6
  427. package/dist/esm/vds-key-value-pair.entry.js.map +1 -1
  428. package/dist/esm/vds-notification.entry.js +4 -6
  429. package/dist/esm/vds-notification.entry.js.map +1 -1
  430. package/dist/esm/vds-popover.entry.js +10 -11
  431. package/dist/esm/vds-popover.entry.js.map +1 -1
  432. package/dist/esm/vds-progress-linear.entry.js +4 -6
  433. package/dist/esm/vds-progress-linear.entry.js.map +1 -1
  434. package/dist/esm/vds-radio-button.entry.js +5 -7
  435. package/dist/esm/vds-radio-button.entry.js.map +1 -1
  436. package/dist/esm/vds-segmented-button.entry.js +4 -6
  437. package/dist/esm/vds-segmented-button.entry.js.map +1 -1
  438. package/dist/esm/vds-sheet.entry.js +4 -6
  439. package/dist/esm/vds-sheet.entry.js.map +1 -1
  440. package/dist/esm/vds-sidenav-item-app.entry.js +4 -6
  441. package/dist/esm/vds-sidenav-item-app.entry.js.map +1 -1
  442. package/dist/esm/vds-sidenav-item-button.entry.js +5 -7
  443. package/dist/esm/vds-sidenav-item-button.entry.js.map +1 -1
  444. package/dist/esm/vds-sidenav-item-category.entry.js +5 -7
  445. package/dist/esm/vds-sidenav-item-category.entry.js.map +1 -1
  446. package/dist/esm/vds-sidenav-item-input.entry.js +8 -6
  447. package/dist/esm/vds-sidenav-item-input.entry.js.map +1 -1
  448. package/dist/esm/vds-skeleton-loading.entry.js +4 -6
  449. package/dist/esm/vds-skeleton-loading.entry.js.map +1 -1
  450. package/dist/{volt-basic-components/p-98e1b3f7.entry.js → esm/vds-stepper-item-header.entry.js} +27 -2
  451. package/dist/esm/vds-stepper-item-header.entry.js.map +1 -0
  452. package/dist/esm/vds-stepper-item.entry.js +96 -0
  453. package/dist/esm/vds-stepper-item.entry.js.map +1 -0
  454. package/dist/esm/vds-switch.entry.js +5 -7
  455. package/dist/esm/vds-switch.entry.js.map +1 -1
  456. package/dist/esm/vds-tab.entry.js +5 -7
  457. package/dist/esm/vds-tab.entry.js.map +1 -1
  458. package/dist/esm/vds-tabs-group.entry.js +23 -19
  459. package/dist/esm/vds-tabs-group.entry.js.map +1 -1
  460. package/dist/esm/vds-tooltip.entry.js +9 -11
  461. package/dist/esm/vds-tooltip.entry.js.map +1 -1
  462. package/dist/esm/vds-upload-drag.entry.js +4 -6
  463. package/dist/esm/vds-upload-drag.entry.js.map +1 -1
  464. package/dist/esm/volt-basic-components.js +4 -4
  465. package/dist/esm/volt-basic-components.js.map +1 -1
  466. package/dist/types/components/autocomplete/vds-basic-autocomplete.d.ts +6 -2
  467. package/dist/types/components/autocomplete/vds-basic-autocomplete.utils.d.ts +5 -0
  468. package/dist/types/components/avatar/vds-avatar.d.ts +10 -2
  469. package/dist/types/components/avatar/vds-avatar.stories.d.ts +9 -0
  470. package/dist/types/components/badge-pill/vds-badge-pill.d.ts +1 -1
  471. package/dist/types/components/basic-dropdown/vds-basic-dropdown.d.ts +2 -1
  472. package/dist/types/components/breadcrumb-item/vds-breadcrumbs-item.d.ts +7 -0
  473. package/dist/types/components/breadcrumb-item/vds-breadcrumbs-item.stories.d.ts +15 -0
  474. package/dist/types/components/chip/vds-chip.d.ts +2 -0
  475. package/dist/types/components/divider/vds-divider.d.ts +2 -2
  476. package/dist/types/components/dropdown-multiselect/vds-basic-dropdown-multiselect.d.ts +1 -0
  477. package/dist/types/components/header/vds-header.d.ts +8 -0
  478. package/dist/types/components/header/vds-header.stories.d.ts +8 -0
  479. package/dist/types/components/input/vds-basic-input.d.ts +1 -1
  480. package/dist/types/components/menu/vds-menu.d.ts +1 -0
  481. package/dist/types/components/popover/vds-popover.d.ts +1 -0
  482. package/dist/types/components/stepper-item/vds-stepper-item.d.ts +39 -0
  483. package/dist/types/components/stepper-item/vds-stepper-item.stories.d.ts +40 -0
  484. package/dist/types/components/stepper-item-header/vds-stepper-item-header.d.ts +11 -0
  485. package/dist/types/components/stepper-item-header/vds-stepper-item-header.stories.d.ts +14 -0
  486. package/dist/types/components/switch/vds-switch.stories.d.ts +1 -0
  487. package/dist/types/components/tabs-group/vds-tabs-group.d.ts +2 -0
  488. package/dist/types/components/textarea/vds-basic-textarea.d.ts +6 -0
  489. package/dist/types/components/vds-basic-combo-box/vds-basic-combo-box.d.ts +1 -0
  490. package/dist/types/components.d.ts +261 -11
  491. package/dist/types/constants/color-vars.d.ts +104 -96
  492. package/dist/types/definitions/colors.d.ts +3 -3
  493. package/dist/types/stencil-public-runtime.d.ts +104 -7
  494. package/dist/types/utils/clone-attributes.d.ts +1 -1
  495. package/dist/types/utils/form.d.ts +6 -0
  496. package/dist/types/utils/icon-attr.utils.d.ts +9 -2
  497. package/dist/{esm/vds-badge-dot.entry.js → volt-basic-components/p-20d5fd8b.entry.js} +2 -41
  498. package/dist/volt-basic-components/p-20d5fd8b.entry.js.map +1 -0
  499. package/dist/volt-basic-components/{p-ea6782f2.entry.js → p-2a61923a.entry.js} +2 -2
  500. package/dist/volt-basic-components/p-2a61923a.entry.js.map +1 -0
  501. package/dist/volt-basic-components/p-2d5a6a63.entry.js +2 -0
  502. package/dist/volt-basic-components/p-2d5a6a63.entry.js.map +1 -0
  503. package/dist/volt-basic-components/p-32b69f9b.entry.js +2 -0
  504. package/dist/volt-basic-components/p-32b69f9b.entry.js.map +1 -0
  505. package/dist/volt-basic-components/p-34ea0d8c.entry.js +2 -0
  506. package/dist/volt-basic-components/p-34ea0d8c.entry.js.map +1 -0
  507. package/dist/volt-basic-components/p-364cb260.entry.js +2 -0
  508. package/dist/volt-basic-components/p-364cb260.entry.js.map +1 -0
  509. package/dist/volt-basic-components/p-47763451.entry.js +2 -0
  510. package/dist/volt-basic-components/p-47763451.entry.js.map +1 -0
  511. package/dist/volt-basic-components/{p-a2d374de.entry.js → p-485bde4b.entry.js} +2 -2
  512. package/dist/volt-basic-components/p-485bde4b.entry.js.map +1 -0
  513. package/dist/volt-basic-components/p-4d5baf21.entry.js +2 -0
  514. package/dist/volt-basic-components/p-4d5baf21.entry.js.map +1 -0
  515. package/dist/volt-basic-components/p-551ca7c2.entry.js +2 -0
  516. package/dist/volt-basic-components/p-551ca7c2.entry.js.map +1 -0
  517. package/dist/volt-basic-components/p-564d6645.entry.js +2 -0
  518. package/dist/volt-basic-components/p-564d6645.entry.js.map +1 -0
  519. package/dist/{esm/vds-avatar.entry.js → volt-basic-components/p-59590dea.entry.js} +2 -83
  520. package/dist/volt-basic-components/p-59590dea.entry.js.map +1 -0
  521. package/dist/volt-basic-components/p-5b84a64e.entry.js +2 -0
  522. package/dist/volt-basic-components/p-5b84a64e.entry.js.map +1 -0
  523. package/dist/volt-basic-components/p-647240b0.entry.js +2 -0
  524. package/dist/volt-basic-components/p-647240b0.entry.js.map +1 -0
  525. package/dist/volt-basic-components/p-661f67dd.entry.js +2 -0
  526. package/dist/volt-basic-components/p-661f67dd.entry.js.map +1 -0
  527. package/dist/volt-basic-components/p-6b5d3b93.entry.js +2 -0
  528. package/dist/volt-basic-components/p-6b5d3b93.entry.js.map +1 -0
  529. package/dist/volt-basic-components/p-70f9e8a4.entry.js +2 -0
  530. package/dist/volt-basic-components/p-70f9e8a4.entry.js.map +1 -0
  531. package/dist/volt-basic-components/p-72402820.entry.js +2 -0
  532. package/dist/volt-basic-components/p-72402820.entry.js.map +1 -0
  533. package/dist/volt-basic-components/{p-b00715f5.entry.js → p-8532d9d2.entry.js} +2 -2
  534. package/dist/volt-basic-components/p-8532d9d2.entry.js.map +1 -0
  535. package/dist/volt-basic-components/p-8eaa41f7.entry.js +2 -0
  536. package/dist/volt-basic-components/p-8eaa41f7.entry.js.map +1 -0
  537. package/dist/volt-basic-components/p-8ee1bb32.entry.js +2 -0
  538. package/dist/volt-basic-components/p-8ee1bb32.entry.js.map +1 -0
  539. package/dist/volt-basic-components/p-8f92ee2b.entry.js +2 -0
  540. package/dist/volt-basic-components/p-8f92ee2b.entry.js.map +1 -0
  541. package/dist/volt-basic-components/p-934fc893.entry.js +2 -0
  542. package/dist/volt-basic-components/p-934fc893.entry.js.map +1 -0
  543. package/dist/volt-basic-components/p-BMJUPaKN.js.map +1 -1
  544. package/dist/volt-basic-components/p-BVF1zxcZ.js +2 -0
  545. package/dist/volt-basic-components/p-BVF1zxcZ.js.map +1 -0
  546. package/dist/volt-basic-components/{p-JgmdoeKE.js → p-CTN5pQJJ.js} +2 -2
  547. package/dist/volt-basic-components/{p-JgmdoeKE.js.map → p-CTN5pQJJ.js.map} +1 -1
  548. package/dist/volt-basic-components/p-ClEAm9Wn.js +2 -0
  549. package/dist/volt-basic-components/p-ClEAm9Wn.js.map +1 -0
  550. package/dist/volt-basic-components/p-CqHfuEQc.js.map +1 -1
  551. package/dist/volt-basic-components/p-DB1QD50d.js +2 -0
  552. package/dist/volt-basic-components/p-DB1QD50d.js.map +1 -0
  553. package/dist/volt-basic-components/{p-yH7K_CCT.js → p-DTEGZIhO.js} +2 -2
  554. package/dist/volt-basic-components/{p-yH7K_CCT.js.map → p-DTEGZIhO.js.map} +1 -1
  555. package/dist/volt-basic-components/p-DswuOEPv.js.map +1 -1
  556. package/dist/volt-basic-components/p-YrP3OJ_T.js +3 -0
  557. package/dist/volt-basic-components/p-YrP3OJ_T.js.map +1 -0
  558. package/dist/volt-basic-components/p-a1cc6c0d.entry.js +2 -0
  559. package/dist/volt-basic-components/p-a1cc6c0d.entry.js.map +1 -0
  560. package/dist/volt-basic-components/p-a41826c5.entry.js +2 -0
  561. package/dist/volt-basic-components/p-a41826c5.entry.js.map +1 -0
  562. package/dist/volt-basic-components/p-a4c1543b.entry.js +2 -0
  563. package/dist/volt-basic-components/p-a4c1543b.entry.js.map +1 -0
  564. package/dist/volt-basic-components/p-aca9ba37.entry.js +2 -0
  565. package/dist/volt-basic-components/p-aca9ba37.entry.js.map +1 -0
  566. package/dist/{cjs/vds-avatar.cjs.entry.js → volt-basic-components/p-b0829f2e.entry.js} +2 -85
  567. package/dist/volt-basic-components/p-b0829f2e.entry.js.map +1 -0
  568. package/dist/volt-basic-components/p-c05abda7.entry.js +2 -0
  569. package/dist/volt-basic-components/p-c05abda7.entry.js.map +1 -0
  570. package/dist/volt-basic-components/p-c0849c4c.entry.js +2 -0
  571. package/dist/volt-basic-components/p-c0849c4c.entry.js.map +1 -0
  572. package/dist/volt-basic-components/p-c50a4dc1.entry.js +2 -0
  573. package/dist/volt-basic-components/p-c50a4dc1.entry.js.map +1 -0
  574. package/dist/volt-basic-components/p-d15595fe.entry.js +2 -0
  575. package/dist/volt-basic-components/p-d15595fe.entry.js.map +1 -0
  576. package/dist/volt-basic-components/p-e611857c.entry.js +2 -0
  577. package/dist/volt-basic-components/p-e611857c.entry.js.map +1 -0
  578. package/dist/volt-basic-components/p-eb8e671a.entry.js +2 -0
  579. package/dist/volt-basic-components/p-eb8e671a.entry.js.map +1 -0
  580. package/dist/volt-basic-components/p-ed992336.entry.js +2 -0
  581. package/dist/volt-basic-components/p-ed992336.entry.js.map +1 -0
  582. package/dist/volt-basic-components/p-f261ff52.entry.js +2 -0
  583. package/dist/volt-basic-components/p-f261ff52.entry.js.map +1 -0
  584. package/dist/volt-basic-components/p-f9a6e970.entry.js +2 -0
  585. package/dist/volt-basic-components/p-f9a6e970.entry.js.map +1 -0
  586. package/dist/volt-basic-components/{p-DEIigyDD.js → p-jn6JrwWv.js} +2 -2
  587. package/dist/volt-basic-components/{p-DEIigyDD.js.map → p-jn6JrwWv.js.map} +1 -1
  588. package/dist/volt-basic-components/volt-basic-components.css +1 -1
  589. package/dist/volt-basic-components/volt-basic-components.esm.js +1 -1
  590. package/dist/volt-basic-components/volt-basic-components.esm.js.map +1 -1
  591. package/package.json +3 -3
  592. package/dist/cjs/floating-engine-utils-T4zM9xcR.js.map +0 -1
  593. package/dist/cjs/icon-attr.utils-aktWdbPZ.js.map +0 -1
  594. package/dist/cjs/index-D6D5vqj8.js.map +0 -1
  595. package/dist/cjs/vds-autocomplete-item.cjs.entry.js.map +0 -1
  596. package/dist/cjs/vds-autocomplete-item.entry.cjs.js.map +0 -1
  597. package/dist/cjs/vds-avatar.cjs.entry.js.map +0 -1
  598. package/dist/cjs/vds-avatar.entry.cjs.js.map +0 -1
  599. package/dist/cjs/vds-badge-dot.cjs.entry.js +0 -43
  600. package/dist/cjs/vds-badge-dot.cjs.entry.js.map +0 -1
  601. package/dist/cjs/vds-badge-dot.entry.cjs.js.map +0 -1
  602. package/dist/cjs/vds-badge-pill.cjs.entry.js.map +0 -1
  603. package/dist/cjs/vds-badge-pill.entry.cjs.js.map +0 -1
  604. package/dist/cjs/vds-basic-accordion.cjs.entry.js.map +0 -1
  605. package/dist/cjs/vds-basic-accordion.entry.cjs.js.map +0 -1
  606. package/dist/cjs/vds-basic-autocomplete.cjs.entry.js.map +0 -1
  607. package/dist/cjs/vds-basic-autocomplete.entry.cjs.js.map +0 -1
  608. package/dist/cjs/vds-basic-combo-box.cjs.entry.js.map +0 -1
  609. package/dist/cjs/vds-basic-combo-box.entry.cjs.js.map +0 -1
  610. package/dist/cjs/vds-basic-dropdown_23.cjs.entry.js.map +0 -1
  611. package/dist/cjs/vds-basic-slider-continuous.cjs.entry.js.map +0 -1
  612. package/dist/cjs/vds-basic-slider-continuous.entry.cjs.js.map +0 -1
  613. package/dist/cjs/vds-basic-slider-range-continuous.cjs.entry.js.map +0 -1
  614. package/dist/cjs/vds-basic-slider-range-continuous.entry.cjs.js.map +0 -1
  615. package/dist/cjs/vds-chip.cjs.entry.js.map +0 -1
  616. package/dist/cjs/vds-chip.entry.cjs.js.map +0 -1
  617. package/dist/cjs/vds-dialog-action-footer.cjs.entry.js.map +0 -1
  618. package/dist/cjs/vds-dialog-action-footer.entry.cjs.js.map +0 -1
  619. package/dist/cjs/vds-dialog-body.cjs.entry.js.map +0 -1
  620. package/dist/cjs/vds-dialog-body.entry.cjs.js.map +0 -1
  621. package/dist/cjs/vds-dialog-header.cjs.entry.js.map +0 -1
  622. package/dist/cjs/vds-dialog-header.entry.cjs.js.map +0 -1
  623. package/dist/cjs/vds-dialog-modal.cjs.entry.js.map +0 -1
  624. package/dist/cjs/vds-dialog-modal.entry.cjs.js.map +0 -1
  625. package/dist/cjs/vds-dialog.cjs.entry.js.map +0 -1
  626. package/dist/cjs/vds-dialog.entry.cjs.js.map +0 -1
  627. package/dist/cjs/vds-footer.cjs.entry.js.map +0 -1
  628. package/dist/cjs/vds-footer.entry.cjs.js.map +0 -1
  629. package/dist/cjs/vds-header.cjs.entry.js.map +0 -1
  630. package/dist/cjs/vds-header.entry.cjs.js.map +0 -1
  631. package/dist/cjs/vds-key-value-pair.cjs.entry.js.map +0 -1
  632. package/dist/cjs/vds-key-value-pair.entry.cjs.js.map +0 -1
  633. package/dist/cjs/vds-notification.cjs.entry.js.map +0 -1
  634. package/dist/cjs/vds-notification.entry.cjs.js.map +0 -1
  635. package/dist/cjs/vds-popover.cjs.entry.js.map +0 -1
  636. package/dist/cjs/vds-popover.entry.cjs.js.map +0 -1
  637. package/dist/cjs/vds-progress-linear.cjs.entry.js.map +0 -1
  638. package/dist/cjs/vds-progress-linear.entry.cjs.js.map +0 -1
  639. package/dist/cjs/vds-radio-button.cjs.entry.js.map +0 -1
  640. package/dist/cjs/vds-radio-button.entry.cjs.js.map +0 -1
  641. package/dist/cjs/vds-segmented-button.cjs.entry.js.map +0 -1
  642. package/dist/cjs/vds-segmented-button.entry.cjs.js.map +0 -1
  643. package/dist/cjs/vds-sheet.cjs.entry.js.map +0 -1
  644. package/dist/cjs/vds-sheet.entry.cjs.js.map +0 -1
  645. package/dist/cjs/vds-sidenav-item-app.cjs.entry.js.map +0 -1
  646. package/dist/cjs/vds-sidenav-item-app.entry.cjs.js.map +0 -1
  647. package/dist/cjs/vds-sidenav-item-button.cjs.entry.js.map +0 -1
  648. package/dist/cjs/vds-sidenav-item-button.entry.cjs.js.map +0 -1
  649. package/dist/cjs/vds-sidenav-item-category.cjs.entry.js.map +0 -1
  650. package/dist/cjs/vds-sidenav-item-category.entry.cjs.js.map +0 -1
  651. package/dist/cjs/vds-sidenav-item-input.cjs.entry.js.map +0 -1
  652. package/dist/cjs/vds-sidenav-item-input.entry.cjs.js.map +0 -1
  653. package/dist/cjs/vds-skeleton-loading.cjs.entry.js.map +0 -1
  654. package/dist/cjs/vds-skeleton-loading.entry.cjs.js.map +0 -1
  655. package/dist/cjs/vds-switch.cjs.entry.js.map +0 -1
  656. package/dist/cjs/vds-switch.entry.cjs.js.map +0 -1
  657. package/dist/cjs/vds-tab.cjs.entry.js.map +0 -1
  658. package/dist/cjs/vds-tab.entry.cjs.js.map +0 -1
  659. package/dist/cjs/vds-tabs-group.cjs.entry.js.map +0 -1
  660. package/dist/cjs/vds-tabs-group.entry.cjs.js.map +0 -1
  661. package/dist/cjs/vds-tooltip.cjs.entry.js.map +0 -1
  662. package/dist/cjs/vds-tooltip.entry.cjs.js.map +0 -1
  663. package/dist/cjs/vds-upload-drag.cjs.entry.js.map +0 -1
  664. package/dist/cjs/vds-upload-drag.entry.cjs.js.map +0 -1
  665. package/dist/esm/floating-engine-utils-BqkUBR_p.js.map +0 -1
  666. package/dist/esm/icon-attr.utils-C1rbpvgj.js.map +0 -1
  667. package/dist/esm/index-DTZC-zXo.js.map +0 -1
  668. package/dist/esm/vds-avatar.entry.js.map +0 -1
  669. package/dist/esm/vds-badge-dot.entry.js.map +0 -1
  670. package/dist/esm/vds-basic-dropdown_23.entry.js.map +0 -1
  671. package/dist/volt-basic-components/p-0bdd7fb5.entry.js +0 -2
  672. package/dist/volt-basic-components/p-0bdd7fb5.entry.js.map +0 -1
  673. package/dist/volt-basic-components/p-0fb2cb53.entry.js.map +0 -1
  674. package/dist/volt-basic-components/p-1afd85f5.entry.js +0 -2
  675. package/dist/volt-basic-components/p-1afd85f5.entry.js.map +0 -1
  676. package/dist/volt-basic-components/p-1e4f6315.entry.js +0 -2
  677. package/dist/volt-basic-components/p-1e4f6315.entry.js.map +0 -1
  678. package/dist/volt-basic-components/p-1f0e5006.entry.js +0 -2
  679. package/dist/volt-basic-components/p-1f0e5006.entry.js.map +0 -1
  680. package/dist/volt-basic-components/p-27745a09.entry.js +0 -2
  681. package/dist/volt-basic-components/p-27745a09.entry.js.map +0 -1
  682. package/dist/volt-basic-components/p-2dee537b.entry.js.map +0 -1
  683. package/dist/volt-basic-components/p-3013bfd8.entry.js +0 -2
  684. package/dist/volt-basic-components/p-3013bfd8.entry.js.map +0 -1
  685. package/dist/volt-basic-components/p-31aae961.entry.js +0 -2
  686. package/dist/volt-basic-components/p-31aae961.entry.js.map +0 -1
  687. package/dist/volt-basic-components/p-37f76537.entry.js +0 -2
  688. package/dist/volt-basic-components/p-37f76537.entry.js.map +0 -1
  689. package/dist/volt-basic-components/p-3addfd41.entry.js +0 -2
  690. package/dist/volt-basic-components/p-3addfd41.entry.js.map +0 -1
  691. package/dist/volt-basic-components/p-3b4eb1f9.entry.js +0 -2
  692. package/dist/volt-basic-components/p-3b4eb1f9.entry.js.map +0 -1
  693. package/dist/volt-basic-components/p-4081f49b.entry.js +0 -2
  694. package/dist/volt-basic-components/p-4081f49b.entry.js.map +0 -1
  695. package/dist/volt-basic-components/p-4502d26c.entry.js +0 -2
  696. package/dist/volt-basic-components/p-4502d26c.entry.js.map +0 -1
  697. package/dist/volt-basic-components/p-703d9526.entry.js +0 -2
  698. package/dist/volt-basic-components/p-703d9526.entry.js.map +0 -1
  699. package/dist/volt-basic-components/p-74916490.entry.js +0 -2
  700. package/dist/volt-basic-components/p-74916490.entry.js.map +0 -1
  701. package/dist/volt-basic-components/p-78dc2431.entry.js +0 -2
  702. package/dist/volt-basic-components/p-78dc2431.entry.js.map +0 -1
  703. package/dist/volt-basic-components/p-7e532f32.entry.js +0 -2
  704. package/dist/volt-basic-components/p-7e532f32.entry.js.map +0 -1
  705. package/dist/volt-basic-components/p-8c8e58f2.entry.js +0 -2
  706. package/dist/volt-basic-components/p-8c8e58f2.entry.js.map +0 -1
  707. package/dist/volt-basic-components/p-98e1b3f7.entry.js.map +0 -1
  708. package/dist/volt-basic-components/p-9f5732aa.entry.js +0 -2
  709. package/dist/volt-basic-components/p-9f5732aa.entry.js.map +0 -1
  710. package/dist/volt-basic-components/p-BqkUBR_p.js +0 -2
  711. package/dist/volt-basic-components/p-BqkUBR_p.js.map +0 -1
  712. package/dist/volt-basic-components/p-C1rbpvgj.js +0 -2
  713. package/dist/volt-basic-components/p-C1rbpvgj.js.map +0 -1
  714. package/dist/volt-basic-components/p-DTZC-zXo.js +0 -3
  715. package/dist/volt-basic-components/p-DTZC-zXo.js.map +0 -1
  716. package/dist/volt-basic-components/p-a2d374de.entry.js.map +0 -1
  717. package/dist/volt-basic-components/p-afc292bd.entry.js +0 -2
  718. package/dist/volt-basic-components/p-afc292bd.entry.js.map +0 -1
  719. package/dist/volt-basic-components/p-b00715f5.entry.js.map +0 -1
  720. package/dist/volt-basic-components/p-c5b478d7.entry.js.map +0 -1
  721. package/dist/volt-basic-components/p-d09c7b72.entry.js +0 -2
  722. package/dist/volt-basic-components/p-d09c7b72.entry.js.map +0 -1
  723. package/dist/volt-basic-components/p-d3b73a1b.entry.js +0 -2
  724. package/dist/volt-basic-components/p-d3b73a1b.entry.js.map +0 -1
  725. package/dist/volt-basic-components/p-da70a993.entry.js +0 -2
  726. package/dist/volt-basic-components/p-da70a993.entry.js.map +0 -1
  727. package/dist/volt-basic-components/p-e518fe0e.entry.js +0 -2
  728. package/dist/volt-basic-components/p-e518fe0e.entry.js.map +0 -1
  729. package/dist/volt-basic-components/p-e851fb62.entry.js +0 -2
  730. package/dist/volt-basic-components/p-e851fb62.entry.js.map +0 -1
  731. package/dist/volt-basic-components/p-e9b94942.entry.js +0 -2
  732. package/dist/volt-basic-components/p-e9b94942.entry.js.map +0 -1
  733. package/dist/volt-basic-components/p-ea6782f2.entry.js.map +0 -1
  734. package/dist/volt-basic-components/p-ea7b9d41.entry.js +0 -2
  735. package/dist/volt-basic-components/p-ea7b9d41.entry.js.map +0 -1
  736. package/dist/volt-basic-components/p-f8692b89.entry.js +0 -2
  737. package/dist/volt-basic-components/p-f8692b89.entry.js.map +0 -1
  738. package/dist/volt-basic-components/p-fb78cb56.entry.js +0 -2
  739. package/dist/volt-basic-components/p-fb78cb56.entry.js.map +0 -1
  740. package/dist/volt-basic-components/vds-autocomplete-item.entry.esm.js.map +0 -1
  741. package/dist/volt-basic-components/vds-avatar.entry.esm.js.map +0 -1
  742. package/dist/volt-basic-components/vds-badge-dot.entry.esm.js.map +0 -1
  743. package/dist/volt-basic-components/vds-badge-pill.entry.esm.js.map +0 -1
  744. package/dist/volt-basic-components/vds-basic-accordion.entry.esm.js.map +0 -1
  745. package/dist/volt-basic-components/vds-basic-autocomplete.entry.esm.js.map +0 -1
  746. package/dist/volt-basic-components/vds-basic-combo-box.entry.esm.js.map +0 -1
  747. package/dist/volt-basic-components/vds-basic-slider-continuous.entry.esm.js.map +0 -1
  748. package/dist/volt-basic-components/vds-basic-slider-range-continuous.entry.esm.js.map +0 -1
  749. package/dist/volt-basic-components/vds-chip.entry.esm.js.map +0 -1
  750. package/dist/volt-basic-components/vds-dialog-action-footer.entry.esm.js.map +0 -1
  751. package/dist/volt-basic-components/vds-dialog-body.entry.esm.js.map +0 -1
  752. package/dist/volt-basic-components/vds-dialog-header.entry.esm.js.map +0 -1
  753. package/dist/volt-basic-components/vds-dialog-modal.entry.esm.js.map +0 -1
  754. package/dist/volt-basic-components/vds-dialog.entry.esm.js.map +0 -1
  755. package/dist/volt-basic-components/vds-footer.entry.esm.js.map +0 -1
  756. package/dist/volt-basic-components/vds-header.entry.esm.js.map +0 -1
  757. package/dist/volt-basic-components/vds-key-value-pair.entry.esm.js.map +0 -1
  758. package/dist/volt-basic-components/vds-notification.entry.esm.js.map +0 -1
  759. package/dist/volt-basic-components/vds-popover.entry.esm.js.map +0 -1
  760. package/dist/volt-basic-components/vds-progress-linear.entry.esm.js.map +0 -1
  761. package/dist/volt-basic-components/vds-radio-button.entry.esm.js.map +0 -1
  762. package/dist/volt-basic-components/vds-segmented-button.entry.esm.js.map +0 -1
  763. package/dist/volt-basic-components/vds-sheet.entry.esm.js.map +0 -1
  764. package/dist/volt-basic-components/vds-sidenav-item-app.entry.esm.js.map +0 -1
  765. package/dist/volt-basic-components/vds-sidenav-item-button.entry.esm.js.map +0 -1
  766. package/dist/volt-basic-components/vds-sidenav-item-category.entry.esm.js.map +0 -1
  767. package/dist/volt-basic-components/vds-sidenav-item-input.entry.esm.js.map +0 -1
  768. package/dist/volt-basic-components/vds-skeleton-loading.entry.esm.js.map +0 -1
  769. package/dist/volt-basic-components/vds-switch.entry.esm.js.map +0 -1
  770. package/dist/volt-basic-components/vds-tab.entry.esm.js.map +0 -1
  771. package/dist/volt-basic-components/vds-tabs-group.entry.esm.js.map +0 -1
  772. package/dist/volt-basic-components/vds-tooltip.entry.esm.js.map +0 -1
  773. package/dist/volt-basic-components/vds-upload-drag.entry.esm.js.map +0 -1
package/dist/components/vds-basic-autocomplete.js CHANGED
@@ -1,9 +1,9 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
1
+ import { proxyCustomElement, HTMLElement, createEvent, h, Host, transformTag } from '@stencil/core/internal/client';
2
2
  import { c as combineClasses } from './combine-classes.js';
3
3
  import { a as updateContainerWidth, t as toggleContainerDisplay } from './vds-basic-dropdown.utils.js';
4
4
  import { u as updateFloatingBoxPosition } from './floating-engine-utils.js';
5
5
  import { c as cloneAttributes } from './clone-attributes.js';
6
- import { b as getIconSize } from './icon-attr.utils.js';
6
+ import { b as getActionIconButtonSize, c as getIconSize, a as getIconColor } from './icon-attr.utils.js';
7
7
  import { d as defineCustomElement$5 } from './vds-autocomplete-item2.js';
8
8
  import { d as defineCustomElement$4 } from './vds-basic-input2.js';
9
9
  import { d as defineCustomElement$3 } from './vds-icon2.js';
@@ -67,12 +67,14 @@ const findOptionByExactValue = (option, searchValue) => {
67
67
  }
68
68
  };
69
69
 
70
- const vdsBasicAutocompleteCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap\");:root{font-family:\"Roboto Flex\", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;--vds-basic-autocomplete-input-min-width:7.5rem;--vds-basic-autocomplete-input-min-width-large:9.25rem}:host .vds-basic-autocomplete__container{display:flex;flex-direction:column;gap:1rem}:host .vds-basic-autocomplete__container vds-basic-input{--vds-input-min-width:var(--vds-basic-autocomplete-input-min-width);--vds-input-min-width-large:var(--vds-basic-autocomplete-input-min-width-large)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content{display:none;flex-direction:column;align-items:flex-start;align-self:stretch;min-width:max-content;max-height:fit-content !important;border-radius:var(--radius-medium);background:var(--surface-medium);box-shadow:var(--elevation-shadow-2);box-sizing:border-box;border:0.0625rem solid var(--color-border-lowest);margin-top:0.25rem;z-index:var(--elevation-layer-5)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow{box-shadow:none;border:none}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow .vds-basic-autocomplete__content__header{box-shadow:var(--elevation-shadow-2)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.has-scroll{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.match-width{width:var(--trigger-width);min-width:var(--trigger-width)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options{overflow-y:auto;display:flex;flex-direction:column;border-radius:var(--radius-medium)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options.scrollable{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar{background-color:var(--surface-medium);width:0.375rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar-thumb{background-color:var(--color-background-neutral-press);border-radius:1rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__primary-action,:host .vds-basic-autocomplete__container .vds-basic-autocomplete__secondary-action{display:inline-flex;align-items:center}:host .vds-floating-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-interaction-black-lower);opacity:0.06;z-index:var(--elevation-layer-4)}:host .non-clickable{pointer-events:none}:host(.vds-basic-autocomplete--disabled){pointer-events:none}";
70
+ const vdsBasicAutocompleteCss = () => `:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}@font-face{font-family:"Roboto Flex";src:url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-white-medium:rgba(255, 255, 255, 0.6392156863);--static-white-low:rgba(255, 255, 255, 0.3215686275);--static-white-lower:rgba(255, 255, 255, 0.1607843137);--static-white-lowest:rgba(255, 255, 255, 0.1215686275);--static-black:#000000;--static-black-medium:rgba(0, 0, 0, 0.6392156863);--static-black-low:rgba(0, 0, 0, 0.3215686275);--static-black-lower:rgba(0, 0, 0, 0.1607843137);--static-black-lowest:rgba(0, 0, 0, 0.1215686275);--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;--vds-basic-autocomplete-input-min-width-small:5.75rem;--vds-basic-autocomplete-input-min-width:7.5rem;--vds-basic-autocomplete-input-min-width-large:9.25rem}:host .vds-basic-autocomplete__container{display:flex;flex-direction:column;gap:1rem}:host .vds-basic-autocomplete__container vds-basic-input{--vds-input-min-width-small:var(--vds-basic-autocomplete-input-min-width-small);--vds-input-min-width:var(--vds-basic-autocomplete-input-min-width);--vds-input-min-width-large:var(--vds-basic-autocomplete-input-min-width-large)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content{display:none;flex-direction:column;align-items:flex-start;align-self:stretch;min-width:max-content;max-height:fit-content !important;border-radius:var(--radius-medium);background:var(--surface-medium);box-shadow:var(--elevation-shadow-2);box-sizing:border-box;border:0.0625rem solid var(--color-border-lowest);margin-top:0.25rem;z-index:var(--elevation-layer-5)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow{box-shadow:none;border:none}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow .vds-basic-autocomplete__content__header{box-shadow:var(--elevation-shadow-2)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.has-scroll{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.match-width{width:var(--trigger-width);min-width:var(--trigger-width)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options{overflow-y:auto;display:flex;flex-direction:column;border-radius:var(--radius-medium)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options.scrollable{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar{background-color:var(--surface-medium);width:0.375rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar-thumb{background-color:var(--color-background-neutral-press);border-radius:1rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__primary-action,:host .vds-basic-autocomplete__container .vds-basic-autocomplete__secondary-action{display:inline-flex;align-items:center;line-height:0;font-size:0}:host .vds-floating-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-interaction-black-lower);opacity:0.06;z-index:var(--elevation-layer-4)}:host .non-clickable{pointer-events:none}:host(.vds-basic-autocomplete--disabled){pointer-events:none}`;
71
71
 
72
72
  const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAutocomplete extends HTMLElement {
73
- constructor() {
73
+ constructor(registerHost) {
74
74
  super();
75
- this.__registerHost();
75
+ if (registerHost !== false) {
76
+ this.__registerHost();
77
+ }
76
78
  this.__attachShadow();
77
79
  this.opened = createEvent(this, "opened", 7);
78
80
  this.closed = createEvent(this, "closed", 7);
@@ -80,6 +82,7 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
80
82
  this.cleared = createEvent(this, "cleared", 7);
81
83
  this.actionIconClick = createEvent(this, "actionIconClick", 7);
82
84
  this.changeInput = createEvent(this, "changeInput", 7);
85
+ this.selectedValueChanged = createEvent(this, "selectedValueChanged", 7);
83
86
  /**
84
87
  * Sets the internal input size.
85
88
  * If multiple property is true, This will only set the basic-input text value.
@@ -235,7 +238,6 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
235
238
  if (this.dropdown) {
236
239
  this.selectedDropdownValue = value;
237
240
  }
238
- this.value = value;
239
241
  }
240
242
  }
241
243
  /**
@@ -274,7 +276,7 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
274
276
  if (isValidOption && this.multiple) {
275
277
  selectedOption.isSelected = evt.detail.selected;
276
278
  }
277
- this.handleValueAssignment(evt);
279
+ this.handleValueAssignment(evt, selectedOption);
278
280
  if (isValidOption && this.dropdown) {
279
281
  this.setOptionsSingle(evt.detail.value);
280
282
  }
@@ -305,7 +307,7 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
305
307
  this.multiselectValues = Array.from(this.multipleValues);
306
308
  this.basicInput.setFocus();
307
309
  }
308
- handleValueAssignment(evt) {
310
+ handleValueAssignment(evt, selectedOption) {
309
311
  if (this.multiple) {
310
312
  this.handleMultiselection(evt.detail);
311
313
  }
@@ -313,6 +315,14 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
313
315
  this.value = evt.detail.value;
314
316
  this.setSelectionValue(evt.detail.value);
315
317
  this.valueChanged.emit(this.value);
318
+ if (selectedOption) {
319
+ this.selectedValueChanged.emit({
320
+ label: selectedOption.label,
321
+ value: selectedOption.value,
322
+ target: selectedOption
323
+ });
324
+ }
325
+ this.handleInputChange();
316
326
  this.close();
317
327
  }
318
328
  }
@@ -329,6 +339,10 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
329
339
  this.showUnfilteredOptions = false;
330
340
  }
331
341
  }
342
+ handleInputChange() {
343
+ const inputEvent = new InputEvent("input");
344
+ this.hostEl.dispatchEvent(inputEvent);
345
+ }
332
346
  hasFocus() {
333
347
  this.open();
334
348
  if (this.hasValue() && this.dropdown) {
@@ -397,7 +411,7 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
397
411
  }
398
412
  }
399
413
  setDropdownOption() {
400
- var _a;
414
+ var _a, _b;
401
415
  try {
402
416
  const hasValidValue = (_a = this.options) === null || _a === void 0 ? void 0 : _a.some(opt => findOptionByExactValue(opt, this.selectedDropdownValue));
403
417
  if (hasValidValue &&
@@ -406,7 +420,8 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
406
420
  this.selectedDropdownValue !== "") {
407
421
  this.setOptionsSingle(this.selectedDropdownValue);
408
422
  if (this.validateDropdownValue) {
409
- this.value = this.selectedDropdownValue;
423
+ const option = (_b = this.options) === null || _b === void 0 ? void 0 : _b.find(opt => findOptionByExactValue(opt, this.selectedDropdownValue));
424
+ this.value = option ? (option.label || option.value) : this.value;
410
425
  this.validateDropdownValue = false;
411
426
  }
412
427
  }
@@ -463,15 +478,15 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
463
478
  }
464
479
  renderClearIcon() {
465
480
  const disabled = this.disabled || this.isReadonly;
466
- return (h("vds-icon-button", { tabIndex: disabled ? -1 : undefined, disabled: disabled, variant: "secondary", size: this.size === "medium" ? "small" : this.size === "small" ? "extra-small" : "medium", icon: "close", onClick: disabled ? undefined : () => { this.clear(); this.basicInput.setFocus(); } }));
481
+ return (h("vds-icon-button", { tabIndex: disabled ? -1 : undefined, disabled: disabled, variant: "secondary", size: getActionIconButtonSize(this.size), icon: "close", onClick: disabled ? undefined : () => { this.clear(); this.basicInput.setFocus(); } }));
467
482
  }
468
483
  renderActionIcon() {
469
484
  const disabled = this.disabled || this.isReadonly;
470
485
  if (this.dropdown && this.showDropdownIcon) {
471
- return (h("vds-icon", { svgIcon: this.isOpened ? 'chevron-up' : 'chevron-down', color: disabled ? 'color-icon-disabled' : 'color-icon-high', size: getIconSize(this.size), onClick: disabled ? undefined : () => this.isOpened ? this.close() : this.open() }));
486
+ return (h("vds-icon", { svgIcon: this.isOpened ? 'chevron-up' : 'chevron-down', color: getIconColor(this.disabled, this.isReadonly), size: getIconSize(this.size), onClick: disabled ? undefined : () => this.isOpened ? this.close() : this.open() }));
472
487
  }
473
488
  if (this.actionIcon) {
474
- return (h("vds-icon-button", { tabIndex: disabled ? -1 : undefined, disabled: disabled, variant: "secondary", size: this.size === "medium" ? "small" : this.size === "small" ? "extra-small" : "medium", icon: this.actionIcon, onClick: disabled ? undefined : () => this.emitActionIcon() }));
489
+ return (h("vds-icon-button", { tabIndex: disabled ? -1 : undefined, disabled: disabled, variant: "secondary", size: getActionIconButtonSize(this.size), icon: this.actionIcon, onClick: disabled ? undefined : () => this.emitActionIcon() }));
475
490
  }
476
491
  }
477
492
  renderOptions() {
@@ -485,14 +500,14 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
485
500
  }
486
501
  render() {
487
502
  const filteredOptions = getFilteredOptions(this.options, this.value || "");
488
- return (h(Host, { key: '9b035fb33aa14173337829378d0b4024d30e6358', class: this.disabled ? "vds-basic-autocomplete--disabled" : "", title: this.value }, h("div", { key: '3d19e70ce7783ab0b6dc46e1405e1223505db622', class: combineClasses("vds-basic-autocomplete__container") }, h("vds-basic-input", { key: 'd7235b7b4cf781dbe72d6076f080e3f2e0ef1e31', ref: (el) => {
503
+ return (h(Host, { key: '33314c7daf892e83429def416796fd44d0072061', class: this.disabled ? "vds-basic-autocomplete--disabled" : "", title: this.value }, h("div", { key: '313249e9a7bfe83f7cdb5c3a19e213efede9288a', class: combineClasses("vds-basic-autocomplete__container") }, h("vds-basic-input", { key: 'a9c7f870b30a5206263a3aabb60e440e1c10b799', ref: (el) => {
489
504
  if (el) {
490
505
  this.basicInput = el;
491
506
  }
492
- }, type: "text", placeholder: this.placeholder, value: this.value, size: this.size, disabled: this.disabled, isReadonly: this.isReadonly, error: this.error, isRequired: this.isRequired, formatter: this.formatter, informativeIcon: this.informativeIcon, allowedStyles: this.allowedStyles, onChangeInput: (evt) => this.handleChange(evt), onFocus: () => this.hasFocus(), onBlur: () => this.lostFocus() }, this.showClearButton && this.hasValue() && (h("div", { key: '637bd881af823a444595ff826b2aa6521452e020', class: "vds-basic-autocomplete__secondary-action", slot: "secondaryActionIcon" }, this.renderClearIcon())), ((this.dropdown && this.showDropdownIcon) || this.actionIcon) && (h("div", { key: '2042f0659fdaad6855f797b6b79596a90b77bec1', class: "vds-basic-autocomplete__primary-action", slot: "primaryActionIcon" }, this.renderActionIcon()))), this.backdrop && this.isOpened ? h("div", { class: "vds-floating-backdrop", onClick: this.close.bind(this) }) : '', h("div", { key: '4f0893d4476df5bc5723127528101dac34c0d697', ref: (el) => {
507
+ }, type: "text", placeholder: this.placeholder, value: this.value, size: this.size, disabled: this.disabled, isReadonly: this.isReadonly, error: this.error, isRequired: this.isRequired, formatter: this.formatter, informativeIcon: this.informativeIcon, allowedStyles: this.allowedStyles, onChangeInput: (evt) => this.handleChange(evt), onFocus: () => this.hasFocus(), onBlur: () => this.lostFocus() }, this.showClearButton && this.hasValue() && (h("div", { key: '2715d86808bda1bbac461e9383da206b6b285224', class: "vds-basic-autocomplete__secondary-action", slot: "secondaryActionIcon" }, this.renderClearIcon())), ((this.dropdown && this.showDropdownIcon) || this.actionIcon) && (h("div", { key: 'a4b2ed560302233dd049634ab825bc09ea447303', class: "vds-basic-autocomplete__primary-action", slot: "primaryActionIcon" }, this.renderActionIcon()))), this.backdrop && this.isOpened ? h("div", { class: "vds-floating-backdrop", onClick: this.close.bind(this) }) : '', h("div", { key: '8627f4c261001c9b3ce9415de579ab39a4a1eca0', ref: (el) => {
493
508
  if (el)
494
509
  this.autocompleteContent = el;
495
- }, class: combineClasses("vds-basic-autocomplete__content", this.maxHeight ? "has-scroll" : "", (!this.emptyMessage || this.emptyMessage === "") && filteredOptions.length === 0 ? "no-shadow" : "", !this.showEmptyMessage && filteredOptions.length === 0 ? "no-shadow" : "", !this.value && this.options.length === 0 ? "no-shadow" : "") }, h("div", { key: '33047b025c6d88f2ff8bf550f4a6090ebf198ec0', class: "vds-basic-autocomplete__content__header" }, h("slot", { key: '55ce34e7e2233e14a819a1c79288f3ffa5550ebe', name: "header" })), this.renderOptions()))));
510
+ }, class: combineClasses("vds-basic-autocomplete__content", this.maxHeight ? "has-scroll" : "", (!this.emptyMessage || this.emptyMessage === "") && filteredOptions.length === 0 ? "no-shadow" : "", !this.showEmptyMessage && filteredOptions.length === 0 ? "no-shadow" : "", !this.value && this.options.length === 0 ? "no-shadow" : "") }, h("div", { key: 'e9c886f1c5c6f3ce1d9195dee4aadb22cfb9dc29', class: "vds-basic-autocomplete__content__header" }, h("slot", { key: 'bf20136cbad0011b8619353c01947552c6dacc3f', name: "header" })), this.renderOptions()))));
496
511
  }
497
512
  get hostEl() { return this; }
498
513
  static get watchers() { return {
@@ -501,11 +516,11 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
501
516
  "selectedDropdownValue": ["setDropdownValueValidation"],
502
517
  "isOpened": ["toggleAutocomplete"]
503
518
  }; }
504
- static get style() { return vdsBasicAutocompleteCss; }
505
- }, [1, "vds-basic-autocomplete", {
519
+ static get style() { return vdsBasicAutocompleteCss(); }
520
+ }, [257, "vds-basic-autocomplete", {
506
521
  "size": [1025],
507
522
  "value": [1537],
508
- "multipleValues": [1040, "multiple-values"],
523
+ "multipleValues": [1040],
509
524
  "selectedDropdownValue": [1, "selected-dropdown-value"],
510
525
  "placeholder": [1537],
511
526
  "disabled": [1540],
@@ -514,7 +529,7 @@ const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAu
514
529
  "isRequired": [1540, "is-required"],
515
530
  "informativeIcon": [1, "informative-icon"],
516
531
  "formatter": [1040],
517
- "allowedStyles": [1040, "allowed-styles"],
532
+ "allowedStyles": [1040],
518
533
  "maxHeight": [1025, "max-height"],
519
534
  "matchWidth": [1028, "match-width"],
520
535
  "debounce": [2],
@@ -550,27 +565,27 @@ function defineCustomElement$1() {
550
565
  const components = ["vds-basic-autocomplete", "vds-autocomplete-item", "vds-basic-input", "vds-icon", "vds-icon-button"];
551
566
  components.forEach(tagName => { switch (tagName) {
552
567
  case "vds-basic-autocomplete":
553
- if (!customElements.get(tagName)) {
554
- customElements.define(tagName, VdsBasicAutocomplete$1);
568
+ if (!customElements.get(transformTag(tagName))) {
569
+ customElements.define(transformTag(tagName), VdsBasicAutocomplete$1);
555
570
  }
556
571
  break;
557
572
  case "vds-autocomplete-item":
558
- if (!customElements.get(tagName)) {
573
+ if (!customElements.get(transformTag(tagName))) {
559
574
  defineCustomElement$5();
560
575
  }
561
576
  break;
562
577
  case "vds-basic-input":
563
- if (!customElements.get(tagName)) {
578
+ if (!customElements.get(transformTag(tagName))) {
564
579
  defineCustomElement$4();
565
580
  }
566
581
  break;
567
582
  case "vds-icon":
568
- if (!customElements.get(tagName)) {
583
+ if (!customElements.get(transformTag(tagName))) {
569
584
  defineCustomElement$3();
570
585
  }
571
586
  break;
572
587
  case "vds-icon-button":
573
- if (!customElements.get(tagName)) {
588
+ if (!customElements.get(transformTag(tagName))) {
574
589
  defineCustomElement$2();
575
590
  }
576
591
  break;
package/dist/components/vds-basic-autocomplete.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"vds-basic-autocomplete.js","mappings":"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","names":["VdsBasicAutocomplete","__stencil_proxyCustomElement"],"sources":["src/components/autocomplete/vds-basic-autocomplete.utils.ts","src/components/autocomplete/vds-basic-autocomplete.scss?tag=vds-basic-autocomplete&encapsulation=shadow","src/components/autocomplete/vds-basic-autocomplete.tsx"],"sourcesContent":["export const getFilteredOptions = (options: HTMLVdsAutocompleteItemElement[], value: string, validateCasing: boolean = false) => {\n try {\n return options.filter(item => {\n if (validateCasing) {\n return (item.textContent?.includes(value) || item.value?.includes(value) || item.label?.includes(value));\n }\n return findOptionByValue(item, value);\n });\n } catch (error) {\n console.warn(\"[getFilteredOptions]\", error);\n return [];\n }\n}\n\n/**\n * Checks if an option object matches the given search value.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n * True if the searchValue is found within the option's `textContent`, `label`, or `value`.\n * False otherwise.\n */\nexport const findOptionByValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n try {\n const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n return (\n option.textContent && option.textContent?.toLowerCase().includes(lowerCaseSearchValue) ||\n option.label && option.label?.toLowerCase().includes(lowerCaseSearchValue) ||\n option.value && option.value?.toLowerCase().includes(lowerCaseSearchValue)\n );\n }catch (error) {\n console.warn(\"[findOptionByValue]\", error);\n return false;\n }\n};\n\n/**\n * Checks if an option object matches the given search value exactly.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n * True if the searchValue is exactly the same to one of the option's `textContent`, `label`, or `value`.\n * False otherwise.\n */\nexport const findOptionByExactValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n try {\n const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n return (\n option.textContent && option.textContent?.toLowerCase() === lowerCaseSearchValue ||\n option.label && option.label?.toLowerCase() === lowerCaseSearchValue ||\n option.value && option.value?.toLowerCase() === lowerCaseSearchValue\n );\n }catch (error) {\n console.warn(\"[findOptionByValue]\", error);\n return false;\n }\n};",":host {\n display: block;\n \n --vds-basic-autocomplete-input-min-width: 7.5rem;\n --vds-basic-autocomplete-input-min-width-large: 9.25rem;\n\n .vds-basic-autocomplete__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n\n vds-basic-input {\n --vds-input-min-width: var(--vds-basic-autocomplete-input-min-width);\n --vds-input-min-width-large: var(--vds-basic-autocomplete-input-min-width-large);\n }\n\n .vds-basic-autocomplete__content {\n display: none;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n min-width: max-content;\n max-height: fit-content !important;\n border-radius: var(--radius-medium);\n background: var(--surface-medium);\n box-shadow: var(--elevation-shadow-2);\n box-sizing: border-box;\n border: 0.0625rem solid var(--color-border-lowest);\n margin-top: 0.25rem;\n z-index: var(--elevation-layer-5);\n\n &.no-shadow {\n box-shadow: none;\n border: none;\n\n .vds-basic-autocomplete__content__header {\n box-shadow: var(--elevation-shadow-2);\n }\n }\n\n &.has-scroll {\n padding-right: var(--spacing-01);\n }\n\n &.match-width {\n width: var(--trigger-width);\n min-width: var(--trigger-width);\n }\n\n .vds-basic-autocomplete__content-options {\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n border-radius: var(--radius-medium);\n\n &.scrollable {\n padding-right: var(--spacing-01);\n }\n\n &::-webkit-scrollbar {\n background-color: var(--surface-medium);\n width: 0.375rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--color-background-neutral-press);\n border-radius: 1rem;\n }\n }\n }\n\n .vds-basic-autocomplete__primary-action,\n .vds-basic-autocomplete__secondary-action {\n display: inline-flex;\n align-items: center;\n }\n }\n\n .vds-floating-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--color-interaction-black-lower);\n opacity: 0.06;\n z-index: var(--elevation-layer-4);\n }\n\n .non-clickable {\n pointer-events: none;\n }\n}\n\n:host(.vds-basic-autocomplete--disabled) {\n pointer-events: none;\n}","import { Component, Host, Prop, Watch, h, Event, EventEmitter, Method, State, Element } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { toggleContainerDisplay, updateContainerWidth } from '../basic-dropdown/vds-basic-dropdown.utils';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { HTMLStencilElement, Listen } from '@stencil/core/internal';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { findOptionByExactValue, findOptionByValue, getFilteredOptions } from './vds-basic-autocomplete.utils';\nimport { getIconSize } from '../../utils/icon-attr.utils';\n\n@Component({\n tag: 'vds-basic-autocomplete',\n styleUrl: 'vds-basic-autocomplete.scss',\n shadow: true,\n})\nexport class VdsBasicAutocomplete {\n\n /** \n * Sets the internal input size.\n * If multiple property is true, This will only set the basic-input text value.\n * If multiple property is false and the value prop matches with an option, the option will be selected,\n * Otherwise text will be set in the basic-input.\n */\n @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n /** Sets the internal input value */\n @Prop({ mutable: true, reflect: true }) value: string;\n /** Sets the selected options when multiple is activated */\n @Prop({ mutable: true, reflect: true }) multipleValues: Array<string> = [];\n /** Sets the selected dropdown value when dropdown is activated */\n @Prop() selectedDropdownValue = \"\";\n /** Sets the internal input placeholder. */\n @Prop({ mutable: true, reflect: true }) placeholder: string;\n /** Sets the internal input in disabled state. */\n @Prop({ mutable: true, reflect: true }) disabled: boolean;\n /** Sets the internal input in readonly state. */\n @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n /** Sets the internal input in error state. */\n @Prop({ mutable: true, reflect: true }) error: boolean;\n /** Toggles the required sign in the internal input */\n @Prop({ mutable: true, reflect: true }) isRequired: boolean = false;\n /** Allows user to define a information icon inside the input at its left . */\n @Prop() informativeIcon: string;\n /** Sets character formatting for user input. Useful for adding a mask to the input. */\n @Prop({ mutable: true }) formatter: Function;\n /** Sets custom allowed styles to input (text-align, text-transform, unicode-bidi, direction) */\n @Prop({ mutable: true }) allowedStyles: { [key: string]: string }[] = [];\n /** Set the max height value for the floating container of the items */\n @Prop({ mutable: true }) maxHeight: string;\n /** Sets the width value for the floating container of the items to match the items list width */\n @Prop({ mutable: true }) matchWidth: boolean = true;\n /** Debounce time for key inputs before the search */\n @Prop() debounce: number;\n /** Allows user to define a search icon inside the input at its right (zoom by default) . */\n @Prop() actionIcon: string = \"zoom\";\n /** Sets the autocomplete clear button visibility. */\n @Prop() showClearButton: boolean = true;\n /** \n * Shows a dropdown chevron arrow that flips up/down when change state open/close.\n * Also enables the selectedDropdownValue prop to be able to select an option from dropdown\n * When multiple is true, this prop will be set to false.\n */\n @Prop() dropdown: boolean = false;\n /** Sets the autocomplete dropdown chevron icon visibility. */\n @Prop() showDropdownIcon: boolean = true;\n /** Enables a message when there's no match options. */\n @Prop() showEmptyMessage: boolean = false;\n /** Allow to set the text message in the 'emptyMessage' state. */\n @Prop() emptyMessage: string = \"No options\";\n /** \n * Allow multiple values to be selected.\n * Also enables the multipleValues prop to be able to select multiple options\n * When multiple is true, dropdown prop will be set to false.\n * When multiple is true, valueChanged will emit an array of strings\n */\n @Prop() multiple: boolean = false;\n /** \n * Toggles the floating container auto-positioning based on available window space. \n * False by default as it may cause positioning issues in some situations, use with caution \n */\n @Prop({mutable: true}) autoPosition: boolean = false;\n /** \n * Clear selection and input on clicking the close button.\n * Only works when multiple is true.\n */\n @Prop() clearSelection: boolean = false;\n /** Toggles the overlay element, allowing interaction only with this element when active */\n @Prop() backdrop: boolean = false;\n\n /** Emits event when floating element gets opens */\n @Event() opened: EventEmitter<void>;\n /** Emits event when floating element gets closes */\n @Event() closed: EventEmitter<void>;\n /** Emits event when an item is selected, this event contains the value of the selected item(s) */\n @Event() valueChanged: EventEmitter<string | string[]>;\n /** Emits an event when the clear button is clicked */\n @Event() cleared: EventEmitter<void>;\n /** Emits an event when the user click the actionIcon (the magnifying glass) */\n @Event() actionIconClick: EventEmitter<void>;\n /** Emits updated inputed value from the vds-basic-input similar to the input event */\n\t@Event() changeInput: EventEmitter<string>;\n\n @Element() hostEl: HTMLElement;\n\n autocompleteContent: HTMLDivElement;\n basicInput: HTMLVdsBasicInputElement;\n \n floatingCleanUp: () => void = () => {};\n @State() isOpened: boolean = false;\n @State() multiselectValues: Array<string>;\n options: HTMLVdsAutocompleteItemElement[] = [];\n autocompleteItemEmptyOption: HTMLVdsAutocompleteItemElement;\n debounceTimeTracker: NodeJS.Timeout = null;\n showUnfilteredOptions: boolean = false;\n private updateContainerWidth = updateContainerWidth;\n validateDropdownValue: boolean;\n\n componentWillLoad(): void {\n this.multiselectValues = this.multipleValues;\n this.validateDropdownValue = true;\n }\n\n componentWillRender(): void {\n if (this.multiple) {\n this.dropdown = false;\n }\n }\n \n componentDidLoad(): void {\n this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n this.setPreselection();\n }\n\n componentDidRender(): void {\n this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, 'bottom', false);\n this.updateContainerWidth(this.basicInput, this.matchWidth, this.autocompleteContent);\n this.setPreselection();\n }\n\n @Watch(\"multiselectValues\")\n setMulitpleValueHandler() {\n this.valueChanged.emit(this.multiselectValues);\n }\n\n @Watch(\"disabled\")\n setDisabledState() {\n this.close();\n }\n\n @Watch(\"selectedDropdownValue\")\n setDropdownValueValidation() {\n this.validateDropdownValue = true;\n }\n\n @Watch(\"isOpened\")\n async toggleAutocomplete(): Promise<void> {\n if (this.isOpened) {\n toggleContainerDisplay(this.autocompleteContent, true);\n this.opened.emit();\n this.floatingCleanUp = await updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, \"bottom\", this.autoPosition);\n } else {\n toggleContainerDisplay(this.autocompleteContent, false);\n this.closed.emit();\n this.floatingCleanUp();\n }\n }\n\n /* Open the floating element(menu) of the autocomplete. */\n @Method()\n public async open(): Promise<void> {\n if (!this.isReadonly && !this.disabled) {\n setTimeout(() => {\n this.isOpened = true;\n });\n }\n }\n\n /* Close the floating element(menu) of the autocomplete. */\n @Method()\n public async close(): Promise<void> {\n this.isOpened = false;\n }\n\n /* Sets focus to the input element */\n @Method()\n public async setFocus(): Promise<void> {\n this.basicInput.setFocus();\n setTimeout(() => {\n this.open();\n });\n }\n\n /**\n * Sets the autocomplete input value to handle filtering.\n *\n * @returns {Promise<void>} \n */\n @Method()\n public async setValue(value: string): Promise<void> {\n this.value = value;\n }\n\n /**\n * Sets the autocomplete selection value to handle.\n * When multiple is true, sets the selected values from the list\n * When dropdown is true and multiple is false, sets a single selected value.\n * When dropdown is false and When multiple is false, set the input value\n *\n * @returns {Promise<void>} \n */\n @Method()\n public async setSelectionValue(value: string | string[]): Promise<void> {\n if (this.multiple && Array.isArray(value)) {\n this.multipleValues = this.multiselectValues = value;\n }\n if (typeof value === \"string\") {\n if (this.dropdown) {\n this.selectedDropdownValue = value;\n }\n this.value = value;\n }\n }\n\n /**\n * Return the autocomplete value.\n *\n * @returns {Promise<string>} A promise that resolves by returning the autocomplete value.\n */\n @Method()\n public async getValue(): Promise<string | string[]> {\n if (this.multiple) {\n return this.multipleValues;\n }\n if (this.dropdown) {\n return this.selectedDropdownValue;\n }\n return this.value;\n }\n\n /**\n * Clears the selected options and resets the value of the autocomplete.\n *\n * @returns {Promise<void>} A promise that resolves when the clearing operation is complete.\n */\n @Method()\n public async clear(): Promise<void> {\n this.value = '';\n if (this.dropdown) {\n this.clearOptions();\n }\n if (this.clearSelection && this.multiple) {\n this.multipleValues = this.multiselectValues = [];\n this.setOptionsMultiple();\n }\n this.cleared.emit();\n }\n\n @Listen(\"autocompleteClicked\")\n handleSelectOption(evt: CustomEvent<{value: string, selected: boolean}>): void {\n const selectedOption = this.options.find((option) => findOptionByExactValue(option, evt.detail.value));\n const isValidOption: boolean = selectedOption !== null && selectedOption !== undefined;\n \n if (isValidOption && this.multiple) {\n selectedOption.isSelected = evt.detail.selected;\n }\n\n this.handleValueAssignment(evt);\n\n if (isValidOption && this.dropdown) {\n this.setOptionsSingle(evt.detail.value);\n }\n }\n\n /* Close the autocomplete when click outside */\n @Listen('click', { target: 'window' })\n handleClickOut(evt: MouseEvent): void {\n evt.stopPropagation();\n const target = evt.target as HTMLElement;\n const isClickInside = this.hostEl.contains(target as Node);\n const isClickInsideParentAutocomplete = target.nodeName === \"VDS-AUTOCOMPLETE\" && target.shadowRoot && (evt.target as HTMLElement).shadowRoot.contains(this.hostEl);\n if (!isClickInside && !isClickInsideParentAutocomplete) {\n this.isOpened = false;\n }\n }\n\n @Listen('keyup', { target: 'window' })\n handleEscPress(evt: any) {\n if (this.isOpened && evt.code === \"Escape\") {\n this.close();\n this.basicInput.blur();\n }\n }\n\n handleMultiselection(selection: {value: string, selected: boolean}): void {\n if (selection.selected && !this.multipleValues.find(value => value.toLowerCase() === selection.value.toLowerCase())) {\n this.multipleValues.push(selection.value);\n } else {\n this.multipleValues = this.multipleValues.filter(value => value.toLowerCase() !== selection.value.toLowerCase());\n }\n this.multiselectValues = Array.from(this.multipleValues);\n this.basicInput.setFocus();\n }\n\n handleValueAssignment(evt: CustomEvent<{value: string, selected: boolean}>): void {\n if (this.multiple) {\n this.handleMultiselection(evt.detail)\n } else {\n this.value = evt.detail.value;\n this.setSelectionValue(evt.detail.value);\n this.valueChanged.emit(this.value);\n this.close();\n }\n }\n\n handleChange(evt: CustomEvent<string>) {\n evt.stopPropagation();\n this.changeInput.emit(evt.detail);\n if (this.debounce !== undefined && this.debounce > 0) {\n this.handleDebounceValueChange(evt.detail);\n } else {\n this.value = evt.detail;\n }\n if (this.dropdown) {\n this.showUnfilteredOptions = false;\n }\n }\n\n hasFocus(): void {\n this.open();\n if (this.hasValue() && this.dropdown) {\n this.showUnfilteredOptions = true;\n this.validateDropdownValue = false;\n }\n }\n\n lostFocus(): void {\n if (this.dropdown) {\n this.showUnfilteredOptions = false;\n this.validateDropdownValue = true;\n }\n }\n\n emitActionIcon(): void {\n this.actionIconClick.emit();\n }\n\n handleDebounceValueChange(newValue: string): void {\n\t\tif (this.debounceTimeTracker !== null) {\n\t\t\tclearTimeout(this.debounceTimeTracker);\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}\n\t\tthis.debounceTimeTracker = setTimeout(() => {\n this.value = newValue;\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}, this.debounce);\n\t}\n\n\n private hasValue(): boolean {\n return this.value !== null && this.value !== undefined && this.value !== \"undefined\" && this.value !== \"\";\n }\n\n /**\n * Sets autocomplete styles for JSX.style property\n *\n * @param maxHeight string\n * @returns { [key: string]: string }\n */\n private setAutoCompleteStyles = (maxHeight: string): { [key: string]: string } => {\n let styles = {};\n\n styles = {\n maxHeight: maxHeight ? maxHeight : undefined,\n }\n\n return styles;\n }\n\n setPreselection(): void {\n if (this.multiple) {\n this.setOptionsMultiple();\n }\n if (this.dropdown) {\n this.setDropdownOption();\n }\n }\n\n private setOptionsMultiple(): void {\n try {\n this.options.forEach(item => {\n item.hasCheckmark = true;\n const selection = this.multipleValues?.find(value => findOptionByExactValue(item, value));\n item.isSelected = !!selection;\n });\n } \n catch (error) {\n console.warn(\"[setOptionsMultiple]\", error);\n }\n }\n\n /**\n * Sets the selected value for a autocomplete type dropdown and updates the options accordingly.\n * @private\n * @param {string} selectedValue - The value of the selected option.\n */\n private setOptionsSingle(selectedValue: string): void {\n try {\n this.selectedDropdownValue = selectedValue;\n this.options.forEach(item => {\n item.hasCheckmark = false;\n item.isSelected = findOptionByExactValue(item, this.selectedDropdownValue);\n });\n } \n catch (error) {\n console.warn(\"[setOptionsSingle]\", error);\n }\n }\n\n private setDropdownOption(): void {\n try {\n const hasValidValue = this.options?.some(opt => findOptionByExactValue(opt, this.selectedDropdownValue));\n if (\n hasValidValue &&\n this.selectedDropdownValue !== undefined &&\n this.selectedDropdownValue !== \"undefined\" &&\n this.selectedDropdownValue !== \"\"\n ) {\n this.setOptionsSingle(this.selectedDropdownValue);\n\n if (this.validateDropdownValue) {\n this.value = this.selectedDropdownValue;\n this.validateDropdownValue = false;\n }\n }\n } \n catch (error) {\n console.warn(\"[setOptionsMultiple]\", error);\n }\n }\n\n /**\n * Sets the all the options to unselected state\n * @private\n * @param {string} selectedValue - The value of the selected option.\n */\n private clearOptions(): void {\n try {\n this.selectedDropdownValue = null;\n this.options.forEach(item => {\n item.hasCheckmark = item.isSelected = false;\n });\n } \n catch (error) {\n console.warn(\"[clearOptions]\", error);\n }\n }\n\n private renderUnfilteredOptions(): HTMLStencilElement {\n return (\n <div \n class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n style={this.setAutoCompleteStyles(this.maxHeight)}\n >\n <slot name={\"items\"}></slot>\n <slot></slot>\n </div>\n );\n }\n\n private renderItem(item: HTMLVdsAutocompleteItemElement): HTMLStencilElement {\n let isSelected = false;\n if (this.multiple) {\n isSelected = this.multipleValues?.some(value => findOptionByValue(item, value));\n }\n return (\n <vds-autocomplete-item isSelected={isSelected} hasCheckmark={this.multiple} {...cloneAttributes(item)} innerHTML={item.innerHTML}></vds-autocomplete-item>\n );\n }\n\n private renderFilteredOptions(): HTMLStencilElement {\n const value = this.hasValue() ? this.value : \"\";\n const filteredOptions = getFilteredOptions(this.options, value);\n if (filteredOptions.length === 0) {\n return this.showEmptyMessage && this.emptyMessage ? this.renderEmptyOption() : null;\n }\n \n return (\n <div\n class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n style={this.setAutoCompleteStyles(this.maxHeight)}\n >\n {filteredOptions.map(item => this.renderItem(item))}\n </div>\n );\n }\n\n private renderEmptyOption(): HTMLStencilElement {\n if (!this.autocompleteItemEmptyOption) {\n this.autocompleteItemEmptyOption = document.createElement(\"vds-autocomplete-item\");\n this.autocompleteItemEmptyOption.classList.add(\"non-clickable\");\n this.autocompleteItemEmptyOption.value = \"\";\n this.autocompleteItemEmptyOption.setAttribute(\"value\", \"\");\n }\n\n this.autocompleteItemEmptyOption.setAttribute(\"size\", this.size);\n this.autocompleteItemEmptyOption.setAttribute(\"label\", this.emptyMessage);\n\n return this.renderItem(this.autocompleteItemEmptyOption);\n }\n\n private renderClearIcon(): HTMLStencilElement {\n const disabled = this.disabled || this.isReadonly;\n return (\n <vds-icon-button\n tabIndex={disabled ? -1 : undefined}\n disabled={disabled}\n variant=\"secondary\"\n size={this.size === \"medium\" ? \"small\" : this.size === \"small\" ? \"extra-small\" : \"medium\"}\n icon={\"close\"}\n onClick={disabled ? undefined : () => { this.clear(); this.basicInput.setFocus();}}\n ></vds-icon-button>\n );\n }\n\n private renderActionIcon(): HTMLStencilElement {\n const disabled = this.disabled || this.isReadonly;\n if (this.dropdown && this.showDropdownIcon) {\n return (\n <vds-icon\n svgIcon={this.isOpened ? 'chevron-up' : 'chevron-down'}\n color={disabled ? 'color-icon-disabled' : 'color-icon-high'}\n size={getIconSize(this.size)}\n onClick={disabled ? undefined : () => this.isOpened ? this.close() : this.open()}\n ></vds-icon>\n );\n } \n if (this.actionIcon) {\n return (\n <vds-icon-button\n tabIndex={disabled ? -1 : undefined}\n disabled={disabled}\n variant=\"secondary\"\n size={this.size === \"medium\" ? \"small\" : this.size === \"small\" ? \"extra-small\" : \"medium\"}\n icon={this.actionIcon}\n onClick={disabled ? undefined : () => this.emitActionIcon()}\n ></vds-icon-button>\n )\n }\n }\n\n private renderOptions(): HTMLStencilElement {\n if (this.dropdown && this.showUnfilteredOptions) {\n return this.renderUnfilteredOptions();\n }\n\n if (this.hasValue()) {\n return this.renderFilteredOptions();\n }\n\n return this.renderUnfilteredOptions();\n }\n\n render(): HTMLStencilElement {\n const filteredOptions = getFilteredOptions(this.options, this.value || \"\");\n return (\n <Host class={this.disabled ? \"vds-basic-autocomplete--disabled\" : \"\"} title={this.value}>\n <div class={combineClasses(\"vds-basic-autocomplete__container\")}>\n <vds-basic-input\n ref={(el) => {\n if (el) {\n this.basicInput = el; \n }\n }}\n type=\"text\"\n placeholder={this.placeholder}\n value={this.value}\n size={this.size}\n disabled={this.disabled}\n isReadonly={this.isReadonly}\n error={this.error}\n isRequired={this.isRequired}\n formatter={this.formatter}\n informativeIcon={this.informativeIcon}\n allowedStyles={this.allowedStyles}\n onChangeInput={(evt): void => this.handleChange(evt)}\n onFocus={(): void => this.hasFocus()}\n onBlur={(): void => this.lostFocus()}\n >\n {this.showClearButton && this.hasValue() && (\n <div class=\"vds-basic-autocomplete__secondary-action\" slot=\"secondaryActionIcon\">\n {this.renderClearIcon()}\n </div>\n )}\n {((this.dropdown && this.showDropdownIcon) || this.actionIcon) && (\n <div class=\"vds-basic-autocomplete__primary-action\" slot=\"primaryActionIcon\">\n {this.renderActionIcon()}\n </div>\n )}\n </vds-basic-input>\n {this.backdrop && this.isOpened ? <div class=\"vds-floating-backdrop\" onClick={this.close.bind(this)}></div> : ''}\n <div \n ref={(el): void => { if (el) this.autocompleteContent = el;}}\n class={\n combineClasses(\n \"vds-basic-autocomplete__content\",\n this.maxHeight ? \"has-scroll\" : \"\",\n (!this.emptyMessage || this.emptyMessage === \"\") && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n !this.showEmptyMessage && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n !this.value && this.options.length === 0 ? \"no-shadow\" : \"\"\n )}\n >\n <div class={\"vds-basic-autocomplete__content__header\"}>\n <slot name=\"header\"></slot>\n </div>\n {this.renderOptions()}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"vds-basic-autocomplete.js","mappings":"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","names":["VdsBasicAutocomplete","__stencil_proxyCustomElement"],"sources":["src/components/autocomplete/vds-basic-autocomplete.utils.ts","src/components/autocomplete/vds-basic-autocomplete.scss?tag=vds-basic-autocomplete&encapsulation=shadow","src/components/autocomplete/vds-basic-autocomplete.tsx"],"sourcesContent":["export const getFilteredOptions = (options: HTMLVdsAutocompleteItemElement[], value: string, validateCasing: boolean = false) => {\n try {\n return options.filter(item => {\n if (validateCasing) {\n return (item.textContent?.includes(value) || item.value?.includes(value) || item.label?.includes(value));\n }\n return findOptionByValue(item, value);\n });\n } catch (error) {\n console.warn(\"[getFilteredOptions]\", error);\n return [];\n }\n}\n\n/**\n * Checks if an option object matches the given search value.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n * True if the searchValue is found within the option's `textContent`, `label`, or `value`.\n * False otherwise.\n */\nexport const findOptionByValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n try {\n const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n return (\n option.textContent && option.textContent?.toLowerCase().includes(lowerCaseSearchValue) ||\n option.label && option.label?.toLowerCase().includes(lowerCaseSearchValue) ||\n option.value && option.value?.toLowerCase().includes(lowerCaseSearchValue)\n );\n }catch (error) {\n console.warn(\"[findOptionByValue]\", error);\n return false;\n }\n};\n\n/**\n * Checks if an option object matches the given search value exactly.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n * True if the searchValue is exactly the same to one of the option's `textContent`, `label`, or `value`.\n * False otherwise.\n */\nexport const findOptionByExactValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n try {\n const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n return (\n option.textContent && option.textContent?.toLowerCase() === lowerCaseSearchValue ||\n option.label && option.label?.toLowerCase() === lowerCaseSearchValue ||\n option.value && option.value?.toLowerCase() === lowerCaseSearchValue\n );\n }catch (error) {\n console.warn(\"[findOptionByValue]\", error);\n return false;\n }\n};\n\nexport interface SelectedValueChangedEventDetail {\n label: string;\n value: string;\n target: HTMLVdsAutocompleteItemElement;\n}",":host {\n display: block;\n \n --vds-basic-autocomplete-input-min-width-small: 5.75rem;\n --vds-basic-autocomplete-input-min-width: 7.5rem;\n --vds-basic-autocomplete-input-min-width-large: 9.25rem;\n\n .vds-basic-autocomplete__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n\n vds-basic-input {\n --vds-input-min-width-small: var(--vds-basic-autocomplete-input-min-width-small);\n --vds-input-min-width: var(--vds-basic-autocomplete-input-min-width);\n --vds-input-min-width-large: var(--vds-basic-autocomplete-input-min-width-large);\n }\n\n .vds-basic-autocomplete__content {\n display: none;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n min-width: max-content;\n max-height: fit-content !important;\n border-radius: var(--radius-medium);\n background: var(--surface-medium);\n box-shadow: var(--elevation-shadow-2);\n box-sizing: border-box;\n border: 0.0625rem solid var(--color-border-lowest);\n margin-top: 0.25rem;\n z-index: var(--elevation-layer-5);\n\n &.no-shadow {\n box-shadow: none;\n border: none;\n\n .vds-basic-autocomplete__content__header {\n box-shadow: var(--elevation-shadow-2);\n }\n }\n\n &.has-scroll {\n padding-right: var(--spacing-01);\n }\n\n &.match-width {\n width: var(--trigger-width);\n min-width: var(--trigger-width);\n }\n\n .vds-basic-autocomplete__content-options {\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n border-radius: var(--radius-medium);\n\n &.scrollable {\n padding-right: var(--spacing-01);\n }\n\n &::-webkit-scrollbar {\n background-color: var(--surface-medium);\n width: 0.375rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--color-background-neutral-press);\n border-radius: 1rem;\n }\n }\n }\n\n .vds-basic-autocomplete__primary-action,\n .vds-basic-autocomplete__secondary-action {\n display: inline-flex;\n align-items: center;\n line-height: 0;\n font-size: 0;\n }\n }\n\n .vds-floating-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--color-interaction-black-lower);\n opacity: 0.06;\n z-index: var(--elevation-layer-4);\n }\n\n .non-clickable {\n pointer-events: none;\n }\n}\n\n:host(.vds-basic-autocomplete--disabled) {\n pointer-events: none;\n}","import { Component, Host, Prop, Watch, h, Event, EventEmitter, Method, State, Element } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { toggleContainerDisplay, updateContainerWidth } from '../basic-dropdown/vds-basic-dropdown.utils';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { HTMLStencilElement, Listen } from '@stencil/core/internal';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { findOptionByExactValue, findOptionByValue, getFilteredOptions, SelectedValueChangedEventDetail } from './vds-basic-autocomplete.utils';\nimport { getIconSize, getActionIconButtonSize, getIconColor } from '../../utils/icon-attr.utils';\n\n@Component({\n tag: 'vds-basic-autocomplete',\n styleUrl: 'vds-basic-autocomplete.scss',\n shadow: true,\n})\nexport class VdsBasicAutocomplete {\n\n /** \n * Sets the internal input size.\n * If multiple property is true, This will only set the basic-input text value.\n * If multiple property is false and the value prop matches with an option, the option will be selected,\n * Otherwise text will be set in the basic-input.\n */\n @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n /** Sets the internal input value */\n @Prop({ mutable: true, reflect: true }) value: string;\n /** Sets the selected options when multiple is activated */\n @Prop({ mutable: true, reflect: true }) multipleValues: Array<string> = [];\n /** Sets the selected dropdown value when dropdown is activated */\n @Prop() selectedDropdownValue = \"\";\n /** Sets the internal input placeholder. */\n @Prop({ mutable: true, reflect: true }) placeholder: string;\n /** Sets the internal input in disabled state. */\n @Prop({ mutable: true, reflect: true }) disabled: boolean;\n /** Sets the internal input in readonly state. */\n @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n /** Sets the internal input in error state. */\n @Prop({ mutable: true, reflect: true }) error: boolean;\n /** Toggles the required sign in the internal input */\n @Prop({ mutable: true, reflect: true }) isRequired: boolean = false;\n /** Allows user to define a information icon inside the input at its left . */\n @Prop() informativeIcon: string;\n /** Sets character formatting for user input. Useful for adding a mask to the input. */\n @Prop({ mutable: true }) formatter: Function;\n /** Sets custom allowed styles to input (text-align, text-transform, unicode-bidi, direction) */\n @Prop({ mutable: true }) allowedStyles: { [key: string]: string }[] = [];\n /** Set the max height value for the floating container of the items */\n @Prop({ mutable: true }) maxHeight: string;\n /** Sets the width value for the floating container of the items to match the items list width */\n @Prop({ mutable: true }) matchWidth: boolean = true;\n /** Debounce time for key inputs before the search */\n @Prop() debounce: number;\n /** Allows user to define a search icon inside the input at its right (zoom by default) . */\n @Prop() actionIcon: string = \"zoom\";\n /** Sets the autocomplete clear button visibility. */\n @Prop() showClearButton: boolean = true;\n /** \n * Shows a dropdown chevron arrow that flips up/down when change state open/close.\n * Also enables the selectedDropdownValue prop to be able to select an option from dropdown\n * When multiple is true, this prop will be set to false.\n */\n @Prop() dropdown: boolean = false;\n /** Sets the autocomplete dropdown chevron icon visibility. */\n @Prop() showDropdownIcon: boolean = true;\n /** Enables a message when there's no match options. */\n @Prop() showEmptyMessage: boolean = false;\n /** Allow to set the text message in the 'emptyMessage' state. */\n @Prop() emptyMessage: string = \"No options\";\n /** \n * Allow multiple values to be selected.\n * Also enables the multipleValues prop to be able to select multiple options\n * When multiple is true, dropdown prop will be set to false.\n * When multiple is true, valueChanged will emit an array of strings\n */\n @Prop() multiple: boolean = false;\n /** \n * Toggles the floating container auto-positioning based on available window space. \n * False by default as it may cause positioning issues in some situations, use with caution \n */\n @Prop({mutable: true}) autoPosition: boolean = false;\n /** \n * Clear selection and input on clicking the close button.\n * Only works when multiple is true.\n */\n @Prop() clearSelection: boolean = false;\n /** Toggles the overlay element, allowing interaction only with this element when active */\n @Prop() backdrop: boolean = false;\n\n /** Emits event when floating element gets opens */\n @Event() opened: EventEmitter<void>;\n /** Emits event when floating element gets closes */\n @Event() closed: EventEmitter<void>;\n /** Emits event when an item is selected, this event contains the label of the selected item(s) */\n @Event() valueChanged: EventEmitter<string | string[]>;\n /** Emits an event when the clear button is clicked */\n @Event() cleared: EventEmitter<void>;\n /** Emits an event when the user click the actionIcon (the magnifying glass) */\n @Event() actionIconClick: EventEmitter<void>;\n /** Emits updated inputed value from the vds-basic-input similar to the input event */\n\t@Event() changeInput: EventEmitter<string>;\n /** Emits event when an item is selected, this event contains the value of the selected item(s) */\n\t@Event() selectedValueChanged: EventEmitter<SelectedValueChangedEventDetail>;\n\n @Element() hostEl: HTMLElement;\n\n autocompleteContent: HTMLDivElement;\n basicInput: HTMLVdsBasicInputElement;\n \n floatingCleanUp: () => void = () => {};\n @State() isOpened: boolean = false;\n @State() multiselectValues: Array<string>;\n options: HTMLVdsAutocompleteItemElement[] = [];\n autocompleteItemEmptyOption: HTMLVdsAutocompleteItemElement;\n debounceTimeTracker: NodeJS.Timeout = null;\n showUnfilteredOptions: boolean = false;\n private updateContainerWidth = updateContainerWidth;\n validateDropdownValue: boolean;\n\n componentWillLoad(): void {\n this.multiselectValues = this.multipleValues;\n this.validateDropdownValue = true;\n }\n\n componentWillRender(): void {\n if (this.multiple) {\n this.dropdown = false;\n }\n }\n \n componentDidLoad(): void {\n this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n this.setPreselection();\n }\n\n componentDidRender(): void {\n this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, 'bottom', false);\n this.updateContainerWidth(this.basicInput, this.matchWidth, this.autocompleteContent);\n this.setPreselection();\n }\n\n @Watch(\"multiselectValues\")\n setMulitpleValueHandler() {\n this.valueChanged.emit(this.multiselectValues);\n }\n\n @Watch(\"disabled\")\n setDisabledState() {\n this.close();\n }\n\n @Watch(\"selectedDropdownValue\")\n setDropdownValueValidation() {\n this.validateDropdownValue = true;\n }\n\n @Watch(\"isOpened\")\n async toggleAutocomplete(): Promise<void> {\n if (this.isOpened) {\n toggleContainerDisplay(this.autocompleteContent, true);\n this.opened.emit();\n this.floatingCleanUp = await updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, \"bottom\", this.autoPosition);\n } else {\n toggleContainerDisplay(this.autocompleteContent, false);\n this.closed.emit();\n this.floatingCleanUp();\n }\n }\n\n /* Open the floating element(menu) of the autocomplete. */\n @Method()\n public async open(): Promise<void> {\n if (!this.isReadonly && !this.disabled) {\n setTimeout(() => {\n this.isOpened = true;\n });\n }\n }\n\n /* Close the floating element(menu) of the autocomplete. */\n @Method()\n public async close(): Promise<void> {\n this.isOpened = false;\n }\n\n /* Sets focus to the input element */\n @Method()\n public async setFocus(): Promise<void> {\n this.basicInput.setFocus();\n setTimeout(() => {\n this.open();\n });\n }\n\n /**\n * Sets the autocomplete input value to handle filtering.\n *\n * @returns {Promise<void>} \n */\n @Method()\n public async setValue(value: string): Promise<void> {\n this.value = value;\n }\n\n /**\n * Sets the autocomplete selection value to handle.\n * When multiple is true, sets the selected values from the list\n * When dropdown is true and multiple is false, sets a single selected value.\n * When dropdown is false and When multiple is false, set the input value\n *\n * @returns {Promise<void>} \n */\n @Method()\n public async setSelectionValue(value: string | string[]): Promise<void> {\n if (this.multiple && Array.isArray(value)) {\n this.multipleValues = this.multiselectValues = value;\n }\n if (typeof value === \"string\") {\n if (this.dropdown) {\n this.selectedDropdownValue = value;\n }\n }\n }\n\n /**\n * Return the autocomplete value.\n *\n * @returns {Promise<string>} A promise that resolves by returning the autocomplete value.\n */\n @Method()\n public async getValue(): Promise<string | string[]> {\n if (this.multiple) {\n return this.multipleValues;\n }\n if (this.dropdown) {\n return this.selectedDropdownValue;\n }\n return this.value;\n }\n\n /**\n * Clears the selected options and resets the value of the autocomplete.\n *\n * @returns {Promise<void>} A promise that resolves when the clearing operation is complete.\n */\n @Method()\n public async clear(): Promise<void> {\n this.value = '';\n if (this.dropdown) {\n this.clearOptions();\n }\n if (this.clearSelection && this.multiple) {\n this.multipleValues = this.multiselectValues = [];\n this.setOptionsMultiple();\n }\n this.cleared.emit();\n }\n\n @Listen(\"autocompleteClicked\")\n handleSelectOption(evt: CustomEvent<{value: string, selected: boolean}>): void {\n const selectedOption = this.options.find((option) => findOptionByExactValue(option, evt.detail.value));\n const isValidOption: boolean = selectedOption !== null && selectedOption !== undefined;\n \n if (isValidOption && this.multiple) {\n selectedOption.isSelected = evt.detail.selected;\n }\n\n this.handleValueAssignment(evt, selectedOption);\n\n if (isValidOption && this.dropdown) {\n this.setOptionsSingle(evt.detail.value);\n }\n }\n\n /* Close the autocomplete when click outside */\n @Listen('click', { target: 'window' })\n handleClickOut(evt: MouseEvent): void {\n evt.stopPropagation();\n const target = evt.target as HTMLElement;\n const isClickInside = this.hostEl.contains(target as Node);\n const isClickInsideParentAutocomplete = target.nodeName === \"VDS-AUTOCOMPLETE\" && target.shadowRoot && (evt.target as HTMLElement).shadowRoot.contains(this.hostEl);\n if (!isClickInside && !isClickInsideParentAutocomplete) {\n this.isOpened = false;\n }\n }\n\n @Listen('keyup', { target: 'window' })\n handleEscPress(evt: any) {\n if (this.isOpened && evt.code === \"Escape\") {\n this.close();\n this.basicInput.blur();\n }\n }\n\n handleMultiselection(selection: {value: string, selected: boolean}): void {\n if (selection.selected && !this.multipleValues.find(value => value.toLowerCase() === selection.value.toLowerCase())) {\n this.multipleValues.push(selection.value);\n } else {\n this.multipleValues = this.multipleValues.filter(value => value.toLowerCase() !== selection.value.toLowerCase());\n }\n this.multiselectValues = Array.from(this.multipleValues);\n this.basicInput.setFocus();\n }\n\n handleValueAssignment(evt: CustomEvent<{ value: string; selected: boolean; }>, selectedOption: HTMLVdsAutocompleteItemElement): void {\n if (this.multiple) {\n this.handleMultiselection(evt.detail)\n } else {\n this.value = evt.detail.value;\n this.setSelectionValue(evt.detail.value);\n this.valueChanged.emit(this.value);\n if (selectedOption)\n {\n this.selectedValueChanged.emit(\n {\n label: selectedOption.label,\n value: selectedOption.value,\n target: selectedOption\n }\n );\n }\n this.handleInputChange();\n this.close();\n }\n }\n\n handleChange(evt: CustomEvent<string>) {\n evt.stopPropagation();\n this.changeInput.emit(evt.detail);\n if (this.debounce !== undefined && this.debounce > 0) {\n this.handleDebounceValueChange(evt.detail);\n } else {\n this.value = evt.detail;\n }\n if (this.dropdown) {\n this.showUnfilteredOptions = false;\n }\n }\n\n handleInputChange(): void {\n const inputEvent = new InputEvent(\"input\");\n this.hostEl.dispatchEvent(inputEvent);\n }\n\n hasFocus(): void {\n this.open();\n if (this.hasValue() && this.dropdown) {\n this.showUnfilteredOptions = true;\n this.validateDropdownValue = false;\n }\n }\n\n lostFocus(): void {\n if (this.dropdown) {\n this.showUnfilteredOptions = false;\n this.validateDropdownValue = true;\n }\n }\n\n emitActionIcon(): void {\n this.actionIconClick.emit();\n }\n\n handleDebounceValueChange(newValue: string): void {\n\t\tif (this.debounceTimeTracker !== null) {\n\t\t\tclearTimeout(this.debounceTimeTracker);\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}\n\t\tthis.debounceTimeTracker = setTimeout(() => {\n this.value = newValue;\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}, this.debounce);\n\t}\n\n\n private hasValue(): boolean {\n return this.value !== null && this.value !== undefined && this.value !== \"undefined\" && this.value !== \"\";\n }\n\n /**\n * Sets autocomplete styles for JSX.style property\n *\n * @param maxHeight string\n * @returns { [key: string]: string }\n */\n private setAutoCompleteStyles = (maxHeight: string): { [key: string]: string } => {\n let styles = {};\n\n styles = {\n maxHeight: maxHeight ? maxHeight : undefined,\n }\n\n return styles;\n }\n\n setPreselection(): void {\n if (this.multiple) {\n this.setOptionsMultiple();\n }\n if (this.dropdown) {\n this.setDropdownOption();\n }\n }\n\n private setOptionsMultiple(): void {\n try {\n this.options.forEach(item => {\n item.hasCheckmark = true;\n const selection = this.multipleValues?.find(value => findOptionByExactValue(item, value));\n item.isSelected = !!selection;\n });\n } \n catch (error) {\n console.warn(\"[setOptionsMultiple]\", error);\n }\n }\n\n /**\n * Sets the selected value for a autocomplete type dropdown and updates the options accordingly.\n * @private\n * @param {string} selectedValue - The value of the selected option.\n */\n private setOptionsSingle(selectedValue: string): void {\n try {\n this.selectedDropdownValue = selectedValue;\n this.options.forEach(item => {\n item.hasCheckmark = false;\n item.isSelected = findOptionByExactValue(item, this.selectedDropdownValue);\n });\n } \n catch (error) {\n console.warn(\"[setOptionsSingle]\", error);\n }\n }\n\n private setDropdownOption(): void {\n try {\n const hasValidValue = this.options?.some(opt => findOptionByExactValue(opt, this.selectedDropdownValue));\n if (\n hasValidValue &&\n this.selectedDropdownValue !== undefined &&\n this.selectedDropdownValue !== \"undefined\" &&\n this.selectedDropdownValue !== \"\"\n ) {\n this.setOptionsSingle(this.selectedDropdownValue);\n\n if (this.validateDropdownValue) {\n const option = this.options?.find(opt => findOptionByExactValue(opt, this.selectedDropdownValue));\n this.value = option ? (option.label || option.value) : this.value;\n this.validateDropdownValue = false;\n }\n }\n } \n catch (error) {\n console.warn(\"[setOptionsMultiple]\", error);\n }\n }\n\n /**\n * Sets the all the options to unselected state\n * @private\n * @param {string} selectedValue - The value of the selected option.\n */\n private clearOptions(): void {\n try {\n this.selectedDropdownValue = null;\n this.options.forEach(item => {\n item.hasCheckmark = item.isSelected = false;\n });\n } \n catch (error) {\n console.warn(\"[clearOptions]\", error);\n }\n }\n\n private renderUnfilteredOptions(): HTMLStencilElement {\n return (\n <div \n class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n style={this.setAutoCompleteStyles(this.maxHeight)}\n >\n <slot name={\"items\"}></slot>\n <slot></slot>\n </div>\n );\n }\n\n private renderItem(item: HTMLVdsAutocompleteItemElement): HTMLStencilElement {\n let isSelected = false;\n if (this.multiple) {\n isSelected = this.multipleValues?.some(value => findOptionByValue(item, value));\n }\n return (\n <vds-autocomplete-item isSelected={isSelected} hasCheckmark={this.multiple} {...cloneAttributes(item)} innerHTML={item.innerHTML}></vds-autocomplete-item>\n );\n }\n\n private renderFilteredOptions(): HTMLStencilElement {\n const value = this.hasValue() ? this.value : \"\";\n const filteredOptions = getFilteredOptions(this.options, value);\n if (filteredOptions.length === 0) {\n return this.showEmptyMessage && this.emptyMessage ? this.renderEmptyOption() : null;\n }\n \n return (\n <div\n class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n style={this.setAutoCompleteStyles(this.maxHeight)}\n >\n {filteredOptions.map(item => this.renderItem(item))}\n </div>\n );\n }\n\n private renderEmptyOption(): HTMLStencilElement {\n if (!this.autocompleteItemEmptyOption) {\n this.autocompleteItemEmptyOption = document.createElement(\"vds-autocomplete-item\");\n this.autocompleteItemEmptyOption.classList.add(\"non-clickable\");\n this.autocompleteItemEmptyOption.value = \"\";\n this.autocompleteItemEmptyOption.setAttribute(\"value\", \"\");\n }\n\n this.autocompleteItemEmptyOption.setAttribute(\"size\", this.size);\n this.autocompleteItemEmptyOption.setAttribute(\"label\", this.emptyMessage);\n\n return this.renderItem(this.autocompleteItemEmptyOption);\n }\n\n private renderClearIcon(): HTMLStencilElement {\n const disabled = this.disabled || this.isReadonly;\n return (\n <vds-icon-button\n tabIndex={disabled ? -1 : undefined}\n disabled={disabled}\n variant=\"secondary\"\n size={getActionIconButtonSize(this.size)}\n icon={\"close\"}\n onClick={disabled ? undefined : () => { this.clear(); this.basicInput.setFocus();}}\n ></vds-icon-button>\n );\n }\n\n private renderActionIcon(): HTMLStencilElement {\n const disabled = this.disabled || this.isReadonly;\n if (this.dropdown && this.showDropdownIcon) {\n return (\n <vds-icon\n svgIcon={this.isOpened ? 'chevron-up' : 'chevron-down'}\n color={getIconColor(this.disabled, this.isReadonly)}\n size={getIconSize(this.size)}\n onClick={disabled ? undefined : () => this.isOpened ? this.close() : this.open()}\n ></vds-icon>\n );\n }\n if (this.actionIcon) {\n return (\n <vds-icon-button\n tabIndex={disabled ? -1 : undefined}\n disabled={disabled}\n variant=\"secondary\"\n size={getActionIconButtonSize(this.size)}\n icon={this.actionIcon}\n onClick={disabled ? undefined : () => this.emitActionIcon()}\n ></vds-icon-button>\n );\n }\n }\n\n private renderOptions(): HTMLStencilElement {\n if (this.dropdown && this.showUnfilteredOptions) {\n return this.renderUnfilteredOptions();\n }\n\n if (this.hasValue()) {\n return this.renderFilteredOptions();\n }\n\n return this.renderUnfilteredOptions();\n }\n\n render(): HTMLStencilElement {\n const filteredOptions = getFilteredOptions(this.options, this.value || \"\");\n return (\n <Host class={this.disabled ? \"vds-basic-autocomplete--disabled\" : \"\"} title={this.value}>\n <div class={combineClasses(\"vds-basic-autocomplete__container\")}>\n <vds-basic-input\n ref={(el) => {\n if (el) {\n this.basicInput = el; \n }\n }}\n type=\"text\"\n placeholder={this.placeholder}\n value={this.value}\n size={this.size}\n disabled={this.disabled}\n isReadonly={this.isReadonly}\n error={this.error}\n isRequired={this.isRequired}\n formatter={this.formatter}\n informativeIcon={this.informativeIcon}\n allowedStyles={this.allowedStyles}\n onChangeInput={(evt): void => this.handleChange(evt)}\n onFocus={(): void => this.hasFocus()}\n onBlur={(): void => this.lostFocus()}\n >\n {this.showClearButton && this.hasValue() && (\n <div class=\"vds-basic-autocomplete__secondary-action\" slot=\"secondaryActionIcon\">\n {this.renderClearIcon()}\n </div>\n )}\n {((this.dropdown && this.showDropdownIcon) || this.actionIcon) && (\n <div class=\"vds-basic-autocomplete__primary-action\" slot=\"primaryActionIcon\">\n {this.renderActionIcon()}\n </div>\n )}\n </vds-basic-input>\n {this.backdrop && this.isOpened ? <div class=\"vds-floating-backdrop\" onClick={this.close.bind(this)}></div> : ''}\n <div \n ref={(el): void => { if (el) this.autocompleteContent = el;}}\n class={\n combineClasses(\n \"vds-basic-autocomplete__content\",\n this.maxHeight ? \"has-scroll\" : \"\",\n (!this.emptyMessage || this.emptyMessage === \"\") && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n !this.showEmptyMessage && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n !this.value && this.options.length === 0 ? \"no-shadow\" : \"\"\n )}\n >\n <div class={\"vds-basic-autocomplete__content__header\"}>\n <slot name=\"header\"></slot>\n </div>\n {this.renderOptions()}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}