@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
package/components/all.d.ts CHANGED
@@ -31,6 +31,7 @@ import { DsHintText, defineCustomElement as defineDsHintText } from './ds-hint-t
31
31
  import { DsHintTitle, defineCustomElement as defineDsHintTitle } from './ds-hint-title'
32
32
  import { DsIcon, defineCustomElement as defineDsIcon } from './ds-icon'
33
33
  import { DsInput, defineCustomElement as defineDsInput } from './ds-input'
34
+ import { DsInputSlider, defineCustomElement as defineDsInputSlider } from './ds-input-slider'
34
35
  import { DsItem, defineCustomElement as defineDsItem } from './ds-item'
35
36
  import { DsLabel, defineCustomElement as defineDsLabel } from './ds-label'
36
37
  import { DsList, defineCustomElement as defineDsList } from './ds-list'
@@ -102,6 +103,7 @@ export { DsHintText, defineDsHintText }
102
103
  export { DsHintTitle, defineDsHintTitle }
103
104
  export { DsIcon, defineDsIcon }
104
105
  export { DsInput, defineDsInput }
106
+ export { DsInputSlider, defineDsInputSlider }
105
107
  export { DsItem, defineDsItem }
106
108
  export { DsLabel, defineDsLabel }
107
109
  export { DsList, defineDsList }
package/components/all.js CHANGED
@@ -31,6 +31,7 @@ import { DsHintText, defineCustomElement as defineDsHintText } from './ds-hint-t
31
31
  import { DsHintTitle, defineCustomElement as defineDsHintTitle } from './ds-hint-title'
32
32
  import { DsIcon, defineCustomElement as defineDsIcon } from './ds-icon'
33
33
  import { DsInput, defineCustomElement as defineDsInput } from './ds-input'
34
+ import { DsInputSlider, defineCustomElement as defineDsInputSlider } from './ds-input-slider'
34
35
  import { DsItem, defineCustomElement as defineDsItem } from './ds-item'
35
36
  import { DsLabel, defineCustomElement as defineDsLabel } from './ds-label'
36
37
  import { DsList, defineCustomElement as defineDsList } from './ds-list'
@@ -102,6 +103,7 @@ export { DsHintText, defineDsHintText }
102
103
  export { DsHintTitle, defineDsHintTitle }
103
104
  export { DsIcon, defineDsIcon }
104
105
  export { DsInput, defineDsInput }
106
+ export { DsInputSlider, defineDsInputSlider }
105
107
  export { DsItem, defineDsItem }
106
108
  export { DsLabel, defineDsLabel }
107
109
  export { DsList, defineDsList }
@@ -174,6 +176,7 @@ export const defineAllComponents = () => {
174
176
  defineDsHintTitle()
175
177
  defineDsIcon()
176
178
  defineDsInput()
179
+ defineDsInputSlider()
177
180
  defineDsItem()
178
181
  defineDsLabel()
179
182
  defineDsList()
package/components/ds-accordion.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{A as o,d as r}from"./p-bGV2P6rT.js";const s=o,p=r;export{s as DsAccordion,p as defineCustomElement}
4
+ import{A as o,d as s}from"./p-D5zw5ezD.js";const p=o,r=s;export{p as DsAccordion,r as defineCustomElement}
package/components/ds-badge.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{p as a,H as e,h as o,e as d,t as r}from"./p-WO0X5Vmy.js";import{_ as g,L as b,a as s}from"./p-J0mxIuTt.js";import{h as t}from"./p-BrIcCcce.js";import{n as i}from"./p-DR5LIaCn.js";import{d as n}from"./p-Du7QOHtz.js";import{T as c}from"./p-DAYd9ty0.js";import{O as l}from"./p-BhbWmCTu.js";const m=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.icon="",this.size="",this.color="",this.position="",this.pulse=!1}createLogger(a){this.log=a}render(){const a=i(this.size)||"";return o(d,{key:"96172084445525ad98729b13be73fd5608f20c3f",class:{["is-"+this.color]:t(this.color),["is-"+a]:t(this.size),"is-pulse":this.pulse}},o("span",{key:"23c0d0ddfd7be982b9d3538e5a6fba39993b3a99",id:"badge",part:"badge"},o("slot",{key:"c477848d6d4cb7079c12dfc667e3d63c15041ef9"}),"sm"!==a&&t(this.icon)?o("ds-icon",{part:"icon",name:this.icon}):""))}get el(){return this}static get style(){return":host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-text-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-text-weight)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, calc(var(--ds-badge-size-base) / 2)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-color-base-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-color-base-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-color-base-background)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, 85%));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, 0.875rem));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-color-base-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, 4px));--_badge-padding-inline:var(--badge-padding-inline, var(--mod-badge-padding-inline, 4px));--_badge-padding-block:var(--badge-padding-block, var(--mod-badge-padding-block, 4px))}: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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:1;z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block)}:host>ds-icon{--icon-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-red){--mod-badge-color-text:var(--ds-badge-color-red-text);--mod-badge-color-background:var(--ds-badge-color-red-background);--mod-badge-pulse-color:var(--ds-badge-color-red-background);--mod-badge-icon-color:var(--ds-badge-color-red-text)}:host(.is-green){--mod-badge-color-text:var(--ds-badge-color-green-text);--mod-badge-color-background:var(--ds-badge-color-green-background);--mod-badge-pulse-color:var(--ds-badge-color-green-background);--mod-badge-icon-color:var(--ds-badge-color-green-text)}:host(.is-yellow){--mod-badge-color-text:var(--ds-badge-color-yellow-text);--mod-badge-color-background:var(--ds-badge-color-yellow-background);--mod-badge-pulse-color:var(--ds-badge-color-yellow-background);--mod-badge-icon-color:var(--ds-badge-color-yellow-text)}:host(.is-purple){--mod-badge-color-text:var(--ds-badge-color-purple-text);--mod-badge-color-background:var(--ds-badge-color-purple-background);--mod-badge-pulse-color:var(--ds-badge-color-purple-background);--mod-badge-icon-color:var(--ds-badge-color-purple-text)}:host(.is-grey){--mod-badge-color-text:var(--ds-badge-color-grey-text);--mod-badge-color-background:var(--ds-badge-color-grey-background);--mod-badge-pulse-color:var(--ds-badge-color-grey-background);--mod-badge-icon-color:var(--ds-badge-color-grey-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-color-success-text);--mod-badge-color-background:var(--ds-badge-color-success-background);--mod-badge-pulse-color:var(--ds-badge-color-success-background);--mod-badge-icon-color:var(--ds-badge-color-success-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-color-warning-text);--mod-badge-color-background:var(--ds-badge-color-warning-background);--mod-badge-pulse-color:var(--ds-badge-color-warning-background);--mod-badge-icon-color:var(--ds-badge-color-warning-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-color-danger-text);--mod-badge-color-background:var(--ds-badge-color-danger-background);--mod-badge-pulse-color:var(--ds-badge-color-danger-background);--mod-badge-icon-color:var(--ds-badge-color-danger-text)}:host(.is-sm){--mod-badge-radius:calc(var(--ds-badge-size-sm) / 2);--mod-badge-height:var(--ds-badge-size-sm);--mod-badge-min-width:var(--ds-badge-size-sm);--mod-badge-padding-inline:0;--mod-badge-padding-block:0;--mod-badge-font-size:0;max-width:var(--ds-badge-size-sm);padding:0;overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg);--mod-badge-height:var(--ds-badge-size-lg);--mod-badge-radius:calc(var(--ds-badge-size-lg) / 2);--mod-badge-font-size:1rem;--mod-badge-icon-size:1.125rem}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}"}},[257,"ds-badge",{icon:[1],size:[513],color:[513],position:[513],pulse:[516]}]);g([b("badge"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],m.prototype,"createLogger",null),g([c("string"),s("design:type",String)],m.prototype,"icon",void 0),g([l(["sm","lg","small","large",""]),s("design:type",String)],m.prototype,"size",void 0),g([l(["grey","danger","warning","success","red","yellow","green","purple",""]),s("design:type",String)],m.prototype,"color",void 0),g([l(["card","button","tabs",""]),s("design:type",String)],m.prototype,"position",void 0),g([c("boolean"),s("design:type",Boolean)],m.prototype,"pulse",void 0);const v=m,p=function(){"undefined"!=typeof customElements&&["ds-badge","ds-icon"].forEach((a=>{switch(a){case"ds-badge":customElements.get(r(a))||customElements.define(r(a),m);break;case"ds-icon":customElements.get(r(a))||n()}}))};export{v as DsBadge,p as defineCustomElement}
4
+ import{p as e,H as a,h as o,e as d,t as r}from"./p-WO0X5Vmy.js";import{_ as g,L as b,a as s}from"./p-J0mxIuTt.js";import{h as t}from"./p-BrIcCcce.js";import{n as i}from"./p-DR5LIaCn.js";import{d as n}from"./p-Du7QOHtz.js";import{T as c}from"./p-DAYd9ty0.js";import{O as l}from"./p-BhbWmCTu.js";const m=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.icon="",this.size="",this.color="",this.position="",this.pulse=!1}createLogger(e){this.log=e}render(){const e=i(this.size)||"";return o(d,{key:"96172084445525ad98729b13be73fd5608f20c3f",class:{["is-"+this.color]:t(this.color),["is-"+e]:t(this.size),"is-pulse":this.pulse}},o("span",{key:"23c0d0ddfd7be982b9d3538e5a6fba39993b3a99",id:"badge",part:"badge"},o("slot",{key:"c477848d6d4cb7079c12dfc667e3d63c15041ef9"}),"sm"!==e&&t(this.icon)?o("ds-icon",{part:"icon",name:this.icon}):""))}get el(){return this}static get style(){return":host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-text-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-text-weight)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, calc(var(--ds-badge-size-base) / 2)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-color-base-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-color-base-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-color-base-background)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, 85%));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, 0.75rem));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-color-base-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, 4px));--_badge-padding-inline:var(--badge-padding-inline, var(--mod-badge-padding-inline, 4px));--_badge-padding-block:var(--badge-padding-block, var(--mod-badge-padding-block, 4px))}: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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:1;z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block)}:host ds-icon{--icon-size:var(--_badge-icon-size);--icon-inner-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-red){--mod-badge-color-text:var(--ds-badge-color-red-text);--mod-badge-color-background:var(--ds-badge-color-red-background);--mod-badge-pulse-color:var(--ds-badge-color-red-background);--mod-badge-icon-color:var(--ds-badge-color-red-text);--icon-color:var(--ds-badge-color-red-text)}:host(.is-green){--mod-badge-color-text:var(--ds-badge-color-green-text);--mod-badge-color-background:var(--ds-badge-color-green-background);--mod-badge-pulse-color:var(--ds-badge-color-green-background);--mod-badge-icon-color:var(--ds-badge-color-green-text);--icon-color:var(--ds-badge-color-green-text)}:host(.is-yellow){--mod-badge-color-text:var(--ds-badge-color-yellow-text);--mod-badge-color-background:var(--ds-badge-color-yellow-background);--mod-badge-pulse-color:var(--ds-badge-color-yellow-background);--mod-badge-icon-color:var(--ds-badge-color-yellow-text);--icon-color:var(--ds-badge-color-yellow-text)}:host(.is-purple){--mod-badge-color-text:var(--ds-badge-color-purple-text);--mod-badge-color-background:var(--ds-badge-color-purple-background);--mod-badge-pulse-color:var(--ds-badge-color-purple-background);--mod-badge-icon-color:var(--ds-badge-color-purple-text);--icon-color:var(--ds-badge-color-purple-text)}:host(.is-grey){--mod-badge-color-text:var(--ds-badge-color-grey-text);--mod-badge-color-background:var(--ds-badge-color-grey-background);--mod-badge-pulse-color:var(--ds-badge-color-grey-background);--mod-badge-icon-color:var(--ds-badge-color-grey-text);--icon-color:var(--ds-badge-color-grey-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-color-success-text);--mod-badge-color-background:var(--ds-badge-color-success-background);--mod-badge-pulse-color:var(--ds-badge-color-success-background);--mod-badge-icon-color:var(--ds-badge-color-success-text);--icon-color:var(--ds-badge-color-success-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-color-warning-text);--mod-badge-color-background:var(--ds-badge-color-warning-background);--mod-badge-pulse-color:var(--ds-badge-color-warning-background);--mod-badge-icon-color:var(--ds-badge-color-warning-text);--icon-color:var(--ds-badge-color-warning-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-color-danger-text);--mod-badge-color-background:var(--ds-badge-color-danger-background);--mod-badge-pulse-color:var(--ds-badge-color-danger-background);--mod-badge-icon-color:var(--ds-badge-color-danger-text);--icon-color:var(--ds-badge-color-danger-text)}:host(.is-sm){--mod-badge-radius:calc(var(--ds-badge-size-sm) / 2);--mod-badge-height:var(--ds-badge-size-sm);--mod-badge-min-width:var(--ds-badge-size-sm);--mod-badge-padding-inline:0;--mod-badge-padding-block:0;--mod-badge-font-size:0;max-width:var(--ds-badge-size-sm);padding:0;overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg);--mod-badge-height:var(--ds-badge-size-lg);--mod-badge-radius:calc(var(--ds-badge-size-lg) / 2);--mod-badge-font-size:1rem;--mod-badge-icon-size:1.125rem}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}"}},[257,"ds-badge",{icon:[1],size:[513],color:[513],position:[513],pulse:[516]}]);g([b("badge"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],m.prototype,"createLogger",null),g([c("string"),s("design:type",String)],m.prototype,"icon",void 0),g([l(["sm","lg","small","large",""]),s("design:type",String)],m.prototype,"size",void 0),g([l(["grey","danger","warning","success","red","yellow","green","purple",""]),s("design:type",String)],m.prototype,"color",void 0),g([l(["card","button","tabs",""]),s("design:type",String)],m.prototype,"position",void 0),g([c("boolean"),s("design:type",Boolean)],m.prototype,"pulse",void 0);const v=m,p=function(){"undefined"!=typeof customElements&&["ds-badge","ds-icon"].forEach((e=>{switch(e){case"ds-badge":customElements.get(r(e))||customElements.define(r(e),m);break;case"ds-icon":customElements.get(r(e))||n()}}))};export{v as DsBadge,p as defineCustomElement}
package/components/ds-button.js CHANGED
@@ -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,d as s}from"./p-CjIxf5zy.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}
4
+ import{B as o,d as s}from"./p-DSeYzuO7.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}
package/components/ds-card-content.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{p as t,H as a,h as e,e as n,t as o}from"./p-WO0X5Vmy.js";import{_ as r,L as s,a as i}from"./p-J0mxIuTt.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}createLogger(t){this.log=t}render(){return e(n,{key:"98f18db67370e5cdadb27ec8a690700d5018b248"},e("slot",{key:"0463658375873c16b3bb5bbd142743604bd45705"}))}get el(){return this}static get style(){return':host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-text-family-body);font-weight:var(--ds-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-heading-family);font-weight:var(--ds-heading-weight)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}:host ds-heading:not(:last-child),:host h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}:host h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}:host ds-text:not(:last-child),:host p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}:host p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}'}},[257,"ds-card-content"]);r([s("card-content"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],c.prototype,"createLogger",null);const d=c,h=function(){"undefined"!=typeof customElements&&["ds-card-content"].forEach((t=>{"ds-card-content"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{d as DsCardContent,h as defineCustomElement}
4
+ import{p as t,H as a,h as e,e as n,t as o}from"./p-WO0X5Vmy.js";import{_ as r,L as s,a as i}from"./p-J0mxIuTt.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}createLogger(t){this.log=t}render(){return e(n,{key:"98f18db67370e5cdadb27ec8a690700d5018b248"},e("slot",{key:"0463658375873c16b3bb5bbd142743604bd45705"}))}get el(){return this}static get style(){return':host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-weight)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}:host ds-heading:not(:last-child),:host h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}:host h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}:host h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}:host h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}:host ds-text:not(:last-child),:host p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}:host p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}'}},[257,"ds-card-content"]);r([s("card-content"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],c.prototype,"createLogger",null);const d=c,h=function(){"undefined"!=typeof customElements&&["ds-card-content"].forEach((t=>{"ds-card-content"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{d as DsCardContent,h as defineCustomElement}
package/components/ds-card-title.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{p as t,H as r,h as a,e,t as i}from"./p-WO0X5Vmy.js";import{_ as l,L as d,a as m}from"./p-J0mxIuTt.js";import{a as o,b as c}from"./p-Ceu7FIWM.js";import{d as s}from"./p-DsvYY32v.js";import{T as n}from"./p-DAYd9ty0.js";import{R as v}from"./p-DYlqkAWn.js";import{O as p}from"./p-BhbWmCTu.js";const g=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inverted=!1,this.level="h3",this.visualLevel=""}createLogger(t){this.log=t}render(){return a(e,{key:"72e817c803b8ab4a17b7900a88497bf5cc34ee77"},a("ds-heading",{key:"aa65474978e8ebe8ec69d7394ecf98d88c950b86",level:this.level,visualLevel:this.visualLevel,space:"none",inverted:this.inverted},a("slot",{key:"028afa9859201893ec5fe95303ebd13c6c942176"})))}get el(){return this}static get style(){return":host{--_card-title-position:var(--card-title-position, var(--mod-card-title-position, static));--_card-title-top:var(--card-title-top, var(--mod-card-title-top));--_card-title-right:var(--card-title-right, var(--mod-card-title-right));--_card-title-bottom:var(--card-title-bottom, var(--mod-card-title-bottom));--_card-title-left:var(--card-title-left, var(--mod-card-title-left));position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left);--_card-title-m:var(--card-title-m, var(--mod-card-title-m, 0));--_card-title-my:var(--card-title-my, var(--mod-card-title-my));--_card-title-mx:var(--card-title-mx, var(--mod-card-title-mx));--_card-title-ml:var(--card-title-ml, var(--mod-card-title-ml));--_card-title-mr:var(--card-title-mr, var(--mod-card-title-mr));--_card-title-mt:var(--card-title-mt, var(--mod-card-title-mt));--_card-title-mb:var(--card-title-mb, var(--mod-card-title-mb));margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);display:-ms-flexbox;display:flex;margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left)}:host{grid-area:title;text-align:inherit}"}},[257,"ds-card-title",{inverted:[4],level:[1],visualLevel:[1,"visual-level"]}]);l([d("card-title"),m("design:type",Function),m("design:paramtypes",[Function]),m("design:returntype",void 0)],g.prototype,"createLogger",null),l([n("boolean"),m("design:type",Boolean)],g.prototype,"inverted",void 0),l([v(),p(o),m("design:type",String)],g.prototype,"level",void 0),l([p(c),m("design:type",String)],g.prototype,"visualLevel",void 0);const _=g,b=function(){"undefined"!=typeof customElements&&["ds-card-title","ds-heading"].forEach((t=>{switch(t){case"ds-card-title":customElements.get(i(t))||customElements.define(i(t),g);break;case"ds-heading":customElements.get(i(t))||s()}}))};export{_ as DsCardTitle,b as defineCustomElement}
4
+ import{p as t,H as r,h as a,e,t as i}from"./p-WO0X5Vmy.js";import{_ as l,L as d,a as m}from"./p-J0mxIuTt.js";import{a as o,b as c}from"./p-Ceu7FIWM.js";import{d as s}from"./p--EKmxaBS.js";import{T as n}from"./p-DAYd9ty0.js";import{R as v}from"./p-DYlqkAWn.js";import{O as p}from"./p-BhbWmCTu.js";const g=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inverted=!1,this.level="h3",this.visualLevel=""}createLogger(t){this.log=t}render(){return a(e,{key:"72e817c803b8ab4a17b7900a88497bf5cc34ee77"},a("ds-heading",{key:"aa65474978e8ebe8ec69d7394ecf98d88c950b86",level:this.level,visualLevel:this.visualLevel,space:"none",inverted:this.inverted},a("slot",{key:"028afa9859201893ec5fe95303ebd13c6c942176"})))}get el(){return this}static get style(){return":host{--_card-title-position:var(--card-title-position, var(--mod-card-title-position, static));--_card-title-top:var(--card-title-top, var(--mod-card-title-top));--_card-title-right:var(--card-title-right, var(--mod-card-title-right));--_card-title-bottom:var(--card-title-bottom, var(--mod-card-title-bottom));--_card-title-left:var(--card-title-left, var(--mod-card-title-left));position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left);--_card-title-m:var(--card-title-m, var(--mod-card-title-m, 0));--_card-title-my:var(--card-title-my, var(--mod-card-title-my));--_card-title-mx:var(--card-title-mx, var(--mod-card-title-mx));--_card-title-ml:var(--card-title-ml, var(--mod-card-title-ml));--_card-title-mr:var(--card-title-mr, var(--mod-card-title-mr));--_card-title-mt:var(--card-title-mt, var(--mod-card-title-mt));--_card-title-mb:var(--card-title-mb, var(--mod-card-title-mb));margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);display:-ms-flexbox;display:flex;margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left)}:host{grid-area:title;text-align:inherit}"}},[257,"ds-card-title",{inverted:[4],level:[1],visualLevel:[1,"visual-level"]}]);l([d("card-title"),m("design:type",Function),m("design:paramtypes",[Function]),m("design:returntype",void 0)],g.prototype,"createLogger",null),l([n("boolean"),m("design:type",Boolean)],g.prototype,"inverted",void 0),l([v(),p(o),m("design:type",String)],g.prototype,"level",void 0),l([p(c),m("design:type",String)],g.prototype,"visualLevel",void 0);const _=g,b=function(){"undefined"!=typeof customElements&&["ds-card-title","ds-heading"].forEach((t=>{switch(t){case"ds-card-title":customElements.get(i(t))||customElements.define(i(t),g);break;case"ds-heading":customElements.get(i(t))||s()}}))};export{_ as DsCardTitle,b as defineCustomElement}
package/components/ds-card.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{p as r,H as a,h as d,e,t}from"./p-WO0X5Vmy.js";import{_ as o,L as c,a as s}from"./p-J0mxIuTt.js";import{h as i}from"./p-BrIcCcce.js";import{n}from"./p-DR5LIaCn.js";import{C as l,a as g,b as m,c as h}from"./p-BlyIAln5.js";import{T as v}from"./p-DAYd9ty0.js";import{O as p}from"./p-BhbWmCTu.js";const b=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser="",this.square=!1,this.outlined=!1,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1,this.align="",this.color=""}createLogger(r){this.log=r}get colorTypeClass(){const r=i(this.color)?""+(this.inverted?"primary":this.color):"";return{blue:"primary","purple-1":"purple-lighter","purple-2":"purple-light","purple-3":"purple","red-1":"red-lighter","red-2":"red-light","red-3":"red","green-1":"green-lighter","green-2":"green-light","green-3":"green","yellow-1":"yellow-lighter","yellow-2":"yellow-light","yellow-3":"yellow"}[r]||r}render(){const r=!!this.outlined,a=i(this.imageTeaser),t=n(this.space)||"";return d(e,{key:"180887d5bdf129363bc1ea16a5bb61641ae05663",class:{"is-image-teaser":a,["is-image-teaser-"+this.imageTeaser]:a&&i(this.imageTeaser),"is-square":this.square,"is-dense":this.dense,["is-"+this.colorTypeClass]:i(this.color)&&"white"!==this.colorTypeClass,["has-space-"+t]:i(this.space),"is-outlined":r,"is-flat":r||!!this.flat,"is-tile":!!this.tile}},d("slot",{key:"f305737612e2932b295df5479a5853ba570f7279",name:"picture"}),d("article",{key:"51dc3fcb6756fe89fdf63f10cbc4ca4352d877d0",id:"card",class:{"is-fullheight":this.fullheight,["align-"+this.align]:i(this.align)}},d("slot",{key:"d2f923b925198c0b3dcc12f9051e3e4c99c6e56a"})))}get el(){return this}static get style(){return':host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-base-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-base-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-base-border, transparent)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius-base)));--_card-border-width:var(--card-border-width, var(--mod-card-border-width, 0rem));--_card-border-style:var(--card-border-style, var(--mod-card-border-style, solid));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-space-base-device)));--_card-padding-left:var(--card-padding-left, var(--mod-card-padding-left, var(--ds-card-space-base-device)));--_card-padding-right:var(--card-padding-right, var(--mod-card-padding-right, var(--ds-card-space-base-device)));--_card-padding-top:var(--card-padding-top, var(--mod-card-padding-top, var(--ds-card-space-base-device)));--_card-padding-bottom:var(--card-padding-bottom, var(--mod-card-padding-bottom, var(--ds-card-space-base-device)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, \'title .\' \'subtitle subtitle\') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border-color:var(--_card-color-border);border-width:var(--_card-border-width);border-style:var(--_card-border-style);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:calc(var(--_card-padding-left) - var(--_card-border-width));padding-right:calc(var(--_card-padding-right) - var(--_card-border-width));padding-top:calc(var(--_card-padding-top) - var(--_card-border-width));padding-bottom:calc(var(--_card-padding-bottom) - var(--_card-border-width));text-decoration:none}#card .card-header{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .card-header ds-icon,#card .card-header ::slotted(ds-icon){grid-area:icon}#card .card-header>.tag,#card .card-header>.tags,#card .card-header>ds-tag,#card .card-header>ds-tag-group,#card .card-header ::slotted(ds-tag),#card .card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .card-header .title,#card .card-header ds-card-title{grid-area:title}#card .card-header>p,#card .card-header .subtitle,#card .card-header ds-card-subtitle{grid-area:subtitle}#card .card-header .title,#card .card-header .subtitle,#card .card-header .heading{margin:0}#card .card-content{font-family:var(--ds-text-family-body);font-weight:var(--ds-text-weight-regular)}#card .card-content strong,#card .card-content b{font-weight:var(--ds-text-weight-bold)}#card .card-content h1,#card .card-content h2,#card .card-content h3,#card .card-content h4,#card .card-content h5,#card .card-content h6,#card .card-content ds-heading{font-family:var(--ds-heading-family);font-weight:var(--ds-heading-weight)}#card .card-content h1,#card .card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}#card .card-content h2,#card .card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}#card .card-content h3,#card .card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}#card .card-content h4,#card .card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}#card .card-content h5,#card .card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}#card .card-content ds-heading:not(:last-child),#card .card-content h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}#card .card-content h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}#card .card-content ds-text:not(:last-child),#card .card-content p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}#card .card-content p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}#card .card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){#card .card-actions ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}#card .card-actions ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card .card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .card-actions.as-row{--mod-buttons-direction:row}#card .card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .card-actions.as-col ::slotted(.button),#card .card-actions.as-col .button,#card .card-actions.as-col ::slotted(ds-button),#card .card-actions.as-col ds-button,#card .card-actions.as-col-reverse ::slotted(.button),#card .card-actions.as-col-reverse .button,#card .card-actions.as-col-reverse ::slotted(ds-button),#card .card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .card-actions.as-col.is-center,#card .card-actions.as-col.is-centered,#card .card-actions.as-col-reverse.is-center,#card .card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .card-actions.as-col.is-left,#card .card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .card-actions.as-col.is-right,#card .card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .card-actions.as-row.is-center,#card .card-actions.as-row.is-centered,#card .card-actions.is-center:not(.as-col),#card .card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .card-actions.as-row.is-left,#card .card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .card-actions.as-row.is-right,#card .card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .card-actions.is-wide ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions.is-wide .button:not(.is-square,.is-circle),#card .card-actions.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-square){--mod-card-radius:var(--ds-card-radius-square)}:host(.is-flat){--mod-card-radius:var(--ds-card-radius-flat);--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-padding-left:0;--mod-card-padding-right:0;--mod-card-padding-top:0;--mod-card-padding-bottom:0}:host(.is-outlined){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-border-width:var(--ds-card-outline-width);--mod-card-border-style:dashed;--mod-card-color-border:var(--ds-card-color-base-outline, transparent)}:host(.is-white){--mod-card-color-background:var(--ds-card-color-white-background);--mod-card-color-text:var(--ds-card-color-white-text);--mod-card-color-border:var(--ds-card-color-white-border, transparent)}:host(.is-white.is-outlined){--mod-card-color-border:var(--ds-card-color-white-outline, transparent)}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, transparent)}:host(.is-primary.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-outline, transparent)}:host(.is-primary-light){--mod-card-color-background:var(--ds-card-color-primary-light-background);--mod-card-color-text:var(--ds-card-color-primary-light-text);--mod-card-color-border:var(--ds-card-color-primary-light-border, transparent)}:host(.is-primary-light.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-light-outline, transparent)}:host(.is-info){--mod-card-color-background:var(--ds-card-color-info-background);--mod-card-color-text:var(--ds-card-color-info-text);--mod-card-color-border:var(--ds-card-color-info-border, transparent)}:host(.is-info.is-outlined){--mod-card-color-border:var(--ds-card-color-info-outline, transparent)}:host(.is-success){--mod-card-color-background:var(--ds-card-color-success-background);--mod-card-color-text:var(--ds-card-color-success-text);--mod-card-color-border:var(--ds-card-color-success-border, transparent)}:host(.is-success.is-outlined){--mod-card-color-border:var(--ds-card-color-success-outline, transparent)}:host(.is-warning){--mod-card-color-background:var(--ds-card-color-warning-background);--mod-card-color-text:var(--ds-card-color-warning-text);--mod-card-color-border:var(--ds-card-color-warning-border, transparent)}:host(.is-warning.is-outlined){--mod-card-color-border:var(--ds-card-color-warning-outline, transparent)}:host(.is-danger){--mod-card-color-background:var(--ds-card-color-danger-background);--mod-card-color-text:var(--ds-card-color-danger-text);--mod-card-color-border:var(--ds-card-color-danger-border, transparent)}:host(.is-danger.is-outlined){--mod-card-color-border:var(--ds-card-color-danger-outline, transparent)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, transparent)}:host(.is-grey.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-outline, transparent)}:host(.is-grey-light){--mod-card-color-background:var(--ds-card-color-grey-light-background);--mod-card-color-text:var(--ds-card-color-grey-light-text);--mod-card-color-border:var(--ds-card-color-grey-light-border, transparent)}:host(.is-grey-light.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-light-outline, transparent)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, transparent)}:host(.is-red.is-outlined){--mod-card-color-border:var(--ds-card-color-red-outline, transparent)}:host(.is-red-light){--mod-card-color-background:var(--ds-card-color-red-light-background);--mod-card-color-text:var(--ds-card-color-red-light-text);--mod-card-color-border:var(--ds-card-color-red-light-border, transparent)}:host(.is-red-light.is-outlined){--mod-card-color-border:var(--ds-card-color-red-light-outline, transparent)}:host(.is-red-lighter){--mod-card-color-background:var(--ds-card-color-red-lighter-background);--mod-card-color-text:var(--ds-card-color-red-lighter-text);--mod-card-color-border:var(--ds-card-color-red-lighter-border, transparent)}:host(.is-red-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-red-lighter-outline, transparent)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, transparent)}:host(.is-green.is-outlined){--mod-card-color-border:var(--ds-card-color-green-outline, transparent)}:host(.is-green-light){--mod-card-color-background:var(--ds-card-color-green-light-background);--mod-card-color-text:var(--ds-card-color-green-light-text);--mod-card-color-border:var(--ds-card-color-green-light-border, transparent)}:host(.is-green-light.is-outlined){--mod-card-color-border:var(--ds-card-color-green-light-outline, transparent)}:host(.is-green-lighter){--mod-card-color-background:var(--ds-card-color-green-lighter-background);--mod-card-color-text:var(--ds-card-color-green-lighter-text);--mod-card-color-border:var(--ds-card-color-green-lighter-border, transparent)}:host(.is-green-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-green-lighter-outline, transparent)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, transparent)}:host(.is-purple.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-outline, transparent)}:host(.is-purple-light){--mod-card-color-background:var(--ds-card-color-purple-light-background);--mod-card-color-text:var(--ds-card-color-purple-light-text);--mod-card-color-border:var(--ds-card-color-purple-light-border, transparent)}:host(.is-purple-light.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-light-outline, transparent)}:host(.is-purple-lighter){--mod-card-color-background:var(--ds-card-color-purple-lighter-background);--mod-card-color-text:var(--ds-card-color-purple-lighter-text);--mod-card-color-border:var(--ds-card-color-purple-lighter-border, transparent)}:host(.is-purple-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-lighter-outline, transparent)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, transparent)}:host(.is-yellow.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-outline, transparent)}:host(.is-yellow-light){--mod-card-color-background:var(--ds-card-color-yellow-light-background);--mod-card-color-text:var(--ds-card-color-yellow-light-text);--mod-card-color-border:var(--ds-card-color-yellow-light-border, transparent)}:host(.is-yellow-light.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-light-outline, transparent)}:host(.is-yellow-lighter){--mod-card-color-background:var(--ds-card-color-yellow-lighter-background);--mod-card-color-text:var(--ds-card-color-yellow-lighter-text);--mod-card-color-border:var(--ds-card-color-yellow-lighter-border, transparent)}:host(.is-yellow-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-lighter-outline, transparent)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-space-sm-device)}:host(.has-space-sm:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-sm-device);--mod-card-padding-right:var(--ds-card-space-sm-device);--mod-card-padding-top:var(--ds-card-space-sm-device);--mod-card-padding-bottom:var(--ds-card-space-sm-device)}:host(.has-space-md){--mod-card-gap:var(--ds-card-space-md-device)}:host(.has-space-md:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-md-device);--mod-card-padding-right:var(--ds-card-space-md-device);--mod-card-padding-top:var(--ds-card-space-md-device);--mod-card-padding-bottom:var(--ds-card-space-md-device)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-space-lg-device)}:host(.has-space-lg:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-lg-device);--mod-card-padding-right:var(--ds-card-space-lg-device);--mod-card-padding-top:var(--ds-card-space-lg-device);--mod-card-padding-bottom:var(--ds-card-space-lg-device)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:\'icon title .\' \'icon subtitle subtitle\'}@media screen and (min-width: 769px){:host(.is-tile){--mod-card-padding-left:calc( var(--ds-card-space-base-device) + var(--ds-icon-tile-size-lg-device) + calc(var(--_card-gap) / 2) );--mod-card-header-margin-left:calc(calc(var(--ds-icon-tile-size-lg-device) * -1) - calc(var(--_card-gap) / 2))}}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.image-link,button.image-link{cursor:pointer}a.image-link picture,button.image-link picture{display:block;overflow:hidden}a.image-link img,button.image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.image-link img:hover,a.image-link img.is-hovered,button.image-link img:hover,button.image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.image-link img:active,a.image-link img.is-pressed,button.image-link img:active,button.image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}'}},[257,"ds-card",{flat:[4],tile:[4],dense:[4],imageTeaser:[1,"image-teaser"],square:[4],outlined:[4],inverted:[4],clickable:[4],selected:[4],fullheight:[4],align:[1],space:[1],color:[1]}]);o([c("card"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],b.prototype,"createLogger",null),o([v("boolean"),s("design:type",Boolean)],b.prototype,"flat",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"tile",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"dense",void 0),o([p(l),s("design:type",String)],b.prototype,"imageTeaser",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"square",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"outlined",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"inverted",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"clickable",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"selected",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"fullheight",void 0),o([p(g),s("design:type",String)],b.prototype,"align",void 0),o([p(m),s("design:type",String)],b.prototype,"space",void 0),o([p(h),s("design:type",String)],b.prototype,"color",void 0);const u=b,f=function(){"undefined"!=typeof customElements&&["ds-card"].forEach((r=>{"ds-card"===r&&(customElements.get(t(r))||customElements.define(t(r),b))}))};export{u as DsCard,f as defineCustomElement}
4
+ import{p as r,H as a,h as d,e,t}from"./p-WO0X5Vmy.js";import{_ as o,L as c,a as s}from"./p-J0mxIuTt.js";import{h as i}from"./p-BrIcCcce.js";import{n}from"./p-DR5LIaCn.js";import{C as l,a as g,b as m,c as h}from"./p-BlyIAln5.js";import{T as v}from"./p-DAYd9ty0.js";import{O as p}from"./p-BhbWmCTu.js";const b=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.flat=!1,this.tile=!1,this.dense=!1,this.imageTeaser=void 0,this.square=!1,this.outlined=!1,this.inverted=!1,this.clickable=!1,this.selected=!1,this.fullheight=!1,this.align="",this.color=""}createLogger(r){this.log=r}get colorTypeClass(){const r=i(this.color)?""+(this.inverted?"primary":this.color):"";return{blue:"primary","purple-1":"purple-lighter","purple-2":"purple-light","purple-3":"purple","red-1":"red-lighter","red-2":"red-light","red-3":"red","green-1":"green-lighter","green-2":"green-light","green-3":"green","yellow-1":"yellow-lighter","yellow-2":"yellow-light","yellow-3":"yellow"}[r]||r}render(){const r=!!this.outlined,a=null!=this.imageTeaser,t=n(this.space)||"";return d(e,{key:"4c37e36a8df83443c4bd12831f8241ffcec3fc09",class:{"is-image-teaser":a,["is-image-teaser-"+this.imageTeaser]:a,"is-square":this.square,"is-dense":this.dense,["is-"+this.colorTypeClass]:i(this.color)&&"white"!==this.colorTypeClass,["has-space-"+t]:i(this.space),"is-outlined":r,"is-fullheight":this.fullheight,"is-flat":r||!!this.flat,"is-tile":!!this.tile}},d("slot",{key:"3f89b89db48e4305ad185a6b1c3a0ecf452dacf1",name:"picture"}),d("article",{key:"76f6ac56c80aeb3384cd47ed41a40df444c5bafe",id:"card",class:{"is-fullheight":this.fullheight,["align-"+this.align]:i(this.align)}},d("slot",{key:"733ac28cd73d84908b5836ce4db6f8f1089d00b0"})))}get el(){return this}static get style(){return':host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-base-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-base-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-base-border, transparent)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius-base)));--_card-border-width:var(--card-border-width, var(--mod-card-border-width, 0rem));--_card-border-style:var(--card-border-style, var(--mod-card-border-style, solid));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-space-base-device)));--_card-padding-left:var(--card-padding-left, var(--mod-card-padding-left, var(--ds-card-space-base-device)));--_card-padding-right:var(--card-padding-right, var(--mod-card-padding-right, var(--ds-card-space-base-device)));--_card-padding-top:var(--card-padding-top, var(--mod-card-padding-top, var(--ds-card-space-base-device)));--_card-padding-bottom:var(--card-padding-bottom, var(--mod-card-padding-bottom, var(--ds-card-space-base-device)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, \'title .\' \'subtitle subtitle\') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border-color:var(--_card-color-border);border-width:var(--_card-border-width);border-style:var(--_card-border-style);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:calc(var(--_card-padding-left) - var(--_card-border-width));padding-right:calc(var(--_card-padding-right) - var(--_card-border-width));padding-top:calc(var(--_card-padding-top) - var(--_card-border-width));padding-bottom:calc(var(--_card-padding-bottom) - var(--_card-border-width));text-decoration:none}#card .card-header{--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem;--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .card-header ds-icon,#card .card-header ::slotted(ds-icon){grid-area:icon}#card .card-header>.tag,#card .card-header>.tags,#card .card-header>ds-tag,#card .card-header>ds-tag-group,#card .card-header ::slotted(ds-tag),#card .card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .card-header .title,#card .card-header ds-card-title{grid-area:title}#card .card-header>p,#card .card-header .subtitle,#card .card-header ds-card-subtitle{grid-area:subtitle}#card .card-header .title,#card .card-header .subtitle,#card .card-header .heading{margin:0}#card .card-content{font-family:var(--ds-alias-text-family-body);font-weight:var(--ds-alias-text-weight-regular)}#card .card-content strong,#card .card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .card-content h1,#card .card-content h2,#card .card-content h3,#card .card-content h4,#card .card-content h5,#card .card-content h6,#card .card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-heading-weight)}#card .card-content h1,#card .card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-1-size-device)}#card .card-content h2,#card .card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-2-size-device)}#card .card-content h3,#card .card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-3-size-device)}#card .card-content h4,#card .card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-4-size-device)}#card .card-content h5,#card .card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-5-size-device)}#card .card-content ds-heading:not(:last-child),#card .card-content h1:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h1:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h2:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h2:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h3:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h3:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h4:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-xs-device)}#card .card-content h4:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-xs-device)}#card .card-content h5:is(.title,.subtitle,.heading):not(:last-child){--heading-mb:var(--ds-alias-space-2xs-device)}#card .card-content h5:not(.title,.subtitle,.heading,:last-child){margin-bottom:var(--ds-alias-space-2xs-device)}#card .card-content ds-text:not(:last-child),#card .card-content p.text:not(:last-child){--text-mb:var(--ds-alias-space-base-device)}#card .card-content p:not(.text,:last-child){margin-bottom:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.text,#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-alias-space-base-device)}#card .card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.text,ds-text){margin-top:var(--ds-alias-space-base-device)}#card .card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){#card .card-actions ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}#card .card-actions ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card .card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .card-actions.as-row{--mod-buttons-direction:row}#card .card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .card-actions.as-col ::slotted(.button),#card .card-actions.as-col .button,#card .card-actions.as-col ::slotted(ds-button),#card .card-actions.as-col ds-button,#card .card-actions.as-col-reverse ::slotted(.button),#card .card-actions.as-col-reverse .button,#card .card-actions.as-col-reverse ::slotted(ds-button),#card .card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .card-actions.as-col.is-center,#card .card-actions.as-col.is-centered,#card .card-actions.as-col-reverse.is-center,#card .card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .card-actions.as-col.is-left,#card .card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .card-actions.as-col.is-right,#card .card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .card-actions.as-row.is-center,#card .card-actions.as-row.is-centered,#card .card-actions.is-center:not(.as-col),#card .card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .card-actions.as-row.is-left,#card .card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .card-actions.as-row.is-right,#card .card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .card-actions.is-wide ::slotted(.button:not(.is-square,.is-circle)),#card .card-actions.is-wide .button:not(.is-square,.is-circle),#card .card-actions.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),#card .card-actions.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-square){--mod-card-radius:var(--ds-card-radius-square)}:host(.is-flat){--mod-card-radius:var(--ds-card-radius-flat);--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-padding-left:0;--mod-card-padding-right:0;--mod-card-padding-top:0;--mod-card-padding-bottom:0}:host(.is-outlined){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-border-width:var(--ds-card-outline-width);--mod-card-border-style:dashed;--mod-card-color-border:var(--ds-card-color-base-outline, transparent)}:host(.is-white){--mod-card-color-background:var(--ds-card-color-white-background);--mod-card-color-text:var(--ds-card-color-white-text);--mod-card-color-border:var(--ds-card-color-white-border, transparent)}:host(.is-white.is-outlined){--mod-card-color-border:var(--ds-card-color-white-outline, transparent)}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, transparent)}:host(.is-primary.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-outline, transparent)}:host(.is-primary-light){--mod-card-color-background:var(--ds-card-color-primary-light-background);--mod-card-color-text:var(--ds-card-color-primary-light-text);--mod-card-color-border:var(--ds-card-color-primary-light-border, transparent)}:host(.is-primary-light.is-outlined){--mod-card-color-border:var(--ds-card-color-primary-light-outline, transparent)}:host(.is-info){--mod-card-color-background:var(--ds-card-color-info-background);--mod-card-color-text:var(--ds-card-color-info-text);--mod-card-color-border:var(--ds-card-color-info-border, transparent)}:host(.is-info.is-outlined){--mod-card-color-border:var(--ds-card-color-info-outline, transparent)}:host(.is-success){--mod-card-color-background:var(--ds-card-color-success-background);--mod-card-color-text:var(--ds-card-color-success-text);--mod-card-color-border:var(--ds-card-color-success-border, transparent)}:host(.is-success.is-outlined){--mod-card-color-border:var(--ds-card-color-success-outline, transparent)}:host(.is-warning){--mod-card-color-background:var(--ds-card-color-warning-background);--mod-card-color-text:var(--ds-card-color-warning-text);--mod-card-color-border:var(--ds-card-color-warning-border, transparent)}:host(.is-warning.is-outlined){--mod-card-color-border:var(--ds-card-color-warning-outline, transparent)}:host(.is-danger){--mod-card-color-background:var(--ds-card-color-danger-background);--mod-card-color-text:var(--ds-card-color-danger-text);--mod-card-color-border:var(--ds-card-color-danger-border, transparent)}:host(.is-danger.is-outlined){--mod-card-color-border:var(--ds-card-color-danger-outline, transparent)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, transparent)}:host(.is-grey.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-outline, transparent)}:host(.is-grey-light){--mod-card-color-background:var(--ds-card-color-grey-light-background);--mod-card-color-text:var(--ds-card-color-grey-light-text);--mod-card-color-border:var(--ds-card-color-grey-light-border, transparent)}:host(.is-grey-light.is-outlined){--mod-card-color-border:var(--ds-card-color-grey-light-outline, transparent)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, transparent)}:host(.is-red.is-outlined){--mod-card-color-border:var(--ds-card-color-red-outline, transparent)}:host(.is-red-light){--mod-card-color-background:var(--ds-card-color-red-light-background);--mod-card-color-text:var(--ds-card-color-red-light-text);--mod-card-color-border:var(--ds-card-color-red-light-border, transparent)}:host(.is-red-light.is-outlined){--mod-card-color-border:var(--ds-card-color-red-light-outline, transparent)}:host(.is-red-lighter){--mod-card-color-background:var(--ds-card-color-red-lighter-background);--mod-card-color-text:var(--ds-card-color-red-lighter-text);--mod-card-color-border:var(--ds-card-color-red-lighter-border, transparent)}:host(.is-red-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-red-lighter-outline, transparent)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, transparent)}:host(.is-green.is-outlined){--mod-card-color-border:var(--ds-card-color-green-outline, transparent)}:host(.is-green-light){--mod-card-color-background:var(--ds-card-color-green-light-background);--mod-card-color-text:var(--ds-card-color-green-light-text);--mod-card-color-border:var(--ds-card-color-green-light-border, transparent)}:host(.is-green-light.is-outlined){--mod-card-color-border:var(--ds-card-color-green-light-outline, transparent)}:host(.is-green-lighter){--mod-card-color-background:var(--ds-card-color-green-lighter-background);--mod-card-color-text:var(--ds-card-color-green-lighter-text);--mod-card-color-border:var(--ds-card-color-green-lighter-border, transparent)}:host(.is-green-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-green-lighter-outline, transparent)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, transparent)}:host(.is-purple.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-outline, transparent)}:host(.is-purple-light){--mod-card-color-background:var(--ds-card-color-purple-light-background);--mod-card-color-text:var(--ds-card-color-purple-light-text);--mod-card-color-border:var(--ds-card-color-purple-light-border, transparent)}:host(.is-purple-light.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-light-outline, transparent)}:host(.is-purple-lighter){--mod-card-color-background:var(--ds-card-color-purple-lighter-background);--mod-card-color-text:var(--ds-card-color-purple-lighter-text);--mod-card-color-border:var(--ds-card-color-purple-lighter-border, transparent)}:host(.is-purple-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-purple-lighter-outline, transparent)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, transparent)}:host(.is-yellow.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-outline, transparent)}:host(.is-yellow-light){--mod-card-color-background:var(--ds-card-color-yellow-light-background);--mod-card-color-text:var(--ds-card-color-yellow-light-text);--mod-card-color-border:var(--ds-card-color-yellow-light-border, transparent)}:host(.is-yellow-light.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-light-outline, transparent)}:host(.is-yellow-lighter){--mod-card-color-background:var(--ds-card-color-yellow-lighter-background);--mod-card-color-text:var(--ds-card-color-yellow-lighter-text);--mod-card-color-border:var(--ds-card-color-yellow-lighter-border, transparent)}:host(.is-yellow-lighter.is-outlined){--mod-card-color-border:var(--ds-card-color-yellow-lighter-outline, transparent)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-space-sm-device)}:host(.has-space-sm:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-sm-device);--mod-card-padding-right:var(--ds-card-space-sm-device);--mod-card-padding-top:var(--ds-card-space-sm-device);--mod-card-padding-bottom:var(--ds-card-space-sm-device)}:host(.has-space-md){--mod-card-gap:var(--ds-card-space-md-device)}:host(.has-space-md:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-md-device);--mod-card-padding-right:var(--ds-card-space-md-device);--mod-card-padding-top:var(--ds-card-space-md-device);--mod-card-padding-bottom:var(--ds-card-space-md-device)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-space-lg-device)}:host(.has-space-lg:not(.is-dense)){--mod-card-padding-left:var(--ds-card-space-lg-device);--mod-card-padding-right:var(--ds-card-space-lg-device);--mod-card-padding-top:var(--ds-card-space-lg-device);--mod-card-padding-bottom:var(--ds-card-space-lg-device)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:\'icon title .\' \'icon subtitle subtitle\'}@media screen and (min-width: 769px){:host(.is-tile){--mod-card-padding-left:calc( var(--ds-card-space-base-device) + var(--ds-icon-tile-size-lg-device) + calc(var(--_card-gap) / 2) );--mod-card-header-margin-left:calc(calc(var(--ds-icon-tile-size-lg-device) * -1) - calc(var(--_card-gap) / 2))}}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.image-link,button.image-link{cursor:pointer}a.image-link picture,button.image-link picture{display:block;overflow:hidden}a.image-link img,button.image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.image-link img:hover,a.image-link img.is-hovered,button.image-link img:hover,button.image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.image-link img:active,a.image-link img.is-pressed,button.image-link img:active,button.image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}'}},[257,"ds-card",{flat:[4],tile:[4],dense:[4],imageTeaser:[1,"image-teaser"],square:[4],outlined:[4],inverted:[4],clickable:[4],selected:[4],fullheight:[4],align:[1],space:[1],color:[1]}]);o([c("card"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],b.prototype,"createLogger",null),o([v("boolean"),s("design:type",Boolean)],b.prototype,"flat",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"tile",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"dense",void 0),o([p(l),s("design:type",String)],b.prototype,"imageTeaser",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"square",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"outlined",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"inverted",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"clickable",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"selected",void 0),o([v("boolean"),s("design:type",Boolean)],b.prototype,"fullheight",void 0),o([p(g),s("design:type",String)],b.prototype,"align",void 0),o([p(m),s("design:type",String)],b.prototype,"space",void 0),o([p(h),s("design:type",String)],b.prototype,"color",void 0);const u=b,f=function(){"undefined"!=typeof customElements&&["ds-card"].forEach((r=>{"ds-card"===r&&(customElements.get(t(r))||customElements.define(t(r),b))}))};export{u as DsCard,f as defineCustomElement}
package/components/ds-carousel.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{p as t,H as e,f as s,h as o,e as i,t as r}from"./p-WO0X5Vmy.js";import{_ as l,L as a,a as c}from"./p-J0mxIuTt.js";import{s as n}from"./p-BwfAXfmz.js";import{r as h}from"./p-BgzU1loG.js";import{C as d,a as u}from"./p-B-en4B17.js";import{d as b}from"./p-Du7QOHtz.js";import{d as m}from"./p-BU0dY8pq.js";import{d as g}from"./p-CvaNxQtw.js";import{O as v}from"./p-BhbWmCTu.js";import{T as f}from"./p-DAYd9ty0.js";import{L as p}from"./p-DIK6Zkg6.js";const y={de:{scrollLeft:"Vorheriges Element",scrollRight:"Nächstes Element",goToSlide:"Zu Folie",slideOf:"von"},en:{scrollLeft:"Previous item",scrollRight:"Next item",goToSlide:"Go to slide",slideOf:"of"},fr:{scrollLeft:"Élément précédent",scrollRight:"Élément suivant",goToSlide:"Aller à la diapositive",slideOf:"sur"},it:{scrollLeft:"Elemento precedente",scrollRight:"Elemento successivo",goToSlide:"Vai alla diapositiva",slideOf:"di"},nl:{scrollLeft:"Vorig item",scrollRight:"Volgend item",goToSlide:"Ga naar dia",slideOf:"van"},es:{scrollLeft:"Elemento anterior",scrollRight:"Elemento siguiente",goToSlide:"Ir a la diapositiva",slideOf:"de"},pl:{scrollLeft:"Poprzedni element",scrollRight:"Następny element",goToSlide:"Przejdź do slajdu",slideOf:"z"},pt:{scrollLeft:"Item anterior",scrollRight:"Próximo item",goToSlide:"Ir para o slide",slideOf:"de"},sv:{scrollLeft:"Föregående objekt",scrollRight:"Nästa objekt",goToSlide:"Gå till bild",slideOf:"av"},fi:{scrollLeft:"Edellinen kohde",scrollRight:"Seuraava kohde",goToSlide:"Siirry diaan",slideOf:"kohteesta"}},k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=s(this,"dsChange"),this.language=g.language,this.region=g.region,this.activeIndex=0,this.itemCount=0,this.canScrollLeft=!1,this.canScrollRight=!1,this.dragging=!1,this.controls="dots",this.variant="slide",this.itemsPerView="auto",this.label="",this.steps=1,this.intersectionInitialized=!1,this.momentumAnimId=0,this.dragStartX=0,this.dragStartScrollLeft=0,this.velocityHistory=[],this.handleKeyDown=t=>{var e,s,o,i;const r=this.getItems(),l=r.findIndex((t=>t.name===this.value)),a="ArrowRight"===t.key,c="ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateItem(null===(e=r[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateItem(null===(s=r[r.length-1])||void 0===s?void 0:s.name)):a?(t.preventDefault(),this.activateItem(null===(o=r[(l+1)%r.length])||void 0===o?void 0:o.name)):c&&(t.preventDefault(),this.activateItem(null===(i=r[(l-1+r.length)%r.length])||void 0===i?void 0:i.name))},this.handleSlotChange=()=>{this.setup(),this.initIntersection()},this.scrollPrev=()=>{const t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:-t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.max(s-this.steps,0)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.scrollNext=()=>{const t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.min(s+this.steps,e.length-1)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.checkOverflow=()=>{const t=this.trackEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.handlePointerDown=t=>{const e=this.trackEl;e&&(cancelAnimationFrame(this.momentumAnimId),this.dragging=!0,this.dragStartX=t.clientX,this.dragStartScrollLeft=e.scrollLeft,this.velocityHistory=[],e.style.scrollBehavior="auto")},this.handlePointerMove=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;e.hasPointerCapture(t.pointerId)||e.setPointerCapture(t.pointerId),e.scrollLeft=this.dragStartScrollLeft-(t.clientX-this.dragStartX),this.velocityHistory.push({x:t.clientX,t:performance.now()}),this.velocityHistory.length>5&&this.velocityHistory.shift()},this.handlePointerUp=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;this.dragging=!1,e.style.scrollBehavior="",e.releasePointerCapture(t.pointerId);const s=this.calcVelocity();if("slide"===this.variant){const t=e.clientWidth,o=this.dragStartScrollLeft-e.scrollLeft;s>.3||o<-.25*t?this.scrollNext():s<-.3||o>.25*t?this.scrollPrev():e.scrollTo({left:this.dragStartScrollLeft,behavior:"smooth"})}else this.applyMomentum(s)},this.handlePaginationChange=t=>{n(t);const e=this.getItems()[t.detail-1];e&&this.activateItem(e.name)}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initScroll(),this.initIntersection()}componentDidUpdate(){this.updateChildren(),"tile"===this.variant&&this.checkOverflow()}disconnectedCallback(){var t,e,s;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scroll",this.checkOverflow),cancelAnimationFrame(this.momentumAnimId)}listenToDsCarouselItemSelect(t){n(t),this.activateItem(t.detail.name)}getFirstVisibleIndex(t,e){const s=e.getBoundingClientRect().left;for(let e=0;e<t.length;e++)if(t[e].getBoundingClientRect().left>=s-2)return e;return 0}getFadeWidthPx(){var t;const e=null===(t=this.trackEl)||void 0===t?void 0:t.parentElement;return e&&parseFloat(getComputedStyle(e,"::before").width)||0}calcVelocity(){const t=this.velocityHistory;if(t.length<2)return 0;const e=t[t.length-1].t-t[0].t;return e>0?(t[0].x-t[t.length-1].x)/e:0}applyMomentum(t){const e=this.trackEl;if(!e)return;let s=16*t;const o=()=>{Math.abs(s)<.5||(e.scrollLeft+=s,s*=.94,this.momentumAnimId=h(o))};this.momentumAnimId=h(o)}getItems(){return Array.from(this.el.querySelectorAll(":scope > ds-carousel-item"))}setup(){const t=this.getItems();this.itemCount=t.length,t.forEach(((t,e)=>{t.index=e+1,t.carouselVariant=this.variant,"auto"!==this.itemsPerView&&t.style.setProperty("--carousel-item-width",`calc(100% / ${this.itemsPerView})`)})),!this.value&&t.length&&(this.value=t[0].name),this.updateChildren()}updateChildren(){const t=this.getItems();t.forEach((t=>{t.carouselVariant=this.variant,t.selected=t.name===this.value})),this.activeIndex=t.findIndex((t=>t.name===this.value))}activateItem(t){t&&t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.scrollToActive())}scrollToActive(){const t=this.getItems().find((t=>t.name===this.value));t&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}initScroll(){const t=this.trackEl;t&&"tile"===this.variant&&(t.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(t),this.checkOverflow())}initIntersection(){var t;null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),this.intersectionInitialized=!1,"slide"===this.variant&&this.trackEl&&(this.intersectionObserver=new IntersectionObserver((t=>{if(!this.intersectionInitialized)return void(this.intersectionInitialized=!0);const e=t.find((t=>t.isIntersecting&&t.intersectionRatio>=.5));if(!e)return;const s=this.getItems(),o=s.findIndex((t=>t===e.target));-1!==o&&(this.activeIndex=o,this.value=s[o].name)}),{root:this.trackEl,threshold:.5}),this.getItems().forEach((t=>this.intersectionObserver.observe(t))))}render(){const t=y[this.language],e="slide"===this.variant,s="dots"===this.controls,r="large"===this.controls,l=o("button",{key:"1b5bb6d92e8745a2950a7b307e4cdb10b5e67329",class:"scroll-btn scroll-btn--prev","aria-label":t.scrollLeft,tabIndex:-1,onClick:this.scrollPrev},o("ds-icon",{key:"5fd82f4b5ebe7ec09d552727edbfa8a5ae539221",name:"caret-left",size:"sm"})),a=o("button",{key:"c6f4c94aac766ad33c766489044c9a9bd1b5726e",class:"scroll-btn scroll-btn--next","aria-label":t.scrollRight,tabIndex:-1,onClick:this.scrollNext},o("ds-icon",{key:"8cfb442e07919ec88a46992e323c61fede8e0bb5",name:"caret-right",size:"sm"})),c=o("div",{key:"0e7ddcde38d8a83793512bb0f577375753b657ba",class:{"carousel-track":!0,"is-dragging":this.dragging},part:"track",role:"region","aria-label":this.label||t.scrollLeft,tabIndex:0,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,ref:t=>{this.trackEl=t}},o("slot",{key:"7559f5c3a986a32703b7c7ac306ccc6c43b419f5",onSlotchange:this.handleSlotChange}));return o(i,{key:"c2e560061487baa158ae0ce8db00b331eaa16341",class:{"is-slide":e,"is-tile":!e,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},o("div",{key:"2f6db134dcf6a5fe7cb8859cf52dfad7db063662",class:"carousel-outer"},r&&(e?!(0===this.activeIndex)&&l:l),c,r&&(e?!(this.activeIndex===this.itemCount-1)&&a:a)),s&&o("ds-pagination",{key:"7020aad4265c4ae2463ca8174d18cfb578fde252",class:"pagination",variant:"dots",totalPages:this.itemCount,value:this.activeIndex+1,textPrevious:t.scrollLeft,textNext:t.scrollRight,onDsChange:this.handlePaginationChange}))}get el(){return this}static get style(){return':host{--_carousel-gap:var(--carousel-gap, var(--mod-carousel-gap, var(--ds-carousel-gap)));--_carousel-control-color:var(--carousel-control-color, var(--mod-carousel-control-color, var(--ds-carousel-control-color)));--_carousel-scroll-fade-bg:var(--carousel-scroll-fade-bg, var(--mod-carousel-scroll-fade-bg, var(--ds-carousel-scroll-fade-bg)));--_carousel-scroll-btn-bg-active:var(--carousel-scroll-btn-bg-active, var(--mod-carousel-scroll-btn-bg-active, var(--ds-carousel-scroll-btn-background-active, var(--ds-alias-background-color-primary))));--_carousel-scroll-btn-bg-active-hover:var(--carousel-scroll-btn-bg-active-hover, var(--mod-carousel-scroll-btn-bg-active-hover, var(--ds-carousel-scroll-btn-background-active-hover, var(--ds-alias-background-color-primary-hover))));--_carousel-scroll-btn-bg-active-pressed:var(--carousel-scroll-btn-bg-active-pressed, var(--mod-carousel-scroll-btn-bg-active-pressed, var(--ds-carousel-scroll-btn-background-active-pressed, var(--ds-alias-background-color-primary-active))));--_carousel-scroll-btn-color-active:var(--carousel-scroll-btn-color-active, var(--mod-carousel-scroll-btn-color-active, var(--ds-carousel-scroll-btn-color-active, var(--ds-alias-text-color-white))));display:block}:host .carousel-track{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}:host .carousel-track::-webkit-scrollbar{display:none}:host .carousel-track.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}:host .carousel-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.is-slide){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}:host(.is-slide) .carousel-track{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:0}:host(.is-slide) .pagination{-ms-flex-item-align:center;align-self:center}:host(.is-slide) .carousel-outer{position:relative;display:block}:host(.is-slide) .scroll-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:9999px;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--mod-icon-color:currentColor;--icon-color:var(--_carousel-scroll-btn-color-active);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-slide) .scroll-btn:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-slide) .scroll-btn:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}:host(.is-slide) .scroll-btn--prev{left:1rem}:host(.is-slide) .scroll-btn--next{right:1rem}:host(.is-tile){display:block}:host(.is-tile) .carousel-outer{position:relative}:host(.is-tile) .carousel-track{-ms-flex:1;flex:1;min-width:0;gap:var(--_carousel-gap);scroll-behavior:smooth}:host(.is-tile.has-overflow) .carousel-outer::before,:host(.is-tile.has-overflow) .carousel-outer::after{content:"";position:absolute;top:0;bottom:0;width:3rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.is-tile.has-overflow) .carousel-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.has-overflow) .carousel-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.can-scroll-left) .carousel-outer::before{opacity:1}:host(.is-tile.can-scroll-right) .carousel-outer::after{opacity:1}:host(.is-tile) .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;height:2.5rem;min-width:0;max-width:2.5rem;max-height:2.5rem;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:9999px;background:none;color:var(--_carousel-control-color);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.is-tile.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.35}:host(.is-tile.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.is-tile.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.is-tile.can-scroll-left) .scroll-btn--prev,:host(.is-tile.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--icon-color:var(--_carousel-scroll-btn-color-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile.can-scroll-left) .scroll-btn--prev:hover,:host(.is-tile.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-tile.can-scroll-left) .scroll-btn--prev:active,:host(.is-tile.can-scroll-right) .scroll-btn--next:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}'}},[257,"ds-carousel",{controls:[1],variant:[1],itemsPerView:[8,"items-per-view"],label:[1],steps:[2],value:[1537],language:[32],region:[32],activeIndex:[32],itemCount:[32],canScrollLeft:[32],canScrollRight:[32],dragging:[32],configChanged:[64]},[[0,"dsCarouselItemSelect","listenToDsCarouselItemSelect"]]]);l([a("carousel"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],k.prototype,"createLogger",null),l([v(d),c("design:type",String)],k.prototype,"controls",void 0),l([v(u),c("design:type",String)],k.prototype,"variant",void 0),l([f("string"),c("design:type",String)],k.prototype,"label",void 0),l([f("number"),c("design:type",Number)],k.prototype,"steps",void 0),l([f("string"),c("design:type",Object)],k.prototype,"value",void 0),l([p(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],k.prototype,"configChanged",null);const x=k,w=function(){"undefined"!=typeof customElements&&["ds-carousel","ds-icon","ds-pagination"].forEach((t=>{switch(t){case"ds-carousel":customElements.get(r(t))||customElements.define(r(t),k);break;case"ds-icon":customElements.get(r(t))||b();break;case"ds-pagination":customElements.get(r(t))||m()}}))};export{x as DsCarousel,w as defineCustomElement}
4
+ import{p as t,H as e,f as s,h as o,e as i,t as r}from"./p-WO0X5Vmy.js";import{_ as l,L as a,a as c}from"./p-J0mxIuTt.js";import{s as n}from"./p-BwfAXfmz.js";import{r as h}from"./p-BgzU1loG.js";import{C as d,a as u}from"./p-B-en4B17.js";import{d as b}from"./p-Du7QOHtz.js";import{d as m}from"./p-BwwAKEvn.js";import{d as g}from"./p-CvaNxQtw.js";import{O as v}from"./p-BhbWmCTu.js";import{T as f}from"./p-DAYd9ty0.js";import{L as p}from"./p-DIK6Zkg6.js";const y={de:{scrollLeft:"Vorheriges Element",scrollRight:"Nächstes Element",goToSlide:"Zu Folie",slideOf:"von"},en:{scrollLeft:"Previous item",scrollRight:"Next item",goToSlide:"Go to slide",slideOf:"of"},fr:{scrollLeft:"Élément précédent",scrollRight:"Élément suivant",goToSlide:"Aller à la diapositive",slideOf:"sur"},it:{scrollLeft:"Elemento precedente",scrollRight:"Elemento successivo",goToSlide:"Vai alla diapositiva",slideOf:"di"},nl:{scrollLeft:"Vorig item",scrollRight:"Volgend item",goToSlide:"Ga naar dia",slideOf:"van"},es:{scrollLeft:"Elemento anterior",scrollRight:"Elemento siguiente",goToSlide:"Ir a la diapositiva",slideOf:"de"},pl:{scrollLeft:"Poprzedni element",scrollRight:"Następny element",goToSlide:"Przejdź do slajdu",slideOf:"z"},pt:{scrollLeft:"Item anterior",scrollRight:"Próximo item",goToSlide:"Ir para o slide",slideOf:"de"},sv:{scrollLeft:"Föregående objekt",scrollRight:"Nästa objekt",goToSlide:"Gå till bild",slideOf:"av"},fi:{scrollLeft:"Edellinen kohde",scrollRight:"Seuraava kohde",goToSlide:"Siirry diaan",slideOf:"kohteesta"}},k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=s(this,"dsChange"),this.language=g.language,this.region=g.region,this.activeIndex=0,this.itemCount=0,this.canScrollLeft=!1,this.canScrollRight=!1,this.dragging=!1,this.controls="dots",this.variant="slide",this.itemsPerView="auto",this.label="",this.steps=1,this.intersectionInitialized=!1,this.momentumAnimId=0,this.dragStartX=0,this.dragStartScrollLeft=0,this.velocityHistory=[],this.handleKeyDown=t=>{var e,s,o,i;const r=this.getItems(),l=r.findIndex((t=>t.name===this.value)),a="ArrowRight"===t.key,c="ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateItem(null===(e=r[0])||void 0===e?void 0:e.name)):"End"===t.key?(t.preventDefault(),this.activateItem(null===(s=r[r.length-1])||void 0===s?void 0:s.name)):a?(t.preventDefault(),this.activateItem(null===(o=r[(l+1)%r.length])||void 0===o?void 0:o.name)):c&&(t.preventDefault(),this.activateItem(null===(i=r[(l-1+r.length)%r.length])||void 0===i?void 0:i.name))},this.handleSlotChange=()=>{this.setup(),this.initIntersection()},this.scrollPrev=()=>{const t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:-t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.max(s-this.steps,0)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.scrollNext=()=>{const t=this.trackEl;if(!t)return;if("slide"===this.variant)return void t.scrollBy({left:t.clientWidth*this.steps,behavior:"smooth"});const e=this.getItems(),s=this.getFirstVisibleIndex(e,t),o=e[Math.min(s+this.steps,e.length-1)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-t.getBoundingClientRect().left-i;t.scrollBy({left:r,behavior:"smooth"})},this.checkOverflow=()=>{const t=this.trackEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.handlePointerDown=t=>{const e=this.trackEl;e&&(cancelAnimationFrame(this.momentumAnimId),this.dragging=!0,this.dragStartX=t.clientX,this.dragStartScrollLeft=e.scrollLeft,this.velocityHistory=[],e.style.scrollBehavior="auto")},this.handlePointerMove=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;e.hasPointerCapture(t.pointerId)||e.setPointerCapture(t.pointerId),e.scrollLeft=this.dragStartScrollLeft-(t.clientX-this.dragStartX),this.velocityHistory.push({x:t.clientX,t:performance.now()}),this.velocityHistory.length>5&&this.velocityHistory.shift()},this.handlePointerUp=t=>{if(!this.dragging||!this.trackEl)return;const e=this.trackEl;this.dragging=!1,e.style.scrollBehavior="",e.releasePointerCapture(t.pointerId);const s=this.calcVelocity();if("slide"===this.variant){const t=e.clientWidth,o=this.dragStartScrollLeft-e.scrollLeft;s>.3||o<-.25*t?this.scrollNext():s<-.3||o>.25*t?this.scrollPrev():e.scrollTo({left:this.dragStartScrollLeft,behavior:"smooth"})}else this.applyMomentum(s)},this.handlePaginationChange=t=>{n(t);const e=this.getItems()[t.detail-1];e&&this.activateItem(e.name)}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initScroll(),this.initIntersection()}componentDidUpdate(){this.updateChildren(),"tile"===this.variant&&this.checkOverflow()}disconnectedCallback(){var t,e,s;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scroll",this.checkOverflow),cancelAnimationFrame(this.momentumAnimId)}listenToDsCarouselItemSelect(t){n(t),this.activateItem(t.detail.name)}getFirstVisibleIndex(t,e){const s=e.getBoundingClientRect().left;for(let e=0;e<t.length;e++)if(t[e].getBoundingClientRect().left>=s-2)return e;return 0}getFadeWidthPx(){var t;const e=null===(t=this.trackEl)||void 0===t?void 0:t.parentElement;return e&&parseFloat(getComputedStyle(e,"::before").width)||0}calcVelocity(){const t=this.velocityHistory;if(t.length<2)return 0;const e=t[t.length-1].t-t[0].t;return e>0?(t[0].x-t[t.length-1].x)/e:0}applyMomentum(t){const e=this.trackEl;if(!e)return;let s=16*t;const o=()=>{Math.abs(s)<.5||(e.scrollLeft+=s,s*=.94,this.momentumAnimId=h(o))};this.momentumAnimId=h(o)}getItems(){return Array.from(this.el.querySelectorAll(":scope > ds-carousel-item"))}setup(){const t=this.getItems();this.itemCount=t.length,t.forEach(((t,e)=>{t.index=e+1,t.carouselVariant=this.variant,"auto"!==this.itemsPerView&&t.style.setProperty("--carousel-item-width",`calc(100% / ${this.itemsPerView})`)})),!this.value&&t.length&&(this.value=t[0].name),this.updateChildren()}updateChildren(){const t=this.getItems();t.forEach((t=>{t.carouselVariant=this.variant,t.selected=t.name===this.value})),this.activeIndex=t.findIndex((t=>t.name===this.value))}activateItem(t){t&&t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.scrollToActive())}scrollToActive(){const t=this.getItems().find((t=>t.name===this.value));t&&t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})}initScroll(){const t=this.trackEl;t&&"tile"===this.variant&&(t.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(t),this.checkOverflow())}initIntersection(){var t;null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),this.intersectionInitialized=!1,"slide"===this.variant&&this.trackEl&&(this.intersectionObserver=new IntersectionObserver((t=>{if(!this.intersectionInitialized)return void(this.intersectionInitialized=!0);const e=t.find((t=>t.isIntersecting&&t.intersectionRatio>=.5));if(!e)return;const s=this.getItems(),o=s.findIndex((t=>t===e.target));-1!==o&&(this.activeIndex=o,this.value=s[o].name)}),{root:this.trackEl,threshold:.5}),this.getItems().forEach((t=>this.intersectionObserver.observe(t))))}render(){const t=y[this.language],e="slide"===this.variant,s="dots"===this.controls,r="large"===this.controls,l=o("button",{key:"1b5bb6d92e8745a2950a7b307e4cdb10b5e67329",class:"scroll-btn scroll-btn--prev","aria-label":t.scrollLeft,tabIndex:-1,onClick:this.scrollPrev},o("ds-icon",{key:"5fd82f4b5ebe7ec09d552727edbfa8a5ae539221",name:"caret-left",size:"sm"})),a=o("button",{key:"c6f4c94aac766ad33c766489044c9a9bd1b5726e",class:"scroll-btn scroll-btn--next","aria-label":t.scrollRight,tabIndex:-1,onClick:this.scrollNext},o("ds-icon",{key:"8cfb442e07919ec88a46992e323c61fede8e0bb5",name:"caret-right",size:"sm"})),c=o("div",{key:"0e7ddcde38d8a83793512bb0f577375753b657ba",class:{"carousel-track":!0,"is-dragging":this.dragging},part:"track",role:"region","aria-label":this.label||t.scrollLeft,tabIndex:0,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,ref:t=>{this.trackEl=t}},o("slot",{key:"7559f5c3a986a32703b7c7ac306ccc6c43b419f5",onSlotchange:this.handleSlotChange}));return o(i,{key:"c2e560061487baa158ae0ce8db00b331eaa16341",class:{"is-slide":e,"is-tile":!e,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},o("div",{key:"2f6db134dcf6a5fe7cb8859cf52dfad7db063662",class:"carousel-outer"},r&&(e?!(0===this.activeIndex)&&l:l),c,r&&(e?!(this.activeIndex===this.itemCount-1)&&a:a)),s&&o("ds-pagination",{key:"7020aad4265c4ae2463ca8174d18cfb578fde252",class:"pagination",variant:"dots",totalPages:this.itemCount,value:this.activeIndex+1,textPrevious:t.scrollLeft,textNext:t.scrollRight,onDsChange:this.handlePaginationChange}))}get el(){return this}static get style(){return':host{--_carousel-gap:var(--carousel-gap, var(--mod-carousel-gap, var(--ds-carousel-gap)));--_carousel-control-color:var(--carousel-control-color, var(--mod-carousel-control-color, var(--ds-carousel-control-color)));--_carousel-scroll-fade-bg:var(--carousel-scroll-fade-bg, var(--mod-carousel-scroll-fade-bg, var(--ds-carousel-scroll-fade-bg)));--_carousel-scroll-btn-bg-active:var(--carousel-scroll-btn-bg-active, var(--mod-carousel-scroll-btn-bg-active, var(--ds-carousel-scroll-btn-background-active, var(--ds-alias-background-color-primary))));--_carousel-scroll-btn-bg-active-hover:var(--carousel-scroll-btn-bg-active-hover, var(--mod-carousel-scroll-btn-bg-active-hover, var(--ds-carousel-scroll-btn-background-active-hover, var(--ds-alias-background-color-primary-hover))));--_carousel-scroll-btn-bg-active-pressed:var(--carousel-scroll-btn-bg-active-pressed, var(--mod-carousel-scroll-btn-bg-active-pressed, var(--ds-carousel-scroll-btn-background-active-pressed, var(--ds-alias-background-color-primary-active))));--_carousel-scroll-btn-color-active:var(--carousel-scroll-btn-color-active, var(--mod-carousel-scroll-btn-color-active, var(--ds-carousel-scroll-btn-color-active, var(--ds-alias-text-color-white))));display:block}:host .carousel-track{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}:host .carousel-track::-webkit-scrollbar{display:none}:host .carousel-track.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}:host .carousel-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.is-slide){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}:host(.is-slide) .carousel-track{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:0}:host(.is-slide) .pagination{-ms-flex-item-align:center;align-self:center}:host(.is-slide) .carousel-outer{position:relative;display:block}:host(.is-slide) .scroll-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:9999px;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--mod-icon-color:currentColor;--icon-color:var(--_carousel-scroll-btn-color-active);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-slide) .scroll-btn:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-slide) .scroll-btn:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}:host(.is-slide) .scroll-btn--prev{left:1rem}:host(.is-slide) .scroll-btn--next{right:1rem}:host(.is-tile){display:block}:host(.is-tile) .carousel-outer{position:relative}:host(.is-tile) .carousel-track{-ms-flex:1;flex:1;min-width:0;gap:var(--_carousel-gap);scroll-behavior:smooth}:host(.is-tile.has-overflow) .carousel-outer::before,:host(.is-tile.has-overflow) .carousel-outer::after{content:"";position:absolute;top:0;bottom:0;width:3rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.is-tile.has-overflow) .carousel-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.has-overflow) .carousel-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.can-scroll-left) .carousel-outer::before{opacity:1}:host(.is-tile.can-scroll-right) .carousel-outer::after{opacity:1}:host(.is-tile) .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;height:2.5rem;min-width:0;max-width:2.5rem;max-height:2.5rem;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:9999px;background:none;color:var(--_carousel-control-color);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.is-tile.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.35}:host(.is-tile.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.is-tile.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.is-tile.can-scroll-left) .scroll-btn--prev,:host(.is-tile.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--icon-color:var(--_carousel-scroll-btn-color-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile.can-scroll-left) .scroll-btn--prev:hover,:host(.is-tile.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-tile.can-scroll-left) .scroll-btn--prev:active,:host(.is-tile.can-scroll-right) .scroll-btn--next:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}'}},[257,"ds-carousel",{controls:[1],variant:[1],itemsPerView:[8,"items-per-view"],label:[1],steps:[2],value:[1537],language:[32],region:[32],activeIndex:[32],itemCount:[32],canScrollLeft:[32],canScrollRight:[32],dragging:[32],configChanged:[64]},[[0,"dsCarouselItemSelect","listenToDsCarouselItemSelect"]]]);l([a("carousel"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],k.prototype,"createLogger",null),l([v(d),c("design:type",String)],k.prototype,"controls",void 0),l([v(u),c("design:type",String)],k.prototype,"variant",void 0),l([f("string"),c("design:type",String)],k.prototype,"label",void 0),l([f("number"),c("design:type",Number)],k.prototype,"steps",void 0),l([f("string"),c("design:type",Object)],k.prototype,"value",void 0),l([p(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],k.prototype,"configChanged",null);const x=k,w=function(){"undefined"!=typeof customElements&&["ds-carousel","ds-icon","ds-pagination"].forEach((t=>{switch(t){case"ds-carousel":customElements.get(r(t))||customElements.define(r(t),k);break;case"ds-icon":customElements.get(r(t))||b();break;case"ds-pagination":customElements.get(r(t))||m()}}))};export{x as DsCarousel,w as defineCustomElement}
package/components/ds-checkbox-group.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{p as i,H as e,f as o,h as s,t}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as n}from"./p-J0mxIuTt.js";import{F as l}from"./p-FBQaJyH0.js";import{a as d}from"./p-DYTOWDAA.js";import{s as h}from"./p-BwfAXfmz.js";import{h as c}from"./p-BrIcCcce.js";import{i as m,n as p}from"./p-BgzU1loG.js";import{I as g}from"./p-DU7t9H9h.js";import{b as f,C as b,a as v}from"./p-LCAsAZzj.js";import{d as u}from"./p-Du7QOHtz.js";import{d as y}from"./p-CYWn3X22.js";import{d as w}from"./p-CvaNxQtw.js";import{O as x}from"./p-BhbWmCTu.js";import{T as k}from"./p-DAYd9ty0.js";import{L as z}from"./p-DIK6Zkg6.js";const _=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-cg-"+C++,this.language=w.language,this.region=w.region,this.internalValue=[],this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.control=!1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.tileColor="",this.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const i=i=>{for(let e=0;e<this.internalValue.length;e++){const o=this.internalValue[e];if(void 0!==o&&""+o==""+i.value)return!0}return!1};this.getCheckboxes().forEach((e=>{e.checked=i(e)}))}}}createLogger(i){this.log=i}valueChanged(){if(this.control){const i=this.formatValueToArray(this.value);d(i,this.internalValue)||(this.internalValue=i,this.handleValueChange())}}connectedCallback(){this.valueChanged(),this.passDownAttributes(),this.internals.setFormValue(this.internalValue.join(","))}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsBlur(i){const{target:e}=i;e&&m(this.el,e)&&p(e,"ds-checkbox")&&h(i)}listenToDsChange(i){this.control&&m(this.el,i.target)&&(h(i),this.updateValues())}listenToDsFocus(i){const{target:e}=i;e&&m(this.el,e)&&p(e,"ds-checkbox")&&h(i)}listenToReset(i){const e=i.target;(null==e?void 0:e.contains(this.el))&&(this.control&&(this.internalValue=[]),this.handleValueChange())}async configChanged(i){this.language=i.language,this.region=i.region}formatValueToArray(i){return Array.isArray(i)?i:null!=i&&""!==i?"string"==typeof i?i.split(",").map((i=>i.trim())):[i]:[]}getCheckboxes(){return Array.from(this.el.querySelectorAll("ds-checkbox"))}passDownAttributes(){this.getCheckboxes().forEach((i=>{this.control&&(c(this.disabled)&&(i.disabled=this.disabled),c(this.readonly)&&(i.readonly=this.readonly),c(this.invalid)&&(i.invalid=this.invalid)),i.name=this.name,i.labelPosition=this.labelPosition,i.tile=this.tile,i.tileColor=this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}updateValues(){const i=[];this.getCheckboxes().forEach((e=>{e.checked&&i.push(e.value)})),d(this.internalValue,i)||(this.internalValue=[...i],this.dsChange.emit(this.internalValue),this.internals.setFormValue(this.internalValue.join(",")))}render(){return s(l,{key:"ebd36e47675b46855d72d0c66f78e56fd7fea7e0",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile}},s("slot",{key:"7fa32f49d9e613e6eb946cf5b0b6eb1f7fecd1c8"}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_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)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-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 #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-form-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-form-label-color-disabled);--mod-checkbox-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-checkbox-group",{color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],control:[4],description:[1],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],loading:[516],name:[513],readonly:[516],required:[516],tile:[4],tileColor:[1,"tile-color"],value:[16],vertical:[4],language:[32],region:[32],internalValue:[32],configChanged:[64]},[[6,"dsBlur","listenToDsBlur"],[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}]}]);r([a("checkbox-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],_.prototype,"createLogger",null),r([x(g),n("design:type",String)],_.prototype,"color",void 0),r([x(f),n("design:type",Number)],_.prototype,"cols",void 0),r([x(f),n("design:type",Number)],_.prototype,"colsMobile",void 0),r([x(f),n("design:type",Number)],_.prototype,"colsTablet",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"control",void 0),r([k("string"),n("design:type",String)],_.prototype,"description",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"disabled",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"invalid",void 0),r([k("string"),n("design:type",String)],_.prototype,"invalidText",void 0),r([k("string"),n("design:type",String)],_.prototype,"label",void 0),r([x(b),n("design:type",String)],_.prototype,"labelPosition",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"loading",void 0),r([k("string"),n("design:type",String)],_.prototype,"name",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"readonly",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"required",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"tile",void 0),r([x(v),n("design:type",String)],_.prototype,"tileColor",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"vertical",void 0),r([z(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],_.prototype,"configChanged",null);let C=0;const T=_,j=function(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-checkbox-group":customElements.get(t(i))||customElements.define(t(i),_);break;case"ds-icon":customElements.get(t(i))||u();break;case"ds-spinner":customElements.get(t(i))||y()}}))};export{T as DsCheckboxGroup,j as defineCustomElement}
4
+ import{p as i,H as e,f as o,h as s,t}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as n}from"./p-J0mxIuTt.js";import{F as l}from"./p-FBQaJyH0.js";import{a as d}from"./p-DYTOWDAA.js";import{s as h}from"./p-BwfAXfmz.js";import{h as c}from"./p-BrIcCcce.js";import{i as m,n as p}from"./p-BgzU1loG.js";import{I as g}from"./p-DU7t9H9h.js";import{b as f,C as b,a as v}from"./p-LCAsAZzj.js";import{d as u}from"./p-Du7QOHtz.js";import{d as y}from"./p-qaSW94OG.js";import{d as w}from"./p-CvaNxQtw.js";import{O as x}from"./p-BhbWmCTu.js";import{T as k}from"./p-DAYd9ty0.js";import{L as z}from"./p-DIK6Zkg6.js";const _=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-cg-"+C++,this.language=w.language,this.region=w.region,this.internalValue=[],this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.control=!1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.hideTrigger=!1,this.tileColor="",this.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const i=i=>{for(let e=0;e<this.internalValue.length;e++){const o=this.internalValue[e];if(void 0!==o&&""+o==""+i.value)return!0}return!1};this.getCheckboxes().forEach((e=>{e.checked=i(e)}))}},this.handleSlotChange=()=>{this.passDownAttributes(),this.handleValueChange()}}createLogger(i){this.log=i}valueChanged(){if(this.control){const i=this.formatValueToArray(this.value);d(i,this.internalValue)||(this.internalValue=i,this.handleValueChange())}}connectedCallback(){this.valueChanged(),this.passDownAttributes(),this.internals.setFormValue(this.internalValue.join(","))}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsBlur(i){const{target:e}=i;e&&m(this.el,e)&&p(e,"ds-checkbox")&&h(i)}listenToDsChange(i){this.control&&m(this.el,i.target)&&(h(i),this.updateValues())}listenToDsFocus(i){const{target:e}=i;e&&m(this.el,e)&&p(e,"ds-checkbox")&&h(i)}listenToReset(i){const e=i.target;(null==e?void 0:e.contains(this.el))&&(this.control&&(this.internalValue=[]),this.handleValueChange())}async configChanged(i){this.language=i.language,this.region=i.region}formatValueToArray(i){return Array.isArray(i)?i:null!=i&&""!==i?"string"==typeof i?i.split(",").map((i=>i.trim())):[i]:[]}getCheckboxes(){return Array.from(this.el.querySelectorAll("ds-checkbox"))}passDownAttributes(){this.getCheckboxes().forEach((i=>{var e;this.control&&(c(this.disabled)&&(i.disabled=this.disabled),c(this.readonly)&&(i.readonly=this.readonly),c(this.invalid)&&(i.invalid=this.invalid)),i.name=this.name,i.labelPosition=this.labelPosition,i.tile=this.tile,i.hideTrigger=this.hideTrigger,i.tileColor=null!==(e=i.getAttribute("tile-color"))&&void 0!==e?e:this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}updateValues(){const i=[];this.getCheckboxes().forEach((e=>{e.checked&&i.push(e.value)})),d(this.internalValue,i)||(this.internalValue=[...i],this.dsChange.emit(this.internalValue),this.internals.setFormValue(this.internalValue.join(",")))}render(){return s(l,{key:"a11f6ecb85f81b131ee192b72a0a0bcc1b6ff780",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile}},s("slot",{key:"9e36bc5aa1775d77a2f199ab1840dcd70def2bac",onSlotchange:this.handleSlotChange}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_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)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-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 #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-form-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-form-label-color-disabled);--mod-checkbox-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-checkbox-group",{color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],control:[4],description:[1],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],loading:[516],name:[513],readonly:[516],required:[516],tile:[4],hideTrigger:[4,"hide-trigger"],tileColor:[1,"tile-color"],value:[16],vertical:[4],language:[32],region:[32],internalValue:[32],configChanged:[64]},[[6,"dsBlur","listenToDsBlur"],[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}]}]);r([a("checkbox-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],_.prototype,"createLogger",null),r([x(g),n("design:type",String)],_.prototype,"color",void 0),r([x(f),n("design:type",Number)],_.prototype,"cols",void 0),r([x(f),n("design:type",Number)],_.prototype,"colsMobile",void 0),r([x(f),n("design:type",Number)],_.prototype,"colsTablet",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"control",void 0),r([k("string"),n("design:type",String)],_.prototype,"description",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"disabled",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"invalid",void 0),r([k("string"),n("design:type",String)],_.prototype,"invalidText",void 0),r([k("string"),n("design:type",String)],_.prototype,"label",void 0),r([x(b),n("design:type",String)],_.prototype,"labelPosition",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"loading",void 0),r([k("string"),n("design:type",String)],_.prototype,"name",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"readonly",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"required",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"tile",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"hideTrigger",void 0),r([x(v),n("design:type",String)],_.prototype,"tileColor",void 0),r([k("boolean"),n("design:type",Boolean)],_.prototype,"vertical",void 0),r([z(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],_.prototype,"configChanged",null);let C=0;const T=_,B=function(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-checkbox-group":customElements.get(t(i))||customElements.define(t(i),_);break;case"ds-icon":customElements.get(t(i))||u();break;case"ds-spinner":customElements.get(t(i))||y()}}))};export{T as DsCheckboxGroup,B as defineCustomElement}
package/components/ds-checkbox.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{p as e,H as o,f as c,h as r,e as a,t as l}from"./p-WO0X5Vmy.js";import{_ as s,L as i,a as d}from"./p-J0mxIuTt.js";import{i as t}from"./p-B62ocg4Q.js";import{h as b}from"./p-BrIcCcce.js";import{C as h,a as n}from"./p-LCAsAZzj.js";import{T as k}from"./p-DAYd9ty0.js";import{R as v}from"./p-DYlqkAWn.js";import{O as x}from"./p-BhbWmCTu.js";const g=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsFocus=c(this,"dsFocus"),this.dsBlur=c(this,"dsBlur"),this.dsChange=c(this,"dsChange"),this.internals=this.attachInternals(),this.inputId="ds-cb-"+u++,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.cols=1,this.colsTablet=1,this.colsMobile=1,this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))},this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=t(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}render(){return r(a,{key:"9dc7b43b7b6596219932a53d76fe9f3972da8b73","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&&b(this.tileColor),"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}},r("label",{key:"64ddcb92ac97b7dfe1c71141ded03c61e1915b3a",id:"label",part:"label"},r("input",Object.assign({key:"a5eb2c1c881e5ae3d95e8b7bc844a47793709c5c",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:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),r("div",{key:"ba535ca3a7dcd0e623ba68ae2882ed27822d9244",id:"slot",part:"slot"},r("slot",{key:"df42decc580239904011604b349e0cfd47539682"},this.label))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":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-2)));--_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-2)));--_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-2)));--_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.has-tile-green.is-checked){--mod-checkbox-tile-base-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)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-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)}: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)}}"}},[321,"ds-checkbox",{name:[513],label:[1],labelPosition:[1,"label-position"],value:[8],checked:[1028],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],invalid:[4],tileColor:[1,"tile-color"],tile:[4],cols:[2],colsTablet:[2,"cols-tablet"],colsMobile:[2,"cols-mobile"],focused:[32]},[[6,"reset","listenToReset"]]]);s([i("checkbox"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),s([k("string"),d("design:type",String)],g.prototype,"name",void 0),s([k("string"),d("design:type",String)],g.prototype,"label",void 0),s([v(),x(h),d("design:type",String)],g.prototype,"labelPosition",void 0),s([k("string"),d("design:type",Object)],g.prototype,"value",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"checked",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"disabled",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"readonly",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"required",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"invalid",void 0),s([x(n),d("design:type",String)],g.prototype,"tileColor",void 0),s([k("boolean"),d("design:type",Boolean)],g.prototype,"tile",void 0);let u=0;const m=g,p=function(){"undefined"!=typeof customElements&&["ds-checkbox"].forEach((e=>{"ds-checkbox"===e&&(customElements.get(l(e))||customElements.define(l(e),g))}))};export{m as DsCheckbox,p as defineCustomElement}
4
+ import{p as e,H as o,f as c,h as r,e as a,t as l}from"./p-WO0X5Vmy.js";import{_ as s,L as i,a as d}from"./p-J0mxIuTt.js";import{i as t}from"./p-B62ocg4Q.js";import{h as b}from"./p-BrIcCcce.js";import{C as h,a as n}from"./p-LCAsAZzj.js";import{T as k}from"./p-DAYd9ty0.js";import{R as v}from"./p-DYlqkAWn.js";import{O as g}from"./p-BhbWmCTu.js";const x=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsFocus=c(this,"dsFocus"),this.dsBlur=c(this,"dsBlur"),this.dsChange=c(this,"dsChange"),this.internals=this.attachInternals(),this.inputId="ds-cb-"+u++,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=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))},this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=t(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}render(){return r(a,{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&&b(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}},r("label",{key:"23a8ac34d5eb3e6df9e42a2c647435247d1ad75e",id:"label",part:"label"},r("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:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),r("div",{key:"d90f4780331aa2c76ddd4a680d8d9e93d9d5b013",id:"slot",part:"slot"},r("slot",{key:"7e2b971fbb93fdd4c86cadb56572dcd705743691"},this.label))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":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)}}"}},[321,"ds-checkbox",{name:[513],label:[1],labelPosition:[1,"label-position"],value:[8],checked:[1028],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],invalid:[4],tileColor:[1,"tile-color"],tile:[4],hideTrigger:[4,"hide-trigger"],cols:[2],colsTablet:[2,"cols-tablet"],colsMobile:[2,"cols-mobile"],focused:[32]},[[6,"reset","listenToReset"]]]);s([i("checkbox"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),s([k("string"),d("design:type",String)],x.prototype,"name",void 0),s([k("string"),d("design:type",String)],x.prototype,"label",void 0),s([v(),g(h),d("design:type",String)],x.prototype,"labelPosition",void 0),s([k("string"),d("design:type",Object)],x.prototype,"value",void 0),s([k("boolean"),d("design:type",Boolean)],x.prototype,"checked",void 0),s([k("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),s([k("boolean"),d("design:type",Boolean)],x.prototype,"readonly",void 0),s([k("boolean"),d("design:type",Boolean)],x.prototype,"required",void 0),s([k("boolean"),d("design:type",Boolean)],x.prototype,"autoInvalidOff",void 0),s([k("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),s([g(n),d("design:type",String)],x.prototype,"tileColor",void 0),s([k("boolean"),d("design:type",Boolean)],x.prototype,"tile",void 0),s([k("boolean"),d("design:type",Boolean)],x.prototype,"hideTrigger",void 0);let u=0;const m=x,p=function(){"undefined"!=typeof customElements&&["ds-checkbox"].forEach((e=>{"ds-checkbox"===e&&(customElements.get(l(e))||customElements.define(l(e),x))}))};export{m as DsCheckbox,p as defineCustomElement}
package/components/ds-close.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{C as o,d as s}from"./p-Ctnm_MBD.js";const t=o,m=s;export{t as DsClose,m as defineCustomElement}
4
+ import{C as o,d as s}from"./p-DY0y8uLL.js";const p=o,r=s;export{p as DsClose,r as defineCustomElement}
package/components/ds-data-item.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{p as t,H as a,h as e,e as i,t as o}from"./p-WO0X5Vmy.js";import{_ as d,L as l,a as r}from"./p-J0mxIuTt.js";import{d as s}from"./p-CjIxf5zy.js";import{d as m}from"./p-Du7QOHtz.js";import{d as n}from"./p-CYWn3X22.js";import{d as c}from"./p-CvaNxQtw.js";import{T as b}from"./p-DAYd9ty0.js";import{L as v}from"./p-DIK6Zkg6.js";const f={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},x=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.innerEditLabel="Edit",this.language=c.language,this.region=c.region,this.labelId="data-item-label-"+Math.random().toString(36).slice(2,9),this.valueId="data-item-value-"+Math.random().toString(36).slice(2,9),this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=f[t.language])||void 0===a?void 0:a.editLabel)||f.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"41172b7c9c39ae12af12f35acd89bea1b291d5f0",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"ebd58ede50e42c963a98806d0e34edc24cc37347",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"f1834037e850e569d6adb6512e6de945ef307f3f",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"eae351330191525eb62b97a0cfb1c279f5475c09"}),this.editable&&e("ds-button",{key:"22e07967a920b0fc2498d2a0950b5ceb741f1172",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return this}static get style(){return":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-global-font-weight-700)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-alias-text-color-primary)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-alias-text-color-primary)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-alias-text-color-danger)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-alias-text-color-disabled)));--_data-item-border-width:var(--data-item-border-width, var(--mod-data-item-border-width, var(--ds-global-size-border-2)));--_data-item-border-color:var(--data-item-border-color, var(--mod-data-item-border-color, var(--ds-global-color-grey-3)))}:host{border-bottom:var(--_data-item-border-width) solid var(--_data-item-border-color)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}"}},[257,"ds-data-item",{disabled:[516],multiline:[516],editable:[516],editLabel:[1,"edit-label"],innerEditLabel:[32],language:[32],region:[32],configChanged:[64]}]);d([l("data-item"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],x.prototype,"createLogger",null),d([b("boolean"),r("design:type",Boolean)],x.prototype,"disabled",void 0),d([b("boolean"),r("design:type",Boolean)],x.prototype,"multiline",void 0),d([b("boolean"),r("design:type",Boolean)],x.prototype,"editable",void 0),d([b("string"),r("design:type",Object)],x.prototype,"editLabel",void 0),d([v(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],x.prototype,"configChanged",null);const g=x,h=function(){"undefined"!=typeof customElements&&["ds-data-item","ds-button","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-data-item":customElements.get(o(t))||customElements.define(o(t),x);break;case"ds-button":customElements.get(o(t))||s();break;case"ds-icon":customElements.get(o(t))||m();break;case"ds-spinner":customElements.get(o(t))||n()}}))};export{g as DsDataItem,h as defineCustomElement}
4
+ import{p as t,H as a,h as e,e as i,t as o}from"./p-WO0X5Vmy.js";import{_ as d,L as l,a as r}from"./p-J0mxIuTt.js";import{d as s}from"./p-DSeYzuO7.js";import{d as m}from"./p-Du7QOHtz.js";import{d as n}from"./p-qaSW94OG.js";import{d as c}from"./p-CvaNxQtw.js";import{T as b}from"./p-DAYd9ty0.js";import{L as v}from"./p-DIK6Zkg6.js";const f={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},g=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.innerEditLabel="Edit",this.language=c.language,this.region=c.region,this.labelId="data-item-label-"+Math.random().toString(36).slice(2,9),this.valueId="data-item-value-"+Math.random().toString(36).slice(2,9),this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=f[t.language])||void 0===a?void 0:a.editLabel)||f.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"41172b7c9c39ae12af12f35acd89bea1b291d5f0",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"ebd58ede50e42c963a98806d0e34edc24cc37347",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"f1834037e850e569d6adb6512e6de945ef307f3f",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"eae351330191525eb62b97a0cfb1c279f5475c09"}),this.editable&&e("ds-button",{key:"22e07967a920b0fc2498d2a0950b5ceb741f1172",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return this}static get style(){return":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-global-font-weight-700)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-alias-text-color-primary)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-alias-text-color-primary)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-alias-text-color-danger)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-alias-text-color-disabled)));--_data-item-border-width:var(--data-item-border-width, var(--mod-data-item-border-width, var(--ds-global-size-border-2)));--_data-item-border-color:var(--data-item-border-color, var(--mod-data-item-border-color, var(--ds-global-color-grey-3)))}:host{border-bottom:var(--_data-item-border-width) solid var(--_data-item-border-color)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}"}},[257,"ds-data-item",{disabled:[516],multiline:[516],editable:[516],editLabel:[1,"edit-label"],innerEditLabel:[32],language:[32],region:[32],configChanged:[64]}]);d([l("data-item"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],g.prototype,"createLogger",null),d([b("boolean"),r("design:type",Boolean)],g.prototype,"disabled",void 0),d([b("boolean"),r("design:type",Boolean)],g.prototype,"multiline",void 0),d([b("boolean"),r("design:type",Boolean)],g.prototype,"editable",void 0),d([b("string"),r("design:type",Object)],g.prototype,"editLabel",void 0),d([v(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],g.prototype,"configChanged",null);const x=g,h=function(){"undefined"!=typeof customElements&&["ds-data-item","ds-button","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-data-item":customElements.get(o(t))||customElements.define(o(t),g);break;case"ds-button":customElements.get(o(t))||s();break;case"ds-icon":customElements.get(o(t))||m();break;case"ds-spinner":customElements.get(o(t))||n()}}))};export{x as DsDataItem,h as defineCustomElement}