@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.8

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 (568) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/ds-accordion.js +1 -1
  4. package/components/ds-app.js +1 -1
  5. package/components/ds-badge.js +1 -1
  6. package/components/ds-button-group.js +1 -1
  7. package/components/ds-button.js +1 -1
  8. package/components/ds-card-actions.js +1 -1
  9. package/components/ds-card-content.js +1 -1
  10. package/components/ds-card-subtitle.js +1 -1
  11. package/components/ds-card-title.js +1 -1
  12. package/components/ds-card.js +1 -1
  13. package/components/ds-carousel.js +1 -1
  14. package/components/ds-checkbox-group.js +1 -1
  15. package/components/ds-checkbox.js +1 -1
  16. package/components/ds-close.js +1 -1
  17. package/components/ds-content.js +1 -1
  18. package/components/ds-data-item.js +1 -1
  19. package/components/ds-date.js +1 -1
  20. package/components/ds-drawer.js +1 -1
  21. package/components/ds-file-upload.js +1 -1
  22. package/components/ds-footer.js +1 -1
  23. package/components/ds-heading.js +1 -1
  24. package/components/ds-hint.js +1 -1
  25. package/components/ds-icon.js +1 -1
  26. package/components/ds-input-slider.d.ts +11 -0
  27. package/components/ds-input-slider.js +4 -0
  28. package/components/ds-input.js +1 -1
  29. package/components/ds-item.js +1 -1
  30. package/components/ds-label.js +1 -1
  31. package/components/ds-list.js +1 -1
  32. package/components/ds-logo.js +1 -1
  33. package/components/ds-modal-body.js +1 -1
  34. package/components/ds-modal-header.js +1 -1
  35. package/components/ds-modal.js +1 -1
  36. package/components/ds-navbar.js +1 -1
  37. package/components/ds-notification.js +1 -1
  38. package/components/ds-number-input.js +1 -1
  39. package/components/ds-pagination.js +1 -1
  40. package/components/ds-popup.js +1 -1
  41. package/components/ds-progress-bar.js +1 -1
  42. package/components/ds-radio-group.js +1 -1
  43. package/components/ds-radio.js +1 -1
  44. package/components/ds-segment-item.js +1 -1
  45. package/components/ds-segment.js +1 -1
  46. package/components/ds-select-optgroup.js +1 -1
  47. package/components/ds-select-option.js +1 -1
  48. package/components/ds-select.js +1 -1
  49. package/components/ds-shape.js +1 -1
  50. package/components/ds-snackbar.js +1 -1
  51. package/components/ds-spinner.js +1 -1
  52. package/components/ds-stack.js +1 -1
  53. package/components/ds-step-panel.js +1 -1
  54. package/components/ds-step.js +1 -1
  55. package/components/ds-tab-panel.js +1 -1
  56. package/components/ds-tabs.js +1 -1
  57. package/components/ds-tag-group.js +1 -1
  58. package/components/ds-tag.js +1 -1
  59. package/components/ds-text.js +1 -1
  60. package/components/ds-textarea.js +1 -1
  61. package/components/ds-toast.js +1 -1
  62. package/components/ds-toggle.js +1 -1
  63. package/components/ds-tooltip.js +1 -1
  64. package/components/index.js +1 -1
  65. package/components/{p-DenZRIeA.js → p-BXJT6RzI.js} +1 -1
  66. package/components/p-BdLq-Ecc.js +4 -0
  67. package/components/{p-CjIxf5zy.js → p-BmKEBYP4.js} +1 -1
  68. package/components/p-BoWAkGY5.js +4 -0
  69. package/components/{p-DYTOWDAA.js → p-CTbJFS-e.js} +1 -1
  70. package/components/{p-DokkRjWC.js → p-CaMOovXn.js} +1 -1
  71. package/components/p-Ce8PV2ZO.js +4 -0
  72. package/components/p-CmBtAxar.js +4 -0
  73. package/components/p-D8gpyiFZ.js +4 -0
  74. package/components/{p-ng5ZzTOj.js → p-DBX_haol.js} +1 -1
  75. package/components/{p-BfXZJ1Fe.js → p-DPbhygsR.js} +1 -1
  76. package/components/{p-BU0dY8pq.js → p-DZzsZ_YH.js} +1 -1
  77. package/components/p-DbUsvqrz.js +4 -0
  78. package/components/p-Dbqy6lZU.js +5 -0
  79. package/{dist/design-system/p-BATOumsf.js → components/p-fS80bKHo.js} +1 -1
  80. package/components/{p-bGV2P6rT.js → p-hPpcXLRP.js} +1 -1
  81. package/components/p-o0H7eIVX.js +4 -0
  82. package/components/p-std0LSH2.js +4 -0
  83. package/components/{p-Btdh3fq7.js → p-u5aa74vh.js} +1 -1
  84. package/components/p-wud2RGEy.js +4 -0
  85. package/dist/cjs/{_getTag-B468r9bu.js → _getTag-DxZgmSPS.js} +1 -1
  86. package/dist/cjs/{array-CioNm_V1.js → array-CYn4ALBt.js} +10 -9
  87. package/dist/cjs/{breakpoints.decorator-C-Qm21UK.js → breakpoints.decorator-DbttiLa9.js} +1 -1
  88. package/dist/cjs/{breakpoints.subject-XNcGwhzh.js → breakpoints.subject-CNyiZaBe.js} +3 -3
  89. package/dist/cjs/{button.interfaces-CqlUGR-N.js → button.interfaces-BKyK0H_f.js} +0 -1
  90. package/dist/cjs/{config.decorator-ThGLtT-3.js → config.decorator-bU7c6ybP.js} +1 -1
  91. package/dist/cjs/{config.utils-MhZvq4Qm.js → config.utils-BhJig3l5.js} +1 -1
  92. package/dist/cjs/{create-validator-decorator-BIgFqrMJ.js → create-validator-decorator-CiRieHJL.js} +1 -1
  93. package/dist/cjs/design-system.cjs.js +2 -2
  94. package/dist/cjs/{device-BnjBOLnP.js → device-DM1GXL99.js} +1 -1
  95. package/dist/cjs/ds-accordion.cjs.entry.js +9 -9
  96. package/dist/cjs/ds-alert-container.cjs.entry.js +6 -6
  97. package/dist/cjs/ds-app.cjs.entry.js +35 -8
  98. package/dist/cjs/ds-badge.cjs.entry.js +20 -39
  99. package/dist/cjs/ds-button-group.cjs.entry.js +7 -7
  100. package/dist/cjs/ds-button_2.cjs.entry.js +20 -20
  101. package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
  102. package/dist/cjs/ds-card-content.cjs.entry.js +3 -3
  103. package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
  104. package/dist/cjs/ds-card-subtitle.cjs.entry.js +10 -14
  105. package/dist/cjs/ds-card-title.cjs.entry.js +8 -14
  106. package/dist/cjs/ds-card.cjs.entry.js +14 -13
  107. package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
  108. package/dist/cjs/ds-carousel.cjs.entry.js +8 -8
  109. package/dist/cjs/ds-checkbox-group.cjs.entry.js +44 -19
  110. package/dist/cjs/ds-checkbox.cjs.entry.js +19 -10
  111. package/dist/cjs/ds-content_2.cjs.entry.js +18 -68
  112. package/dist/cjs/ds-data-item.cjs.entry.js +6 -6
  113. package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
  114. package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
  115. package/dist/cjs/ds-data.cjs.entry.js +4 -4
  116. package/dist/cjs/ds-date.cjs.entry.js +18 -12
  117. package/dist/cjs/ds-divider_2.cjs.entry.js +14 -14
  118. package/dist/cjs/ds-drawer_2.cjs.entry.js +10 -10
  119. package/dist/cjs/ds-file-upload.cjs.entry.js +22 -14
  120. package/dist/cjs/ds-footer.cjs.entry.js +7 -7
  121. package/dist/cjs/ds-heading.cjs.entry.js +21 -37
  122. package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
  123. package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
  124. package/dist/cjs/ds-hint.cjs.entry.js +11 -11
  125. package/dist/cjs/ds-icon_2.cjs.entry.js +23 -26
  126. package/dist/cjs/ds-input-slider.cjs.entry.js +2892 -0
  127. package/dist/cjs/ds-input.cjs.entry.js +20 -11
  128. package/dist/cjs/ds-item.cjs.entry.js +7 -7
  129. package/dist/cjs/ds-label.cjs.entry.js +11 -11
  130. package/dist/cjs/ds-list.cjs.entry.js +5 -5
  131. package/dist/cjs/ds-modal-body.cjs.entry.js +3 -3
  132. package/dist/cjs/ds-modal-header.cjs.entry.js +3 -3
  133. package/dist/cjs/ds-modal.cjs.entry.js +9 -9
  134. package/dist/cjs/ds-navbar.cjs.entry.js +17 -17
  135. package/dist/cjs/ds-notification.cjs.entry.js +11 -11
  136. package/dist/cjs/ds-number-input.cjs.entry.js +31 -117
  137. package/dist/cjs/ds-pagination.cjs.entry.js +17 -17
  138. package/dist/cjs/ds-progress-bar.cjs.entry.js +14 -14
  139. package/dist/cjs/ds-radio-group.cjs.entry.js +39 -15
  140. package/dist/cjs/ds-radio.cjs.entry.js +19 -10
  141. package/dist/cjs/ds-segment-item.cjs.entry.js +5 -5
  142. package/dist/cjs/ds-segment.cjs.entry.js +21 -15
  143. package/dist/cjs/ds-select-optgroup.cjs.entry.js +5 -5
  144. package/dist/cjs/ds-select-option.cjs.entry.js +5 -5
  145. package/dist/cjs/ds-select.cjs.entry.js +18 -13
  146. package/dist/cjs/ds-shape.cjs.entry.js +5 -5
  147. package/dist/cjs/ds-snackbar.cjs.entry.js +14 -14
  148. package/dist/cjs/ds-step-panel.cjs.entry.js +6 -6
  149. package/dist/cjs/ds-step.cjs.entry.js +5 -5
  150. package/dist/cjs/ds-steps.cjs.entry.js +6 -6
  151. package/dist/cjs/ds-tab-panel.cjs.entry.js +6 -6
  152. package/dist/cjs/ds-tab.cjs.entry.js +5 -5
  153. package/dist/cjs/ds-tabs.cjs.entry.js +12 -12
  154. package/dist/cjs/ds-tag-group.cjs.entry.js +3 -3
  155. package/dist/cjs/ds-tag.cjs.entry.js +9 -9
  156. package/dist/cjs/ds-text.cjs.entry.js +10 -10
  157. package/dist/cjs/ds-textarea.cjs.entry.js +19 -10
  158. package/dist/cjs/ds-toast.cjs.entry.js +12 -12
  159. package/dist/cjs/ds-toggle.cjs.entry.js +7 -7
  160. package/dist/cjs/ds-tooltip.cjs.entry.js +5 -5
  161. package/dist/cjs/{field.util-L-DkeMVk.js → field.util-C7hgA41e.js} +32 -2
  162. package/dist/cjs/{focus-D3VVgpM7.js → focus-CHzvkERd.js} +1 -1
  163. package/dist/cjs/{form-control-CtMcJUuC.js → form-control-CmRONWa7.js} +1 -1
  164. package/dist/cjs/{has-value-DK0oRqXI.js → has-value-3s9rhB3K.js} +1 -1
  165. package/dist/cjs/{heading.interfaces-B5NJ2yjL.js → heading.interfaces-CAc5LNKb.js} +2 -3
  166. package/dist/cjs/{index-sC3JnTlJ.js → index-DD7qcaNz.js} +80 -1
  167. package/dist/cjs/index.cjs.js +7 -7
  168. package/dist/cjs/isArray-DvQst6zQ.js +42 -0
  169. package/dist/cjs/isNaN-DOSPWDkt.js +106 -0
  170. package/dist/cjs/{isObjectLike-h-ta_ikf.js → isObjectLike-BNz6hnAu.js} +0 -37
  171. package/dist/cjs/{listener-BwB_xent.js → listener-CAzIWSXQ.js} +1 -1
  172. package/dist/cjs/loader.cjs.js +2 -2
  173. package/dist/cjs/{one-of-BZGRIMtQ.js → one-of-xdIxH9e7.js} +1 -1
  174. package/dist/cjs/{required-COz3Unzu.js → required-Dh6TQNa1.js} +1 -1
  175. package/dist/cjs/{resize.decorator-DWM_fQgv.js → resize.decorator-C53-TjuS.js} +2 -2
  176. package/dist/cjs/{scroll-CUuEh4xd.js → scroll-BOeiw1-E.js} +1 -1
  177. package/dist/cjs/{svg-D9RbiR8R.js → svg-B9eUbG7a.js} +96 -33
  178. package/dist/cjs/{tslib.es6-CxyosZMg.js → tslib.es6-DMgN1vwG.js} +1 -1
  179. package/dist/cjs/{type-hmc4CJcO.js → type-BcP2cAG-.js} +1 -1
  180. package/dist/collection/collection-manifest.json +1 -0
  181. package/dist/collection/components/accordion/accordion.host.css +1 -1
  182. package/dist/collection/components/alert/snackbar/snackbar.host.css +1 -1
  183. package/dist/collection/components/alert/toast/toast.host.css +1 -1
  184. package/dist/collection/components/app/app.js +30 -3
  185. package/dist/collection/components/badge/badge.host.css +1 -1
  186. package/dist/collection/components/badge/badge.interfaces.js +3 -3
  187. package/dist/collection/components/badge/badge.js +20 -42
  188. package/dist/collection/components/button/button.interfaces.js +0 -1
  189. package/dist/collection/components/button/button.js +1 -1
  190. package/dist/collection/components/card/card-content/card-content.host.css +1 -1
  191. package/dist/collection/components/card/card-subtitle/card-subtitle.js +6 -11
  192. package/dist/collection/components/card/card-title/card-title.js +4 -11
  193. package/dist/collection/components/card/card.host.css +1 -1
  194. package/dist/collection/components/card/card.js +10 -9
  195. package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +54 -8
  196. package/dist/collection/components/checkbox/checkbox.host.css +1 -1
  197. package/dist/collection/components/checkbox/checkbox.js +31 -2
  198. package/dist/collection/components/checkbox/test/checkbox.visual.play.js +4 -0
  199. package/dist/collection/components/close/close.host.css +1 -1
  200. package/dist/collection/components/close/close.interfaces.js +1 -1
  201. package/dist/collection/components/close/close.js +14 -16
  202. package/dist/collection/components/content/content.host.css +1 -1
  203. package/dist/collection/components/content/content.interfaces.js +2 -3
  204. package/dist/collection/components/content/content.js +21 -60
  205. package/dist/collection/components/date/date.js +12 -4
  206. package/dist/collection/components/date/test/date.visual.play.js +1 -0
  207. package/dist/collection/components/file-upload/file-upload.js +13 -4
  208. package/dist/collection/components/file-upload/test/file-upload.visual.play.js +10 -1
  209. package/dist/collection/components/heading/heading.host.css +1 -1
  210. package/dist/collection/components/heading/heading.interfaces.js +2 -3
  211. package/dist/collection/components/heading/heading.js +25 -45
  212. package/dist/collection/components/input/field.util.js +1 -1
  213. package/dist/collection/components/input/input.js +14 -3
  214. package/dist/collection/components/input/test/input.visual.play.js +2 -1
  215. package/dist/collection/components/input-slider/input-slider.host.css +1 -0
  216. package/dist/collection/components/input-slider/input-slider.interfaces.js +4 -0
  217. package/dist/collection/components/input-slider/input-slider.js +970 -0
  218. package/dist/collection/components/input-slider/input-slider.picker.js +124 -0
  219. package/dist/collection/components/input-slider/input-slider.utils.js +32 -0
  220. package/dist/collection/components/input-slider/test/input-slider.a11y.play.js +36 -0
  221. package/dist/collection/components/input-slider/test/input-slider.component.play.js +87 -0
  222. package/dist/collection/components/input-slider/test/input-slider.visual.play.js +28 -0
  223. package/dist/collection/components/label/label.host.css +1 -1
  224. package/dist/collection/components/label/label.js +2 -2
  225. package/dist/collection/components/list/item/item.host.css +1 -1
  226. package/dist/collection/components/list/list.js +1 -1
  227. package/dist/collection/components/logo/logo.js +2 -2
  228. package/dist/collection/components/modal/modal-body/modal-body.js +1 -1
  229. package/dist/collection/components/modal/modal-header/modal-header.js +1 -1
  230. package/dist/collection/components/modal/modal.js +2 -2
  231. package/dist/collection/components/navbar/navbar.js +3 -3
  232. package/dist/collection/components/notification/notification.host.css +1 -1
  233. package/dist/collection/components/notification/notification.js +3 -3
  234. package/dist/collection/components/number-input/number-input.js +13 -2
  235. package/dist/collection/components/number-input/test/number-input.visual.play.js +1 -1
  236. package/dist/collection/components/pagination/pagination.js +5 -5
  237. package/dist/collection/components/popup/popup.js +1 -1
  238. package/dist/collection/components/progress-bar/progress-bar.js +2 -2
  239. package/dist/collection/components/radio/radio-group/radio-group.js +54 -8
  240. package/dist/collection/components/radio/radio.host.css +1 -1
  241. package/dist/collection/components/radio/radio.js +31 -2
  242. package/dist/collection/components/radio/test/radio.visual.play.js +4 -0
  243. package/dist/collection/components/segment/segment/segment.js +15 -7
  244. package/dist/collection/components/segment/segment-item.js +1 -1
  245. package/dist/collection/components/segment/test/segment.visual.play.js +1 -0
  246. package/dist/collection/components/select/select-optgroup.js +1 -1
  247. package/dist/collection/components/select/select-option.js +1 -1
  248. package/dist/collection/components/select/select.host.css +1 -1
  249. package/dist/collection/components/select/select.js +11 -4
  250. package/dist/collection/components/select/test/select.visual.play.js +2 -2
  251. package/dist/collection/components/shape/shape.js +1 -1
  252. package/dist/collection/components/spinner/spinner.host.css +1 -1
  253. package/dist/collection/components/spinner/spinner.interfaces.js +1 -1
  254. package/dist/collection/components/spinner/spinner.js +12 -16
  255. package/dist/collection/components/stack/stack.host.css +1 -1
  256. package/dist/collection/components/stack/stack.interfaces.js +1 -2
  257. package/dist/collection/components/stack/stack.js +13 -33
  258. package/dist/collection/components/steps/step-panel/step-panel.js +1 -1
  259. package/dist/collection/components/tabs/tab-panel/tab-panel.js +1 -1
  260. package/dist/collection/components/tabs/tabs/tabs.js +4 -4
  261. package/dist/collection/components/tag/tag-group/tag-group.js +1 -1
  262. package/dist/collection/components/tag/tag.host.css +1 -1
  263. package/dist/collection/components/tag/tag.js +2 -2
  264. package/dist/collection/components/text/text.host.css +1 -1
  265. package/dist/collection/components/text/text.js +3 -3
  266. package/dist/collection/components/textarea/test/textarea.visual.play.js +2 -2
  267. package/dist/collection/components/textarea/textarea.js +13 -2
  268. package/dist/collection/components/toggle/toggle.js +2 -2
  269. package/dist/collection/components/tooltip/tooltip.js +1 -1
  270. package/dist/collection/global/constants/tags.constant.js +1 -0
  271. package/dist/collection/global/constants/version.constant.js +1 -1
  272. package/dist/collection/global/global.js +2 -0
  273. package/dist/collection/global/token-preview.js +75 -0
  274. package/dist/collection/global/token-preview.types.js +1 -0
  275. package/dist/collection/utils/index.js +1 -0
  276. package/dist/collection/utils/invalid-text-slot.js +31 -0
  277. package/dist/design-system/design-system.esm.js +1 -1
  278. package/dist/design-system/index.esm.js +1 -1
  279. package/dist/design-system/{p-5d17209d91.entry.js → p-001b20140b.entry.js} +1 -1
  280. package/dist/design-system/p-0c031d8d90.entry.js +4 -0
  281. package/dist/design-system/p-0c18812daa.entry.js +4 -0
  282. package/dist/design-system/p-19e0638e5c.entry.js +4 -0
  283. package/dist/design-system/{p-10c136d00d.entry.js → p-1dc3406415.entry.js} +1 -1
  284. package/dist/design-system/{p-53dda5d400.entry.js → p-200a0ea72c.entry.js} +1 -1
  285. package/dist/design-system/p-2516721737.entry.js +4 -0
  286. package/dist/design-system/p-2a67e9b4eb.entry.js +4 -0
  287. package/dist/design-system/p-2cc9740eb6.entry.js +4 -0
  288. package/dist/design-system/p-33165c2b03.entry.js +4 -0
  289. package/dist/design-system/p-37295c3a5d.entry.js +4 -0
  290. package/dist/design-system/p-3d1f15112e.entry.js +4 -0
  291. package/dist/design-system/p-3de8e2b6c9.entry.js +4 -0
  292. package/dist/design-system/{p-774b89ed0b.entry.js → p-4042b35fee.entry.js} +1 -1
  293. package/dist/design-system/{p-afd8bbe699.entry.js → p-40b3d4d0f9.entry.js} +1 -1
  294. package/dist/design-system/{p-f0119fe693.entry.js → p-45af50a69f.entry.js} +1 -1
  295. package/dist/design-system/p-4df80c06f8.entry.js +4 -0
  296. package/dist/design-system/p-4f12c6449d.entry.js +4 -0
  297. package/dist/design-system/p-4f95f06b86.entry.js +4 -0
  298. package/dist/design-system/{p-c37f266740.entry.js → p-662983c8bd.entry.js} +1 -1
  299. package/dist/design-system/p-68693c06a1.entry.js +4 -0
  300. package/dist/design-system/{p-7c353652a9.entry.js → p-69784a200e.entry.js} +1 -1
  301. package/dist/design-system/{p-BhdSNuGP.js → p-6Iq8BM7N.js} +1 -1
  302. package/dist/design-system/p-6ba71ce374.entry.js +4 -0
  303. package/dist/design-system/{p-13d1ce3158.entry.js → p-72c08ce551.entry.js} +1 -1
  304. package/dist/design-system/p-72fe1ab876.entry.js +4 -0
  305. package/dist/design-system/p-73b26207bf.entry.js +4 -0
  306. package/dist/design-system/{p-4e6638d14e.entry.js → p-7576fb01bf.entry.js} +1 -1
  307. package/dist/design-system/p-819d71abe1.entry.js +4 -0
  308. package/dist/design-system/p-88682a66d5.entry.js +4 -0
  309. package/dist/design-system/{p-6ef31a3c07.entry.js → p-8a7c2f5b0a.entry.js} +1 -1
  310. package/dist/design-system/{p-0bd2ce2da3.entry.js → p-8bfcfd7b07.entry.js} +1 -1
  311. package/dist/design-system/p-9537ebc880.entry.js +4 -0
  312. package/dist/design-system/{p-e7472337ed.entry.js → p-96d37205c9.entry.js} +1 -1
  313. package/dist/design-system/{p-0663d7c0f1.entry.js → p-97ad0e648a.entry.js} +1 -1
  314. package/dist/design-system/p-9e0f190f06.entry.js +4 -0
  315. package/dist/design-system/p-9f746ea4e3.entry.js +4 -0
  316. package/dist/design-system/{p-B1e0kNRJ.js → p-B2dqoehY.js} +2 -2
  317. package/dist/design-system/p-B8PCdo6e.js +4 -0
  318. package/dist/design-system/p-B9ddSbbe.js +4 -0
  319. package/dist/design-system/p-BDcIydUK.js +4 -0
  320. package/dist/design-system/p-BdLq-Ecc.js +4 -0
  321. package/dist/design-system/{p-HwbqEzpk.js → p-BjaiDrCD.js} +1 -1
  322. package/dist/design-system/{p-CvTcEsXg.js → p-BnJgNfen.js} +1 -1
  323. package/dist/design-system/{p-78NZc8PM.js → p-Bnpwi9iD.js} +1 -1
  324. package/dist/design-system/p-C6AmBSV7.js +4 -0
  325. package/dist/design-system/{p-hLAmwHiq.js → p-CBGYLNZZ.js} +1 -1
  326. package/dist/design-system/p-CDhvZoCt.js +4 -0
  327. package/dist/design-system/p-CGHN-3RC.js +4 -0
  328. package/dist/design-system/{p-BkTv_bQR.js → p-CR2JnhVY.js} +1 -1
  329. package/dist/design-system/{p-Dm2lqE3-.js → p-ClSAXeZN.js} +1 -1
  330. package/dist/design-system/p-CziF75uh.js +4 -0
  331. package/dist/design-system/p-D-_px2sY.js +5 -0
  332. package/dist/design-system/{p-ij4OEkzJ.js → p-DNQg2PVW.js} +1 -1
  333. package/dist/design-system/p-DQGbRzw_.js +4 -0
  334. package/dist/design-system/{p-LCY5n5tq.js → p-DWdcUUdS.js} +1 -1
  335. package/dist/design-system/{p-C7i6xLTJ.js → p-DuKlHFAK.js} +1 -1
  336. package/dist/design-system/p-MUUOiuTm.js +5 -0
  337. package/dist/design-system/{p-BvEM6oCl.js → p-_Ywzmi-B.js} +1 -1
  338. package/dist/design-system/{p-DgVaaZT_.js → p-_rk5qARQ.js} +1 -1
  339. package/dist/design-system/{p-8406f6faf1.entry.js → p-a343b84e8a.entry.js} +1 -1
  340. package/dist/design-system/p-a3ed278181.entry.js +4 -0
  341. package/dist/design-system/{p-650289138a.entry.js → p-a71c22bc50.entry.js} +1 -1
  342. package/dist/design-system/{p-DTxLRTYr.js → p-aPnyJLhr.js} +1 -1
  343. package/dist/design-system/{p-f4958b9e97.entry.js → p-abcc8edf7e.entry.js} +1 -1
  344. package/dist/design-system/{p-372bf379f9.entry.js → p-ac55e3783c.entry.js} +1 -1
  345. package/dist/design-system/{p-7e702193fc.entry.js → p-ac7f3f89be.entry.js} +1 -1
  346. package/dist/design-system/{p-3134821ac6.entry.js → p-ae8753bf2a.entry.js} +1 -1
  347. package/dist/design-system/{p-60d29d8b8e.entry.js → p-afea3755c2.entry.js} +1 -1
  348. package/dist/design-system/{p-dcb749efc7.entry.js → p-bd31b396d8.entry.js} +1 -1
  349. package/dist/design-system/p-bd740897a1.entry.js +4 -0
  350. package/dist/design-system/{p-d5f8d8f5e1.entry.js → p-bf03129378.entry.js} +1 -1
  351. package/dist/design-system/p-bfd0557b47.entry.js +4 -0
  352. package/dist/design-system/{p-01430d5c28.entry.js → p-c07aa25e4d.entry.js} +1 -1
  353. package/dist/design-system/p-c19c74c2b1.entry.js +4 -0
  354. package/dist/design-system/{p-dd38f8f206.entry.js → p-d5d7700fd3.entry.js} +1 -1
  355. package/dist/design-system/p-d727654ec3.entry.js +4 -0
  356. package/dist/design-system/{p-a465c1acce.entry.js → p-dadd7a84bc.entry.js} +1 -1
  357. package/dist/design-system/p-dd5e815ef3.entry.js +4 -0
  358. package/dist/design-system/p-dfebad2acc.entry.js +4 -0
  359. package/{components/p-D9YYP2SG.js → dist/design-system/p-dziB1ufg.js} +1 -1
  360. package/dist/design-system/p-e16572468e.entry.js +4 -0
  361. package/dist/design-system/p-e23b6d59c0.entry.js +4 -0
  362. package/dist/design-system/p-e743fa4c17.entry.js +4 -0
  363. package/dist/design-system/p-e94b66c13e.entry.js +4 -0
  364. package/dist/design-system/{p-a8de98dd7b.entry.js → p-ec3f2ded29.entry.js} +1 -1
  365. package/dist/design-system/p-ed3f364d1f.entry.js +4 -0
  366. package/dist/design-system/{p-a62b7985a0.entry.js → p-eedaf7fe85.entry.js} +1 -1
  367. package/dist/design-system/p-ef1bf78788.entry.js +4 -0
  368. package/dist/design-system/{p-9f2dd0b55b.entry.js → p-f0b0376beb.entry.js} +1 -1
  369. package/dist/design-system/p-f7787fca37.entry.js +4 -0
  370. package/dist/design-system/p-fd868dc1f5.entry.js +4 -0
  371. package/dist/esm/{_getTag-DFxL3s3h.js → _getTag-BkweuRJc.js} +1 -1
  372. package/dist/esm/{array-dJH4dfMr.js → array-BJZA868l.js} +3 -2
  373. package/dist/esm/{breakpoints.decorator-DZ0xN4Np.js → breakpoints.decorator-CIweMjJQ.js} +1 -1
  374. package/dist/esm/{breakpoints.subject-BNnXcKMw.js → breakpoints.subject-CUVOWezN.js} +3 -3
  375. package/dist/esm/{button.interfaces-BPGfTrrM.js → button.interfaces-C6AmBSV7.js} +0 -1
  376. package/dist/esm/{config.decorator-ZQ0_Zx5y.js → config.decorator-CyvsD1EY.js} +1 -1
  377. package/dist/esm/{config.utils-D9o7rffC.js → config.utils-Db2OSTX3.js} +1 -1
  378. package/dist/esm/{create-validator-decorator-DovxquEu.js → create-validator-decorator-g9TfAa1g.js} +1 -1
  379. package/dist/esm/design-system.js +3 -3
  380. package/dist/esm/{device-CRuIJzXR.js → device-CtidwsPr.js} +1 -1
  381. package/dist/esm/ds-accordion.entry.js +9 -9
  382. package/dist/esm/ds-alert-container.entry.js +6 -6
  383. package/dist/esm/ds-app.entry.js +35 -8
  384. package/dist/esm/ds-badge.entry.js +20 -39
  385. package/dist/esm/ds-button-group.entry.js +7 -7
  386. package/dist/esm/ds-button_2.entry.js +20 -20
  387. package/dist/esm/ds-card-actions.entry.js +4 -4
  388. package/dist/esm/ds-card-content.entry.js +3 -3
  389. package/dist/esm/ds-card-header.entry.js +5 -5
  390. package/dist/esm/ds-card-subtitle.entry.js +10 -14
  391. package/dist/esm/ds-card-title.entry.js +8 -14
  392. package/dist/esm/ds-card.entry.js +14 -13
  393. package/dist/esm/ds-carousel-item.entry.js +6 -6
  394. package/dist/esm/ds-carousel.entry.js +8 -8
  395. package/dist/esm/ds-checkbox-group.entry.js +44 -19
  396. package/dist/esm/ds-checkbox.entry.js +19 -10
  397. package/dist/esm/ds-content_2.entry.js +18 -68
  398. package/dist/esm/ds-data-item.entry.js +6 -6
  399. package/dist/esm/ds-data-label.entry.js +4 -4
  400. package/dist/esm/ds-data-value.entry.js +2 -2
  401. package/dist/esm/ds-data.entry.js +4 -4
  402. package/dist/esm/ds-date.entry.js +18 -12
  403. package/dist/esm/ds-divider_2.entry.js +14 -14
  404. package/dist/esm/ds-drawer_2.entry.js +10 -10
  405. package/dist/esm/ds-file-upload.entry.js +22 -14
  406. package/dist/esm/ds-footer.entry.js +7 -7
  407. package/dist/esm/ds-heading.entry.js +21 -37
  408. package/dist/esm/ds-hint-text.entry.js +2 -2
  409. package/dist/esm/ds-hint-title.entry.js +2 -2
  410. package/dist/esm/ds-hint.entry.js +11 -11
  411. package/dist/esm/ds-icon_2.entry.js +21 -24
  412. package/dist/esm/ds-input-slider.entry.js +2890 -0
  413. package/dist/esm/ds-input.entry.js +20 -11
  414. package/dist/esm/ds-item.entry.js +7 -7
  415. package/dist/esm/ds-label.entry.js +11 -11
  416. package/dist/esm/ds-list.entry.js +5 -5
  417. package/dist/esm/ds-modal-body.entry.js +3 -3
  418. package/dist/esm/ds-modal-header.entry.js +3 -3
  419. package/dist/esm/ds-modal.entry.js +9 -9
  420. package/dist/esm/ds-navbar.entry.js +17 -17
  421. package/dist/esm/ds-notification.entry.js +11 -11
  422. package/dist/esm/ds-number-input.entry.js +24 -110
  423. package/dist/esm/ds-pagination.entry.js +17 -17
  424. package/dist/esm/ds-progress-bar.entry.js +14 -14
  425. package/dist/esm/ds-radio-group.entry.js +39 -15
  426. package/dist/esm/ds-radio.entry.js +19 -10
  427. package/dist/esm/ds-segment-item.entry.js +5 -5
  428. package/dist/esm/ds-segment.entry.js +21 -15
  429. package/dist/esm/ds-select-optgroup.entry.js +5 -5
  430. package/dist/esm/ds-select-option.entry.js +5 -5
  431. package/dist/esm/ds-select.entry.js +18 -13
  432. package/dist/esm/ds-shape.entry.js +5 -5
  433. package/dist/esm/ds-snackbar.entry.js +14 -14
  434. package/dist/esm/ds-step-panel.entry.js +6 -6
  435. package/dist/esm/ds-step.entry.js +5 -5
  436. package/dist/esm/ds-steps.entry.js +6 -6
  437. package/dist/esm/ds-tab-panel.entry.js +6 -6
  438. package/dist/esm/ds-tab.entry.js +5 -5
  439. package/dist/esm/ds-tabs.entry.js +12 -12
  440. package/dist/esm/ds-tag-group.entry.js +3 -3
  441. package/dist/esm/ds-tag.entry.js +9 -9
  442. package/dist/esm/ds-text.entry.js +10 -10
  443. package/dist/esm/ds-textarea.entry.js +19 -10
  444. package/dist/esm/ds-toast.entry.js +12 -12
  445. package/dist/esm/ds-toggle.entry.js +7 -7
  446. package/dist/esm/ds-tooltip.entry.js +5 -5
  447. package/dist/esm/{field.util-BjZzAi09.js → field.util-Dl02gvlr.js} +32 -3
  448. package/dist/esm/{focus-ZxHImoOj.js → focus-C1_jVoAm.js} +1 -1
  449. package/dist/esm/{form-control-DvJo0GKN.js → form-control-BAP86QSm.js} +1 -1
  450. package/dist/esm/{has-value-DU9L2JaI.js → has-value-CADjf9QZ.js} +1 -1
  451. package/dist/esm/{heading.interfaces-Ceu7FIWM.js → heading.interfaces-BdLq-Ecc.js} +2 -3
  452. package/dist/esm/{index-C6MVahkC.js → index-MUUOiuTm.js} +80 -1
  453. package/dist/esm/index.js +10 -10
  454. package/dist/esm/isArray-B8PCdo6e.js +40 -0
  455. package/dist/esm/isNaN-BrbqGXXw.js +104 -0
  456. package/dist/esm/{isObjectLike-BAYao9w7.js → isObjectLike-BnBXjF_n.js} +1 -37
  457. package/dist/esm/{listener-DHP2OPMZ.js → listener-DiVrGAqj.js} +1 -1
  458. package/dist/esm/loader.js +3 -3
  459. package/dist/esm/{one-of-CKPv0Nqm.js → one-of-rLykP5eX.js} +1 -1
  460. package/dist/esm/{required-Dqsbx5fH.js → required-BsfIY-qW.js} +1 -1
  461. package/dist/esm/{resize.decorator-B8h8D676.js → resize.decorator-BNy5tJCt.js} +2 -2
  462. package/dist/esm/{scroll-CsH7NHo5.js → scroll-D4cC-Fsr.js} +1 -1
  463. package/dist/esm/{svg-B8KVoKrH.js → svg-D-_px2sY.js} +96 -33
  464. package/dist/esm/{tslib.es6-C9GKXw-5.js → tslib.es6-C7vR-gMn.js} +1 -1
  465. package/dist/esm/{type-DzkhLOG_.js → type-Bqge296W.js} +1 -1
  466. package/dist/types/components/app/app.d.ts +23 -0
  467. package/dist/types/components/badge/badge.d.ts +12 -4
  468. package/dist/types/components/badge/badge.interfaces.d.ts +3 -3
  469. package/dist/types/components/button/button.interfaces.d.ts +1 -1
  470. package/dist/types/components/card/card-subtitle/card-subtitle.d.ts +1 -1
  471. package/dist/types/components/card/card-title/card-title.d.ts +1 -1
  472. package/dist/types/components/card/card.d.ts +1 -1
  473. package/dist/types/components/checkbox/checkbox-group/checkbox-group.d.ts +10 -0
  474. package/dist/types/components/checkbox/checkbox.d.ts +4 -0
  475. package/dist/types/components/close/close.d.ts +14 -2
  476. package/dist/types/components/close/close.interfaces.d.ts +1 -1
  477. package/dist/types/components/content/content.d.ts +6 -6
  478. package/dist/types/components/content/content.interfaces.d.ts +3 -3
  479. package/dist/types/components/date/date.d.ts +3 -0
  480. package/dist/types/components/file-upload/file-upload.d.ts +3 -0
  481. package/dist/types/components/heading/heading.d.ts +10 -10
  482. package/dist/types/components/heading/heading.interfaces.d.ts +3 -3
  483. package/dist/types/components/input/input.d.ts +4 -0
  484. package/dist/types/components/input-slider/input-slider.d.ts +189 -0
  485. package/dist/types/components/input-slider/input-slider.interfaces.d.ts +18 -0
  486. package/dist/types/components/input-slider/input-slider.picker.d.ts +37 -0
  487. package/dist/types/components/input-slider/input-slider.utils.d.ts +18 -0
  488. package/dist/types/components/input-slider/test/input-slider.a11y.play.d.ts +1 -0
  489. package/dist/types/components/input-slider/test/input-slider.component.play.d.ts +1 -0
  490. package/dist/types/components/input-slider/test/input-slider.visual.play.d.ts +1 -0
  491. package/dist/types/components/number-input/number-input.d.ts +4 -0
  492. package/dist/types/components/radio/radio-group/radio-group.d.ts +10 -0
  493. package/dist/types/components/radio/radio.d.ts +4 -0
  494. package/dist/types/components/segment/segment/segment.d.ts +3 -0
  495. package/dist/types/components/select/select.d.ts +3 -0
  496. package/dist/types/components/spinner/spinner.d.ts +8 -7
  497. package/dist/types/components/spinner/spinner.interfaces.d.ts +1 -1
  498. package/dist/types/components/stack/stack.d.ts +3 -3
  499. package/dist/types/components/stack/stack.interfaces.d.ts +2 -2
  500. package/dist/types/components/textarea/textarea.d.ts +4 -0
  501. package/dist/types/components.d.ts +334 -70
  502. package/dist/types/global/token-preview.d.ts +8 -0
  503. package/dist/types/global/token-preview.types.d.ts +20 -0
  504. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/index.d.ts +1 -0
  505. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/input-slider.po.d.ts +18 -0
  506. package/dist/types/utils/index.d.ts +1 -0
  507. package/dist/types/utils/invalid-text-slot.d.ts +9 -0
  508. package/docs/cem.json +792 -211
  509. package/docs/components.json +2434 -1559
  510. package/docs/html.html-data.json +124 -1
  511. package/docs/tags.json +1 -0
  512. package/docs/visual-pages.json +51 -0
  513. package/package.json +10 -9
  514. package/sbom.cdx.json +41369 -18745
  515. package/components/p-B1gnrQ9b.js +0 -4
  516. package/components/p-CA7G72wZ.js +0 -4
  517. package/components/p-CYWn3X22.js +0 -4
  518. package/components/p-Ceu7FIWM.js +0 -4
  519. package/components/p-Ctnm_MBD.js +0 -4
  520. package/components/p-DQBzmbR6.js +0 -4
  521. package/components/p-DsvYY32v.js +0 -4
  522. package/components/p-Du7QOHtz.js +0 -5
  523. package/components/p-FBQaJyH0.js +0 -4
  524. package/dist/design-system/p-014d464627.entry.js +0 -4
  525. package/dist/design-system/p-0ff0be5b83.entry.js +0 -4
  526. package/dist/design-system/p-11f34d0c7d.entry.js +0 -4
  527. package/dist/design-system/p-163d606781.entry.js +0 -4
  528. package/dist/design-system/p-1VXOIrN2.js +0 -4
  529. package/dist/design-system/p-202ecb8f01.entry.js +0 -4
  530. package/dist/design-system/p-27d181c5ac.entry.js +0 -4
  531. package/dist/design-system/p-2a35e0b9b0.entry.js +0 -4
  532. package/dist/design-system/p-2f51e1d39b.entry.js +0 -4
  533. package/dist/design-system/p-3292ae6a05.entry.js +0 -4
  534. package/dist/design-system/p-3895178b39.entry.js +0 -4
  535. package/dist/design-system/p-3c6b7a2967.entry.js +0 -4
  536. package/dist/design-system/p-3ef4bd1c59.entry.js +0 -4
  537. package/dist/design-system/p-493b18cc46.entry.js +0 -4
  538. package/dist/design-system/p-4a99464dae.entry.js +0 -4
  539. package/dist/design-system/p-5e51fa8df4.entry.js +0 -4
  540. package/dist/design-system/p-62cb503015.entry.js +0 -4
  541. package/dist/design-system/p-65c221261c.entry.js +0 -4
  542. package/dist/design-system/p-68c9f4f630.entry.js +0 -4
  543. package/dist/design-system/p-68ebed7eee.entry.js +0 -4
  544. package/dist/design-system/p-6b6531379b.entry.js +0 -4
  545. package/dist/design-system/p-6d168ba9ad.entry.js +0 -4
  546. package/dist/design-system/p-787bd92bcc.entry.js +0 -4
  547. package/dist/design-system/p-7c8bf0f33e.entry.js +0 -4
  548. package/dist/design-system/p-8353961d39.entry.js +0 -4
  549. package/dist/design-system/p-B8KVoKrH.js +0 -5
  550. package/dist/design-system/p-BLGVE-7Z.js +0 -4
  551. package/dist/design-system/p-BPGfTrrM.js +0 -4
  552. package/dist/design-system/p-C6MVahkC.js +0 -5
  553. package/dist/design-system/p-Ceu7FIWM.js +0 -4
  554. package/dist/design-system/p-CwCAiaMq.js +0 -4
  555. package/dist/design-system/p-DHeVI6dR.js +0 -4
  556. package/dist/design-system/p-ad2b17b0a0.entry.js +0 -4
  557. package/dist/design-system/p-b68bc14064.entry.js +0 -4
  558. package/dist/design-system/p-b955a93959.entry.js +0 -4
  559. package/dist/design-system/p-caad93b943.entry.js +0 -4
  560. package/dist/design-system/p-cca79bfeb1.entry.js +0 -4
  561. package/dist/design-system/p-ddf2a7dfee.entry.js +0 -4
  562. package/dist/design-system/p-df5899b930.entry.js +0 -4
  563. package/dist/design-system/p-e85c92ca1a.entry.js +0 -4
  564. package/dist/design-system/p-f62643c33d.entry.js +0 -4
  565. package/dist/design-system/p-fa9568abce.entry.js +0 -4
  566. package/dist/design-system/p-fcd98f22b7.entry.js +0 -4
  567. package/dist/design-system/p-feeef4a8cb.entry.js +0 -4
  568. package/dist/design-system/p-tl_BegdE.js +0 -4
package/dist/collection/components/select/select.host.css CHANGED
@@ -1 +1 @@
1
- :root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-focus-color: var(--ss-primary-color);--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 9px;--ss-spacing-m: 7px;--ss-spacing-s: 5px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px;--ss-modal-z-index: 1000001}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;align-items:center;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-main{transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:flex;flex-wrap:wrap;align-items:center;align-content:center;align-self:stretch;gap:var(--ss-spacing-m);flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}@media(prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{animation:none}}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);overflow:hidden;z-index:10000}@media(prefers-reduced-motion: reduce){.ss-content{transition:none}}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{transform-origin:center bottom;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;transform:scaleY(1)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:none}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:flex;flex-direction:row;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:flex;align-items:center;justify-content:center;padding:var(--ss-spacing-l);box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-modal-overlay{transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;box-shadow:0 1px 4px rgba(0,0,0,.5);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{flex-direction:column;transform-origin:center center}:host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background: var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color: var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width: var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius: var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background: var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background: var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background: var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border: var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border: var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border: var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_select-family: var(--select-family, var(--mod-select-family, var(--ds-form-control-family)));--_select-weight: var(--select-weight, var(--mod-select-weight, var(--ds-form-control-weight)));--_select-line-height: var(--select-line-height, var(--mod-select-line-height, var(--ds-form-control-line-height)));--_select-size: var(--select-size, var(--mod-select-size, var(--ds-form-control-size-device)));--_select-color: var(--select-color, var(--mod-select-color, var(--ds-form-control-color-value-base)));--_select-placeholder: var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-control-color-placeholder-base)));--_select-background-color: var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background-base)));--_select-text-color: var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text-base)));--_select-primary-color: var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary-base)));--_select-placeholder-color: var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder-base)));--_select-disabled-color: var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color: var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border-base)));--_select-highlight-color: var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight-base)));--_select-focus-color: var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus-base)));--_select-success-color: var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color: var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius: var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family: var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color: var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background-base)));--_select-content-shadow: var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-search-text-color: var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text-base)));--_select-option-text-color: var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color: var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color: var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border-base)));--_select-option-selected-weight: var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color: var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color: var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color: var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color: var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-hover)));--_select-option-hover-background-color: var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color: var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color: var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color: var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color: var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color: var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background-base)));--_select-optgroup-text-color: var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text-base)));--_select-optgroup-weight: var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color: var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color: var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color: var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color: var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-base-background)));--_select-tag-text-color: var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-base-text)));--_select-tag-family: var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color: var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color: var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color: var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color: var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring-base)));--ss-bg-color: var(--_select-background-color);--ss-font-color: var(--_select-text-color);--ss-primary-color: var(--_select-primary-color);--ss-placeholder-color: var(--_select-placeholder-color);--ss-disabled-color: var(--_select-disabled-color);--ss-border-color: var(--_select-border-color);--ss-highlight-color: var(--_select-highlight-color);--ss-focus-color: var(--_select-focus-color);--ss-success-color: var(--_select-success-color);--ss-error-color: var(--_select-error-color);--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 8px;--ss-spacing-m: 4px;--ss-spacing-s: 2px;--ss-icon-spacing: 10px;--ss-animation-timing: 0.2s;--ss-border-radius: var(--_select-radius);--ss-modal-z-index: 1000001}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media(hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border-color: var(--ds-form-container-color-danger-border);--mod-form-description-color: var(--ds-form-description-color-danger);--mod-form-container-hover-border: var(--ds-form-container-color-danger-border);--mod-form-container-active-border: var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color: var(--ds-form-container-color-success-border);--mod-form-description-color: var(--ds-form-description-color-success);--mod-form-container-hover-border: var(--ds-form-container-color-success-border);--mod-form-container-active-border: var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color: var(--ds-form-container-color-warning-border);--mod-form-description-color: var(--ds-form-description-color-warning);--mod-form-container-hover-border: var(--ds-form-container-color-warning-border);--mod-form-container-active-border: var(--ds-form-container-color-warning-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background: var(--ds-form-container-color-disabled-background);--mod-form-container-border-color: var(--ds-form-container-color-disabled-border);--mod-form-label-color: var(--ds-form-label-color-disabled);--mod-form-description-color: var(--ds-form-description-color-disabled);--mod-select-color: var(--ds-form-control-color-value-disabled);--mod-select-placeholder: var(--ds-form-control-color-placeholder-disabled)}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;box-shadow:none;font-family:var(--_select-content-family);z-index:var(--ds-alias-z-index-popup)}:host .ss-content{background-color:var(--_select-content-background-color);box-shadow:var(--_select-content-shadow);border:none;margin:0 !important;position:absolute;top:100%;left:0;width:100%;min-height:0;max-height:300px;height:auto}@media(prefers-reduced-motion: reduce){:host .ss-content{transition:none !important;animation:none !important}}:host .ss-content .ss-search{border-width:2px;border-color:var(--_form-container-border-color)}:host .ss-content .ss-search input{color:var(--_select-search-text-color)}:host .ss-content .ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content .ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content .ss-search input[type=search]::-webkit-search-decoration,:host .ss-content .ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content .ss-search input[type=search]::-webkit-search-results-button,:host .ss-content .ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-bottom:2px solid var(--_select-option-border-color)}:host .ss-content .ss-list .ss-option:last-child{border-bottom:none}:host .ss-content .ss-list .ss-option::after{display:block;content:"";width:14px;height:14px;mask-size:100%;mask-repeat:no-repeat;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled),:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{border-radius:var(--ds-alias-radius-rounded);background:rgba(0,0,0,0);width:1.5rem;height:1.5rem;border:none;appearance:auto;position:relative;display:inline-flex;flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;box-shadow:none;outline:none;box-sizing:border-box;text-decoration:none;user-select:none;touch-action:manipulation;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host .ss-main .ss-deselect::-moz-focus-inner{border:0}:host .ss-main .ss-deselect:disabled{pointer-events:none}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--icon-color: var(--ds-alias-text-color-primary-hover);background:var(--ds-alias-background-color-highlight)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--icon-color: var(--ds-alias-text-color-primary-active);background:var(--ds-alias-background-color-highlight)}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:focus-visible:not(:active),:host .ss-main .ss-deselect.is-focused:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .ss-main .ss-deselect::after{position:absolute;content:"";display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-size:80%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-icon-color);transition:transform var(--ss-animation-timing) ease-in-out}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover::after,:host .ss-main .ss-deselect.is-hovered::after{background-color:var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active::after,:host .ss-main .ss-deselect.is-pressed::after{background-color:var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-icon-color);transition:transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-space-padding-y-sm);padding-inline:var(--ds-tag-space-padding-x-sm);border-radius:var(--ds-tag-radius-base);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-font-size-sm);font-weight:var(--ds-tag-font-weight-sm);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;margin:0;padding:0;width:20px;height:20px;border:none;border-radius:var(--ds-close-radius);background-color:var(--ds-close-color-background-base);appearance:none;outline:none;margin-left:.25rem;margin-right:-0.5rem}:host .ss-main .ss-values .ss-value .ss-value-delete::after{display:block;content:"";width:10px;height:10px;margin-left:5px;margin-right:5px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--ds-close-color-icon-base)}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:hover{background-color:var(--ds-close-color-background-hover)}}:host .ss-main .ss-values .ss-value .ss-value-delete:active{background-color:var(--ds-close-color-background-active)}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:focus-visible:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_select-focus-ring-color) 0 0 0 5px !important}}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:"";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");background-size:75%;background-repeat:no-repeat;background-position:center}
1
+ :root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-focus-color: var(--ss-primary-color);--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 9px;--ss-spacing-m: 7px;--ss-spacing-s: 5px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px;--ss-modal-z-index: 1000001}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;align-items:center;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-main{transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:flex;flex-wrap:wrap;align-items:center;align-content:center;align-self:stretch;gap:var(--ss-spacing-m);flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}@media(prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{animation:none}}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);overflow:hidden;z-index:10000}@media(prefers-reduced-motion: reduce){.ss-content{transition:none}}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{transform-origin:center bottom;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;transform:scaleY(1)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:none}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:flex;flex-direction:row;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:flex;align-items:center;justify-content:center;padding:var(--ss-spacing-l);box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity var(--ss-animation-timing)}@media(prefers-reduced-motion: reduce){.ss-modal-overlay{transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;box-shadow:0 1px 4px rgba(0,0,0,.5);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{flex-direction:column;transform-origin:center center}:host{--_form-field-gap: var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background: var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color: var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width: var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius: var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background: var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background: var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background: var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border: var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border: var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border: var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color: var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family: var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight: var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height: var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size: var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color: var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family: var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight: var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height: var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size: var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_select-family: var(--select-family, var(--mod-select-family, var(--ds-form-control-family)));--_select-weight: var(--select-weight, var(--mod-select-weight, var(--ds-form-control-weight)));--_select-line-height: var(--select-line-height, var(--mod-select-line-height, var(--ds-form-control-line-height)));--_select-size: var(--select-size, var(--mod-select-size, var(--ds-form-control-size-device)));--_select-color: var(--select-color, var(--mod-select-color, var(--ds-form-control-color-value-base)));--_select-placeholder: var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-control-color-placeholder-base)));--_select-background-color: var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background-base)));--_select-text-color: var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text-base)));--_select-primary-color: var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary-base)));--_select-placeholder-color: var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder-base)));--_select-disabled-color: var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color: var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border-base)));--_select-highlight-color: var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight-base)));--_select-focus-color: var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus-base)));--_select-success-color: var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color: var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius: var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family: var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color: var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background-base)));--_select-content-shadow: var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-search-text-color: var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text-base)));--_select-option-text-color: var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color: var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color: var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border-base)));--_select-option-selected-weight: var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color: var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color: var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color: var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color: var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-hover)));--_select-option-hover-background-color: var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color: var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color: var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color: var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color: var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color: var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background-base)));--_select-optgroup-text-color: var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text-base)));--_select-optgroup-weight: var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color: var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color: var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color: var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color: var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-base-background)));--_select-tag-text-color: var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-base-text)));--_select-tag-family: var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color: var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color: var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color: var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color: var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring-base)));--ss-bg-color: var(--_select-background-color);--ss-font-color: var(--_select-text-color);--ss-primary-color: var(--_select-primary-color);--ss-placeholder-color: var(--_select-placeholder-color);--ss-disabled-color: var(--_select-disabled-color);--ss-border-color: var(--_select-border-color);--ss-highlight-color: var(--_select-highlight-color);--ss-focus-color: var(--_select-focus-color);--ss-success-color: var(--_select-success-color);--ss-error-color: var(--_select-error-color);--ss-main-height: 40px;--ss-content-height: 300px;--ss-modal-height: 85vh;--ss-modal-width: min(90vw, 400px);--ss-search-height: var(--ss-main-height);--ss-option-height: var(--ss-main-height);--ss-spacing-l: 8px;--ss-spacing-m: 4px;--ss-spacing-s: 2px;--ss-icon-spacing: 10px;--ss-animation-timing: 0.2s;--ss-border-radius: var(--_select-radius);--ss-modal-z-index: 1000001}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{box-sizing:border-box;clear:both;display:flex;width:100%;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media(hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color: var(--_form-description-color)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border-color: var(--ds-form-container-color-danger-border);--mod-form-description-color: var(--ds-form-description-color-danger);--mod-form-container-hover-border: var(--ds-form-container-color-danger-border);--mod-form-container-active-border: var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color: var(--ds-form-container-color-success-border);--mod-form-description-color: var(--ds-form-description-color-success);--mod-form-container-hover-border: var(--ds-form-container-color-success-border);--mod-form-container-active-border: var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color: var(--ds-form-container-color-warning-border);--mod-form-description-color: var(--ds-form-description-color-warning);--mod-form-container-hover-border: var(--ds-form-container-color-warning-border);--mod-form-container-active-border: var(--ds-form-container-color-warning-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background: var(--ds-form-container-color-disabled-background);--mod-form-container-border-color: var(--ds-form-container-color-disabled-border);--mod-form-label-color: var(--ds-form-label-color-disabled);--mod-form-description-color: var(--ds-form-description-color-disabled);--mod-select-color: var(--ds-form-control-color-value-disabled);--mod-select-placeholder: var(--ds-form-control-color-placeholder-disabled)}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;box-shadow:none;font-family:var(--_select-content-family);z-index:var(--ds-alias-z-index-popup)}:host .ss-content{background-color:var(--_select-content-background-color);box-shadow:var(--_select-content-shadow);border:none;margin:0 !important;position:absolute;top:100%;left:0;width:100%;min-height:0;max-height:300px;height:auto}@media(prefers-reduced-motion: reduce){:host .ss-content{transition:none !important;animation:none !important}}:host .ss-content .ss-search{border-width:2px;border-color:var(--_form-container-border-color)}:host .ss-content .ss-search input{color:var(--_select-search-text-color)}:host .ss-content .ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content .ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content .ss-search input[type=search]::-webkit-search-decoration,:host .ss-content .ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content .ss-search input[type=search]::-webkit-search-results-button,:host .ss-content .ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-bottom:2px solid var(--_select-option-border-color)}:host .ss-content .ss-list .ss-option:last-child{border-bottom:none}:host .ss-content .ss-list .ss-option::after{display:block;content:"";width:14px;height:14px;mask-size:100%;mask-repeat:no-repeat;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled),:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{border-radius:var(--ds-alias-radius-rounded);background:rgba(0,0,0,0);width:1.5rem;height:1.5rem;border:none;appearance:auto;position:relative;display:inline-flex;flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;box-shadow:none;outline:none;box-sizing:border-box;text-decoration:none;user-select:none;touch-action:manipulation;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host .ss-main .ss-deselect::-moz-focus-inner{border:0}:host .ss-main .ss-deselect:disabled{pointer-events:none}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--icon-color: var(--ds-alias-text-color-primary-hover);background:var(--ds-alias-background-color-highlight)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--icon-color: var(--ds-alias-text-color-primary-active);background:var(--ds-alias-background-color-highlight)}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:focus-visible:not(:active),:host .ss-main .ss-deselect.is-focused:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .ss-main .ss-deselect::after{position:absolute;content:"";display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-size:80%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-icon-color);transition:transform var(--ss-animation-timing) ease-in-out}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover::after,:host .ss-main .ss-deselect.is-hovered::after{background-color:var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active::after,:host .ss-main .ss-deselect.is-pressed::after{background-color:var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--_select-icon-color);transition:transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-space-padding-y-sm);padding-inline:var(--ds-tag-space-padding-x-sm);border-radius:var(--ds-tag-radius-base);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-font-size-sm);font-weight:var(--ds-tag-font-weight-sm);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;margin:0;padding:0;width:20px;height:20px;border:none;border-radius:var(--ds-close-radius);background-color:var(--ds-close-color-background-base);appearance:none;outline:none;margin-left:.25rem;margin-right:-0.5rem}:host .ss-main .ss-values .ss-value .ss-value-delete::after{display:block;content:"";width:10px;height:10px;margin-left:5px;margin-right:5px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-size:100%;mask-repeat:no-repeat;mask-position:center;background-color:var(--ds-close-icon-color-base)}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:hover{background-color:var(--ds-close-color-background-hover)}}:host .ss-main .ss-values .ss-value .ss-value-delete:active{background-color:var(--ds-close-color-background-active)}@media(hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:focus-visible:not(:active){box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_select-focus-ring-color) 0 0 0 5px !important}}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:"";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");background-size:75%;background-repeat:no-repeat;background-position:center}
package/dist/collection/components/select/select.js CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  import { __decorate, __metadata } from "tslib";
5
5
  import { h } from "@stencil/core";
6
- import { inheritAttributes, Logger, OneOf, Type, stopEventBubbling, raf } from "../../utils/index";
6
+ import { inheritAttributes, Logger, OneOf, Type, stopEventBubbling, raf, watchInvalidTextSlot, } from "../../utils/index";
7
7
  import { defaultConfig, ListenToConfig } from "../../global/index";
8
8
  import { Field } from "../input/field.util";
9
9
  import { INPUT_COLORS } from "../input/input.interfaces";
@@ -14,6 +14,7 @@ import { SelectPickerController, buildSlimData } from "./select.picker";
14
14
  *
15
15
  * @slot - Optional ds-select-option / ds-select-optgroup elements, as an HTML-only alternative
16
16
  * to the options / optionGroups props. Ignored whenever options or optionGroups is non-empty.
17
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
17
18
  * @part inner - The inner wrapper element containing label, control, and description.
18
19
  * @part label - The label element.
19
20
  * @part control - The control container wrapping the slim-select trigger.
@@ -28,6 +29,7 @@ export class DsSelect {
28
29
  this.language = defaultConfig.language;
29
30
  this.region = defaultConfig.region;
30
31
  this.slottedOptions = [];
32
+ this.hasInvalidTextSlotContent = false;
31
33
  this.slottedOptionGroups = [];
32
34
  /**
33
35
  * PUBLIC PROPERTY API
@@ -147,6 +149,9 @@ export class DsSelect {
147
149
  this.value = this.normalizeValue(this.value);
148
150
  this.initialValue = this.value;
149
151
  this.syncFormValue(this.value);
152
+ this.disconnectInvalidTextSlotWatcher = watchInvalidTextSlot(this.el, hasContent => {
153
+ this.hasInvalidTextSlotContent = hasContent;
154
+ });
150
155
  }
151
156
  componentWillLoad() {
152
157
  this.inheritedAttributes = inheritAttributes(this.el, ['aria-label', 'tabindex', 'title']);
@@ -182,9 +187,10 @@ export class DsSelect {
182
187
  this.initialValue = this.value;
183
188
  }
184
189
  disconnectedCallback() {
185
- var _a;
190
+ var _a, _b;
186
191
  (_a = this.picker) === null || _a === void 0 ? void 0 : _a.destroy();
187
192
  this.picker = undefined;
193
+ (_b = this.disconnectInvalidTextSlotWatcher) === null || _b === void 0 ? void 0 : _b.call(this);
188
194
  }
189
195
  /**
190
196
  * PUBLIC LISTENERS
@@ -337,9 +343,9 @@ export class DsSelect {
337
343
  * ------------------------------------------------------
338
344
  */
339
345
  render() {
340
- return (h(Field, { key: 'eecfb4cab9d68210135674b01c7df8ee53723d10', disabled: this.disabled, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, inputId: this.selectId, onClick: ev => this.dsClick.emit(ev) }, h("select", Object.assign({ key: '1531c1c858bcb110bbe450ba662e2c483943039c', name: this.name, multiple: this.multiple, required: this.required, disabled: this.disabled, "aria-hidden": "true", tabindex: -1, ref: el => (this.selectEl = el) }, this.inheritedAttributes)), h("div", { key: '291ee9706eae79cfdf4e2fc3f7021f5e1e8fe8d3', id: "popup", class: {
346
+ return (h(Field, { key: '74de1197d7894c970976b972fc3d2d283f54f4f1', disabled: this.disabled, color: this.color, invalid: this.invalid || this.hasInvalidTextSlotContent, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, inputId: this.selectId, onClick: ev => this.dsClick.emit(ev) }, h("select", Object.assign({ key: 'c9aece035d82294753d0b17595874d98f2b9c94a', name: this.name, multiple: this.multiple, required: this.required, disabled: this.disabled, "aria-hidden": "true", tabindex: -1, ref: el => (this.selectEl = el) }, this.inheritedAttributes)), h("div", { key: '1cd24aa5a5817e6907c035fc4c2793c7d732a011', id: "popup", class: {
341
347
  'is-multiple': this.multiple,
342
- }, ref: el => (this.popupEl = el) }, h("slot", { key: '6599aa56141ef60408922cbdf18e03d44544ec5e', onSlotchange: this.handleSlotChange }))));
348
+ }, ref: el => (this.popupEl = el) }, h("slot", { key: '860a00d19d5b2a9b23065fa4fc44fe0641dab187', onSlotchange: this.handleSlotChange }))));
343
349
  }
344
350
  static get is() { return "ds-select"; }
345
351
  static get encapsulation() { return "shadow"; }
@@ -721,6 +727,7 @@ export class DsSelect {
721
727
  "language": {},
722
728
  "region": {},
723
729
  "slottedOptions": {},
730
+ "hasInvalidTextSlotContent": {},
724
731
  "slottedOptionGroups": {}
725
732
  };
726
733
  }
package/dist/collection/components/select/test/select.visual.play.js CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  import { DsSelect, expectScreenshot, screenshot, test } from "../../../../../../playwright/src/index";
5
5
  const TAG = 'select';
6
- const VARIANTS = ['basic', 'disabled', 'invalid', 'valid', 'warning'];
6
+ const VARIANTS = ['basic', 'disabled', 'invalid', 'invalid-slot', 'valid', 'warning'];
7
7
  const HOST_VARIANTS = [
8
8
  { testId: 'basic', selectId: 'basic', options: ['Italy'] },
9
9
  { testId: 'searchable', selectId: 'searchable', options: ['Germany'] },
@@ -21,7 +21,7 @@ test.describe('style', () => {
21
21
  test.beforeEach('Setup', async ({ page }) => {
22
22
  await page.setupVisualTest(`/components/${TAG}/test/${TAG}.style.html`);
23
23
  });
24
- VARIANTS.filter(v => !['slotted-options'].includes(v)).forEach(variant => {
24
+ VARIANTS.filter(v => !['slotted-options', 'invalid-slot'].includes(v)).forEach(variant => {
25
25
  test(variant, async ({ page }) => {
26
26
  const el = page.getByTestId(variant);
27
27
  await expectScreenshot(el, image(`style-${variant}`));
package/dist/collection/components/shape/shape.js CHANGED
@@ -39,7 +39,7 @@ export class Shape {
39
39
  * ─────────────────────────────────────────────────────
40
40
  */
41
41
  render() {
42
- return (h(Host, { key: 'e38fc0e4417b0c820f4f48b3bd6276e3ca745f74', "aria-hidden": "true" }, h("svg", { key: '64feadb80b8a95f7b7d230e9a601a9ad4aabd83f', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true" }, shapes[parseInt(this.variation) - 1])));
42
+ return (h(Host, { key: '7992728e9058b4aa1df34a66625315314a53b854', "aria-hidden": "true" }, h("svg", { key: '4a1384043bf0c8cb44971a726dd760f1046dde00', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true" }, shapes[parseInt(this.variation) - 1])));
43
43
  }
44
44
  static get is() { return "ds-shape"; }
45
45
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/spinner/spinner.host.css CHANGED
@@ -1 +1 @@
1
- :host{--_spinner-position: var(--spinner-position, var(--mod-spinner-position, static));--_spinner-top: var(--spinner-top, var(--mod-spinner-top));--_spinner-right: var(--spinner-right, var(--mod-spinner-right));--_spinner-bottom: var(--spinner-bottom, var(--mod-spinner-bottom));--_spinner-left: var(--spinner-left, var(--mod-spinner-left));position:var(--_spinner-position);top:var(--_spinner-top);right:var(--_spinner-right);bottom:var(--_spinner-bottom);left:var(--_spinner-left);--_spinner-m: var(--spinner-m, var(--mod-spinner-m, 0));--_spinner-my: var(--spinner-my, var(--mod-spinner-my));--_spinner-mx: var(--spinner-mx, var(--mod-spinner-mx));--_spinner-ml: var(--spinner-ml, var(--mod-spinner-ml));--_spinner-mr: var(--spinner-mr, var(--mod-spinner-mr));--_spinner-mt: var(--spinner-mt, var(--mod-spinner-mt));--_spinner-mb: var(--spinner-mb, var(--mod-spinner-mb));margin:var(--_spinner-m);margin-inline:var(--_spinner-mx);margin-block:var(--_spinner-my);margin-left:var(--_spinner-ml);margin-right:var(--_spinner-mr);margin-top:var(--_spinner-mt);margin-bottom:var(--_spinner-mb);--_spinner-size: var(--spinner-size, var(--mod-spinner-size, var(--ds-spinner-size)));--_spinner-circle-size: var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size)));--_spinner-circle-border-width: var(--spinner-circle-border-width, var(--mod-spinner-circle-border-width, var(--ds-spinner-circle-border-width)));--_spinner-circle-color-border-background: var(--spinner-circle-color-border-background, var(--mod-spinner-circle-color-border-background, var(--ds-spinner-circle-color-background)));--_spinner-circle-color-border-progress: var(--spinner-circle-color-border-progress, var(--mod-spinner-circle-color-border-progress, var(--ds-spinner-circle-color-progress)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}:host,:host>div{display:flex;justify-content:center;align-content:center;text-align:center}:host svg{transform:unset !important}:host(:not(.is-circle))>div{width:var(--_spinner-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-border-width);border-color:var(--_spinner-circle-color-border-background);border-top-color:var(--_spinner-circle-color-border-progress);width:var(--_spinner-circle-size);height:var(--_spinner-circle-size)}:host(.is-animated) #inner{animation:spinner 1.6s linear infinite}:host(.is-sm){--mod-spinner-size: 2rem;--mod-spinner-circle-size: 1.125rem;--mod-spinner-circle-border-width: 0.2rem}:host(.is-white){--mod-spinner-circle-color-border-background: var(--ds-spinner-circle-color-inverted-background);--mod-spinner-circle-color-border-progress: var(--ds-spinner-circle-color-progress-inverted)}:host(.is-label-right){flex-direction:row;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){flex-direction:column;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base)}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
1
+ :host{--_spinner-position: var(--spinner-position, var(--mod-spinner-position, static));--_spinner-top: var(--spinner-top, var(--mod-spinner-top));--_spinner-right: var(--spinner-right, var(--mod-spinner-right));--_spinner-bottom: var(--spinner-bottom, var(--mod-spinner-bottom));--_spinner-left: var(--spinner-left, var(--mod-spinner-left));position:var(--_spinner-position);top:var(--_spinner-top);right:var(--_spinner-right);bottom:var(--_spinner-bottom);left:var(--_spinner-left);--_spinner-m: var(--spinner-m, var(--mod-spinner-m, 0));--_spinner-my: var(--spinner-my, var(--mod-spinner-my));--_spinner-mx: var(--spinner-mx, var(--mod-spinner-mx));--_spinner-ml: var(--spinner-ml, var(--mod-spinner-ml));--_spinner-mr: var(--spinner-mr, var(--mod-spinner-mr));--_spinner-mt: var(--spinner-mt, var(--mod-spinner-mt));--_spinner-mb: var(--spinner-mb, var(--mod-spinner-mb));margin:var(--_spinner-m);margin-inline:var(--_spinner-mx);margin-block:var(--_spinner-my);margin-left:var(--_spinner-ml);margin-right:var(--_spinner-mr);margin-top:var(--_spinner-mt);margin-bottom:var(--_spinner-mb);--_spinner-size: var(--spinner-size, var(--mod-spinner-size, var(--ds-spinner-size)));--_spinner-circle-size: var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size)));--_spinner-circle-border-width: var(--spinner-circle-border-width, var(--mod-spinner-circle-border-width, var(--ds-spinner-circle-border-width)));--_spinner-circle-color-border-background: var(--spinner-circle-color-border-background, var(--mod-spinner-circle-color-border-background, var(--ds-spinner-circle-color-background)));--_spinner-circle-color-border-progress: var(--spinner-circle-color-border-progress, var(--mod-spinner-circle-color-border-progress, var(--ds-spinner-circle-color-progress)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}:host,:host>div{display:flex;justify-content:center;align-content:center;text-align:center}:host svg{transform:unset !important}:host(:not(.is-circle))>div{width:var(--_spinner-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-border-width);border-color:var(--_spinner-circle-color-border-background);border-top-color:var(--_spinner-circle-color-border-progress);width:var(--_spinner-circle-size);height:var(--_spinner-circle-size)}:host(.is-animated) #inner{animation:spinner 1.6s linear infinite}:host(.is-sm){--mod-spinner-size: 2rem;--mod-spinner-circle-size: 1.125rem;--mod-spinner-circle-border-width: 0.2rem}:host(.is-white){--mod-spinner-circle-color-border-background: var(--ds-spinner-inverted-circle-color-background);--mod-spinner-circle-color-border-progress: var(--ds-spinner-inverted-circle-color-progress)}:host(.is-label-right){flex-direction:row;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){flex-direction:column;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base)}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
package/dist/collection/components/spinner/spinner.interfaces.js CHANGED
@@ -3,5 +3,5 @@
3
3
  */
4
4
  export const SPINNER_COLORS = ['blue', 'white'];
5
5
  export const SPINNER_VARIATIONS = ['logo', 'circle'];
6
- export const SPINNER_SIZES = ['sm', ''];
6
+ export const SPINNER_SIZES = ['sm'];
7
7
  export const SPINNER_LABEL_POSITIONS = ['right', 'bottom'];
package/dist/collection/components/spinner/spinner.js CHANGED
@@ -11,6 +11,7 @@ import { i18nDsSpinner } from "./spinner.i18n";
11
11
  * Spinner displays an animated loading indicator with customizable color, size, and variation.
12
12
  *
13
13
  * @part inner - The spinner animation container element.
14
+ * @part label - The visible label rendered next to the spinner.
14
15
  */
15
16
  export class Spinner {
16
17
  constructor() {
@@ -19,7 +20,7 @@ export class Spinner {
19
20
  this.region = defaultConfig.region;
20
21
  /**
21
22
  * PUBLIC PROPERTY API
22
- * ------------------------------------------------------
23
+ * ─────────────────────────────────────────────────────
23
24
  */
24
25
  /**
25
26
  * **Deprecated:** Use inverted="true" for white spinner instead.
@@ -33,10 +34,6 @@ export class Spinner {
33
34
  * If `true` the component can be used on dark background
34
35
  */
35
36
  this.inverted = false;
36
- /**
37
- * Defines the size of the spinner. If `sm` the spinner is smaller.
38
- */
39
- this.size = '';
40
37
  /**
41
38
  * **Deprecated:** Use size="sm" instead.
42
39
  */
@@ -55,7 +52,7 @@ export class Spinner {
55
52
  this.variation = 'logo';
56
53
  /**
57
54
  * PRIVATE METHODS
58
- * ------------------------------------------------------
55
+ * ─────────────────────────────────────────────────────
59
56
  */
60
57
  this.animate = async () => {
61
58
  if (!this.animated) {
@@ -136,7 +133,7 @@ export class Spinner {
136
133
  }
137
134
  /**
138
135
  * LIFECYCLE
139
- * ------------------------------------------------------
136
+ * ─────────────────────────────────────────────────────
140
137
  */
141
138
  componentDidLoad() {
142
139
  if (this.variation === 'logo') {
@@ -152,8 +149,8 @@ export class Spinner {
152
149
  }
153
150
  }
154
151
  /**
155
- * PUBLIC LISTENERS
156
- * ------------------------------------------------------
152
+ * PUBLIC METHODS
153
+ * ─────────────────────────────────────────────────────
157
154
  */
158
155
  /**
159
156
  * @internal define config for the component
@@ -182,7 +179,7 @@ export class Spinner {
182
179
  }
183
180
  /**
184
181
  * RENDER
185
- * ------------------------------------------------------
182
+ * ─────────────────────────────────────────────────────
186
183
  */
187
184
  render() {
188
185
  const ariaLabel = this.label || i18nDsSpinner[this.language].loading;
@@ -190,14 +187,14 @@ export class Spinner {
190
187
  if (this.small === true) {
191
188
  size = 'sm';
192
189
  }
193
- return (h(Host, { key: '86264d495d7ae16626bdf476d81c16dd87e0e12a', role: "progressbar", "aria-label": ariaLabel, class: {
190
+ return (h(Host, { key: 'c11982bbe6a51010b4cefd97da2636ce308eddcf', role: "progressbar", "aria-label": ariaLabel, class: {
194
191
  'is-animated': this.animated,
195
192
  'is-circle': this.variation === 'circle',
196
193
  'is-sm': size === 'sm',
197
194
  'is-white': this.color === 'white',
198
195
  'is-label-right': hasValue(this.label) && this.labelPosition === 'right',
199
196
  'is-label-bottom': hasValue(this.label) && this.labelPosition === 'bottom',
200
- } }, h("div", { key: '2ef9e800128c98ce79f83b49e4c43cbc21f749e9' }, h("div", { key: 'c9086777b5ac64cb59d2df42aa198a6e193aec80', id: "inner", part: "inner", ref: el => (this.innerEl = el) })), hasValue(this.label) && h("span", { key: 'e8c5d1b0c1bb6cfab6e4fe0caae96684fa0af889', part: "label" }, this.label)));
197
+ } }, h("div", { key: 'ee9d575d084dd4232309bb2e0dcf9e7b404b8e63' }, h("div", { key: 'f65ca901cb36d8503fdd55ab6f2d920bc2a0368d', id: "inner", part: "inner", ref: el => (this.innerEl = el) })), hasValue(this.label) && h("span", { key: '63e189e67f42307211fcf4300f8ba854f2cbe41c', part: "label" }, this.label)));
201
198
  }
202
199
  static get is() { return "ds-spinner"; }
203
200
  static get encapsulation() { return "shadow"; }
@@ -285,7 +282,7 @@ export class Spinner {
285
282
  "mutable": true,
286
283
  "complexType": {
287
284
  "original": "SpinnerSize",
288
- "resolved": "\"\" | \"sm\"",
285
+ "resolved": "\"sm\" | undefined",
289
286
  "references": {
290
287
  "SpinnerSize": {
291
288
  "location": "import",
@@ -296,7 +293,7 @@ export class Spinner {
296
293
  }
297
294
  },
298
295
  "required": false,
299
- "optional": false,
296
+ "optional": true,
300
297
  "docs": {
301
298
  "tags": [],
302
299
  "text": "Defines the size of the spinner. If `sm` the spinner is smaller."
@@ -304,8 +301,7 @@ export class Spinner {
304
301
  "getter": false,
305
302
  "setter": false,
306
303
  "reflect": false,
307
- "attribute": "size",
308
- "defaultValue": "''"
304
+ "attribute": "size"
309
305
  },
310
306
  "small": {
311
307
  "type": "boolean",
package/dist/collection/components/stack/stack.host.css CHANGED
@@ -1 +1 @@
1
- .stack,.stack-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{align-self:stretch}.stack.is-horizontal>.stack-content{align-self:center}.stack.has-wrap,.stack-content.has-wrap{flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{flex-flow:row nowrap;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{flex-flow:row-reverse nowrap;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{justify-content:flex-start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{justify-content:flex-start;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{justify-content:flex-start;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{justify-content:center;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{justify-content:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{justify-content:center;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{justify-content:flex-end;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{justify-content:flex-end;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{justify-content:flex-end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{align-items:flex-start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{align-items:flex-start;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{align-items:flex-start;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{align-items:center;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{align-items:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{align-items:center;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{align-items:flex-end;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{align-items:flex-end;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{align-items:flex-end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left}.stack-content.text-center{text-align:center}.stack-content.text-right{text-align:right}.stack.fit-content,.stack-content.fit-content{flex:unset;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}:host{position:static}
1
+ .stack,.stack-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{align-self:stretch}.stack.is-horizontal>.stack-content{align-self:center}.stack.has-wrap,.stack-content.has-wrap{flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{flex-flow:row nowrap;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{flex-flow:row-reverse nowrap;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{justify-content:flex-start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{justify-content:flex-start;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{justify-content:flex-start;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{justify-content:center;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{justify-content:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{justify-content:center;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{justify-content:flex-end;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{justify-content:flex-end;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{justify-content:flex-end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{align-items:flex-start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{align-items:flex-start;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{align-items:flex-start;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{align-items:center;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{align-items:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{align-items:center;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{align-items:flex-end;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{align-items:flex-end;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{align-items:flex-end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left !important}.stack-content.text-center{text-align:center !important}.stack-content.text-right{text-align:right !important}.stack.fit-content,.stack-content.fit-content{flex:unset;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}:host{position:static}
package/dist/collection/components/stack/stack.interfaces.js CHANGED
@@ -46,7 +46,6 @@ export const STACK_PADDINGS = [
46
46
  'xx-large',
47
47
  ];
48
48
  export const STACK_ALIGNMENTS = [
49
- '',
50
49
  'top start',
51
50
  'top center',
52
51
  'top end',
@@ -57,4 +56,4 @@ export const STACK_ALIGNMENTS = [
57
56
  'bottom center',
58
57
  'bottom end',
59
58
  ];
60
- export const STACK_DIRECTIONS = ['', 'row', 'column', 'row-reverse', 'column-reverse'];
59
+ export const STACK_DIRECTIONS = ['row', 'column', 'row-reverse', 'column-reverse'];