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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (568) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/ds-accordion.js +1 -1
  4. package/components/ds-app.js +1 -1
  5. package/components/ds-badge.js +1 -1
  6. package/components/ds-button-group.js +1 -1
  7. package/components/ds-button.js +1 -1
  8. package/components/ds-card-actions.js +1 -1
  9. package/components/ds-card-content.js +1 -1
  10. package/components/ds-card-subtitle.js +1 -1
  11. package/components/ds-card-title.js +1 -1
  12. package/components/ds-card.js +1 -1
  13. package/components/ds-carousel.js +1 -1
  14. package/components/ds-checkbox-group.js +1 -1
  15. package/components/ds-checkbox.js +1 -1
  16. package/components/ds-close.js +1 -1
  17. package/components/ds-content.js +1 -1
  18. package/components/ds-data-item.js +1 -1
  19. package/components/ds-date.js +1 -1
  20. package/components/ds-drawer.js +1 -1
  21. package/components/ds-file-upload.js +1 -1
  22. package/components/ds-footer.js +1 -1
  23. package/components/ds-heading.js +1 -1
  24. package/components/ds-hint.js +1 -1
  25. package/components/ds-icon.js +1 -1
  26. package/components/ds-input-slider.d.ts +11 -0
  27. package/components/ds-input-slider.js +4 -0
  28. package/components/ds-input.js +1 -1
  29. package/components/ds-item.js +1 -1
  30. package/components/ds-label.js +1 -1
  31. package/components/ds-list.js +1 -1
  32. package/components/ds-logo.js +1 -1
  33. package/components/ds-modal-body.js +1 -1
  34. package/components/ds-modal-header.js +1 -1
  35. package/components/ds-modal.js +1 -1
  36. package/components/ds-navbar.js +1 -1
  37. package/components/ds-notification.js +1 -1
  38. package/components/ds-number-input.js +1 -1
  39. package/components/ds-pagination.js +1 -1
  40. package/components/ds-popup.js +1 -1
  41. package/components/ds-progress-bar.js +1 -1
  42. package/components/ds-radio-group.js +1 -1
  43. package/components/ds-radio.js +1 -1
  44. package/components/ds-segment-item.js +1 -1
  45. package/components/ds-segment.js +1 -1
  46. package/components/ds-select-optgroup.js +1 -1
  47. package/components/ds-select-option.js +1 -1
  48. package/components/ds-select.js +1 -1
  49. package/components/ds-shape.js +1 -1
  50. package/components/ds-snackbar.js +1 -1
  51. package/components/ds-spinner.js +1 -1
  52. package/components/ds-stack.js +1 -1
  53. package/components/ds-step-panel.js +1 -1
  54. package/components/ds-step.js +1 -1
  55. package/components/ds-tab-panel.js +1 -1
  56. package/components/ds-tabs.js +1 -1
  57. package/components/ds-tag-group.js +1 -1
  58. package/components/ds-tag.js +1 -1
  59. package/components/ds-text.js +1 -1
  60. package/components/ds-textarea.js +1 -1
  61. package/components/ds-toast.js +1 -1
  62. package/components/ds-toggle.js +1 -1
  63. package/components/ds-tooltip.js +1 -1
  64. package/components/index.js +1 -1
  65. package/components/{p-DenZRIeA.js → p-BXJT6RzI.js} +1 -1
  66. package/components/p-BdLq-Ecc.js +4 -0
  67. package/components/{p-CjIxf5zy.js → p-BmKEBYP4.js} +1 -1
  68. package/components/p-BoWAkGY5.js +4 -0
  69. package/components/{p-DYTOWDAA.js → p-CTbJFS-e.js} +1 -1
  70. package/components/{p-DokkRjWC.js → p-CaMOovXn.js} +1 -1
  71. package/components/p-Ce8PV2ZO.js +4 -0
  72. package/components/p-CmBtAxar.js +4 -0
  73. package/components/p-D8gpyiFZ.js +4 -0
  74. package/components/{p-ng5ZzTOj.js → p-DBX_haol.js} +1 -1
  75. package/components/{p-BfXZJ1Fe.js → p-DPbhygsR.js} +1 -1
  76. package/components/{p-BU0dY8pq.js → p-DZzsZ_YH.js} +1 -1
  77. package/components/p-DbUsvqrz.js +4 -0
  78. package/components/p-Dbqy6lZU.js +5 -0
  79. package/{dist/design-system/p-BATOumsf.js → components/p-fS80bKHo.js} +1 -1
  80. package/components/{p-bGV2P6rT.js → p-hPpcXLRP.js} +1 -1
  81. package/components/p-o0H7eIVX.js +4 -0
  82. package/components/p-std0LSH2.js +4 -0
  83. package/components/{p-Btdh3fq7.js → p-u5aa74vh.js} +1 -1
  84. package/components/p-wud2RGEy.js +4 -0
  85. package/dist/cjs/{_getTag-B468r9bu.js → _getTag-DxZgmSPS.js} +1 -1
  86. package/dist/cjs/{array-CioNm_V1.js → array-CYn4ALBt.js} +10 -9
  87. package/dist/cjs/{breakpoints.decorator-C-Qm21UK.js → breakpoints.decorator-DbttiLa9.js} +1 -1
  88. package/dist/cjs/{breakpoints.subject-XNcGwhzh.js → breakpoints.subject-CNyiZaBe.js} +3 -3
  89. package/dist/cjs/{button.interfaces-CqlUGR-N.js → button.interfaces-BKyK0H_f.js} +0 -1
  90. package/dist/cjs/{config.decorator-ThGLtT-3.js → config.decorator-bU7c6ybP.js} +1 -1
  91. package/dist/cjs/{config.utils-MhZvq4Qm.js → config.utils-BhJig3l5.js} +1 -1
  92. package/dist/cjs/{create-validator-decorator-BIgFqrMJ.js → create-validator-decorator-CiRieHJL.js} +1 -1
  93. package/dist/cjs/design-system.cjs.js +2 -2
  94. package/dist/cjs/{device-BnjBOLnP.js → device-DM1GXL99.js} +1 -1
  95. package/dist/cjs/ds-accordion.cjs.entry.js +9 -9
  96. package/dist/cjs/ds-alert-container.cjs.entry.js +6 -6
  97. package/dist/cjs/ds-app.cjs.entry.js +35 -8
  98. package/dist/cjs/ds-badge.cjs.entry.js +20 -39
  99. package/dist/cjs/ds-button-group.cjs.entry.js +7 -7
  100. package/dist/cjs/ds-button_2.cjs.entry.js +20 -20
  101. package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
  102. package/dist/cjs/ds-card-content.cjs.entry.js +3 -3
  103. package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
  104. package/dist/cjs/ds-card-subtitle.cjs.entry.js +10 -14
  105. package/dist/cjs/ds-card-title.cjs.entry.js +8 -14
  106. package/dist/cjs/ds-card.cjs.entry.js +14 -13
  107. package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
  108. package/dist/cjs/ds-carousel.cjs.entry.js +8 -8
  109. package/dist/cjs/ds-checkbox-group.cjs.entry.js +44 -19
  110. package/dist/cjs/ds-checkbox.cjs.entry.js +19 -10
  111. package/dist/cjs/ds-content_2.cjs.entry.js +18 -68
  112. package/dist/cjs/ds-data-item.cjs.entry.js +6 -6
  113. package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
  114. package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
  115. package/dist/cjs/ds-data.cjs.entry.js +4 -4
  116. package/dist/cjs/ds-date.cjs.entry.js +18 -12
  117. package/dist/cjs/ds-divider_2.cjs.entry.js +14 -14
  118. package/dist/cjs/ds-drawer_2.cjs.entry.js +10 -10
  119. package/dist/cjs/ds-file-upload.cjs.entry.js +22 -14
  120. package/dist/cjs/ds-footer.cjs.entry.js +7 -7
  121. package/dist/cjs/ds-heading.cjs.entry.js +21 -37
  122. package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
  123. package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
  124. package/dist/cjs/ds-hint.cjs.entry.js +11 -11
  125. package/dist/cjs/ds-icon_2.cjs.entry.js +23 -26
  126. package/dist/cjs/ds-input-slider.cjs.entry.js +2892 -0
  127. package/dist/cjs/ds-input.cjs.entry.js +20 -11
  128. package/dist/cjs/ds-item.cjs.entry.js +7 -7
  129. package/dist/cjs/ds-label.cjs.entry.js +11 -11
  130. package/dist/cjs/ds-list.cjs.entry.js +5 -5
  131. package/dist/cjs/ds-modal-body.cjs.entry.js +3 -3
  132. package/dist/cjs/ds-modal-header.cjs.entry.js +3 -3
  133. package/dist/cjs/ds-modal.cjs.entry.js +9 -9
  134. package/dist/cjs/ds-navbar.cjs.entry.js +17 -17
  135. package/dist/cjs/ds-notification.cjs.entry.js +11 -11
  136. package/dist/cjs/ds-number-input.cjs.entry.js +31 -117
  137. package/dist/cjs/ds-pagination.cjs.entry.js +17 -17
  138. package/dist/cjs/ds-progress-bar.cjs.entry.js +14 -14
  139. package/dist/cjs/ds-radio-group.cjs.entry.js +39 -15
  140. package/dist/cjs/ds-radio.cjs.entry.js +19 -10
  141. package/dist/cjs/ds-segment-item.cjs.entry.js +5 -5
  142. package/dist/cjs/ds-segment.cjs.entry.js +21 -15
  143. package/dist/cjs/ds-select-optgroup.cjs.entry.js +5 -5
  144. package/dist/cjs/ds-select-option.cjs.entry.js +5 -5
  145. package/dist/cjs/ds-select.cjs.entry.js +18 -13
  146. package/dist/cjs/ds-shape.cjs.entry.js +5 -5
  147. package/dist/cjs/ds-snackbar.cjs.entry.js +14 -14
  148. package/dist/cjs/ds-step-panel.cjs.entry.js +6 -6
  149. package/dist/cjs/ds-step.cjs.entry.js +5 -5
  150. package/dist/cjs/ds-steps.cjs.entry.js +6 -6
  151. package/dist/cjs/ds-tab-panel.cjs.entry.js +6 -6
  152. package/dist/cjs/ds-tab.cjs.entry.js +5 -5
  153. package/dist/cjs/ds-tabs.cjs.entry.js +12 -12
  154. package/dist/cjs/ds-tag-group.cjs.entry.js +3 -3
  155. package/dist/cjs/ds-tag.cjs.entry.js +9 -9
  156. package/dist/cjs/ds-text.cjs.entry.js +10 -10
  157. package/dist/cjs/ds-textarea.cjs.entry.js +19 -10
  158. package/dist/cjs/ds-toast.cjs.entry.js +12 -12
  159. package/dist/cjs/ds-toggle.cjs.entry.js +7 -7
  160. package/dist/cjs/ds-tooltip.cjs.entry.js +5 -5
  161. package/dist/cjs/{field.util-L-DkeMVk.js → field.util-C7hgA41e.js} +32 -2
  162. package/dist/cjs/{focus-D3VVgpM7.js → focus-CHzvkERd.js} +1 -1
  163. package/dist/cjs/{form-control-CtMcJUuC.js → form-control-CmRONWa7.js} +1 -1
  164. package/dist/cjs/{has-value-DK0oRqXI.js → has-value-3s9rhB3K.js} +1 -1
  165. package/dist/cjs/{heading.interfaces-B5NJ2yjL.js → heading.interfaces-CAc5LNKb.js} +2 -3
  166. package/dist/cjs/{index-sC3JnTlJ.js → index-DD7qcaNz.js} +80 -1
  167. package/dist/cjs/index.cjs.js +7 -7
  168. package/dist/cjs/isArray-DvQst6zQ.js +42 -0
  169. package/dist/cjs/isNaN-DOSPWDkt.js +106 -0
  170. package/dist/cjs/{isObjectLike-h-ta_ikf.js → isObjectLike-BNz6hnAu.js} +0 -37
  171. package/dist/cjs/{listener-BwB_xent.js → listener-CAzIWSXQ.js} +1 -1
  172. package/dist/cjs/loader.cjs.js +2 -2
  173. package/dist/cjs/{one-of-BZGRIMtQ.js → one-of-xdIxH9e7.js} +1 -1
  174. package/dist/cjs/{required-COz3Unzu.js → required-Dh6TQNa1.js} +1 -1
  175. package/dist/cjs/{resize.decorator-DWM_fQgv.js → resize.decorator-C53-TjuS.js} +2 -2
  176. package/dist/cjs/{scroll-CUuEh4xd.js → scroll-BOeiw1-E.js} +1 -1
  177. package/dist/cjs/{svg-D9RbiR8R.js → svg-B9eUbG7a.js} +96 -33
  178. package/dist/cjs/{tslib.es6-CxyosZMg.js → tslib.es6-DMgN1vwG.js} +1 -1
  179. package/dist/cjs/{type-hmc4CJcO.js → type-BcP2cAG-.js} +1 -1
  180. package/dist/collection/collection-manifest.json +1 -0
  181. package/dist/collection/components/accordion/accordion.host.css +1 -1
  182. package/dist/collection/components/alert/snackbar/snackbar.host.css +1 -1
  183. package/dist/collection/components/alert/toast/toast.host.css +1 -1
  184. package/dist/collection/components/app/app.js +30 -3
  185. package/dist/collection/components/badge/badge.host.css +1 -1
  186. package/dist/collection/components/badge/badge.interfaces.js +3 -3
  187. package/dist/collection/components/badge/badge.js +20 -42
  188. package/dist/collection/components/button/button.interfaces.js +0 -1
  189. package/dist/collection/components/button/button.js +1 -1
  190. package/dist/collection/components/card/card-content/card-content.host.css +1 -1
  191. package/dist/collection/components/card/card-subtitle/card-subtitle.js +6 -11
  192. package/dist/collection/components/card/card-title/card-title.js +4 -11
  193. package/dist/collection/components/card/card.host.css +1 -1
  194. package/dist/collection/components/card/card.js +10 -9
  195. package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +54 -8
  196. package/dist/collection/components/checkbox/checkbox.host.css +1 -1
  197. package/dist/collection/components/checkbox/checkbox.js +31 -2
  198. package/dist/collection/components/checkbox/test/checkbox.visual.play.js +4 -0
  199. package/dist/collection/components/close/close.host.css +1 -1
  200. package/dist/collection/components/close/close.interfaces.js +1 -1
  201. package/dist/collection/components/close/close.js +14 -16
  202. package/dist/collection/components/content/content.host.css +1 -1
  203. package/dist/collection/components/content/content.interfaces.js +2 -3
  204. package/dist/collection/components/content/content.js +21 -60
  205. package/dist/collection/components/date/date.js +12 -4
  206. package/dist/collection/components/date/test/date.visual.play.js +1 -0
  207. package/dist/collection/components/file-upload/file-upload.js +13 -4
  208. package/dist/collection/components/file-upload/test/file-upload.visual.play.js +10 -1
  209. package/dist/collection/components/heading/heading.host.css +1 -1
  210. package/dist/collection/components/heading/heading.interfaces.js +2 -3
  211. package/dist/collection/components/heading/heading.js +25 -45
  212. package/dist/collection/components/input/field.util.js +1 -1
  213. package/dist/collection/components/input/input.js +14 -3
  214. package/dist/collection/components/input/test/input.visual.play.js +2 -1
  215. package/dist/collection/components/input-slider/input-slider.host.css +1 -0
  216. package/dist/collection/components/input-slider/input-slider.interfaces.js +4 -0
  217. package/dist/collection/components/input-slider/input-slider.js +970 -0
  218. package/dist/collection/components/input-slider/input-slider.picker.js +124 -0
  219. package/dist/collection/components/input-slider/input-slider.utils.js +32 -0
  220. package/dist/collection/components/input-slider/test/input-slider.a11y.play.js +36 -0
  221. package/dist/collection/components/input-slider/test/input-slider.component.play.js +87 -0
  222. package/dist/collection/components/input-slider/test/input-slider.visual.play.js +28 -0
  223. package/dist/collection/components/label/label.host.css +1 -1
  224. package/dist/collection/components/label/label.js +2 -2
  225. package/dist/collection/components/list/item/item.host.css +1 -1
  226. package/dist/collection/components/list/list.js +1 -1
  227. package/dist/collection/components/logo/logo.js +2 -2
  228. package/dist/collection/components/modal/modal-body/modal-body.js +1 -1
  229. package/dist/collection/components/modal/modal-header/modal-header.js +1 -1
  230. package/dist/collection/components/modal/modal.js +2 -2
  231. package/dist/collection/components/navbar/navbar.js +3 -3
  232. package/dist/collection/components/notification/notification.host.css +1 -1
  233. package/dist/collection/components/notification/notification.js +3 -3
  234. package/dist/collection/components/number-input/number-input.js +13 -2
  235. package/dist/collection/components/number-input/test/number-input.visual.play.js +1 -1
  236. package/dist/collection/components/pagination/pagination.js +5 -5
  237. package/dist/collection/components/popup/popup.js +1 -1
  238. package/dist/collection/components/progress-bar/progress-bar.js +2 -2
  239. package/dist/collection/components/radio/radio-group/radio-group.js +54 -8
  240. package/dist/collection/components/radio/radio.host.css +1 -1
  241. package/dist/collection/components/radio/radio.js +31 -2
  242. package/dist/collection/components/radio/test/radio.visual.play.js +4 -0
  243. package/dist/collection/components/segment/segment/segment.js +15 -7
  244. package/dist/collection/components/segment/segment-item.js +1 -1
  245. package/dist/collection/components/segment/test/segment.visual.play.js +1 -0
  246. package/dist/collection/components/select/select-optgroup.js +1 -1
  247. package/dist/collection/components/select/select-option.js +1 -1
  248. package/dist/collection/components/select/select.host.css +1 -1
  249. package/dist/collection/components/select/select.js +11 -4
  250. package/dist/collection/components/select/test/select.visual.play.js +2 -2
  251. package/dist/collection/components/shape/shape.js +1 -1
  252. package/dist/collection/components/spinner/spinner.host.css +1 -1
  253. package/dist/collection/components/spinner/spinner.interfaces.js +1 -1
  254. package/dist/collection/components/spinner/spinner.js +12 -16
  255. package/dist/collection/components/stack/stack.host.css +1 -1
  256. package/dist/collection/components/stack/stack.interfaces.js +1 -2
  257. package/dist/collection/components/stack/stack.js +13 -33
  258. package/dist/collection/components/steps/step-panel/step-panel.js +1 -1
  259. package/dist/collection/components/tabs/tab-panel/tab-panel.js +1 -1
  260. package/dist/collection/components/tabs/tabs/tabs.js +4 -4
  261. package/dist/collection/components/tag/tag-group/tag-group.js +1 -1
  262. package/dist/collection/components/tag/tag.host.css +1 -1
  263. package/dist/collection/components/tag/tag.js +2 -2
  264. package/dist/collection/components/text/text.host.css +1 -1
  265. package/dist/collection/components/text/text.js +3 -3
  266. package/dist/collection/components/textarea/test/textarea.visual.play.js +2 -2
  267. package/dist/collection/components/textarea/textarea.js +13 -2
  268. package/dist/collection/components/toggle/toggle.js +2 -2
  269. package/dist/collection/components/tooltip/tooltip.js +1 -1
  270. package/dist/collection/global/constants/tags.constant.js +1 -0
  271. package/dist/collection/global/constants/version.constant.js +1 -1
  272. package/dist/collection/global/global.js +2 -0
  273. package/dist/collection/global/token-preview.js +75 -0
  274. package/dist/collection/global/token-preview.types.js +1 -0
  275. package/dist/collection/utils/index.js +1 -0
  276. package/dist/collection/utils/invalid-text-slot.js +31 -0
  277. package/dist/design-system/design-system.esm.js +1 -1
  278. package/dist/design-system/index.esm.js +1 -1
  279. package/dist/design-system/{p-5d17209d91.entry.js → p-001b20140b.entry.js} +1 -1
  280. package/dist/design-system/p-0c031d8d90.entry.js +4 -0
  281. package/dist/design-system/p-0c18812daa.entry.js +4 -0
  282. package/dist/design-system/p-19e0638e5c.entry.js +4 -0
  283. package/dist/design-system/{p-10c136d00d.entry.js → p-1dc3406415.entry.js} +1 -1
  284. package/dist/design-system/{p-53dda5d400.entry.js → p-200a0ea72c.entry.js} +1 -1
  285. package/dist/design-system/p-2516721737.entry.js +4 -0
  286. package/dist/design-system/p-2a67e9b4eb.entry.js +4 -0
  287. package/dist/design-system/p-2cc9740eb6.entry.js +4 -0
  288. package/dist/design-system/p-33165c2b03.entry.js +4 -0
  289. package/dist/design-system/p-37295c3a5d.entry.js +4 -0
  290. package/dist/design-system/p-3d1f15112e.entry.js +4 -0
  291. package/dist/design-system/p-3de8e2b6c9.entry.js +4 -0
  292. package/dist/design-system/{p-774b89ed0b.entry.js → p-4042b35fee.entry.js} +1 -1
  293. package/dist/design-system/{p-afd8bbe699.entry.js → p-40b3d4d0f9.entry.js} +1 -1
  294. package/dist/design-system/{p-f0119fe693.entry.js → p-45af50a69f.entry.js} +1 -1
  295. package/dist/design-system/p-4df80c06f8.entry.js +4 -0
  296. package/dist/design-system/p-4f12c6449d.entry.js +4 -0
  297. package/dist/design-system/p-4f95f06b86.entry.js +4 -0
  298. package/dist/design-system/{p-c37f266740.entry.js → p-662983c8bd.entry.js} +1 -1
  299. package/dist/design-system/p-68693c06a1.entry.js +4 -0
  300. package/dist/design-system/{p-7c353652a9.entry.js → p-69784a200e.entry.js} +1 -1
  301. package/dist/design-system/{p-BhdSNuGP.js → p-6Iq8BM7N.js} +1 -1
  302. package/dist/design-system/p-6ba71ce374.entry.js +4 -0
  303. package/dist/design-system/{p-13d1ce3158.entry.js → p-72c08ce551.entry.js} +1 -1
  304. package/dist/design-system/p-72fe1ab876.entry.js +4 -0
  305. package/dist/design-system/p-73b26207bf.entry.js +4 -0
  306. package/dist/design-system/{p-4e6638d14e.entry.js → p-7576fb01bf.entry.js} +1 -1
  307. package/dist/design-system/p-819d71abe1.entry.js +4 -0
  308. package/dist/design-system/p-88682a66d5.entry.js +4 -0
  309. package/dist/design-system/{p-6ef31a3c07.entry.js → p-8a7c2f5b0a.entry.js} +1 -1
  310. package/dist/design-system/{p-0bd2ce2da3.entry.js → p-8bfcfd7b07.entry.js} +1 -1
  311. package/dist/design-system/p-9537ebc880.entry.js +4 -0
  312. package/dist/design-system/{p-e7472337ed.entry.js → p-96d37205c9.entry.js} +1 -1
  313. package/dist/design-system/{p-0663d7c0f1.entry.js → p-97ad0e648a.entry.js} +1 -1
  314. package/dist/design-system/p-9e0f190f06.entry.js +4 -0
  315. package/dist/design-system/p-9f746ea4e3.entry.js +4 -0
  316. package/dist/design-system/{p-B1e0kNRJ.js → p-B2dqoehY.js} +2 -2
  317. package/dist/design-system/p-B8PCdo6e.js +4 -0
  318. package/dist/design-system/p-B9ddSbbe.js +4 -0
  319. package/dist/design-system/p-BDcIydUK.js +4 -0
  320. package/dist/design-system/p-BdLq-Ecc.js +4 -0
  321. package/dist/design-system/{p-HwbqEzpk.js → p-BjaiDrCD.js} +1 -1
  322. package/dist/design-system/{p-CvTcEsXg.js → p-BnJgNfen.js} +1 -1
  323. package/dist/design-system/{p-78NZc8PM.js → p-Bnpwi9iD.js} +1 -1
  324. package/dist/design-system/p-C6AmBSV7.js +4 -0
  325. package/dist/design-system/{p-hLAmwHiq.js → p-CBGYLNZZ.js} +1 -1
  326. package/dist/design-system/p-CDhvZoCt.js +4 -0
  327. package/dist/design-system/p-CGHN-3RC.js +4 -0
  328. package/dist/design-system/{p-BkTv_bQR.js → p-CR2JnhVY.js} +1 -1
  329. package/dist/design-system/{p-Dm2lqE3-.js → p-ClSAXeZN.js} +1 -1
  330. package/dist/design-system/p-CziF75uh.js +4 -0
  331. package/dist/design-system/p-D-_px2sY.js +5 -0
  332. package/dist/design-system/{p-ij4OEkzJ.js → p-DNQg2PVW.js} +1 -1
  333. package/dist/design-system/p-DQGbRzw_.js +4 -0
  334. package/dist/design-system/{p-LCY5n5tq.js → p-DWdcUUdS.js} +1 -1
  335. package/dist/design-system/{p-C7i6xLTJ.js → p-DuKlHFAK.js} +1 -1
  336. package/dist/design-system/p-MUUOiuTm.js +5 -0
  337. package/dist/design-system/{p-BvEM6oCl.js → p-_Ywzmi-B.js} +1 -1
  338. package/dist/design-system/{p-DgVaaZT_.js → p-_rk5qARQ.js} +1 -1
  339. package/dist/design-system/{p-8406f6faf1.entry.js → p-a343b84e8a.entry.js} +1 -1
  340. package/dist/design-system/p-a3ed278181.entry.js +4 -0
  341. package/dist/design-system/{p-650289138a.entry.js → p-a71c22bc50.entry.js} +1 -1
  342. package/dist/design-system/{p-DTxLRTYr.js → p-aPnyJLhr.js} +1 -1
  343. package/dist/design-system/{p-f4958b9e97.entry.js → p-abcc8edf7e.entry.js} +1 -1
  344. package/dist/design-system/{p-372bf379f9.entry.js → p-ac55e3783c.entry.js} +1 -1
  345. package/dist/design-system/{p-7e702193fc.entry.js → p-ac7f3f89be.entry.js} +1 -1
  346. package/dist/design-system/{p-3134821ac6.entry.js → p-ae8753bf2a.entry.js} +1 -1
  347. package/dist/design-system/{p-60d29d8b8e.entry.js → p-afea3755c2.entry.js} +1 -1
  348. package/dist/design-system/{p-dcb749efc7.entry.js → p-bd31b396d8.entry.js} +1 -1
  349. package/dist/design-system/p-bd740897a1.entry.js +4 -0
  350. package/dist/design-system/{p-d5f8d8f5e1.entry.js → p-bf03129378.entry.js} +1 -1
  351. package/dist/design-system/p-bfd0557b47.entry.js +4 -0
  352. package/dist/design-system/{p-01430d5c28.entry.js → p-c07aa25e4d.entry.js} +1 -1
  353. package/dist/design-system/p-c19c74c2b1.entry.js +4 -0
  354. package/dist/design-system/{p-dd38f8f206.entry.js → p-d5d7700fd3.entry.js} +1 -1
  355. package/dist/design-system/p-d727654ec3.entry.js +4 -0
  356. package/dist/design-system/{p-a465c1acce.entry.js → p-dadd7a84bc.entry.js} +1 -1
  357. package/dist/design-system/p-dd5e815ef3.entry.js +4 -0
  358. package/dist/design-system/p-dfebad2acc.entry.js +4 -0
  359. package/{components/p-D9YYP2SG.js → dist/design-system/p-dziB1ufg.js} +1 -1
  360. package/dist/design-system/p-e16572468e.entry.js +4 -0
  361. package/dist/design-system/p-e23b6d59c0.entry.js +4 -0
  362. package/dist/design-system/p-e743fa4c17.entry.js +4 -0
  363. package/dist/design-system/p-e94b66c13e.entry.js +4 -0
  364. package/dist/design-system/{p-a8de98dd7b.entry.js → p-ec3f2ded29.entry.js} +1 -1
  365. package/dist/design-system/p-ed3f364d1f.entry.js +4 -0
  366. package/dist/design-system/{p-a62b7985a0.entry.js → p-eedaf7fe85.entry.js} +1 -1
  367. package/dist/design-system/p-ef1bf78788.entry.js +4 -0
  368. package/dist/design-system/{p-9f2dd0b55b.entry.js → p-f0b0376beb.entry.js} +1 -1
  369. package/dist/design-system/p-f7787fca37.entry.js +4 -0
  370. package/dist/design-system/p-fd868dc1f5.entry.js +4 -0
  371. package/dist/esm/{_getTag-DFxL3s3h.js → _getTag-BkweuRJc.js} +1 -1
  372. package/dist/esm/{array-dJH4dfMr.js → array-BJZA868l.js} +3 -2
  373. package/dist/esm/{breakpoints.decorator-DZ0xN4Np.js → breakpoints.decorator-CIweMjJQ.js} +1 -1
  374. package/dist/esm/{breakpoints.subject-BNnXcKMw.js → breakpoints.subject-CUVOWezN.js} +3 -3
  375. package/dist/esm/{button.interfaces-BPGfTrrM.js → button.interfaces-C6AmBSV7.js} +0 -1
  376. package/dist/esm/{config.decorator-ZQ0_Zx5y.js → config.decorator-CyvsD1EY.js} +1 -1
  377. package/dist/esm/{config.utils-D9o7rffC.js → config.utils-Db2OSTX3.js} +1 -1
  378. package/dist/esm/{create-validator-decorator-DovxquEu.js → create-validator-decorator-g9TfAa1g.js} +1 -1
  379. package/dist/esm/design-system.js +3 -3
  380. package/dist/esm/{device-CRuIJzXR.js → device-CtidwsPr.js} +1 -1
  381. package/dist/esm/ds-accordion.entry.js +9 -9
  382. package/dist/esm/ds-alert-container.entry.js +6 -6
  383. package/dist/esm/ds-app.entry.js +35 -8
  384. package/dist/esm/ds-badge.entry.js +20 -39
  385. package/dist/esm/ds-button-group.entry.js +7 -7
  386. package/dist/esm/ds-button_2.entry.js +20 -20
  387. package/dist/esm/ds-card-actions.entry.js +4 -4
  388. package/dist/esm/ds-card-content.entry.js +3 -3
  389. package/dist/esm/ds-card-header.entry.js +5 -5
  390. package/dist/esm/ds-card-subtitle.entry.js +10 -14
  391. package/dist/esm/ds-card-title.entry.js +8 -14
  392. package/dist/esm/ds-card.entry.js +14 -13
  393. package/dist/esm/ds-carousel-item.entry.js +6 -6
  394. package/dist/esm/ds-carousel.entry.js +8 -8
  395. package/dist/esm/ds-checkbox-group.entry.js +44 -19
  396. package/dist/esm/ds-checkbox.entry.js +19 -10
  397. package/dist/esm/ds-content_2.entry.js +18 -68
  398. package/dist/esm/ds-data-item.entry.js +6 -6
  399. package/dist/esm/ds-data-label.entry.js +4 -4
  400. package/dist/esm/ds-data-value.entry.js +2 -2
  401. package/dist/esm/ds-data.entry.js +4 -4
  402. package/dist/esm/ds-date.entry.js +18 -12
  403. package/dist/esm/ds-divider_2.entry.js +14 -14
  404. package/dist/esm/ds-drawer_2.entry.js +10 -10
  405. package/dist/esm/ds-file-upload.entry.js +22 -14
  406. package/dist/esm/ds-footer.entry.js +7 -7
  407. package/dist/esm/ds-heading.entry.js +21 -37
  408. package/dist/esm/ds-hint-text.entry.js +2 -2
  409. package/dist/esm/ds-hint-title.entry.js +2 -2
  410. package/dist/esm/ds-hint.entry.js +11 -11
  411. package/dist/esm/ds-icon_2.entry.js +21 -24
  412. package/dist/esm/ds-input-slider.entry.js +2890 -0
  413. package/dist/esm/ds-input.entry.js +20 -11
  414. package/dist/esm/ds-item.entry.js +7 -7
  415. package/dist/esm/ds-label.entry.js +11 -11
  416. package/dist/esm/ds-list.entry.js +5 -5
  417. package/dist/esm/ds-modal-body.entry.js +3 -3
  418. package/dist/esm/ds-modal-header.entry.js +3 -3
  419. package/dist/esm/ds-modal.entry.js +9 -9
  420. package/dist/esm/ds-navbar.entry.js +17 -17
  421. package/dist/esm/ds-notification.entry.js +11 -11
  422. package/dist/esm/ds-number-input.entry.js +24 -110
  423. package/dist/esm/ds-pagination.entry.js +17 -17
  424. package/dist/esm/ds-progress-bar.entry.js +14 -14
  425. package/dist/esm/ds-radio-group.entry.js +39 -15
  426. package/dist/esm/ds-radio.entry.js +19 -10
  427. package/dist/esm/ds-segment-item.entry.js +5 -5
  428. package/dist/esm/ds-segment.entry.js +21 -15
  429. package/dist/esm/ds-select-optgroup.entry.js +5 -5
  430. package/dist/esm/ds-select-option.entry.js +5 -5
  431. package/dist/esm/ds-select.entry.js +18 -13
  432. package/dist/esm/ds-shape.entry.js +5 -5
  433. package/dist/esm/ds-snackbar.entry.js +14 -14
  434. package/dist/esm/ds-step-panel.entry.js +6 -6
  435. package/dist/esm/ds-step.entry.js +5 -5
  436. package/dist/esm/ds-steps.entry.js +6 -6
  437. package/dist/esm/ds-tab-panel.entry.js +6 -6
  438. package/dist/esm/ds-tab.entry.js +5 -5
  439. package/dist/esm/ds-tabs.entry.js +12 -12
  440. package/dist/esm/ds-tag-group.entry.js +3 -3
  441. package/dist/esm/ds-tag.entry.js +9 -9
  442. package/dist/esm/ds-text.entry.js +10 -10
  443. package/dist/esm/ds-textarea.entry.js +19 -10
  444. package/dist/esm/ds-toast.entry.js +12 -12
  445. package/dist/esm/ds-toggle.entry.js +7 -7
  446. package/dist/esm/ds-tooltip.entry.js +5 -5
  447. package/dist/esm/{field.util-BjZzAi09.js → field.util-Dl02gvlr.js} +32 -3
  448. package/dist/esm/{focus-ZxHImoOj.js → focus-C1_jVoAm.js} +1 -1
  449. package/dist/esm/{form-control-DvJo0GKN.js → form-control-BAP86QSm.js} +1 -1
  450. package/dist/esm/{has-value-DU9L2JaI.js → has-value-CADjf9QZ.js} +1 -1
  451. package/dist/esm/{heading.interfaces-Ceu7FIWM.js → heading.interfaces-BdLq-Ecc.js} +2 -3
  452. package/dist/esm/{index-C6MVahkC.js → index-MUUOiuTm.js} +80 -1
  453. package/dist/esm/index.js +10 -10
  454. package/dist/esm/isArray-B8PCdo6e.js +40 -0
  455. package/dist/esm/isNaN-BrbqGXXw.js +104 -0
  456. package/dist/esm/{isObjectLike-BAYao9w7.js → isObjectLike-BnBXjF_n.js} +1 -37
  457. package/dist/esm/{listener-DHP2OPMZ.js → listener-DiVrGAqj.js} +1 -1
  458. package/dist/esm/loader.js +3 -3
  459. package/dist/esm/{one-of-CKPv0Nqm.js → one-of-rLykP5eX.js} +1 -1
  460. package/dist/esm/{required-Dqsbx5fH.js → required-BsfIY-qW.js} +1 -1
  461. package/dist/esm/{resize.decorator-B8h8D676.js → resize.decorator-BNy5tJCt.js} +2 -2
  462. package/dist/esm/{scroll-CsH7NHo5.js → scroll-D4cC-Fsr.js} +1 -1
  463. package/dist/esm/{svg-B8KVoKrH.js → svg-D-_px2sY.js} +96 -33
  464. package/dist/esm/{tslib.es6-C9GKXw-5.js → tslib.es6-C7vR-gMn.js} +1 -1
  465. package/dist/esm/{type-DzkhLOG_.js → type-Bqge296W.js} +1 -1
  466. package/dist/types/components/app/app.d.ts +23 -0
  467. package/dist/types/components/badge/badge.d.ts +12 -4
  468. package/dist/types/components/badge/badge.interfaces.d.ts +3 -3
  469. package/dist/types/components/button/button.interfaces.d.ts +1 -1
  470. package/dist/types/components/card/card-subtitle/card-subtitle.d.ts +1 -1
  471. package/dist/types/components/card/card-title/card-title.d.ts +1 -1
  472. package/dist/types/components/card/card.d.ts +1 -1
  473. package/dist/types/components/checkbox/checkbox-group/checkbox-group.d.ts +10 -0
  474. package/dist/types/components/checkbox/checkbox.d.ts +4 -0
  475. package/dist/types/components/close/close.d.ts +14 -2
  476. package/dist/types/components/close/close.interfaces.d.ts +1 -1
  477. package/dist/types/components/content/content.d.ts +6 -6
  478. package/dist/types/components/content/content.interfaces.d.ts +3 -3
  479. package/dist/types/components/date/date.d.ts +3 -0
  480. package/dist/types/components/file-upload/file-upload.d.ts +3 -0
  481. package/dist/types/components/heading/heading.d.ts +10 -10
  482. package/dist/types/components/heading/heading.interfaces.d.ts +3 -3
  483. package/dist/types/components/input/input.d.ts +4 -0
  484. package/dist/types/components/input-slider/input-slider.d.ts +189 -0
  485. package/dist/types/components/input-slider/input-slider.interfaces.d.ts +18 -0
  486. package/dist/types/components/input-slider/input-slider.picker.d.ts +37 -0
  487. package/dist/types/components/input-slider/input-slider.utils.d.ts +18 -0
  488. package/dist/types/components/input-slider/test/input-slider.a11y.play.d.ts +1 -0
  489. package/dist/types/components/input-slider/test/input-slider.component.play.d.ts +1 -0
  490. package/dist/types/components/input-slider/test/input-slider.visual.play.d.ts +1 -0
  491. package/dist/types/components/number-input/number-input.d.ts +4 -0
  492. package/dist/types/components/radio/radio-group/radio-group.d.ts +10 -0
  493. package/dist/types/components/radio/radio.d.ts +4 -0
  494. package/dist/types/components/segment/segment/segment.d.ts +3 -0
  495. package/dist/types/components/select/select.d.ts +3 -0
  496. package/dist/types/components/spinner/spinner.d.ts +8 -7
  497. package/dist/types/components/spinner/spinner.interfaces.d.ts +1 -1
  498. package/dist/types/components/stack/stack.d.ts +3 -3
  499. package/dist/types/components/stack/stack.interfaces.d.ts +2 -2
  500. package/dist/types/components/textarea/textarea.d.ts +4 -0
  501. package/dist/types/components.d.ts +334 -70
  502. package/dist/types/global/token-preview.d.ts +8 -0
  503. package/dist/types/global/token-preview.types.d.ts +20 -0
  504. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/index.d.ts +1 -0
  505. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/input-slider.po.d.ts +18 -0
  506. package/dist/types/utils/index.d.ts +1 -0
  507. package/dist/types/utils/invalid-text-slot.d.ts +9 -0
  508. package/docs/cem.json +792 -211
  509. package/docs/components.json +2434 -1559
  510. package/docs/html.html-data.json +124 -1
  511. package/docs/tags.json +1 -0
  512. package/docs/visual-pages.json +51 -0
  513. package/package.json +10 -9
  514. package/sbom.cdx.json +41369 -18745
  515. package/components/p-B1gnrQ9b.js +0 -4
  516. package/components/p-CA7G72wZ.js +0 -4
  517. package/components/p-CYWn3X22.js +0 -4
  518. package/components/p-Ceu7FIWM.js +0 -4
  519. package/components/p-Ctnm_MBD.js +0 -4
  520. package/components/p-DQBzmbR6.js +0 -4
  521. package/components/p-DsvYY32v.js +0 -4
  522. package/components/p-Du7QOHtz.js +0 -5
  523. package/components/p-FBQaJyH0.js +0 -4
  524. package/dist/design-system/p-014d464627.entry.js +0 -4
  525. package/dist/design-system/p-0ff0be5b83.entry.js +0 -4
  526. package/dist/design-system/p-11f34d0c7d.entry.js +0 -4
  527. package/dist/design-system/p-163d606781.entry.js +0 -4
  528. package/dist/design-system/p-1VXOIrN2.js +0 -4
  529. package/dist/design-system/p-202ecb8f01.entry.js +0 -4
  530. package/dist/design-system/p-27d181c5ac.entry.js +0 -4
  531. package/dist/design-system/p-2a35e0b9b0.entry.js +0 -4
  532. package/dist/design-system/p-2f51e1d39b.entry.js +0 -4
  533. package/dist/design-system/p-3292ae6a05.entry.js +0 -4
  534. package/dist/design-system/p-3895178b39.entry.js +0 -4
  535. package/dist/design-system/p-3c6b7a2967.entry.js +0 -4
  536. package/dist/design-system/p-3ef4bd1c59.entry.js +0 -4
  537. package/dist/design-system/p-493b18cc46.entry.js +0 -4
  538. package/dist/design-system/p-4a99464dae.entry.js +0 -4
  539. package/dist/design-system/p-5e51fa8df4.entry.js +0 -4
  540. package/dist/design-system/p-62cb503015.entry.js +0 -4
  541. package/dist/design-system/p-65c221261c.entry.js +0 -4
  542. package/dist/design-system/p-68c9f4f630.entry.js +0 -4
  543. package/dist/design-system/p-68ebed7eee.entry.js +0 -4
  544. package/dist/design-system/p-6b6531379b.entry.js +0 -4
  545. package/dist/design-system/p-6d168ba9ad.entry.js +0 -4
  546. package/dist/design-system/p-787bd92bcc.entry.js +0 -4
  547. package/dist/design-system/p-7c8bf0f33e.entry.js +0 -4
  548. package/dist/design-system/p-8353961d39.entry.js +0 -4
  549. package/dist/design-system/p-B8KVoKrH.js +0 -5
  550. package/dist/design-system/p-BLGVE-7Z.js +0 -4
  551. package/dist/design-system/p-BPGfTrrM.js +0 -4
  552. package/dist/design-system/p-C6MVahkC.js +0 -5
  553. package/dist/design-system/p-Ceu7FIWM.js +0 -4
  554. package/dist/design-system/p-CwCAiaMq.js +0 -4
  555. package/dist/design-system/p-DHeVI6dR.js +0 -4
  556. package/dist/design-system/p-ad2b17b0a0.entry.js +0 -4
  557. package/dist/design-system/p-b68bc14064.entry.js +0 -4
  558. package/dist/design-system/p-b955a93959.entry.js +0 -4
  559. package/dist/design-system/p-caad93b943.entry.js +0 -4
  560. package/dist/design-system/p-cca79bfeb1.entry.js +0 -4
  561. package/dist/design-system/p-ddf2a7dfee.entry.js +0 -4
  562. package/dist/design-system/p-df5899b930.entry.js +0 -4
  563. package/dist/design-system/p-e85c92ca1a.entry.js +0 -4
  564. package/dist/design-system/p-f62643c33d.entry.js +0 -4
  565. package/dist/design-system/p-fa9568abce.entry.js +0 -4
  566. package/dist/design-system/p-fcd98f22b7.entry.js +0 -4
  567. package/dist/design-system/p-feeef4a8cb.entry.js +0 -4
  568. package/dist/design-system/p-tl_BegdE.js +0 -4
package/dist/design-system/p-e743fa4c17.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as i,I as o,E as t,F as n,G as a}from"./p-MUUOiuTm.js";import{_ as c,L as r,a as e}from"./p-_rk5qARQ.js";import{s}from"./p-DuKlHFAK.js";import{h as f}from"./p-6Iq8BM7N.js";import{n as d}from"./p-DR5LIaCn.js";import{T as l}from"./p-B9ddSbbe.js";import{O as m}from"./p-_Ywzmi-B.js";import"./p-BjaiDrCD.js";const v=class{constructor(t){i(this,t),this.dsCloseClick=o(this,"dsCloseClick"),this.dsDidLoad=o(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.color="",this.heading="",this.noIcon=!1}createLogger(i){this.log=i}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=d(this.size)||"";return t(n,Object.assign({key:"f3e829a86b22c64fe93b06b2664b398a7248d49f"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,[`is-${this.color}`]:f(this.color),[`is-${i}`]:f(this.size)}}),t("section",{key:"f8ff4cdc8379ec73ac00a6654478a0039dd746f1",id:"notification",part:"section"},this.closable&&t("ds-close",{key:"f72f440db26de1ef40ca24ec9c9f06015ce31126",part:"close",onClick:i=>{s(i),this.close()}}),f(this.heading)&&t("h2",{key:"adae5186e4009153c2d93645bdf8ab49e4da9df7",part:"heading"},this.heading),t("span",{key:"979fc05e46a6c9220826efeac704f87f23f9ce49"},t("slot",{key:"88929c8c561498c89755da6bd6d36819a7e6d390"}))))}get el(){return a(this)}};c([r("notification"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],v.prototype,"createLogger",null),c([l("boolean"),e("design:type",Boolean)],v.prototype,"alert",void 0),c([l("boolean"),e("design:type",Boolean)],v.prototype,"closable",void 0),c([m(["","base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"]),e("design:type",String)],v.prototype,"color",void 0),c([l("string"),e("design:type",String)],v.prototype,"heading",void 0),c([l("boolean"),e("design:type",Boolean)],v.prototype,"noIcon",void 0),c([m(["sm","md","lg","","small","medium","large"]),e("design:type",String)],v.prototype,"size",void 0),v.style=':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-color-base-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-color-base-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-color-base-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-alias-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-alias-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-alias-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-alias-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-alias-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-alias-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-alias-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-color-base-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);margin:0 !important}#notification:has(.close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-color-info-text);--mod-notification-color-border:var(--ds-notification-color-info-border);--mod-notification-color-background:var(--ds-notification-color-info-background);--mod-notification-icon:var(--ds-notification-color-info-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-color-success-text);--mod-notification-color-border:var(--ds-notification-color-success-border);--mod-notification-color-background:var(--ds-notification-color-success-background);--mod-notification-icon:var(--ds-notification-color-success-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-color-warning-text);--mod-notification-color-border:var(--ds-notification-color-warning-border);--mod-notification-color-background:var(--ds-notification-color-warning-background);--mod-notification-icon:var(--ds-notification-color-warning-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-color-danger-text);--mod-notification-color-border:var(--ds-notification-color-danger-border);--mod-notification-color-background:var(--ds-notification-color-danger-background);--mod-notification-icon:var(--ds-notification-color-danger-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-color-outline-base-text);--mod-notification-color-border:var(--ds-notification-color-outline-base-border);--mod-notification-color-background:var(--ds-notification-color-outline-base-background);--mod-notification-icon:var(--ds-notification-color-outline-base-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-color-outline-purple-text);--mod-notification-color-border:var(--ds-notification-color-outline-purple-border);--mod-notification-color-background:var(--ds-notification-color-outline-purple-background);--mod-notification-icon:var(--ds-notification-color-outline-purple-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-color-outline-green-text);--mod-notification-color-border:var(--ds-notification-color-outline-green-border);--mod-notification-color-background:var(--ds-notification-color-outline-green-background);--mod-notification-icon:var(--ds-notification-color-outline-green-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-color-outline-yellow-text);--mod-notification-color-border:var(--ds-notification-color-outline-yellow-border);--mod-notification-color-background:var(--ds-notification-color-outline-yellow-background);--mod-notification-icon:var(--ds-notification-color-outline-yellow-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-color-outline-red-text);--mod-notification-color-border:var(--ds-notification-color-outline-red-border);--mod-notification-color-background:var(--ds-notification-color-outline-red-background);--mod-notification-icon:var(--ds-notification-color-outline-red-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}';export{v as ds_notification}
package/dist/design-system/p-e94b66c13e.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as i,I as o,v as s,f as t,M as e,E as r,G as a}from"./p-MUUOiuTm.js";import{_ as n,L as l,a as d}from"./p-_rk5qARQ.js";import{s as h}from"./p-DuKlHFAK.js";import{w as c,F as m}from"./p-BDcIydUK.js";import{I as p}from"./p-BMM6Nxeh.js";import{R as f,a as g,b}from"./p-BFeO6Gq4.js";import{T as v}from"./p-B9ddSbbe.js";import{O as y}from"./p-_Ywzmi-B.js";import{L as u}from"./p-DWdcUUdS.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-BjaiDrCD.js";import"./p-aPnyJLhr.js";const w=class{constructor(t){i(this,t),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.language=s.language,this.region=s.region,this.hasInvalidTextSlotContent=!1,this.inputId="ds-rg-"+x++,this.allowEmptySelection=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=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.vertical=!1,this.handleValueChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.handleSlotChange=()=>{this.passDownAttributes(),this.handleValueChange()},this.handleClick=i=>{if(i.target.href)return;i.preventDefault();const o=i.target&&i.target.closest("ds-radio");if(o&&!o.disabled&&!o.readonly){const i=o.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0),this.dsChange.emit(this.value),this.internals.setFormValue(this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.disconnectInvalidTextSlotWatcher=c(this.el,(i=>{this.hasInvalidTextSlotContent=i})),this.passDownAttributes()}disconnectedCallback(){var i;null===(i=this.disconnectInvalidTextSlotWatcher)||void 0===i||i.call(this)}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsChange(i){t(this.el,i.target)&&h(i)}listenToDsFocus(i){const{target:o}=i;o&&t(this.el,o)&&e(o,"ds-radio")&&h(i)}listenToDsBlur(i){const{target:o}=i;o&&t(this.el,o)&&e(o,"ds-radio")&&h(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}listenToKeydown(i){if(i.target&&!this.el.contains(i.target))return;const o=this.getRadios().filter((i=>!i.disabled)),s=i.target.closest("ds-radio");if(s&&o.includes(s)){const t=o.findIndex((i=>i===s)),e=o[t];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=t===o.length-1?o[0]:o[t+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===t?o[o.length-1]:o[t-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:e.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){const i=this.invalid||this.hasInvalidTextSlotContent;this.getRadios().forEach((o=>{var s;void 0!==this.disabled&&(o.disabled=this.disabled),void 0!==this.readonly&&(o.readonly=this.readonly),o.invalid=i,o.labelPosition=this.labelPosition,o.tile=this.tile,o.hideTrigger=this.hideTrigger,o.tileColor=null!==(s=o.getAttribute("tile-color"))&&void 0!==s?s:this.tileColor,o.cols=this.cols,o.colsTablet=this.colsTablet,o.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),s=o.find((i=>!i.disabled)),t=o.find((o=>o.value===i&&!o.disabled));if(!s&&!t)return;const e=t||s;for(const i of o)i.setButtonTabindex(i===e?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return r(m,{key:"c7cc878d4b12a536d805dbdf3e44419cc2c31c3f",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid||this.hasInvalidTextSlotContent,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},onClick:this.handleClick},r("slot",{key:"468b13eff479f2654ce14a5b513e10f513fbf0ee",onSlotchange:this.handleSlotChange}))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}]}}};n([l("radio-group"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),n([v("boolean"),d("design:type",Boolean)],w.prototype,"allowEmptySelection",void 0),n([y(p),d("design:type",String)],w.prototype,"color",void 0),n([y(f),d("design:type",Number)],w.prototype,"cols",void 0),n([y(f),d("design:type",Number)],w.prototype,"colsMobile",void 0),n([y(f),d("design:type",Number)],w.prototype,"colsTablet",void 0),n([v("string"),d("design:type",String)],w.prototype,"description",void 0),n([v("boolean"),d("design:type",Boolean)],w.prototype,"disabled",void 0),n([v("boolean"),d("design:type",Boolean)],w.prototype,"invalid",void 0),n([v("string"),d("design:type",String)],w.prototype,"invalidText",void 0),n([v("string"),d("design:type",String)],w.prototype,"label",void 0),n([y(g),d("design:type",String)],w.prototype,"labelPosition",void 0),n([v("boolean"),d("design:type",Boolean)],w.prototype,"loading",void 0),n([v("string"),d("design:type",String)],w.prototype,"name",void 0),n([v("boolean"),d("design:type",Boolean)],w.prototype,"readonly",void 0),n([v("boolean"),d("design:type",Boolean)],w.prototype,"required",void 0),n([v("boolean"),d("design:type",Boolean)],w.prototype,"tile",void 0),n([v("boolean"),d("design:type",Boolean)],w.prototype,"hideTrigger",void 0),n([y(b),d("design:type",String)],w.prototype,"tileColor",void 0),n([v("boolean"),d("design:type",Boolean)],w.prototype,"vertical",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);let x=0;w.style=":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-radio-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-radio-group-label-color:var(--ds-form-label-color-disabled);--mod-radio-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}";export{w as ds_radio_group}
package/dist/design-system/{p-a8de98dd7b.entry.js → p-ec3f2ded29.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as e,I as o,E as a,F as l,G as t}from"./p-C6MVahkC.js";import{_ as r,L as c,a as i}from"./p-DgVaaZT_.js";import{i as s}from"./p-B62ocg4Q.js";import{T as d}from"./p-CwCAiaMq.js";import{O as g}from"./p-BvEM6oCl.js";import"./p-HwbqEzpk.js";const n=[1,2,3,4],h=class{constructor(a){e(this,a),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.inputId="ds-tg-"+b++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.color="",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.disabled=!1,this.invalid=!1,this.label="",this.labelPosition="right",this.name=this.inputId,this.readonly=!1,this.required=!1,this.tile=!1,this.value="on",this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))},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))}}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=s(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 a(l,{key:"1b7d121632acd52923b9fde51d6c960b13d0660b","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-dense":this.dense,"is-tile":this.tile,"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}},a("label",{key:"02ab5607ab4e4df86bb693d4d17f6b92bcaaffe1",id:"label",part:"label"},a("input",Object.assign({key:"67cbba07cd0f24182220936effbcf4e226fe59a5",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)),a("div",{key:"9d95926646c9f3f9fee266ddc2a6b2755ba720a8",id:"slot",part:"slot"},a("slot",{key:"398da82c7431036f155fd81cb3ce1bf80e49deeb"}))))}static get formAssociated(){return!0}get el(){return t(this)}};r([c("toggle"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],h.prototype,"createLogger",null),r([d("boolean"),i("design:type",Boolean)],h.prototype,"autoInvalidOff",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"checked",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"dense",void 0),r([g(["","purple","green","yellow","red"]),i("design:type",String)],h.prototype,"color",void 0),r([g(n),i("design:type",Number)],h.prototype,"cols",void 0),r([g(n),i("design:type",Number)],h.prototype,"colsMobile",void 0),r([g(n),i("design:type",Number)],h.prototype,"colsTablet",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"disabled",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"invalid",void 0),r([d("string"),i("design:type",String)],h.prototype,"label",void 0),r([g(["left","top","right"]),i("design:type",String)],h.prototype,"labelPosition",void 0),r([d("string"),i("design:type",String)],h.prototype,"name",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"readonly",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"required",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"tile",void 0);let b=0;h.style=":host{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-global-color-sky-5)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-global-color-primary-6)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-alias-border-width-base)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-alias-radius-rounded)));--_toggle-padding-y:var(--toggle-padding-y, var(--mod-toggle-padding-y, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-tile-radius:var(--toggle-tile-radius, var(--mod-toggle-tile-radius, var(--ds-alias-radius-base)));--_toggle-tile-padding:var(--toggle-tile-padding, var(--mod-toggle-tile-padding, 1rem));--_toggle-tile-border-width:var(--toggle-tile-border-width, var(--mod-toggle-tile-border-width, var(--ds-alias-border-width-base)));--_toggle-tile-base-background-color:var(--toggle-tile-base-background-color, var(--mod-toggle-tile-base-background-color, inherit));--_toggle-tile-base-border-color:var(--toggle-tile-base-border-color, var(--mod-toggle-tile-base-border-color, var(--ds-global-color-grey-3)));--_toggle-tile-hover-background-color:var(--toggle-tile-hover-background-color, var(--mod-toggle-tile-hover-background-color, var(--ds-global-color-grey-2)));--_toggle-tile-hover-border-color:var(--toggle-tile-hover-border-color, var(--mod-toggle-tile-hover-border-color, var(--ds-global-color-sky-5)));--_toggle-tile-active-background-color:var(--toggle-tile-active-background-color, var(--mod-toggle-tile-active-background-color, var(--ds-global-color-grey-2)));--_toggle-tile-active-border-color:var(--toggle-tile-active-border-color, var(--mod-toggle-tile-active-border-color, var(--ds-global-color-primary-6)));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-global-color-primary-5)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-global-color-sky-5)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-global-color-primary-6)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-global-color-success-4)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-global-color-white)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-global-color-white)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-global-color-success-5)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-global-color-white)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-global-color-success-6)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-global-color-white)))}: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(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:var(--_toggle-padding-y);padding-bottom:var(--_toggle-padding-y);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;cursor:pointer}: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(--_toggle-radius)}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:\"\";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:\"\";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-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-dense){--mod-toggle-min-height:2rem;--mod-toggle-padding-y:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--ds-global-color-grey-5);--mod-toggle-label-hover-color:var(--ds-global-color-grey-5);--mod-toggle-label-active-color:var(--ds-global-color-grey-5);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-grey-3);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-grey-5);--mod-toggle-checked-base-color-background:var(--ds-global-color-grey-5);--mod-toggle-checked-base-color-tick:var(--ds-global-color-grey-3)}: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(--_toggle-tile-padding);border-style:solid;border-width:var(--_toggle-tile-border-width);border-radius:var(--_toggle-tile-radius);border-color:var(--_toggle-tile-base-border-color);background:var(--_toggle-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_toggle-tile-hover-border-color);background:var(--_toggle-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_toggle-tile-active-border-color);background:var(--_toggle-tile-active-background-color)}:host(.is-tile.is-checked){--mod-toggle-tile-base-border-color:var(--_toggle-checked-base-color-background)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-toggle-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-toggle-tile-active-background-color:var(--ds-global-color-danger-1);--mod-toggle-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-toggle-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}";export{h as ds_toggle}
4
+ import{B as e,I as o,E as a,F as l,G as t}from"./p-MUUOiuTm.js";import{_ as r,L as c,a as i}from"./p-_rk5qARQ.js";import{i as s}from"./p-B62ocg4Q.js";import{T as d}from"./p-B9ddSbbe.js";import{O as g}from"./p-_Ywzmi-B.js";import"./p-BjaiDrCD.js";const n=[1,2,3,4],h=class{constructor(a){e(this,a),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.inputId="ds-tg-"+b++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.color="",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.disabled=!1,this.invalid=!1,this.label="",this.labelPosition="right",this.name=this.inputId,this.readonly=!1,this.required=!1,this.tile=!1,this.value="on",this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))},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))}}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=s(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 a(l,{key:"82e0075aa3e76cc231d0e507de6f6abbc6947fbd","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-dense":this.dense,"is-tile":this.tile,"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}},a("label",{key:"0a6ec1155840f00f9cba605ed1436744d7ea5c44",id:"label",part:"label"},a("input",Object.assign({key:"fce712af56287d341b3e096b87338e75aa078e7e",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)),a("div",{key:"ddabd79fa0110eb5d3bf25023814af1cd75c4c28",id:"slot",part:"slot"},a("slot",{key:"05f2ca777a6d522ecc30e5bff1fba852ef32b3a5"}))))}static get formAssociated(){return!0}get el(){return t(this)}};r([c("toggle"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],h.prototype,"createLogger",null),r([d("boolean"),i("design:type",Boolean)],h.prototype,"autoInvalidOff",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"checked",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"dense",void 0),r([g(["","purple","green","yellow","red"]),i("design:type",String)],h.prototype,"color",void 0),r([g(n),i("design:type",Number)],h.prototype,"cols",void 0),r([g(n),i("design:type",Number)],h.prototype,"colsMobile",void 0),r([g(n),i("design:type",Number)],h.prototype,"colsTablet",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"disabled",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"invalid",void 0),r([d("string"),i("design:type",String)],h.prototype,"label",void 0),r([g(["left","top","right"]),i("design:type",String)],h.prototype,"labelPosition",void 0),r([d("string"),i("design:type",String)],h.prototype,"name",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"readonly",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"required",void 0),r([d("boolean"),i("design:type",Boolean)],h.prototype,"tile",void 0);let b=0;h.style=":host{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-global-color-sky-5)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-global-color-primary-6)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-alias-border-width-base)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-alias-radius-rounded)));--_toggle-padding-y:var(--toggle-padding-y, var(--mod-toggle-padding-y, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-tile-radius:var(--toggle-tile-radius, var(--mod-toggle-tile-radius, var(--ds-alias-radius-base)));--_toggle-tile-padding:var(--toggle-tile-padding, var(--mod-toggle-tile-padding, 1rem));--_toggle-tile-border-width:var(--toggle-tile-border-width, var(--mod-toggle-tile-border-width, var(--ds-alias-border-width-base)));--_toggle-tile-base-background-color:var(--toggle-tile-base-background-color, var(--mod-toggle-tile-base-background-color, inherit));--_toggle-tile-base-border-color:var(--toggle-tile-base-border-color, var(--mod-toggle-tile-base-border-color, var(--ds-global-color-grey-3)));--_toggle-tile-hover-background-color:var(--toggle-tile-hover-background-color, var(--mod-toggle-tile-hover-background-color, var(--ds-global-color-grey-2)));--_toggle-tile-hover-border-color:var(--toggle-tile-hover-border-color, var(--mod-toggle-tile-hover-border-color, var(--ds-global-color-sky-5)));--_toggle-tile-active-background-color:var(--toggle-tile-active-background-color, var(--mod-toggle-tile-active-background-color, var(--ds-global-color-grey-2)));--_toggle-tile-active-border-color:var(--toggle-tile-active-border-color, var(--mod-toggle-tile-active-border-color, var(--ds-global-color-primary-6)));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-global-color-primary-5)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-global-color-sky-5)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-global-color-primary-6)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-global-color-success-4)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-global-color-white)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-global-color-white)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-global-color-success-5)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-global-color-white)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-global-color-success-6)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-global-color-white)))}: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(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:var(--_toggle-padding-y);padding-bottom:var(--_toggle-padding-y);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;cursor:pointer}: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(--_toggle-radius)}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:\"\";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:\"\";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-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-dense){--mod-toggle-min-height:2rem;--mod-toggle-padding-y:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--ds-global-color-grey-5);--mod-toggle-label-hover-color:var(--ds-global-color-grey-5);--mod-toggle-label-active-color:var(--ds-global-color-grey-5);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-grey-3);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-grey-5);--mod-toggle-checked-base-color-background:var(--ds-global-color-grey-5);--mod-toggle-checked-base-color-tick:var(--ds-global-color-grey-3)}: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(--_toggle-tile-padding);border-style:solid;border-width:var(--_toggle-tile-border-width);border-radius:var(--_toggle-tile-radius);border-color:var(--_toggle-tile-base-border-color);background:var(--_toggle-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_toggle-tile-hover-border-color);background:var(--_toggle-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_toggle-tile-active-border-color);background:var(--_toggle-tile-active-background-color)}:host(.is-tile.is-checked){--mod-toggle-tile-base-border-color:var(--_toggle-checked-base-color-background)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-toggle-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-toggle-tile-active-background-color:var(--ds-global-color-danger-1);--mod-toggle-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-toggle-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}";export{h as ds_toggle}
package/dist/design-system/p-ed3f364d1f.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as o,I as e,E as c,F as r,G as a}from"./p-MUUOiuTm.js";import{_ as l,L as s,a as i}from"./p-_rk5qARQ.js";import{i as d}from"./p-B62ocg4Q.js";import{h as t}from"./p-6Iq8BM7N.js";import{C as b,a as h}from"./p-LCAsAZzj.js";import{T as n}from"./p-B9ddSbbe.js";import{R as k}from"./p-DQGbRzw_.js";import{O as v}from"./p-_Ywzmi-B.js";import"./p-BjaiDrCD.js";const g=class{constructor(c){o(this,c),this.dsFocus=e(this,"dsFocus"),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),c.$hostElement$["s-ei"]?this.internals=c.$hostElement$["s-ei"]:(this.internals=c.$hostElement$.attachInternals(),c.$hostElement$["s-ei"]=this.internals),this.inputId="ds-cb-"+x++,this.inheritAttributes={},this.focused=!1,this.name=this.inputId,this.label="",this.labelPosition="right",this.value="on",this.checked=!1,this.initialValue=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.invalid=!1,this.tileColor="",this.tile=!1,this.hideTrigger=!1,this.cols=1,this.colsTablet=1,this.colsMobile=1,this.handleChange=o=>{this.checked=o.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=o=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(o))},this.handleBlur=o=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(o))}}createLogger(o){this.log=o}connectedCallback(){this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=d(this.el,["aria-label","tabindex","title"])}listenToReset(o){const e=o.target;(null==e?void 0:e.contains(this.el))&&(this.checked=this.initialValue)}render(){return c(r,{key:"0418748cddb540685593232b2d5d24af0b74c92c","aria-disabled":this.disabled?"true":null,"aria-checked":`${this.checked}`,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-tile":this.tile,[`has-tile-${this.tileColor}`]:this.tile&&t(this.tileColor),"hide-trigger":this.tile&&this.hideTrigger,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition,[`has-cols-${this.cols}`]:this.tile&&this.cols>1,[`has-cols-${this.colsTablet}-tablet`]:this.tile&&this.colsTablet>1,[`has-cols-${this.colsMobile}-mobile`]:this.tile&&this.colsMobile>1}},c("label",{key:"23a8ac34d5eb3e6df9e42a2c647435247d1ad75e",id:"label",part:"label"},c("input",Object.assign({key:"4c05be40b1256fb5c60472b47e4a0ae8c55e3dd5",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:o=>this.handleChange(o),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:o=>this.nativeInput=o},this.inheritAttributes)),c("div",{key:"d90f4780331aa2c76ddd4a680d8d9e93d9d5b013",id:"slot",part:"slot"},c("slot",{key:"7e2b971fbb93fdd4c86cadb56572dcd705743691"},this.label))))}static get formAssociated(){return!0}get el(){return a(this)}};l([s("checkbox"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],g.prototype,"createLogger",null),l([n("string"),i("design:type",String)],g.prototype,"name",void 0),l([n("string"),i("design:type",String)],g.prototype,"label",void 0),l([k(),v(b),i("design:type",String)],g.prototype,"labelPosition",void 0),l([n("string"),i("design:type",Object)],g.prototype,"value",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"checked",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"disabled",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"readonly",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"required",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"invalid",void 0),l([v(h),i("design:type",String)],g.prototype,"tileColor",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"tile",void 0),l([n("boolean"),i("design:type",Boolean)],g.prototype,"hideTrigger",void 0);let x=0;g.style=":host{--_checkbox-gap:var(--checkbox-gap, var(--mod-checkbox-gap, 0.5rem));--_checkbox-label-base-color:var(--checkbox-label-base-color, var(--mod-checkbox-label-base-color, inherit));--_checkbox-label-hover-color:var(--checkbox-label-hover-color, var(--mod-checkbox-label-hover-color, var(--ds-global-color-sky-5)));--_checkbox-label-active-color:var(--checkbox-label-active-color, var(--mod-checkbox-label-active-color, var(--ds-global-color-primary-6)));--_checkbox-size:var(--checkbox-size, var(--mod-checkbox-size, 1.5rem));--_checkbox-border-width:var(--checkbox-border-width, var(--mod-checkbox-border-width, var(--ds-alias-border-width-base)));--_checkbox-radius:var(--checkbox-radius, var(--mod-checkbox-radius, var(--ds-alias-radius-base)));--_checkbox-tile-radius:var(--checkbox-tile-radius, var(--mod-checkbox-tile-radius, var(--ds-alias-radius-base)));--_checkbox-tile-padding:var(--checkbox-tile-padding, var(--mod-checkbox-tile-padding, 1rem));--_checkbox-tile-border-width:var(--checkbox-tile-border-width, var(--mod-checkbox-tile-border-width, var(--ds-alias-border-width-base)));--_checkbox-tile-base-background-color:var(--checkbox-tile-base-background-color, var(--mod-checkbox-tile-base-background-color, inherit));--_checkbox-tile-base-border-color:var(--checkbox-tile-base-border-color, var(--mod-checkbox-tile-base-border-color, var(--ds-global-color-grey-3)));--_checkbox-tile-hover-background-color:var(--checkbox-tile-hover-background-color, var(--mod-checkbox-tile-hover-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-hover-border-color:var(--checkbox-tile-hover-border-color, var(--mod-checkbox-tile-hover-border-color, var(--ds-global-color-sky-5)));--_checkbox-tile-active-background-color:var(--checkbox-tile-active-background-color, var(--mod-checkbox-tile-active-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-active-border-color:var(--checkbox-tile-active-border-color, var(--mod-checkbox-tile-active-border-color, var(--ds-global-color-primary-6)));--_checkbox-unchecked-base-color-background:var(--checkbox-unchecked-base-color-background, var(--mod-checkbox-unchecked-base-color-background, transparent));--_checkbox-unchecked-base-color-border:var(--checkbox-unchecked-base-color-border, var(--mod-checkbox-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-unchecked-hover-color-background:var(--checkbox-unchecked-hover-color-background, var(--mod-checkbox-unchecked-hover-color-background, var(--ds-global-color-grey-1)));--_checkbox-unchecked-hover-color-border:var(--checkbox-unchecked-hover-color-border, var(--mod-checkbox-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-unchecked-active-color-background:var(--checkbox-unchecked-active-color-background, var(--mod-checkbox-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_checkbox-unchecked-active-color-border:var(--checkbox-unchecked-active-color-border, var(--mod-checkbox-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_checkbox-checked-base-color-background:var(--checkbox-checked-base-color-background, var(--mod-checkbox-checked-base-color-background, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-border:var(--checkbox-checked-base-color-border, var(--mod-checkbox-checked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-icon:var(--checkbox-checked-base-color-icon, var(--mod-checkbox-checked-base-color-icon, var(--ds-global-color-white)));--_checkbox-checked-hover-color-background:var(--checkbox-checked-hover-color-background, var(--mod-checkbox-checked-hover-color-background, var(--ds-global-color-sky-5)));--_checkbox-checked-hover-color-border:var(--checkbox-checked-hover-color-border, var(--mod-checkbox-checked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-checked-active-color-background:var(--checkbox-checked-active-color-background, var(--mod-checkbox-checked-active-color-background, var(--ds-global-color-primary-6)));--_checkbox-checked-active-color-border:var(--checkbox-checked-active-color-border, var(--mod-checkbox-checked-active-color-border, var(--ds-global-color-primary-6)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_checkbox-gap);cursor:pointer;user-select:none;color:var(--_checkbox-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:.25rem;padding-bottom:.25rem;min-height:3rem}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_checkbox-label-hover-color)}}label:active{color:var(--_checkbox-label-active-color)}:host input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_checkbox-size);height:var(--_checkbox-size);background:var(--_checkbox-unchecked-base-color-background);border:var(--_checkbox-border-width) solid var(--_checkbox-unchecked-base-color-border);border-radius:var(--_checkbox-radius);vertical-align:top;cursor:pointer;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=checkbox]:disabled{cursor:default}:host input[type=checkbox]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_checkbox-radius)}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-hover-color-background);border-color:var(--_checkbox-unchecked-hover-color-border)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-active-color-background);border-color:var(--_checkbox-unchecked-active-color-border)}:host input[type=checkbox]:checked{background:var(--_checkbox-checked-base-color-background);border-color:var(--_checkbox-checked-base-color-border)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-hover-color-background);border-color:var(--_checkbox-checked-hover-color-border)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-active-color-background);border-color:var(--_checkbox-checked-active-color-border)}:host input[type=checkbox]::after{display:block;content:\"\";width:100%;height:100%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;opacity:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}:host input[type=checkbox]:checked::after{background-color:var(--_checkbox-checked-base-color-icon);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-invalid:not(.is-disabled)){--mod-checkbox-label-base-color:var(--ds-global-color-danger-4);--mod-checkbox-label-hover-color:var(--ds-global-color-danger-5);--mod-checkbox-label-active-color:var(--ds-global-color-danger-6);--mod-checkbox-unchecked-base-color-background:transparent;--mod-checkbox-unchecked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-base-color-background:var(--ds-divider-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-divider-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-checkbox-checked-active-color-background:var(--ds-divider-color-danger-darker);--mod-checkbox-checked-active-color-border:var(--ds-divider-color-danger-darker)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--ds-global-color-grey-5);--mod-checkbox-label-hover-color:var(--ds-global-color-grey-5);--mod-checkbox-label-active-color:var(--ds-global-color-grey-5);--mod-checkbox-unchecked-base-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-disabled)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{width:100%;height:100%;padding:var(--_checkbox-tile-padding);border-style:solid;border-width:var(--_checkbox-tile-border-width);border-radius:var(--_checkbox-tile-radius);border-color:var(--_checkbox-tile-base-border-color);background:var(--_checkbox-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_checkbox-tile-hover-border-color);background:var(--_checkbox-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_checkbox-tile-active-border-color);background:var(--_checkbox-tile-active-background-color)}:host(.is-tile.is-checked){--mod-checkbox-tile-base-border-color:var(--_checkbox-checked-base-color-background)}:host(.is-tile.hide-trigger) label{position:relative}:host(.is-tile.hide-trigger) input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(.is-tile.hide-trigger.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-primary-1)}:host(.is-tile.has-tile-green.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-checkbox-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-checkbox-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}";export{g as ds_checkbox}
package/dist/design-system/{p-a62b7985a0.entry.js → p-eedaf7fe85.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as s,I as i,J as t,d as a,K as e,L as o,E as p,F as d,G as n}from"./p-C6MVahkC.js";import{_ as r,L as c,a as h}from"./p-DgVaaZT_.js";import{d as l}from"./p-78NZc8PM.js";import{s as y}from"./p-BTyFgjT3.js";import{i as m,j as g}from"./p-DTxLRTYr.js";import{T as b}from"./p-CwCAiaMq.js";import"./p-HwbqEzpk.js";const f=class{constructor(e){s(this,e),this.dsAppReady=i(this,"dsAppReady"),this.debouncedNotify=t((()=>this.notifyResize()),100),this.animated=!0,this.ready=!1,this.logger="",this.notifyResize=async()=>{a.hasDocument&&a.hasWindow&&document.documentElement.style.setProperty("--ds-app-height",`${window.innerHeight}px`)}}createLogger(s){this.log=s}connectedCallback(){!1===this.animated&&m(this.animated),this.logger&&g(this.logger.split(",").map((s=>s.trim()))),a.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentDidLoad(){e((()=>{this.ready=!0,y()})),o((()=>{a.hasDocument&&a.hasWindow&&(document.documentElement.classList.add("lcp-ready"),this.dsAppReady.emit())}))}disconnectedCallback(){a.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(s){this.focusVisible&&this.focusVisible.setFocus(s)}render(){return p(d,{key:"1eaae424ed6f20db8d0d6a0c7c485f4d620d20bf",class:{"ds-app":!0,"ds-app--safari":a.isSafari,"ds-app--touch":l.hasTouchScreen}},p("slot",{key:"c80d99b79ee378c003a130f35beb688f746edb69"}))}get el(){return n(this)}};r([c("app"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],f.prototype,"createLogger",null),r([b("boolean"),h("design:type",Boolean)],f.prototype,"animated",void 0),r([b("boolean"),h("design:type",Boolean)],f.prototype,"ready",void 0),f.style=":root{--ds-app-height:100%}.ds-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";export{f as ds_app}
4
+ import{B as s,I as i,J as t,d as a,K as e,L as o,E as p,F as d,G as n}from"./p-MUUOiuTm.js";import{_ as r,L as c,a as h}from"./p-_rk5qARQ.js";import{d as l}from"./p-Bnpwi9iD.js";import{s as y}from"./p-BTyFgjT3.js";import{i as b,j as m}from"./p-aPnyJLhr.js";import{T as g}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const f=class{constructor(e){s(this,e),this.dsAppReady=i(this,"dsAppReady"),this.debouncedNotify=t((()=>this.notifyResize()),100),this.animated=!0,this.ready=!1,this.logger="",this.notifyResize=async()=>{a.hasDocument&&a.hasWindow&&document.documentElement.style.setProperty("--ds-app-height",`${window.innerHeight}px`)}}createLogger(s){this.log=s}connectedCallback(){!1===this.animated&&b(this.animated),this.logger&&m(this.logger.split(",").map((s=>s.trim()))),a.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentDidLoad(){e((()=>{this.ready=!0,y()})),o((()=>{a.hasDocument&&a.hasWindow&&(document.documentElement.classList.add("lcp-ready"),this.dsAppReady.emit())}))}disconnectedCallback(){a.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(s){this.focusVisible&&this.focusVisible.setFocus(s)}render(){return p(d,{key:"8bcef45566c21039ed2bfb494bf7bcd4dbbc8344",class:{"ds-app":!0,"ds-app--safari":a.isSafari,"ds-app--touch":l.hasTouchScreen}},p("slot",{key:"f3dba312b6a595d0b6a07a6f6b894f3fbb36f5c9"}))}get el(){return n(this)}};r([c("app"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],f.prototype,"createLogger",null),r([g("boolean"),h("design:type",Boolean)],f.prototype,"animated",void 0),r([g("boolean"),h("design:type",Boolean)],f.prototype,"ready",void 0),r([g("string"),h("design:type",String)],f.prototype,"logger",void 0),f.style=":root{--ds-app-height:100%}.ds-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";export{f as ds_app}
package/dist/design-system/p-ef1bf78788.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{x as r,B as o,I as i,v as e,N as t,E as n,G as a}from"./p-MUUOiuTm.js";import{_ as s,L as d,a as c}from"./p-_rk5qARQ.js";import{g as l}from"./p-Duhf3ymL.js";import{e as h,g as m,b as f,f as p,c as u,d as v,h as b}from"./p-dziB1ufg.js";import{r as g}from"./p-B8PCdo6e.js";import{i as y}from"./p-CziF75uh.js";import{i as _}from"./p-CYHzHtnv.js";import{i as w}from"./p-B62ocg4Q.js";import{F as k,s as x}from"./p-DuKlHFAK.js";import{h as z}from"./p-6Iq8BM7N.js";import{w as j,F as C}from"./p-BDcIydUK.js";import{u as B}from"./p-aPnyJLhr.js";import{N as F,A as I}from"./p-D86WpWIE.js";import{I as S}from"./p-BMM6Nxeh.js";import{O as D}from"./p-_Ywzmi-B.js";import{T as N}from"./p-B9ddSbbe.js";import{L as K}from"./p-DWdcUUdS.js";import"./p-CDhvZoCt.js";import"./p-BjaiDrCD.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";const P=()=>{const o=B();return o&&o.locale&&"fr-CH"===o.locale?"de-CH":o&&o.locale||r};function T(){return Intl.NumberFormat(P()).format(1.1).replace(/\p{Number}/gu,"")}function L(){return Intl.NumberFormat(P()).format(11111).replace(/\p{Number}/gu,"")}var M,$,O=l(function(){if($)return M;$=1;var r=h(),o=m(),i=f(),e=g(),t=p(),n=u(),a=b(),s=v(),d=Object.prototype.hasOwnProperty;return M=function(c){if(null==c)return!0;if(t(c)&&(e(c)||"string"==typeof c||"function"==typeof c.splice||n(c)||s(c)||i(c)))return!c.length;var l=o(c);if("[object Map]"==l||"[object Set]"==l)return!c.size;if(a(c))return!r(c).length;for(var h in c)if(d.call(c,h))return!1;return!0}}());function q(r){return"string"==typeof r&&"."!==L()}function E(r){const o=parseFloat(r);return"number"==typeof o&&!y(o)}function H(r,o=0){let i=r;if(""!==i&&null!=i&&!y(i)&&"-"!==i&&i!==T()&&E(i))return q(i)&&(i=i.split(L()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(T(),".")),0===o?parseInt(i,10):parseFloat(i)}function U(r){return r.replace(".",T())}function A(r,o=0,i=""){if(_(r))return"";r.charAt(0)===T()&&(r=`0${r}`);const e=0===o?parseInt(r,10):parseFloat(r),t=""!==i?` ${i.trim()}`:"";return y(e)?"":function(r,o){const i=void 0!==o?{minimumFractionDigits:o,maximumFractionDigits:o}:{},e=Intl.NumberFormat(P(),Object.assign({},i)).format(r);return"NaN"===e?"":e}(e,o)+t}const W=class{constructor(r){o(this,r),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.dsClick=i(this,"dsClick"),this.dsKeyPress=i(this,"dsKeyPress"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.numberInputId="ds-number-input-"+V++,this.inheritedAttributes={},this.control=new k(this),this.lastValue="",this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=e.language,this.region=e.region,this.nativeInputValue="",this.inputPattern="",this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o,i;if(this.nativeInput&&!E(i=this.nativeInput.value)&&""!==i&&"-"!==i&&i!==T())return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const e=null!==(o=H(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=e,this.dsInput.emit(e)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=U(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(_(i))return"";q(i)&&(i=i.split(L()).join("").split("`").join("").split("'").join("")),i.charAt(0)===T()&&(i=`0${i}`);const e=0===o?parseInt(i,10):parseFloat(i.replace(T(),"."));return y(e)?"":e.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=A(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=H(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",e=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,t=i.slice(0,e)+r.key+i.slice(e);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:e,selectionEnd:t,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if("-"===r){if(s)return!1;if(e&&e>0&&t&&t>0)return!1}if(r===T()){if(0===a)return!1;if(((n.split(T())||[]).length-1||0)>1)return!1}if(![...F,...I,T(),"-"].includes(r))return!1;if(0!==a&&n.includes(T())&&[...F].includes(r)){const r=n.split(T());if(r[r.length-1].length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:t,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:x(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=t(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||y(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?U(o):A(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=j(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=w(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?U(this.lastValue):A(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(_(this.lastValue)||O(this.lastValue))?"0":this.lastValue}createPattern(){if(z(this.pattern))return this.pattern;let r=this.suffix||"";z(r)&&(r=` ${r}`);const o=L();let i=T();return","===i&&(i="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${o}\\d{3})*(?:\\${i}\\d{1,2})?(?:${r})?`}render(){const r=this.invalid||this.hasInvalidTextSlotContent;return n(C,{key:"a185df149be41135c6b939ad1c3ad5ba57a38e94",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},n("input",Object.assign({key:"a7461115068e7a365ba4b0e25501d96be6de099d",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}};s([d("number-input"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],W.prototype,"createLogger",null),s([D(S),c("design:type",String)],W.prototype,"color",void 0),s([N("number"),c("design:type",Number)],W.prototype,"debounce",void 0),s([N("number"),c("design:type",Number)],W.prototype,"decimal",void 0),s([N("string"),c("design:type",String)],W.prototype,"description",void 0),s([N("boolean"),c("design:type",Boolean)],W.prototype,"disabled",void 0),s([N("boolean"),c("design:type",Boolean)],W.prototype,"exactNumber",void 0),s([N("boolean"),c("design:type",Boolean)],W.prototype,"invalid",void 0),s([N("string"),c("design:type",String)],W.prototype,"invalidText",void 0),s([N("string"),c("design:type",String)],W.prototype,"label",void 0),s([N("string"),c("design:type",String)],W.prototype,"max",void 0),s([N("string"),c("design:type",String)],W.prototype,"min",void 0),s([N("string"),c("design:type",String)],W.prototype,"name",void 0),s([N("boolean"),c("design:type",Boolean)],W.prototype,"onlyPositive",void 0),s([N("string"),c("design:type",String)],W.prototype,"pattern",void 0),s([N("string"),c("design:type",String)],W.prototype,"placeholder",void 0),s([N("boolean"),c("design:type",Boolean)],W.prototype,"readonly",void 0),s([N("boolean"),c("design:type",Boolean)],W.prototype,"required",void 0),s([N("string"),c("design:type",String)],W.prototype,"suffix",void 0),s([K(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],W.prototype,"configChanged",null);let V=0;W.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}";export{W as ds_number_input}
package/dist/design-system/{p-9f2dd0b55b.entry.js → p-f0b0376beb.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import{B as t,w as a,D as i,E as s,F as e,G as n}from"./p-C6MVahkC.js";import{_ as r,L as o,a as c}from"./p-DgVaaZT_.js";import{T as d}from"./p-CwCAiaMq.js";import{O as l}from"./p-BvEM6oCl.js";import{R as m}from"./p-1VXOIrN2.js";import"./p-HwbqEzpk.js";const h=class{constructor(a){t(this,a),this.alerts=[],this.maxVisibleItems=5,this.animationDurationMs=300,this.alertTimers={},this.animated=!1,this.container="",this.type="toast"}createLogger(t){this.log=t}async addAlert(t){if(this.hasDuplications(t))return"";const a=crypto.randomUUID(),i=this.getDuration(t),s=Object.assign(Object.assign({},t),{visible:!1,duration:i,alertId:a});return this.alerts=[...this.alerts,s],this.activeTimer(a,i),a}async removeAlert(t){this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!1}):a)),await a(this.animationDurationMs),this.alerts=this.alerts.filter((a=>a.alertId!==t))}async removeAll(){this.alerts=this.alerts.map((t=>Object.assign(Object.assign({},t),{visible:!1}))),await a(this.animationDurationMs),this.alerts=[]}activeTimer(t,a){"infinite"!==a&&(this.alertTimers[t]=function(t,a){let i,s=0,e=a;function n(){s=Date.now(),i=window.setTimeout(t,e)}return n(),{pause:function(){i&&(clearTimeout(i),e-=Date.now()-s)},resume:n,clear:function(){i&&clearTimeout(i)}}}((()=>{this.removeAlert(t)}),a+this.animationDurationMs))}getDuration(t){let a=4e3;return"infinite"===t.duration||0===t.duration?a="infinite":void 0===t.duration?"toast"===this.type?"danger"===t.color?a=7e3:"warning"===t.color&&(a=5e3):a="infinite":a=t.duration,a}present(t){i((()=>{this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!0}):a))}))}hasDuplications(t){return!!this.alerts.find((a=>a.color===t.color&&a.message===t.message&&a.heading===t.heading))}render(){const t=this.alerts.slice(0,this.maxVisibleItems),a="toast"===this.type?"ds-toast":"ds-snackbar";return s(e,{key:"4b27582dc8593dc0f58058dfa15bba7e3b3ef7d5",class:{"is-toast":"toast"===this.type,"is-snackbar":"snackbar"===this.type}},s("div",{key:"9a0e962b0f44b361b348072db213475e25b8f75f",id:"wrapper",class:{container:"toast"===this.type}},t.map((t=>s(a,{key:t.alertId,id:t.alertId,alertId:t.alertId,visible:t.visible,heading:t.heading,message:t.message,color:t.color,duration:t.duration,closable:t.closable,closeHandler:()=>t.closeHandler(t.alertId),action:t.action,actionIcon:t.actionIcon,actionTarget:t.actionTarget,actionHref:t.actionHref,actionHandler:()=>t.actionHandler(t.alertId),onDsCloseClick:()=>this.removeAlert(t.alertId),onDsDidLoad:()=>this.present(t.alertId),onDsDidPause:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].pause()},onDsDidResume:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].resume()}})))))}get el(){return n(this)}};r([o("alert-container"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],h.prototype,"createLogger",null),r([d("boolean"),c("design:type",Boolean)],h.prototype,"animated",void 0),r([l(["","fluid","detail-page","compact","blog-page","wide"]),c("design:type",String)],h.prototype,"container",void 0),r([m(),l(["toast","snackbar"]),c("design:type",String)],h.prototype,"type",void 0),h.style=".container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device)}@media screen and (min-width: 1024px){.container{max-width:var(--ds-alias-container-width-base)}}.container.is-fluid{max-width:var(--ds-alias-container-width-fluid) !important}.container.is-compact{max-width:var(--ds-alias-container-width-compact) !important}:host{--alert-container-top:1rem;position:fixed;pointer-events:none}:host #wrapper{display:-ms-flexbox;display:flex;gap:.5rem}:host(.is-toast){z-index:var(--ds-alias-z-index-toast);top:var(--alert-container-top);left:0;right:0;width:100%}:host(.is-toast) #wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host(.is-toast) #wrapper ds-toast{pointer-events:auto;width:100%;--toast-animation-start-opacity:0;--toast-animation-start-transform:translateY(-120%);--toast-animation-transition:transform 300ms ease, opacity 300ms ease;--toast-animation-end-opacity:1;--toast-animation-end-transform:translateY(0)}:host(.is-snackbar){z-index:calc(var(--ds-alias-z-index-toast) - 1);right:1rem;bottom:1rem;left:1rem}:host(.is-snackbar) #wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}:host(.is-snackbar) #wrapper ds-snackbar{pointer-events:auto;width:100%;--snackbar-animation-start-opacity:0;--snackbar-animation-start-transform:translateX(120%);--snackbar-animation-transition:transform 300ms ease, opacity 300ms ease;--snackbar-animation-end-opacity:1;--snackbar-animation-end-transform:translateX(0)}@media screen and (min-width: 769px){:host(.is-snackbar) #wrapper ds-snackbar{min-width:27.5rem;max-width:27.5rem;width:27.5rem}}";export{h as ds_alert_container}
4
+ import{B as t,w as a,D as i,E as s,F as e,G as n}from"./p-MUUOiuTm.js";import{_ as r,L as o,a as c}from"./p-_rk5qARQ.js";import{T as d}from"./p-B9ddSbbe.js";import{O as l}from"./p-_Ywzmi-B.js";import{R as m}from"./p-DQGbRzw_.js";import"./p-BjaiDrCD.js";const h=class{constructor(a){t(this,a),this.alerts=[],this.maxVisibleItems=5,this.animationDurationMs=300,this.alertTimers={},this.animated=!1,this.container="",this.type="toast"}createLogger(t){this.log=t}async addAlert(t){if(this.hasDuplications(t))return"";const a=crypto.randomUUID(),i=this.getDuration(t),s=Object.assign(Object.assign({},t),{visible:!1,duration:i,alertId:a});return this.alerts=[...this.alerts,s],this.activeTimer(a,i),a}async removeAlert(t){this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!1}):a)),await a(this.animationDurationMs),this.alerts=this.alerts.filter((a=>a.alertId!==t))}async removeAll(){this.alerts=this.alerts.map((t=>Object.assign(Object.assign({},t),{visible:!1}))),await a(this.animationDurationMs),this.alerts=[]}activeTimer(t,a){"infinite"!==a&&(this.alertTimers[t]=function(t,a){let i,s=0,e=a;function n(){s=Date.now(),i=window.setTimeout(t,e)}return n(),{pause:function(){i&&(clearTimeout(i),e-=Date.now()-s)},resume:n,clear:function(){i&&clearTimeout(i)}}}((()=>{this.removeAlert(t)}),a+this.animationDurationMs))}getDuration(t){let a=4e3;return"infinite"===t.duration||0===t.duration?a="infinite":void 0===t.duration?"toast"===this.type?"danger"===t.color?a=7e3:"warning"===t.color&&(a=5e3):a="infinite":a=t.duration,a}present(t){i((()=>{this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!0}):a))}))}hasDuplications(t){return!!this.alerts.find((a=>a.color===t.color&&a.message===t.message&&a.heading===t.heading))}render(){const t=this.alerts.slice(0,this.maxVisibleItems),a="toast"===this.type?"ds-toast":"ds-snackbar";return s(e,{key:"4b27582dc8593dc0f58058dfa15bba7e3b3ef7d5",class:{"is-toast":"toast"===this.type,"is-snackbar":"snackbar"===this.type}},s("div",{key:"9a0e962b0f44b361b348072db213475e25b8f75f",id:"wrapper",class:{container:"toast"===this.type}},t.map((t=>s(a,{key:t.alertId,id:t.alertId,alertId:t.alertId,visible:t.visible,heading:t.heading,message:t.message,color:t.color,duration:t.duration,closable:t.closable,closeHandler:()=>t.closeHandler(t.alertId),action:t.action,actionIcon:t.actionIcon,actionTarget:t.actionTarget,actionHref:t.actionHref,actionHandler:()=>t.actionHandler(t.alertId),onDsCloseClick:()=>this.removeAlert(t.alertId),onDsDidLoad:()=>this.present(t.alertId),onDsDidPause:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].pause()},onDsDidResume:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].resume()}})))))}get el(){return n(this)}};r([o("alert-container"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],h.prototype,"createLogger",null),r([d("boolean"),c("design:type",Boolean)],h.prototype,"animated",void 0),r([l(["","fluid","detail-page","compact","blog-page","wide"]),c("design:type",String)],h.prototype,"container",void 0),r([m(),l(["toast","snackbar"]),c("design:type",String)],h.prototype,"type",void 0),h.style=".container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device)}@media screen and (min-width: 1024px){.container{max-width:var(--ds-alias-container-width-base)}}.container.is-fluid{max-width:var(--ds-alias-container-width-fluid) !important}.container.is-compact{max-width:var(--ds-alias-container-width-compact) !important}:host{--alert-container-top:1rem;position:fixed;pointer-events:none}:host #wrapper{display:-ms-flexbox;display:flex;gap:.5rem}:host(.is-toast){z-index:var(--ds-alias-z-index-toast);top:var(--alert-container-top);left:0;right:0;width:100%}:host(.is-toast) #wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host(.is-toast) #wrapper ds-toast{pointer-events:auto;width:100%;--toast-animation-start-opacity:0;--toast-animation-start-transform:translateY(-120%);--toast-animation-transition:transform 300ms ease, opacity 300ms ease;--toast-animation-end-opacity:1;--toast-animation-end-transform:translateY(0)}:host(.is-snackbar){z-index:calc(var(--ds-alias-z-index-toast) - 1);right:1rem;bottom:1rem;left:1rem}:host(.is-snackbar) #wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}:host(.is-snackbar) #wrapper ds-snackbar{pointer-events:auto;width:100%;--snackbar-animation-start-opacity:0;--snackbar-animation-start-transform:translateX(120%);--snackbar-animation-transition:transform 300ms ease, opacity 300ms ease;--snackbar-animation-end-opacity:1;--snackbar-animation-end-transform:translateX(0)}@media screen and (min-width: 769px){:host(.is-snackbar) #wrapper ds-snackbar{min-width:27.5rem;max-width:27.5rem;width:27.5rem}}";export{h as ds_alert_container}
package/dist/design-system/p-f7787fca37.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as a,E as e,F as s,G as t}from"./p-MUUOiuTm.js";import{_ as d,L as n,a as i}from"./p-_rk5qARQ.js";import{R as r}from"./p-DQGbRzw_.js";import{T as p}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const o=class{constructor(e){a(this,e),this.selected=!1}createLogger(a){this.log=a}render(){return e(s,{key:"86e6f7c744c989963959401612dcee1e962bdb02",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},e("slot",{key:"9ddf8ff34a1293622f32abbcd7c40a6607aa59e3"}))}get el(){return t(this)}};d([n("tab-panel"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],o.prototype,"createLogger",null),d([r(),p("string"),i("design:type",String)],o.prototype,"for",void 0),d([p("boolean"),i("design:type",Boolean)],o.prototype,"selected",void 0),o.style=":host{--_tab-panel-padding:var(--tab-panel-padding, var(--mod-tab-panel-padding, var(--ds-tab-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_tab-panel-padding)}";export{o as ds_tab_panel}
package/dist/design-system/p-fd868dc1f5.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
+ */
4
+ import{B as e,E as s,F as t,G as a}from"./p-MUUOiuTm.js";import{_ as i,L as o,a as r}from"./p-_rk5qARQ.js";import{T as d}from"./p-B9ddSbbe.js";import"./p-BjaiDrCD.js";const n=class{constructor(s){e(this,s),this.ordered=!1}createLogger(e){this.log=e}render(){return s(t,{key:"18a1ec534ee775626dd769eab44db3fc34e8081a"},s(this.ordered?"ol":"ul",{key:"5e79d69a0164b8061841ccaf3900b19eb1260f66",id:"list",part:"list"},s("slot",{key:"0274b66daeadd3c1675cce77ac75f2e26c69b9c0"})))}get el(){return a(this)}};i([o("list"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],n.prototype,"createLogger",null),i([d("boolean"),r("design:type",Boolean)],n.prototype,"ordered",void 0),n.style=":host{display:block;margin:0;padding:0}:host ul,:host ol{display:block;margin:0;padding:0;list-style-type:none}";export{n as ds_list}
package/dist/esm/{_getTag-DFxL3s3h.js → _getTag-BkweuRJc.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { d as require_baseGetTag, r as require_root, c as requireIsObjectLike, e as require_freeGlobal } from './isObjectLike-BAYao9w7.js';
4
+ import { c as require_baseGetTag, r as require_root, b as requireIsObjectLike, d as require_freeGlobal } from './isObjectLike-BnBXjF_n.js';
5
5
 
6
6
  /**
7
7
  * Checks if `value` is the
package/dist/esm/{array-dJH4dfMr.js → array-BJZA868l.js} RENAMED
@@ -2,8 +2,9 @@
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
4
  import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Duhf3ymL.js';
5
- import { r as require_getNative, a as require_Map, b as requireIsArguments, c as requireIsBuffer, d as requireIsTypedArray, e as require_baseKeys, f as requireIsArrayLike, g as require_getTag } from './_getTag-DFxL3s3h.js';
6
- import { r as require_root, a as require_Symbol, b as requireIsArray, c as requireIsObjectLike } from './isObjectLike-BAYao9w7.js';
5
+ import { r as require_getNative, a as require_Map, b as requireIsArguments, c as requireIsBuffer, d as requireIsTypedArray, e as require_baseKeys, f as requireIsArrayLike, g as require_getTag } from './_getTag-BkweuRJc.js';
6
+ import { r as require_root, a as require_Symbol, b as requireIsObjectLike } from './isObjectLike-BnBXjF_n.js';
7
+ import { r as requireIsArray } from './isArray-B8PCdo6e.js';
7
8
  import { i as isNil } from './isNil--HeEBNs3.js';
8
9
 
9
10
  /**
package/dist/esm/{breakpoints.decorator-DZ0xN4Np.js → breakpoints.decorator-CIweMjJQ.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { a as dsBreakpointSubject } from './breakpoints.subject-BNnXcKMw.js';
4
+ import { a as dsBreakpointSubject } from './breakpoints.subject-CUVOWezN.js';
5
5
 
6
6
  function ListenToBreakpoints() {
7
7
  return function (target, _propertyKey, _descriptor) {
package/dist/esm/{breakpoints.subject-BNnXcKMw.js → breakpoints.subject-CUVOWezN.js} RENAMED
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { d as dsBrowser, J as debounce, O as addEventListener, P as removeEventListener } from './index-C6MVahkC.js';
5
- import { L as ListenerAbstract, S as Subject } from './listener-DHP2OPMZ.js';
6
- import { d as dsDevice } from './device-CRuIJzXR.js';
4
+ import { d as dsBrowser, J as debounce, O as addEventListener, P as removeEventListener } from './index-MUUOiuTm.js';
5
+ import { L as ListenerAbstract, S as Subject } from './listener-DiVrGAqj.js';
6
+ import { d as dsDevice } from './device-CtidwsPr.js';
7
7
 
8
8
  class WindowResizeHandler {
9
9
  constructor(options = {}) {
package/dist/esm/{button.interfaces-BPGfTrrM.js → button.interfaces-C6AmBSV7.js} RENAMED
@@ -4,7 +4,6 @@
4
4
  const BUTTON_GROUP_ALIGNMENTS = ['right', 'center', 'left', ''];
5
5
  const BUTTON_GROUP_DIRECTIONS = ['auto', 'row', 'column'];
6
6
  const BUTTON_COLORS = [
7
- '',
8
7
  'primary',
9
8
  'secondary',
10
9
  'tertiary',
package/dist/esm/{config.decorator-ZQ0_Zx5y.js → config.decorator-CyvsD1EY.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { b as attachComponentToConfig, c as detachComponentFromConfig } from './config.utils-D9o7rffC.js';
4
+ import { b as attachComponentToConfig, c as detachComponentFromConfig } from './config.utils-Db2OSTX3.js';
5
5
 
6
6
  function ListenToConfig() {
7
7
  return function (target, _propertyKey, _descriptor) {
package/dist/esm/{config.utils-D9o7rffC.js → config.utils-Db2OSTX3.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { d as dsBrowser } from './index-C6MVahkC.js';
4
+ import { d as dsBrowser } from './index-MUUOiuTm.js';
5
5
 
6
6
  const onDsConfigChange = (callback) => {
7
7
  attachToConfig({
package/dist/esm/{create-validator-decorator-DovxquEu.js → create-validator-decorator-g9TfAa1g.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
3
3
  */
4
- import { G as getElement } from './index-C6MVahkC.js';
4
+ import { G as getElement } from './index-MUUOiuTm.js';
5
5
 
6
6
  const EMPTY_VALUES = [undefined, null, '', Number.NaN];
7
7
  function isValueEmpty(value) {