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

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 (460) 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-badge.js +1 -1
  5. package/components/ds-button.js +1 -1
  6. package/components/ds-card-content.js +1 -1
  7. package/components/ds-card-title.js +1 -1
  8. package/components/ds-card.js +1 -1
  9. package/components/ds-carousel.js +1 -1
  10. package/components/ds-checkbox-group.js +1 -1
  11. package/components/ds-checkbox.js +1 -1
  12. package/components/ds-close.js +1 -1
  13. package/components/ds-data-item.js +1 -1
  14. package/components/ds-date.js +1 -1
  15. package/components/ds-drawer.js +1 -1
  16. package/components/ds-file-upload.js +1 -1
  17. package/components/ds-footer.js +1 -1
  18. package/components/ds-heading.js +1 -1
  19. package/components/ds-hint.js +1 -1
  20. package/components/ds-input-slider.d.ts +11 -0
  21. package/components/ds-input-slider.js +4 -0
  22. package/components/ds-input.js +1 -1
  23. package/components/ds-item.js +1 -1
  24. package/components/ds-label.js +1 -1
  25. package/components/ds-list.js +1 -1
  26. package/components/ds-logo.js +1 -1
  27. package/components/ds-modal-body.js +1 -1
  28. package/components/ds-modal-header.js +1 -1
  29. package/components/ds-modal.js +1 -1
  30. package/components/ds-navbar.js +1 -1
  31. package/components/ds-notification.js +1 -1
  32. package/components/ds-number-input.js +1 -1
  33. package/components/ds-pagination.js +1 -1
  34. package/components/ds-popup.js +1 -1
  35. package/components/ds-progress-bar.js +1 -1
  36. package/components/ds-radio-group.js +1 -1
  37. package/components/ds-radio.js +1 -1
  38. package/components/ds-segment-item.js +1 -1
  39. package/components/ds-segment.js +1 -1
  40. package/components/ds-select-optgroup.js +1 -1
  41. package/components/ds-select-option.js +1 -1
  42. package/components/ds-select.js +1 -1
  43. package/components/ds-shape.js +1 -1
  44. package/components/ds-snackbar.js +1 -1
  45. package/components/ds-spinner.js +1 -1
  46. package/components/ds-stack.js +1 -1
  47. package/components/ds-step-panel.js +1 -1
  48. package/components/ds-tab-panel.js +1 -1
  49. package/components/ds-tabs.js +1 -1
  50. package/components/ds-tag-group.js +1 -1
  51. package/components/ds-tag.js +1 -1
  52. package/components/ds-text.js +1 -1
  53. package/components/ds-textarea.js +1 -1
  54. package/components/ds-toast.js +1 -1
  55. package/components/ds-toggle.js +1 -1
  56. package/components/ds-tooltip.js +1 -1
  57. package/components/index.js +1 -1
  58. package/components/p--EKmxaBS.js +4 -0
  59. package/components/{p-BfXZJ1Fe.js → p-ABj0eATe.js} +1 -1
  60. package/components/{p-BU0dY8pq.js → p-BwwAKEvn.js} +1 -1
  61. package/components/{p-B1gnrQ9b.js → p-CWDuQL1i.js} +1 -1
  62. package/components/{p-bGV2P6rT.js → p-D5zw5ezD.js} +1 -1
  63. package/components/{p-CjIxf5zy.js → p-DSeYzuO7.js} +1 -1
  64. package/components/{p-Ctnm_MBD.js → p-DY0y8uLL.js} +1 -1
  65. package/components/{p-DokkRjWC.js → p-VsWv65bD.js} +1 -1
  66. package/components/p-gz0Nxl39.js +4 -0
  67. package/components/{p-CYWn3X22.js → p-qaSW94OG.js} +1 -1
  68. package/components/{p-Btdh3fq7.js → p-u5aa74vh.js} +1 -1
  69. package/dist/cjs/{_getTag-B468r9bu.js → _getTag-DxZgmSPS.js} +1 -1
  70. package/dist/cjs/{array-CioNm_V1.js → array-CYn4ALBt.js} +10 -9
  71. package/dist/cjs/{breakpoints.decorator-C-Qm21UK.js → breakpoints.decorator-DY5iYsA5.js} +1 -1
  72. package/dist/cjs/{breakpoints.subject-XNcGwhzh.js → breakpoints.subject-CzhLlIwN.js} +3 -3
  73. package/dist/cjs/{config.decorator-ThGLtT-3.js → config.decorator-C64wi-MA.js} +1 -1
  74. package/dist/cjs/{config.utils-MhZvq4Qm.js → config.utils-BhWbrVRz.js} +1 -1
  75. package/dist/cjs/{create-validator-decorator-BIgFqrMJ.js → create-validator-decorator-Ctd288ve.js} +1 -1
  76. package/dist/cjs/design-system.cjs.js +2 -2
  77. package/dist/cjs/{device-BnjBOLnP.js → device-CIliLOe9.js} +1 -1
  78. package/dist/cjs/ds-accordion.cjs.entry.js +9 -9
  79. package/dist/cjs/ds-alert-container.cjs.entry.js +6 -6
  80. package/dist/cjs/ds-app.cjs.entry.js +6 -6
  81. package/dist/cjs/ds-badge.cjs.entry.js +7 -7
  82. package/dist/cjs/ds-button-group.cjs.entry.js +6 -6
  83. package/dist/cjs/ds-button_2.cjs.entry.js +9 -9
  84. package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
  85. package/dist/cjs/ds-card-content.cjs.entry.js +3 -3
  86. package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
  87. package/dist/cjs/ds-card-subtitle.cjs.entry.js +6 -6
  88. package/dist/cjs/ds-card-title.cjs.entry.js +6 -6
  89. package/dist/cjs/ds-card.cjs.entry.js +14 -13
  90. package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
  91. package/dist/cjs/ds-carousel.cjs.entry.js +8 -8
  92. package/dist/cjs/ds-checkbox-group.cjs.entry.js +34 -16
  93. package/dist/cjs/ds-checkbox.cjs.entry.js +19 -10
  94. package/dist/cjs/ds-content_2.cjs.entry.js +8 -8
  95. package/dist/cjs/ds-data-item.cjs.entry.js +6 -6
  96. package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
  97. package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
  98. package/dist/cjs/ds-data.cjs.entry.js +4 -4
  99. package/dist/cjs/ds-date.cjs.entry.js +10 -10
  100. package/dist/cjs/ds-divider_2.cjs.entry.js +14 -14
  101. package/dist/cjs/ds-drawer_2.cjs.entry.js +10 -10
  102. package/dist/cjs/ds-file-upload.cjs.entry.js +13 -12
  103. package/dist/cjs/ds-footer.cjs.entry.js +7 -7
  104. package/dist/cjs/ds-heading.cjs.entry.js +7 -7
  105. package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
  106. package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
  107. package/dist/cjs/ds-hint.cjs.entry.js +11 -11
  108. package/dist/cjs/ds-icon_2.cjs.entry.js +14 -13
  109. package/dist/cjs/ds-input-slider.cjs.entry.js +2885 -0
  110. package/dist/cjs/ds-input.cjs.entry.js +10 -10
  111. package/dist/cjs/ds-item.cjs.entry.js +6 -6
  112. package/dist/cjs/ds-label.cjs.entry.js +11 -11
  113. package/dist/cjs/ds-list.cjs.entry.js +5 -5
  114. package/dist/cjs/ds-modal-body.cjs.entry.js +3 -3
  115. package/dist/cjs/ds-modal-header.cjs.entry.js +3 -3
  116. package/dist/cjs/ds-modal.cjs.entry.js +9 -9
  117. package/dist/cjs/ds-navbar.cjs.entry.js +17 -17
  118. package/dist/cjs/ds-notification.cjs.entry.js +11 -11
  119. package/dist/cjs/ds-number-input.cjs.entry.js +22 -117
  120. package/dist/cjs/ds-pagination.cjs.entry.js +17 -17
  121. package/dist/cjs/ds-progress-bar.cjs.entry.js +14 -14
  122. package/dist/cjs/ds-radio-group.cjs.entry.js +29 -12
  123. package/dist/cjs/ds-radio.cjs.entry.js +19 -10
  124. package/dist/cjs/ds-segment-item.cjs.entry.js +5 -5
  125. package/dist/cjs/ds-segment.cjs.entry.js +13 -13
  126. package/dist/cjs/ds-select-optgroup.cjs.entry.js +5 -5
  127. package/dist/cjs/ds-select-option.cjs.entry.js +5 -5
  128. package/dist/cjs/ds-select.cjs.entry.js +11 -11
  129. package/dist/cjs/ds-shape.cjs.entry.js +5 -5
  130. package/dist/cjs/ds-snackbar.cjs.entry.js +12 -12
  131. package/dist/cjs/ds-step-panel.cjs.entry.js +6 -6
  132. package/dist/cjs/ds-step.cjs.entry.js +5 -5
  133. package/dist/cjs/ds-steps.cjs.entry.js +6 -6
  134. package/dist/cjs/ds-tab-panel.cjs.entry.js +6 -6
  135. package/dist/cjs/ds-tab.cjs.entry.js +5 -5
  136. package/dist/cjs/ds-tabs.cjs.entry.js +12 -12
  137. package/dist/cjs/ds-tag-group.cjs.entry.js +3 -3
  138. package/dist/cjs/ds-tag.cjs.entry.js +8 -8
  139. package/dist/cjs/ds-text.cjs.entry.js +10 -10
  140. package/dist/cjs/ds-textarea.cjs.entry.js +10 -10
  141. package/dist/cjs/ds-toast.cjs.entry.js +11 -11
  142. package/dist/cjs/ds-toggle.cjs.entry.js +7 -7
  143. package/dist/cjs/ds-tooltip.cjs.entry.js +5 -5
  144. package/dist/cjs/{field.util-L-DkeMVk.js → field.util-g9nhtuZH.js} +1 -1
  145. package/dist/cjs/{focus-D3VVgpM7.js → focus-BUszBnbl.js} +1 -1
  146. package/dist/cjs/{form-control-CtMcJUuC.js → form-control-B4Qf8fg-.js} +1 -1
  147. package/dist/cjs/{has-value-DK0oRqXI.js → has-value-rj502MLA.js} +1 -1
  148. package/dist/cjs/{index-sC3JnTlJ.js → index-CqInh7Vc.js} +6 -1
  149. package/dist/cjs/index.cjs.js +7 -7
  150. package/dist/cjs/isArray-DvQst6zQ.js +42 -0
  151. package/dist/cjs/isNaN-DOSPWDkt.js +106 -0
  152. package/dist/cjs/{isObjectLike-h-ta_ikf.js → isObjectLike-BNz6hnAu.js} +0 -37
  153. package/dist/cjs/{listener-BwB_xent.js → listener-1PZJDuOW.js} +1 -1
  154. package/dist/cjs/loader.cjs.js +2 -2
  155. package/dist/cjs/{one-of-BZGRIMtQ.js → one-of-BotLfpAZ.js} +1 -1
  156. package/dist/cjs/{required-COz3Unzu.js → required-BAhZ8oRM.js} +1 -1
  157. package/dist/cjs/{resize.decorator-DWM_fQgv.js → resize.decorator-Sqefy8ta.js} +2 -2
  158. package/dist/cjs/{scroll-CUuEh4xd.js → scroll--5tnvpG1.js} +1 -1
  159. package/dist/cjs/{tslib.es6-CxyosZMg.js → tslib.es6-BIB10hMZ.js} +1 -1
  160. package/dist/cjs/{type-hmc4CJcO.js → type-Br_NbeTX.js} +1 -1
  161. package/dist/collection/collection-manifest.json +1 -0
  162. package/dist/collection/components/accordion/accordion.host.css +1 -1
  163. package/dist/collection/components/alert/snackbar/snackbar.host.css +1 -1
  164. package/dist/collection/components/alert/toast/toast.host.css +1 -1
  165. package/dist/collection/components/badge/badge.host.css +1 -1
  166. package/dist/collection/components/card/card-content/card-content.host.css +1 -1
  167. package/dist/collection/components/card/card.host.css +1 -1
  168. package/dist/collection/components/card/card.js +10 -9
  169. package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +40 -3
  170. package/dist/collection/components/checkbox/checkbox.host.css +1 -1
  171. package/dist/collection/components/checkbox/checkbox.js +31 -2
  172. package/dist/collection/components/checkbox/test/checkbox.visual.play.js +3 -0
  173. package/dist/collection/components/heading/heading.host.css +1 -1
  174. package/dist/collection/components/input-slider/input-slider.host.css +1 -0
  175. package/dist/collection/components/input-slider/input-slider.interfaces.js +4 -0
  176. package/dist/collection/components/input-slider/input-slider.js +961 -0
  177. package/dist/collection/components/input-slider/input-slider.picker.js +124 -0
  178. package/dist/collection/components/input-slider/input-slider.utils.js +32 -0
  179. package/dist/collection/components/input-slider/test/input-slider.a11y.play.js +36 -0
  180. package/dist/collection/components/input-slider/test/input-slider.component.play.js +87 -0
  181. package/dist/collection/components/input-slider/test/input-slider.visual.play.js +27 -0
  182. package/dist/collection/components/label/label.host.css +1 -1
  183. package/dist/collection/components/label/label.js +2 -2
  184. package/dist/collection/components/list/item/item.host.css +1 -1
  185. package/dist/collection/components/list/list.js +1 -1
  186. package/dist/collection/components/logo/logo.js +2 -2
  187. package/dist/collection/components/modal/modal-body/modal-body.js +1 -1
  188. package/dist/collection/components/modal/modal-header/modal-header.js +1 -1
  189. package/dist/collection/components/modal/modal.js +2 -2
  190. package/dist/collection/components/navbar/navbar.js +3 -3
  191. package/dist/collection/components/notification/notification.host.css +1 -1
  192. package/dist/collection/components/notification/notification.js +3 -3
  193. package/dist/collection/components/number-input/number-input.js +1 -1
  194. package/dist/collection/components/pagination/pagination.js +5 -5
  195. package/dist/collection/components/popup/popup.js +1 -1
  196. package/dist/collection/components/progress-bar/progress-bar.js +2 -2
  197. package/dist/collection/components/radio/radio-group/radio-group.js +40 -3
  198. package/dist/collection/components/radio/radio.host.css +1 -1
  199. package/dist/collection/components/radio/radio.js +31 -2
  200. package/dist/collection/components/radio/test/radio.visual.play.js +3 -0
  201. package/dist/collection/components/segment/segment/segment.js +3 -3
  202. package/dist/collection/components/segment/segment-item.js +1 -1
  203. package/dist/collection/components/select/select-optgroup.js +1 -1
  204. package/dist/collection/components/select/select-option.js +1 -1
  205. package/dist/collection/components/select/select.js +2 -2
  206. package/dist/collection/components/shape/shape.js +1 -1
  207. package/dist/collection/components/spinner/spinner.js +2 -2
  208. package/dist/collection/components/stack/stack.js +2 -2
  209. package/dist/collection/components/steps/step-panel/step-panel.js +1 -1
  210. package/dist/collection/components/tabs/tab-panel/tab-panel.js +1 -1
  211. package/dist/collection/components/tabs/tabs/tabs.js +4 -4
  212. package/dist/collection/components/tag/tag-group/tag-group.js +1 -1
  213. package/dist/collection/components/tag/tag.js +2 -2
  214. package/dist/collection/components/text/text.host.css +1 -1
  215. package/dist/collection/components/text/text.js +3 -3
  216. package/dist/collection/components/textarea/textarea.js +1 -1
  217. package/dist/collection/components/toggle/toggle.js +2 -2
  218. package/dist/collection/components/tooltip/tooltip.js +1 -1
  219. package/dist/collection/global/constants/tags.constant.js +1 -0
  220. package/dist/collection/global/constants/version.constant.js +1 -1
  221. package/dist/design-system/design-system.esm.js +1 -1
  222. package/dist/design-system/index.esm.js +1 -1
  223. package/dist/design-system/{p-afd8bbe699.entry.js → p-00e6b1b780.entry.js} +1 -1
  224. package/dist/design-system/{p-774b89ed0b.entry.js → p-0bf3d4d939.entry.js} +1 -1
  225. package/dist/design-system/{p-dcb749efc7.entry.js → p-0ea6cdd218.entry.js} +1 -1
  226. package/dist/design-system/{p-9f2dd0b55b.entry.js → p-0f2a87fa39.entry.js} +1 -1
  227. package/dist/design-system/{p-0ff0be5b83.entry.js → p-138be1f0cc.entry.js} +1 -1
  228. package/dist/design-system/{p-650289138a.entry.js → p-16b03e0b02.entry.js} +1 -1
  229. package/dist/design-system/{p-d5f8d8f5e1.entry.js → p-1750b3c4f1.entry.js} +1 -1
  230. package/dist/design-system/{p-BkTv_bQR.js → p-1A9jKraP.js} +1 -1
  231. package/dist/design-system/{p-3134821ac6.entry.js → p-1b1e3ad99c.entry.js} +1 -1
  232. package/dist/design-system/p-24c85e99f5.entry.js +4 -0
  233. package/dist/design-system/p-2b038255c5.entry.js +4 -0
  234. package/dist/design-system/{p-6b6531379b.entry.js → p-2bb98dfa2f.entry.js} +1 -1
  235. package/dist/design-system/{p-c37f266740.entry.js → p-2eb6067210.entry.js} +1 -1
  236. package/dist/design-system/p-32e156bc72.entry.js +4 -0
  237. package/dist/design-system/p-3824068ae7.entry.js +4 -0
  238. package/dist/design-system/{p-ad2b17b0a0.entry.js → p-3aa3841834.entry.js} +1 -1
  239. package/dist/design-system/{p-53dda5d400.entry.js → p-3d2539929c.entry.js} +1 -1
  240. package/dist/design-system/{p-372bf379f9.entry.js → p-3d675c6507.entry.js} +1 -1
  241. package/dist/design-system/{p-e7472337ed.entry.js → p-3e3a6799d6.entry.js} +1 -1
  242. package/dist/design-system/{p-7e702193fc.entry.js → p-3e43fa2bc6.entry.js} +1 -1
  243. package/dist/design-system/{p-2f51e1d39b.entry.js → p-4284d6d646.entry.js} +1 -1
  244. package/dist/design-system/{p-8406f6faf1.entry.js → p-44981aaf8d.entry.js} +1 -1
  245. package/dist/design-system/{p-df5899b930.entry.js → p-4b2a59576c.entry.js} +1 -1
  246. package/dist/design-system/{p-0663d7c0f1.entry.js → p-4bfc094a03.entry.js} +1 -1
  247. package/dist/design-system/p-53d9a40010.entry.js +4 -0
  248. package/dist/design-system/p-564ee4d78f.entry.js +4 -0
  249. package/dist/design-system/{p-a62b7985a0.entry.js → p-599a693db3.entry.js} +1 -1
  250. package/dist/design-system/p-5a6c6959fa.entry.js +4 -0
  251. package/dist/design-system/{p-0bd2ce2da3.entry.js → p-5d4a5d0b61.entry.js} +1 -1
  252. package/dist/design-system/{p-13d1ce3158.entry.js → p-5ded2b6438.entry.js} +1 -1
  253. package/dist/design-system/{p-f0119fe693.entry.js → p-5f1a8be21c.entry.js} +1 -1
  254. package/dist/design-system/p-5f28436626.entry.js +4 -0
  255. package/dist/design-system/p-6c60833550.entry.js +4 -0
  256. package/dist/design-system/{p-01430d5c28.entry.js → p-7246bfb9a0.entry.js} +1 -1
  257. package/dist/design-system/p-77e7a6a068.entry.js +4 -0
  258. package/dist/design-system/{p-a8de98dd7b.entry.js → p-78112e7b35.entry.js} +1 -1
  259. package/dist/design-system/p-7ebdd14afc.entry.js +4 -0
  260. package/dist/design-system/p-7f42c18249.entry.js +4 -0
  261. package/dist/design-system/p-85bf3794f9.entry.js +4 -0
  262. package/dist/design-system/p-8a9d617f75.entry.js +4 -0
  263. package/dist/design-system/p-908e7b073a.entry.js +4 -0
  264. package/dist/design-system/{p-7c353652a9.entry.js → p-9f9364d7df.entry.js} +1 -1
  265. package/dist/design-system/p-B-v2Wm-V.js +5 -0
  266. package/dist/design-system/{p-BhdSNuGP.js → p-B8PCdo6e.js} +1 -1
  267. package/dist/design-system/{p-C7i6xLTJ.js → p-C5Rtikeh.js} +1 -1
  268. package/dist/design-system/p-CDhvZoCt.js +4 -0
  269. package/dist/design-system/p-CGHN-3RC.js +4 -0
  270. package/dist/design-system/{p-Dm2lqE3-.js → p-CfgwSore.js} +1 -1
  271. package/dist/design-system/p-ChSKXFK5.js +4 -0
  272. package/dist/design-system/{p-hLAmwHiq.js → p-Chgme2NJ.js} +1 -1
  273. package/dist/design-system/{p-DTxLRTYr.js → p-CrYAd3JT.js} +1 -1
  274. package/dist/design-system/p-CziF75uh.js +4 -0
  275. package/dist/design-system/{p-B1e0kNRJ.js → p-DJBD4skP.js} +2 -2
  276. package/dist/design-system/{p-78NZc8PM.js → p-DOvdnojj.js} +1 -1
  277. package/dist/design-system/p-DYPX3A8m.js +4 -0
  278. package/dist/design-system/p-DiUgZKWs.js +4 -0
  279. package/dist/design-system/{p-HwbqEzpk.js → p-Dk0GEN2t.js} +1 -1
  280. package/dist/design-system/p-DkhJaoXg.js +4 -0
  281. package/dist/design-system/{p-CvTcEsXg.js → p-DoHCSvjl.js} +1 -1
  282. package/dist/design-system/p-DypNSUAh.js +4 -0
  283. package/dist/design-system/{p-DgVaaZT_.js → p-Y0rKqVvm.js} +1 -1
  284. package/dist/design-system/p-Z0zrglhd.js +4 -0
  285. package/dist/design-system/p-a42ecb68a0.entry.js +4 -0
  286. package/dist/design-system/{p-dd38f8f206.entry.js → p-a782c877ea.entry.js} +1 -1
  287. package/dist/design-system/p-a8df8f067b.entry.js +4 -0
  288. package/dist/design-system/{p-a465c1acce.entry.js → p-aa3aee2591.entry.js} +1 -1
  289. package/dist/design-system/p-aa3c0ff536.entry.js +4 -0
  290. package/dist/design-system/{p-6ef31a3c07.entry.js → p-ab8bee7022.entry.js} +1 -1
  291. package/dist/design-system/p-adc58b2821.entry.js +4 -0
  292. package/dist/design-system/{p-8353961d39.entry.js → p-b390490b0d.entry.js} +1 -1
  293. package/dist/design-system/p-b44641ec28.entry.js +4 -0
  294. package/dist/design-system/{p-5d17209d91.entry.js → p-b4738dc266.entry.js} +1 -1
  295. package/dist/design-system/p-b851a43fff.entry.js +4 -0
  296. package/dist/design-system/{p-4e6638d14e.entry.js → p-b8669a617c.entry.js} +1 -1
  297. package/dist/design-system/p-b8f626bf28.entry.js +4 -0
  298. package/dist/design-system/{p-202ecb8f01.entry.js → p-bd543e1baf.entry.js} +1 -1
  299. package/dist/design-system/p-ce67cbbed5.entry.js +4 -0
  300. package/dist/design-system/{p-60d29d8b8e.entry.js → p-d3a80b8422.entry.js} +1 -1
  301. package/dist/design-system/p-d4d9205dda.entry.js +4 -0
  302. package/dist/design-system/p-dbd3d3b3d3.entry.js +4 -0
  303. package/dist/design-system/{p-BATOumsf.js → p-dziB1ufg.js} +1 -1
  304. package/dist/design-system/{p-014d464627.entry.js → p-e0b2d6e296.entry.js} +1 -1
  305. package/dist/design-system/p-e94ee7391c.entry.js +4 -0
  306. package/dist/design-system/{p-10c136d00d.entry.js → p-ee76bf354e.entry.js} +1 -1
  307. package/dist/design-system/p-f7be5b6114.entry.js +4 -0
  308. package/dist/design-system/{p-f4958b9e97.entry.js → p-fa613cd0d1.entry.js} +1 -1
  309. package/dist/design-system/p-faf75173db.entry.js +4 -0
  310. package/dist/design-system/{p-68c9f4f630.entry.js → p-fff38e1ca7.entry.js} +1 -1
  311. package/dist/design-system/{p-LCY5n5tq.js → p-x2KazRjl.js} +1 -1
  312. package/dist/esm/{_getTag-DFxL3s3h.js → _getTag-BkweuRJc.js} +1 -1
  313. package/dist/esm/{array-dJH4dfMr.js → array-BJZA868l.js} +3 -2
  314. package/dist/esm/{breakpoints.decorator-DZ0xN4Np.js → breakpoints.decorator-D9M4v98c.js} +1 -1
  315. package/dist/esm/{breakpoints.subject-BNnXcKMw.js → breakpoints.subject-DHZ7TzYV.js} +3 -3
  316. package/dist/esm/{config.decorator-ZQ0_Zx5y.js → config.decorator-CRYVBTkX.js} +1 -1
  317. package/dist/esm/{config.utils-D9o7rffC.js → config.utils-CR4Xudpz.js} +1 -1
  318. package/dist/esm/{create-validator-decorator-DovxquEu.js → create-validator-decorator-fUav5byo.js} +1 -1
  319. package/dist/esm/design-system.js +3 -3
  320. package/dist/esm/{device-CRuIJzXR.js → device-CapioAfe.js} +1 -1
  321. package/dist/esm/ds-accordion.entry.js +9 -9
  322. package/dist/esm/ds-alert-container.entry.js +6 -6
  323. package/dist/esm/ds-app.entry.js +6 -6
  324. package/dist/esm/ds-badge.entry.js +7 -7
  325. package/dist/esm/ds-button-group.entry.js +6 -6
  326. package/dist/esm/ds-button_2.entry.js +9 -9
  327. package/dist/esm/ds-card-actions.entry.js +4 -4
  328. package/dist/esm/ds-card-content.entry.js +3 -3
  329. package/dist/esm/ds-card-header.entry.js +5 -5
  330. package/dist/esm/ds-card-subtitle.entry.js +6 -6
  331. package/dist/esm/ds-card-title.entry.js +6 -6
  332. package/dist/esm/ds-card.entry.js +14 -13
  333. package/dist/esm/ds-carousel-item.entry.js +6 -6
  334. package/dist/esm/ds-carousel.entry.js +8 -8
  335. package/dist/esm/ds-checkbox-group.entry.js +34 -16
  336. package/dist/esm/ds-checkbox.entry.js +19 -10
  337. package/dist/esm/ds-content_2.entry.js +8 -8
  338. package/dist/esm/ds-data-item.entry.js +6 -6
  339. package/dist/esm/ds-data-label.entry.js +4 -4
  340. package/dist/esm/ds-data-value.entry.js +2 -2
  341. package/dist/esm/ds-data.entry.js +4 -4
  342. package/dist/esm/ds-date.entry.js +10 -10
  343. package/dist/esm/ds-divider_2.entry.js +14 -14
  344. package/dist/esm/ds-drawer_2.entry.js +10 -10
  345. package/dist/esm/ds-file-upload.entry.js +13 -12
  346. package/dist/esm/ds-footer.entry.js +7 -7
  347. package/dist/esm/ds-heading.entry.js +7 -7
  348. package/dist/esm/ds-hint-text.entry.js +2 -2
  349. package/dist/esm/ds-hint-title.entry.js +2 -2
  350. package/dist/esm/ds-hint.entry.js +11 -11
  351. package/dist/esm/ds-icon_2.entry.js +12 -11
  352. package/dist/esm/ds-input-slider.entry.js +2883 -0
  353. package/dist/esm/ds-input.entry.js +10 -10
  354. package/dist/esm/ds-item.entry.js +6 -6
  355. package/dist/esm/ds-label.entry.js +11 -11
  356. package/dist/esm/ds-list.entry.js +5 -5
  357. package/dist/esm/ds-modal-body.entry.js +3 -3
  358. package/dist/esm/ds-modal-header.entry.js +3 -3
  359. package/dist/esm/ds-modal.entry.js +9 -9
  360. package/dist/esm/ds-navbar.entry.js +17 -17
  361. package/dist/esm/ds-notification.entry.js +11 -11
  362. package/dist/esm/ds-number-input.entry.js +15 -110
  363. package/dist/esm/ds-pagination.entry.js +17 -17
  364. package/dist/esm/ds-progress-bar.entry.js +14 -14
  365. package/dist/esm/ds-radio-group.entry.js +29 -12
  366. package/dist/esm/ds-radio.entry.js +19 -10
  367. package/dist/esm/ds-segment-item.entry.js +5 -5
  368. package/dist/esm/ds-segment.entry.js +13 -13
  369. package/dist/esm/ds-select-optgroup.entry.js +5 -5
  370. package/dist/esm/ds-select-option.entry.js +5 -5
  371. package/dist/esm/ds-select.entry.js +11 -11
  372. package/dist/esm/ds-shape.entry.js +5 -5
  373. package/dist/esm/ds-snackbar.entry.js +12 -12
  374. package/dist/esm/ds-step-panel.entry.js +6 -6
  375. package/dist/esm/ds-step.entry.js +5 -5
  376. package/dist/esm/ds-steps.entry.js +6 -6
  377. package/dist/esm/ds-tab-panel.entry.js +6 -6
  378. package/dist/esm/ds-tab.entry.js +5 -5
  379. package/dist/esm/ds-tabs.entry.js +12 -12
  380. package/dist/esm/ds-tag-group.entry.js +3 -3
  381. package/dist/esm/ds-tag.entry.js +8 -8
  382. package/dist/esm/ds-text.entry.js +10 -10
  383. package/dist/esm/ds-textarea.entry.js +10 -10
  384. package/dist/esm/ds-toast.entry.js +11 -11
  385. package/dist/esm/ds-toggle.entry.js +7 -7
  386. package/dist/esm/ds-tooltip.entry.js +5 -5
  387. package/dist/esm/{field.util-BjZzAi09.js → field.util-neIQBS-h.js} +1 -1
  388. package/dist/esm/{focus-ZxHImoOj.js → focus-6OAqvfus.js} +1 -1
  389. package/dist/esm/{form-control-DvJo0GKN.js → form-control-DhinyMa9.js} +1 -1
  390. package/dist/esm/{has-value-DU9L2JaI.js → has-value-Dmsj8ZQw.js} +1 -1
  391. package/dist/esm/{index-C6MVahkC.js → index-B-v2Wm-V.js} +6 -1
  392. package/dist/esm/index.js +10 -10
  393. package/dist/esm/isArray-B8PCdo6e.js +40 -0
  394. package/dist/esm/isNaN-BrbqGXXw.js +104 -0
  395. package/dist/esm/{isObjectLike-BAYao9w7.js → isObjectLike-BnBXjF_n.js} +1 -37
  396. package/dist/esm/{listener-DHP2OPMZ.js → listener-DIZDQOuO.js} +1 -1
  397. package/dist/esm/loader.js +3 -3
  398. package/dist/esm/{one-of-CKPv0Nqm.js → one-of-CjRvS2Tk.js} +1 -1
  399. package/dist/esm/{required-Dqsbx5fH.js → required-Dtml5IID.js} +1 -1
  400. package/dist/esm/{resize.decorator-B8h8D676.js → resize.decorator-eogZBBk6.js} +2 -2
  401. package/dist/esm/{scroll-CsH7NHo5.js → scroll-v2MaEkiZ.js} +1 -1
  402. package/dist/esm/{tslib.es6-C9GKXw-5.js → tslib.es6-n47B6oUi.js} +1 -1
  403. package/dist/esm/{type-DzkhLOG_.js → type-7qEQcw90.js} +1 -1
  404. package/dist/types/components/card/card.d.ts +1 -1
  405. package/dist/types/components/checkbox/checkbox-group/checkbox-group.d.ts +6 -0
  406. package/dist/types/components/checkbox/checkbox.d.ts +4 -0
  407. package/dist/types/components/input-slider/input-slider.d.ts +186 -0
  408. package/dist/types/components/input-slider/input-slider.interfaces.d.ts +18 -0
  409. package/dist/types/components/input-slider/input-slider.picker.d.ts +37 -0
  410. package/dist/types/components/input-slider/input-slider.utils.d.ts +18 -0
  411. package/dist/types/components/input-slider/test/input-slider.a11y.play.d.ts +1 -0
  412. package/dist/types/components/input-slider/test/input-slider.component.play.d.ts +1 -0
  413. package/dist/types/components/input-slider/test/input-slider.visual.play.d.ts +1 -0
  414. package/dist/types/components/radio/radio-group/radio-group.d.ts +6 -0
  415. package/dist/types/components/radio/radio.d.ts +4 -0
  416. package/dist/types/components.d.ts +308 -3
  417. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/index.d.ts +1 -0
  418. 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
  419. package/docs/cem.json +573 -4
  420. package/docs/components.json +1471 -448
  421. package/docs/html.html-data.json +123 -0
  422. package/docs/tags.json +1 -0
  423. package/package.json +9 -8
  424. package/sbom.cdx.json +10768 -6272
  425. package/components/p-DsvYY32v.js +0 -4
  426. package/dist/design-system/p-11f34d0c7d.entry.js +0 -4
  427. package/dist/design-system/p-163d606781.entry.js +0 -4
  428. package/dist/design-system/p-1VXOIrN2.js +0 -4
  429. package/dist/design-system/p-27d181c5ac.entry.js +0 -4
  430. package/dist/design-system/p-2a35e0b9b0.entry.js +0 -4
  431. package/dist/design-system/p-3292ae6a05.entry.js +0 -4
  432. package/dist/design-system/p-3895178b39.entry.js +0 -4
  433. package/dist/design-system/p-3c6b7a2967.entry.js +0 -4
  434. package/dist/design-system/p-3ef4bd1c59.entry.js +0 -4
  435. package/dist/design-system/p-493b18cc46.entry.js +0 -4
  436. package/dist/design-system/p-4a99464dae.entry.js +0 -4
  437. package/dist/design-system/p-5e51fa8df4.entry.js +0 -4
  438. package/dist/design-system/p-62cb503015.entry.js +0 -4
  439. package/dist/design-system/p-65c221261c.entry.js +0 -4
  440. package/dist/design-system/p-68ebed7eee.entry.js +0 -4
  441. package/dist/design-system/p-6d168ba9ad.entry.js +0 -4
  442. package/dist/design-system/p-787bd92bcc.entry.js +0 -4
  443. package/dist/design-system/p-7c8bf0f33e.entry.js +0 -4
  444. package/dist/design-system/p-BLGVE-7Z.js +0 -4
  445. package/dist/design-system/p-BvEM6oCl.js +0 -4
  446. package/dist/design-system/p-C6MVahkC.js +0 -5
  447. package/dist/design-system/p-CwCAiaMq.js +0 -4
  448. package/dist/design-system/p-DHeVI6dR.js +0 -4
  449. package/dist/design-system/p-b68bc14064.entry.js +0 -4
  450. package/dist/design-system/p-b955a93959.entry.js +0 -4
  451. package/dist/design-system/p-caad93b943.entry.js +0 -4
  452. package/dist/design-system/p-cca79bfeb1.entry.js +0 -4
  453. package/dist/design-system/p-ddf2a7dfee.entry.js +0 -4
  454. package/dist/design-system/p-e85c92ca1a.entry.js +0 -4
  455. package/dist/design-system/p-f62643c33d.entry.js +0 -4
  456. package/dist/design-system/p-fa9568abce.entry.js +0 -4
  457. package/dist/design-system/p-fcd98f22b7.entry.js +0 -4
  458. package/dist/design-system/p-feeef4a8cb.entry.js +0 -4
  459. package/dist/design-system/p-ij4OEkzJ.js +0 -4
  460. package/dist/design-system/p-tl_BegdE.js +0 -4
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as o,I as a,E as r,F as t,G as e}from"./p-C6MVahkC.js";import{_ as s,L as g,a as c}from"./p-DgVaaZT_.js";import{i as l}from"./p-B62ocg4Q.js";import{h as i}from"./p-BhdSNuGP.js";import{n as d}from"./p-DR5LIaCn.js";import{T as n}from"./p-CwCAiaMq.js";import{O as v}from"./p-BvEM6oCl.js";import"./p-HwbqEzpk.js";const m=class{constructor(r){o(this,r),this.dsCloseClick=a(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.color="",this.disabled=!1,this.invalid=!1,this.position="",this.shape="",this.size=""}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=l(this.el,["tabindex"])}render(){const o=d(this.size)||"";return r(t,{key:"f725d01419ff0d95f1539115a9c294bc0530891d",class:{[`is-${this.color}`]:i(this.color),[`is-${o}`]:i(this.size),[`is-shape-${this.shape}`]:i(this.shape),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"27a70b6402bce1bed3ada2b36a378a444f6dde59",part:"label"},r("slot",{key:"77021c9a9ab7e596d3cc0917165b916f5e3d8621"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return e(this)}};s([g("tag"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],m.prototype,"createLogger",null),s([n("boolean"),c("design:type",Boolean)],m.prototype,"closable",void 0),s([v(["primary","grey","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light",""]),c("design:type",String)],m.prototype,"color",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"disabled",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"invalid",void 0),s([v(["left","center","right",""]),c("design:type",String)],m.prototype,"position",void 0),s([v(["square","pill",""]),c("design:type",String)],m.prototype,"shape",void 0),s([v(["sm","md","lg","small","medium","large",""]),c("design:type",String)],m.prototype,"size",void 0),m.style=":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}: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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}";export{m as ds_tag}
4
+ import{B as o,I as a,E as r,F as t,G as e}from"./p-B-v2Wm-V.js";import{_ as s,L as g,a as c}from"./p-Y0rKqVvm.js";import{i as l}from"./p-B62ocg4Q.js";import{h as i}from"./p-ChSKXFK5.js";import{n as d}from"./p-DR5LIaCn.js";import{T as n}from"./p-Z0zrglhd.js";import{O as v}from"./p-DypNSUAh.js";import"./p-Dk0GEN2t.js";const m=class{constructor(r){o(this,r),this.dsCloseClick=a(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.color="",this.disabled=!1,this.invalid=!1,this.position="",this.shape="",this.size=""}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=l(this.el,["tabindex"])}render(){const o=d(this.size)||"";return r(t,{key:"b5661eb0f112158f6322cb7f68e8b2bc70b5539d",class:{[`is-${this.color}`]:i(this.color),[`is-${o}`]:i(this.size),[`is-shape-${this.shape}`]:i(this.shape),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"79a20487f389ed804a44e1a85596e7499a755282",part:"label"},r("slot",{key:"012168b23c6da831bdaca31a514156da9d618b8d"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return e(this)}};s([g("tag"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],m.prototype,"createLogger",null),s([n("boolean"),c("design:type",Boolean)],m.prototype,"closable",void 0),s([v(["primary","grey","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light",""]),c("design:type",String)],m.prototype,"color",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"disabled",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"invalid",void 0),s([v(["left","center","right",""]),c("design:type",String)],m.prototype,"position",void 0),s([v(["square","pill",""]),c("design:type",String)],m.prototype,"shape",void 0),s([v(["sm","md","lg","small","medium","large",""]),c("design:type",String)],m.prototype,"size",void 0),m.style=":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}: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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}";export{m as ds_tag}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as s,I as e,E as t,F as o,G as r}from"./p-C6MVahkC.js";import{_ as l,L as c,a as i}from"./p-DgVaaZT_.js";import{s as p}from"./p-C7i6xLTJ.js";import{O as a}from"./p-BvEM6oCl.js";import{T as n}from"./p-CwCAiaMq.js";import"./p-HwbqEzpk.js";const d=class{constructor(t){s(this,t),this.dsChange=e(this,"dsChange"),this.color="",this.label="",this.vertical=!1,this.handleKeyDown=s=>{var e,t,o,r;if(this.isNavigation())return;const l=this.getSteps().filter((s=>!s.disabled&&!s.hidden)),c=l.findIndex((s=>s.name===this.value)),i=this.vertical?"ArrowDown"===s.key:"ArrowRight"===s.key,p=this.vertical?"ArrowUp"===s.key:"ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateStep(null===(e=l[0])||void 0===e?void 0:e.name)):"End"===s.key?(s.preventDefault(),this.activateStep(null===(t=l[l.length-1])||void 0===t?void 0:t.name)):i?(s.preventDefault(),this.activateStep(null===(o=l[(c+1)%l.length])||void 0===o?void 0:o.name)):p&&(s.preventDefault(),this.activateStep(null===(r=l[(c-1+l.length)%l.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(s){this.log=s}componentDidLoad(){this.setup()}componentDidUpdate(){this.updateChildren()}listenToDsStepSelect(s){p(s),this.activateStep(s.detail.name)}getSteps(){return Array.from(this.el.querySelectorAll(":scope > ds-step"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-step-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const s=this.getSteps(),e=this.getPanels(),t=this.isNavigation();let o=0;if(s.forEach((s=>{if(s.slot="step",s.navigation=t,s.vertical=this.vertical,s.hidden?s.index=0:(o++,s.index=o),!t&&s.name){s.id||(s.id="ds-step-"+v++);const t=e.find((e=>e.for===s.name));t&&(t.id||(t.id="ds-step-panel-"+v++),s.setAttribute("aria-controls",t.id),t.setAttribute("aria-labelledby",s.id))}})),!t&&!this.value){const e=s.find((s=>!s.hidden&&!s.disabled));e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const s=this.isNavigation(),e=this.getSteps(),t=this.getPanels();let o=this.value;if(!s&&o){const s=e.find((s=>s.name===o));s&&(s.disabled||s.hasAttribute("disabled"))&&(o=void 0)}const r=e.find((s=>s.name===o)),l=r?r.index:0;e.forEach((e=>{e.navigation=s,e.vertical=this.vertical,e.selected=s?!!e.querySelector("[aria-current]"):e.name===o,e.activeIndex=l})),t.forEach((s=>{s.selected=s.for===o}))}activateStep(s){if(s===this.value)return;const e=this.getSteps().find((e=>e.name===s));(null==e?void 0:e.disabled)||(this.value=s,this.dsChange.emit({value:s}),this.focusSelectedStep())}focusSelectedStep(){const s=this.getSteps().find((s=>s.name===this.value));null==s||s.focus()}render(){const s=this.isNavigation(),e=s=>{s&&(this.steplistEl=s)};return t(o,{class:{"is-vertical":this.vertical,"is-navigation":s,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color}},s?t("nav",{"aria-label":this.label||void 0},t("ol",{id:"steplist",part:"steplist",ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange}))):t("div",{id:"steplist",part:"steplist",role:"tablist","aria-orientation":this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange})),t("slot",{onSlotchange:this.handleSlotChange}))}get el(){return r(this)}};l([c("steps"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],d.prototype,"createLogger",null),l([a(["","purple","green","red","yellow"]),i("design:type",String)],d.prototype,"color",void 0),l([n("string"),i("design:type",String)],d.prototype,"label",void 0),l([n("string"),i("design:type",Object)],d.prototype,"value",void 0),l([n("boolean"),i("design:type",Boolean)],d.prototype,"vertical",void 0);let v=0;d.style=':host{--_steps-connector-color:var(--steps-connector-color, var(--mod-steps-connector-color, var(--ds-steps-connector-color)));--_steps-connector-color-filled:var(--steps-connector-color-filled, var(--mod-steps-connector-color-filled, var(--ds-steps-connector-color-filled)));--_steps-connector-height:var(--steps-connector-height, var(--mod-steps-connector-height, var(--ds-steps-connector-height)));--_steps-circle-size:var(--steps-circle-size, var(--mod-steps-circle-size, var(--ds-steps-circle-size)));--_steps-circle-size-sm:var(--steps-circle-size-sm, var(--mod-steps-circle-size-sm, var(--ds-steps-circle-size-sm)));--_steps-circle-color-bg:var(--steps-circle-color-bg, var(--mod-steps-circle-color-bg, var(--ds-steps-circle-color-bg)));--_steps-circle-color-bg-selected:var(--steps-circle-color-bg-selected, var(--mod-steps-circle-color-bg-selected, var(--ds-steps-circle-color-bg-selected)));--_steps-circle-color-bg-done:var(--steps-circle-color-bg-done, var(--mod-steps-circle-color-bg-done, var(--ds-steps-circle-color-bg-done)));--_steps-circle-color-bg-invalid:var(--steps-circle-color-bg-invalid, var(--mod-steps-circle-color-bg-invalid, var(--ds-steps-circle-color-bg-invalid)));--_steps-circle-color-bg-disabled:var(--steps-circle-color-bg-disabled, var(--mod-steps-circle-color-bg-disabled, var(--ds-steps-circle-color-bg-disabled)));--_steps-circle-color-text:var(--steps-circle-color-text, var(--mod-steps-circle-color-text, var(--ds-steps-circle-color-text)));--_steps-circle-color-text-selected:var(--steps-circle-color-text-selected, var(--mod-steps-circle-color-text-selected, var(--ds-steps-circle-color-text-selected)));--_steps-circle-color-text-done:var(--steps-circle-color-text-done, var(--mod-steps-circle-color-text-done, var(--ds-steps-circle-color-text-done)));--_steps-circle-color-text-invalid:var(--steps-circle-color-text-invalid, var(--mod-steps-circle-color-text-invalid, var(--ds-steps-circle-color-text-invalid)));--_steps-circle-color-text-disabled:var(--steps-circle-color-text-disabled, var(--mod-steps-circle-color-text-disabled, var(--ds-steps-circle-color-text-disabled)));--_steps-step-font-family:var(--steps-step-font-family, var(--mod-steps-step-font-family, var(--ds-steps-step-font-family)));--_steps-step-font-size:var(--steps-step-font-size, var(--mod-steps-step-font-size, var(--ds-steps-step-font-size)));--_steps-step-font-size-sm:var(--steps-step-font-size-sm, var(--mod-steps-step-font-size-sm, var(--ds-steps-step-font-size-sm)));--_steps-step-font-weight:var(--steps-step-font-weight, var(--mod-steps-step-font-weight, var(--ds-steps-step-font-weight)));--_steps-step-color:var(--steps-step-color, var(--mod-steps-step-color, var(--ds-steps-step-color-base)));--_steps-step-color-selected:var(--steps-step-color-selected, var(--mod-steps-step-color-selected, var(--ds-steps-step-color-selected)));--_steps-step-color-focus:var(--steps-step-color-focus, var(--mod-steps-step-color-focus, var(--ds-steps-step-color-focus)));--_steps-panel-padding:var(--steps-panel-padding, var(--mod-steps-panel-padding, var(--ds-steps-panel-padding)));--_steps-color-purple:var(--steps-color-purple, var(--mod-steps-color-purple, var(--ds-steps-color-purple)));--_steps-color-green:var(--steps-color-green, var(--mod-steps-color-green, var(--ds-steps-color-green)));--_steps-color-red:var(--steps-color-red, var(--mod-steps-color-red, var(--ds-steps-color-red)));--_steps-color-yellow:var(--steps-color-yellow, var(--mod-steps-color-yellow, var(--ds-steps-color-yellow)));display:block}:host(.is-purple){--_steps-connector-color:var(--_steps-color-purple);--_steps-circle-color-bg:var(--_steps-color-purple);--_steps-circle-color-bg-disabled:var(--_steps-color-purple)}:host(.is-green){--_steps-connector-color:var(--_steps-color-green);--_steps-circle-color-bg:var(--_steps-color-green);--_steps-circle-color-bg-disabled:var(--_steps-color-green)}:host(.is-red){--_steps-connector-color:var(--_steps-color-red);--_steps-circle-color-bg:var(--_steps-color-red);--_steps-circle-color-bg-disabled:var(--_steps-color-red)}:host(.is-yellow){--_steps-connector-color:var(--_steps-color-yellow);--_steps-circle-color-bg:var(--_steps-color-yellow);--_steps-circle-color-bg-disabled:var(--_steps-color-yellow)}:host #steplist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;width:100%}:host(.is-navigation) nav,:host(.is-navigation) ol{display:contents}:host ::slotted(ds-step-panel){--step-panel-padding:var(--_steps-panel-padding)}:host(.is-vertical) #steplist{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;position:relative}:host(.is-vertical) #steplist::before{content:"";position:absolute;left:calc(var(--_steps-circle-size)/2);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(var(--_steps-circle-size)/2);bottom:calc(var(--_steps-circle-size)/2);width:var(--_steps-connector-height);background-color:var(--_steps-connector-color);z-index:0}@media screen and (max-width: 768px){:host(.is-vertical) #steplist::before{left:calc(var(--_steps-circle-size-sm)/2);top:calc(var(--_steps-circle-size-sm)/2);bottom:calc(var(--_steps-circle-size-sm)/2)}}';export{d as ds_steps}
4
+ import{B as s,I as e,E as t,F as o,G as r}from"./p-B-v2Wm-V.js";import{_ as l,L as c,a as i}from"./p-Y0rKqVvm.js";import{s as p}from"./p-C5Rtikeh.js";import{O as a}from"./p-DypNSUAh.js";import{T as d}from"./p-Z0zrglhd.js";import"./p-Dk0GEN2t.js";const n=class{constructor(t){s(this,t),this.dsChange=e(this,"dsChange"),this.color="",this.label="",this.vertical=!1,this.handleKeyDown=s=>{var e,t,o,r;if(this.isNavigation())return;const l=this.getSteps().filter((s=>!s.disabled&&!s.hidden)),c=l.findIndex((s=>s.name===this.value)),i=this.vertical?"ArrowDown"===s.key:"ArrowRight"===s.key,p=this.vertical?"ArrowUp"===s.key:"ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateStep(null===(e=l[0])||void 0===e?void 0:e.name)):"End"===s.key?(s.preventDefault(),this.activateStep(null===(t=l[l.length-1])||void 0===t?void 0:t.name)):i?(s.preventDefault(),this.activateStep(null===(o=l[(c+1)%l.length])||void 0===o?void 0:o.name)):p&&(s.preventDefault(),this.activateStep(null===(r=l[(c-1+l.length)%l.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(s){this.log=s}componentDidLoad(){this.setup()}componentDidUpdate(){this.updateChildren()}listenToDsStepSelect(s){p(s),this.activateStep(s.detail.name)}getSteps(){return Array.from(this.el.querySelectorAll(":scope > ds-step"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-step-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const s=this.getSteps(),e=this.getPanels(),t=this.isNavigation();let o=0;if(s.forEach((s=>{if(s.slot="step",s.navigation=t,s.vertical=this.vertical,s.hidden?s.index=0:(o++,s.index=o),!t&&s.name){s.id||(s.id="ds-step-"+v++);const t=e.find((e=>e.for===s.name));t&&(t.id||(t.id="ds-step-panel-"+v++),s.setAttribute("aria-controls",t.id),t.setAttribute("aria-labelledby",s.id))}})),!t&&!this.value){const e=s.find((s=>!s.hidden&&!s.disabled));e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const s=this.isNavigation(),e=this.getSteps(),t=this.getPanels();let o=this.value;if(!s&&o){const s=e.find((s=>s.name===o));s&&(s.disabled||s.hasAttribute("disabled"))&&(o=void 0)}const r=e.find((s=>s.name===o)),l=r?r.index:0;e.forEach((e=>{e.navigation=s,e.vertical=this.vertical,e.selected=s?!!e.querySelector("[aria-current]"):e.name===o,e.activeIndex=l})),t.forEach((s=>{s.selected=s.for===o}))}activateStep(s){if(s===this.value)return;const e=this.getSteps().find((e=>e.name===s));(null==e?void 0:e.disabled)||(this.value=s,this.dsChange.emit({value:s}),this.focusSelectedStep())}focusSelectedStep(){const s=this.getSteps().find((s=>s.name===this.value));null==s||s.focus()}render(){const s=this.isNavigation(),e=s=>{s&&(this.steplistEl=s)};return t(o,{class:{"is-vertical":this.vertical,"is-navigation":s,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color}},s?t("nav",{"aria-label":this.label||void 0},t("ol",{id:"steplist",part:"steplist",ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange}))):t("div",{id:"steplist",part:"steplist",role:"tablist","aria-orientation":this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange})),t("slot",{onSlotchange:this.handleSlotChange}))}get el(){return r(this)}};l([c("steps"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],n.prototype,"createLogger",null),l([a(["","purple","green","red","yellow"]),i("design:type",String)],n.prototype,"color",void 0),l([d("string"),i("design:type",String)],n.prototype,"label",void 0),l([d("string"),i("design:type",Object)],n.prototype,"value",void 0),l([d("boolean"),i("design:type",Boolean)],n.prototype,"vertical",void 0);let v=0;n.style=':host{--_steps-connector-color:var(--steps-connector-color, var(--mod-steps-connector-color, var(--ds-steps-connector-color)));--_steps-connector-color-filled:var(--steps-connector-color-filled, var(--mod-steps-connector-color-filled, var(--ds-steps-connector-color-filled)));--_steps-connector-height:var(--steps-connector-height, var(--mod-steps-connector-height, var(--ds-steps-connector-height)));--_steps-circle-size:var(--steps-circle-size, var(--mod-steps-circle-size, var(--ds-steps-circle-size)));--_steps-circle-size-sm:var(--steps-circle-size-sm, var(--mod-steps-circle-size-sm, var(--ds-steps-circle-size-sm)));--_steps-circle-color-bg:var(--steps-circle-color-bg, var(--mod-steps-circle-color-bg, var(--ds-steps-circle-color-bg)));--_steps-circle-color-bg-selected:var(--steps-circle-color-bg-selected, var(--mod-steps-circle-color-bg-selected, var(--ds-steps-circle-color-bg-selected)));--_steps-circle-color-bg-done:var(--steps-circle-color-bg-done, var(--mod-steps-circle-color-bg-done, var(--ds-steps-circle-color-bg-done)));--_steps-circle-color-bg-invalid:var(--steps-circle-color-bg-invalid, var(--mod-steps-circle-color-bg-invalid, var(--ds-steps-circle-color-bg-invalid)));--_steps-circle-color-bg-disabled:var(--steps-circle-color-bg-disabled, var(--mod-steps-circle-color-bg-disabled, var(--ds-steps-circle-color-bg-disabled)));--_steps-circle-color-text:var(--steps-circle-color-text, var(--mod-steps-circle-color-text, var(--ds-steps-circle-color-text)));--_steps-circle-color-text-selected:var(--steps-circle-color-text-selected, var(--mod-steps-circle-color-text-selected, var(--ds-steps-circle-color-text-selected)));--_steps-circle-color-text-done:var(--steps-circle-color-text-done, var(--mod-steps-circle-color-text-done, var(--ds-steps-circle-color-text-done)));--_steps-circle-color-text-invalid:var(--steps-circle-color-text-invalid, var(--mod-steps-circle-color-text-invalid, var(--ds-steps-circle-color-text-invalid)));--_steps-circle-color-text-disabled:var(--steps-circle-color-text-disabled, var(--mod-steps-circle-color-text-disabled, var(--ds-steps-circle-color-text-disabled)));--_steps-step-font-family:var(--steps-step-font-family, var(--mod-steps-step-font-family, var(--ds-steps-step-font-family)));--_steps-step-font-size:var(--steps-step-font-size, var(--mod-steps-step-font-size, var(--ds-steps-step-font-size)));--_steps-step-font-size-sm:var(--steps-step-font-size-sm, var(--mod-steps-step-font-size-sm, var(--ds-steps-step-font-size-sm)));--_steps-step-font-weight:var(--steps-step-font-weight, var(--mod-steps-step-font-weight, var(--ds-steps-step-font-weight)));--_steps-step-color:var(--steps-step-color, var(--mod-steps-step-color, var(--ds-steps-step-color-base)));--_steps-step-color-selected:var(--steps-step-color-selected, var(--mod-steps-step-color-selected, var(--ds-steps-step-color-selected)));--_steps-step-color-focus:var(--steps-step-color-focus, var(--mod-steps-step-color-focus, var(--ds-steps-step-color-focus)));--_steps-panel-padding:var(--steps-panel-padding, var(--mod-steps-panel-padding, var(--ds-steps-panel-padding)));--_steps-color-purple:var(--steps-color-purple, var(--mod-steps-color-purple, var(--ds-steps-color-purple)));--_steps-color-green:var(--steps-color-green, var(--mod-steps-color-green, var(--ds-steps-color-green)));--_steps-color-red:var(--steps-color-red, var(--mod-steps-color-red, var(--ds-steps-color-red)));--_steps-color-yellow:var(--steps-color-yellow, var(--mod-steps-color-yellow, var(--ds-steps-color-yellow)));display:block}:host(.is-purple){--_steps-connector-color:var(--_steps-color-purple);--_steps-circle-color-bg:var(--_steps-color-purple);--_steps-circle-color-bg-disabled:var(--_steps-color-purple)}:host(.is-green){--_steps-connector-color:var(--_steps-color-green);--_steps-circle-color-bg:var(--_steps-color-green);--_steps-circle-color-bg-disabled:var(--_steps-color-green)}:host(.is-red){--_steps-connector-color:var(--_steps-color-red);--_steps-circle-color-bg:var(--_steps-color-red);--_steps-circle-color-bg-disabled:var(--_steps-color-red)}:host(.is-yellow){--_steps-connector-color:var(--_steps-color-yellow);--_steps-circle-color-bg:var(--_steps-color-yellow);--_steps-circle-color-bg-disabled:var(--_steps-color-yellow)}:host #steplist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;width:100%}:host(.is-navigation) nav,:host(.is-navigation) ol{display:contents}:host ::slotted(ds-step-panel){--step-panel-padding:var(--_steps-panel-padding)}:host(.is-vertical) #steplist{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;position:relative}:host(.is-vertical) #steplist::before{content:"";position:absolute;left:calc(var(--_steps-circle-size)/2);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(var(--_steps-circle-size)/2);bottom:calc(var(--_steps-circle-size)/2);width:var(--_steps-connector-height);background-color:var(--_steps-connector-color);z-index:0}@media screen and (max-width: 768px){:host(.is-vertical) #steplist::before{left:calc(var(--_steps-circle-size-sm)/2);top:calc(var(--_steps-circle-size-sm)/2);bottom:calc(var(--_steps-circle-size-sm)/2)}}';export{n as ds_steps}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as t,I as a,E as e,F as o,G as i}from"./p-C6MVahkC.js";import{_ as s,L as n,a as r}from"./p-DgVaaZT_.js";import{T as l}from"./p-CwCAiaMq.js";import{R as c}from"./p-1VXOIrN2.js";import"./p-HwbqEzpk.js";const d=class{constructor(e){t(this,e),this.dsTabSelect=a(this,"dsTabSelect"),this.fullwidth=!1,this.inverted=!1,this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=t=>{t.preventDefault(),this.dsTabSelect.emit({name:this.name})},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.dsTabSelect.emit({name:this.name}))}}createLogger(t){this.log=t}render(){const t={"is-selected":this.selected,"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-navigation":this.navigation,"is-vertical":this.vertical};return this.navigation?e(o,{role:"none",class:t},e("slot",null)):e(o,{role:"tab",class:t,"aria-selected":String(this.selected),tabIndex:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("span",{class:{"is-selected":this.selected}},e("slot",null)))}get el(){return i(this)}};s([n("tab"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),s([l("boolean"),r("design:type",Boolean)],d.prototype,"fullwidth",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"inverted",void 0),s([c(),l("string"),r("design:type",String)],d.prototype,"name",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"navigation",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"selected",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:none}span,a{-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;-ms-flex:1;flex:1;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);background:none;border:none;cursor:pointer;text-decoration:none;color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease}span::after,a::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){span:hover,a:hover{color:var(--_tabs-tab-color-hover)}span:hover::after,a:hover::after{background-color:var(--_tabs-tab-indicator-color-idle)}}span:active,a:active{color:var(--_tabs-tab-color-active)}span:active::after,a:active::after{background-color:var(--_tabs-tab-indicator-color-idle)}:host(:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}span.is-selected,a.is-selected{color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}span ::slotted(ds-badge.is-sm),a ::slotted(ds-badge.is-sm){position:absolute;top:calc(var(--_tabs-tab-badge-size));right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}span ::slotted(ds-icon.is-filled:not(.is-auto)),a ::slotted(ds-icon.is-filled:not(.is-auto)){--mod-icon-color:currentColor}:host(.is-fullwidth) span{width:100%;-ms-flex-pack:center;justify-content:center}:host(.is-vertical) span,:host(.is-vertical) a{white-space:normal;-ms-flex-pack:start;justify-content:flex-start;text-align:left}:host(.is-vertical) span::after,:host(.is-vertical) a::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:var(--_tabs-indicator-height);height:auto}:host(.is-inverted) span.is-selected,:host(.is-inverted) a.is-selected{font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation){position:relative;display:-ms-inline-flexbox;display:inline-flex}:host(.is-navigation)::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}:host(.is-navigation.is-selected)::after{background-color:var(--_tabs-tab-border-color-selected)}:host(.is-navigation) ::slotted(a){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);text-decoration:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;--mod-icon-color:currentColor}:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-inverted.is-selected) ::slotted(a),:host(.is-navigation.is-inverted) ::slotted([aria-current]){font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-vertical)::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:2px;height:auto}';export{d as ds_tab}
4
+ import{B as t,I as a,E as e,F as o,G as i}from"./p-B-v2Wm-V.js";import{_ as s,L as n,a as r}from"./p-Y0rKqVvm.js";import{T as l}from"./p-Z0zrglhd.js";import{R as c}from"./p-DkhJaoXg.js";import"./p-Dk0GEN2t.js";const d=class{constructor(e){t(this,e),this.dsTabSelect=a(this,"dsTabSelect"),this.fullwidth=!1,this.inverted=!1,this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=t=>{t.preventDefault(),this.dsTabSelect.emit({name:this.name})},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.dsTabSelect.emit({name:this.name}))}}createLogger(t){this.log=t}render(){const t={"is-selected":this.selected,"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-navigation":this.navigation,"is-vertical":this.vertical};return this.navigation?e(o,{role:"none",class:t},e("slot",null)):e(o,{role:"tab",class:t,"aria-selected":String(this.selected),tabIndex:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("span",{class:{"is-selected":this.selected}},e("slot",null)))}get el(){return i(this)}};s([n("tab"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),s([l("boolean"),r("design:type",Boolean)],d.prototype,"fullwidth",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"inverted",void 0),s([c(),l("string"),r("design:type",String)],d.prototype,"name",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"navigation",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"selected",void 0),s([l("boolean"),r("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:none}span,a{-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;-ms-flex:1;flex:1;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);background:none;border:none;cursor:pointer;text-decoration:none;color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease}span::after,a::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){span:hover,a:hover{color:var(--_tabs-tab-color-hover)}span:hover::after,a:hover::after{background-color:var(--_tabs-tab-indicator-color-idle)}}span:active,a:active{color:var(--_tabs-tab-color-active)}span:active::after,a:active::after{background-color:var(--_tabs-tab-indicator-color-idle)}:host(:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}span.is-selected,a.is-selected{color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}span ::slotted(ds-badge.is-sm),a ::slotted(ds-badge.is-sm){position:absolute;top:calc(var(--_tabs-tab-badge-size));right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}span ::slotted(ds-icon.is-filled:not(.is-auto)),a ::slotted(ds-icon.is-filled:not(.is-auto)){--mod-icon-color:currentColor}:host(.is-fullwidth) span{width:100%;-ms-flex-pack:center;justify-content:center}:host(.is-vertical) span,:host(.is-vertical) a{white-space:normal;-ms-flex-pack:start;justify-content:flex-start;text-align:left}:host(.is-vertical) span::after,:host(.is-vertical) a::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:var(--_tabs-indicator-height);height:auto}:host(.is-inverted) span.is-selected,:host(.is-inverted) a.is-selected{font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation){position:relative;display:-ms-inline-flexbox;display:inline-flex}:host(.is-navigation)::after{content:"";position:absolute;bottom:calc(-1*var(--_tabs-indicator-height));left:0;right:0;height:2px;border-radius:9999px;background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}:host(.is-navigation.is-selected)::after{background-color:var(--_tabs-tab-border-color-selected)}:host(.is-navigation) ::slotted(a){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;gap:.5rem;padding:var(--_tabs-tab-padding);color:var(--_tabs-tab-color);font-family:var(--_tabs-tab-font-family);font-size:var(--_tabs-tab-font-size);font-weight:var(--_tabs-tab-font-weight);text-decoration:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;--mod-icon-color:currentColor}:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){border-radius:var(--_tabs-tab-radius)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_tabs-tab-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_tabs-tab-color-selected);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-inverted.is-selected) ::slotted(a),:host(.is-navigation.is-inverted) ::slotted([aria-current]){font-family:var(--ds-alias-text-family-heading);font-weight:var(--_tabs-tab-font-weight-selected)}:host(.is-navigation.is-vertical)::after{top:0;bottom:0;left:calc(-1*var(--_tabs-indicator-height));right:auto;width:2px;height:auto}';export{d as ds_tab}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{d as t}from"./p-C6MVahkC.js";class o{constructor(){this.x=void 0,this.y=void 0,this.disabled=!1}static disableSmoothScrolling(){this.setScrollBehavior("auto")}static enableSmoothScrolling(){this.setScrollBehavior("smooth")}static setScrollBehavior(o){var i;if(t.hasDocument){const t=document;document.body.style.scrollBehavior=o;const s=null===(i=t.firstChild)||void 0===i?void 0:i.nextSibling;"smooth"===getComputedStyle(s).scrollBehavior&&(s.style.scrollBehavior=o)}}connect(o){o?this.target=o:t.hasDocument&&(this.target=document),onscroll=null,onkeydown=null}disconnect(){this.disabled&&this.enable(),this.target=void 0,onscroll=null,onkeydown=null}isDisabled(){return this.disabled}enable(){this.target&&t.hasWindow&&t.hasDocument&&(document.documentElement.style.overflow="",document.body.classList.remove("noscroll"),document.body.style.position="",document.body.style.top="",document.body.style.width="",void 0!==this.x&&void 0!==this.y&&(window.scrollTo(this.x,this.y),this.x=void 0,this.y=void 0),this.disabled=!1)}disable(){!this.disabled&&this.target&&t.hasWindow&&t.hasDocument&&(this.x=window.pageXOffset||document.documentElement.scrollLeft,this.y=window.pageYOffset||document.documentElement.scrollTop,document.documentElement.style.overflow="hidden",document.body.classList.add("noscroll"),document.body.style.position="fixed",document.body.style.top=`-${this.y}px`,document.body.style.width="100%",this.disabled=!0)}}export{o as S}
4
+ import{d as t}from"./p-B-v2Wm-V.js";class o{constructor(){this.x=void 0,this.y=void 0,this.disabled=!1}static disableSmoothScrolling(){this.setScrollBehavior("auto")}static enableSmoothScrolling(){this.setScrollBehavior("smooth")}static setScrollBehavior(o){var i;if(t.hasDocument){const t=document;document.body.style.scrollBehavior=o;const s=null===(i=t.firstChild)||void 0===i?void 0:i.nextSibling;"smooth"===getComputedStyle(s).scrollBehavior&&(s.style.scrollBehavior=o)}}connect(o){o?this.target=o:t.hasDocument&&(this.target=document),onscroll=null,onkeydown=null}disconnect(){this.disabled&&this.enable(),this.target=void 0,onscroll=null,onkeydown=null}isDisabled(){return this.disabled}enable(){this.target&&t.hasWindow&&t.hasDocument&&(document.documentElement.style.overflow="",document.body.classList.remove("noscroll"),document.body.style.position="",document.body.style.top="",document.body.style.width="",void 0!==this.x&&void 0!==this.y&&(window.scrollTo(this.x,this.y),this.x=void 0,this.y=void 0),this.disabled=!1)}disable(){!this.disabled&&this.target&&t.hasWindow&&t.hasDocument&&(this.x=window.pageXOffset||document.documentElement.scrollLeft,this.y=window.pageYOffset||document.documentElement.scrollTop,document.documentElement.style.overflow="hidden",document.body.classList.add("noscroll"),document.body.style.position="fixed",document.body.style.top=`-${this.y}px`,document.body.style.width="100%",this.disabled=!0)}}export{o as S}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as i,I as t,w as a,E as s,F as e,G as o,d as r}from"./p-C6MVahkC.js";import{_ as n,L as p,a as d}from"./p-DgVaaZT_.js";import{S as h}from"./p-BkTv_bQR.js";import{T as c}from"./p-CwCAiaMq.js";import{O as l}from"./p-BvEM6oCl.js";import{L as u}from"./p-LCY5n5tq.js";import{a as b,c as m,s as g,f as v,o as w,b as f}from"./p-BqY0KzJC.js";import{F as y}from"./p-B1e0kNRJ.js";import{i as k}from"./p-Uy_dVz21.js";import{P as x,a as _}from"./p-BAY6Z8bT.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";const C=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.scrollHandler=new h,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.closable=!0,this.backdropDismiss=!0,this.label="",this.container="default",this.handleCancel=i=>{i.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var i;this.open&&(null===(i=this.dialogEl)||void 0===i||i.showModal())},this.handleBackdropClick=i=>{this.backdropDismiss&&i.target===this.dialogEl&&(this.open=!1)},this.handleCloseClick=()=>{this.open=!1}}createLogger(i){this.log=i}openChanged(i){i?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var i,t;null===(i=this.dialogEl)||void 0===i||i.addEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var i,t;null===(i=this.dialogEl)||void 0===i||i.removeEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(i){this.animated=i.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)||(this.dsWillPresent.emit(),null===(t=this.dialogEl)||void 0===t||t.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await a(300),this.dsDidPresent.emit())}async doClose(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await a(300),null===(t=this.dialogEl)||void 0===t||t.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return s(e,{key:"bf8f75a23cda49f75931b8d2d61134268aa87024",class:{"is-open":this.isOpen,"is-animated":this.animated}},s("dialog",{key:"c84019c7626898f7d464422690654ff387840da3",part:"dialog",ref:i=>this.dialogEl=i,"aria-label":this.label||void 0,onClick:this.handleBackdropClick},s("div",{key:"5a4f1b3d5415ba267e8f0fdd632b0be12a36b569",class:{container:!0,"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},this.closable&&s("ds-close",{key:"aaabb4ab6de152c3d21947a482aa0e0c3fccd82e",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"ef27b510ca776a39a56904b00661565101599dfe"}))))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}]}}};n([p("drawer"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],C.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],C.prototype,"open",void 0),n([c("boolean"),d("design:type",Boolean)],C.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],C.prototype,"backdropDismiss",void 0),n([c("string"),d("design:type",String)],C.prototype,"label",void 0),n([l(["default","fluid","compact"]),d("design:type",String)],C.prototype,"container",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],C.prototype,"configChanged",null),C.style=":host{--_drawer-background:var(--drawer-background, var(--mod-drawer-background, var(--ds-drawer-background)));--_drawer-radius:var(--drawer-radius, var(--mod-drawer-radius, var(--ds-drawer-radius)));--_drawer-max-height:var(--drawer-max-height, var(--mod-drawer-max-height, var(--ds-drawer-max-height)));--_drawer-padding:var(--drawer-padding, var(--mod-drawer-padding, var(--ds-drawer-padding)));--_drawer-backdrop-opacity:var(--drawer-backdrop-opacity, var(--mod-drawer-backdrop-opacity, var(--ds-backdrop-opacity)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:var(--_drawer-max-height);overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);pointer-events:none}:host(.is-open) dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host .container ds-close{position:absolute;top:1rem;right:1rem}:host .container{-ms-flex:1;flex:1;width:100%;margin:0 auto;max-width:var(--ds-alias-container-width-base);background:var(--_drawer-background);border-radius:var(--_drawer-radius) var(--_drawer-radius) 0 0;padding:var(--_drawer-padding);position:relative}:host .container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .container.is-compact{max-width:var(--ds-alias-container-width-compact)}@media (prefers-reduced-motion: reduce){:host(.is-animated) dialog{-webkit-transition:none !important;transition:none !important}}";const z=new Map,j=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.currentTrigger=void 0,this.focusHandler=new y,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.trigger=void 0,this.placement="bottom",this.offset=8,this.role="dialog",this.closable=!1,this.backdropDismiss=!1,this.backdrop=!1,this.group=void 0,this.label="",this.arrow=!1,this.trapFocus=void 0,this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}openChanged(i){i?this.runPresent():this.runDismiss()}triggerChanged(i,t){t&&(t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded")),i&&(i.setAttribute("aria-haspopup",this.role),i.setAttribute("aria-expanded","false"))}connectedCallback(){this.registerGroup()}componentDidLoad(){this.trigger&&(this.trigger.setAttribute("aria-haspopup",this.role),this.trigger.setAttribute("aria-expanded","false")),this.open&&this.runPresent()}disconnectedCallback(){var i;null===(i=this.cleanupPositioner)||void 0===i||i.call(this),this.focusHandler.disconnect(),this.trigger&&(this.trigger.removeAttribute("aria-haspopup"),this.trigger.removeAttribute("aria-expanded")),this.unregisterGroup()}async present(){this.open=!0}async dismiss(){this.open=!1}async toggle(){this.open?this.dismiss():this.present()}async configChanged(i){this.animated=i.animated}async listenToClick(i){var t;if(this.el.id){const t=i.target.closest(`[data-popup="${this.el.id}"]`);if(t)return this.currentTrigger=t,void await this.toggle()}if(this.backdropDismiss&&this.isOpen){const a=i.composedPath(),s=a.includes(this.panelEl),e=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger,o=!!e&&a.includes(e);s||o||await this.dismiss()}}listenToKeyDown(i){this.isOpen&&this.closable&&k(i)&&(i.stopPropagation(),this.dismiss())}get shouldTrapFocus(){return void 0!==this.trapFocus?this.trapFocus:this.backdrop}runPresent(){this.transitionQueue=this.transitionQueue.then((()=>this.doPresent())).catch((()=>{}))}runDismiss(){this.transitionQueue=this.transitionQueue.then((()=>this.doDismiss())).catch((()=>{}))}async doPresent(){var i;if(this.isOpen)return;const t=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;await this.dismissGroupSiblings(),this.dsWillPresent.emit({trigger:t}),t&&(t.setAttribute("aria-expanded","true"),await this.updatePosition(t),this.startPositioner(t)),this.isOpen=!0,this.animated&&await a(300),this.shouldTrapFocus?this.focusHandler.enable({target:this.panelEl,restoreElement:null!=t?t:null}):this.focusPanel(),this.dsDidPresent.emit({trigger:t})}async doDismiss(){var i,t;if(!this.isOpen)return;const s=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;this.dsWillDismiss.emit({trigger:s}),null===(t=this.cleanupPositioner)||void 0===t||t.call(this),this.cleanupPositioner=void 0,s&&s.setAttribute("aria-expanded","false"),this.isOpen=!1,this.animated&&await a(300),this.shouldTrapFocus?(this.focusHandler.disable(),this.focusHandler.restoreFocus()):null==s||s.focus(),this.dsDidDismiss.emit({trigger:s})}startPositioner(i){this.panelEl&&(this.cleanupPositioner=b(i,this.panelEl,(()=>this.updatePosition(i)),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1}))}async updatePosition(i){if(!this.panelEl)return;const{x:t,y:a,placement:s,middlewareData:e}=await m(i,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[r.hasWindow&&!window.frameElement?g():void 0,v(),w(this.offset),this.arrow&&this.arrowEl?f({element:this.arrowEl}):void 0].filter(Boolean)});if(Object.assign(this.panelEl.style,{left:`${t}px`,top:`${a}px`}),this.panelEl.dataset.placement=s.split("-")[0],this.arrow&&this.arrowEl&&e.arrow){const{x:i,y:t}=e.arrow;Object.assign(this.arrowEl.style,{left:null!=i?`${i}px`:"",top:null!=t?`${t}px`:""})}}focusPanel(){if(!this.panelEl)return;const i=Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));i.length>0?i[0].focus({preventScroll:!0}):this.panelEl.focus({preventScroll:!0})}registerGroup(){this.group&&(z.has(this.group)||z.set(this.group,new Set),z.get(this.group).add(this.el))}unregisterGroup(){var i;this.group&&(null===(i=z.get(this.group))||void 0===i||i.delete(this.el))}async dismissGroupSiblings(){if(!this.group)return;const i=z.get(this.group);if(i)for(const t of i)t!==this.el&&await t.dismiss()}render(){return s(e,{key:"1acef99537a662beb11707ea44705635eb093f85",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-closable":this.closable}},this.backdrop&&s("div",{key:"229be10bffd71308a8050f748990d277969c7555",part:"backdrop"}),s("div",{key:"ddc418c04afeca07d97763a576f3c76928977c55",part:"panel",ref:i=>this.panelEl=i,role:this.role,"aria-modal":"dialog"===this.role?"true":void 0,"aria-label":this.label||void 0,tabindex:"-1","data-testid":"ds-popup-panel"},this.arrow&&s("div",{key:"04bd45355d808e0246c3501056edfcb74a8dd941",part:"arrow",ref:i=>this.arrowEl=i}),this.closable&&s("ds-close",{key:"d324a0c8cff055c82f0b907159a8d17cc55d9898",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"06ad646944b283c6337a32ad17267f947ab9be8f"})))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}}};n([p("popup"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],j.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],j.prototype,"open",void 0),n([l(x),d("design:type",String)],j.prototype,"placement",void 0),n([c("number"),d("design:type",Number)],j.prototype,"offset",void 0),n([l(_),d("design:type",String)],j.prototype,"role",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdropDismiss",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdrop",void 0),n([c("string"),d("design:type",Object)],j.prototype,"group",void 0),n([c("string"),d("design:type",String)],j.prototype,"label",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"arrow",void 0),n([c("boolean"),d("design:type",Object)],j.prototype,"trapFocus",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],j.prototype,"configChanged",null),j.style=":host{--_popup-background:var(--popup-background, var(--mod-popup-background, var(--ds-popup-background)));--_popup-radius:var(--popup-radius, var(--mod-popup-radius, var(--ds-popup-radius)));--_popup-shadow:var(--popup-shadow, var(--mod-popup-shadow, var(--ds-popup-shadow)));--_popup-padding:var(--popup-padding, var(--mod-popup-padding, var(--ds-popup-padding)));--_popup-min-width:var(--popup-min-width, var(--mod-popup-min-width, var(--ds-popup-min-width)));--_popup-max-width:var(--popup-max-width, var(--mod-popup-max-width, none));--_popup-z-index:var(--popup-z-index, var(--mod-popup-z-index, var(--ds-popup-z-index)));--_popup-backdrop-opacity:var(--popup-backdrop-opacity, var(--mod-popup-backdrop-opacity, var(--ds-backdrop-opacity)));--_popup-arrow-size:var(--popup-arrow-size, var(--mod-popup-arrow-size, var(--ds-popup-arrow-size, 8px)));display:contents}[part=backdrop]{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:calc(var(--_popup-z-index) - 1);opacity:0;pointer-events:none;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}:host(.is-open) [part=backdrop]{opacity:var(--_popup-backdrop-opacity);pointer-events:auto}:host(.is-animated) [part=backdrop]{-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}[part=panel]{position:fixed;z-index:var(--_popup-z-index);background:var(--_popup-background);border-radius:var(--_popup-radius);-webkit-box-shadow:var(--_popup-shadow);box-shadow:var(--_popup-shadow);padding:var(--_popup-padding);min-width:var(--_popup-min-width);max-width:var(--_popup-max-width);opacity:0;visibility:hidden;pointer-events:none;outline:none !important}[part=panel]::-moz-focus-inner{border:0}:host(.is-open) [part=panel]{opacity:1;visibility:visible;pointer-events:auto}:host(.is-animated) [part=panel]{-webkit-transition:opacity 200ms ease,visibility 200ms ease;transition:opacity 200ms ease,visibility 200ms ease}[part=close]{position:absolute;top:.5rem;right:.5rem}:host(.is-closable) [part=panel]{padding-right:calc(var(--_popup-padding) + var(--_popup-padding))}[part=arrow]{position:absolute;width:var(--_popup-arrow-size);height:var(--_popup-arrow-size);background:var(--_popup-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}[part=panel][data-placement=bottom] [part=arrow]{top:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=top] [part=arrow]{bottom:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=right] [part=arrow]{left:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=left] [part=arrow]{right:calc(var(--_popup-arrow-size)/-2)}@media (prefers-reduced-motion: reduce){:host(.is-animated) [part=panel],:host(.is-animated) [part=backdrop]{-webkit-transition:none !important;transition:none !important}}";export{C as ds_drawer,j as ds_popup}
4
+ import{B as i,I as t,w as a,E as s,F as e,G as o,d as r}from"./p-B-v2Wm-V.js";import{_ as n,L as p,a as d}from"./p-Y0rKqVvm.js";import{S as h}from"./p-1A9jKraP.js";import{T as c}from"./p-Z0zrglhd.js";import{O as l}from"./p-DypNSUAh.js";import{L as u}from"./p-x2KazRjl.js";import{a as b,c as m,s as g,f as v,o as w,b as f}from"./p-BqY0KzJC.js";import{F as y}from"./p-DJBD4skP.js";import{i as k}from"./p-Uy_dVz21.js";import{P as x,a as _}from"./p-BAY6Z8bT.js";import"./p-Dk0GEN2t.js";import"./p-CrYAd3JT.js";const z=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.scrollHandler=new h,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.closable=!0,this.backdropDismiss=!0,this.label="",this.container="default",this.handleCancel=i=>{i.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var i;this.open&&(null===(i=this.dialogEl)||void 0===i||i.showModal())},this.handleBackdropClick=i=>{this.backdropDismiss&&i.target===this.dialogEl&&(this.open=!1)},this.handleCloseClick=()=>{this.open=!1}}createLogger(i){this.log=i}openChanged(i){i?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var i,t;null===(i=this.dialogEl)||void 0===i||i.addEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var i,t;null===(i=this.dialogEl)||void 0===i||i.removeEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(i){this.animated=i.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)||(this.dsWillPresent.emit(),null===(t=this.dialogEl)||void 0===t||t.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await a(300),this.dsDidPresent.emit())}async doClose(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await a(300),null===(t=this.dialogEl)||void 0===t||t.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return s(e,{key:"bf8f75a23cda49f75931b8d2d61134268aa87024",class:{"is-open":this.isOpen,"is-animated":this.animated}},s("dialog",{key:"c84019c7626898f7d464422690654ff387840da3",part:"dialog",ref:i=>this.dialogEl=i,"aria-label":this.label||void 0,onClick:this.handleBackdropClick},s("div",{key:"5a4f1b3d5415ba267e8f0fdd632b0be12a36b569",class:{container:!0,"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},this.closable&&s("ds-close",{key:"aaabb4ab6de152c3d21947a482aa0e0c3fccd82e",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"ef27b510ca776a39a56904b00661565101599dfe"}))))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}]}}};n([p("drawer"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],z.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],z.prototype,"open",void 0),n([c("boolean"),d("design:type",Boolean)],z.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],z.prototype,"backdropDismiss",void 0),n([c("string"),d("design:type",String)],z.prototype,"label",void 0),n([l(["default","fluid","compact"]),d("design:type",String)],z.prototype,"container",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],z.prototype,"configChanged",null),z.style=":host{--_drawer-background:var(--drawer-background, var(--mod-drawer-background, var(--ds-drawer-background)));--_drawer-radius:var(--drawer-radius, var(--mod-drawer-radius, var(--ds-drawer-radius)));--_drawer-max-height:var(--drawer-max-height, var(--mod-drawer-max-height, var(--ds-drawer-max-height)));--_drawer-padding:var(--drawer-padding, var(--mod-drawer-padding, var(--ds-drawer-padding)));--_drawer-backdrop-opacity:var(--drawer-backdrop-opacity, var(--mod-drawer-backdrop-opacity, var(--ds-backdrop-opacity)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:var(--_drawer-max-height);overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);pointer-events:none}:host(.is-open) dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host .container ds-close{position:absolute;top:1rem;right:1rem}:host .container{-ms-flex:1;flex:1;width:100%;margin:0 auto;max-width:var(--ds-alias-container-width-base);background:var(--_drawer-background);border-radius:var(--_drawer-radius) var(--_drawer-radius) 0 0;padding:var(--_drawer-padding);position:relative}:host .container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .container.is-compact{max-width:var(--ds-alias-container-width-compact)}@media (prefers-reduced-motion: reduce){:host(.is-animated) dialog{-webkit-transition:none !important;transition:none !important}}";const C=new Map,j=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.currentTrigger=void 0,this.focusHandler=new y,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.trigger=void 0,this.placement="bottom",this.offset=8,this.role="dialog",this.closable=!1,this.backdropDismiss=!1,this.backdrop=!1,this.group=void 0,this.label="",this.arrow=!1,this.trapFocus=void 0,this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}openChanged(i){i?this.runPresent():this.runDismiss()}triggerChanged(i,t){t&&(t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded")),i&&(i.setAttribute("aria-haspopup",this.role),i.setAttribute("aria-expanded","false"))}connectedCallback(){this.registerGroup()}componentDidLoad(){this.trigger&&(this.trigger.setAttribute("aria-haspopup",this.role),this.trigger.setAttribute("aria-expanded","false")),this.open&&this.runPresent()}disconnectedCallback(){var i;null===(i=this.cleanupPositioner)||void 0===i||i.call(this),this.focusHandler.disconnect(),this.trigger&&(this.trigger.removeAttribute("aria-haspopup"),this.trigger.removeAttribute("aria-expanded")),this.unregisterGroup()}async present(){this.open=!0}async dismiss(){this.open=!1}async toggle(){this.open?this.dismiss():this.present()}async configChanged(i){this.animated=i.animated}async listenToClick(i){var t;if(this.el.id){const t=i.target.closest(`[data-popup="${this.el.id}"]`);if(t)return this.currentTrigger=t,void await this.toggle()}if(this.backdropDismiss&&this.isOpen){const a=i.composedPath(),s=a.includes(this.panelEl),e=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger,o=!!e&&a.includes(e);s||o||await this.dismiss()}}listenToKeyDown(i){this.isOpen&&this.closable&&k(i)&&(i.stopPropagation(),this.dismiss())}get shouldTrapFocus(){return void 0!==this.trapFocus?this.trapFocus:this.backdrop}runPresent(){this.transitionQueue=this.transitionQueue.then((()=>this.doPresent())).catch((()=>{}))}runDismiss(){this.transitionQueue=this.transitionQueue.then((()=>this.doDismiss())).catch((()=>{}))}async doPresent(){var i;if(this.isOpen)return;const t=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;await this.dismissGroupSiblings(),this.dsWillPresent.emit({trigger:t}),t&&(t.setAttribute("aria-expanded","true"),await this.updatePosition(t),this.startPositioner(t)),this.isOpen=!0,this.animated&&await a(300),this.shouldTrapFocus?this.focusHandler.enable({target:this.panelEl,restoreElement:null!=t?t:null}):this.focusPanel(),this.dsDidPresent.emit({trigger:t})}async doDismiss(){var i,t;if(!this.isOpen)return;const s=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;this.dsWillDismiss.emit({trigger:s}),null===(t=this.cleanupPositioner)||void 0===t||t.call(this),this.cleanupPositioner=void 0,s&&s.setAttribute("aria-expanded","false"),this.isOpen=!1,this.animated&&await a(300),this.shouldTrapFocus?(this.focusHandler.disable(),this.focusHandler.restoreFocus()):null==s||s.focus(),this.dsDidDismiss.emit({trigger:s})}startPositioner(i){this.panelEl&&(this.cleanupPositioner=b(i,this.panelEl,(()=>this.updatePosition(i)),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1}))}async updatePosition(i){if(!this.panelEl)return;const{x:t,y:a,placement:s,middlewareData:e}=await m(i,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[r.hasWindow&&!window.frameElement?g():void 0,v(),w(this.offset),this.arrow&&this.arrowEl?f({element:this.arrowEl}):void 0].filter(Boolean)});if(Object.assign(this.panelEl.style,{left:`${t}px`,top:`${a}px`}),this.panelEl.dataset.placement=s.split("-")[0],this.arrow&&this.arrowEl&&e.arrow){const{x:i,y:t}=e.arrow;Object.assign(this.arrowEl.style,{left:null!=i?`${i}px`:"",top:null!=t?`${t}px`:""})}}focusPanel(){if(!this.panelEl)return;const i=Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));i.length>0?i[0].focus({preventScroll:!0}):this.panelEl.focus({preventScroll:!0})}registerGroup(){this.group&&(C.has(this.group)||C.set(this.group,new Set),C.get(this.group).add(this.el))}unregisterGroup(){var i;this.group&&(null===(i=C.get(this.group))||void 0===i||i.delete(this.el))}async dismissGroupSiblings(){if(!this.group)return;const i=C.get(this.group);if(i)for(const t of i)t!==this.el&&await t.dismiss()}render(){return s(e,{key:"63b4cf37af2e73b271f9c7fee523e7c68986081f",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-closable":this.closable}},this.backdrop&&s("div",{key:"208a95330c83c4dd2328ce9e87a06b7aab7ab404",part:"backdrop"}),s("div",{key:"969fde6073490ce0803c0cadcaa9ec06a7704361",part:"panel",ref:i=>this.panelEl=i,role:this.role,"aria-modal":"dialog"===this.role?"true":void 0,"aria-label":this.label||void 0,tabindex:"-1","data-testid":"ds-popup-panel"},this.arrow&&s("div",{key:"228d1a47041090c57e395e240f2ebb5678f9c8e1",part:"arrow",ref:i=>this.arrowEl=i}),this.closable&&s("ds-close",{key:"d18c4ac4848e7ee31256384be4e7e8dd2b8b5a49",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"ad9430d619bccde71bfeee2faffd1dde34dc43bd"})))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}}};n([p("popup"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],j.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],j.prototype,"open",void 0),n([l(x),d("design:type",String)],j.prototype,"placement",void 0),n([c("number"),d("design:type",Number)],j.prototype,"offset",void 0),n([l(_),d("design:type",String)],j.prototype,"role",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdropDismiss",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdrop",void 0),n([c("string"),d("design:type",Object)],j.prototype,"group",void 0),n([c("string"),d("design:type",String)],j.prototype,"label",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"arrow",void 0),n([c("boolean"),d("design:type",Object)],j.prototype,"trapFocus",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],j.prototype,"configChanged",null),j.style=":host{--_popup-background:var(--popup-background, var(--mod-popup-background, var(--ds-popup-background)));--_popup-radius:var(--popup-radius, var(--mod-popup-radius, var(--ds-popup-radius)));--_popup-shadow:var(--popup-shadow, var(--mod-popup-shadow, var(--ds-popup-shadow)));--_popup-padding:var(--popup-padding, var(--mod-popup-padding, var(--ds-popup-padding)));--_popup-min-width:var(--popup-min-width, var(--mod-popup-min-width, var(--ds-popup-min-width)));--_popup-max-width:var(--popup-max-width, var(--mod-popup-max-width, none));--_popup-z-index:var(--popup-z-index, var(--mod-popup-z-index, var(--ds-popup-z-index)));--_popup-backdrop-opacity:var(--popup-backdrop-opacity, var(--mod-popup-backdrop-opacity, var(--ds-backdrop-opacity)));--_popup-arrow-size:var(--popup-arrow-size, var(--mod-popup-arrow-size, var(--ds-popup-arrow-size, 8px)));display:contents}[part=backdrop]{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:calc(var(--_popup-z-index) - 1);opacity:0;pointer-events:none;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}:host(.is-open) [part=backdrop]{opacity:var(--_popup-backdrop-opacity);pointer-events:auto}:host(.is-animated) [part=backdrop]{-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}[part=panel]{position:fixed;z-index:var(--_popup-z-index);background:var(--_popup-background);border-radius:var(--_popup-radius);-webkit-box-shadow:var(--_popup-shadow);box-shadow:var(--_popup-shadow);padding:var(--_popup-padding);min-width:var(--_popup-min-width);max-width:var(--_popup-max-width);opacity:0;visibility:hidden;pointer-events:none;outline:none !important}[part=panel]::-moz-focus-inner{border:0}:host(.is-open) [part=panel]{opacity:1;visibility:visible;pointer-events:auto}:host(.is-animated) [part=panel]{-webkit-transition:opacity 200ms ease,visibility 200ms ease;transition:opacity 200ms ease,visibility 200ms ease}[part=close]{position:absolute;top:.5rem;right:.5rem}:host(.is-closable) [part=panel]{padding-right:calc(var(--_popup-padding) + var(--_popup-padding))}[part=arrow]{position:absolute;width:var(--_popup-arrow-size);height:var(--_popup-arrow-size);background:var(--_popup-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}[part=panel][data-placement=bottom] [part=arrow]{top:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=top] [part=arrow]{bottom:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=right] [part=arrow]{left:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=left] [part=arrow]{right:calc(var(--_popup-arrow-size)/-2)}@media (prefers-reduced-motion: reduce){:host(.is-animated) [part=panel],:host(.is-animated) [part=backdrop]{-webkit-transition:none !important;transition:none !important}}";export{z as ds_drawer,j as ds_popup}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as e,E as t,F as o,G as i}from"./p-B-v2Wm-V.js";import{_ as r,L as s,a}from"./p-Y0rKqVvm.js";import{T as n}from"./p-Z0zrglhd.js";import"./p-Dk0GEN2t.js";const p=class{constructor(t){e(this,t),this.value="",this.disabled=!1}createLogger(e){this.log=e}render(){return t(o,{key:"ce770b34b31796d648f076575f4c1cf57b65c5af","aria-hidden":"true"},t("slot",{key:"4648de055b31a22a216b21f518b868a4e7791b0d"}))}get el(){return i(this)}};r([s("select-option"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null),r([n("string"),a("design:type",String)],p.prototype,"value",void 0),r([n("boolean"),a("design:type",Boolean)],p.prototype,"disabled",void 0),p.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{p as ds_select_option}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as o,I as e,E as c,F as r,G as a}from"./p-B-v2Wm-V.js";import{_ as l,L as s,a as i}from"./p-Y0rKqVvm.js";import{i as d}from"./p-B62ocg4Q.js";import{h as t}from"./p-ChSKXFK5.js";import{C as b,a as h}from"./p-LCAsAZzj.js";import{T as n}from"./p-Z0zrglhd.js";import{R as k}from"./p-DkhJaoXg.js";import{O as v}from"./p-DypNSUAh.js";import"./p-Dk0GEN2t.js";const g=class{constructor(c){o(this,c),this.dsFocus=e(this,"dsFocus"),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),c.$hostElement$["s-ei"]?this.internals=c.$hostElement$["s-ei"]:(this.internals=c.$hostElement$.attachInternals(),c.$hostElement$["s-ei"]=this.internals),this.inputId="ds-cb-"+x++,this.inheritAttributes={},this.focused=!1,this.name=this.inputId,this.label="",this.labelPosition="right",this.value="on",this.checked=!1,this.initialValue=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.invalid=!1,this.tileColor="",this.tile=!1,this.hideTrigger=!1,this.cols=1,this.colsTablet=1,this.colsMobile=1,this.handleChange=o=>{this.checked=o.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=o=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(o))},this.handleBlur=o=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(o))}}createLogger(o){this.log=o}connectedCallback(){this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=d(this.el,["aria-label","tabindex","title"])}listenToReset(o){const e=o.target;(null==e?void 0:e.contains(this.el))&&(this.checked=this.initialValue)}render(){return c(r,{key:"0418748cddb540685593232b2d5d24af0b74c92c","aria-disabled":this.disabled?"true":null,"aria-checked":`${this.checked}`,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-tile":this.tile,[`has-tile-${this.tileColor}`]:this.tile&&t(this.tileColor),"hide-trigger":this.tile&&this.hideTrigger,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition,[`has-cols-${this.cols}`]:this.tile&&this.cols>1,[`has-cols-${this.colsTablet}-tablet`]:this.tile&&this.colsTablet>1,[`has-cols-${this.colsMobile}-mobile`]:this.tile&&this.colsMobile>1}},c("label",{key:"23a8ac34d5eb3e6df9e42a2c647435247d1ad75e",id:"label",part:"label"},c("input",Object.assign({key:"4c05be40b1256fb5c60472b47e4a0ae8c55e3dd5",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:o=>this.handleChange(o),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:o=>this.nativeInput=o},this.inheritAttributes)),c("div",{key:"d90f4780331aa2c76ddd4a680d8d9e93d9d5b013",id:"slot",part:"slot"},c("slot",{key:"7e2b971fbb93fdd4c86cadb56572dcd705743691"},this.label))))}static get formAssociated(){return!0}get el(){return a(this)}};l([s("checkbox"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],g.prototype,"createLogger",null),l([n("string"),i("design:type",String)],g.prototype,"name",void 0),l([n("string"),i("design:type",String)],g.prototype,"label",void 0),l([k(),v(b),i("design:type",String)],g.prototype,"labelPosition",void 0),l([n("string"),i("design:type",Object)],g.prototype,"value",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"checked",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"disabled",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"readonly",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"required",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"invalid",void 0),l([v(h),i("design:type",String)],g.prototype,"tileColor",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"tile",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"hideTrigger",void 0);let x=0;g.style=":host{--_checkbox-gap:var(--checkbox-gap, var(--mod-checkbox-gap, 0.5rem));--_checkbox-label-base-color:var(--checkbox-label-base-color, var(--mod-checkbox-label-base-color, inherit));--_checkbox-label-hover-color:var(--checkbox-label-hover-color, var(--mod-checkbox-label-hover-color, var(--ds-global-color-sky-5)));--_checkbox-label-active-color:var(--checkbox-label-active-color, var(--mod-checkbox-label-active-color, var(--ds-global-color-primary-6)));--_checkbox-size:var(--checkbox-size, var(--mod-checkbox-size, 1.5rem));--_checkbox-border-width:var(--checkbox-border-width, var(--mod-checkbox-border-width, var(--ds-alias-border-width-base)));--_checkbox-radius:var(--checkbox-radius, var(--mod-checkbox-radius, var(--ds-alias-radius-base)));--_checkbox-tile-radius:var(--checkbox-tile-radius, var(--mod-checkbox-tile-radius, var(--ds-alias-radius-base)));--_checkbox-tile-padding:var(--checkbox-tile-padding, var(--mod-checkbox-tile-padding, 1rem));--_checkbox-tile-border-width:var(--checkbox-tile-border-width, var(--mod-checkbox-tile-border-width, var(--ds-alias-border-width-base)));--_checkbox-tile-base-background-color:var(--checkbox-tile-base-background-color, var(--mod-checkbox-tile-base-background-color, inherit));--_checkbox-tile-base-border-color:var(--checkbox-tile-base-border-color, var(--mod-checkbox-tile-base-border-color, var(--ds-global-color-grey-3)));--_checkbox-tile-hover-background-color:var(--checkbox-tile-hover-background-color, var(--mod-checkbox-tile-hover-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-hover-border-color:var(--checkbox-tile-hover-border-color, var(--mod-checkbox-tile-hover-border-color, var(--ds-global-color-sky-5)));--_checkbox-tile-active-background-color:var(--checkbox-tile-active-background-color, var(--mod-checkbox-tile-active-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-active-border-color:var(--checkbox-tile-active-border-color, var(--mod-checkbox-tile-active-border-color, var(--ds-global-color-primary-6)));--_checkbox-unchecked-base-color-background:var(--checkbox-unchecked-base-color-background, var(--mod-checkbox-unchecked-base-color-background, transparent));--_checkbox-unchecked-base-color-border:var(--checkbox-unchecked-base-color-border, var(--mod-checkbox-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-unchecked-hover-color-background:var(--checkbox-unchecked-hover-color-background, var(--mod-checkbox-unchecked-hover-color-background, var(--ds-global-color-grey-1)));--_checkbox-unchecked-hover-color-border:var(--checkbox-unchecked-hover-color-border, var(--mod-checkbox-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-unchecked-active-color-background:var(--checkbox-unchecked-active-color-background, var(--mod-checkbox-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_checkbox-unchecked-active-color-border:var(--checkbox-unchecked-active-color-border, var(--mod-checkbox-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_checkbox-checked-base-color-background:var(--checkbox-checked-base-color-background, var(--mod-checkbox-checked-base-color-background, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-border:var(--checkbox-checked-base-color-border, var(--mod-checkbox-checked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-icon:var(--checkbox-checked-base-color-icon, var(--mod-checkbox-checked-base-color-icon, var(--ds-global-color-white)));--_checkbox-checked-hover-color-background:var(--checkbox-checked-hover-color-background, var(--mod-checkbox-checked-hover-color-background, var(--ds-global-color-sky-5)));--_checkbox-checked-hover-color-border:var(--checkbox-checked-hover-color-border, var(--mod-checkbox-checked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-checked-active-color-background:var(--checkbox-checked-active-color-background, var(--mod-checkbox-checked-active-color-background, var(--ds-global-color-primary-6)));--_checkbox-checked-active-color-border:var(--checkbox-checked-active-color-border, var(--mod-checkbox-checked-active-color-border, var(--ds-global-color-primary-6)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_checkbox-gap);cursor:pointer;user-select:none;color:var(--_checkbox-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:.25rem;padding-bottom:.25rem;min-height:3rem}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_checkbox-label-hover-color)}}label:active{color:var(--_checkbox-label-active-color)}:host input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_checkbox-size);height:var(--_checkbox-size);background:var(--_checkbox-unchecked-base-color-background);border:var(--_checkbox-border-width) solid var(--_checkbox-unchecked-base-color-border);border-radius:var(--_checkbox-radius);vertical-align:top;cursor:pointer;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=checkbox]:disabled{cursor:default}:host input[type=checkbox]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_checkbox-radius)}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-hover-color-background);border-color:var(--_checkbox-unchecked-hover-color-border)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-active-color-background);border-color:var(--_checkbox-unchecked-active-color-border)}:host input[type=checkbox]:checked{background:var(--_checkbox-checked-base-color-background);border-color:var(--_checkbox-checked-base-color-border)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-hover-color-background);border-color:var(--_checkbox-checked-hover-color-border)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-active-color-background);border-color:var(--_checkbox-checked-active-color-border)}:host input[type=checkbox]::after{display:block;content:\"\";width:100%;height:100%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;opacity:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}:host input[type=checkbox]:checked::after{background-color:var(--_checkbox-checked-base-color-icon);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-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-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>\")}:host(.is-invalid:not(.is-disabled)){--mod-checkbox-label-base-color:var(--ds-global-color-danger-4);--mod-checkbox-label-hover-color:var(--ds-global-color-danger-5);--mod-checkbox-label-active-color:var(--ds-global-color-danger-6);--mod-checkbox-unchecked-base-color-background:transparent;--mod-checkbox-unchecked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-base-color-background:var(--ds-divider-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-active-color-background:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-active-color-border:var(--ds-divider-color-danger-darker)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--ds-global-color-grey-5);--mod-checkbox-label-hover-color:var(--ds-global-color-grey-5);--mod-checkbox-label-active-color:var(--ds-global-color-grey-5);--mod-checkbox-unchecked-base-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-disabled)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{width:100%;height:100%;padding:var(--_checkbox-tile-padding);border-style:solid;border-width:var(--_checkbox-tile-border-width);border-radius:var(--_checkbox-tile-radius);border-color:var(--_checkbox-tile-base-border-color);background:var(--_checkbox-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_checkbox-tile-hover-border-color);background:var(--_checkbox-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_checkbox-tile-active-border-color);background:var(--_checkbox-tile-active-background-color)}:host(.is-tile.is-checked){--mod-checkbox-tile-base-border-color:var(--_checkbox-checked-base-color-background)}:host(.is-tile.hide-trigger) label{position:relative}:host(.is-tile.hide-trigger) input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(.is-tile.hide-trigger.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-primary-1)}:host(.is-tile.has-tile-green.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-checkbox-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-checkbox-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}";export{g as ds_checkbox}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as r,I as o,v as e,N as a,E as t,G as i}from"./p-C6MVahkC.js";import{_ as n,L as s,a as d}from"./p-DgVaaZT_.js";import{i as c}from"./p-B62ocg4Q.js";import{F as l}from"./p-C7i6xLTJ.js";import{F as m}from"./p-BLGVE-7Z.js";import{I as h,d as f}from"./p-BMM6Nxeh.js";import{T as v}from"./p-CwCAiaMq.js";import{O as b}from"./p-BvEM6oCl.js";import{L as p}from"./p-LCY5n5tq.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";const g=class{constructor(a){r(this,a),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsClick=o(this,"dsClick"),this.dsFocus=o(this,"dsFocus"),this.dsInput=o(this,"dsInput"),this.dsKeyPress=o(this,"dsKeyPress"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.inputId="ds-textarea-"+u++,this.inheritedAttributes={},this.control=new l(this),this.focused=!1,this.language=e.language,this.region=e.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.inputmode="",this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.wrap="",this.handleClick=r=>{this.control.onClick(r)},this.handleFocus=r=>{this.control.onFocus(r)},this.handleBlur=r=>{this.control.onBlur(r)},this.handleInput=r=>{this.control.onInput(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=a(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){this.control.listenOnReset(r)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(r){this.language=r.language,this.region=r.region}render(){return t(m,{key:"eed94ad65298572829562a0d13d3decd677c2fbb",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("textarea",Object.assign({key:"e8030aee2620ae0384945396cc794981a017287a",id:"textarea",part:"textarea",name:this.name,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,onClick:r=>this.handleClick(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onInput:r=>this.handleInput(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return i(this)}static get watchers(){return{debounce:[{debounceChanged:0}]}}};n([s("textarea"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),n([v("string"),d("design:type",String)],g.prototype,"autocapitalize",void 0),n([v("string"),d("design:type",String)],g.prototype,"autocomplete",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"autofocus",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),n([b(h),d("design:type",String)],g.prototype,"color",void 0),n([v("number"),d("design:type",Number)],g.prototype,"cols",void 0),n([v("number"),d("design:type",Number)],g.prototype,"debounce",void 0),n([v("string"),d("design:type",String)],g.prototype,"description",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"disabled",void 0),n([b(f),d("design:type",String)],g.prototype,"inputmode",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"invalid",void 0),n([v("string"),d("design:type",String)],g.prototype,"invalidText",void 0),n([v("string"),d("design:type",String)],g.prototype,"label",void 0),n([v("number"),d("design:type",Number)],g.prototype,"maxLength",void 0),n([v("number"),d("design:type",Number)],g.prototype,"minLength",void 0),n([v("string"),d("design:type",String)],g.prototype,"name",void 0),n([v("string"),d("design:type",String)],g.prototype,"placeholder",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"readonly",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"required",void 0),n([v("number"),d("design:type",Number)],g.prototype,"rows",void 0),n([b(["","hard","soft","off"]),d("design:type",String)],g.prototype,"wrap",void 0),n([p(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],g.prototype,"configChanged",null);let u=0;g.style=":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)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-control-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-control-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-control-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-control-size-device)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-control-color-value-base)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;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;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;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:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;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 #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container textarea{resize:vertical}: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),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--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-textarea-color:var(--ds-form-control-color-value-disabled);--mod-textarea-placeholder:var(--ds-form-control-color-placeholder-disabled)}";export{g as ds_textarea}
4
+ import{B as r,I as o,v as e,N as a,E as t,G as i}from"./p-B-v2Wm-V.js";import{_ as n,L as s,a as d}from"./p-Y0rKqVvm.js";import{i as c}from"./p-B62ocg4Q.js";import{F as l}from"./p-C5Rtikeh.js";import{F as m}from"./p-DYPX3A8m.js";import{I as h,d as f}from"./p-BMM6Nxeh.js";import{T as v}from"./p-Z0zrglhd.js";import{O as b}from"./p-DypNSUAh.js";import{L as p}from"./p-x2KazRjl.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-Dk0GEN2t.js";import"./p-CrYAd3JT.js";const g=class{constructor(a){r(this,a),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsClick=o(this,"dsClick"),this.dsFocus=o(this,"dsFocus"),this.dsInput=o(this,"dsInput"),this.dsKeyPress=o(this,"dsKeyPress"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.inputId="ds-textarea-"+u++,this.inheritedAttributes={},this.control=new l(this),this.focused=!1,this.language=e.language,this.region=e.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.inputmode="",this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.wrap="",this.handleClick=r=>{this.control.onClick(r)},this.handleFocus=r=>{this.control.onFocus(r)},this.handleBlur=r=>{this.control.onBlur(r)},this.handleInput=r=>{this.control.onInput(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=a(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){this.control.listenOnReset(r)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(r){this.language=r.language,this.region=r.region}render(){return t(m,{key:"2e1e2729ed8faa5ccc854162ce77328251481a13",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("textarea",Object.assign({key:"8c037403989369aa837282250192ca463157262a",id:"textarea",part:"textarea",name:this.name,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,onClick:r=>this.handleClick(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onInput:r=>this.handleInput(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return i(this)}static get watchers(){return{debounce:[{debounceChanged:0}]}}};n([s("textarea"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),n([v("string"),d("design:type",String)],g.prototype,"autocapitalize",void 0),n([v("string"),d("design:type",String)],g.prototype,"autocomplete",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"autofocus",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),n([b(h),d("design:type",String)],g.prototype,"color",void 0),n([v("number"),d("design:type",Number)],g.prototype,"cols",void 0),n([v("number"),d("design:type",Number)],g.prototype,"debounce",void 0),n([v("string"),d("design:type",String)],g.prototype,"description",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"disabled",void 0),n([b(f),d("design:type",String)],g.prototype,"inputmode",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"invalid",void 0),n([v("string"),d("design:type",String)],g.prototype,"invalidText",void 0),n([v("string"),d("design:type",String)],g.prototype,"label",void 0),n([v("number"),d("design:type",Number)],g.prototype,"maxLength",void 0),n([v("number"),d("design:type",Number)],g.prototype,"minLength",void 0),n([v("string"),d("design:type",String)],g.prototype,"name",void 0),n([v("string"),d("design:type",String)],g.prototype,"placeholder",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"readonly",void 0),n([v("boolean"),d("design:type",Boolean)],g.prototype,"required",void 0),n([v("number"),d("design:type",Number)],g.prototype,"rows",void 0),n([b(["","hard","soft","off"]),d("design:type",String)],g.prototype,"wrap",void 0),n([p(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],g.prototype,"configChanged",null);let u=0;g.style=":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)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-control-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-control-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-control-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-control-size-device)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-control-color-value-base)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;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;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;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:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;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 #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container textarea{resize:vertical}: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),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--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-textarea-color:var(--ds-form-control-color-value-disabled);--mod-textarea-placeholder:var(--ds-form-control-color-placeholder-disabled)}";export{g as ds_textarea}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as e,I as s,E as t,F as i,G as o}from"./p-C6MVahkC.js";import{_ as r,L as n,a}from"./p-DgVaaZT_.js";import{T as l}from"./p-CwCAiaMq.js";import{R as c}from"./p-1VXOIrN2.js";import"./p-HwbqEzpk.js";const d=class{constructor(t){e(this,t),this.dsStepSelect=s(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?t("ds-icon",{name:"check",color:"white","aria-hidden":"true"}):this.invalid?t("span",{class:"step-invalid","aria-hidden":"true"},"!"):t("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?t(i,{role:"listitem",class:e},t("span",{class:"circle","aria-hidden":"true"},s),t("slot",null),t("span",{class:"connector","aria-hidden":"true"})):t(i,{role:"tab",class:e,"aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},t("span",{class:"circle"},s),this.label&&t("span",{class:"step-label"},this.label),t("span",{class:"connector","aria-hidden":"true"}))}get el(){return o(this)}};r([n("step"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],d.prototype,"createLogger",null),r([l("number"),a("design:type",Number)],d.prototype,"activeIndex",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"disabled",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"done",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"hidden",void 0),r([l("number"),a("design:type",Number)],d.prototype,"index",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"invalid",void 0),r([l("string"),a("design:type",String)],d.prototype,"label",void 0),r([c(),l("string"),a("design:type",String)],d.prototype,"name",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"navigation",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"selected",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-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;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-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;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-disabled) .step-label{opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-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;display:block;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}";export{d as ds_step}
4
+ import{B as e,I as s,E as t,F as i,G as o}from"./p-B-v2Wm-V.js";import{_ as r,L as n,a}from"./p-Y0rKqVvm.js";import{T as l}from"./p-Z0zrglhd.js";import{R as c}from"./p-DkhJaoXg.js";import"./p-Dk0GEN2t.js";const d=class{constructor(t){e(this,t),this.dsStepSelect=s(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?t("ds-icon",{name:"check",color:"white","aria-hidden":"true"}):this.invalid?t("span",{class:"step-invalid","aria-hidden":"true"},"!"):t("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?t(i,{role:"listitem",class:e},t("span",{class:"circle","aria-hidden":"true"},s),t("slot",null),t("span",{class:"connector","aria-hidden":"true"})):t(i,{role:"tab",class:e,"aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},t("span",{class:"circle"},s),this.label&&t("span",{class:"step-label"},this.label),t("span",{class:"connector","aria-hidden":"true"}))}get el(){return o(this)}};r([n("step"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],d.prototype,"createLogger",null),r([l("number"),a("design:type",Number)],d.prototype,"activeIndex",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"disabled",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"done",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"hidden",void 0),r([l("number"),a("design:type",Number)],d.prototype,"index",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"invalid",void 0),r([l("string"),a("design:type",String)],d.prototype,"label",void 0),r([c(),l("string"),a("design:type",String)],d.prototype,"name",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"navigation",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"selected",void 0),r([l("boolean"),a("design:type",Boolean)],d.prototype,"vertical",void 0),d.style=":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-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;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-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;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-disabled) .step-label{opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-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;display:block;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}";export{d as ds_step}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as e,E as a,F as s,G as t}from"./p-B-v2Wm-V.js";import{_ as r,L as c,a as n}from"./p-Y0rKqVvm.js";const o=class{constructor(a){e(this,a)}createLogger(e){this.log=e}connectedCallback(){this.el.slot="header"}render(){return a(s,{key:"b164ba40c3979cc9639c0c3adaca67e14effa85e",style:{display:"contents"}},a("slot",{key:"20c51614ea66de41b838e7d411542011288c1985"}))}get el(){return t(this)}};r([c("modal-header"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],o.prototype,"createLogger",null);export{o as ds_modal_header}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as e,E as a,F as s,G as t}from"./p-B-v2Wm-V.js";import{_ as r,L as o,a as n}from"./p-Y0rKqVvm.js";import{T as d}from"./p-Z0zrglhd.js";import"./p-Dk0GEN2t.js";const i=class{constructor(a){e(this,a),this.required=!1}createLogger(e){this.log=e}render(){return a(s,{key:"605cf2c6c7d1c6f87dd8a2b8193dd0cdfa3e0280"},a("slot",{key:"283a1682ea8a8c062978fceb7438a8aa70c8359b"}),this.required?a("span",null,"*"):"")}get el(){return t(this)}};r([o("data-label"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],i.prototype,"createLogger",null),r([d("boolean"),n("design:type",Boolean)],i.prototype,"required",void 0),i.style=":host{display:contents}";export{i as ds_data_label}