@helvetia-design/core 0.0.6 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (197) hide show
  1. package/README.md +10 -10
  2. package/components/ds-accordion.js +1 -1
  3. package/components/ds-app-footer.js +1 -1
  4. package/components/ds-app-navbar.js +1 -1
  5. package/components/ds-badge.js +1 -1
  6. package/components/ds-brand-icon.js +1 -1
  7. package/components/ds-button.js +1 -1
  8. package/components/ds-card-subtitle.js +1 -1
  9. package/components/ds-card-title.js +1 -1
  10. package/components/ds-carousel.js +1 -1
  11. package/components/ds-checkbox-group.js +1 -1
  12. package/components/ds-close.js +1 -1
  13. package/components/ds-content.js +1 -1
  14. package/components/ds-counter.js +1 -1
  15. package/components/ds-data-item.js +1 -1
  16. package/components/ds-datepicker.js +1 -1
  17. package/components/ds-divider.js +1 -1
  18. package/components/ds-drawer.js +1 -1
  19. package/components/ds-file-upload.js +1 -1
  20. package/components/ds-heading.js +1 -1
  21. package/components/ds-hint.js +1 -1
  22. package/components/ds-icon.js +1 -1
  23. package/components/ds-input.js +1 -1
  24. package/components/ds-item.js +1 -1
  25. package/components/ds-modal.js +1 -1
  26. package/components/ds-notification.js +1 -1
  27. package/components/ds-number-input.js +1 -1
  28. package/components/ds-pagination.js +1 -1
  29. package/components/ds-phone-input.js +1 -1
  30. package/components/ds-popup.js +1 -1
  31. package/components/ds-radio-group.js +1 -1
  32. package/components/ds-segment.js +1 -1
  33. package/components/ds-select.js +1 -1
  34. package/components/ds-slider.js +1 -1
  35. package/components/ds-snackbar.js +1 -1
  36. package/components/ds-stack.js +1 -1
  37. package/components/ds-step.js +1 -1
  38. package/components/ds-tabs.js +1 -1
  39. package/components/ds-tag.js +1 -1
  40. package/components/ds-textarea.js +1 -1
  41. package/components/ds-toast.js +1 -1
  42. package/components/ds-toggle.js +1 -1
  43. package/components/{p-BWrjPWjt.js → p-B0Z95Hj1.js} +1 -1
  44. package/components/p-B9El_sPq.js +1 -1
  45. package/components/p-BB4SRrRj.js +4 -0
  46. package/components/{p-B3VN_5Hp.js → p-BPtibja3.js} +1 -1
  47. package/components/{p-B1celIGd.js → p-C0OHfTQ0.js} +1 -1
  48. package/components/{p-BJ2D8QfA.js → p-CTSANrsO.js} +1 -1
  49. package/components/{p-DgLUmdPH.js → p-CjK_T5vp.js} +1 -1
  50. package/components/p-DBqTFl8O.js +4 -0
  51. package/components/p-DFgZk16R.js +6 -0
  52. package/components/{p-Ce1uMkAI.js → p-DO00xKgx.js} +1 -1
  53. package/components/{p-CJycEnj5.js → p-Dj9PaUM0.js} +1 -1
  54. package/components/{p-Bd5NhwlZ.js → p-DyfdPmyS.js} +1 -1
  55. package/components/p-V50XCJTN.js +4 -0
  56. package/components/{p-BJK2OSM1.js → p-hhVbp_AN.js} +1 -1
  57. package/components/{p-D6jvX9E6.js → p-qIRMq8Bl.js} +1 -1
  58. package/components/{p-CsftG7WI.js → p-xUHc9oRK.js} +1 -1
  59. package/dist/cjs/design-system.cjs.js +1 -1
  60. package/dist/cjs/ds-badge.cjs.entry.js +1 -1
  61. package/dist/cjs/ds-brand-icon_3.cjs.entry.js +17 -3
  62. package/dist/cjs/ds-card-subtitle.cjs.entry.js +3 -11
  63. package/dist/cjs/ds-card-title.cjs.entry.js +1 -1
  64. package/dist/cjs/ds-content_2.cjs.entry.js +9 -7
  65. package/dist/cjs/ds-counter.cjs.entry.js +4 -4
  66. package/dist/cjs/ds-datepicker.cjs.entry.js +1 -1
  67. package/dist/cjs/ds-divider_2.cjs.entry.js +3 -3
  68. package/dist/cjs/ds-file-upload.cjs.entry.js +1 -1
  69. package/dist/cjs/ds-heading.cjs.entry.js +5 -24
  70. package/dist/cjs/ds-icon_2.cjs.entry.js +2 -2
  71. package/dist/cjs/ds-input.cjs.entry.js +2 -2
  72. package/dist/cjs/ds-number-input.cjs.entry.js +1 -1
  73. package/dist/cjs/ds-phone-input.cjs.entry.js +1 -1
  74. package/dist/cjs/ds-select.cjs.entry.js +1 -1
  75. package/dist/cjs/ds-slider.cjs.entry.js +1 -1
  76. package/dist/cjs/ds-snackbar.cjs.entry.js +1 -1
  77. package/dist/cjs/ds-tag.cjs.entry.js +1 -1
  78. package/dist/cjs/ds-textarea.cjs.entry.js +1 -1
  79. package/dist/cjs/ds-toast.cjs.entry.js +1 -1
  80. package/dist/cjs/ds-toggle.cjs.entry.js +1 -1
  81. package/dist/cjs/{heading.interfaces-C-G-ZqUa.js → heading.interfaces-BGskP9PB.js} +0 -2
  82. package/dist/cjs/index-CyaxwkZQ.js +1 -1
  83. package/dist/cjs/loader.cjs.js +1 -1
  84. package/dist/cjs/{svg-Cs3pO28w.js → svg-CH7qWfV-.js} +272 -195
  85. package/dist/cjs/{t-shirt-DWHArrUC.js → t-shirt-DqirWTL2.js} +2 -6
  86. package/dist/collection/components/actions/button/button.js +36 -2
  87. package/dist/collection/components/actions/button/test/button.component.play.js +53 -0
  88. package/dist/collection/components/forms/counter/counter.host.css +1 -1
  89. package/dist/collection/components/forms/counter/counter.js +5 -3
  90. package/dist/collection/components/forms/datepicker/datepicker.host.css +1 -1
  91. package/dist/collection/components/forms/file-upload/file-upload.host.css +1 -1
  92. package/dist/collection/components/forms/input/input.host.css +1 -1
  93. package/dist/collection/components/forms/input/input.js +3 -1
  94. package/dist/collection/components/forms/number-input/number-input.host.css +1 -1
  95. package/dist/collection/components/forms/phone-input/phone-input.host.css +1 -1
  96. package/dist/collection/components/forms/select/select.host.css +1 -1
  97. package/dist/collection/components/forms/slider/slider.host.css +1 -1
  98. package/dist/collection/components/forms/textarea/textarea.host.css +1 -1
  99. package/dist/collection/components/forms/toggle/toggle.host.css +1 -1
  100. package/dist/collection/components/structure/card/card-subtitle/card-subtitle.js +5 -37
  101. package/dist/collection/components/structure/content/content.js +3 -3
  102. package/dist/collection/components/structure/divider/divider.js +3 -3
  103. package/dist/collection/components/structure/heading/heading.const.js +0 -8
  104. package/dist/collection/components/structure/heading/heading.host.css +1 -1
  105. package/dist/collection/components/structure/heading/heading.interfaces.js +0 -1
  106. package/dist/collection/components/structure/heading/heading.js +5 -42
  107. package/dist/collection/components/structure/heading/test/heading.a11y.play.js +3 -8
  108. package/dist/collection/components/structure/stack/stack.interfaces.js +2 -2
  109. package/dist/collection/components/structure/stack/stack.js +10 -8
  110. package/dist/collection/components/structure/stack/test/stack.component.play.js +27 -1
  111. package/dist/collection/foundation/normalize.component.play.js +39 -0
  112. package/dist/collection/global/constants/version.constant.js +1 -1
  113. package/dist/collection/utils/t-shirt.js +7 -6
  114. package/dist/design-system/design-system.esm.js +1 -1
  115. package/dist/design-system/{p-f67413bb28.entry.js → p-083f25371d.entry.js} +1 -1
  116. package/dist/design-system/{p-89418d345c.entry.js → p-1ca8c93650.entry.js} +1 -1
  117. package/dist/design-system/{p-6c9ebf73a3.entry.js → p-2b04230249.entry.js} +1 -1
  118. package/dist/design-system/p-3790705fde.entry.js +4 -0
  119. package/dist/design-system/{p-6b6fdc57c1.entry.js → p-4722d55123.entry.js} +1 -1
  120. package/dist/design-system/p-49ec36993d.entry.js +4 -0
  121. package/dist/design-system/{p-94a2067cb2.entry.js → p-68c0b49d0f.entry.js} +1 -1
  122. package/dist/design-system/{p-870e3c0138.entry.js → p-6d133bb1c4.entry.js} +1 -1
  123. package/dist/design-system/{p-65913aa877.entry.js → p-707ddadb07.entry.js} +1 -1
  124. package/dist/design-system/{p-a6709bd6a4.entry.js → p-812fca6694.entry.js} +1 -1
  125. package/dist/design-system/{p-1832a8b10c.entry.js → p-8d919b39a2.entry.js} +1 -1
  126. package/dist/design-system/p-9705c44121.entry.js +4 -0
  127. package/dist/design-system/{p-42bc0ecdea.entry.js → p-98a83e848d.entry.js} +1 -1
  128. package/dist/design-system/{p-B3VN_5Hp.js → p-BPtibja3.js} +1 -1
  129. package/dist/design-system/p-BZEWgXed.js +1 -1
  130. package/dist/design-system/p-CZXt-zTQ.js +4 -0
  131. package/dist/design-system/p-DFgZk16R.js +6 -0
  132. package/dist/design-system/{p-03f71b802d.entry.js → p-a2921f8048.entry.js} +1 -1
  133. package/dist/design-system/{p-68f1c98ef3.entry.js → p-a3755079c9.entry.js} +1 -1
  134. package/dist/design-system/{p-d5c0b5ddf3.entry.js → p-a99f6b63d3.entry.js} +1 -1
  135. package/dist/design-system/{p-76551271c7.entry.js → p-ac0d1f82c0.entry.js} +1 -1
  136. package/dist/design-system/{p-8c18e03816.entry.js → p-ba7800f8e6.entry.js} +1 -1
  137. package/dist/design-system/p-d2c33fa11f.entry.js +4 -0
  138. package/dist/design-system/{p-d12febf08e.entry.js → p-d85136052d.entry.js} +1 -1
  139. package/dist/design-system/{p-af756319ff.entry.js → p-f799b1412c.entry.js} +1 -1
  140. package/dist/esm/design-system.js +1 -1
  141. package/dist/esm/ds-badge.entry.js +1 -1
  142. package/dist/esm/ds-brand-icon_3.entry.js +17 -3
  143. package/dist/esm/ds-card-subtitle.entry.js +3 -11
  144. package/dist/esm/ds-card-title.entry.js +1 -1
  145. package/dist/esm/ds-content_2.entry.js +9 -7
  146. package/dist/esm/ds-counter.entry.js +4 -4
  147. package/dist/esm/ds-datepicker.entry.js +1 -1
  148. package/dist/esm/ds-divider_2.entry.js +3 -3
  149. package/dist/esm/ds-file-upload.entry.js +1 -1
  150. package/dist/esm/ds-heading.entry.js +5 -24
  151. package/dist/esm/ds-icon_2.entry.js +2 -2
  152. package/dist/esm/ds-input.entry.js +2 -2
  153. package/dist/esm/ds-number-input.entry.js +1 -1
  154. package/dist/esm/ds-phone-input.entry.js +1 -1
  155. package/dist/esm/ds-select.entry.js +1 -1
  156. package/dist/esm/ds-slider.entry.js +1 -1
  157. package/dist/esm/ds-snackbar.entry.js +1 -1
  158. package/dist/esm/ds-tag.entry.js +1 -1
  159. package/dist/esm/ds-textarea.entry.js +1 -1
  160. package/dist/esm/ds-toast.entry.js +1 -1
  161. package/dist/esm/ds-toggle.entry.js +1 -1
  162. package/dist/esm/{heading.interfaces-QyQjrb1P.js → heading.interfaces-CZXt-zTQ.js} +1 -2
  163. package/dist/esm/index-BZEWgXed.js +1 -1
  164. package/dist/esm/loader.js +1 -1
  165. package/dist/esm/{svg-BNUaCToz.js → svg-DFgZk16R.js} +272 -195
  166. package/dist/esm/{t-shirt-B3VN_5Hp.js → t-shirt-BPtibja3.js} +2 -6
  167. package/dist/types/components/actions/button/button.d.ts +4 -0
  168. package/dist/types/components/forms/counter/counter.d.ts +2 -0
  169. package/dist/types/components/forms/input/input.d.ts +2 -0
  170. package/dist/types/components/structure/card/card-subtitle/card-subtitle.d.ts +1 -6
  171. package/dist/types/components/structure/content/content.d.ts +1 -1
  172. package/dist/types/components/structure/divider/divider.d.ts +1 -1
  173. package/dist/types/components/structure/heading/heading.const.d.ts +0 -3
  174. package/dist/types/components/structure/heading/heading.d.ts +1 -6
  175. package/dist/types/components/structure/heading/heading.interfaces.d.ts +0 -2
  176. package/dist/types/components/structure/stack/stack.interfaces.d.ts +2 -2
  177. package/dist/types/components.d.ts +21 -28
  178. package/dist/types/foundation/normalize.component.play.d.ts +1 -0
  179. package/dist/types/utils/t-shirt.d.ts +5 -0
  180. package/docs/cem.json +50 -76
  181. package/docs/components.json +103 -134
  182. package/docs/html.html-data.json +25 -45
  183. package/hydrate/index.js +350 -283
  184. package/hydrate/index.mjs +350 -283
  185. package/package.json +6 -6
  186. package/sbom.cdx.json +9610 -9319
  187. package/components/p-B4PwKlaW.js +0 -4
  188. package/components/p-BNUaCToz.js +0 -6
  189. package/components/p-QyQjrb1P.js +0 -4
  190. package/components/p-VnJFXLI2.js +0 -4
  191. package/components/p-kwr2iIN4.js +0 -4
  192. package/dist/design-system/p-199e5794f9.entry.js +0 -4
  193. package/dist/design-system/p-97670520d2.entry.js +0 -4
  194. package/dist/design-system/p-BNUaCToz.js +0 -6
  195. package/dist/design-system/p-QyQjrb1P.js +0 -4
  196. package/dist/design-system/p-bee20202e4.entry.js +0 -4
  197. package/dist/design-system/p-d65c14d35e.entry.js +0 -4
package/dist/collection/components/structure/heading/heading.host.css CHANGED
@@ -1 +1 @@
1
- :host{--_heading-position: var(--heading-position, var(--mod-heading-position, static));--_heading-top: var(--heading-top, var(--mod-heading-top));--_heading-right: var(--heading-right, var(--mod-heading-right));--_heading-bottom: var(--heading-bottom, var(--mod-heading-bottom));--_heading-left: var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m: var(--heading-m, var(--mod-heading-m, 0));--_heading-my: var(--heading-my, var(--mod-heading-my));--_heading-mx: var(--heading-mx, var(--mod-heading-mx));--_heading-ml: var(--heading-ml, var(--mod-heading-ml));--_heading-mr: var(--heading-mr, var(--mod-heading-mr));--_heading-mt: var(--heading-mt, var(--mod-heading-mt));--_heading-mb: var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family: var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-1-font-family)));--_heading-weight: var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-1-font-weight)));--_heading-line-height: var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-1-line-height)));--_heading-size: var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-1-font-size)));--_heading-color: var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin: var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow: var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align: var(--heading-text-align, var(--mod-heading-text-align, inherit))}:host{--_heading-position: var(--heading-position, var(--mod-heading-position, static));--_heading-top: var(--heading-top, var(--mod-heading-top));--_heading-right: var(--heading-right, var(--mod-heading-right));--_heading-bottom: var(--heading-bottom, var(--mod-heading-bottom));--_heading-left: var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m: var(--heading-m, var(--mod-heading-m, 0));--_heading-my: var(--heading-my, var(--mod-heading-my));--_heading-mx: var(--heading-mx, var(--mod-heading-mx));--_heading-ml: var(--heading-ml, var(--mod-heading-ml));--_heading-mr: var(--heading-mr, var(--mod-heading-mr));--_heading-mt: var(--heading-mt, var(--mod-heading-mt));--_heading-mb: var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family: var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-light1-font-family)));--_heading-weight: var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-light1-font-weight)));--_heading-line-height: var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-light1-line-height)));--_heading-size: var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-light1-font-size)));--_heading-color: var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin: var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow: var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align: var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.ds-text),#heading span:not(.ds-text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow: var(--ds-heading-shadow)}:host(.is-primary){--mod-heading-color: var(--ds-heading-color-primary)}:host(.is-inverted){--mod-heading-color: var(--ds-heading-color-inverted)}:host(.is-5xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-display1-font-family);--mod-heading-weight: var(--ds-heading-level-display1-font-weight);--mod-heading-line-height: var(--ds-heading-level-display1-line-height);--mod-heading-size: var(--ds-heading-level-display1-font-size)}:host(.is-5xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light-display1-font-family);--mod-heading-weight: var(--ds-heading-level-light-display1-font-weight);--mod-heading-line-height: var(--ds-heading-level-light-display1-line-height);--mod-heading-size: var(--ds-heading-level-light-display1-font-size)}:host(.is-4xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-display2-font-family);--mod-heading-weight: var(--ds-heading-level-display2-font-weight);--mod-heading-line-height: var(--ds-heading-level-display2-line-height);--mod-heading-size: var(--ds-heading-level-display2-font-size)}:host(.is-4xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light-display2-font-family);--mod-heading-weight: var(--ds-heading-level-light-display2-font-weight);--mod-heading-line-height: var(--ds-heading-level-light-display2-line-height);--mod-heading-size: var(--ds-heading-level-light-display2-font-size)}:host(.is-3xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-1-font-family);--mod-heading-weight: var(--ds-heading-level-1-font-weight);--mod-heading-line-height: var(--ds-heading-level-1-line-height);--mod-heading-size: var(--ds-heading-level-1-font-size)}:host(.is-3xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light1-font-family);--mod-heading-weight: var(--ds-heading-level-light1-font-weight);--mod-heading-line-height: var(--ds-heading-level-light1-line-height);--mod-heading-size: var(--ds-heading-level-light1-font-size)}:host(.is-2xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-2-font-family);--mod-heading-weight: var(--ds-heading-level-2-font-weight);--mod-heading-line-height: var(--ds-heading-level-2-line-height);--mod-heading-size: var(--ds-heading-level-2-font-size)}:host(.is-2xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light2-font-family);--mod-heading-weight: var(--ds-heading-level-light2-font-weight);--mod-heading-line-height: var(--ds-heading-level-light2-line-height);--mod-heading-size: var(--ds-heading-level-light2-font-size)}:host(.is-xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-3-font-family);--mod-heading-weight: var(--ds-heading-level-3-font-weight);--mod-heading-line-height: var(--ds-heading-level-3-line-height);--mod-heading-size: var(--ds-heading-level-3-font-size)}:host(.is-xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light3-font-family);--mod-heading-weight: var(--ds-heading-level-light3-font-weight);--mod-heading-line-height: var(--ds-heading-level-light3-line-height);--mod-heading-size: var(--ds-heading-level-light3-font-size)}:host(.is-lg:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-4-font-family);--mod-heading-weight: var(--ds-heading-level-4-font-weight);--mod-heading-line-height: var(--ds-heading-level-4-line-height);--mod-heading-size: var(--ds-heading-level-4-font-size)}:host(.is-lg.is-subtitle){--mod-heading-family: var(--ds-heading-level-light4-font-family);--mod-heading-weight: var(--ds-heading-level-light4-font-weight);--mod-heading-line-height: var(--ds-heading-level-light4-line-height);--mod-heading-size: var(--ds-heading-level-light4-font-size)}:host(.is-base:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-5-font-family);--mod-heading-weight: var(--ds-heading-level-5-font-weight);--mod-heading-line-height: var(--ds-heading-level-5-line-height);--mod-heading-size: var(--ds-heading-level-5-font-size)}:host(.is-base.is-subtitle){--mod-heading-family: var(--ds-heading-level-light5-font-family);--mod-heading-weight: var(--ds-heading-level-light5-font-weight);--mod-heading-line-height: var(--ds-heading-level-light5-line-height);--mod-heading-size: var(--ds-heading-level-light5-font-size)}:host(.has-space-all){--heading-mt: var(--_heading-margin);--heading-mb: var(--_heading-margin)}:host(.has-space-top){--heading-mt: var(--_heading-margin);--heading-mb: 0}:host(.has-space-bottom){--heading-mt: 0;--heading-mb: var(--_heading-margin)}:host(.has-space-none){--heading-mt: 0;--heading-mb: 0}:host{display:block}
1
+ :host{--_heading-position: var(--heading-position, var(--mod-heading-position, static));--_heading-top: var(--heading-top, var(--mod-heading-top));--_heading-right: var(--heading-right, var(--mod-heading-right));--_heading-bottom: var(--heading-bottom, var(--mod-heading-bottom));--_heading-left: var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m: var(--heading-m, var(--mod-heading-m, 0));--_heading-my: var(--heading-my, var(--mod-heading-my));--_heading-mx: var(--heading-mx, var(--mod-heading-mx));--_heading-ml: var(--heading-ml, var(--mod-heading-ml));--_heading-mr: var(--heading-mr, var(--mod-heading-mr));--_heading-mt: var(--heading-mt, var(--mod-heading-mt));--_heading-mb: var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family: var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-1-font-family)));--_heading-weight: var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-1-font-weight)));--_heading-line-height: var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-1-line-height)));--_heading-size: var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-1-font-size)));--_heading-color: var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin: var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow: var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align: var(--heading-text-align, var(--mod-heading-text-align, inherit))}:host{--_heading-position: var(--heading-position, var(--mod-heading-position, static));--_heading-top: var(--heading-top, var(--mod-heading-top));--_heading-right: var(--heading-right, var(--mod-heading-right));--_heading-bottom: var(--heading-bottom, var(--mod-heading-bottom));--_heading-left: var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m: var(--heading-m, var(--mod-heading-m, 0));--_heading-my: var(--heading-my, var(--mod-heading-my));--_heading-mx: var(--heading-mx, var(--mod-heading-mx));--_heading-ml: var(--heading-ml, var(--mod-heading-ml));--_heading-mr: var(--heading-mr, var(--mod-heading-mr));--_heading-mt: var(--heading-mt, var(--mod-heading-mt));--_heading-mb: var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-family: var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-light1-font-family)));--_heading-weight: var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-light1-font-weight)));--_heading-line-height: var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-light1-line-height)));--_heading-size: var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-light1-font-size)));--_heading-color: var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin: var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow: var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align: var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;box-sizing:content-box;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.ds-text),#heading span:not(.ds-text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow: var(--ds-heading-shadow)}:host(.is-inverted){--mod-heading-color: var(--ds-heading-color-inverted)}:host(.is-5xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-display1-font-family);--mod-heading-weight: var(--ds-heading-level-display1-font-weight);--mod-heading-line-height: var(--ds-heading-level-display1-line-height);--mod-heading-size: var(--ds-heading-level-display1-font-size)}:host(.is-5xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light-display1-font-family);--mod-heading-weight: var(--ds-heading-level-light-display1-font-weight);--mod-heading-line-height: var(--ds-heading-level-light-display1-line-height);--mod-heading-size: var(--ds-heading-level-light-display1-font-size)}:host(.is-4xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-display2-font-family);--mod-heading-weight: var(--ds-heading-level-display2-font-weight);--mod-heading-line-height: var(--ds-heading-level-display2-line-height);--mod-heading-size: var(--ds-heading-level-display2-font-size)}:host(.is-4xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light-display2-font-family);--mod-heading-weight: var(--ds-heading-level-light-display2-font-weight);--mod-heading-line-height: var(--ds-heading-level-light-display2-line-height);--mod-heading-size: var(--ds-heading-level-light-display2-font-size)}:host(.is-3xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-1-font-family);--mod-heading-weight: var(--ds-heading-level-1-font-weight);--mod-heading-line-height: var(--ds-heading-level-1-line-height);--mod-heading-size: var(--ds-heading-level-1-font-size)}:host(.is-3xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light1-font-family);--mod-heading-weight: var(--ds-heading-level-light1-font-weight);--mod-heading-line-height: var(--ds-heading-level-light1-line-height);--mod-heading-size: var(--ds-heading-level-light1-font-size)}:host(.is-2xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-2-font-family);--mod-heading-weight: var(--ds-heading-level-2-font-weight);--mod-heading-line-height: var(--ds-heading-level-2-line-height);--mod-heading-size: var(--ds-heading-level-2-font-size)}:host(.is-2xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light2-font-family);--mod-heading-weight: var(--ds-heading-level-light2-font-weight);--mod-heading-line-height: var(--ds-heading-level-light2-line-height);--mod-heading-size: var(--ds-heading-level-light2-font-size)}:host(.is-xl:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-3-font-family);--mod-heading-weight: var(--ds-heading-level-3-font-weight);--mod-heading-line-height: var(--ds-heading-level-3-line-height);--mod-heading-size: var(--ds-heading-level-3-font-size)}:host(.is-xl.is-subtitle){--mod-heading-family: var(--ds-heading-level-light3-font-family);--mod-heading-weight: var(--ds-heading-level-light3-font-weight);--mod-heading-line-height: var(--ds-heading-level-light3-line-height);--mod-heading-size: var(--ds-heading-level-light3-font-size)}:host(.is-lg:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-4-font-family);--mod-heading-weight: var(--ds-heading-level-4-font-weight);--mod-heading-line-height: var(--ds-heading-level-4-line-height);--mod-heading-size: var(--ds-heading-level-4-font-size)}:host(.is-lg.is-subtitle){--mod-heading-family: var(--ds-heading-level-light4-font-family);--mod-heading-weight: var(--ds-heading-level-light4-font-weight);--mod-heading-line-height: var(--ds-heading-level-light4-line-height);--mod-heading-size: var(--ds-heading-level-light4-font-size)}:host(.is-base:not(.is-subtitle)){--mod-heading-family: var(--ds-heading-level-5-font-family);--mod-heading-weight: var(--ds-heading-level-5-font-weight);--mod-heading-line-height: var(--ds-heading-level-5-line-height);--mod-heading-size: var(--ds-heading-level-5-font-size)}:host(.is-base.is-subtitle){--mod-heading-family: var(--ds-heading-level-light5-font-family);--mod-heading-weight: var(--ds-heading-level-light5-font-weight);--mod-heading-line-height: var(--ds-heading-level-light5-line-height);--mod-heading-size: var(--ds-heading-level-light5-font-size)}:host(.has-space-all){--heading-mt: var(--_heading-margin);--heading-mb: var(--_heading-margin)}:host(.has-space-top){--heading-mt: var(--_heading-margin);--heading-mb: 0}:host(.has-space-bottom){--heading-mt: 0;--heading-mb: var(--_heading-margin)}:host(.has-space-none){--heading-mt: 0;--heading-mb: 0}:host{display:block}
package/dist/collection/components/structure/heading/heading.interfaces.js CHANGED
@@ -18,7 +18,6 @@ export const HEADING_VISUAL_LEVELS = [
18
18
  'md',
19
19
  'base',
20
20
  ];
21
- export const HEADING_COLORS = ['primary', 'inverted'];
22
21
  export const HEADING_TAGS = ['h1', 'h2', 'h3', 'h4', 'h5', 'span', 'p'];
23
22
  export const HEADING_LEVELS = ['display', 'display-2', 'h1', 'h2', 'h3', 'h4', 'h5', 'span', 'p'];
24
23
  export const HEADING_SPACES = ['none', 'bottom', 'top', 'all'];
package/dist/collection/components/structure/heading/heading.js CHANGED
@@ -4,8 +4,8 @@
4
4
  import { __decorate, __metadata } from "tslib";
5
5
  import { h, Host } from "@stencil/core";
6
6
  import { dsBrowser, Logger, hasValue, OneOf, Type } from "../../../utils/index";
7
- import { HEADING_COLORS, HEADING_LEVELS, HEADING_SPACES, HEADING_VISUAL_LEVELS, } from "./heading.interfaces";
8
- import { HEADING_COLOR_MAP, HEADING_TAG_MAP, HEADING_ORDER, HEADING_SIZES, } from "./heading.const";
7
+ import { HEADING_LEVELS, HEADING_SPACES, HEADING_VISUAL_LEVELS, } from "./heading.interfaces";
8
+ import { HEADING_TAG_MAP, HEADING_ORDER, HEADING_SIZES } from "./heading.const";
9
9
  /**
10
10
  * Heading renders semantic HTML heading elements (h1–h6) with flexible styling options for visual hierarchy independent of markup level.
11
11
  *
@@ -89,13 +89,6 @@ export class Heading {
89
89
  }
90
90
  return 1;
91
91
  }
92
- get fontColor() {
93
- if (this.inverted) {
94
- return 'inverted';
95
- }
96
- const color = this.color;
97
- return color ? HEADING_COLOR_MAP[color] : undefined;
98
- }
99
92
  get fontSize() {
100
93
  return HEADING_SIZES[this.visualLevel ? this.visualLevel : this.level];
101
94
  }
@@ -119,14 +112,14 @@ export class Heading {
119
112
  // 'base': 'level5',
120
113
  // }
121
114
  // const level = `is-${this.subtitle ? 'light' : 'bold'}-${levelMap[this.autoFontSize || '3xl']}`
122
- return (h(Host, { key: 'eb6a9d39d3060e7776363272e86413b0c95a807a', class: {
115
+ return (h(Host, { key: 'b14aed2c5da373bb0b5da6a0a9ebc2b183bea56a', class: {
123
116
  [`is-${this.autoFontSize}`]: this.autoFontSize !== undefined,
124
- [`is-${this.fontColor}`]: hasValue(this.fontColor),
117
+ 'is-inverted': this.inverted,
125
118
  'is-subtitle': this.subtitle,
126
119
  [`has-space-${this.space}`]: hasValue(this.space),
127
120
  'has-no-wrap': this.noWrap,
128
121
  'has-shadow': this.shadow,
129
- } }, h(Heading, { key: '961c539735e2a0719ae8e2369ebf568718226385', id: "heading", part: "heading", ref: (headingEl) => (this.headingEl = headingEl) }, h("slot", { key: '911e161ed5bb682cfcffc8ee7f6242c1984dfe23' }))));
122
+ } }, h(Heading, { key: '292e98f4ac28e40767dace83d1c7f859794b22e5', id: "heading", part: "heading", ref: (headingEl) => (this.headingEl = headingEl) }, h("slot", { key: '52c01fec4eb9518ba832010f100988a357a1eb2c' }))));
130
123
  }
131
124
  static get is() { return "ds-heading"; }
132
125
  static get encapsulation() { return "shadow"; }
@@ -287,32 +280,6 @@ export class Heading {
287
280
  "reflect": true,
288
281
  "attribute": "space"
289
282
  },
290
- "color": {
291
- "type": "string",
292
- "mutable": false,
293
- "complexType": {
294
- "original": "HeadingColor",
295
- "resolved": "\"inverted\" | \"primary\" | undefined",
296
- "references": {
297
- "HeadingColor": {
298
- "location": "import",
299
- "path": "./heading.interfaces",
300
- "id": "src/components/structure/heading/heading.interfaces.ts::HeadingColor",
301
- "referenceLocation": "HeadingColor"
302
- }
303
- }
304
- },
305
- "required": false,
306
- "optional": true,
307
- "docs": {
308
- "tags": [],
309
- "text": "The theme type of the toast."
310
- },
311
- "getter": false,
312
- "setter": false,
313
- "reflect": true,
314
- "attribute": "color"
315
- },
316
283
  "inverted": {
317
284
  "type": "boolean",
318
285
  "mutable": false,
@@ -404,10 +371,6 @@ __decorate([
404
371
  OneOf(HEADING_SPACES),
405
372
  __metadata("design:type", String)
406
373
  ], Heading.prototype, "space", void 0);
407
- __decorate([
408
- OneOf(HEADING_COLORS),
409
- __metadata("design:type", String)
410
- ], Heading.prototype, "color", void 0);
411
374
  __decorate([
412
375
  Type('boolean'),
413
376
  __metadata("design:type", Boolean)
package/dist/collection/components/structure/heading/test/heading.a11y.play.js CHANGED
@@ -6,14 +6,9 @@ test('basic', async ({ page, a11y }) => {
6
6
  await page.mount(`<ds-heading>Heading</ds-heading>`);
7
7
  await a11y('ds-heading');
8
8
  });
9
- test.describe('colors', () => {
10
- const COLORS = ['info', 'success', 'warning', 'danger', 'blue', 'white'];
11
- COLORS.forEach(color => {
12
- test(color, async ({ page, a11y }) => {
13
- await page.mount(`<ds-heading color="${color}">Heading</ds-heading>`);
14
- await a11y(`ds-heading`);
15
- });
16
- });
9
+ test('inverted', async ({ page, a11y }) => {
10
+ await page.mount(`<div style="background: #333"><ds-heading inverted>Heading</ds-heading></div>`);
11
+ await a11y('ds-heading');
17
12
  });
18
13
  test.describe('sizes', () => {
19
14
  const SIZES = [
package/dist/collection/components/structure/stack/stack.interfaces.js CHANGED
@@ -2,8 +2,8 @@
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
4
  export const STACK_LAYOUTS = ['horizontal', 'vertical', 'horizontal-reverse', 'vertical-reverse'];
5
- export const STACK_SPACES = ['auto', 'none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', 'xxl'];
6
- export const STACK_PADDINGS = ['none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', 'xxl'];
5
+ export const STACK_SPACES = ['auto', 'none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl'];
6
+ export const STACK_PADDINGS = ['none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl'];
7
7
  export const STACK_ALIGNMENTS = [
8
8
  'top start',
9
9
  'top center',
package/dist/collection/components/structure/stack/stack.js CHANGED
@@ -49,10 +49,12 @@ export class Stack {
49
49
  if (this.alignment) {
50
50
  alignValue = this.alignment.split(' ').join('-');
51
51
  }
52
- return (h(Host, { key: '9d2f5fd3de8f6cf59064882572af921214b1e046', class: {
52
+ return (h(Host, { key: 'daf62e1eb100f42244b08750517a8d3b5120d0ab', class: {
53
53
  'ds-stack': true,
54
54
  'as-row': this.direction === 'row',
55
55
  'as-col': this.direction === 'column',
56
+ 'as-row-reverse': this.direction === 'row-reverse',
57
+ 'as-col-reverse': this.direction === 'column-reverse',
56
58
  'has-wrap': this.useWrap === true,
57
59
  'fit-content': this.fitContent === true,
58
60
  [`align-${alignValue}`]: align || alignment,
@@ -62,7 +64,7 @@ export class Stack {
62
64
  [`p-${p}`]: hasValue(this.p),
63
65
  [`px-${px}`]: hasValue(this.px),
64
66
  [`py-${py}`]: hasValue(this.py),
65
- } }, h("slot", { key: '1dfe4af03e413819e9f0091fed1045806e2ea858' })));
67
+ } }, h("slot", { key: 'ed60bade936acf7e29d472cdfb7e21f5ca734509' })));
66
68
  }
67
69
  static get is() { return "ds-stack"; }
68
70
  static get originalStyleUrls() {
@@ -183,7 +185,7 @@ export class Stack {
183
185
  "mutable": false,
184
186
  "complexType": {
185
187
  "original": "StackPadding",
186
- "resolved": "\"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
188
+ "resolved": "\"2xl\" | \"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
187
189
  "references": {
188
190
  "StackPadding": {
189
191
  "location": "import",
@@ -209,7 +211,7 @@ export class Stack {
209
211
  "mutable": false,
210
212
  "complexType": {
211
213
  "original": "StackPadding",
212
- "resolved": "\"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
214
+ "resolved": "\"2xl\" | \"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
213
215
  "references": {
214
216
  "StackPadding": {
215
217
  "location": "import",
@@ -235,7 +237,7 @@ export class Stack {
235
237
  "mutable": false,
236
238
  "complexType": {
237
239
  "original": "StackPadding",
238
- "resolved": "\"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
240
+ "resolved": "\"2xl\" | \"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
239
241
  "references": {
240
242
  "StackPadding": {
241
243
  "location": "import",
@@ -261,7 +263,7 @@ export class Stack {
261
263
  "mutable": false,
262
264
  "complexType": {
263
265
  "original": "StackSpace",
264
- "resolved": "\"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\"",
266
+ "resolved": "\"2xl\" | \"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\"",
265
267
  "references": {
266
268
  "StackSpace": {
267
269
  "location": "import",
@@ -288,7 +290,7 @@ export class Stack {
288
290
  "mutable": false,
289
291
  "complexType": {
290
292
  "original": "StackSpace",
291
- "resolved": "\"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
293
+ "resolved": "\"2xl\" | \"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
292
294
  "references": {
293
295
  "StackSpace": {
294
296
  "location": "import",
@@ -314,7 +316,7 @@ export class Stack {
314
316
  "mutable": false,
315
317
  "complexType": {
316
318
  "original": "StackSpace",
317
- "resolved": "\"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
319
+ "resolved": "\"2xl\" | \"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
318
320
  "references": {
319
321
  "StackSpace": {
320
322
  "location": "import",
package/dist/collection/components/structure/stack/test/stack.component.play.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import { DsStack, test } from "../../../../../../../playwright/src/index";
4
+ import { DsStack, expect, test } from "../../../../../../../playwright/src/index";
5
5
  test.describe('component', () => {
6
6
  test('should have a default slot', async ({ page }) => {
7
7
  await page.mount(`
@@ -11,4 +11,30 @@ test.describe('component', () => {
11
11
  await dsStack.assertToBeVisible();
12
12
  await dsStack.assertToContainText('Hello World');
13
13
  });
14
+ test('should accept 2xl as space and padding without a validation error', async ({ page }) => {
15
+ const errors = [];
16
+ page.on('console', message => {
17
+ if (message.type() === 'error')
18
+ errors.push(message.text());
19
+ });
20
+ await page.mount(`
21
+ <ds-stack direction="row" space="2xl" p="2xl"><div>A</div><div>B</div></ds-stack>
22
+ `);
23
+ const dsStack = new DsStack(page.locator('ds-stack'));
24
+ await dsStack.assertToBeVisible();
25
+ await expect(dsStack.el).not.toHaveCSS('column-gap', '0px');
26
+ await expect(dsStack.el).not.toHaveCSS('padding-top', '0px');
27
+ expect(errors.filter(error => error.includes('must be one of'))).toEqual([]);
28
+ });
29
+ test('should reject xxl as space', async ({ page }) => {
30
+ const errors = [];
31
+ page.on('console', message => {
32
+ if (message.type() === 'error')
33
+ errors.push(message.text());
34
+ });
35
+ await page.mount(`
36
+ <ds-stack direction="row" space="xxl"><div>A</div><div>B</div></ds-stack>
37
+ `);
38
+ await expect.poll(() => errors.some(error => error.includes('must be one of'))).toBe(true);
39
+ });
14
40
  });
package/dist/collection/foundation/normalize.component.play.js ADDED
@@ -0,0 +1,39 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
+ */
4
+ import { expect, test } from "../../../../playwright/src/index";
5
+ const DESIGN_SYSTEM_CSS = require.resolve('@helvetia-design/styles/css/design-system.min');
6
+ const ZERO_WIDTH_SPACE = '"​"';
7
+ const SAFARI_LIST_FIX = { content: ZERO_WIDTH_SPACE, float: 'left' };
8
+ const mount = async (page, html, authorCss = '') => {
9
+ await page.setContent(`<style>${authorCss}</style>${html}`);
10
+ await page.addStyleTag({ path: DESIGN_SYSTEM_CSS });
11
+ };
12
+ const beforeOf = (page) => page.getByTestId('item').evaluate(el => {
13
+ const style = getComputedStyle(el, '::before');
14
+ return { content: style.content, float: style.cssFloat };
15
+ });
16
+ test.describe('normalize nav li::before', () => {
17
+ test('adds the zero-width space to plain nav list items', async ({ page }) => {
18
+ await mount(page, '<nav><ul><li data-testid="item">Item</li></ul></nav>');
19
+ expect(await beforeOf(page)).toEqual(SAFARI_LIST_FIX);
20
+ });
21
+ for (const tag of ['bal-nav', 'bal-pagination', 'bal-tabs']) {
22
+ test(`skips list items inside ${tag}`, async ({ page }) => {
23
+ await mount(page, `<${tag}><nav><ul><li data-testid="item">Item</li></ul></nav></${tag}>`);
24
+ expect(['none', 'normal']).toContain((await beforeOf(page)).content);
25
+ });
26
+ }
27
+ test('skips nested list items inside a Baloise component', async ({ page }) => {
28
+ await mount(page, '<bal-nav><nav><ul><li><ul><li data-testid="item">Item</li></ul></li></ul></nav></bal-nav>');
29
+ expect(['none', 'normal']).toContain((await beforeOf(page)).content);
30
+ });
31
+ test('keeps the fix for Baloise-like classes outside Baloise components', async ({ page }) => {
32
+ await mount(page, '<nav><ul class="bal-pagination__list"><li data-testid="item">Item</li></ul></nav>');
33
+ expect(await beforeOf(page)).toEqual(SAFARI_LIST_FIX);
34
+ });
35
+ test('keeps zero specificity against earlier author rules', async ({ page }) => {
36
+ await mount(page, '<nav><ul><li data-testid="item">Item</li></ul></nav>', `nav li::before { content: 'x'; }`);
37
+ expect((await beforeOf(page)).content).toBe('"x"');
38
+ });
39
+ });
package/dist/collection/global/constants/version.constant.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
4
  // generated by .build/version.js
5
- export const VERSION = '0.0.6';
5
+ export const VERSION = '0.1.0';
package/dist/collection/utils/t-shirt.js CHANGED
@@ -36,17 +36,18 @@ export const normalizeDeprecatedTShirtSize = (size) => {
36
36
  }
37
37
  return size;
38
38
  };
39
- /**
40
- * Returns the short t-shirt size (sm, base, md, ...) for a given verbose
41
- * value (small, normal, medium, ...). If no mapping exists the value is
42
- * returned unchanged.
43
- */
39
+ // `3xs` shares its verbose value with `2xs` and is skipped, so that `xx-small` resolves to `2xs`.
44
40
  const verboseToShortEntries = Object.entries(TShirtSizesMapping).reduce((result, [short, verbose]) => {
45
- if (!result[verbose]) {
41
+ if (short !== '3xs' && !result[verbose]) {
46
42
  result[verbose] = short;
47
43
  }
48
44
  return result;
49
45
  }, {});
46
+ /**
47
+ * Returns the short t-shirt size (sm, base, md, ...) for a given verbose
48
+ * value (small, normal, medium, ...). If no mapping exists the value is
49
+ * returned unchanged.
50
+ */
50
51
  export const toShortTShirtSize = (size) => {
51
52
  return verboseToShortEntries[size] || size;
52
53
  };
package/dist/design-system/design-system.esm.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import{p as e,H as a,g as l,b as n}from"./p-BZEWgXed.js";export{s as setNonce}from"./p-BZEWgXed.js";var i=e=>{const a=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return a.call(this,e);const l=a.call(this,!1),n=this.childNodes;if(e)for(let e=0;e<n.length;e++)2!==n[e].nodeType&&l.appendChild(n[e].cloneNode(!0));return l}};(()=>{i(a.prototype);const l=import.meta.url,n={};return""!==l&&(n.resourcesUrl=new URL(".",l).href),e(n)})().then((async e=>(await l(),n(JSON.parse('[["p-c7b33c067e",[[257,"ds-hint",{"placement":[1],"label":[1],"closeLabel":[1,"close-label"],"triggerLabel":[1,"trigger-label"],"isOpen":[32],"isTouch":[32],"animated":[32],"innerCloseLabel":[32],"language":[32],"region":[32],"present":[64],"dismiss":[64],"toggle":[64],"configChanged":[64]},[[4,"keydown","listenToKeyDown"]]]]],["p-a6709bd6a4",[[257,"ds-file-upload",{"value":[1040],"name":[513],"label":[1],"dropZoneLabel":[1,"drop-zone-label"],"description":[1],"invalidText":[1,"invalid-text"],"color":[1],"invalid":[4],"multiple":[4],"disabled":[4],"readonly":[4],"loading":[4],"required":[4],"accept":[1],"maxFiles":[2,"max-files"],"maxFileSize":[2,"max-file-size"],"maxBundleSize":[2,"max-bundle-size"],"hasFileList":[4,"has-file-list"],"autoInvalidOff":[516,"auto-invalid-off"],"files":[32],"focused":[32],"isDragOver":[32],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"configChanged":[64],"clear":[64],"setFocus":[64]},[[6,"reset","listenToReset"]],{"value":[{"valueChanged":1}]}]]],["p-65913aa877",[[257,"ds-snackbar",{"color":[1],"closable":[4],"heading":[1],"message":[1],"icon":[1],"svg":[1],"action":[1],"actionIcon":[1,"action-icon"],"actionTarget":[1,"action-target"],"actionHref":[1,"action-href"],"alertId":[1,"alert-id"],"visible":[516],"closeHandler":[16],"actionHandler":[16],"isMobile":[32],"mobileOpenState":[32],"didLoad":[32],"close":[64]}]]],["p-b81604634a",[[257,"ds-modal",{"open":[1540],"closable":[4],"modalWidth":[2,"modal-width"],"fullscreen":[4],"label":[1],"animated":[32],"isOpen":[32],"present":[64],"dismiss":[64],"configChanged":[64]},null,{"open":[{"openChanged":0}]}]]],["p-ebbec13d79",[[257,"ds-notification",{"alert":[4],"closable":[4],"closeHandler":[16],"color":[1],"heading":[1],"noIcon":[4,"no-icon"],"size":[1],"didLoad":[32],"hasBrandIcon":[32],"close":[64]}]]],["p-870e3c0138",[[257,"ds-tag",{"closable":[4],"color":[1],"disabled":[516],"invalid":[516],"position":[1],"size":[1]}]]],["p-03f71b802d",[[257,"ds-toast",{"color":[1],"closable":[4],"heading":[1],"message":[1],"icon":[1],"svg":[1],"action":[1],"actionIcon":[1,"action-icon"],"actionTarget":[1,"action-target"],"actionHref":[1,"action-href"],"alertId":[1,"alert-id"],"duration":[8],"visible":[516],"closeHandler":[16],"actionHandler":[16],"animated":[32],"didLoad":[32],"didPause":[32],"close":[64],"configChanged":[64]}]]],["p-94a2067cb2",[[65,"ds-counter",{"value":[1538],"name":[513],"label":[1],"description":[1],"color":[1],"invalid":[516],"invalidText":[1,"invalid-text"],"min":[2],"max":[2],"step":[2],"debounce":[2],"disabled":[4],"readonly":[4],"required":[4],"autoInvalidOff":[516,"auto-invalid-off"],"language":[32],"region":[32],"previousValue":[32],"valueDirection":[32],"configChanged":[64],"setFocus":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"value":[{"valueChanged":0}],"min":[{"minChanged":0}],"max":[{"maxChanged":0}],"debounce":[{"debounceChanged":0}]}]]],["p-46f29960b4",[[257,"ds-data-item",{"disabled":[516],"multiline":[516],"editable":[516],"editLabel":[1,"edit-label"],"innerEditLabel":[32],"language":[32],"region":[32],"configChanged":[64]}]]],["p-bcadbbe619",[[257,"ds-app-footer",{"container":[1],"hideLanguageSelection":[4,"hide-language-selection"],"disableDefaultLinks":[4,"disable-default-links"],"disableDefaultSocialLinks":[4,"disable-default-social-links"],"legalText":[1,"legal-text"],"brand":[32],"language":[32],"region":[32],"allowedLanguages":[32],"legalLinksConfig":[32],"legalTextConfig":[32],"socialLinksConfig":[32],"configChanged":[64]}]]],["p-1e2fdd526f",[[257,"ds-carousel",{"controls":[1],"variant":[1],"itemsPerView":[8,"items-per-view"],"label":[1],"steps":[2],"value":[1537],"language":[32],"region":[32],"activeIndex":[32],"itemCount":[32],"canScrollLeft":[32],"canScrollRight":[32],"dragging":[32],"configChanged":[64]},[[0,"dsCarouselItemSelect","listenToDsCarouselItemSelect"]]]]],["p-0be74307ee",[[321,"ds-checkbox-group",{"autoInvalidOff":[516,"auto-invalid-off"],"color":[1],"cols":[2],"colsMobile":[2,"cols-mobile"],"colsTablet":[2,"cols-tablet"],"control":[4],"description":[1],"disabled":[516],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"labelPosition":[1,"label-position"],"loading":[516],"name":[513],"readonly":[516],"required":[516],"tile":[4],"hideTrigger":[4,"hide-trigger"],"tileColor":[1,"tile-color"],"value":[16],"vertical":[4],"language":[32],"region":[32],"internalValue":[32],"hasInvalidTextSlotContent":[32],"configChanged":[64]},[[6,"dsBlur","listenToDsBlur"],[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"reset","listenToReset"]],{"value":[{"valueChanged":0}]}]]],["p-89418d345c",[[65,"ds-datepicker",{"value":[1537],"name":[513],"label":[1],"description":[1],"color":[1],"invalid":[4],"invalidText":[1,"invalid-text"],"required":[4],"disabled":[4],"readonly":[4],"placeholder":[1],"autofocus":[4],"autocomplete":[1],"debounce":[2],"autoInvalidOff":[516,"auto-invalid-off"],"inline":[4],"loading":[4],"min":[1],"max":[1],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"defaultDate":[1,"default-date"],"freeSolo":[4,"free-solo"],"allowedDates":[16],"focused":[32],"language":[32],"region":[32],"isOpen":[32],"hasInvalidTextSlotContent":[32],"displayValue":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[4,"keydown","listenToKeyDown"],[6,"reset","listenToReset"]],{"isOpen":[{"isOpenChanged":0}],"value":[{"valueChanged":1}],"debounce":[{"debounceChanged":0}],"freeSolo":[{"freeSoloChanged":0}],"min":[{"minChanged":0}],"minYearProp":[{"minChanged":0}],"max":[{"maxChanged":0}],"maxYearProp":[{"maxChanged":0}]}]]],["p-bee20202e4",[[65,"ds-input",{"value":[1537],"name":[513],"label":[1],"description":[1],"color":[1],"loading":[4],"invalid":[4],"invalidText":[1,"invalid-text"],"type":[1],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"debounce":[2],"placeholder":[1],"max":[1],"maxLength":[2,"max-length"],"min":[1],"minLength":[2,"min-length"],"multiple":[4],"pattern":[1],"allowedKeyPress":[1,"allowed-key-press"],"required":[4],"spellcheck":[4],"disabled":[4],"readonly":[4],"suffix":[1],"inputmode":[1],"mask":[1],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"configChanged":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"debounce":[{"debounceChanged":0}],"mask":[{"maskChanged":0}]}]]],["p-72843320f7",[[257,"ds-item",{"accordionGroup":[1,"accordion-group"],"accordionMarker":[1,"accordion-marker"],"accordionMarkerPosition":[1,"accordion-marker-position"],"accordionOpen":[516,"accordion-open"],"actionIcon":[1,"action-icon"],"description":[1],"disabled":[516],"inverted":[4],"download":[1],"href":[1],"label":[1],"labelLevel":[1,"label-level"],"labelSize":[1,"label-size"],"rel":[1],"size":[1],"target":[1],"variant":[1]}]]],["p-1832a8b10c",[[65,"ds-number-input",{"autoInvalidOff":[516,"auto-invalid-off"],"color":[1],"debounce":[2],"decimal":[2],"description":[1],"disabled":[516],"exactNumber":[4,"exact-number"],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"max":[1],"min":[1],"name":[513],"onlyPositive":[4,"only-positive"],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[516],"suffix":[1],"value":[1538],"focused":[32],"hasInvalidTextSlotContent":[32],"language":[32],"region":[32],"nativeInputValue":[32],"inputPattern":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"debounce":[{"debounceChanged":0}],"value":[{"valueChanged":1}]}]]],["p-6b6fdc57c1",[[65,"ds-phone-input",{"value":[1537],"name":[513],"countries":[1],"initialCountry":[1,"initial-country"],"country":[1025],"label":[1],"description":[1],"color":[1],"invalid":[4],"invalidText":[1,"invalid-text"],"autoInvalidOff":[516,"auto-invalid-off"],"required":[4],"disabled":[4],"readonly":[4],"placeholder":[1],"focused":[32],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"pickerOpen":[32],"filterQuery":[32],"activeCode":[32],"displayValue":[32],"resolvedCountry":[32],"nationalNumber":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[4,"reset","listenToReset"]],{"value":[{"valueChanged":1}],"countries":[{"countriesChanged":0}],"country":[{"countryChanged":0}]}]]],["p-70d98ea08d",[[321,"ds-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"autoInvalidOff":[516,"auto-invalid-off"],"color":[1],"cols":[2],"colsMobile":[2,"cols-mobile"],"colsTablet":[2,"cols-tablet"],"description":[1],"disabled":[516],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"labelPosition":[1,"label-position"],"loading":[516],"name":[513],"readonly":[516],"required":[516],"tile":[4],"hideTrigger":[4,"hide-trigger"],"tileColor":[1,"tile-color"],"value":[1544],"vertical":[4],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"setValue":[64],"configChanged":[64]},[[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"dsBlur","listenToDsBlur"],[0,"focusout","listenToFocusOut"],[6,"reset","listenToReset"],[4,"keydown","listenToKeydown"]],{"value":[{"valueChanged":0}]}]]],["p-5448f94833",[[321,"ds-segment",{"allowEmptySelection":[4,"allow-empty-selection"],"autoInvalidOff":[516,"auto-invalid-off"],"description":[1],"disabled":[516],"iconOnly":[4,"icon-only"],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"loading":[516],"name":[513],"readonly":[516],"required":[516],"value":[1544],"vertical":[4],"verticalOnMobile":[4,"vertical-on-mobile"],"wide":[4],"language":[32],"region":[32],"items":[32],"autoVertical":[32],"hasInvalidTextSlotContent":[32],"setValue":[64],"configChanged":[64],"listenToResize":[64]},[[6,"dsWillUpdate","listenToDsWillUpdate"],[6,"reset","listenToReset"],[0,"focusout","listenToFocusOut"]]]]],["p-6c9ebf73a3",[[321,"ds-select",{"value":[1025],"name":[513],"label":[1],"description":[1],"color":[1],"invalid":[4],"invalidText":[1,"invalid-text"],"required":[4],"disabled":[4],"readonly":[4],"multiple":[4],"searchable":[4],"clearable":[4],"placeholder":[1],"options":[16],"optionGroups":[16],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"slottedOptions":[32],"hasInvalidTextSlotContent":[32],"slottedOptionGroups":[32],"configChanged":[64],"open":[64],"close":[64],"setFocus":[64],"setBlur":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"value":[{"valueChanged":0}],"disabled":[{"disabledChanged":0}],"readonly":[{"readonlyChanged":0}],"options":[{"optionsChanged":0}],"optionGroups":[{"optionGroupsChanged":0}]}]]],["p-af756319ff",[[65,"ds-slider",{"value":[1538],"name":[513],"label":[1],"description":[1],"color":[1],"brandColor":[1,"brand-color"],"invalid":[516],"invalidText":[1,"invalid-text"],"min":[2],"max":[2],"step":[1],"debounce":[2],"disabled":[4],"readonly":[4],"required":[4],"autoInvalidOff":[516,"auto-invalid-off"],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"value":[{"valueChanged":1}],"invalid":[{"invalidChanged":0}],"min":[{"minChanged":0}],"max":[{"minChanged":0}],"step":[{"stepChanged":0}],"debounce":[{"debounceChanged":0}],"disabled":[{"disabledChanged":0}],"readonly":[{"readonlyChanged":0}]}]]],["p-d12febf08e",[[65,"ds-textarea",{"autocapitalize":[1],"autocomplete":[1],"autofocus":[4],"autoInvalidOff":[4,"auto-invalid-off"],"color":[1],"cols":[2],"debounce":[2],"description":[1],"disabled":[516],"inputmode":[1],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"name":[513],"placeholder":[1],"readonly":[516],"required":[516],"rows":[2],"value":[1537],"wrap":[1],"focused":[32],"hasInvalidTextSlotContent":[32],"language":[32],"region":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"configChanged":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"debounce":[{"debounceChanged":0}]}]]],["p-d5c0b5ddf3",[[321,"ds-toggle",{"autoInvalidOff":[516,"auto-invalid-off"],"checked":[1540],"dense":[4],"disabled":[516],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"labelPosition":[1,"label-position"],"name":[513],"readonly":[516],"required":[516],"value":[8],"focused":[32],"hasInvalidTextSlotContent":[32]},[[6,"reset","listenToReset"]]]]],["p-c0efe2d99d",[[257,"ds-app-navbar",{"open":[516],"light":[4],"container":[1],"language":[32],"region":[32],"isTouch":[32],"isSidebarOpen":[32],"isOverflowing":[32],"configChanged":[64],"listenToResize":[64],"toggleSidebar":[64],"openSidebar":[64],"closeSidebar":[64]},null,{"open":[{"openChanged":0}]}]]],["p-f67413bb28",[[257,"ds-badge",{"icon":[1],"size":[513],"color":[513],"position":[513],"pulse":[516]}]]],["p-8ecf64f703",[[257,"ds-card-actions",{"align":[1]}]]],["p-8c18e03816",[[257,"ds-card-title",{"inverted":[4],"level":[1],"visualLevel":[1,"visual-level"]}]]],["p-78fa42f19b",[[257,"ds-step",{"activeIndex":[1026,"active-index"],"disabled":[516],"done":[516],"hidden":[516],"index":[1026],"invalid":[516],"label":[1],"name":[513],"navigation":[1028],"selected":[1540],"vertical":[1028]}]]],["p-e862697fd0",[[257,"ds-tabs",{"color":[1],"fullwidth":[4],"inverted":[4],"label":[1],"value":[1537],"vertical":[4],"verticalColSize":[1,"vertical-col-size"],"language":[32],"region":[32],"canScrollLeft":[32],"canScrollRight":[32],"configChanged":[64]},[[0,"dsTabSelect","listenToDsTabSelect"]]]]],["p-ee0928114d",[[1,"ds-alert-container",{"animated":[4],"container":[1],"type":[1],"alerts":[32],"addAlert":[64],"removeAlert":[64],"removeAll":[64]}]]],["p-eea3eb3953",[[257,"ds-card",{"flat":[4],"tile":[4],"dense":[4],"imageTeaser":[1,"image-teaser"],"inverted":[4],"clickable":[4],"selected":[4],"fullheight":[4],"align":[1],"space":[1],"color":[1]}]]],["p-94a8f24fe1",[[257,"ds-card-content"]]],["p-590395ca65",[[257,"ds-card-header",{"direction":[1]}]]],["p-199e5794f9",[[257,"ds-card-subtitle",{"inverted":[4],"bold":[4],"color":[1]}]]],["p-273efbd0f4",[[257,"ds-carousel-item",{"color":[1],"carouselVariant":[1025,"carousel-variant"],"navigation":[4],"index":[1026],"name":[513],"selected":[1540],"src":[1]}]]],["p-b64cafbcbf",[[321,"ds-checkbox",{"name":[513],"label":[1],"labelPosition":[1,"label-position"],"value":[8],"checked":[1028],"disabled":[4],"readonly":[4],"required":[4],"autoInvalidOff":[516,"auto-invalid-off"],"invalid":[4],"tileColor":[1,"tile-color"],"tile":[4],"hideTrigger":[4,"hide-trigger"],"cols":[2],"colsTablet":[2,"cols-tablet"],"colsMobile":[2,"cols-mobile"],"focused":[32]},[[6,"reset","listenToReset"]]]]],["p-dcc1c89e7a",[[257,"ds-data",{"horizontal":[516]}]]],["p-e6ac93cc12",[[260,"ds-data-label",{"required":[516]}]]],["p-387808b33b",[[260,"ds-data-value"]]],["p-6317524d37",[[260,"ds-hint-text"]]],["p-4560cd05e2",[[260,"ds-hint-title"]]],["p-fd53c6d59f",[[257,"ds-label",{"disabled":[516],"htmlFor":[1,"html-for"],"htmlId":[1,"html-id"],"invalid":[516],"noWrap":[4,"no-wrap"],"required":[516],"size":[1],"valid":[516],"language":[32],"region":[32],"configChanged":[64]}]]],["p-dcab67df56",[[257,"ds-list",{"inverted":[4],"ordered":[4],"size":[1]}]]],["p-b5c2efdef4",[[257,"ds-modal-body"]]],["p-2984e0c419",[[260,"ds-modal-header"]]],["p-08cc8257b5",[[1,"ds-progress-bar",{"background":[1],"color":[1],"value":[514],"language":[32],"configChanged":[64]}]]],["p-9ada63ba4b",[[321,"ds-radio",{"autoInvalidOff":[4,"auto-invalid-off"],"checked":[1540],"cols":[2],"colsMobile":[2,"cols-mobile"],"colsTablet":[2,"cols-tablet"],"disabled":[516],"invalid":[516],"label":[1],"labelPosition":[1,"label-position"],"name":[513],"readonly":[516],"required":[516],"tile":[4],"hideTrigger":[4,"hide-trigger"],"tileColor":[1,"tile-color"],"value":[1544],"focused":[32],"wasFocused":[32],"buttonTabindex":[32],"setFocus":[64],"setBlur":[64],"setButtonTabindex":[64],"updateState":[64]},[[6,"click","listenToClick"]]]]],["p-d429f6e937",[[260,"ds-root",{"animated":[516],"brand":[513],"region":[513],"language":[513],"allowedLanguages":[513,"allowed-languages"],"fallbackLanguage":[513,"fallback-language"],"icons":[16],"legalLinks":[16],"legalText":[16],"socialLinks":[16],"ready":[1540],"logger":[513],"setFocus":[64],"configChanged":[64]},null,{"brand":[{"brandChanged":0}],"region":[{"regionChanged":0}],"fallbackLanguage":[{"fallbackLanguageChanged":0}],"allowedLanguages":[{"allowedLanguagesChanged":0}],"language":[{"languageChanged":0}],"icons":[{"iconsChanged":0}],"legalLinks":[{"legalLinksChanged":0}],"legalText":[{"legalTextChanged":0}],"socialLinks":[{"socialLinksChanged":0}]}]]],["p-c1058ab51d",[[65,"ds-segment-item",{"description":[1],"icon":[1],"label":[1],"svg":[1],"value":[520]}]]],["p-bdbf9a394c",[[257,"ds-select-optgroup",{"label":[1]}]]],["p-bfa52f09c1",[[257,"ds-select-option",{"value":[1],"disabled":[4]}]]],["p-4434546768",[[1,"ds-shape",{"color":[513],"rotation":[513],"variation":[513]}]]],["p-227bf7005f",[[257,"ds-sheet",{"containerSize":[1,"container-size"]}]]],["p-12008e4b4a",[[257,"ds-step-panel",{"for":[513],"selected":[1540]}]]],["p-8734bc6735",[[257,"ds-steps",{"color":[1],"label":[1],"value":[1537],"vertical":[4]},[[0,"dsStepSelect","listenToDsStepSelect"]]]]],["p-eff94c9727",[[257,"ds-tab",{"fullwidth":[1028],"inverted":[1028],"name":[513],"navigation":[1028],"selected":[1540],"vertical":[1028]}]]],["p-eae2a1547c",[[257,"ds-tab-panel",{"for":[513],"selected":[1540]}]]],["p-a4621dc9f7",[[257,"ds-tag-group"]]],["p-836ac75016",[[257,"ds-text",{"align":[1],"bold":[4],"color":[1],"disabled":[516],"heading":[4],"inline":[4],"invalid":[516],"inverted":[4],"noWrap":[4,"no-wrap"],"shadow":[4],"size":[1025],"space":[1],"subtitle":[4]}]]],["p-8e0ce35e32",[[257,"ds-tooltip",{"reference":[1],"placement":[1],"offset":[2],"contentWidth":[2,"content-width"],"open":[4],"presented":[32],"present":[64],"dismiss":[64],"update":[64]},null,{"contentWidth":[{"contentWidthChanged":0}]}]]],["p-42bc0ecdea",[[1,"ds-spinner",{"deactivated":[4],"inverted":[4],"size":[1025],"label":[1],"labelPosition":[1,"label-position"],"variation":[1],"animated":[32],"language":[32],"region":[32],"configChanged":[64]},null,{"deactivated":[{"deactivatedChanged":0}],"variation":[{"variationChanged":0}]}],[1,"ds-icon",{"name":[513],"svg":[1],"src":[1],"size":[513],"color":[1],"inline":[4],"inverted":[4],"turn":[4],"shadow":[4],"disabled":[4],"invalid":[4],"icons":[32],"svgContent":[32],"configChanged":[64]}]]],["p-fd42d172be",[[257,"ds-accordion",{"open":[1540],"group":[513],"summaryLevel":[1,"summary-level"],"summaryVisualLevel":[1,"summary-visual-level"],"summaryTitle":[4,"summary-title"],"marker":[1],"markerPosition":[1,"marker-position"],"button":[4],"buttonWide":[4,"button-wide"],"buttonColor":[1,"button-color"],"buttonSize":[1,"button-size"],"buttonLabelOpen":[1,"button-label-open"],"buttonIconOpen":[1,"button-icon-open"],"buttonLabelClose":[1,"button-label-close"],"buttonIconClose":[1,"button-icon-close"],"animated":[32],"isAnimating":[32],"configChanged":[64]},[[8,"dsOpened","listenToDsOpened"]]]]],["p-903d110824",[[1,"ds-pagination",{"align":[1],"disabled":[516],"label":[1],"pageRange":[2,"page-range"],"size":[1],"sticky":[4],"textNext":[1,"text-next"],"textPrevious":[1,"text-previous"],"top":[2],"totalPages":[2,"total-pages"],"value":[1538],"variant":[1],"isMobile":[32],"language":[32],"next":[64],"previous":[64],"configChanged":[64]},null,{"top":[{"topChanged":0}]}]]],["p-d65c14d35e",[[257,"ds-heading",{"level":[513],"visualLevel":[513,"visual-level"],"autoLevel":[513,"auto-level"],"noWrap":[516,"no-wrap"],"subtitle":[516],"space":[513],"color":[513],"inverted":[516],"shadow":[516],"autoFontSize":[32]},null,{"level":[{"levelChanged":0}],"visualLevel":[{"visualLevelChanged":0}],"autoLevel":[{"autoLevelChanged":0}]}]]],["p-97670520d2",[[1,"ds-close",{"size":[513],"inverted":[4],"disabled":[516],"button":[4],"buttonColor":[1,"button-color"],"buttonSize":[513,"button-size"],"language":[32],"region":[32],"configChanged":[64]}],[321,"ds-button",{"color":[1],"elementType":[513,"element-type"],"disabled":[516],"size":[1],"href":[1],"target":[1],"rel":[1],"download":[1],"shadow":[4],"square":[4],"wide":[4],"flat":[4],"outlined":[4],"inverted":[516],"loading":[516],"icon":[1],"iconTurn":[4,"icon-turn"],"iconRight":[1,"icon-right"],"brandIcon":[1,"brand-icon"],"brandSize":[1,"brand-size"],"noWrap":[4,"no-wrap"],"name":[513],"value":[1],"a11yControls":[1,"a-1-1y-controls"],"a11yTitle":[1,"a-1-1y-title"],"a11yLabel":[1,"a-1-1y-label"],"a11yHaspopup":[1025,"a-1-1y-haspopup"]},[[6,"click","listenToClick"]]],[1,"ds-brand-icon",{"svg":[1],"src":[1],"size":[513],"color":[1],"tile":[4],"disabled":[4],"invalid":[4],"svgContent":[32]}]]],["p-7c1ce160fe",[[257,"ds-drawer",{"open":[1540],"closable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"label":[1],"container":[1],"animated":[32],"isOpen":[32],"present":[64],"dismiss":[64],"configChanged":[64]},null,{"open":[{"openChanged":0}]}],[257,"ds-popup",{"open":[1540],"trigger":[16],"placement":[1],"offset":[2],"role":[1],"closable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"backdrop":[4],"group":[1],"label":[1],"arrow":[4],"trapFocus":[4,"trap-focus"],"animated":[32],"isOpen":[32],"present":[64],"dismiss":[64],"toggle":[64],"configChanged":[64]},[[4,"click","listenToClick"],[4,"keydown","listenToKeyDown"]],{"open":[{"openChanged":0}],"trigger":[{"triggerChanged":0}]}]]],["p-76551271c7",[[260,"ds-content",{"layout":[1],"direction":[1],"align":[1],"textAlign":[1,"text-align"],"space":[1],"alignment":[1]}],[260,"ds-stack",{"align":[1],"alignment":[1],"direction":[1025],"fitContent":[4,"fit-content"],"p":[1],"px":[1],"py":[1],"space":[1],"spaceColumn":[1,"space-column"],"spaceRow":[1,"space-row"],"useWrap":[4,"use-wrap"]}]]],["p-68f1c98ef3",[[1,"ds-divider",{"layout":[1],"space":[1],"color":[1],"dashed":[4]}],[1,"ds-logo",{"animated":[4],"brand":[1],"color":[1],"size":[1],"isTouch":[32],"doesConfigAllowAnimation":[32],"configBrand":[32],"configChanged":[64]},null,{"animated":[{"animatedChanged":0}]}]]],["p-b7b13b1f3a",[[257,"ds-button-group",{"align":[1],"direction":[1],"reverse":[4],"wide":[4]}]]]]'),e))));
4
+ import{p as e,H as a,g as l,b as n}from"./p-BZEWgXed.js";export{s as setNonce}from"./p-BZEWgXed.js";var i=e=>{const a=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return a.call(this,e);const l=a.call(this,!1),n=this.childNodes;if(e)for(let e=0;e<n.length;e++)2!==n[e].nodeType&&l.appendChild(n[e].cloneNode(!0));return l}};(()=>{i(a.prototype);const l=import.meta.url,n={};return""!==l&&(n.resourcesUrl=new URL(".",l).href),e(n)})().then((async e=>(await l(),n(JSON.parse('[["p-c7b33c067e",[[257,"ds-hint",{"placement":[1],"label":[1],"closeLabel":[1,"close-label"],"triggerLabel":[1,"trigger-label"],"isOpen":[32],"isTouch":[32],"animated":[32],"innerCloseLabel":[32],"language":[32],"region":[32],"present":[64],"dismiss":[64],"toggle":[64],"configChanged":[64]},[[4,"keydown","listenToKeyDown"]]]]],["p-812fca6694",[[257,"ds-file-upload",{"value":[1040],"name":[513],"label":[1],"dropZoneLabel":[1,"drop-zone-label"],"description":[1],"invalidText":[1,"invalid-text"],"color":[1],"invalid":[4],"multiple":[4],"disabled":[4],"readonly":[4],"loading":[4],"required":[4],"accept":[1],"maxFiles":[2,"max-files"],"maxFileSize":[2,"max-file-size"],"maxBundleSize":[2,"max-bundle-size"],"hasFileList":[4,"has-file-list"],"autoInvalidOff":[516,"auto-invalid-off"],"files":[32],"focused":[32],"isDragOver":[32],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"configChanged":[64],"clear":[64],"setFocus":[64]},[[6,"reset","listenToReset"]],{"value":[{"valueChanged":1}]}]]],["p-707ddadb07",[[257,"ds-snackbar",{"color":[1],"closable":[4],"heading":[1],"message":[1],"icon":[1],"svg":[1],"action":[1],"actionIcon":[1,"action-icon"],"actionTarget":[1,"action-target"],"actionHref":[1,"action-href"],"alertId":[1,"alert-id"],"visible":[516],"closeHandler":[16],"actionHandler":[16],"isMobile":[32],"mobileOpenState":[32],"didLoad":[32],"close":[64]}]]],["p-b81604634a",[[257,"ds-modal",{"open":[1540],"closable":[4],"modalWidth":[2,"modal-width"],"fullscreen":[4],"label":[1],"animated":[32],"isOpen":[32],"present":[64],"dismiss":[64],"configChanged":[64]},null,{"open":[{"openChanged":0}]}]]],["p-ebbec13d79",[[257,"ds-notification",{"alert":[4],"closable":[4],"closeHandler":[16],"color":[1],"heading":[1],"noIcon":[4,"no-icon"],"size":[1],"didLoad":[32],"hasBrandIcon":[32],"close":[64]}]]],["p-6d133bb1c4",[[257,"ds-tag",{"closable":[4],"color":[1],"disabled":[516],"invalid":[516],"position":[1],"size":[1]}]]],["p-a2921f8048",[[257,"ds-toast",{"color":[1],"closable":[4],"heading":[1],"message":[1],"icon":[1],"svg":[1],"action":[1],"actionIcon":[1,"action-icon"],"actionTarget":[1,"action-target"],"actionHref":[1,"action-href"],"alertId":[1,"alert-id"],"duration":[8],"visible":[516],"closeHandler":[16],"actionHandler":[16],"animated":[32],"didLoad":[32],"didPause":[32],"close":[64],"configChanged":[64]}]]],["p-68c0b49d0f",[[65,"ds-counter",{"value":[1538],"name":[513],"label":[1],"description":[1],"color":[1],"invalid":[516],"invalidText":[1,"invalid-text"],"min":[2],"max":[2],"step":[2],"debounce":[2],"disabled":[4],"readonly":[4],"required":[4],"autoInvalidOff":[516,"auto-invalid-off"],"language":[32],"region":[32],"previousValue":[32],"valueDirection":[32],"configChanged":[64],"setFocus":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"value":[{"valueChanged":0}],"min":[{"minChanged":0}],"max":[{"maxChanged":0}],"debounce":[{"debounceChanged":0}]}]]],["p-46f29960b4",[[257,"ds-data-item",{"disabled":[516],"multiline":[516],"editable":[516],"editLabel":[1,"edit-label"],"innerEditLabel":[32],"language":[32],"region":[32],"configChanged":[64]}]]],["p-bcadbbe619",[[257,"ds-app-footer",{"container":[1],"hideLanguageSelection":[4,"hide-language-selection"],"disableDefaultLinks":[4,"disable-default-links"],"disableDefaultSocialLinks":[4,"disable-default-social-links"],"legalText":[1,"legal-text"],"brand":[32],"language":[32],"region":[32],"allowedLanguages":[32],"legalLinksConfig":[32],"legalTextConfig":[32],"socialLinksConfig":[32],"configChanged":[64]}]]],["p-1e2fdd526f",[[257,"ds-carousel",{"controls":[1],"variant":[1],"itemsPerView":[8,"items-per-view"],"label":[1],"steps":[2],"value":[1537],"language":[32],"region":[32],"activeIndex":[32],"itemCount":[32],"canScrollLeft":[32],"canScrollRight":[32],"dragging":[32],"configChanged":[64]},[[0,"dsCarouselItemSelect","listenToDsCarouselItemSelect"]]]]],["p-0be74307ee",[[321,"ds-checkbox-group",{"autoInvalidOff":[516,"auto-invalid-off"],"color":[1],"cols":[2],"colsMobile":[2,"cols-mobile"],"colsTablet":[2,"cols-tablet"],"control":[4],"description":[1],"disabled":[516],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"labelPosition":[1,"label-position"],"loading":[516],"name":[513],"readonly":[516],"required":[516],"tile":[4],"hideTrigger":[4,"hide-trigger"],"tileColor":[1,"tile-color"],"value":[16],"vertical":[4],"language":[32],"region":[32],"internalValue":[32],"hasInvalidTextSlotContent":[32],"configChanged":[64]},[[6,"dsBlur","listenToDsBlur"],[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"reset","listenToReset"]],{"value":[{"valueChanged":0}]}]]],["p-1ca8c93650",[[65,"ds-datepicker",{"value":[1537],"name":[513],"label":[1],"description":[1],"color":[1],"invalid":[4],"invalidText":[1,"invalid-text"],"required":[4],"disabled":[4],"readonly":[4],"placeholder":[1],"autofocus":[4],"autocomplete":[1],"debounce":[2],"autoInvalidOff":[516,"auto-invalid-off"],"inline":[4],"loading":[4],"min":[1],"max":[1],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"defaultDate":[1,"default-date"],"freeSolo":[4,"free-solo"],"allowedDates":[16],"focused":[32],"language":[32],"region":[32],"isOpen":[32],"hasInvalidTextSlotContent":[32],"displayValue":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[4,"keydown","listenToKeyDown"],[6,"reset","listenToReset"]],{"isOpen":[{"isOpenChanged":0}],"value":[{"valueChanged":1}],"debounce":[{"debounceChanged":0}],"freeSolo":[{"freeSoloChanged":0}],"min":[{"minChanged":0}],"minYearProp":[{"minChanged":0}],"max":[{"maxChanged":0}],"maxYearProp":[{"maxChanged":0}]}]]],["p-d2c33fa11f",[[65,"ds-input",{"value":[1537],"name":[513],"label":[1],"description":[1],"color":[1],"loading":[4],"invalid":[4],"invalidText":[1,"invalid-text"],"type":[1],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"debounce":[2],"placeholder":[1],"max":[1],"maxLength":[2,"max-length"],"min":[1],"minLength":[2,"min-length"],"multiple":[4],"pattern":[1],"allowedKeyPress":[1,"allowed-key-press"],"required":[4],"spellcheck":[4],"disabled":[4],"readonly":[4],"suffix":[1],"inputmode":[1],"mask":[1],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"configChanged":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"debounce":[{"debounceChanged":0}],"mask":[{"maskChanged":0}]}]]],["p-72843320f7",[[257,"ds-item",{"accordionGroup":[1,"accordion-group"],"accordionMarker":[1,"accordion-marker"],"accordionMarkerPosition":[1,"accordion-marker-position"],"accordionOpen":[516,"accordion-open"],"actionIcon":[1,"action-icon"],"description":[1],"disabled":[516],"inverted":[4],"download":[1],"href":[1],"label":[1],"labelLevel":[1,"label-level"],"labelSize":[1,"label-size"],"rel":[1],"size":[1],"target":[1],"variant":[1]}]]],["p-8d919b39a2",[[65,"ds-number-input",{"autoInvalidOff":[516,"auto-invalid-off"],"color":[1],"debounce":[2],"decimal":[2],"description":[1],"disabled":[516],"exactNumber":[4,"exact-number"],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"max":[1],"min":[1],"name":[513],"onlyPositive":[4,"only-positive"],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[516],"suffix":[1],"value":[1538],"focused":[32],"hasInvalidTextSlotContent":[32],"language":[32],"region":[32],"nativeInputValue":[32],"inputPattern":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"debounce":[{"debounceChanged":0}],"value":[{"valueChanged":1}]}]]],["p-4722d55123",[[65,"ds-phone-input",{"value":[1537],"name":[513],"countries":[1],"initialCountry":[1,"initial-country"],"country":[1025],"label":[1],"description":[1],"color":[1],"invalid":[4],"invalidText":[1,"invalid-text"],"autoInvalidOff":[516,"auto-invalid-off"],"required":[4],"disabled":[4],"readonly":[4],"placeholder":[1],"focused":[32],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"pickerOpen":[32],"filterQuery":[32],"activeCode":[32],"displayValue":[32],"resolvedCountry":[32],"nationalNumber":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[4,"reset","listenToReset"]],{"value":[{"valueChanged":1}],"countries":[{"countriesChanged":0}],"country":[{"countryChanged":0}]}]]],["p-70d98ea08d",[[321,"ds-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"autoInvalidOff":[516,"auto-invalid-off"],"color":[1],"cols":[2],"colsMobile":[2,"cols-mobile"],"colsTablet":[2,"cols-tablet"],"description":[1],"disabled":[516],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"labelPosition":[1,"label-position"],"loading":[516],"name":[513],"readonly":[516],"required":[516],"tile":[4],"hideTrigger":[4,"hide-trigger"],"tileColor":[1,"tile-color"],"value":[1544],"vertical":[4],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"setValue":[64],"configChanged":[64]},[[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"dsBlur","listenToDsBlur"],[0,"focusout","listenToFocusOut"],[6,"reset","listenToReset"],[4,"keydown","listenToKeydown"]],{"value":[{"valueChanged":0}]}]]],["p-5448f94833",[[321,"ds-segment",{"allowEmptySelection":[4,"allow-empty-selection"],"autoInvalidOff":[516,"auto-invalid-off"],"description":[1],"disabled":[516],"iconOnly":[4,"icon-only"],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"loading":[516],"name":[513],"readonly":[516],"required":[516],"value":[1544],"vertical":[4],"verticalOnMobile":[4,"vertical-on-mobile"],"wide":[4],"language":[32],"region":[32],"items":[32],"autoVertical":[32],"hasInvalidTextSlotContent":[32],"setValue":[64],"configChanged":[64],"listenToResize":[64]},[[6,"dsWillUpdate","listenToDsWillUpdate"],[6,"reset","listenToReset"],[0,"focusout","listenToFocusOut"]]]]],["p-2b04230249",[[321,"ds-select",{"value":[1025],"name":[513],"label":[1],"description":[1],"color":[1],"invalid":[4],"invalidText":[1,"invalid-text"],"required":[4],"disabled":[4],"readonly":[4],"multiple":[4],"searchable":[4],"clearable":[4],"placeholder":[1],"options":[16],"optionGroups":[16],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"slottedOptions":[32],"hasInvalidTextSlotContent":[32],"slottedOptionGroups":[32],"configChanged":[64],"open":[64],"close":[64],"setFocus":[64],"setBlur":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"value":[{"valueChanged":0}],"disabled":[{"disabledChanged":0}],"readonly":[{"readonlyChanged":0}],"options":[{"optionsChanged":0}],"optionGroups":[{"optionGroupsChanged":0}]}]]],["p-f799b1412c",[[65,"ds-slider",{"value":[1538],"name":[513],"label":[1],"description":[1],"color":[1],"brandColor":[1,"brand-color"],"invalid":[516],"invalidText":[1,"invalid-text"],"min":[2],"max":[2],"step":[1],"debounce":[2],"disabled":[4],"readonly":[4],"required":[4],"autoInvalidOff":[516,"auto-invalid-off"],"language":[32],"region":[32],"hasInvalidTextSlotContent":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"value":[{"valueChanged":1}],"invalid":[{"invalidChanged":0}],"min":[{"minChanged":0}],"max":[{"minChanged":0}],"step":[{"stepChanged":0}],"debounce":[{"debounceChanged":0}],"disabled":[{"disabledChanged":0}],"readonly":[{"readonlyChanged":0}]}]]],["p-d85136052d",[[65,"ds-textarea",{"autocapitalize":[1],"autocomplete":[1],"autofocus":[4],"autoInvalidOff":[4,"auto-invalid-off"],"color":[1],"cols":[2],"debounce":[2],"description":[1],"disabled":[516],"inputmode":[1],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"name":[513],"placeholder":[1],"readonly":[516],"required":[516],"rows":[2],"value":[1537],"wrap":[1],"focused":[32],"hasInvalidTextSlotContent":[32],"language":[32],"region":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"configChanged":[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{"debounce":[{"debounceChanged":0}]}]]],["p-a99f6b63d3",[[321,"ds-toggle",{"autoInvalidOff":[516,"auto-invalid-off"],"checked":[1540],"dense":[4],"disabled":[516],"invalid":[516],"invalidText":[1,"invalid-text"],"label":[1],"labelPosition":[1,"label-position"],"name":[513],"readonly":[516],"required":[516],"value":[8],"focused":[32],"hasInvalidTextSlotContent":[32]},[[6,"reset","listenToReset"]]]]],["p-c0efe2d99d",[[257,"ds-app-navbar",{"open":[516],"light":[4],"container":[1],"language":[32],"region":[32],"isTouch":[32],"isSidebarOpen":[32],"isOverflowing":[32],"configChanged":[64],"listenToResize":[64],"toggleSidebar":[64],"openSidebar":[64],"closeSidebar":[64]},null,{"open":[{"openChanged":0}]}]]],["p-083f25371d",[[257,"ds-badge",{"icon":[1],"size":[513],"color":[513],"position":[513],"pulse":[516]}]]],["p-8ecf64f703",[[257,"ds-card-actions",{"align":[1]}]]],["p-ba7800f8e6",[[257,"ds-card-title",{"inverted":[4],"level":[1],"visualLevel":[1,"visual-level"]}]]],["p-78fa42f19b",[[257,"ds-step",{"activeIndex":[1026,"active-index"],"disabled":[516],"done":[516],"hidden":[516],"index":[1026],"invalid":[516],"label":[1],"name":[513],"navigation":[1028],"selected":[1540],"vertical":[1028]}]]],["p-e862697fd0",[[257,"ds-tabs",{"color":[1],"fullwidth":[4],"inverted":[4],"label":[1],"value":[1537],"vertical":[4],"verticalColSize":[1,"vertical-col-size"],"language":[32],"region":[32],"canScrollLeft":[32],"canScrollRight":[32],"configChanged":[64]},[[0,"dsTabSelect","listenToDsTabSelect"]]]]],["p-ee0928114d",[[1,"ds-alert-container",{"animated":[4],"container":[1],"type":[1],"alerts":[32],"addAlert":[64],"removeAlert":[64],"removeAll":[64]}]]],["p-eea3eb3953",[[257,"ds-card",{"flat":[4],"tile":[4],"dense":[4],"imageTeaser":[1,"image-teaser"],"inverted":[4],"clickable":[4],"selected":[4],"fullheight":[4],"align":[1],"space":[1],"color":[1]}]]],["p-94a8f24fe1",[[257,"ds-card-content"]]],["p-590395ca65",[[257,"ds-card-header",{"direction":[1]}]]],["p-3790705fde",[[257,"ds-card-subtitle",{"inverted":[4],"bold":[4]}]]],["p-273efbd0f4",[[257,"ds-carousel-item",{"color":[1],"carouselVariant":[1025,"carousel-variant"],"navigation":[4],"index":[1026],"name":[513],"selected":[1540],"src":[1]}]]],["p-b64cafbcbf",[[321,"ds-checkbox",{"name":[513],"label":[1],"labelPosition":[1,"label-position"],"value":[8],"checked":[1028],"disabled":[4],"readonly":[4],"required":[4],"autoInvalidOff":[516,"auto-invalid-off"],"invalid":[4],"tileColor":[1,"tile-color"],"tile":[4],"hideTrigger":[4,"hide-trigger"],"cols":[2],"colsTablet":[2,"cols-tablet"],"colsMobile":[2,"cols-mobile"],"focused":[32]},[[6,"reset","listenToReset"]]]]],["p-dcc1c89e7a",[[257,"ds-data",{"horizontal":[516]}]]],["p-e6ac93cc12",[[260,"ds-data-label",{"required":[516]}]]],["p-387808b33b",[[260,"ds-data-value"]]],["p-6317524d37",[[260,"ds-hint-text"]]],["p-4560cd05e2",[[260,"ds-hint-title"]]],["p-fd53c6d59f",[[257,"ds-label",{"disabled":[516],"htmlFor":[1,"html-for"],"htmlId":[1,"html-id"],"invalid":[516],"noWrap":[4,"no-wrap"],"required":[516],"size":[1],"valid":[516],"language":[32],"region":[32],"configChanged":[64]}]]],["p-dcab67df56",[[257,"ds-list",{"inverted":[4],"ordered":[4],"size":[1]}]]],["p-b5c2efdef4",[[257,"ds-modal-body"]]],["p-2984e0c419",[[260,"ds-modal-header"]]],["p-08cc8257b5",[[1,"ds-progress-bar",{"background":[1],"color":[1],"value":[514],"language":[32],"configChanged":[64]}]]],["p-9ada63ba4b",[[321,"ds-radio",{"autoInvalidOff":[4,"auto-invalid-off"],"checked":[1540],"cols":[2],"colsMobile":[2,"cols-mobile"],"colsTablet":[2,"cols-tablet"],"disabled":[516],"invalid":[516],"label":[1],"labelPosition":[1,"label-position"],"name":[513],"readonly":[516],"required":[516],"tile":[4],"hideTrigger":[4,"hide-trigger"],"tileColor":[1,"tile-color"],"value":[1544],"focused":[32],"wasFocused":[32],"buttonTabindex":[32],"setFocus":[64],"setBlur":[64],"setButtonTabindex":[64],"updateState":[64]},[[6,"click","listenToClick"]]]]],["p-d429f6e937",[[260,"ds-root",{"animated":[516],"brand":[513],"region":[513],"language":[513],"allowedLanguages":[513,"allowed-languages"],"fallbackLanguage":[513,"fallback-language"],"icons":[16],"legalLinks":[16],"legalText":[16],"socialLinks":[16],"ready":[1540],"logger":[513],"setFocus":[64],"configChanged":[64]},null,{"brand":[{"brandChanged":0}],"region":[{"regionChanged":0}],"fallbackLanguage":[{"fallbackLanguageChanged":0}],"allowedLanguages":[{"allowedLanguagesChanged":0}],"language":[{"languageChanged":0}],"icons":[{"iconsChanged":0}],"legalLinks":[{"legalLinksChanged":0}],"legalText":[{"legalTextChanged":0}],"socialLinks":[{"socialLinksChanged":0}]}]]],["p-c1058ab51d",[[65,"ds-segment-item",{"description":[1],"icon":[1],"label":[1],"svg":[1],"value":[520]}]]],["p-bdbf9a394c",[[257,"ds-select-optgroup",{"label":[1]}]]],["p-bfa52f09c1",[[257,"ds-select-option",{"value":[1],"disabled":[4]}]]],["p-4434546768",[[1,"ds-shape",{"color":[513],"rotation":[513],"variation":[513]}]]],["p-227bf7005f",[[257,"ds-sheet",{"containerSize":[1,"container-size"]}]]],["p-12008e4b4a",[[257,"ds-step-panel",{"for":[513],"selected":[1540]}]]],["p-8734bc6735",[[257,"ds-steps",{"color":[1],"label":[1],"value":[1537],"vertical":[4]},[[0,"dsStepSelect","listenToDsStepSelect"]]]]],["p-eff94c9727",[[257,"ds-tab",{"fullwidth":[1028],"inverted":[1028],"name":[513],"navigation":[1028],"selected":[1540],"vertical":[1028]}]]],["p-eae2a1547c",[[257,"ds-tab-panel",{"for":[513],"selected":[1540]}]]],["p-a4621dc9f7",[[257,"ds-tag-group"]]],["p-836ac75016",[[257,"ds-text",{"align":[1],"bold":[4],"color":[1],"disabled":[516],"heading":[4],"inline":[4],"invalid":[516],"inverted":[4],"noWrap":[4,"no-wrap"],"shadow":[4],"size":[1025],"space":[1],"subtitle":[4]}]]],["p-8e0ce35e32",[[257,"ds-tooltip",{"reference":[1],"placement":[1],"offset":[2],"contentWidth":[2,"content-width"],"open":[4],"presented":[32],"present":[64],"dismiss":[64],"update":[64]},null,{"contentWidth":[{"contentWidthChanged":0}]}]]],["p-98a83e848d",[[1,"ds-spinner",{"deactivated":[4],"inverted":[4],"size":[1025],"label":[1],"labelPosition":[1,"label-position"],"variation":[1],"animated":[32],"language":[32],"region":[32],"configChanged":[64]},null,{"deactivated":[{"deactivatedChanged":0}],"variation":[{"variationChanged":0}]}],[1,"ds-icon",{"name":[513],"svg":[1],"src":[1],"size":[513],"color":[1],"inline":[4],"inverted":[4],"turn":[4],"shadow":[4],"disabled":[4],"invalid":[4],"icons":[32],"svgContent":[32],"configChanged":[64]}]]],["p-fd42d172be",[[257,"ds-accordion",{"open":[1540],"group":[513],"summaryLevel":[1,"summary-level"],"summaryVisualLevel":[1,"summary-visual-level"],"summaryTitle":[4,"summary-title"],"marker":[1],"markerPosition":[1,"marker-position"],"button":[4],"buttonWide":[4,"button-wide"],"buttonColor":[1,"button-color"],"buttonSize":[1,"button-size"],"buttonLabelOpen":[1,"button-label-open"],"buttonIconOpen":[1,"button-icon-open"],"buttonLabelClose":[1,"button-label-close"],"buttonIconClose":[1,"button-icon-close"],"animated":[32],"isAnimating":[32],"configChanged":[64]},[[8,"dsOpened","listenToDsOpened"]]]]],["p-903d110824",[[1,"ds-pagination",{"align":[1],"disabled":[516],"label":[1],"pageRange":[2,"page-range"],"size":[1],"sticky":[4],"textNext":[1,"text-next"],"textPrevious":[1,"text-previous"],"top":[2],"totalPages":[2,"total-pages"],"value":[1538],"variant":[1],"isMobile":[32],"language":[32],"next":[64],"previous":[64],"configChanged":[64]},null,{"top":[{"topChanged":0}]}]]],["p-49ec36993d",[[257,"ds-heading",{"level":[513],"visualLevel":[513,"visual-level"],"autoLevel":[513,"auto-level"],"noWrap":[516,"no-wrap"],"subtitle":[516],"space":[513],"inverted":[516],"shadow":[516],"autoFontSize":[32]},null,{"level":[{"levelChanged":0}],"visualLevel":[{"visualLevelChanged":0}],"autoLevel":[{"autoLevelChanged":0}]}]]],["p-9705c44121",[[1,"ds-close",{"size":[513],"inverted":[4],"disabled":[516],"button":[4],"buttonColor":[1,"button-color"],"buttonSize":[513,"button-size"],"language":[32],"region":[32],"configChanged":[64]}],[321,"ds-button",{"color":[1],"elementType":[513,"element-type"],"disabled":[516],"size":[1],"href":[1],"target":[1],"rel":[1],"download":[1],"shadow":[4],"square":[4],"wide":[4],"flat":[4],"outlined":[4],"inverted":[516],"loading":[516],"icon":[1],"iconTurn":[4,"icon-turn"],"iconRight":[1,"icon-right"],"brandIcon":[1,"brand-icon"],"brandSize":[1,"brand-size"],"noWrap":[4,"no-wrap"],"name":[513],"value":[1],"a11yControls":[1,"a-1-1y-controls"],"a11yCurrent":[1025,"a-1-1y-current"],"a11yTitle":[1,"a-1-1y-title"],"a11yLabel":[1,"a-1-1y-label"],"a11yHaspopup":[1025,"a-1-1y-haspopup"]},[[6,"click","listenToClick"]]],[1,"ds-brand-icon",{"svg":[1],"src":[1],"size":[513],"color":[1],"tile":[4],"disabled":[4],"invalid":[4],"svgContent":[32]}]]],["p-7c1ce160fe",[[257,"ds-drawer",{"open":[1540],"closable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"label":[1],"container":[1],"animated":[32],"isOpen":[32],"present":[64],"dismiss":[64],"configChanged":[64]},null,{"open":[{"openChanged":0}]}],[257,"ds-popup",{"open":[1540],"trigger":[16],"placement":[1],"offset":[2],"role":[1],"closable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"backdrop":[4],"group":[1],"label":[1],"arrow":[4],"trapFocus":[4,"trap-focus"],"animated":[32],"isOpen":[32],"present":[64],"dismiss":[64],"toggle":[64],"configChanged":[64]},[[4,"click","listenToClick"],[4,"keydown","listenToKeyDown"]],{"open":[{"openChanged":0}],"trigger":[{"triggerChanged":0}]}]]],["p-ac0d1f82c0",[[260,"ds-content",{"layout":[1],"direction":[1],"align":[1],"textAlign":[1,"text-align"],"space":[1],"alignment":[1]}],[260,"ds-stack",{"align":[1],"alignment":[1],"direction":[1025],"fitContent":[4,"fit-content"],"p":[1],"px":[1],"py":[1],"space":[1],"spaceColumn":[1,"space-column"],"spaceRow":[1,"space-row"],"useWrap":[4,"use-wrap"]}]]],["p-a3755079c9",[[1,"ds-divider",{"layout":[1],"space":[1],"color":[1],"dashed":[4]}],[1,"ds-logo",{"animated":[4],"brand":[1],"color":[1],"size":[1],"isTouch":[32],"doesConfigAllowAnimation":[32],"configBrand":[32],"configChanged":[64]},null,{"animated":[{"animatedChanged":0}]}]]],["p-b7b13b1f3a",[[257,"ds-button-group",{"align":[1],"direction":[1],"reverse":[4],"wide":[4]}]]]]'),e))));
package/dist/design-system/{p-f67413bb28.entry.js → p-083f25371d.entry.js} RENAMED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import{D as a,F as e,G as d,I as o}from"./p-BZEWgXed.js";import{_ as r,L as g,a as s}from"./p-BZsCW9yV.js";import{h as b}from"./p-BYD3IPs8.js";import{n as i}from"./p-B3VN_5Hp.js";import{T as t}from"./p-BaZBnuEF.js";import{O as n}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const c=class{constructor(e){a(this,e),this.icon="",this.pulse=!1}createLogger(a){this.log=a}render(){const a=i(this.size)||"";return e(d,{key:"7a8c53f623e53f159de13b689c8eff0387144017",class:{[`is-${this.color}`]:b(this.color),[`is-${a}`]:b(this.size),"is-pulse":this.pulse}},e("span",{key:"c2e9b658b129c71d56c156eff75805da56cae750",id:"badge",part:"badge"},e("slot",{key:"3fa73da0bfa55e58096894aadbf8ea45680f8188"}),"sm"!==a&&b(this.icon)?e("ds-icon",{part:"icon",name:this.icon}):""))}get el(){return o(this)}};r([g("badge"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],c.prototype,"createLogger",null),r([t("string"),s("design:type",String)],c.prototype,"icon",void 0),r([n(["sm","lg"]),s("design:type",String)],c.prototype,"size",void 0),r([n(["disabled","danger","warning","success"]),s("design:type",String)],c.prototype,"color",void 0),r([n(["card","button","tabs"]),s("design:type",String)],c.prototype,"position",void 0),r([t("boolean"),s("design:type",Boolean)],c.prototype,"pulse",void 0),c.style=":host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-typo-font-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-typo-font-weight)));--_badge-line-height:var(--badge-line-height, var(--mod-badge-line-height, var(--ds-badge-typo-line-height)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, var(--ds-badge-size-base-font)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base-height)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base-height)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, var(--ds-badge-size-base-radius)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-default-color-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-default-color-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-default-color-background)));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, var(--ds-badge-size-base-icon)));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-default-color-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, var(--ds-badge-size-base-gap)));--_badge-px:var(--badge-px, var(--mod-badge-px, var(--ds-badge-size-base-padding)));--_badge-py:var(--badge-py, var(--mod-badge-py, var(--ds-badge-size-base-padding)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:var(--_badge-line-height);z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-px);padding-block:var(--_badge-py)}:host ds-icon{--icon-size:var(--_badge-icon-size);--icon-inner-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-disabled){--mod-badge-color-text:var(--ds-badge-disabled-color-text);--mod-badge-color-background:var(--ds-badge-disabled-color-background);--mod-badge-pulse-color:var(--ds-badge-disabled-color-background);--mod-badge-icon-color:var(--ds-badge-disabled-color-text);--icon-color:var(--ds-badge-disabled-color-text)}:host(.is-info){--mod-badge-color-text:var(--ds-badge-info-color-text);--mod-badge-color-background:var(--ds-badge-info-color-background);--mod-badge-pulse-color:var(--ds-badge-info-color-background);--mod-badge-icon-color:var(--ds-badge-info-color-text);--icon-color:var(--ds-badge-info-color-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-success-color-text);--mod-badge-color-background:var(--ds-badge-success-color-background);--mod-badge-pulse-color:var(--ds-badge-success-color-background);--mod-badge-icon-color:var(--ds-badge-success-color-text);--icon-color:var(--ds-badge-success-color-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-warning-color-text);--mod-badge-color-background:var(--ds-badge-warning-color-background);--mod-badge-pulse-color:var(--ds-badge-warning-color-background);--mod-badge-icon-color:var(--ds-badge-warning-color-text);--icon-color:var(--ds-badge-warning-color-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-danger-color-text);--mod-badge-color-background:var(--ds-badge-danger-color-background);--mod-badge-pulse-color:var(--ds-badge-danger-color-background);--mod-badge-icon-color:var(--ds-badge-danger-color-text);--icon-color:var(--ds-badge-danger-color-text)}:host(.is-sm){--mod-badge-radius:var(--ds-badge-size-sm-radius);--mod-badge-height:var(--ds-badge-size-sm-height);--mod-badge-min-width:var(--ds-badge-size-sm-height);--mod-badge-icon-size:var(--ds-badge-size-sm-icon);--mod-badge-font-size:var(--ds-badge-size-sm-font);--mod-badge-gap:var(--ds-badge-size-sm-gap);--mod-badge-px:var(--ds-badge-size-sm-padding);--mod-badge-py:var(--ds-badge-size-sm-padding);max-width:var(--ds-badge-size-sm-height);overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg-height);--mod-badge-height:var(--ds-badge-size-lg-height);--mod-badge-radius:var(--ds-badge-size-lg-radius);--mod-badge-font-size:var(--ds-badge-size-lg-font);--mod-badge-icon-size:var(--ds-badge-size-lg-icon);--mod-badge-gap:var(--ds-badge-size-lg-gap);--mod-badge-px:var(--ds-badge-size-lg-padding);--mod-badge-py:var(--ds-badge-size-lg-padding)}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}";export{c as ds_badge}
4
+ import{D as a,F as e,G as d,I as o}from"./p-BZEWgXed.js";import{_ as r,L as g,a as s}from"./p-BZsCW9yV.js";import{h as b}from"./p-BYD3IPs8.js";import{n as i}from"./p-BPtibja3.js";import{T as t}from"./p-BaZBnuEF.js";import{O as n}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const c=class{constructor(e){a(this,e),this.icon="",this.pulse=!1}createLogger(a){this.log=a}render(){const a=i(this.size)||"";return e(d,{key:"7a8c53f623e53f159de13b689c8eff0387144017",class:{[`is-${this.color}`]:b(this.color),[`is-${a}`]:b(this.size),"is-pulse":this.pulse}},e("span",{key:"c2e9b658b129c71d56c156eff75805da56cae750",id:"badge",part:"badge"},e("slot",{key:"3fa73da0bfa55e58096894aadbf8ea45680f8188"}),"sm"!==a&&b(this.icon)?e("ds-icon",{part:"icon",name:this.icon}):""))}get el(){return o(this)}};r([g("badge"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],c.prototype,"createLogger",null),r([t("string"),s("design:type",String)],c.prototype,"icon",void 0),r([n(["sm","lg"]),s("design:type",String)],c.prototype,"size",void 0),r([n(["disabled","danger","warning","success"]),s("design:type",String)],c.prototype,"color",void 0),r([n(["card","button","tabs"]),s("design:type",String)],c.prototype,"position",void 0),r([t("boolean"),s("design:type",Boolean)],c.prototype,"pulse",void 0),c.style=":host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-typo-font-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-typo-font-weight)));--_badge-line-height:var(--badge-line-height, var(--mod-badge-line-height, var(--ds-badge-typo-line-height)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, var(--ds-badge-size-base-font)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base-height)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base-height)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, var(--ds-badge-size-base-radius)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-default-color-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-default-color-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-default-color-background)));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, var(--ds-badge-size-base-icon)));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-default-color-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, var(--ds-badge-size-base-gap)));--_badge-px:var(--badge-px, var(--mod-badge-px, var(--ds-badge-size-base-padding)));--_badge-py:var(--badge-py, var(--mod-badge-py, var(--ds-badge-size-base-padding)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:var(--_badge-line-height);z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-px);padding-block:var(--_badge-py)}:host ds-icon{--icon-size:var(--_badge-icon-size);--icon-inner-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-disabled){--mod-badge-color-text:var(--ds-badge-disabled-color-text);--mod-badge-color-background:var(--ds-badge-disabled-color-background);--mod-badge-pulse-color:var(--ds-badge-disabled-color-background);--mod-badge-icon-color:var(--ds-badge-disabled-color-text);--icon-color:var(--ds-badge-disabled-color-text)}:host(.is-info){--mod-badge-color-text:var(--ds-badge-info-color-text);--mod-badge-color-background:var(--ds-badge-info-color-background);--mod-badge-pulse-color:var(--ds-badge-info-color-background);--mod-badge-icon-color:var(--ds-badge-info-color-text);--icon-color:var(--ds-badge-info-color-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-success-color-text);--mod-badge-color-background:var(--ds-badge-success-color-background);--mod-badge-pulse-color:var(--ds-badge-success-color-background);--mod-badge-icon-color:var(--ds-badge-success-color-text);--icon-color:var(--ds-badge-success-color-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-warning-color-text);--mod-badge-color-background:var(--ds-badge-warning-color-background);--mod-badge-pulse-color:var(--ds-badge-warning-color-background);--mod-badge-icon-color:var(--ds-badge-warning-color-text);--icon-color:var(--ds-badge-warning-color-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-danger-color-text);--mod-badge-color-background:var(--ds-badge-danger-color-background);--mod-badge-pulse-color:var(--ds-badge-danger-color-background);--mod-badge-icon-color:var(--ds-badge-danger-color-text);--icon-color:var(--ds-badge-danger-color-text)}:host(.is-sm){--mod-badge-radius:var(--ds-badge-size-sm-radius);--mod-badge-height:var(--ds-badge-size-sm-height);--mod-badge-min-width:var(--ds-badge-size-sm-height);--mod-badge-icon-size:var(--ds-badge-size-sm-icon);--mod-badge-font-size:var(--ds-badge-size-sm-font);--mod-badge-gap:var(--ds-badge-size-sm-gap);--mod-badge-px:var(--ds-badge-size-sm-padding);--mod-badge-py:var(--ds-badge-size-sm-padding);max-width:var(--ds-badge-size-sm-height);overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg-height);--mod-badge-height:var(--ds-badge-size-lg-height);--mod-badge-radius:var(--ds-badge-size-lg-radius);--mod-badge-font-size:var(--ds-badge-size-lg-font);--mod-badge-icon-size:var(--ds-badge-size-lg-icon);--mod-badge-gap:var(--ds-badge-size-lg-gap);--mod-badge-px:var(--ds-badge-size-lg-padding);--mod-badge-py:var(--ds-badge-size-lg-padding)}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}";export{c as ds_badge}