@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
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
+ */
4
+ import{D as e,d as i,F as a,G as h,I as d}from"./p-BZEWgXed.js";import{_ as n,L as g,a as t}from"./p-BZsCW9yV.js";import{h as l}from"./p-BYD3IPs8.js";import{b as o,a as s,c as r}from"./p-CZXt-zTQ.js";import{O as v}from"./p-DE5aqD5-.js";import{T as m}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const f={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","5xl":"h1","4xl":"h1","3xl":"h1","2xl":"h1",xl:"h2",lg:"h3",md:"h4",base:"h5"},p=["5xl","4xl","3xl","2xl","xl","lg","md","base"],y={display:"5xl","display-2":"4xl",h1:"3xl",h2:"2xl",h3:"xl",h4:"lg",h5:"base",p:"base",span:"base","5xl":"5xl","4xl":"4xl","3xl":"3xl","2xl":"2xl",xl:"xl",lg:"lg",md:"md",base:"base"},b=class{constructor(i){e(this,i),this.level="h1",this.noWrap=!1,this.subtitle=!1,this.inverted=!1,this.shadow=!1}createLogger(e){this.log=e}levelChanged(){this.updateAutoFontSize()}visualLevelChanged(){this.updateAutoFontSize()}autoLevelChanged(){this.updateAutoFontSize()}componentWillLoad(){this.updateAutoFontSize()}componentDidRender(){const e=this.autoLevel;if(e&&this.autoFontSize&&this.rows>1&&y[e]!==this.autoFontSize){const e=p.indexOf(this.autoFontSize)+1;this.autoFontSize=p[e]}}updateAutoFontSize(){this.autoFontSize=this.fontSize}get rows(){if(this.headingEl&&i.hasWindow){const e=window.getComputedStyle(this.headingEl),i=parseInt(e.lineHeight.slice(0,-2),10);return this.headingEl.offsetHeight/i}return 1}get fontSize(){return y[this.visualLevel?this.visualLevel:this.level]}get tag(){return f[this.level]}render(){const e=this.tag;return a(h,{key:"b14aed2c5da373bb0b5da6a0a9ebc2b183bea56a",class:{[`is-${this.autoFontSize}`]:void 0!==this.autoFontSize,"is-inverted":this.inverted,"is-subtitle":this.subtitle,[`has-space-${this.space}`]:l(this.space),"has-no-wrap":this.noWrap,"has-shadow":this.shadow}},a(e,{key:"292e98f4ac28e40767dace83d1c7f859794b22e5",id:"heading",part:"heading",ref:e=>this.headingEl=e},a("slot",{key:"52c01fec4eb9518ba832010f100988a357a1eb2c"})))}get el(){return d(this)}static get watchers(){return{level:[{levelChanged:0}],visualLevel:[{visualLevelChanged:0}],autoLevel:[{autoLevelChanged:0}]}}};n([g("heading"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],b.prototype,"createLogger",null),n([v(o),t("design:type",String)],b.prototype,"level",void 0),n([v(s),t("design:type",String)],b.prototype,"visualLevel",void 0),n([v(s),t("design:type",String)],b.prototype,"autoLevel",void 0),n([m("boolean"),t("design:type",Boolean)],b.prototype,"noWrap",void 0),n([m("boolean"),t("design:type",Boolean)],b.prototype,"subtitle",void 0),n([v(r),t("design:type",String)],b.prototype,"space",void 0),n([m("boolean"),t("design:type",Boolean)],b.prototype,"inverted",void 0),n([m("boolean"),t("design:type",Boolean)],b.prototype,"shadow",void 0),b.style=":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;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;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}";export{b as ds_heading}
@@ -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 e,J as r,x as i,L as t,M as o,F as n,I as a}from"./p-BZEWgXed.js";import{_ as s,L as d,a as l}from"./p-BZsCW9yV.js";import{i as c}from"./p-ChyhE5ro.js";import{a as f}from"./p-D4hbhLgQ.js";import{i as u}from"./p-C0WbBTf4.js";import{f as h}from"./p-BLExC8Zo.js";import{F as m}from"./p-Bwb-pdM2.js";import{I as v}from"./p-tQJW0EmK.js";import{T as b}from"./p-BaZBnuEF.js";import{O as p}from"./p-DE5aqD5-.js";import{L as g}from"./p-reH0cIhP.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";const w={de:{increase:"erhöhen",decrease:"verringern"},en:{increase:"increase",decrease:"decrease"},fr:{increase:"augmenter",decrease:"diminuer"},it:{increase:"aumentare",decrease:"diminuire"},nl:{increase:"verhogen",decrease:"verlagen"},es:{increase:"aumentar",decrease:"disminuir"},pl:{increase:"zwiększ",decrease:"zmniejsz"},pt:{increase:"aumentar",decrease:"diminuir"},sv:{increase:"öka",decrease:"minska"},fi:{increase:"kasvata",decrease:"vähennä"}};var y=1e6,k="[big.js] ",_=k+"Invalid ",x=_+"decimal places",z=_+"rounding mode",E=k+"Division by zero",C={},j=void 0,B=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function Y(e,r,i,t){var o=e.c;if(i===j&&(i=e.constructor.RM),0!==i&&1!==i&&2!==i&&3!==i)throw Error(z);if(r<1)t=3===i&&(t||!!o[0])||0===r&&(1===i&&o[0]>=5||2===i&&(o[0]>5||5===o[0]&&(t||o[1]!==j))),o.length=1,t?(e.e=e.e-r+1,o[0]=1):o[0]=e.e=0;else if(r<o.length){if(t=1===i&&o[r]>=5||2===i&&(o[r]>5||5===o[r]&&(t||o[r+1]!==j||1&o[r-1]))||3===i&&(t||!!o[0]),o.length=r,t)for(;++o[--r]>9;)if(o[r]=0,0===r){++e.e,o.unshift(1);break}for(r=o.length;!o[--r];)o.pop()}return e}function T(e,r,i){var t=e.e,o=e.c.join(""),n=o.length;if(r)o=o.charAt(0)+(n>1?"."+o.slice(1):"")+(t<0?"e":"e+")+t;else if(t<0){for(;++t;)o="0"+o;o="0."+o}else if(t>0)if(++t>n)for(t-=n;t--;)o+="0";else t<n&&(o=o.slice(0,t)+"."+o.slice(t));else n>1&&(o=o.charAt(0)+"."+o.slice(1));return e.s<0&&i?"-"+o:o}C.abs=function(){var e=new this.constructor(this);return e.s=1,e},C.cmp=function(e){var r,i=this,t=i.c,o=(e=new i.constructor(e)).c,n=i.s,a=e.s,s=i.e,d=e.e;if(!t[0]||!o[0])return t[0]?n:o[0]?-a:0;if(n!=a)return n;if(r=n<0,s!=d)return s>d^r?1:-1;for(a=(s=t.length)<(d=o.length)?s:d,n=-1;++n<a;)if(t[n]!=o[n])return t[n]>o[n]^r?1:-1;return s==d?0:s>d^r?1:-1},C.div=function(e){var r=this,i=r.constructor,t=r.c,o=(e=new i(e)).c,n=r.s==e.s?1:-1,a=i.DP;if(a!==~~a||a<0||a>y)throw Error(x);if(!o[0])throw Error(E);if(!t[0])return e.s=n,e.c=[e.e=0],e;var s,d,l,c,f,u=o.slice(),h=s=o.length,m=t.length,v=t.slice(0,s),b=v.length,p=e,g=p.c=[],w=0,k=a+(p.e=r.e-e.e)+1;for(p.s=n,n=k<0?0:k,u.unshift(0);b++<s;)v.push(0);do{for(l=0;l<10;l++){if(s!=(b=v.length))c=s>b?1:-1;else for(f=-1,c=0;++f<s;)if(o[f]!=v[f]){c=o[f]>v[f]?1:-1;break}if(!(c<0))break;for(d=b==s?o:u;b;){if(v[--b]<d[b]){for(f=b;f&&!v[--f];)v[f]=9;--v[f],v[b]+=10}v[b]-=d[b]}for(;!v[0];)v.shift()}g[w++]=c?l:++l,v[0]&&c?v[b]=t[h]||0:v=[t[h]]}while((h++<m||v[0]!==j)&&n--);return g[0]||1==w||(g.shift(),p.e--,k--),w>k&&Y(p,k,i.RM,v[0]!==j),p},C.eq=function(e){return 0===this.cmp(e)},C.gt=function(e){return this.cmp(e)>0},C.gte=function(e){return this.cmp(e)>-1},C.lt=function(e){return this.cmp(e)<0},C.lte=function(e){return this.cmp(e)<1},C.minus=C.sub=function(e){var r,i,t,o,n=this,a=n.constructor,s=n.s,d=(e=new a(e)).s;if(s!=d)return e.s=-d,n.plus(e);var l=n.c.slice(),c=n.e,f=e.c,u=e.e;if(!l[0]||!f[0])return f[0]?e.s=-d:l[0]?e=new a(n):e.s=1,e;if(s=c-u){for((o=s<0)?(s=-s,t=l):(u=c,t=f),t.reverse(),d=s;d--;)t.push(0);t.reverse()}else for(i=((o=l.length<f.length)?l:f).length,s=d=0;d<i;d++)if(l[d]!=f[d]){o=l[d]<f[d];break}if(o&&(t=l,l=f,f=t,e.s=-e.s),(d=(i=f.length)-(r=l.length))>0)for(;d--;)l[r++]=0;for(d=r;i>s;){if(l[--i]<f[i]){for(r=i;r&&!l[--r];)l[r]=9;--l[r],l[i]+=10}l[i]-=f[i]}for(;0===l[--d];)l.pop();for(;0===l[0];)l.shift(),--u;return l[0]||(e.s=1,l=[u=0]),e.c=l,e.e=u,e},C.mod=function(e){var r,i=this,t=i.constructor,o=i.s,n=(e=new t(e)).s;if(!e.c[0])throw Error(E);return i.s=e.s=1,r=1==e.cmp(i),i.s=o,e.s=n,r?new t(i):(o=t.DP,n=t.RM,t.DP=t.RM=0,i=i.div(e),t.DP=o,t.RM=n,this.minus(i.times(e)))},C.neg=function(){var e=new this.constructor(this);return e.s=-e.s,e},C.plus=C.add=function(e){var r,i,t,o=this,n=o.constructor;if(e=new n(e),o.s!=e.s)return e.s=-e.s,o.minus(e);var a=o.e,s=o.c,d=e.e,l=e.c;if(!s[0]||!l[0])return l[0]||(s[0]?e=new n(o):e.s=o.s),e;if(s=s.slice(),r=a-d){for(r>0?(d=a,t=l):(r=-r,t=s),t.reverse();r--;)t.push(0);t.reverse()}for(s.length-l.length<0&&(t=l,l=s,s=t),r=l.length,i=0;r;s[r]%=10)i=(s[--r]=s[r]+l[r]+i)/10|0;for(i&&(s.unshift(i),++d),r=s.length;0===s[--r];)s.pop();return e.c=s,e.e=d,e},C.pow=function(e){var r=this,i=new r.constructor("1"),t=i,o=e<0;if(e!==~~e||e<-1e6||e>1e6)throw Error(_+"exponent");for(o&&(e=-e);1&e&&(t=t.times(r)),e>>=1;)r=r.times(r);return o?i.div(t):t},C.prec=function(e,r){if(e!==~~e||e<1||e>y)throw Error(_+"precision");return Y(new this.constructor(this),e,r)},C.round=function(e,r){if(e===j)e=0;else if(e!==~~e||e<-y||e>y)throw Error(x);return Y(new this.constructor(this),e+this.e+1,r)},C.sqrt=function(){var e,r,i,t=this,o=t.constructor,n=t.s,a=t.e,s=new o("0.5");if(!t.c[0])return new o(t);if(n<0)throw Error(k+"No square root");0===(n=Math.sqrt(+T(t,!0,!0)))||n===1/0?((r=t.c.join("")).length+a&1||(r+="0"),a=((a+1)/2|0)-(a<0||1&a),e=new o(((n=Math.sqrt(r))==1/0?"5e":(n=n.toExponential()).slice(0,n.indexOf("e")+1))+a)):e=new o(n+""),a=e.e+(o.DP+=4);do{e=s.times((i=e).plus(t.div(i)))}while(i.c.slice(0,a).join("")!==e.c.slice(0,a).join(""));return Y(e,(o.DP-=4)+e.e+1,o.RM)},C.times=C.mul=function(e){var r,i=this,t=i.c,o=(e=new(0,i.constructor)(e)).c,n=t.length,a=o.length,s=i.e,d=e.e;if(e.s=i.s==e.s?1:-1,!t[0]||!o[0])return e.c=[e.e=0],e;for(e.e=s+d,n<a&&(r=t,t=o,o=r,d=n,n=a,a=d),r=new Array(d=n+a);d--;)r[d]=0;for(s=a;s--;){for(a=0,d=n+s;d>s;)a=r[d]+o[s]*t[d-s-1]+a,r[d--]=a%10,a=a/10|0;r[d]=a}for(a?++e.e:r.shift(),s=r.length;!r[--s];)r.pop();return e.c=r,e},C.toExponential=function(e,r){var i=this,t=i.c[0];if(e!==j){if(e!==~~e||e<0||e>y)throw Error(x);for(i=Y(new i.constructor(i),++e,r);i.c.length<e;)i.c.push(0)}return T(i,!0,!!t)},C.toFixed=function(e,r){var i=this,t=i.c[0];if(e!==j){if(e!==~~e||e<0||e>y)throw Error(x);for(e=e+(i=Y(new i.constructor(i),e+i.e+1,r)).e+1;i.c.length<e;)i.c.push(0)}return T(i,!1,!!t)},C.toJSON=C.toString=function(){var e=this,r=e.constructor;return T(e,e.e<=r.NE||e.e>=r.PE,!!e.c[0])},"undefined"!=typeof Symbol&&(C[Symbol.for("nodejs.util.inspect.custom")]=C.toJSON),C.toNumber=function(){var e=+T(this,!0,!0);if(!0===this.constructor.strict&&!this.eq(e.toString()))throw Error(k+"Imprecise conversion");return e},C.toPrecision=function(e,r){var i=this,t=i.constructor,o=i.c[0];if(e!==j){if(e!==~~e||e<1||e>y)throw Error(_+"precision");for(i=Y(new t(i),e,r);i.c.length<e;)i.c.push(0)}return T(i,e<=i.e||i.e<=t.NE||i.e>=t.PE,!!o)},C.valueOf=function(){var e=this,r=e.constructor;if(!0===r.strict)throw Error(k+"valueOf disallowed");return T(e,e.e<=r.NE||e.e>=r.PE,!0)};var D=function e(){function r(i){var t=this;if(!(t instanceof r))return i===j&&0===arguments.length?e():new r(i);if(i instanceof r)t.s=i.s,t.e=i.e,t.c=i.c.slice();else{if("string"!=typeof i){if(!0===r.strict&&"bigint"!=typeof i)throw TypeError(_+"value");i=0===i&&1/i<0?"-0":String(i)}!function(e,r){var i,t,o;if(!B.test(r))throw Error(_+"number");for(e.s="-"==r.charAt(0)?(r=r.slice(1),-1):1,(i=r.indexOf("."))>-1&&(r=r.replace(".","")),(t=r.search(/e/i))>0?(i<0&&(i=t),i+=+r.slice(t+1),r=r.substring(0,t)):i<0&&(i=r.length),o=r.length,t=0;t<o&&"0"==r.charAt(t);)++t;if(t==o)e.c=[e.e=0];else{for(;o>0&&"0"==r.charAt(--o););for(e.e=i-t-1,e.c=[],i=0;t<=o;)e.c[i++]=+r.charAt(t++)}}(t,i)}t.constructor=r}return r.prototype=C,r.DP=20,r.RM=1,r.NE=-7,r.PE=21,r.strict=!1,r.roundDown=0,r.roundHalfUp=1,r.roundHalfEven=2,r.roundUp=3,r}();function F(e,r,i){return Number.isNaN(e)||e<r?r:e>i?i:e}const L=class{constructor(o){e(this,o),this.dsInput=r(this,"dsInput"),this.dsChange=r(this,"dsChange"),this.dsIncrease=r(this,"dsIncrease"),this.dsDecrease=r(this,"dsDecrease"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.initialValue=0,this.stepWarned=!1,this.counterId="ds-counter-"+S++,this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.language=i.language,this.region=i.region,this.previousValue=null,this.valueDirection=null,this.value=0,this.name=this.counterId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=10,this.step=1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleIncrease=()=>{if(this.disabled||this.readonly)return;const e=(r=this.value,i=this.effectiveStep(),new D(r).plus(i).toNumber());var r,i;e>this.max||(this.commit(e),this.dsIncrease.emit(e))},this.handleDecrease=()=>{if(this.disabled||this.readonly)return;const e=(r=this.value,i=this.effectiveStep(),new D(r).minus(i).toNumber());var r,i;e<this.min||(this.commit(e),this.dsDecrease.emit(e))},this.handleKeyDown=e=>{this.disabled||this.readonly||("ArrowUp"===e.key?(e.preventDefault(),this.handleIncrease()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrease()))},this.handleFocusDecrease=e=>{this.decreaseHasFocus=!0,this.handleFocus(e)},this.handleFocusIncrease=e=>{this.increaseHasFocus=!0,this.handleFocus(e)},this.handleFocus=e=>{e.stopPropagation(),this.disabled||this.readonly||this.dsFocus.emit()},this.handleBlurDecrease=e=>{e.stopPropagation(),this.decreaseHasFocus=!1,t((()=>this.handleBlur()))},this.handleBlurIncrease=e=>{e.stopPropagation(),this.increaseHasFocus=!1,t((()=>this.handleBlur()))},this.handleBlur=()=>{this.decreaseHasFocus||this.increaseHasFocus||this.disabled||this.readonly||this.dsBlur.emit()}}createLogger(e){this.log=e}valueChanged(){if(u(this.value))return void(this.value=F(this.min,this.min,this.max));const e=F(this.value,this.min,this.max);e===this.value?this.syncFormValue(this.value):this.value=e}minChanged(){this.clampToRange()}maxChanged(){this.clampToRange()}debounceChanged(){this.dsChange=o(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.value=F(this.value,this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){clearTimeout(this.valueAnimationTimer)}listenToClick(e){(this.disabled||this.readonly)&&e.target===this.el&&(e.preventDefault(),e.stopPropagation())}listenToReset(e){const r=e.target;(null==r?void 0:r.contains(this.el))&&(this.value=this.initialValue)}async configChanged(e){this.language=e.language,this.region=e.region}async setFocus(){var e,r;const i=this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl;null===(r=null===(e=null==i?void 0:i.shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===r||r.focus()}async getInputElement(){return this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl}clampToRange(){const e=F(this.value,this.min,this.max);e!==this.value&&(this.value=e)}syncFormValue(e){f(this.internals,String(e))}effectiveStep(){return!Number.isFinite(this.step)||this.step<=0?(this.stepWarned||(console.warn(`[ds-counter] \`step\` must be a positive number, got ${this.step}. Falling back to 1.`),this.stepWarned=!0),1):this.step}commit(e){this.animateValueChange(e),this.value=e,this.dsInput.emit(e),this.dsChange.emit(e)}animateValueChange(e){e!==this.value&&(this.previousValue=this.value,this.valueDirection=e>this.value?"increase":"decrease",clearTimeout(this.valueAnimationTimer),this.valueAnimationTimer=setTimeout((()=>{this.previousValue=null,this.valueDirection=null}),260))}render(){const e=w[this.language].decrease,r=w[this.language].increase,i=this.disabled||this.readonly||this.value<=this.min,t=this.disabled||this.readonly||this.value>=this.max;return n(m,{key:"635a8c44149e5f08cc6682d2196698d8fd4b3dba",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},n("div",Object.assign({key:"7e0eb54dc1a2825c44892046b507e71008f2d0ad",id:"counter",part:"counter",onKeyDown:this.handleKeyDown},this.inheritedAttributes),n("ds-button",{key:"b04c95d286b09bfc778a8e92e16c0ceb5fbaefd0",ref:e=>this.decreaseButtonEl=e,part:"decrease","data-testid":"ds-counter-decrease",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"minus",a11yLabel:e,a11yTitle:e,disabled:i,onClick:this.handleDecrease,onDsFocus:this.handleFocusDecrease,onDsBlur:this.handleBlurDecrease}),n("span",{key:"4faef5385c53c5abadd242fd837583af3221434f",id:"value",part:"value","data-testid":"ds-counter-value"},null!==this.previousValue&&n("span",{key:`prev-${this.previousValue}`,"aria-hidden":"true",class:{"value-slide":!0,"value-out":!0,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.previousValue)),n("span",{key:`current-${this.value}`,class:{"value-slide":!0,"value-in":null!==this.previousValue,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.value))),n("ds-button",{key:"ca7098858e2df051efbaea9fffeff61886098cd0",ref:e=>this.increaseButtonEl=e,part:"increase","data-testid":"ds-counter-increase",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"plus",a11yLabel:r,a11yTitle:r,disabled:t,onClick:this.handleIncrease,onDsFocus:this.handleFocusIncrease,onDsBlur:this.handleBlurIncrease})))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}}};s([d("counter"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],L.prototype,"createLogger",null),s([b("number"),l("design:type",Number)],L.prototype,"value",void 0),s([b("string"),l("design:type",String)],L.prototype,"name",void 0),s([b("string"),l("design:type",String)],L.prototype,"label",void 0),s([b("string"),l("design:type",String)],L.prototype,"description",void 0),s([p(v),l("design:type",String)],L.prototype,"color",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"invalid",void 0),s([b("string"),l("design:type",String)],L.prototype,"invalidText",void 0),s([b("number"),l("design:type",Number)],L.prototype,"min",void 0),s([b("number"),l("design:type",Number)],L.prototype,"max",void 0),s([b("number"),l("design:type",Number)],L.prototype,"step",void 0),s([b("number"),l("design:type",Number)],L.prototype,"debounce",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"disabled",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"readonly",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"required",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"autoInvalidOff",void 0),s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],L.prototype,"configChanged",null);let S=0;L.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}";export{L as ds_counter}
4
+ import{D as e,J as r,x as i,L as t,M as o,F as n,I as a}from"./p-BZEWgXed.js";import{_ as s,L as d,a as l}from"./p-BZsCW9yV.js";import{i as c}from"./p-ChyhE5ro.js";import{a as u}from"./p-D4hbhLgQ.js";import{i as f}from"./p-C0WbBTf4.js";import{f as h}from"./p-BLExC8Zo.js";import{F as m}from"./p-Bwb-pdM2.js";import{I as v}from"./p-tQJW0EmK.js";import{T as b}from"./p-BaZBnuEF.js";import{O as p}from"./p-DE5aqD5-.js";import{L as g}from"./p-reH0cIhP.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";const w={de:{increase:"erhöhen",decrease:"verringern"},en:{increase:"increase",decrease:"decrease"},fr:{increase:"augmenter",decrease:"diminuer"},it:{increase:"aumentare",decrease:"diminuire"},nl:{increase:"verhogen",decrease:"verlagen"},es:{increase:"aumentar",decrease:"disminuir"},pl:{increase:"zwiększ",decrease:"zmniejsz"},pt:{increase:"aumentar",decrease:"diminuir"},sv:{increase:"öka",decrease:"minska"},fi:{increase:"kasvata",decrease:"vähennä"}};var y=1e6,k="[big.js] ",_=k+"Invalid ",x=_+"decimal places",z=_+"rounding mode",E=k+"Division by zero",C={},j=void 0,B=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function Y(e,r,i,t){var o=e.c;if(i===j&&(i=e.constructor.RM),0!==i&&1!==i&&2!==i&&3!==i)throw Error(z);if(r<1)t=3===i&&(t||!!o[0])||0===r&&(1===i&&o[0]>=5||2===i&&(o[0]>5||5===o[0]&&(t||o[1]!==j))),o.length=1,t?(e.e=e.e-r+1,o[0]=1):o[0]=e.e=0;else if(r<o.length){if(t=1===i&&o[r]>=5||2===i&&(o[r]>5||5===o[r]&&(t||o[r+1]!==j||1&o[r-1]))||3===i&&(t||!!o[0]),o.length=r,t)for(;++o[--r]>9;)if(o[r]=0,0===r){++e.e,o.unshift(1);break}for(r=o.length;!o[--r];)o.pop()}return e}function T(e,r,i){var t=e.e,o=e.c.join(""),n=o.length;if(r)o=o.charAt(0)+(n>1?"."+o.slice(1):"")+(t<0?"e":"e+")+t;else if(t<0){for(;++t;)o="0"+o;o="0."+o}else if(t>0)if(++t>n)for(t-=n;t--;)o+="0";else t<n&&(o=o.slice(0,t)+"."+o.slice(t));else n>1&&(o=o.charAt(0)+"."+o.slice(1));return e.s<0&&i?"-"+o:o}C.abs=function(){var e=new this.constructor(this);return e.s=1,e},C.cmp=function(e){var r,i=this,t=i.c,o=(e=new i.constructor(e)).c,n=i.s,a=e.s,s=i.e,d=e.e;if(!t[0]||!o[0])return t[0]?n:o[0]?-a:0;if(n!=a)return n;if(r=n<0,s!=d)return s>d^r?1:-1;for(a=(s=t.length)<(d=o.length)?s:d,n=-1;++n<a;)if(t[n]!=o[n])return t[n]>o[n]^r?1:-1;return s==d?0:s>d^r?1:-1},C.div=function(e){var r=this,i=r.constructor,t=r.c,o=(e=new i(e)).c,n=r.s==e.s?1:-1,a=i.DP;if(a!==~~a||a<0||a>y)throw Error(x);if(!o[0])throw Error(E);if(!t[0])return e.s=n,e.c=[e.e=0],e;var s,d,l,c,u,f=o.slice(),h=s=o.length,m=t.length,v=t.slice(0,s),b=v.length,p=e,g=p.c=[],w=0,k=a+(p.e=r.e-e.e)+1;for(p.s=n,n=k<0?0:k,f.unshift(0);b++<s;)v.push(0);do{for(l=0;l<10;l++){if(s!=(b=v.length))c=s>b?1:-1;else for(u=-1,c=0;++u<s;)if(o[u]!=v[u]){c=o[u]>v[u]?1:-1;break}if(!(c<0))break;for(d=b==s?o:f;b;){if(v[--b]<d[b]){for(u=b;u&&!v[--u];)v[u]=9;--v[u],v[b]+=10}v[b]-=d[b]}for(;!v[0];)v.shift()}g[w++]=c?l:++l,v[0]&&c?v[b]=t[h]||0:v=[t[h]]}while((h++<m||v[0]!==j)&&n--);return g[0]||1==w||(g.shift(),p.e--,k--),w>k&&Y(p,k,i.RM,v[0]!==j),p},C.eq=function(e){return 0===this.cmp(e)},C.gt=function(e){return this.cmp(e)>0},C.gte=function(e){return this.cmp(e)>-1},C.lt=function(e){return this.cmp(e)<0},C.lte=function(e){return this.cmp(e)<1},C.minus=C.sub=function(e){var r,i,t,o,n=this,a=n.constructor,s=n.s,d=(e=new a(e)).s;if(s!=d)return e.s=-d,n.plus(e);var l=n.c.slice(),c=n.e,u=e.c,f=e.e;if(!l[0]||!u[0])return u[0]?e.s=-d:l[0]?e=new a(n):e.s=1,e;if(s=c-f){for((o=s<0)?(s=-s,t=l):(f=c,t=u),t.reverse(),d=s;d--;)t.push(0);t.reverse()}else for(i=((o=l.length<u.length)?l:u).length,s=d=0;d<i;d++)if(l[d]!=u[d]){o=l[d]<u[d];break}if(o&&(t=l,l=u,u=t,e.s=-e.s),(d=(i=u.length)-(r=l.length))>0)for(;d--;)l[r++]=0;for(d=r;i>s;){if(l[--i]<u[i]){for(r=i;r&&!l[--r];)l[r]=9;--l[r],l[i]+=10}l[i]-=u[i]}for(;0===l[--d];)l.pop();for(;0===l[0];)l.shift(),--f;return l[0]||(e.s=1,l=[f=0]),e.c=l,e.e=f,e},C.mod=function(e){var r,i=this,t=i.constructor,o=i.s,n=(e=new t(e)).s;if(!e.c[0])throw Error(E);return i.s=e.s=1,r=1==e.cmp(i),i.s=o,e.s=n,r?new t(i):(o=t.DP,n=t.RM,t.DP=t.RM=0,i=i.div(e),t.DP=o,t.RM=n,this.minus(i.times(e)))},C.neg=function(){var e=new this.constructor(this);return e.s=-e.s,e},C.plus=C.add=function(e){var r,i,t,o=this,n=o.constructor;if(e=new n(e),o.s!=e.s)return e.s=-e.s,o.minus(e);var a=o.e,s=o.c,d=e.e,l=e.c;if(!s[0]||!l[0])return l[0]||(s[0]?e=new n(o):e.s=o.s),e;if(s=s.slice(),r=a-d){for(r>0?(d=a,t=l):(r=-r,t=s),t.reverse();r--;)t.push(0);t.reverse()}for(s.length-l.length<0&&(t=l,l=s,s=t),r=l.length,i=0;r;s[r]%=10)i=(s[--r]=s[r]+l[r]+i)/10|0;for(i&&(s.unshift(i),++d),r=s.length;0===s[--r];)s.pop();return e.c=s,e.e=d,e},C.pow=function(e){var r=this,i=new r.constructor("1"),t=i,o=e<0;if(e!==~~e||e<-1e6||e>1e6)throw Error(_+"exponent");for(o&&(e=-e);1&e&&(t=t.times(r)),e>>=1;)r=r.times(r);return o?i.div(t):t},C.prec=function(e,r){if(e!==~~e||e<1||e>y)throw Error(_+"precision");return Y(new this.constructor(this),e,r)},C.round=function(e,r){if(e===j)e=0;else if(e!==~~e||e<-y||e>y)throw Error(x);return Y(new this.constructor(this),e+this.e+1,r)},C.sqrt=function(){var e,r,i,t=this,o=t.constructor,n=t.s,a=t.e,s=new o("0.5");if(!t.c[0])return new o(t);if(n<0)throw Error(k+"No square root");0===(n=Math.sqrt(+T(t,!0,!0)))||n===1/0?((r=t.c.join("")).length+a&1||(r+="0"),a=((a+1)/2|0)-(a<0||1&a),e=new o(((n=Math.sqrt(r))==1/0?"5e":(n=n.toExponential()).slice(0,n.indexOf("e")+1))+a)):e=new o(n+""),a=e.e+(o.DP+=4);do{e=s.times((i=e).plus(t.div(i)))}while(i.c.slice(0,a).join("")!==e.c.slice(0,a).join(""));return Y(e,(o.DP-=4)+e.e+1,o.RM)},C.times=C.mul=function(e){var r,i=this,t=i.c,o=(e=new(0,i.constructor)(e)).c,n=t.length,a=o.length,s=i.e,d=e.e;if(e.s=i.s==e.s?1:-1,!t[0]||!o[0])return e.c=[e.e=0],e;for(e.e=s+d,n<a&&(r=t,t=o,o=r,d=n,n=a,a=d),r=new Array(d=n+a);d--;)r[d]=0;for(s=a;s--;){for(a=0,d=n+s;d>s;)a=r[d]+o[s]*t[d-s-1]+a,r[d--]=a%10,a=a/10|0;r[d]=a}for(a?++e.e:r.shift(),s=r.length;!r[--s];)r.pop();return e.c=r,e},C.toExponential=function(e,r){var i=this,t=i.c[0];if(e!==j){if(e!==~~e||e<0||e>y)throw Error(x);for(i=Y(new i.constructor(i),++e,r);i.c.length<e;)i.c.push(0)}return T(i,!0,!!t)},C.toFixed=function(e,r){var i=this,t=i.c[0];if(e!==j){if(e!==~~e||e<0||e>y)throw Error(x);for(e=e+(i=Y(new i.constructor(i),e+i.e+1,r)).e+1;i.c.length<e;)i.c.push(0)}return T(i,!1,!!t)},C.toJSON=C.toString=function(){var e=this,r=e.constructor;return T(e,e.e<=r.NE||e.e>=r.PE,!!e.c[0])},"undefined"!=typeof Symbol&&(C[Symbol.for("nodejs.util.inspect.custom")]=C.toJSON),C.toNumber=function(){var e=+T(this,!0,!0);if(!0===this.constructor.strict&&!this.eq(e.toString()))throw Error(k+"Imprecise conversion");return e},C.toPrecision=function(e,r){var i=this,t=i.constructor,o=i.c[0];if(e!==j){if(e!==~~e||e<1||e>y)throw Error(_+"precision");for(i=Y(new t(i),e,r);i.c.length<e;)i.c.push(0)}return T(i,e<=i.e||i.e<=t.NE||i.e>=t.PE,!!o)},C.valueOf=function(){var e=this,r=e.constructor;if(!0===r.strict)throw Error(k+"valueOf disallowed");return T(e,e.e<=r.NE||e.e>=r.PE,!0)};var D=function e(){function r(i){var t=this;if(!(t instanceof r))return i===j&&0===arguments.length?e():new r(i);if(i instanceof r)t.s=i.s,t.e=i.e,t.c=i.c.slice();else{if("string"!=typeof i){if(!0===r.strict&&"bigint"!=typeof i)throw TypeError(_+"value");i=0===i&&1/i<0?"-0":String(i)}!function(e,r){var i,t,o;if(!B.test(r))throw Error(_+"number");for(e.s="-"==r.charAt(0)?(r=r.slice(1),-1):1,(i=r.indexOf("."))>-1&&(r=r.replace(".","")),(t=r.search(/e/i))>0?(i<0&&(i=t),i+=+r.slice(t+1),r=r.substring(0,t)):i<0&&(i=r.length),o=r.length,t=0;t<o&&"0"==r.charAt(t);)++t;if(t==o)e.c=[e.e=0];else{for(;o>0&&"0"==r.charAt(--o););for(e.e=i-t-1,e.c=[],i=0;t<=o;)e.c[i++]=+r.charAt(t++)}}(t,i)}t.constructor=r}return r.prototype=C,r.DP=20,r.RM=1,r.NE=-7,r.PE=21,r.strict=!1,r.roundDown=0,r.roundHalfUp=1,r.roundHalfEven=2,r.roundUp=3,r}();function F(e,r,i){return Number.isNaN(e)||e<r?r:e>i?i:e}const L=class{constructor(o){e(this,o),this.dsInput=r(this,"dsInput"),this.dsChange=r(this,"dsChange"),this.dsIncrease=r(this,"dsIncrease"),this.dsDecrease=r(this,"dsDecrease"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.initialValue=0,this.stepWarned=!1,this.counterId="ds-counter-"+S++,this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.language=i.language,this.region=i.region,this.previousValue=null,this.valueDirection=null,this.value=0,this.name=this.counterId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=10,this.step=1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleIncrease=()=>{if(this.disabled||this.readonly)return;const e=(r=this.value,i=this.effectiveStep(),new D(r).plus(i).toNumber());var r,i;e>this.max||(this.commit(e),this.dsIncrease.emit(e))},this.handleDecrease=()=>{if(this.disabled||this.readonly)return;const e=(r=this.value,i=this.effectiveStep(),new D(r).minus(i).toNumber());var r,i;e<this.min||(this.commit(e),this.dsDecrease.emit(e))},this.handleKeyDown=e=>{this.disabled||this.readonly||("ArrowUp"===e.key?(e.preventDefault(),this.handleIncrease()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrease()))},this.handleFocusDecrease=e=>{this.decreaseHasFocus=!0,this.handleFocus(e)},this.handleFocusIncrease=e=>{this.increaseHasFocus=!0,this.handleFocus(e)},this.handleFocus=e=>{e.stopPropagation(),this.disabled||this.readonly||this.dsFocus.emit()},this.handleBlurDecrease=e=>{e.stopPropagation(),this.decreaseHasFocus=!1,t((()=>this.handleBlur()))},this.handleBlurIncrease=e=>{e.stopPropagation(),this.increaseHasFocus=!1,t((()=>this.handleBlur()))},this.handleBlur=()=>{this.decreaseHasFocus||this.increaseHasFocus||this.disabled||this.readonly||this.dsBlur.emit()}}createLogger(e){this.log=e}valueChanged(){if(f(this.value))return void(this.value=F(this.min,this.min,this.max));const e=F(this.value,this.min,this.max);e===this.value?this.syncFormValue(this.value):this.value=e}minChanged(){this.clampToRange()}maxChanged(){this.clampToRange()}debounceChanged(){this.dsChange=o(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.value=F(this.value,this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){clearTimeout(this.valueAnimationTimer)}listenToClick(e){(this.disabled||this.readonly)&&e.target===this.el&&(e.preventDefault(),e.stopPropagation())}listenToReset(e){const r=e.target;(null==r?void 0:r.contains(this.el))&&(this.value=this.initialValue)}async configChanged(e){this.language=e.language,this.region=e.region}async setFocus(){var e,r;const i=this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl;null===(r=null===(e=null==i?void 0:i.shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===r||r.focus()}async getInputElement(){return this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl}clampToRange(){const e=F(this.value,this.min,this.max);e!==this.value&&(this.value=e)}syncFormValue(e){u(this.internals,String(e))}effectiveStep(){return!Number.isFinite(this.step)||this.step<=0?(this.stepWarned||(console.warn(`[ds-counter] \`step\` must be a positive number, got ${this.step}. Falling back to 1.`),this.stepWarned=!0),1):this.step}commit(e){this.animateValueChange(e),this.value=e,this.dsInput.emit(e),this.dsChange.emit(e)}animateValueChange(e){e!==this.value&&(this.previousValue=this.value,this.valueDirection=e>this.value?"increase":"decrease",clearTimeout(this.valueAnimationTimer),this.valueAnimationTimer=setTimeout((()=>{this.previousValue=null,this.valueDirection=null}),260))}render(){const e=w[this.language].decrease,r=w[this.language].increase,i=this.disabled||this.readonly||this.value<=this.min,t=this.disabled||this.readonly||this.value>=this.max;return n(m,{key:"282082964e12c3d53c20035b617ebbd7e173a424",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},n("div",Object.assign({key:"4eafc01fe942902d72a9db63e73b345785b1f15a",id:"counter",part:"counter",onKeyDown:this.handleKeyDown},this.inheritedAttributes),n("ds-button",{key:"165a93be231c9054fc6cf19f82c0a52fdcee6afc",ref:e=>this.decreaseButtonEl=e,part:"decrease","data-testid":"ds-counter-decrease",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"minus",a11yLabel:e,a11yTitle:e,disabled:i,onClick:this.handleDecrease,onDsFocus:this.handleFocusDecrease,onDsBlur:this.handleBlurDecrease}),n("span",{key:"df30901c4494a28a78a8738f8ad863b6255d4b92",id:"value",part:"value","data-testid":"ds-counter-value"},null!==this.previousValue&&n("span",{key:`prev-${this.previousValue}`,"aria-hidden":"true",class:{"value-slide":!0,"value-out":!0,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.previousValue)),n("span",{key:`current-${this.value}`,class:{"value-slide":!0,"value-in":null!==this.previousValue,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.value))),n("ds-button",{key:"c6273e0b8351d7b9e63a37430ac2f4456acda82f",ref:e=>this.increaseButtonEl=e,part:"increase","data-testid":"ds-counter-increase",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"plus",a11yLabel:r,a11yTitle:r,disabled:t,onClick:this.handleIncrease,onDsFocus:this.handleFocusIncrease,onDsBlur:this.handleBlurIncrease})))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}}};s([d("counter"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],L.prototype,"createLogger",null),s([b("number"),l("design:type",Number)],L.prototype,"value",void 0),s([b("string"),l("design:type",String)],L.prototype,"name",void 0),s([b("string"),l("design:type",String)],L.prototype,"label",void 0),s([b("string"),l("design:type",String)],L.prototype,"description",void 0),s([p(v),l("design:type",String)],L.prototype,"color",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"invalid",void 0),s([b("string"),l("design:type",String)],L.prototype,"invalidText",void 0),s([b("number"),l("design:type",Number)],L.prototype,"min",void 0),s([b("number"),l("design:type",Number)],L.prototype,"max",void 0),s([b("number"),l("design:type",Number)],L.prototype,"step",void 0),s([b("number"),l("design:type",Number)],L.prototype,"debounce",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"disabled",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"readonly",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"required",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"autoInvalidOff",void 0),s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],L.prototype,"configChanged",null);let S=0;L.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}";export{L as ds_counter}
@@ -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 o,J as a,F as t,G as r,I as e}from"./p-BZEWgXed.js";import{_ as s,L as g,a as l}from"./p-BZsCW9yV.js";import{i as d}from"./p-ChyhE5ro.js";import{h as c}from"./p-BYD3IPs8.js";import{n as i}from"./p-B3VN_5Hp.js";import{T as n}from"./p-BaZBnuEF.js";import{O as v}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const m=class{constructor(t){o(this,t),this.dsCloseClick=a(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.disabled=!1,this.invalid=!1}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=d(this.el,["tabindex"])}render(){const o=i(this.size)||"";return t(r,{key:"f1b9c7ebe88c9732b543354e83abe042ba355657",class:{[`is-${this.color}`]:c(this.color),[`is-${o}`]:c(this.size),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},t("span",{key:"3994a65180a6acf580d00443a9910c467e992035",part:"label"},t("slot",{key:"34b3d1429dd3121591669c7825048af1414b6027"})),this.closable&&!this.disabled?t("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return e(this)}};s([g("tag"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],m.prototype,"createLogger",null),s([n("boolean"),l("design:type",Boolean)],m.prototype,"closable",void 0),s([v(["primary","disabled","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light"]),l("design:type",String)],m.prototype,"color",void 0),s([n("boolean"),l("design:type",Boolean)],m.prototype,"disabled",void 0),s([n("boolean"),l("design:type",Boolean)],m.prototype,"invalid",void 0),s([v(["left","center","right"]),l("design:type",String)],m.prototype,"position",void 0),s([v(["sm","md","lg"]),l("design:type",String)],m.prototype,"size",void 0),m.style=":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-gap:var(--tag-gap, var(--mod-tag-gap, var(--ds-tag-size-base-gap)));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-size-base-padding-x)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-size-base-padding-y)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-background)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, var(--ds-tag-line-height)));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-size-base-font-size)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-size-base-font-weight)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.ds-close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text);--mod-tag-color:var(--ds-tag-primary-color-text);--mod-tag-bg:var(--ds-tag-primary-color-background);--close-color-icon:var(--ds-tag-primary-color-text)}:host(.is-disabled){--icon-color:var(--ds-tag-disabled-color-text);--mod-tag-color:var(--ds-tag-disabled-color-text);--mod-tag-bg:var(--ds-tag-disabled-color-background);--close-color-icon:var(--ds-tag-disabled-color-text)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text);--mod-tag-color:var(--ds-tag-success-color-text);--mod-tag-bg:var(--ds-tag-success-color-background);--close-color-icon:var(--ds-tag-success-color-text)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text);--mod-tag-color:var(--ds-tag-info-color-text);--mod-tag-bg:var(--ds-tag-info-color-background);--close-color-icon:var(--ds-tag-info-color-text)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text);--mod-tag-color:var(--ds-tag-warning-color-text);--mod-tag-bg:var(--ds-tag-warning-color-background);--close-color-icon:var(--ds-tag-warning-color-text)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text);--mod-tag-color:var(--ds-tag-danger-color-text);--mod-tag-bg:var(--ds-tag-danger-color-background);--close-color-icon:var(--ds-tag-danger-color-text)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text);--mod-tag-color:var(--ds-tag-purple-color-text);--mod-tag-bg:var(--ds-tag-purple-color-background);--close-color-icon:var(--ds-tag-purple-color-text)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text);--mod-tag-color:var(--ds-tag-red-color-text);--mod-tag-bg:var(--ds-tag-red-color-background);--close-color-icon:var(--ds-tag-red-color-text)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text);--mod-tag-color:var(--ds-tag-yellow-color-text);--mod-tag-bg:var(--ds-tag-yellow-color-background);--close-color-icon:var(--ds-tag-yellow-color-text)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text);--mod-tag-color:var(--ds-tag-green-color-text);--mod-tag-bg:var(--ds-tag-green-color-background);--close-color-icon:var(--ds-tag-green-color-text)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text);--mod-tag-color:var(--ds-tag-purple-dark-color-text);--mod-tag-bg:var(--ds-tag-purple-dark-color-background);--close-color-icon:var(--ds-tag-purple-dark-color-text)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text);--mod-tag-color:var(--ds-tag-red-dark-color-text);--mod-tag-bg:var(--ds-tag-red-dark-color-background);--close-color-icon:var(--ds-tag-red-dark-color-text)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-bg:var(--ds-tag-yellow-dark-color-background);--close-color-icon:var(--ds-tag-yellow-dark-color-text)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text);--mod-tag-color:var(--ds-tag-green-dark-color-text);--mod-tag-bg:var(--ds-tag-green-dark-color-background);--close-color-icon:var(--ds-tag-green-dark-color-text)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text);--mod-tag-color:var(--ds-tag-purple-light-color-text);--mod-tag-bg:var(--ds-tag-purple-light-color-background);--close-color-icon:var(--ds-tag-purple-light-color-text)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text);--mod-tag-color:var(--ds-tag-red-light-color-text);--mod-tag-bg:var(--ds-tag-red-light-color-background);--close-color-icon:var(--ds-tag-red-light-color-text)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text);--mod-tag-color:var(--ds-tag-yellow-light-color-text);--mod-tag-bg:var(--ds-tag-yellow-light-color-background);--close-color-icon:var(--ds-tag-yellow-light-color-text)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text);--mod-tag-color:var(--ds-tag-green-light-color-text);--mod-tag-bg:var(--ds-tag-green-light-color-background);--close-color-icon:var(--ds-tag-green-light-color-text)}:host(.is-primary){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-tag-gap:var(--ds-tag-size-sm-gap);--mod-tag-py:var(--ds-tag-size-sm-padding-y);--mod-tag-px:var(--ds-tag-size-sm-padding-x);--mod-tag-font-size:var(--ds-tag-size-sm-font-size);--mod-tag-font-weight:var(--ds-tag-size-sm-font-weight)}:host(.is-sm)>.ds-close,:host(.is-sm)>ds-close{--close-padding:var(--ds-close-padding-sm);--close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-tag-gap:var(--ds-tag-size-md-gap);--mod-tag-py:var(--ds-tag-size-md-padding-y);--mod-tag-px:var(--ds-tag-size-md-padding-x);--mod-tag-font-size:var(--ds-tag-size-md-font-size);--mod-tag-font-weight:var(--ds-tag-size-md-font-weight)}:host(.is-lg){--mod-tag-gap:var(--ds-tag-size-lg-gap);--mod-tag-py:var(--ds-tag-size-lg-padding-y);--mod-tag-px:var(--ds-tag-size-lg-padding-x);--mod-tag-font-size:var(--ds-tag-size-lg-font-size);--mod-tag-font-weight:var(--ds-tag-size-lg-font-weight)}:host{display:-ms-inline-flexbox;display:inline-flex}";export{m as ds_tag}
4
+ import{D as o,J as a,F as t,G as r,I as e}from"./p-BZEWgXed.js";import{_ as s,L as g,a as l}from"./p-BZsCW9yV.js";import{i as d}from"./p-ChyhE5ro.js";import{h as c}from"./p-BYD3IPs8.js";import{n as i}from"./p-BPtibja3.js";import{T as n}from"./p-BaZBnuEF.js";import{O as v}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const m=class{constructor(t){o(this,t),this.dsCloseClick=a(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.disabled=!1,this.invalid=!1}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=d(this.el,["tabindex"])}render(){const o=i(this.size)||"";return t(r,{key:"f1b9c7ebe88c9732b543354e83abe042ba355657",class:{[`is-${this.color}`]:c(this.color),[`is-${o}`]:c(this.size),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},t("span",{key:"3994a65180a6acf580d00443a9910c467e992035",part:"label"},t("slot",{key:"34b3d1429dd3121591669c7825048af1414b6027"})),this.closable&&!this.disabled?t("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return e(this)}};s([g("tag"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],m.prototype,"createLogger",null),s([n("boolean"),l("design:type",Boolean)],m.prototype,"closable",void 0),s([v(["primary","disabled","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light"]),l("design:type",String)],m.prototype,"color",void 0),s([n("boolean"),l("design:type",Boolean)],m.prototype,"disabled",void 0),s([n("boolean"),l("design:type",Boolean)],m.prototype,"invalid",void 0),s([v(["left","center","right"]),l("design:type",String)],m.prototype,"position",void 0),s([v(["sm","md","lg"]),l("design:type",String)],m.prototype,"size",void 0),m.style=":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-gap:var(--tag-gap, var(--mod-tag-gap, var(--ds-tag-size-base-gap)));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-size-base-padding-x)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-size-base-padding-y)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-background)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, var(--ds-tag-line-height)));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-size-base-font-size)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-size-base-font-weight)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.ds-close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text);--mod-tag-color:var(--ds-tag-primary-color-text);--mod-tag-bg:var(--ds-tag-primary-color-background);--close-color-icon:var(--ds-tag-primary-color-text)}:host(.is-disabled){--icon-color:var(--ds-tag-disabled-color-text);--mod-tag-color:var(--ds-tag-disabled-color-text);--mod-tag-bg:var(--ds-tag-disabled-color-background);--close-color-icon:var(--ds-tag-disabled-color-text)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text);--mod-tag-color:var(--ds-tag-success-color-text);--mod-tag-bg:var(--ds-tag-success-color-background);--close-color-icon:var(--ds-tag-success-color-text)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text);--mod-tag-color:var(--ds-tag-info-color-text);--mod-tag-bg:var(--ds-tag-info-color-background);--close-color-icon:var(--ds-tag-info-color-text)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text);--mod-tag-color:var(--ds-tag-warning-color-text);--mod-tag-bg:var(--ds-tag-warning-color-background);--close-color-icon:var(--ds-tag-warning-color-text)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text);--mod-tag-color:var(--ds-tag-danger-color-text);--mod-tag-bg:var(--ds-tag-danger-color-background);--close-color-icon:var(--ds-tag-danger-color-text)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text);--mod-tag-color:var(--ds-tag-purple-color-text);--mod-tag-bg:var(--ds-tag-purple-color-background);--close-color-icon:var(--ds-tag-purple-color-text)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text);--mod-tag-color:var(--ds-tag-red-color-text);--mod-tag-bg:var(--ds-tag-red-color-background);--close-color-icon:var(--ds-tag-red-color-text)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text);--mod-tag-color:var(--ds-tag-yellow-color-text);--mod-tag-bg:var(--ds-tag-yellow-color-background);--close-color-icon:var(--ds-tag-yellow-color-text)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text);--mod-tag-color:var(--ds-tag-green-color-text);--mod-tag-bg:var(--ds-tag-green-color-background);--close-color-icon:var(--ds-tag-green-color-text)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text);--mod-tag-color:var(--ds-tag-purple-dark-color-text);--mod-tag-bg:var(--ds-tag-purple-dark-color-background);--close-color-icon:var(--ds-tag-purple-dark-color-text)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text);--mod-tag-color:var(--ds-tag-red-dark-color-text);--mod-tag-bg:var(--ds-tag-red-dark-color-background);--close-color-icon:var(--ds-tag-red-dark-color-text)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-bg:var(--ds-tag-yellow-dark-color-background);--close-color-icon:var(--ds-tag-yellow-dark-color-text)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text);--mod-tag-color:var(--ds-tag-green-dark-color-text);--mod-tag-bg:var(--ds-tag-green-dark-color-background);--close-color-icon:var(--ds-tag-green-dark-color-text)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text);--mod-tag-color:var(--ds-tag-purple-light-color-text);--mod-tag-bg:var(--ds-tag-purple-light-color-background);--close-color-icon:var(--ds-tag-purple-light-color-text)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text);--mod-tag-color:var(--ds-tag-red-light-color-text);--mod-tag-bg:var(--ds-tag-red-light-color-background);--close-color-icon:var(--ds-tag-red-light-color-text)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text);--mod-tag-color:var(--ds-tag-yellow-light-color-text);--mod-tag-bg:var(--ds-tag-yellow-light-color-background);--close-color-icon:var(--ds-tag-yellow-light-color-text)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text);--mod-tag-color:var(--ds-tag-green-light-color-text);--mod-tag-bg:var(--ds-tag-green-light-color-background);--close-color-icon:var(--ds-tag-green-light-color-text)}:host(.is-primary){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-tag-gap:var(--ds-tag-size-sm-gap);--mod-tag-py:var(--ds-tag-size-sm-padding-y);--mod-tag-px:var(--ds-tag-size-sm-padding-x);--mod-tag-font-size:var(--ds-tag-size-sm-font-size);--mod-tag-font-weight:var(--ds-tag-size-sm-font-weight)}:host(.is-sm)>.ds-close,:host(.is-sm)>ds-close{--close-padding:var(--ds-close-padding-sm);--close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-tag-gap:var(--ds-tag-size-md-gap);--mod-tag-py:var(--ds-tag-size-md-padding-y);--mod-tag-px:var(--ds-tag-size-md-padding-x);--mod-tag-font-size:var(--ds-tag-size-md-font-size);--mod-tag-font-weight:var(--ds-tag-size-md-font-weight)}:host(.is-lg){--mod-tag-gap:var(--ds-tag-size-lg-gap);--mod-tag-py:var(--ds-tag-size-lg-padding-y);--mod-tag-px:var(--ds-tag-size-lg-padding-x);--mod-tag-font-size:var(--ds-tag-size-lg-font-size);--mod-tag-font-weight:var(--ds-tag-size-lg-font-weight)}:host{display:-ms-inline-flexbox;display:inline-flex}";export{m as ds_tag}
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
3
  */
4
- import{D as a,J as n,E as r,F as s,G as o,I as t}from"./p-BZEWgXed.js";import{_ as i,L as c,a as e}from"./p-BZsCW9yV.js";import{s as b}from"./p-D4hbhLgQ.js";import{h as d}from"./p-BYD3IPs8.js";import{s as k}from"./p-BNUaCToz.js";import{B as m}from"./p-B2Xeuprg.js";import{d as h}from"./p-FibyOiqE.js";import{O as l}from"./p-DE5aqD5-.js";import{T as g}from"./p-BaZBnuEF.js";import{L as v}from"./p-CBGuu-I2.js";import"./p-C0WbBTf4.js";import"./p-GV5U_dO3.js";import"./p-BXt6QjIx.js";const f=class{constructor(r){a(this,r),this.dsCloseClick=n(this,"dsCloseClick"),this.dsActionClick=n(this,"dsActionClick"),this.dsDidLoad=n(this,"dsDidLoad"),this.isMobile=h.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){r((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),n=this.generateSvgContent();return s(o,{key:"31121766522b903d6163723a9e95584c5ee11099",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,[`is-${this.color}`]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&s("ds-button",{key:"c72adcdba7ed9e364dbbd874923a75b9ff7c59fb",id:"mobile-button",color:this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!n&&s("ds-icon",{key:"1003da7330255c64b75aa9fbfb8402947a6924a2",part:"icon",id:"icon",name:a,color:this.color,size:"md"}),n&&s("ds-brand-icon",{key:"95ddd092b49bf987f14d2d0e609789b241dec58a",id:"icon",part:"icon",svg:n,size:"sm"}),s("span",{key:"5294bd0f2f54dafbafe0e05d34db40c70141d4a1",part:"content",id:"content"},this.heading&&s("h2",{key:"5691d275814584cabe5a05837b0ccd8c34c2330b",part:"heading"},this.heading),s("span",{key:"b25aefffe6c14b6ce0177c7ba278a3e853884cf2",part:"message"},this.message,s("slot",{key:"9904bbcc527b37eee0b53bfbb852f3f7b8f4f410"}))),s("ds-button-group",{key:"579ec634a52323612d13ba84f0cb6ceb1f11a06a",part:"action",id:"action"},s("slot",{key:"8292813faef33e93891427297b0b9ed8f09deda3",name:"action"}),this.action&&s("ds-button",{key:"a522044535ca0d98c2b8e3737b646dfaf18a9399",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"d482bcf5106d9a9016effdb607a629334688e08f",button:!0,"button-color":"secondary",part:"close",onClick:a=>{b(a),this.close()}})))}get el(){return t(this)}};i([c("snackbar"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],f.prototype,"createLogger",null),i([l(["primary","info","success","warning","danger"]),e("design:type",String)],f.prototype,"color",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"closable",void 0),i([g("string"),e("design:type",String)],f.prototype,"heading",void 0),i([g("string"),e("design:type",String)],f.prototype,"message",void 0),i([g("string"),e("design:type",String)],f.prototype,"icon",void 0),i([g("string"),e("design:type",String)],f.prototype,"svg",void 0),i([g("string"),e("design:type",String)],f.prototype,"action",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionIcon",void 0),i([l(m),e("design:type",String)],f.prototype,"actionTarget",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionHref",void 0),i([g("string"),e("design:type",String)],f.prototype,"alertId",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"visible",void 0),i([v(),e("design:type",Function),e("design:paramtypes",[Object]),e("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),f.style=':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background)));--_snackbar-border:var(--snackbar-border, var(--mod-snackbar-border, var(--ds-snackbar-primary-border)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-body)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-snackbar-heading-font-family)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-snackbar-heading-font-weight)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-snackbar-heading-font-size)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-snackbar-heading-line-height)));--_snackbar-heading-color:var(--snackbar-heading-color, var(--mod-snackbar-heading-color, var(--ds-snackbar-primary-color-heading)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--_snackbar-heading-color)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-snackbar-body-font-family)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, var(--ds-snackbar-body-font-weight)));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-snackbar-body-font-size)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-snackbar-body-line-height)));--_snackbar-content-color:var(--snackbar-content-color, var(--mod-snackbar-content-color, var(--ds-snackbar-primary-color-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, var(--ds-snackbar-gap)));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, var(--ds-snackbar-padding)));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border:var(--_snackbar-border);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start;--icon-color:var(--_snackbar-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);color:var(--_snackbar-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height);color:var(--_snackbar-content-color)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .ds-button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host .ds-close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-body);--mod-snackbar-border:var(--ds-snackbar-info-border);--mod-snackbar-bg:var(--ds-snackbar-info-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-info-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-info-color-body)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-body);--mod-snackbar-border:var(--ds-snackbar-success-border);--mod-snackbar-bg:var(--ds-snackbar-success-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-success-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-success-color-body)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-body);--mod-snackbar-border:var(--ds-snackbar-warning-border);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-warning-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-warning-color-body)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-body);--mod-snackbar-border:var(--ds-snackbar-danger-border);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-danger-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-danger-color-body)}';export{f as ds_snackbar}
4
+ import{D as a,J as n,E as r,F as s,G as o,I as t}from"./p-BZEWgXed.js";import{_ as i,L as c,a as e}from"./p-BZsCW9yV.js";import{s as b}from"./p-D4hbhLgQ.js";import{h as d}from"./p-BYD3IPs8.js";import{s as k}from"./p-DFgZk16R.js";import{B as m}from"./p-B2Xeuprg.js";import{d as h}from"./p-FibyOiqE.js";import{O as l}from"./p-DE5aqD5-.js";import{T as g}from"./p-BaZBnuEF.js";import{L as v}from"./p-CBGuu-I2.js";import"./p-C0WbBTf4.js";import"./p-GV5U_dO3.js";import"./p-BXt6QjIx.js";const f=class{constructor(r){a(this,r),this.dsCloseClick=n(this,"dsCloseClick"),this.dsActionClick=n(this,"dsActionClick"),this.dsDidLoad=n(this,"dsDidLoad"),this.isMobile=h.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){r((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),n=this.generateSvgContent();return s(o,{key:"31121766522b903d6163723a9e95584c5ee11099",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,[`is-${this.color}`]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&s("ds-button",{key:"c72adcdba7ed9e364dbbd874923a75b9ff7c59fb",id:"mobile-button",color:this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!n&&s("ds-icon",{key:"1003da7330255c64b75aa9fbfb8402947a6924a2",part:"icon",id:"icon",name:a,color:this.color,size:"md"}),n&&s("ds-brand-icon",{key:"95ddd092b49bf987f14d2d0e609789b241dec58a",id:"icon",part:"icon",svg:n,size:"sm"}),s("span",{key:"5294bd0f2f54dafbafe0e05d34db40c70141d4a1",part:"content",id:"content"},this.heading&&s("h2",{key:"5691d275814584cabe5a05837b0ccd8c34c2330b",part:"heading"},this.heading),s("span",{key:"b25aefffe6c14b6ce0177c7ba278a3e853884cf2",part:"message"},this.message,s("slot",{key:"9904bbcc527b37eee0b53bfbb852f3f7b8f4f410"}))),s("ds-button-group",{key:"579ec634a52323612d13ba84f0cb6ceb1f11a06a",part:"action",id:"action"},s("slot",{key:"8292813faef33e93891427297b0b9ed8f09deda3",name:"action"}),this.action&&s("ds-button",{key:"a522044535ca0d98c2b8e3737b646dfaf18a9399",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"d482bcf5106d9a9016effdb607a629334688e08f",button:!0,"button-color":"secondary",part:"close",onClick:a=>{b(a),this.close()}})))}get el(){return t(this)}};i([c("snackbar"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],f.prototype,"createLogger",null),i([l(["primary","info","success","warning","danger"]),e("design:type",String)],f.prototype,"color",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"closable",void 0),i([g("string"),e("design:type",String)],f.prototype,"heading",void 0),i([g("string"),e("design:type",String)],f.prototype,"message",void 0),i([g("string"),e("design:type",String)],f.prototype,"icon",void 0),i([g("string"),e("design:type",String)],f.prototype,"svg",void 0),i([g("string"),e("design:type",String)],f.prototype,"action",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionIcon",void 0),i([l(m),e("design:type",String)],f.prototype,"actionTarget",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionHref",void 0),i([g("string"),e("design:type",String)],f.prototype,"alertId",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"visible",void 0),i([v(),e("design:type",Function),e("design:paramtypes",[Object]),e("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),f.style=':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background)));--_snackbar-border:var(--snackbar-border, var(--mod-snackbar-border, var(--ds-snackbar-primary-border)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-body)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-snackbar-heading-font-family)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-snackbar-heading-font-weight)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-snackbar-heading-font-size)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-snackbar-heading-line-height)));--_snackbar-heading-color:var(--snackbar-heading-color, var(--mod-snackbar-heading-color, var(--ds-snackbar-primary-color-heading)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--_snackbar-heading-color)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-snackbar-body-font-family)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, var(--ds-snackbar-body-font-weight)));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-snackbar-body-font-size)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-snackbar-body-line-height)));--_snackbar-content-color:var(--snackbar-content-color, var(--mod-snackbar-content-color, var(--ds-snackbar-primary-color-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, var(--ds-snackbar-gap)));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, var(--ds-snackbar-padding)));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border:var(--_snackbar-border);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start;--icon-color:var(--_snackbar-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);color:var(--_snackbar-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height);color:var(--_snackbar-content-color)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .ds-button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host .ds-close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-body);--mod-snackbar-border:var(--ds-snackbar-info-border);--mod-snackbar-bg:var(--ds-snackbar-info-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-info-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-info-color-body)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-body);--mod-snackbar-border:var(--ds-snackbar-success-border);--mod-snackbar-bg:var(--ds-snackbar-success-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-success-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-success-color-body)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-body);--mod-snackbar-border:var(--ds-snackbar-warning-border);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-warning-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-warning-color-body)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-body);--mod-snackbar-border:var(--ds-snackbar-danger-border);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-danger-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-danger-color-body)}';export{f as ds_snackbar}
@@ -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 e,J as o,x as i,F as l,I as r}from"./p-BZEWgXed.js";import{_ as a,L as t,a as d}from"./p-BZsCW9yV.js";import{a as s}from"./p-B0WMymhT.js";import{s as n}from"./p-D4hbhLgQ.js";import{w as p}from"./p-CHZn7ODg.js";import{F as c}from"./p-Bwb-pdM2.js";import{I as f}from"./p-tQJW0EmK.js";import{T as h}from"./p-BaZBnuEF.js";import{O as u}from"./p-DE5aqD5-.js";import{L as b}from"./p-reH0cIhP.js";import"./p-Dw7BDW7b.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";const v=e=>{const o=new DataTransfer;return e&&e.length>0&&e.forEach((e=>o.items.add(e))),o.files},m={en:{dropZoneLabel:"Drop files or browse",selectedFilesLabel:"Selected files",removeFileLabel:"Remove"},de:{dropZoneLabel:"Dateien ablegen oder durchsuchen",selectedFilesLabel:"Ausgewählte Dateien",removeFileLabel:"Entfernen"},fr:{dropZoneLabel:"Déposez les fichiers ou parcourez",selectedFilesLabel:"Fichiers sélectionnés",removeFileLabel:"Supprimer"},it:{dropZoneLabel:"Rilascia i file o sfoglia",selectedFilesLabel:"File selezionati",removeFileLabel:"Rimuovi"},nl:{dropZoneLabel:"Zet bestanden neer of blader",selectedFilesLabel:"Geselecteerde bestanden",removeFileLabel:"Verwijderen"},es:{dropZoneLabel:"Suelta archivos o busca",selectedFilesLabel:"Archivos seleccionados",removeFileLabel:"Eliminar"},pl:{dropZoneLabel:"Upuść pliki lub przeglądaj",selectedFilesLabel:"Wybrane pliki",removeFileLabel:"Usuń"},pt:{dropZoneLabel:"Solte ficheiros ou procure",selectedFilesLabel:"Ficheiros selecionados",removeFileLabel:"Remover"},sv:{dropZoneLabel:"Släpp filer eller bläddra",selectedFilesLabel:"Valda filer",removeFileLabel:"Ta bort"},fi:{dropZoneLabel:"Pudota tiedostot tai selaa",selectedFilesLabel:"Valitut tiedostot",removeFileLabel:"Poista"}},g=class{constructor(l){e(this,l),this.dsChange=o(this,"dsChange"),this.dsFilesAdded=o(this,"dsFilesAdded"),this.dsFilesRemoved=o(this,"dsFilesRemoved"),this.dsRejectedFile=o(this,"dsRejectedFile"),this.dsInputClick=o(this,"dsInputClick"),this.dsBlur=o(this,"dsBlur"),this.dsFocus=o(this,"dsFocus"),this.fileUploadId="ds-file-upload-"+z++,this.initialValue=[],this.files=[],this.focused=!1,this.isDragOver=!1,this.language=i.language,this.region=i.region,this.hasInvalidTextSlotContent=!1,this.value=[],this.name=this.fileUploadId,this.label="Choose or drop a file...",this.dropZoneLabel="",this.description="",this.invalidText="",this.color="primary",this.invalid=!1,this.multiple=!0,this.disabled=!1,this.readonly=!1,this.loading=!1,this.required=!1,this.accept="",this.hasFileList=!0,this.autoInvalidOff=!1,this.addDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.addEventListener("dragenter",this.handleDragenter),this.dropZoneEl.addEventListener("dragover",this.handleDragover),this.dropZoneEl.addEventListener("dragleave",this.handleDragleave),this.dropZoneEl.addEventListener("drop",this.handleDrop))},this.removeDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.removeEventListener("dragenter",this.handleDragenter),this.dropZoneEl.removeEventListener("dragover",this.handleDragover),this.dropZoneEl.removeEventListener("dragleave",this.handleDragleave),this.dropZoneEl.removeEventListener("drop",this.handleDrop))},this.handleFiles=e=>{const o=(i=e,Array.from(null!=i?i:[]));var i;const l=((e,o,i)=>{const l=[],r=[...e],a=[];for(let t=0;t<o.length;t++){const d=o[t];if(d){const o=[];i.accept&&-1===i.accept.split(" ").join("").split(",").indexOf(d.type)&&o.push("BAD_EXTENSION"),void 0!==i.maxFileSize&&d.size>i.maxFileSize&&o.push("FILE_TOO_BIG");const t=r.map((e=>e.size)).reduce(((e,o)=>e+o),0);void 0!==i.maxBundleSize&&t+d.size>i.maxBundleSize&&o.push("FILE_SIZE_SUM_TOO_BIG"),void 0!==i.maxFiles&&r.length+1>i.maxFiles&&o.push("TOO_MANY_FILES");const s=(e,o)=>e.size===o.size&&e.name===o.name&&e.type===o.type&&e.lastModified===o.lastModified;e.filter((e=>s(e,d))).length>0&&o.push("DUPLICATED_FILE"),o.length>0?a.push({file:d,reasons:o}):(r.push(d),l.push(d))}}return{validFiles:l,invalidFiles:a}})(this.files,o,{accept:this.accept,maxFileSize:this.maxFileSize,maxBundleSize:this.maxBundleSize,maxFiles:this.maxFiles});l.invalidFiles.length>0&&l.invalidFiles.forEach((e=>this.dsRejectedFile.emit(e))),l.validFiles.length>0&&(this.files=[...this.files,...l.validFiles],this.dsChange.emit(this.files),this.dsFilesAdded.emit(l.validFiles)),this.updateFileInput()},this.updateFileInput=()=>{this.nativeInput&&(this.nativeInput.files=v(this.files))},this.handleDragenter=e=>{n(e),this.disabled||this.readonly||this.loading||(this.isDragOver=!0)},this.handleDragover=e=>{n(e)},this.handleDragleave=e=>{n(e),this.isDragOver=!1},this.handleDrop=e=>{if(n(e),this.isDragOver=!1,!this.disabled&&!this.readonly&&!this.loading){const o=e.dataTransfer;o&&this.handleFiles(o.files)}},this.handleInputChange=()=>{var e;this.disabled||this.readonly||this.loading||(null===(e=this.nativeInput)||void 0===e?void 0:e.files)&&this.handleFiles(this.nativeInput.files)},this.handleInputClick=e=>{!this.nativeInput||this.disabled||this.readonly||this.loading||(this.nativeInput.value=""),this.dsInputClick.emit(e)},this.handleInputFocus=e=>{this.focused=!0,this.dsFocus.emit(e)},this.handleInputBlur=e=>{this.focused=!1,this.dsBlur.emit(e)},this.handleRemoveFile=(e,o)=>{if(n(e),o>=0&&o<this.files.length){const e=this.files,i=e.splice(o,1);this.dsFilesRemoved.emit(i),this.files=[...e],this.dsChange.emit(this.files),this.updateFileInput()}}}createLogger(e){this.log=e}valueChanged(){const e=this.value||[];s(this.files,e)||(this.files=[...e])}componentWillLoad(){this.valueChanged()}connectedCallback(){this.initialValue=[...this.value||[]],this.disconnectInvalidTextSlotWatcher=p(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}componentDidLoad(){this.addDragListeners()}disconnectedCallback(){var e;this.removeDragListeners(),null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.files=[...this.initialValue],setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=v(this.initialValue))})))}async configChanged(e){this.language=e.language,this.region=e.region}async clear(){this.files=[],this.updateFileInput()}async setFocus(){var e;null===(e=this.nativeInput)||void 0===e||e.focus()}render(){const e=this.disabled||this.readonly||this.loading,o=this.dropZoneLabel||m[this.language].dropZoneLabel,i=m[this.language].selectedFilesLabel,r=m[this.language].removeFileLabel,a=this.invalid||this.hasInvalidTextSlotContent;return l(c,{key:"d8d52ceff5997721222bc1e5611f7ad03ede9e91",color:this.color,disabled:this.disabled,invalid:a,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.fileUploadId},l("div",{key:"b15da0bcdf55de2f591e72292fa70bf71a8ec6d8",id:"drop-zone",part:"drop-zone",ref:e=>this.dropZoneEl=e,class:{"file-upload-drop-zone":!0,"is-dragover":this.isDragOver,"is-disabled":e},onClick:()=>{var o;return!e&&(null===(o=this.nativeInput)||void 0===o?void 0:o.click())}},l("span",{key:"974484b45f2a8bdb02770f16f2fe4e73c93bafb3",id:"drop-zone-status",role:"status","aria-live":"polite"},this.isDragOver?"Drop files here":""),l("input",{key:"8260339f8d22f370bdeb1f10f92f045e1aba82e7",part:"input",ref:e=>this.nativeInput=e,id:this.fileUploadId,type:"file",name:this.name,multiple:this.multiple,disabled:e,required:this.required,accept:this.accept||void 0,"aria-invalid":a?"true":"false","aria-describedby":"description",onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,"data-testid":"ds-file-upload-input"}),l("div",{key:"366b17cfabd3731f44b2cb2cb4c0ea6409d73a60",id:"drop-zone-content",class:{"is-disabled":e}},l("slot",{key:"17e2fe0c22ddc983489268cbecd90e77983227d0"},l("div",{key:"62cd16b3d5dba3beff8615f1d23e8321a8d147e6",id:"drop-zone-placeholder",class:{"is-disabled":e}},!this.loading&&l("ds-icon",{key:"ecaa07458add12dca20a66f4b7ca969a758937a3",name:"upload",size:"lg"}),this.loading&&l("ds-spinner",{key:"7fc10a51c15ff9becf3c1c720f13b8bfaaf7ce25",variation:"circle"}),l("span",{key:"432007bedeb6d9efcf432251bfbf736966738b67"},o))))),this.hasFileList&&this.files.length>0&&l("ul",{key:"fda56d7f439f592b00ddeca5860893bfb12cf32d",id:"file-list",part:"file-list",role:"list","aria-label":i,class:{"file-list":!0,"is-disabled":e}},this.files.map(((o,i)=>{return l("li",{id:`file-list-item-${i}`,key:o.name,class:"file-list-item"},l("ds-stack",{direction:"row",align:"center"},l("ds-icon",{name:"document",size:"md"}),l("ds-content",{space:"none"},l("span",{class:"file-name",title:o.name},o.name),l("span",{class:"file-size"},(a=o.size)<1024?`${a} B`:a<1048576?`${(a/1024).toFixed(1)} KB`:`${(a/1048576).toFixed(1)} MB`)),l("ds-button",{size:"sm",icon:"trash",square:!0,color:"secondary",title:`${r} ${o.name}`,a11yLabel:`${r} ${o.name}`,disabled:e,onKeyDown:e=>{"Delete"===e.key&&this.handleRemoveFile(e,i)},onClick:e=>this.handleRemoveFile(e,i)})));var a}))))}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:1}]}}};a([t("file-upload"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),a([h("array"),d("design:type",Array)],g.prototype,"value",void 0),a([h("string"),d("design:type",String)],g.prototype,"name",void 0),a([h("string"),d("design:type",String)],g.prototype,"label",void 0),a([h("string"),d("design:type",String)],g.prototype,"dropZoneLabel",void 0),a([h("string"),d("design:type",String)],g.prototype,"description",void 0),a([h("string"),d("design:type",String)],g.prototype,"invalidText",void 0),a([u(f),d("design:type",String)],g.prototype,"color",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"invalid",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"multiple",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"disabled",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"readonly",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"loading",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"required",void 0),a([h("string"),d("design:type",String)],g.prototype,"accept",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxFiles",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxFileSize",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxBundleSize",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"hasFileList",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),a([b(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],g.prototype,"configChanged",null);let z=0;g.style=":host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-text)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-text)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-surface-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-surface-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-interaction-focus-color-border)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-surface-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-default-control-typo-font-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-default-control-typo-font-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-default-control-typo-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-default-control-typo-font-size)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-default-control-value-color)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-default-control-placeholder-color)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .ds-stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}";export{g as ds_file_upload}
4
+ import{D as e,J as o,x as i,F as l,I as r}from"./p-BZEWgXed.js";import{_ as a,L as t,a as d}from"./p-BZsCW9yV.js";import{a as s}from"./p-B0WMymhT.js";import{s as n}from"./p-D4hbhLgQ.js";import{w as p}from"./p-CHZn7ODg.js";import{F as c}from"./p-Bwb-pdM2.js";import{I as f}from"./p-tQJW0EmK.js";import{T as h}from"./p-BaZBnuEF.js";import{O as u}from"./p-DE5aqD5-.js";import{L as b}from"./p-reH0cIhP.js";import"./p-Dw7BDW7b.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";const v=e=>{const o=new DataTransfer;return e&&e.length>0&&e.forEach((e=>o.items.add(e))),o.files},m={en:{dropZoneLabel:"Drop files or browse",selectedFilesLabel:"Selected files",removeFileLabel:"Remove"},de:{dropZoneLabel:"Dateien ablegen oder durchsuchen",selectedFilesLabel:"Ausgewählte Dateien",removeFileLabel:"Entfernen"},fr:{dropZoneLabel:"Déposez les fichiers ou parcourez",selectedFilesLabel:"Fichiers sélectionnés",removeFileLabel:"Supprimer"},it:{dropZoneLabel:"Rilascia i file o sfoglia",selectedFilesLabel:"File selezionati",removeFileLabel:"Rimuovi"},nl:{dropZoneLabel:"Zet bestanden neer of blader",selectedFilesLabel:"Geselecteerde bestanden",removeFileLabel:"Verwijderen"},es:{dropZoneLabel:"Suelta archivos o busca",selectedFilesLabel:"Archivos seleccionados",removeFileLabel:"Eliminar"},pl:{dropZoneLabel:"Upuść pliki lub przeglądaj",selectedFilesLabel:"Wybrane pliki",removeFileLabel:"Usuń"},pt:{dropZoneLabel:"Solte ficheiros ou procure",selectedFilesLabel:"Ficheiros selecionados",removeFileLabel:"Remover"},sv:{dropZoneLabel:"Släpp filer eller bläddra",selectedFilesLabel:"Valda filer",removeFileLabel:"Ta bort"},fi:{dropZoneLabel:"Pudota tiedostot tai selaa",selectedFilesLabel:"Valitut tiedostot",removeFileLabel:"Poista"}},g=class{constructor(l){e(this,l),this.dsChange=o(this,"dsChange"),this.dsFilesAdded=o(this,"dsFilesAdded"),this.dsFilesRemoved=o(this,"dsFilesRemoved"),this.dsRejectedFile=o(this,"dsRejectedFile"),this.dsInputClick=o(this,"dsInputClick"),this.dsBlur=o(this,"dsBlur"),this.dsFocus=o(this,"dsFocus"),this.fileUploadId="ds-file-upload-"+z++,this.initialValue=[],this.files=[],this.focused=!1,this.isDragOver=!1,this.language=i.language,this.region=i.region,this.hasInvalidTextSlotContent=!1,this.value=[],this.name=this.fileUploadId,this.label="Choose or drop a file...",this.dropZoneLabel="",this.description="",this.invalidText="",this.color="primary",this.invalid=!1,this.multiple=!0,this.disabled=!1,this.readonly=!1,this.loading=!1,this.required=!1,this.accept="",this.hasFileList=!0,this.autoInvalidOff=!1,this.addDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.addEventListener("dragenter",this.handleDragenter),this.dropZoneEl.addEventListener("dragover",this.handleDragover),this.dropZoneEl.addEventListener("dragleave",this.handleDragleave),this.dropZoneEl.addEventListener("drop",this.handleDrop))},this.removeDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.removeEventListener("dragenter",this.handleDragenter),this.dropZoneEl.removeEventListener("dragover",this.handleDragover),this.dropZoneEl.removeEventListener("dragleave",this.handleDragleave),this.dropZoneEl.removeEventListener("drop",this.handleDrop))},this.handleFiles=e=>{const o=(i=e,Array.from(null!=i?i:[]));var i;const l=((e,o,i)=>{const l=[],r=[...e],a=[];for(let t=0;t<o.length;t++){const d=o[t];if(d){const o=[];i.accept&&-1===i.accept.split(" ").join("").split(",").indexOf(d.type)&&o.push("BAD_EXTENSION"),void 0!==i.maxFileSize&&d.size>i.maxFileSize&&o.push("FILE_TOO_BIG");const t=r.map((e=>e.size)).reduce(((e,o)=>e+o),0);void 0!==i.maxBundleSize&&t+d.size>i.maxBundleSize&&o.push("FILE_SIZE_SUM_TOO_BIG"),void 0!==i.maxFiles&&r.length+1>i.maxFiles&&o.push("TOO_MANY_FILES");const s=(e,o)=>e.size===o.size&&e.name===o.name&&e.type===o.type&&e.lastModified===o.lastModified;e.filter((e=>s(e,d))).length>0&&o.push("DUPLICATED_FILE"),o.length>0?a.push({file:d,reasons:o}):(r.push(d),l.push(d))}}return{validFiles:l,invalidFiles:a}})(this.files,o,{accept:this.accept,maxFileSize:this.maxFileSize,maxBundleSize:this.maxBundleSize,maxFiles:this.maxFiles});l.invalidFiles.length>0&&l.invalidFiles.forEach((e=>this.dsRejectedFile.emit(e))),l.validFiles.length>0&&(this.files=[...this.files,...l.validFiles],this.dsChange.emit(this.files),this.dsFilesAdded.emit(l.validFiles)),this.updateFileInput()},this.updateFileInput=()=>{this.nativeInput&&(this.nativeInput.files=v(this.files))},this.handleDragenter=e=>{n(e),this.disabled||this.readonly||this.loading||(this.isDragOver=!0)},this.handleDragover=e=>{n(e)},this.handleDragleave=e=>{n(e),this.isDragOver=!1},this.handleDrop=e=>{if(n(e),this.isDragOver=!1,!this.disabled&&!this.readonly&&!this.loading){const o=e.dataTransfer;o&&this.handleFiles(o.files)}},this.handleInputChange=()=>{var e;this.disabled||this.readonly||this.loading||(null===(e=this.nativeInput)||void 0===e?void 0:e.files)&&this.handleFiles(this.nativeInput.files)},this.handleInputClick=e=>{!this.nativeInput||this.disabled||this.readonly||this.loading||(this.nativeInput.value=""),this.dsInputClick.emit(e)},this.handleInputFocus=e=>{this.focused=!0,this.dsFocus.emit(e)},this.handleInputBlur=e=>{this.focused=!1,this.dsBlur.emit(e)},this.handleRemoveFile=(e,o)=>{if(n(e),o>=0&&o<this.files.length){const e=this.files,i=e.splice(o,1);this.dsFilesRemoved.emit(i),this.files=[...e],this.dsChange.emit(this.files),this.updateFileInput()}}}createLogger(e){this.log=e}valueChanged(){const e=this.value||[];s(this.files,e)||(this.files=[...e])}componentWillLoad(){this.valueChanged()}connectedCallback(){this.initialValue=[...this.value||[]],this.disconnectInvalidTextSlotWatcher=p(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}componentDidLoad(){this.addDragListeners()}disconnectedCallback(){var e;this.removeDragListeners(),null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.files=[...this.initialValue],setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=v(this.initialValue))})))}async configChanged(e){this.language=e.language,this.region=e.region}async clear(){this.files=[],this.updateFileInput()}async setFocus(){var e;null===(e=this.nativeInput)||void 0===e||e.focus()}render(){const e=this.disabled||this.readonly||this.loading,o=this.dropZoneLabel||m[this.language].dropZoneLabel,i=m[this.language].selectedFilesLabel,r=m[this.language].removeFileLabel,a=this.invalid||this.hasInvalidTextSlotContent;return l(c,{key:"d8d52ceff5997721222bc1e5611f7ad03ede9e91",color:this.color,disabled:this.disabled,invalid:a,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.fileUploadId},l("div",{key:"b15da0bcdf55de2f591e72292fa70bf71a8ec6d8",id:"drop-zone",part:"drop-zone",ref:e=>this.dropZoneEl=e,class:{"file-upload-drop-zone":!0,"is-dragover":this.isDragOver,"is-disabled":e},onClick:()=>{var o;return!e&&(null===(o=this.nativeInput)||void 0===o?void 0:o.click())}},l("span",{key:"974484b45f2a8bdb02770f16f2fe4e73c93bafb3",id:"drop-zone-status",role:"status","aria-live":"polite"},this.isDragOver?"Drop files here":""),l("input",{key:"8260339f8d22f370bdeb1f10f92f045e1aba82e7",part:"input",ref:e=>this.nativeInput=e,id:this.fileUploadId,type:"file",name:this.name,multiple:this.multiple,disabled:e,required:this.required,accept:this.accept||void 0,"aria-invalid":a?"true":"false","aria-describedby":"description",onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,"data-testid":"ds-file-upload-input"}),l("div",{key:"366b17cfabd3731f44b2cb2cb4c0ea6409d73a60",id:"drop-zone-content",class:{"is-disabled":e}},l("slot",{key:"17e2fe0c22ddc983489268cbecd90e77983227d0"},l("div",{key:"62cd16b3d5dba3beff8615f1d23e8321a8d147e6",id:"drop-zone-placeholder",class:{"is-disabled":e}},!this.loading&&l("ds-icon",{key:"ecaa07458add12dca20a66f4b7ca969a758937a3",name:"upload",size:"lg"}),this.loading&&l("ds-spinner",{key:"7fc10a51c15ff9becf3c1c720f13b8bfaaf7ce25",variation:"circle"}),l("span",{key:"432007bedeb6d9efcf432251bfbf736966738b67"},o))))),this.hasFileList&&this.files.length>0&&l("ul",{key:"fda56d7f439f592b00ddeca5860893bfb12cf32d",id:"file-list",part:"file-list",role:"list","aria-label":i,class:{"file-list":!0,"is-disabled":e}},this.files.map(((o,i)=>{return l("li",{id:`file-list-item-${i}`,key:o.name,class:"file-list-item"},l("ds-stack",{direction:"row",align:"center"},l("ds-icon",{name:"document",size:"md"}),l("ds-content",{space:"none"},l("span",{class:"file-name",title:o.name},o.name),l("span",{class:"file-size"},(a=o.size)<1024?`${a} B`:a<1048576?`${(a/1024).toFixed(1)} KB`:`${(a/1048576).toFixed(1)} MB`)),l("ds-button",{size:"sm",icon:"trash",square:!0,color:"secondary",title:`${r} ${o.name}`,a11yLabel:`${r} ${o.name}`,disabled:e,onKeyDown:e=>{"Delete"===e.key&&this.handleRemoveFile(e,i)},onClick:e=>this.handleRemoveFile(e,i)})));var a}))))}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:1}]}}};a([t("file-upload"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),a([h("array"),d("design:type",Array)],g.prototype,"value",void 0),a([h("string"),d("design:type",String)],g.prototype,"name",void 0),a([h("string"),d("design:type",String)],g.prototype,"label",void 0),a([h("string"),d("design:type",String)],g.prototype,"dropZoneLabel",void 0),a([h("string"),d("design:type",String)],g.prototype,"description",void 0),a([h("string"),d("design:type",String)],g.prototype,"invalidText",void 0),a([u(f),d("design:type",String)],g.prototype,"color",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"invalid",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"multiple",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"disabled",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"readonly",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"loading",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"required",void 0),a([h("string"),d("design:type",String)],g.prototype,"accept",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxFiles",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxFileSize",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxBundleSize",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"hasFileList",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),a([b(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],g.prototype,"configChanged",null);let z=0;g.style=":host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-text)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-text)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-surface-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-surface-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-interaction-focus-color-border)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-surface-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-default-control-typo-font-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-default-control-typo-font-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-default-control-typo-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-default-control-typo-font-size)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-default-control-value-color)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-default-control-placeholder-color)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .ds-stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}";export{g as ds_file_upload}
@@ -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{T as r,U as o,V as i,W as t,X as e,Y as n,Z as a,_ as s,N as d,D as l,J as c,x as h,M as m,F as f,I as p}from"./p-BZEWgXed.js";import{_ as u,L as v,a as b}from"./p-BZsCW9yV.js";import{i as g}from"./p-D9mt3Oq6.js";import{i as y}from"./p-Dw7BDW7b.js";import{i as _}from"./p-ChyhE5ro.js";import{F as w,s as k}from"./p-D4hbhLgQ.js";import{w as x}from"./p-CHZn7ODg.js";import{N as z,A as j}from"./p-Bb2t2bOa.js";import{g as B,a as C,b as F,f as S}from"./p-BLExC8Zo.js";import{F as D}from"./p-Bwb-pdM2.js";import{I}from"./p-tQJW0EmK.js";import{T as K}from"./p-BaZBnuEF.js";import{O as T}from"./p-DE5aqD5-.js";import{L as E}from"./p-reH0cIhP.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";var L,O,P=d(function(){if(O)return L;O=1;var d=r(),l=o(),c=i(),h=a(),m=t(),f=e(),p=s(),u=n(),v=Object.prototype.hasOwnProperty;return L=function(r){if(null==r)return!0;if(m(r)&&(h(r)||"string"==typeof r||"function"==typeof r.splice||f(r)||u(r)||c(r)))return!r.length;var o=l(r);if("[object Map]"==o||"[object Set]"==o)return!r.size;if(p(r))return!d(r).length;for(var i in r)if(v.call(r,i))return!1;return!0}}());function W(r){return"string"==typeof r&&"."!==F()}function Z(r){const o=parseFloat(r);return"number"==typeof o&&!g(o)}function q(r,o=0){let i=r;if(""!==i&&null!=i&&!g(i)&&i!==B()&&i!==C()&&Z(i))return W(i)&&(i=i.split(F()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(C(),".")),0===o?parseInt(i,10):parseFloat(i)}function M(r){return r.replace(".",C())}function N(r,o=0,i=""){if(y(r))return"";r.charAt(0)===C()&&(r=`0${r}`);const t=0===o?parseInt(r,10):parseFloat(r),e=""!==i?` ${i.trim()}`:"";return g(t)?"":S(t,o)+e}const V=class{constructor(r){l(this,r),this.dsInput=c(this,"dsInput"),this.dsChange=c(this,"dsChange"),this.dsBlur=c(this,"dsBlur"),this.dsFocus=c(this,"dsFocus"),this.dsClick=c(this,"dsClick"),this.dsKeyPress=c(this,"dsKeyPress"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.numberInputId="ds-number-input-"+G++,this.inheritedAttributes={},this.control=new w(this),this.lastValue="",this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=h.language,this.region=h.region,this.nativeInputValue="",this.inputPattern="",this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o,i;if(this.nativeInput&&!Z(i=this.nativeInput.value)&&""!==i&&i!==B()&&i!==C())return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const t=null!==(o=q(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=t,this.dsInput.emit(t)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=M(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(y(i))return"";W(i)&&(i=i.split(F()).join("").split("`").join("").split("'").join("")),i.charAt(0)===C()&&(i=`0${i}`);const t=0===o?parseInt(i,10):parseFloat(i.replace(C(),"."));return g(t)?"":t.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=N(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=q(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",t=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,e=i.slice(0,t)+r.key+i.slice(t);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:t,selectionEnd:e,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if(!r||"Unidentified"===r||"Dead"===r||"Process"===r)return!0;if(r===B()){if(s)return!1;if(t&&t>0&&e&&e>0)return!1}const d=function(r){return r===C()||"."===r}(r);if(d){if(0===a)return!1;if((r=>{const o=C();return("."===o?[o]:[o,"."]).reduce(((o,i)=>o+((r.split(i)||[]).length-1||0)),0)})(n)>1)return!1}if(!d&&![...z,...j,B()].includes(r))return!1;if(0!==a&&z.includes(r)){const r=Math.max(n.lastIndexOf(C()),n.lastIndexOf("."));if(-1!==r&&n.slice(r+1).length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:e,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:k(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=m(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||g(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?M(o):N(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=x(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=_(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?M(this.lastValue):N(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(y(this.lastValue)||P(this.lastValue))?"0":this.lastValue}createPattern(){return this.pattern}render(){const r=this.invalid||this.hasInvalidTextSlotContent;return f(D,{key:"7b1c9504dc98f921b619676a000bae2edd338aec",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},f("input",Object.assign({key:"16ca58bb9a791e79b30a9981fc34da843d580e61",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern||void 0,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return p(this)}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:1}]}}};u([v("number-input"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],V.prototype,"createLogger",null),u([K("boolean"),b("design:type",Boolean)],V.prototype,"autoInvalidOff",void 0),u([T(I),b("design:type",String)],V.prototype,"color",void 0),u([K("number"),b("design:type",Number)],V.prototype,"debounce",void 0),u([K("number"),b("design:type",Number)],V.prototype,"decimal",void 0),u([K("string"),b("design:type",String)],V.prototype,"description",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"disabled",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"exactNumber",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"invalid",void 0),u([K("string"),b("design:type",String)],V.prototype,"invalidText",void 0),u([K("string"),b("design:type",String)],V.prototype,"label",void 0),u([K("string"),b("design:type",String)],V.prototype,"max",void 0),u([K("string"),b("design:type",String)],V.prototype,"min",void 0),u([K("string"),b("design:type",String)],V.prototype,"name",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"onlyPositive",void 0),u([K("string"),b("design:type",String)],V.prototype,"pattern",void 0),u([K("string"),b("design:type",String)],V.prototype,"placeholder",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"readonly",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"required",void 0),u([K("string"),b("design:type",String)],V.prototype,"suffix",void 0),u([K("number"),b("design:type",Object)],V.prototype,"value",void 0),u([E(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],V.prototype,"configChanged",null);let G=0;V.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}";export{V as ds_number_input}
4
+ import{T as r,U as o,V as i,W as t,X as e,Y as n,Z as a,_ as s,N as d,D as l,J as c,x as h,M as m,F as f,I as p}from"./p-BZEWgXed.js";import{_ as u,L as v,a as b}from"./p-BZsCW9yV.js";import{i as g}from"./p-D9mt3Oq6.js";import{i as y}from"./p-Dw7BDW7b.js";import{i as _}from"./p-ChyhE5ro.js";import{F as w,s as k}from"./p-D4hbhLgQ.js";import{w as x}from"./p-CHZn7ODg.js";import{N as z,A as j}from"./p-Bb2t2bOa.js";import{g as B,a as C,b as F,f as S}from"./p-BLExC8Zo.js";import{F as D}from"./p-Bwb-pdM2.js";import{I}from"./p-tQJW0EmK.js";import{T as K}from"./p-BaZBnuEF.js";import{O as T}from"./p-DE5aqD5-.js";import{L as E}from"./p-reH0cIhP.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";var L,O,P=d(function(){if(O)return L;O=1;var d=r(),l=o(),c=i(),h=a(),m=t(),f=e(),p=s(),u=n(),v=Object.prototype.hasOwnProperty;return L=function(r){if(null==r)return!0;if(m(r)&&(h(r)||"string"==typeof r||"function"==typeof r.splice||f(r)||u(r)||c(r)))return!r.length;var o=l(r);if("[object Map]"==o||"[object Set]"==o)return!r.size;if(p(r))return!d(r).length;for(var i in r)if(v.call(r,i))return!1;return!0}}());function W(r){return"string"==typeof r&&"."!==F()}function Z(r){const o=parseFloat(r);return"number"==typeof o&&!g(o)}function q(r,o=0){let i=r;if(""!==i&&null!=i&&!g(i)&&i!==B()&&i!==C()&&Z(i))return W(i)&&(i=i.split(F()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(C(),".")),0===o?parseInt(i,10):parseFloat(i)}function M(r){return r.replace(".",C())}function N(r,o=0,i=""){if(y(r))return"";r.charAt(0)===C()&&(r=`0${r}`);const t=0===o?parseInt(r,10):parseFloat(r),e=""!==i?` ${i.trim()}`:"";return g(t)?"":S(t,o)+e}const V=class{constructor(r){l(this,r),this.dsInput=c(this,"dsInput"),this.dsChange=c(this,"dsChange"),this.dsBlur=c(this,"dsBlur"),this.dsFocus=c(this,"dsFocus"),this.dsClick=c(this,"dsClick"),this.dsKeyPress=c(this,"dsKeyPress"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.numberInputId="ds-number-input-"+G++,this.inheritedAttributes={},this.control=new w(this),this.lastValue="",this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=h.language,this.region=h.region,this.nativeInputValue="",this.inputPattern="",this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o,i;if(this.nativeInput&&!Z(i=this.nativeInput.value)&&""!==i&&i!==B()&&i!==C())return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const t=null!==(o=q(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=t,this.dsInput.emit(t)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=M(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(y(i))return"";W(i)&&(i=i.split(F()).join("").split("`").join("").split("'").join("")),i.charAt(0)===C()&&(i=`0${i}`);const t=0===o?parseInt(i,10):parseFloat(i.replace(C(),"."));return g(t)?"":t.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=N(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=q(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",t=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,e=i.slice(0,t)+r.key+i.slice(t);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:t,selectionEnd:e,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if(!r||"Unidentified"===r||"Dead"===r||"Process"===r)return!0;if(r===B()){if(s)return!1;if(t&&t>0&&e&&e>0)return!1}const d=function(r){return r===C()||"."===r}(r);if(d){if(0===a)return!1;if((r=>{const o=C();return("."===o?[o]:[o,"."]).reduce(((o,i)=>o+((r.split(i)||[]).length-1||0)),0)})(n)>1)return!1}if(!d&&![...z,...j,B()].includes(r))return!1;if(0!==a&&z.includes(r)){const r=Math.max(n.lastIndexOf(C()),n.lastIndexOf("."));if(-1!==r&&n.slice(r+1).length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:e,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:k(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=m(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||g(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?M(o):N(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=x(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=_(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?M(this.lastValue):N(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(y(this.lastValue)||P(this.lastValue))?"0":this.lastValue}createPattern(){return this.pattern}render(){const r=this.invalid||this.hasInvalidTextSlotContent;return f(D,{key:"7b1c9504dc98f921b619676a000bae2edd338aec",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},f("input",Object.assign({key:"16ca58bb9a791e79b30a9981fc34da843d580e61",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern||void 0,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return p(this)}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:1}]}}};u([v("number-input"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],V.prototype,"createLogger",null),u([K("boolean"),b("design:type",Boolean)],V.prototype,"autoInvalidOff",void 0),u([T(I),b("design:type",String)],V.prototype,"color",void 0),u([K("number"),b("design:type",Number)],V.prototype,"debounce",void 0),u([K("number"),b("design:type",Number)],V.prototype,"decimal",void 0),u([K("string"),b("design:type",String)],V.prototype,"description",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"disabled",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"exactNumber",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"invalid",void 0),u([K("string"),b("design:type",String)],V.prototype,"invalidText",void 0),u([K("string"),b("design:type",String)],V.prototype,"label",void 0),u([K("string"),b("design:type",String)],V.prototype,"max",void 0),u([K("string"),b("design:type",String)],V.prototype,"min",void 0),u([K("string"),b("design:type",String)],V.prototype,"name",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"onlyPositive",void 0),u([K("string"),b("design:type",String)],V.prototype,"pattern",void 0),u([K("string"),b("design:type",String)],V.prototype,"placeholder",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"readonly",void 0),u([K("boolean"),b("design:type",Boolean)],V.prototype,"required",void 0),u([K("string"),b("design:type",String)],V.prototype,"suffix",void 0),u([K("number"),b("design:type",Object)],V.prototype,"value",void 0),u([E(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],V.prototype,"configChanged",null);let G=0;V.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-default-control-typo-font-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-default-control-typo-font-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-default-control-typo-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-default-control-typo-font-size)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-default-control-value-color)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-default-control-placeholder-color)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;min-width:0;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-input-color:var(--ds-form-disabled-control-value-color);--mod-input-placeholder:var(--ds-form-disabled-control-placeholder-color)}";export{V as ds_number_input}