@helvetia-design/core 0.0.5 → 0.0.6

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 (424) hide show
  1. package/README.md +74 -0
  2. package/components/ds-accordion.js +1 -1
  3. package/components/ds-alert-container.js +1 -1
  4. package/components/ds-app-footer.js +1 -1
  5. package/components/ds-app-navbar.js +1 -1
  6. package/components/ds-badge.js +1 -1
  7. package/components/ds-brand-icon.js +1 -1
  8. package/components/ds-button-group.js +1 -1
  9. package/components/ds-button.js +1 -1
  10. package/components/ds-card-actions.js +1 -1
  11. package/components/ds-card-content.js +1 -1
  12. package/components/ds-card-header.js +1 -1
  13. package/components/ds-card-subtitle.js +1 -1
  14. package/components/ds-card-title.js +1 -1
  15. package/components/ds-card.js +1 -1
  16. package/components/ds-carousel-item.js +1 -1
  17. package/components/ds-carousel.js +1 -1
  18. package/components/ds-checkbox-group.js +1 -1
  19. package/components/ds-checkbox.js +1 -1
  20. package/components/ds-close.js +1 -1
  21. package/components/ds-content.js +1 -1
  22. package/components/ds-counter.js +1 -1
  23. package/components/ds-data-item.js +1 -1
  24. package/components/ds-data-label.js +1 -1
  25. package/components/ds-data-value.js +1 -1
  26. package/components/ds-data.js +1 -1
  27. package/components/ds-datepicker.js +1 -1
  28. package/components/ds-divider.js +1 -1
  29. package/components/ds-drawer.js +1 -1
  30. package/components/ds-file-upload.js +1 -1
  31. package/components/ds-heading.js +1 -1
  32. package/components/ds-hint-text.js +1 -1
  33. package/components/ds-hint-title.js +1 -1
  34. package/components/ds-hint.js +1 -1
  35. package/components/ds-icon.js +1 -1
  36. package/components/ds-input.js +1 -1
  37. package/components/ds-item.js +1 -1
  38. package/components/ds-label.js +1 -1
  39. package/components/ds-list.js +1 -1
  40. package/components/ds-logo.js +1 -1
  41. package/components/ds-modal-body.js +1 -1
  42. package/components/ds-modal-header.js +1 -1
  43. package/components/ds-modal.js +1 -1
  44. package/components/ds-notification.js +1 -1
  45. package/components/ds-number-input.js +1 -1
  46. package/components/ds-pagination.js +1 -1
  47. package/components/ds-phone-input.js +1 -1
  48. package/components/ds-popup.js +1 -1
  49. package/components/ds-progress-bar.js +1 -1
  50. package/components/ds-radio-group.js +1 -1
  51. package/components/ds-radio.js +1 -1
  52. package/components/ds-root.js +1 -1
  53. package/components/ds-segment-item.js +1 -1
  54. package/components/ds-segment.js +1 -1
  55. package/components/ds-select-optgroup.js +1 -1
  56. package/components/ds-select-option.js +1 -1
  57. package/components/ds-select.js +1 -1
  58. package/components/ds-shape.js +1 -1
  59. package/components/ds-sheet.js +1 -1
  60. package/components/ds-slider.js +1 -1
  61. package/components/ds-snackbar.js +1 -1
  62. package/components/ds-spinner.js +1 -1
  63. package/components/ds-stack.js +1 -1
  64. package/components/ds-step-panel.js +1 -1
  65. package/components/ds-step.js +1 -1
  66. package/components/ds-steps.js +1 -1
  67. package/components/ds-tab-panel.js +1 -1
  68. package/components/ds-tab.js +1 -1
  69. package/components/ds-tabs.js +1 -1
  70. package/components/ds-tag-group.js +1 -1
  71. package/components/ds-tag.js +1 -1
  72. package/components/ds-text.js +1 -1
  73. package/components/ds-textarea.js +1 -1
  74. package/components/ds-toast.js +1 -1
  75. package/components/ds-toggle.js +1 -1
  76. package/components/ds-tooltip.js +1 -1
  77. package/components/index.js +1 -1
  78. package/components/p-3DnZqMoY.js +14 -0
  79. package/components/{p-Dz4gbncy.js → p-B1celIGd.js} +1 -1
  80. package/components/{p-AjhCP5sN.js → p-B4PwKlaW.js} +1 -1
  81. package/components/{p-C2olRmZ-.js → p-B9El_sPq.js} +1 -1
  82. package/{dist/design-system/p-DqEwL34o.js → components/p-B9OReveE.js} +1 -1
  83. package/components/{p-j7VsKeVd.js → p-BI_5Zbrm.js} +1 -1
  84. package/components/{p-Dl7R2ZPs.js → p-BJ2D8QfA.js} +1 -1
  85. package/components/{p-xQf4GJxM.js → p-BJK2OSM1.js} +1 -1
  86. package/{dist/design-system/p-CZ_qlWWQ.js → components/p-BVNhJBnn.js} +1 -1
  87. package/components/{p-Bl_soFOX.js → p-BWrjPWjt.js} +1 -1
  88. package/components/{p-B8nj0zHa.js → p-Bd5NhwlZ.js} +1 -1
  89. package/{dist/design-system/p-nVdGbZYj.js → components/p-C8OqQuJ7.js} +1 -1
  90. package/{dist/design-system/p-zuNnnG1x.js → components/p-CDNe0ZaI.js} +1 -1
  91. package/components/{p-CenSJbHh.js → p-CEPnyz7c.js} +1 -1
  92. package/components/{p-BUZBtnQL.js → p-CJycEnj5.js} +1 -1
  93. package/components/{p-Dl4u6w0V.js → p-C_1UxX8G.js} +1 -1
  94. package/components/{p-BfVlVhQa.js → p-Ce1uMkAI.js} +1 -1
  95. package/components/{p-CaZA7z9r.js → p-CkQK5z17.js} +1 -1
  96. package/components/{p-CFt9NQdE.js → p-CpB1Qjh1.js} +1 -1
  97. package/components/{p-CiZ4PMen.js → p-D6jvX9E6.js} +1 -1
  98. package/components/p-D8RaAucx.js +5 -0
  99. package/components/{p-BV65welS.js → p-DEnVBHne.js} +1 -1
  100. package/components/p-DOP4fM2o.js +4 -0
  101. package/{dist/design-system/p-Bo3ozMyW.js → components/p-DaqLtBr3.js} +1 -1
  102. package/components/{p-EjCh38Af.js → p-Dbt7_-_D.js} +1 -1
  103. package/components/{p-VWxo1gxA.js → p-DgLUmdPH.js} +1 -1
  104. package/components/{p-n8QXleYD.js → p-DpLrRYE7.js} +1 -1
  105. package/components/{p-Br89jVgJ.js → p-Dq0RGuR5.js} +1 -1
  106. package/components/{p-H-j7GE58.js → p-Dwybw1sf.js} +1 -1
  107. package/components/p-El2snbN5.js +4 -0
  108. package/components/{p-Cpaj76bt.js → p-VnJFXLI2.js} +1 -1
  109. package/components/{p-CpxLBgza.js → p-VwgiuJog.js} +1 -1
  110. package/components/{p-CvM0ZzoU.js → p-kwr2iIN4.js} +1 -1
  111. package/{dist/design-system/p-bTeo6KbL.js → components/p-vUPe8Qmy.js} +1 -1
  112. package/dist/cjs/{array-CzUg2Ga6.js → array-DoZQchdZ.js} +2 -2
  113. package/dist/cjs/{breakpoints.decorator-CFC7J7xQ.js → breakpoints.decorator-Dm8t1zZX.js} +1 -1
  114. package/dist/cjs/{breakpoints.subject-DPaQVsnU.js → breakpoints.subject-BPlVZABg.js} +3 -3
  115. package/dist/cjs/{config.utils-obklVSg-.js → config.utils-BC0OM7Do.js} +1 -1
  116. package/dist/cjs/{create-validator-decorator-D1N31xdI.js → create-validator-decorator-BthpaMGb.js} +1 -1
  117. package/dist/cjs/design-system.cjs.js +2 -2
  118. package/dist/cjs/{device-CkwueF-7.js → device-DoKzl-_E.js} +1 -1
  119. package/dist/cjs/ds-accordion.cjs.entry.js +7 -7
  120. package/dist/cjs/ds-alert-container.cjs.entry.js +6 -6
  121. package/dist/cjs/ds-app-footer.cjs.entry.js +6 -6
  122. package/dist/cjs/ds-app-navbar.cjs.entry.js +13 -13
  123. package/dist/cjs/ds-badge.cjs.entry.js +6 -6
  124. package/dist/cjs/ds-brand-icon_3.cjs.entry.js +8 -8
  125. package/dist/cjs/ds-button-group.cjs.entry.js +6 -6
  126. package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
  127. package/dist/cjs/ds-card-content.cjs.entry.js +2 -2
  128. package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
  129. package/dist/cjs/ds-card-subtitle.cjs.entry.js +6 -6
  130. package/dist/cjs/ds-card-title.cjs.entry.js +6 -6
  131. package/dist/cjs/ds-card.cjs.entry.js +6 -6
  132. package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
  133. package/dist/cjs/ds-carousel.cjs.entry.js +7 -7
  134. package/dist/cjs/ds-checkbox-group.cjs.entry.js +11 -11
  135. package/dist/cjs/ds-checkbox.cjs.entry.js +8 -8
  136. package/dist/cjs/ds-content_2.cjs.entry.js +6 -6
  137. package/dist/cjs/ds-counter.cjs.entry.js +8 -8
  138. package/dist/cjs/ds-data-item.cjs.entry.js +5 -5
  139. package/dist/cjs/ds-data-label.cjs.entry.js +4 -4
  140. package/dist/cjs/ds-data-value.cjs.entry.js +2 -2
  141. package/dist/cjs/ds-data.cjs.entry.js +4 -4
  142. package/dist/cjs/ds-datepicker.cjs.entry.js +9 -9
  143. package/dist/cjs/ds-divider_2.cjs.entry.js +12 -12
  144. package/dist/cjs/ds-drawer_2.cjs.entry.js +8 -8
  145. package/dist/cjs/ds-file-upload.cjs.entry.js +10 -10
  146. package/dist/cjs/ds-heading.cjs.entry.js +6 -6
  147. package/dist/cjs/ds-hint-text.cjs.entry.js +2 -2
  148. package/dist/cjs/ds-hint-title.cjs.entry.js +2 -2
  149. package/dist/cjs/ds-hint.cjs.entry.js +10 -10
  150. package/dist/cjs/ds-icon_2.cjs.entry.js +14 -12
  151. package/dist/cjs/ds-input.cjs.entry.js +10 -10
  152. package/dist/cjs/ds-item.cjs.entry.js +6 -6
  153. package/dist/cjs/ds-label.cjs.entry.js +7 -7
  154. package/dist/cjs/ds-list.cjs.entry.js +6 -6
  155. package/dist/cjs/ds-modal-body.cjs.entry.js +2 -2
  156. package/dist/cjs/ds-modal-header.cjs.entry.js +2 -2
  157. package/dist/cjs/ds-modal.cjs.entry.js +6 -6
  158. package/dist/cjs/ds-notification.cjs.entry.js +7 -7
  159. package/dist/cjs/ds-number-input.cjs.entry.js +10 -10
  160. package/dist/cjs/ds-pagination.cjs.entry.js +11 -11
  161. package/dist/cjs/ds-phone-input.cjs.entry.js +10 -10
  162. package/dist/cjs/ds-progress-bar.cjs.entry.js +11 -11
  163. package/dist/cjs/ds-radio-group.cjs.entry.js +8 -8
  164. package/dist/cjs/ds-radio.cjs.entry.js +7 -7
  165. package/dist/cjs/ds-root.cjs.entry.js +9 -9
  166. package/dist/cjs/ds-segment-item.cjs.entry.js +4 -4
  167. package/dist/cjs/ds-segment.cjs.entry.js +9 -9
  168. package/dist/cjs/ds-select-optgroup.cjs.entry.js +4 -4
  169. package/dist/cjs/ds-select-option.cjs.entry.js +4 -4
  170. package/dist/cjs/ds-select.cjs.entry.js +91 -137
  171. package/dist/cjs/ds-shape.cjs.entry.js +4 -4
  172. package/dist/cjs/ds-sheet.cjs.entry.js +4 -4
  173. package/dist/cjs/ds-slider.cjs.entry.js +10 -10
  174. package/dist/cjs/ds-snackbar.cjs.entry.js +11 -11
  175. package/dist/cjs/ds-step-panel.cjs.entry.js +5 -5
  176. package/dist/cjs/ds-step.cjs.entry.js +5 -5
  177. package/dist/cjs/ds-steps.cjs.entry.js +6 -6
  178. package/dist/cjs/ds-tab-panel.cjs.entry.js +5 -5
  179. package/dist/cjs/ds-tab.cjs.entry.js +5 -5
  180. package/dist/cjs/ds-tabs.cjs.entry.js +7 -7
  181. package/dist/cjs/ds-tag-group.cjs.entry.js +2 -2
  182. package/dist/cjs/ds-tag.cjs.entry.js +6 -6
  183. package/dist/cjs/ds-text.cjs.entry.js +6 -6
  184. package/dist/cjs/ds-textarea.cjs.entry.js +8 -8
  185. package/dist/cjs/ds-toast.cjs.entry.js +9 -9
  186. package/dist/cjs/ds-toggle.cjs.entry.js +7 -7
  187. package/dist/cjs/ds-tooltip.cjs.entry.js +5 -5
  188. package/dist/cjs/{field.util-BZ0-f1v6.js → field.util-BtZI1wzx.js} +1 -1
  189. package/dist/cjs/{focus-Bv0hrXz3.js → focus-CWX7XV7l.js} +7 -4
  190. package/dist/cjs/{form-control-ByeZXHpq.js → form-control-DM3FxzL9.js} +1 -1
  191. package/dist/cjs/{has-value-CBVBjBwO.js → has-value-DWblEJUY.js} +1 -1
  192. package/dist/cjs/{index-CwPTwAjW.js → index-CyaxwkZQ.js} +42 -28
  193. package/dist/cjs/index.cjs.js +6 -6
  194. package/dist/cjs/{isNaN-DIIUFyAr.js → isNaN-CEewdlJZ.js} +1 -1
  195. package/dist/cjs/{isNil-DrqNFqs2.js → isNil-D0mNOhrh.js} +1 -1
  196. package/dist/cjs/{listener-BKouf67K.js → listener-DOKLlUb5.js} +1 -1
  197. package/dist/cjs/loader.cjs.js +1 -1
  198. package/dist/cjs/{logo.animation-Cuja-JN4.js → logo.animation-dvcSskVG.js} +2 -2
  199. package/dist/cjs/{lottie_light_html-C_mBwRBh.js → lottie_light_html-DzsXdx4w.js} +1 -1
  200. package/dist/cjs/{one-of-D0xhgLU-.js → one-of-D0uVlyvx.js} +1 -1
  201. package/dist/cjs/{required-HiflFAT7.js → required-BX5d5kDo.js} +1 -1
  202. package/dist/cjs/{resize.decorator-CqEDvHo5.js → resize.decorator-CHSUnK5V.js} +2 -2
  203. package/dist/cjs/{scroll-DCvj4nye.js → scroll-i0uYOSWH.js} +1 -1
  204. package/dist/cjs/{spinner.animation-CUVRmAW-.js → spinner.animation-DzuE_Ien.js} +2 -2
  205. package/dist/cjs/{tslib.es6-S4D9nLEw.js → tslib.es6-BZEK5U4Y.js} +1 -1
  206. package/dist/cjs/{type-7b7yRER9.js → type-CwlDjRSC.js} +1 -1
  207. package/dist/cjs/{upperFirst-cad3Eler.js → upperFirst-DMFyd865.js} +1 -1
  208. package/dist/collection/collection-manifest.json +1 -1
  209. package/dist/collection/components/indicators/spinner/spinner.js +5 -3
  210. package/dist/collection/global/constants/version.constant.js +1 -1
  211. package/dist/design-system/design-system.esm.js +1 -1
  212. package/dist/design-system/index.esm.js +1 -1
  213. package/dist/design-system/{p-ecfec0f033.entry.js → p-03f71b802d.entry.js} +1 -1
  214. package/dist/design-system/{p-5ca9a48d4a.entry.js → p-08cc8257b5.entry.js} +1 -1
  215. package/dist/design-system/{p-BBgONt6X.js → p-0Tzaj6-a.js} +1 -1
  216. package/dist/design-system/{p-9f37df0fe5.entry.js → p-0be74307ee.entry.js} +1 -1
  217. package/dist/design-system/{p-cd86672996.entry.js → p-12008e4b4a.entry.js} +1 -1
  218. package/dist/design-system/{p-03b95da587.entry.js → p-1832a8b10c.entry.js} +1 -1
  219. package/dist/design-system/{p-6722fff689.entry.js → p-199e5794f9.entry.js} +1 -1
  220. package/dist/design-system/{p-65762bf10a.entry.js → p-1e2fdd526f.entry.js} +1 -1
  221. package/dist/design-system/{p-d03b0204bf.entry.js → p-227bf7005f.entry.js} +1 -1
  222. package/dist/design-system/{p-f1c14f2d6d.entry.js → p-273efbd0f4.entry.js} +1 -1
  223. package/dist/design-system/{p-53a026d51f.entry.js → p-2984e0c419.entry.js} +1 -1
  224. package/dist/design-system/{p-868cdfa283.entry.js → p-387808b33b.entry.js} +1 -1
  225. package/dist/design-system/{p-a5ddb670f6.entry.js → p-42bc0ecdea.entry.js} +1 -1
  226. package/dist/design-system/{p-fbea94a9f1.entry.js → p-4434546768.entry.js} +1 -1
  227. package/dist/design-system/{p-068ccfad8e.entry.js → p-4560cd05e2.entry.js} +1 -1
  228. package/dist/design-system/{p-aa818d939d.entry.js → p-46f29960b4.entry.js} +1 -1
  229. package/dist/design-system/{p-5861eed0cd.entry.js → p-5448f94833.entry.js} +1 -1
  230. package/dist/design-system/{p-0aa4490aef.entry.js → p-590395ca65.entry.js} +1 -1
  231. package/dist/design-system/{p-26dfe27017.entry.js → p-6317524d37.entry.js} +1 -1
  232. package/dist/design-system/{p-7e0181bf02.entry.js → p-65913aa877.entry.js} +1 -1
  233. package/dist/design-system/{p-355ad7eb13.entry.js → p-68f1c98ef3.entry.js} +1 -1
  234. package/dist/design-system/{p-293c1d7f54.entry.js → p-6b6fdc57c1.entry.js} +1 -1
  235. package/dist/design-system/p-6c9ebf73a3.entry.js +4 -0
  236. package/dist/design-system/{p-4d73ae2824.entry.js → p-70d98ea08d.entry.js} +1 -1
  237. package/dist/design-system/{p-4eaac5ca6b.entry.js → p-72843320f7.entry.js} +1 -1
  238. package/dist/design-system/{p-a4a063f280.entry.js → p-76551271c7.entry.js} +1 -1
  239. package/dist/design-system/{p-2345e9fed5.entry.js → p-78fa42f19b.entry.js} +1 -1
  240. package/dist/design-system/{p-8d04a63919.entry.js → p-7c1ce160fe.entry.js} +1 -1
  241. package/dist/design-system/{p-9cb2b5b812.entry.js → p-836ac75016.entry.js} +1 -1
  242. package/dist/design-system/{p-45f3014f29.entry.js → p-870e3c0138.entry.js} +1 -1
  243. package/dist/design-system/{p-3543892968.entry.js → p-8734bc6735.entry.js} +1 -1
  244. package/dist/design-system/{p-0b66853b5b.entry.js → p-89418d345c.entry.js} +1 -1
  245. package/dist/design-system/{p-c7943ebfc0.entry.js → p-8c18e03816.entry.js} +1 -1
  246. package/dist/design-system/{p-24adf9e503.entry.js → p-8e0ce35e32.entry.js} +1 -1
  247. package/dist/design-system/p-8ecf64f703.entry.js +4 -0
  248. package/dist/design-system/{p-cf785c381a.entry.js → p-903d110824.entry.js} +1 -1
  249. package/dist/design-system/{p-4859ab8eef.entry.js → p-94a2067cb2.entry.js} +1 -1
  250. package/dist/design-system/{p-fe1e907d10.entry.js → p-94a8f24fe1.entry.js} +1 -1
  251. package/dist/design-system/{p-e9c5ac32da.entry.js → p-97670520d2.entry.js} +1 -1
  252. package/dist/design-system/{p-6fb65596cb.entry.js → p-9ada63ba4b.entry.js} +1 -1
  253. package/dist/design-system/p-B0WMymhT.js +4 -0
  254. package/dist/design-system/{p-CqgSz7Zj.js → p-B6z5TnDK.js} +1 -1
  255. package/dist/design-system/p-B7VRmbiX.js +14 -0
  256. package/{components/p-BF-2xfmq.js → dist/design-system/p-B8_nVD8J.js} +1 -1
  257. package/dist/design-system/{p-DQwXy0j5.js → p-BXt6QjIx.js} +1 -1
  258. package/dist/design-system/{p-DWaM_oN0.js → p-BYD3IPs8.js} +1 -1
  259. package/dist/design-system/p-BZEWgXed.js +6 -0
  260. package/{components/p-C7Qb2sJV.js → dist/design-system/p-BZsCW9yV.js} +1 -1
  261. package/dist/design-system/p-BaZBnuEF.js +4 -0
  262. package/{components/p-CxDrGhiv.js → dist/design-system/p-Bwb-pdM2.js} +1 -1
  263. package/dist/design-system/{p-CnMdxr0m.js → p-C0WbBTf4.js} +1 -1
  264. package/dist/design-system/p-CBGuu-I2.js +4 -0
  265. package/{components/p-Bv45jA_n.js → dist/design-system/p-D4hbhLgQ.js} +1 -1
  266. package/dist/design-system/p-D9mt3Oq6.js +4 -0
  267. package/dist/design-system/{p-PoatOrqI.js → p-DDkg6jid.js} +1 -1
  268. package/{components/p-PmBBNJAS.js → dist/design-system/p-DE5aqD5-.js} +1 -1
  269. package/dist/design-system/{p-CvAtwmbq.js → p-DYqA7KF0.js} +1 -1
  270. package/dist/design-system/p-Dd1T3Uhf.js +4 -0
  271. package/dist/design-system/p-Dw7BDW7b.js +4 -0
  272. package/dist/design-system/{p-DtLg8ChN.js → p-FibyOiqE.js} +1 -1
  273. package/{components/p-C6y5h01N.js → dist/design-system/p-GV5U_dO3.js} +1 -1
  274. package/dist/design-system/{p-C8zA_Viz.js → p-ZGXsBgE3.js} +1 -1
  275. package/dist/design-system/{p-46bd8e78a8.entry.js → p-a4621dc9f7.entry.js} +1 -1
  276. package/dist/design-system/{p-14569675ee.entry.js → p-a6709bd6a4.entry.js} +1 -1
  277. package/dist/design-system/{p-ec64c341a0.entry.js → p-af756319ff.entry.js} +1 -1
  278. package/dist/design-system/p-b5c2efdef4.entry.js +4 -0
  279. package/dist/design-system/{p-d63e48925b.entry.js → p-b64cafbcbf.entry.js} +1 -1
  280. package/dist/design-system/{p-66e34dc71f.entry.js → p-b7b13b1f3a.entry.js} +1 -1
  281. package/dist/design-system/{p-0bc7faf8c4.entry.js → p-b81604634a.entry.js} +1 -1
  282. package/dist/design-system/{p-9be15dfb8d.entry.js → p-bcadbbe619.entry.js} +1 -1
  283. package/dist/design-system/p-bdbf9a394c.entry.js +4 -0
  284. package/dist/design-system/{p-6996c344f7.entry.js → p-bee20202e4.entry.js} +1 -1
  285. package/dist/design-system/{p-51fed987db.entry.js → p-bfa52f09c1.entry.js} +1 -1
  286. package/dist/design-system/{p-6354401906.entry.js → p-c0efe2d99d.entry.js} +1 -1
  287. package/dist/design-system/{p-8226ff1223.entry.js → p-c1058ab51d.entry.js} +1 -1
  288. package/dist/design-system/{p-d9c00436ba.entry.js → p-c7b33c067e.entry.js} +1 -1
  289. package/dist/design-system/{p-21e0f63b01.entry.js → p-d12febf08e.entry.js} +1 -1
  290. package/dist/design-system/p-d429f6e937.entry.js +4 -0
  291. package/dist/design-system/{p-945c165b6b.entry.js → p-d5c0b5ddf3.entry.js} +1 -1
  292. package/dist/design-system/{p-82f48d1748.entry.js → p-d65c14d35e.entry.js} +1 -1
  293. package/dist/design-system/{p-1e2c6ef668.entry.js → p-dcab67df56.entry.js} +1 -1
  294. package/dist/design-system/{p-e5c6227929.entry.js → p-dcc1c89e7a.entry.js} +1 -1
  295. package/dist/design-system/{p-64911e079d.entry.js → p-e6ac93cc12.entry.js} +1 -1
  296. package/dist/design-system/{p-a2d5d98d3a.entry.js → p-e862697fd0.entry.js} +1 -1
  297. package/dist/design-system/p-eae2a1547c.entry.js +4 -0
  298. package/dist/design-system/{p-da193757b7.entry.js → p-ebbec13d79.entry.js} +1 -1
  299. package/dist/design-system/{p-8f47eaa1b3.entry.js → p-ee0928114d.entry.js} +1 -1
  300. package/dist/design-system/{p-65dc693177.entry.js → p-eea3eb3953.entry.js} +1 -1
  301. package/dist/design-system/{p-e3942a6edb.entry.js → p-eff94c9727.entry.js} +1 -1
  302. package/dist/design-system/{p-503bfc3ac4.entry.js → p-f67413bb28.entry.js} +1 -1
  303. package/dist/design-system/{p-20067695d5.entry.js → p-fd42d172be.entry.js} +1 -1
  304. package/dist/design-system/{p-bdb708d712.entry.js → p-fd53c6d59f.entry.js} +1 -1
  305. package/{components/p-DwoEAAFz.js → dist/design-system/p-reH0cIhP.js} +1 -1
  306. package/dist/esm/{array-DoJNFnXv.js → array-e_JtE-nB.js} +2 -2
  307. package/dist/esm/{breakpoints.decorator-CnkvAW5b.js → breakpoints.decorator-BCEvQ01q.js} +1 -1
  308. package/dist/esm/{breakpoints.subject-I5r5lNF8.js → breakpoints.subject-1t_GD0pz.js} +3 -3
  309. package/dist/esm/{config.utils-Dp02shGd.js → config.utils-C2ZxpLao.js} +1 -1
  310. package/dist/esm/{create-validator-decorator-C9h9tdvI.js → create-validator-decorator-DoOlbRcm.js} +1 -1
  311. package/dist/esm/design-system.js +3 -3
  312. package/dist/esm/{device-Cgmtx8Rt.js → device-C6cGaC0a.js} +1 -1
  313. package/dist/esm/ds-accordion.entry.js +7 -7
  314. package/dist/esm/ds-alert-container.entry.js +6 -6
  315. package/dist/esm/ds-app-footer.entry.js +6 -6
  316. package/dist/esm/ds-app-navbar.entry.js +13 -13
  317. package/dist/esm/ds-badge.entry.js +6 -6
  318. package/dist/esm/ds-brand-icon_3.entry.js +8 -8
  319. package/dist/esm/ds-button-group.entry.js +6 -6
  320. package/dist/esm/ds-card-actions.entry.js +4 -4
  321. package/dist/esm/ds-card-content.entry.js +2 -2
  322. package/dist/esm/ds-card-header.entry.js +5 -5
  323. package/dist/esm/ds-card-subtitle.entry.js +6 -6
  324. package/dist/esm/ds-card-title.entry.js +6 -6
  325. package/dist/esm/ds-card.entry.js +6 -6
  326. package/dist/esm/ds-carousel-item.entry.js +6 -6
  327. package/dist/esm/ds-carousel.entry.js +7 -7
  328. package/dist/esm/ds-checkbox-group.entry.js +11 -11
  329. package/dist/esm/ds-checkbox.entry.js +8 -8
  330. package/dist/esm/ds-content_2.entry.js +6 -6
  331. package/dist/esm/ds-counter.entry.js +8 -8
  332. package/dist/esm/ds-data-item.entry.js +5 -5
  333. package/dist/esm/ds-data-label.entry.js +4 -4
  334. package/dist/esm/ds-data-value.entry.js +2 -2
  335. package/dist/esm/ds-data.entry.js +4 -4
  336. package/dist/esm/ds-datepicker.entry.js +9 -9
  337. package/dist/esm/ds-divider_2.entry.js +12 -12
  338. package/dist/esm/ds-drawer_2.entry.js +8 -8
  339. package/dist/esm/ds-file-upload.entry.js +10 -10
  340. package/dist/esm/ds-heading.entry.js +6 -6
  341. package/dist/esm/ds-hint-text.entry.js +2 -2
  342. package/dist/esm/ds-hint-title.entry.js +2 -2
  343. package/dist/esm/ds-hint.entry.js +10 -10
  344. package/dist/esm/ds-icon_2.entry.js +14 -12
  345. package/dist/esm/ds-input.entry.js +10 -10
  346. package/dist/esm/ds-item.entry.js +6 -6
  347. package/dist/esm/ds-label.entry.js +7 -7
  348. package/dist/esm/ds-list.entry.js +6 -6
  349. package/dist/esm/ds-modal-body.entry.js +2 -2
  350. package/dist/esm/ds-modal-header.entry.js +2 -2
  351. package/dist/esm/ds-modal.entry.js +6 -6
  352. package/dist/esm/ds-notification.entry.js +7 -7
  353. package/dist/esm/ds-number-input.entry.js +10 -10
  354. package/dist/esm/ds-pagination.entry.js +11 -11
  355. package/dist/esm/ds-phone-input.entry.js +10 -10
  356. package/dist/esm/ds-progress-bar.entry.js +11 -11
  357. package/dist/esm/ds-radio-group.entry.js +8 -8
  358. package/dist/esm/ds-radio.entry.js +7 -7
  359. package/dist/esm/ds-root.entry.js +9 -9
  360. package/dist/esm/ds-segment-item.entry.js +4 -4
  361. package/dist/esm/ds-segment.entry.js +9 -9
  362. package/dist/esm/ds-select-optgroup.entry.js +4 -4
  363. package/dist/esm/ds-select-option.entry.js +4 -4
  364. package/dist/esm/ds-select.entry.js +91 -137
  365. package/dist/esm/ds-shape.entry.js +4 -4
  366. package/dist/esm/ds-sheet.entry.js +4 -4
  367. package/dist/esm/ds-slider.entry.js +10 -10
  368. package/dist/esm/ds-snackbar.entry.js +11 -11
  369. package/dist/esm/ds-step-panel.entry.js +5 -5
  370. package/dist/esm/ds-step.entry.js +5 -5
  371. package/dist/esm/ds-steps.entry.js +6 -6
  372. package/dist/esm/ds-tab-panel.entry.js +5 -5
  373. package/dist/esm/ds-tab.entry.js +5 -5
  374. package/dist/esm/ds-tabs.entry.js +7 -7
  375. package/dist/esm/ds-tag-group.entry.js +2 -2
  376. package/dist/esm/ds-tag.entry.js +6 -6
  377. package/dist/esm/ds-text.entry.js +6 -6
  378. package/dist/esm/ds-textarea.entry.js +8 -8
  379. package/dist/esm/ds-toast.entry.js +9 -9
  380. package/dist/esm/ds-toggle.entry.js +7 -7
  381. package/dist/esm/ds-tooltip.entry.js +5 -5
  382. package/dist/esm/{field.util-Df-hqJaT.js → field.util-Bynx8isK.js} +1 -1
  383. package/dist/esm/{focus-DD2is1gX.js → focus-DxBiWf5t.js} +7 -4
  384. package/dist/esm/{form-control-BJWSlSG_.js → form-control-CDcwGSHl.js} +1 -1
  385. package/dist/esm/{has-value-gNK_M3-3.js → has-value-Bo85hk4Z.js} +1 -1
  386. package/dist/esm/{index-vF16SDFF.js → index-BZEWgXed.js} +42 -28
  387. package/dist/esm/index.js +8 -8
  388. package/dist/esm/{isNaN-7y2s4B42.js → isNaN-CnSbS9y5.js} +1 -1
  389. package/dist/esm/{isNil-CdsPICws.js → isNil-CSyb5N-K.js} +1 -1
  390. package/dist/esm/{listener-CoC_59Q5.js → listener-D0i_9cCL.js} +1 -1
  391. package/dist/esm/loader.js +2 -2
  392. package/dist/esm/{logo.animation-DFnRNKvb.js → logo.animation-d3SUvNsa.js} +2 -2
  393. package/dist/esm/{lottie_light_html-DcbRcQ3w.js → lottie_light_html-BvqthL78.js} +1 -1
  394. package/dist/esm/{one-of-0XcP43f0.js → one-of-CEp_lE0A.js} +1 -1
  395. package/dist/esm/{required-BbKCKkv2.js → required-DFokOkqn.js} +1 -1
  396. package/dist/esm/{resize.decorator-DuBNoG5Y.js → resize.decorator-BFNXd4pc.js} +2 -2
  397. package/dist/esm/{scroll-w5Ky8GVa.js → scroll-Dg5YCtp0.js} +1 -1
  398. package/dist/esm/{spinner.animation-Dy_M0hD_.js → spinner.animation-jNZuSaBw.js} +2 -2
  399. package/dist/esm/{tslib.es6-CJY5Vco2.js → tslib.es6-syzWW8yN.js} +1 -1
  400. package/dist/esm/{type-CGNubZpn.js → type-Djd2i_VN.js} +1 -1
  401. package/dist/esm/{upperFirst-oiegw5tz.js → upperFirst-DpjZayHD.js} +1 -1
  402. package/docs/components.json +1 -1
  403. package/hydrate/index.js +496 -321
  404. package/hydrate/index.mjs +496 -321
  405. package/package.json +14 -14
  406. package/sbom.cdx.json +9086 -9578
  407. package/components/p-BKQaXv5U.js +0 -5
  408. package/components/p-CeFbrWv3.js +0 -14
  409. package/components/p-ZM4hf44X.js +0 -4
  410. package/dist/design-system/p-0be478196e.entry.js +0 -4
  411. package/dist/design-system/p-0fdfaf35ed.entry.js +0 -4
  412. package/dist/design-system/p-1610742ec0.entry.js +0 -4
  413. package/dist/design-system/p-5996168bba.entry.js +0 -4
  414. package/dist/design-system/p-7b3106cdba.entry.js +0 -4
  415. package/dist/design-system/p-BDn2kGoY.js +0 -14
  416. package/dist/design-system/p-BJZKXpi_.js +0 -4
  417. package/dist/design-system/p-BVkfpg--.js +0 -4
  418. package/dist/design-system/p-BwDOnHtD.js +0 -4
  419. package/dist/design-system/p-C2tiilHE.js +0 -4
  420. package/dist/design-system/p-CYTkqxYD.js +0 -4
  421. package/dist/design-system/p-DljpDnEC.js +0 -4
  422. package/dist/design-system/p-a942075486.entry.js +0 -4
  423. package/dist/design-system/p-bAyVKTSh.js +0 -4
  424. package/dist/design-system/p-vF16SDFF.js +0 -6
@@ -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 r,x as t,M as i,F as e,I as n}from"./p-vF16SDFF.js";import{_ as a,L as s,a as d}from"./p-nVdGbZYj.js";import{i as l}from"./p-BVkfpg--.js";import{i as c,N as h,A as m}from"./p-Bb2t2bOa.js";import{i as u}from"./p-ChyhE5ro.js";import{s as f,F as p}from"./p-BwDOnHtD.js";import{h as v}from"./p-DWaM_oN0.js";import{w as g}from"./p-CHZn7ODg.js";import{F as b}from"./p-bTeo6KbL.js";import{I as y,b as w,a as _,c as $,d as k,e as x}from"./p-tQJW0EmK.js";import{T as z}from"./p-C2tiilHE.js";import{O as j}from"./p-Bo3ozMyW.js";import{L as B}from"./p-DqEwL34o.js";import"./p-CnMdxr0m.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";class D{constructor(o){this.component=o}setFormatter(o){o&&(this.formatter=o)}format(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.format(o)}onInput(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onInput(o)}onKeydown(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onKeydown(o)}}const S=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,3),r.substring(3,6),r.substring(6,9),r.substring(9,12)].filter((o=>o.length>0));switch(t.length){case 1:return t[0];case 2:return`${t[0]}.${t[1]}`;case 3:return`${t[0]}.${t[1]}.${t[2]}`;default:return`${t[0]}.${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=i.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=r.substring(0,9),i=r.substring(9,10),e=this.formatOffer(t);return i?`${e}-${i}`:e}formatOffer(o){const r=[o.substring(0,2),o.substring(2,3),o.substring(3,6),o.substring(6,9)].filter((o=>o.length>0));switch(r.length){case 1:return o;case 2:return`${r[0]}/${r[1]}`;case 3:return`${r[0]}/${r[1]}.${r[2]}`;default:return`${r[0]}/${r[1]}.${r[2]}.${r[3]}`}}},new class{constructor(){this.name="basic-contract-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=i.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){var r;if(c(o))return;const t=o.target,i=null!==(r=null==t?void 0:t.value.replace(/[^\dXx]/g,"").length)&&void 0!==r?r:0;("X"===o.key||"x"===o.key)&&i>=this.maxLength-1||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.trim().toUpperCase(),t=[r.substring(0,2),r.substring(2,8),r.substring(8,10),r.substring(10,11)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}/${t[2]}`;default:return`${t[0]}/${t[1]}/${t[2]}.${t[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,4),r.substring(4,7),r.substring(7,10)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}.${t[1]}`;default:return`${t[0]}.${t[1]}.${t[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,6),r.substring(6,10),r.substring(10,14)].filter((o=>o.length>0));switch(t.length){case 1:return`BE${r}`;case 2:return`BE${t[0]} ${t[1]}`;case 3:return`BE${t[0]} ${t[1]} ${t[2]}`;default:return`BE${t[0]} ${t[1]} ${t[2]} ${t[3]}`}}}],C=class{constructor(i){o(this,i),this.dsBlur=r(this,"dsBlur"),this.dsKeyPress=r(this,"dsKeyPress"),this.dsFocus=r(this,"dsFocus"),this.dsClick=r(this,"dsClick"),this.dsInput=r(this,"dsInput"),this.dsChange=r(this,"dsChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.control=new p(this),this.maskUtil=new D(this),this.inputId="ds-input-"+K++,this.focused=!1,this.language=t.language,this.region=t.region,this.hasInvalidTextSlotContent=!1,this.value=null,this.name=this.inputId,this.label="",this.description="",this.color="primary",this.loading=!1,this.invalid=!1,this.invalidText="",this.type="text",this.accept="",this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder="",this.max="",this.min="",this.pattern="",this.allowedKeyPress="",this.required=!0,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.suffix="",this.mask=void 0,this.autoInvalidOff=!1,this.handleKeydown=o=>void 0!==this.mask?this.maskUtil.onKeydown(o):!this.allowedKeyPress||l(o)||c(o)||new RegExp("^"+this.allowedKeyPress+"$").test(o.key)||[...m].includes(o.key)?void 0:f(o),this.handleClick=o=>{this.control.onClick(o)},this.handleFocus=o=>{this.control.onFocus(o)},this.handleBlur=o=>{this.control.onBlur(o)},this.handleInput=o=>{this.maskUtil.onInput(o),this.control.onInput(o)}}createLogger(o){this.log=o}debounceChanged(){this.dsChange=i(this.dsChange,this.debounce)}maskChanged(){var o;this.maskUtil.setFormatter((o=this.mask,S.find((r=>r.name===o))))}connectedCallback(){this.debounceChanged(),this.maskChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=g(this.el,(o=>{this.hasInvalidTextSlotContent=o}))}disconnectedCallback(){var o;null===(o=this.disconnectInvalidTextSlotWatcher)||void 0===o||o.call(this)}componentWillLoad(){this.inheritedAttributes=u(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(o){this.control.listenOnClick(o)}listenToReset(o){this.control.listenOnReset(o)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(o){this.language=o.language,this.region=o.region}getRawValue(){return(this.value||"").toString()}getFormattedValue(){const o=this.getRawValue();return`${o}${v(this.suffix)&&v(o)?" "+this.suffix:""}`}render(){var o;let r;r=v(this.mask)?null!==(o=this.maskUtil.format(this.getRawValue()))&&void 0!==o?o:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let t={};v(this.pattern)&&(t={pattern:this.pattern});const i=this.invalid||this.hasInvalidTextSlotContent;return e(b,{key:"82b24049b649558af66e14b60210618aba2a0744",disabled:this.disabled,color:this.color,invalid:i,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"c4735b5a8d76b75d875bd19c759979e9a1327490",id:"input",part:"input",name:this.name,ref:o=>this.control.nativeEl=o,"aria-describedby":"description","aria-invalid":i?"true":"false",disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:r,onClick:o=>this.handleClick(o),onFocus:o=>this.handleFocus(o),onBlur:o=>this.handleBlur(o),onInput:o=>this.handleInput(o),onKeyDown:o=>this.handleKeydown(o),onKeyPress:o=>this.dsKeyPress.emit(o)},t,this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}}};a([s("input"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],C.prototype,"createLogger",null),a([z("string"),d("design:type",Object)],C.prototype,"value",void 0),a([z("string"),d("design:type",String)],C.prototype,"name",void 0),a([z("string"),d("design:type",String)],C.prototype,"label",void 0),a([z("string"),d("design:type",String)],C.prototype,"description",void 0),a([j(y),d("design:type",String)],C.prototype,"color",void 0),a([z("boolean"),d("design:type",Boolean)],C.prototype,"loading",void 0),a([z("boolean"),d("design:type",Boolean)],C.prototype,"invalid",void 0),a([z("string"),d("design:type",String)],C.prototype,"invalidText",void 0),a([j(w),d("design:type",String)],C.prototype,"type",void 0),a([z("string"),d("design:type",String)],C.prototype,"accept",void 0),a([z("string"),d("design:type",String)],C.prototype,"autocapitalize",void 0),a([j(_),d("design:type",String)],C.prototype,"autocomplete",void 0),a([j($),d("design:type",String)],C.prototype,"autocorrect",void 0),a([z("boolean"),d("design:type",Boolean)],C.prototype,"autofocus",void 0),a([z("number"),d("design:type",Number)],C.prototype,"debounce",void 0),a([z("string"),d("design:type",String)],C.prototype,"placeholder",void 0),a([z("string"),d("design:type",String)],C.prototype,"max",void 0),a([z("number"),d("design:type",Number)],C.prototype,"maxLength",void 0),a([z("string"),d("design:type",String)],C.prototype,"min",void 0),a([z("number"),d("design:type",Number)],C.prototype,"minLength",void 0),a([z("boolean"),d("design:type",Boolean)],C.prototype,"multiple",void 0),a([z("string"),d("design:type",String)],C.prototype,"pattern",void 0),a([z("string"),d("design:type",String)],C.prototype,"allowedKeyPress",void 0),a([z("boolean"),d("design:type",Boolean)],C.prototype,"required",void 0),a([z("boolean"),d("design:type",Boolean)],C.prototype,"spellcheck",void 0),a([z("boolean"),d("design:type",Boolean)],C.prototype,"disabled",void 0),a([z("boolean"),d("design:type",Boolean)],C.prototype,"readonly",void 0),a([z("string"),d("design:type",String)],C.prototype,"suffix",void 0),a([j(k),d("design:type",String)],C.prototype,"inputmode",void 0),a([j(x),d("design:type",String)],C.prototype,"mask",void 0),a([z("boolean"),d("design:type",Boolean)],C.prototype,"autoInvalidOff",void 0),a([B(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],C.prototype,"configChanged",null);let K=0;C.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{C as ds_input}
4
+ import{D as o,J as r,x as t,M as i,F as e,I as n}from"./p-BZEWgXed.js";import{_ as a,L as s,a as d}from"./p-BZsCW9yV.js";import{i as l}from"./p-Dw7BDW7b.js";import{i as c,N as h,A as m}from"./p-Bb2t2bOa.js";import{i as u}from"./p-ChyhE5ro.js";import{s as f,F as p}from"./p-D4hbhLgQ.js";import{h as v}from"./p-BYD3IPs8.js";import{w as g}from"./p-CHZn7ODg.js";import{F as b}from"./p-Bwb-pdM2.js";import{I as y,b as w,a as $,c as _,d as k,e as x}from"./p-tQJW0EmK.js";import{T as z}from"./p-BaZBnuEF.js";import{O as B}from"./p-DE5aqD5-.js";import{L as D}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";class j{constructor(o){this.component=o}setFormatter(o){o&&(this.formatter=o)}format(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.format(o)}onInput(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onInput(o)}onKeydown(o){var r;return null===(r=this.formatter)||void 0===r?void 0:r.onKeydown(o)}}const C=[new class{constructor(){this.name="vehicle-registration-number",this.maxLength=12}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,3),r.substring(3,6),r.substring(6,9),r.substring(9,12)].filter((o=>o.length>0));switch(t.length){case 1:return t[0];case 2:return`${t[0]}.${t[1]}`;case 3:return`${t[0]}.${t[1]}.${t[2]}`;default:return`${t[0]}.${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="offer-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="contract-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=i.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=r.substring(0,9),i=r.substring(9,10),e=this.formatOffer(t);return i?`${e}-${i}`:e}formatOffer(o){const r=[o.substring(0,2),o.substring(2,3),o.substring(3,6),o.substring(6,9)].filter((o=>o.length>0));switch(r.length){case 1:return o;case 2:return`${r[0]}/${r[1]}`;case 3:return`${r[0]}/${r[1]}.${r[2]}`;default:return`${r[0]}/${r[1]}.${r[2]}.${r[3]}`}}},new class{constructor(){this.name="basic-contract-number",this.maxLength=9}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0;let a=i.value.replace(/\D/g,"");"0"===a.charAt(0)&&(a=a.substring(1)),a=a.substring(0,this.maxLength),i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,3),r.substring(3,6),r.substring(6,9)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}.${t[2]}`;default:return`${t[0]}/${t[1]}.${t[2]}.${t[3]}`}}},new class{constructor(){this.name="claim-number",this.maxLength=11}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/[^\dXx]/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){var r;if(c(o))return;const t=o.target,i=null!==(r=null==t?void 0:t.value.replace(/[^\dXx]/g,"").length)&&void 0!==r?r:0;("X"===o.key||"x"===o.key)&&i>=this.maxLength-1||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.trim().toUpperCase(),t=[r.substring(0,2),r.substring(2,8),r.substring(8,10),r.substring(10,11)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}/${t[1]}`;case 3:return`${t[0]}/${t[1]}/${t[2]}`;default:return`${t[0]}/${t[1]}/${t[2]}.${t[3]}`}}},new class{constructor(){this.name="be-enterprise-number",this.maxLength=10}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,4),r.substring(4,7),r.substring(7,10)].filter((o=>o.length>0));switch(t.length){case 1:return r;case 2:return`${t[0]}.${t[1]}`;default:return`${t[0]}.${t[1]}.${t[2]}`}}},new class{constructor(){this.name="be-iban",this.maxLength=14}format(o){return o?this.formatValue(o):o}onInput(o){var r,t;const i=o.target;if(!i)return;const e=null!==(r=o.target.selectionStart)&&void 0!==r?r:0,n=null!==(t=o.target.selectionEnd)&&void 0!==t?t:0,a=i.value.replace(/\D/g,"").substring(0,this.maxLength);i.value=this.formatValue(a),e<a.length&&i.setSelectionRange(e,n)}onKeydown(o){c(o)||[...h,...m].includes(o.key)||f(o)}formatValue(o){const r=o.replace(/\D/g,""),t=[r.substring(0,2),r.substring(2,6),r.substring(6,10),r.substring(10,14)].filter((o=>o.length>0));switch(t.length){case 1:return`BE${r}`;case 2:return`BE${t[0]} ${t[1]}`;case 3:return`BE${t[0]} ${t[1]} ${t[2]}`;default:return`BE${t[0]} ${t[1]} ${t[2]} ${t[3]}`}}}],S=class{constructor(i){o(this,i),this.dsBlur=r(this,"dsBlur"),this.dsKeyPress=r(this,"dsKeyPress"),this.dsFocus=r(this,"dsFocus"),this.dsClick=r(this,"dsClick"),this.dsInput=r(this,"dsInput"),this.dsChange=r(this,"dsChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.control=new p(this),this.maskUtil=new j(this),this.inputId="ds-input-"+I++,this.focused=!1,this.language=t.language,this.region=t.region,this.hasInvalidTextSlotContent=!1,this.value=null,this.name=this.inputId,this.label="",this.description="",this.color="primary",this.loading=!1,this.invalid=!1,this.invalidText="",this.type="text",this.accept="",this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder="",this.max="",this.min="",this.pattern="",this.allowedKeyPress="",this.required=!0,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.suffix="",this.mask=void 0,this.autoInvalidOff=!1,this.handleKeydown=o=>void 0!==this.mask?this.maskUtil.onKeydown(o):!this.allowedKeyPress||l(o)||c(o)||new RegExp("^"+this.allowedKeyPress+"$").test(o.key)||[...m].includes(o.key)?void 0:f(o),this.handleClick=o=>{this.control.onClick(o)},this.handleFocus=o=>{this.control.onFocus(o)},this.handleBlur=o=>{this.control.onBlur(o)},this.handleInput=o=>{this.maskUtil.onInput(o),this.control.onInput(o)}}createLogger(o){this.log=o}debounceChanged(){this.dsChange=i(this.dsChange,this.debounce)}maskChanged(){var o;this.maskUtil.setFormatter((o=this.mask,C.find((r=>r.name===o))))}connectedCallback(){this.debounceChanged(),this.maskChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=g(this.el,(o=>{this.hasInvalidTextSlotContent=o}))}disconnectedCallback(){var o;null===(o=this.disconnectInvalidTextSlotWatcher)||void 0===o||o.call(this)}componentWillLoad(){this.inheritedAttributes=u(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(o){this.control.listenOnClick(o)}listenToReset(o){this.control.listenOnReset(o)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(o){this.language=o.language,this.region=o.region}getRawValue(){return(this.value||"").toString()}getFormattedValue(){const o=this.getRawValue();return`${o}${v(this.suffix)&&v(o)?" "+this.suffix:""}`}render(){var o;let r;r=v(this.mask)?null!==(o=this.maskUtil.format(this.getRawValue()))&&void 0!==o?o:this.getRawValue():this.focused?this.getRawValue():this.getFormattedValue();let t={};v(this.pattern)&&(t={pattern:this.pattern});const i=this.invalid||this.hasInvalidTextSlotContent;return e(b,{key:"82b24049b649558af66e14b60210618aba2a0744",disabled:this.disabled,color:this.color,invalid:i,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"c4735b5a8d76b75d875bd19c759979e9a1327490",id:"input",part:"input",name:this.name,ref:o=>this.control.nativeEl=o,"aria-describedby":"description","aria-invalid":i?"true":"false",disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:r,onClick:o=>this.handleClick(o),onFocus:o=>this.handleFocus(o),onBlur:o=>this.handleBlur(o),onInput:o=>this.handleInput(o),onKeyDown:o=>this.handleKeydown(o),onKeyPress:o=>this.dsKeyPress.emit(o)},t,this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{debounce:[{debounceChanged:0}],mask:[{maskChanged:0}]}}};a([s("input"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],S.prototype,"createLogger",null),a([z("string"),d("design:type",Object)],S.prototype,"value",void 0),a([z("string"),d("design:type",String)],S.prototype,"name",void 0),a([z("string"),d("design:type",String)],S.prototype,"label",void 0),a([z("string"),d("design:type",String)],S.prototype,"description",void 0),a([B(y),d("design:type",String)],S.prototype,"color",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"loading",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"invalid",void 0),a([z("string"),d("design:type",String)],S.prototype,"invalidText",void 0),a([B(w),d("design:type",String)],S.prototype,"type",void 0),a([z("string"),d("design:type",String)],S.prototype,"accept",void 0),a([z("string"),d("design:type",String)],S.prototype,"autocapitalize",void 0),a([B($),d("design:type",String)],S.prototype,"autocomplete",void 0),a([B(_),d("design:type",String)],S.prototype,"autocorrect",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"autofocus",void 0),a([z("number"),d("design:type",Number)],S.prototype,"debounce",void 0),a([z("string"),d("design:type",String)],S.prototype,"placeholder",void 0),a([z("string"),d("design:type",String)],S.prototype,"max",void 0),a([z("number"),d("design:type",Number)],S.prototype,"maxLength",void 0),a([z("string"),d("design:type",String)],S.prototype,"min",void 0),a([z("number"),d("design:type",Number)],S.prototype,"minLength",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"multiple",void 0),a([z("string"),d("design:type",String)],S.prototype,"pattern",void 0),a([z("string"),d("design:type",String)],S.prototype,"allowedKeyPress",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"required",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"spellcheck",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"disabled",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"readonly",void 0),a([z("string"),d("design:type",String)],S.prototype,"suffix",void 0),a([B(k),d("design:type",String)],S.prototype,"inputmode",void 0),a([B(x),d("design:type",String)],S.prototype,"mask",void 0),a([z("boolean"),d("design:type",Boolean)],S.prototype,"autoInvalidOff",void 0),a([D(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],S.prototype,"configChanged",null);let I=0;S.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{S as ds_input}
@@ -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,F as t,G as o,I as i}from"./p-vF16SDFF.js";import{_ as s,L as n,a as r}from"./p-nVdGbZYj.js";import{T as a}from"./p-C2tiilHE.js";import"./p-CnMdxr0m.js";const d=class{constructor(t){e(this,t),this.value="",this.disabled=!1}createLogger(e){this.log=e}render(){return t(o,{key:"06fdb51690d38090c29ec20f00f692d7f211d490","aria-hidden":"true"},t("slot",{key:"d374c10bf302821fc443db0f9a6668132c1b86f8"}))}get el(){return i(this)}};s([n("select-option"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),s([a("string"),r("design:type",String)],d.prototype,"value",void 0),s([a("boolean"),r("design:type",Boolean)],d.prototype,"disabled",void 0),d.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{d as ds_select_option}
4
+ import{D as e,F as t,G as o,I as i}from"./p-BZEWgXed.js";import{_ as s,L as n,a as r}from"./p-BZsCW9yV.js";import{T as a}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const d=class{constructor(t){e(this,t),this.value="",this.disabled=!1}createLogger(e){this.log=e}render(){return t(o,{key:"06fdb51690d38090c29ec20f00f692d7f211d490","aria-hidden":"true"},t("slot",{key:"d374c10bf302821fc443db0f9a6668132c1b86f8"}))}get el(){return i(this)}};s([n("select-option"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),s([a("string"),r("design:type",String)],d.prototype,"value",void 0),s([a("boolean"),r("design:type",Boolean)],d.prototype,"disabled",void 0),d.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{d as ds_select_option}
@@ -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 r,x as t,F as e,G as o,I as n}from"./p-vF16SDFF.js";import{_ as i,L as s,a as p}from"./p-nVdGbZYj.js";import{F as b}from"./p-BDn2kGoY.js";import{S as d}from"./p-zuNnnG1x.js";import{d as v}from"./p-DtLg8ChN.js";import{L as l}from"./p-DljpDnEC.js";import{L as c}from"./p-BBgONt6X.js";import{T as u}from"./p-C2tiilHE.js";import{O as m}from"./p-Bo3ozMyW.js";import{L as h}from"./p-DqEwL34o.js";import"./p-CZ_qlWWQ.js";import"./p-DQwXy0j5.js";import"./p-CnMdxr0m.js";const g={de:{mainNavigation:"Hauptnavigation",openMenu:"Navigationsmenu öffnen",closeMenu:"Navigationsmenu schließen",navigationMenu:"Navigationsmenü"},en:{mainNavigation:"Main navigation",openMenu:"Open navigation menu",closeMenu:"Close navigation menu",navigationMenu:"Navigation menu"},fr:{mainNavigation:"Navigation principale",openMenu:"Ouvrir le menu de navigation",closeMenu:"Fermer le menu de navigation",navigationMenu:"Menu de navigation"},it:{mainNavigation:"Navigazione principale",openMenu:"Apri menu di navigazione",closeMenu:"Chiudi menu di navigazione",navigationMenu:"Menu di navigazione"},nl:{mainNavigation:"Hoofdnavigatie",openMenu:"Navigatiemenu openen",closeMenu:"Navigatiemenu sluiten",navigationMenu:"Navigatiemenu"},es:{mainNavigation:"Navegación principal",openMenu:"Abrir menú de navegación",closeMenu:"Cerrar menú de navegación",navigationMenu:"Menú de navegación"},pl:{mainNavigation:"Nawigacja główna",openMenu:"Otwórz menu nawigacji",closeMenu:"Zamknij menu nawigacji",navigationMenu:"Menu nawigacji"},pt:{mainNavigation:"Navegação principal",openMenu:"Abrir menu de navegação",closeMenu:"Fechar menu de navegação",navigationMenu:"Menu de navegação"},sv:{mainNavigation:"Huvudnavigering",openMenu:"Öppna navigationsmeny",closeMenu:"Stäng navigationsmeny",navigationMenu:"Navigationsmeny"},fi:{mainNavigation:"Päänavigaatio",openMenu:"Avaa navigointivalikko",closeMenu:"Sulje navigointivalikko",navigationMenu:"Navigointivalikko"}},f=class{constructor(e){a(this,e),this.dsMenuOpenStart=r(this,"dsMenuOpenStart"),this.dsMenuOpenEnd=r(this,"dsMenuOpenEnd"),this.dsMenuCloseStart=r(this,"dsMenuCloseStart"),this.dsMenuCloseEnd=r(this,"dsMenuCloseEnd"),this.navEl=null,this.sidebarEl=null,this.burgerButton=null,this.containerEl=null,this.scrollHandler=new d,this.focusHandler=new b,this.burgerModeThresholdWidth=null,this.language=t.language,this.region=t.region,this.isTouch=v.isTouch,this.isSidebarOpen=!1,this.isOverflowing=!1,this.open=!1,this.light=!1,this.handleHamburgerClick=()=>{this.toggleSidebar()},this.handleBackdropClick=()=>{this.closeSidebar()},this.handleDrawerClickBound=a=>{this.handleDrawerClick(a)},this.handleDrawerClick=a=>{const r=a.target;("A"===r.tagName||r.closest("a"))&&this.closeSidebar()},this.handleDocumentKeyDown=a=>{"Escape"===a.key&&this.isSidebarOpen&&(a.preventDefault(),this.closeSidebar())}}createLogger(a){this.log=a}openChanged(a){a?this.openSidebar():this.closeSidebar()}connectedCallback(){this.openChanged(this.open),this.scrollHandler.connect(),this.focusHandler.connect()}componentDidLoad(){this.checkAppNavbarOverflow()}disconnectedCallback(){this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disconnect(),this.scrollHandler.disconnect()}listenToBreakpoint(a){this.isTouch=a.touch,!this.isTouch&&!this.isOverflowing&&this.isSidebarOpen&&this.setIsSidebarOpen(!1)}async configChanged(a){this.language=a.language,this.region=a.region}async listenToResize(){this.checkAppNavbarOverflow()}async toggleSidebar(){await this.setIsSidebarOpen(!this.isSidebarOpen)}async openSidebar(){await this.setIsSidebarOpen(!0)}async closeSidebar(){await this.setIsSidebarOpen(!1)}attachKeyboardListener(){document.addEventListener("keydown",this.handleDocumentKeyDown)}detachKeyboardListener(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}attachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.addEventListener("click",this.handleDrawerClickBound)}detachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.removeEventListener("click",this.handleDrawerClickBound)}checkAppNavbarOverflow(){if(!this.navEl)return;if(!this.containerEl)return;const a=this.containerEl.clientWidth,r=this.containerEl.scrollWidth>a;r&&!this.isOverflowing?(this.burgerModeThresholdWidth=a,this.isOverflowing=!0,this.isSidebarOpen&&this.setIsSidebarOpen(!1)):!r&&this.isOverflowing&&this.burgerModeThresholdWidth&&a>this.burgerModeThresholdWidth+100&&(this.isOverflowing=!1,this.burgerModeThresholdWidth=null)}async setIsSidebarOpen(a){var r;if(a===this.isSidebarOpen)return;const t=this.isTouch||this.isOverflowing;a?(this.dsMenuOpenStart.emit(),this.isSidebarOpen=!0,t&&(this.attachKeyboardListener(),this.attachSidebarClickListener(),this.focusHandler.enable({target:this.navEl,restoreElement:this.burgerButton}),null===(r=this.burgerButton)||void 0===r||r.focus(),this.scrollHandler.disable()),this.dsMenuOpenEnd.emit()):(this.dsMenuCloseStart.emit(),t&&(this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disable(),this.focusHandler.restoreFocus(),this.scrollHandler.enable()),this.isSidebarOpen=!1,this.dsMenuCloseEnd.emit())}render(){const a=this.isSidebarOpen,r=this.isTouch||this.isOverflowing,t=g[this.language];return e(o,{key:"fd983e6a0096b913411b4371e4560f001f0892fa",class:{"is-open":a,"is-sidebar-mode":r,"is-light":this.light}},e("nav",{key:"1d8749fd2b4fab90dbefcefa27c0ed6ff4f011e4",ref:a=>this.navEl=a,id:"nav",role:"navigation","aria-label":t.mainNavigation},e("div",{key:"52b02f1d0a4629e7f4f631854dd70cc62ac0be33",id:"container",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container},ref:a=>this.containerEl=a},e("slot",{key:"17bda94de3b1da33a9a174bbb4b8d61b6e5084cf",name:"brand"}),e("slot",{key:"69859bb7268052683672796021892a9f3363e35e",name:"title"}),e("div",{key:"060f4309e06cf7bd74e3ac2599d6458d4e7cc862",id:"content"},!r&&e("div",{key:"454778981b3c13a0a0907267b67059d1c5461b50",id:"menu"},e("div",{key:"b7ce472e4193dcb69dab1109e3223cdebbc4e6aa",id:"menu-start"},e("slot",{key:"2fc79e8dd3a2ac61cc86e3072691623e0f69a954",name:"menu-start"})),e("div",{key:"33580eb28f109550ec88d1e428ac019df0003f23",id:"menu-end"},e("slot",{key:"88419fdc748e4fd16bcd8e778654c2523890d7ce",name:"menu-end"}))),e("div",{key:"23df02fa1c528bff6bf5354685a59950e9b2ecd2",id:"actions"},e("slot",{key:"91081f473af81b10683ce9c5de55cdccccbb8fbb",name:"actions"}),r&&e("button",{key:"8dd7dde6baa513af198a974682c5d4d4ef30e4e7",ref:a=>this.burgerButton=a,id:"hamburger",type:"button",title:a?t.closeMenu:t.openMenu,"aria-label":a?t.closeMenu:t.openMenu,"aria-expanded":a,"aria-controls":"sidebar",onClick:()=>this.handleHamburgerClick()},e("ds-icon",{key:"4cacafea64e741a6314875eb91f53a549ea99a21",name:a?"close":"menu-bars",inverted:!0}))))),r&&e("aside",{key:"7b4cfcdf7ca756340a45732b83a21607e6e4a10c",id:"sidebar",role:"dialog","aria-modal":"true","aria-label":t.navigationMenu,class:{"is-open":a},ref:a=>this.sidebarEl=a},e("div",{key:"7caaa89e7c8fce4224d1bab1e57395bcbd90d1ff",id:"sidebar-backdrop",onClick:this.handleBackdropClick}),e("div",{key:"8b24f2b81808f288200c3328b4b84ac92f766a49",id:"sidebar-panel",tabindex:"-1"},e("div",{key:"793c86c52dc87f69b93276f9345d6c76fb1ce5af",id:"sidebar-content"},e("div",{key:"021cdc3e3389e5d71acbb1db9745d346ba0721f7",id:"sidebar-start"},e("slot",{key:"2b0e3ee3059a7f9920d548ba551f7b26f037038b",name:"menu-start"})),e("div",{key:"23561403321ce44cf3dab8e0b9a7c5ec7a749def",id:"sidebar-end"},e("slot",{key:"541ccc78fe6c640f5b86f7749a4974c446e05444",name:"menu-end"})))))))}get el(){return n(this)}static get watchers(){return{open:[{openChanged:0}]}}};i([s("app-navbar"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],f.prototype,"createLogger",null),i([u("boolean"),p("design:type",Boolean)],f.prototype,"open",void 0),i([u("boolean"),p("design:type",Boolean)],f.prototype,"light",void 0),i([m(["default","fluid","compact"]),p("design:type",String)],f.prototype,"container",void 0),i([l(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),i([h(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",Promise)],f.prototype,"configChanged",null),i([c(),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",Promise)],f.prototype,"listenToResize",null),f.style=':host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_app-navbar-background:var(--app-navbar-background, var(--mod-app-navbar-background, var(--ds-app-navbar-default-layout-background)));--_app-navbar-p:var(--app-navbar-p, var(--mod-app-navbar-p, var(--ds-app-navbar-default-layout-padding)));--_app-navbar-height:var(--app-navbar-height, var(--mod-app-navbar-height, var(--ds-app-navbar-default-layout-height)));--_app-navbar-shadow:var(--app-navbar-shadow, var(--mod-app-navbar-shadow, var(--ds-app-navbar-default-layout-shadow)));--_app-navbar-z-index:var(--app-navbar-z-index, var(--mod-app-navbar-z-index, var(--ds-app-navbar-default-layout-z-index)));--_app-navbar-brand-gap:var(--app-navbar-brand-gap, var(--mod-app-navbar-brand-gap, var(--ds-app-navbar-default-brand-gap)));--_app-navbar-brand-focus-radius:var(--app-navbar-brand-focus-radius, var(--mod-app-navbar-brand-focus-radius, var(--ds-app-navbar-default-brand-focus-radius)));--_app-navbar-title-color:var(--app-navbar-title-color, var(--mod-app-navbar-title-color, var(--ds-app-navbar-default-title-color)));--_app-navbar-title-font-family:var(--app-navbar-title-font-family, var(--mod-app-navbar-title-font-family, var(--ds-app-navbar-default-title-font-family)));--_app-navbar-title-font-size:var(--app-navbar-title-font-size, var(--mod-app-navbar-title-font-size, var(--ds-app-navbar-default-title-font-size)));--_app-navbar-title-font-weight:var(--app-navbar-title-font-weight, var(--mod-app-navbar-title-font-weight, var(--ds-app-navbar-default-title-font-weight)));--_app-navbar-hamburger-width:var(--app-navbar-hamburger-width, var(--mod-app-navbar-hamburger-width, var(--ds-app-navbar-default-hamburger-width)));--_app-navbar-hamburger-height:var(--app-navbar-hamburger-height, var(--mod-app-navbar-hamburger-height, var(--ds-app-navbar-default-hamburger-height)));--_app-navbar-hamburger-p:var(--app-navbar-hamburger-p, var(--mod-app-navbar-hamburger-p, var(--ds-app-navbar-default-hamburger-padding)));--_app-navbar-hamburger-radius:var(--app-navbar-hamburger-radius, var(--mod-app-navbar-hamburger-radius, var(--ds-app-navbar-default-hamburger-radius)));--_app-navbar-hamburger-transition-duration:var(--app-navbar-hamburger-transition-duration, var(--mod-app-navbar-hamburger-transition-duration, var(--ds-app-navbar-default-hamburger-transition-duration)));--_app-navbar-sidebar-max-width:var(--app-navbar-sidebar-max-width, var(--mod-app-navbar-sidebar-max-width, var(--ds-app-navbar-default-sidebar-max-width)));--_app-navbar-sidebar-slide-duration:var(--app-navbar-sidebar-slide-duration, var(--mod-app-navbar-sidebar-slide-duration, var(--ds-app-navbar-default-sidebar-slide-duration)));--_app-navbar-sidebar-backdrop-color:var(--app-navbar-sidebar-backdrop-color, var(--mod-app-navbar-sidebar-backdrop-color, var(--ds-app-navbar-default-sidebar-backdrop-color)));--_app-navbar-sidebar-backdrop-opacity:var(--app-navbar-sidebar-backdrop-opacity, var(--mod-app-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_app-navbar-sidebar-panel-background:var(--app-navbar-sidebar-panel-background, var(--mod-app-navbar-sidebar-panel-background, var(--ds-app-navbar-default-sidebar-panel-background)));--_app-navbar-sidebar-panel-shadow:var(--app-navbar-sidebar-panel-shadow, var(--mod-app-navbar-sidebar-panel-shadow, var(--ds-app-navbar-default-sidebar-panel-shadow)));--_app-navbar-sidebar-panel-border-top:var(--app-navbar-sidebar-panel-border-top, var(--mod-app-navbar-sidebar-panel-border-top, var(--ds-app-navbar-default-sidebar-panel-border-top)));--_app-navbar-sidebar-content-gap:var(--app-navbar-sidebar-content-gap, var(--mod-app-navbar-sidebar-content-gap, var(--ds-app-navbar-default-sidebar-content-gap)));--_app-navbar-sidebar-px:var(--app-navbar-sidebar-px, var(--mod-app-navbar-sidebar-px, var(--ds-app-navbar-default-sidebar-content-padding-inline)));--_app-navbar-sidebar-py:var(--app-navbar-sidebar-py, var(--mod-app-navbar-sidebar-py, var(--ds-app-navbar-default-sidebar-content-padding-block)));--_app-navbar-sidebar-item-min-height:var(--app-navbar-sidebar-item-min-height, var(--mod-app-navbar-sidebar-item-min-height, var(--ds-app-navbar-default-sidebar-item-min-height)));--_app-navbar-sidebar-item-py:var(--app-navbar-sidebar-item-py, var(--mod-app-navbar-sidebar-item-py, var(--ds-app-navbar-default-sidebar-item-padding-block)));--_app-navbar-sidebar-item-px:var(--app-navbar-sidebar-item-px, var(--mod-app-navbar-sidebar-item-px, var(--ds-app-navbar-default-sidebar-item-padding-inline)));--_app-navbar-sidebar-item-font-size:var(--app-navbar-sidebar-item-font-size, var(--mod-app-navbar-sidebar-item-font-size, var(--ds-app-navbar-default-sidebar-item-font-size)));--_app-navbar-sidebar-item-font-weight:var(--app-navbar-sidebar-item-font-weight, var(--mod-app-navbar-sidebar-item-font-weight, var(--ds-app-navbar-default-sidebar-item-font-weight)));--_app-navbar-sidebar-item-font-family:var(--app-navbar-sidebar-item-font-family, var(--mod-app-navbar-sidebar-item-font-family, var(--ds-app-navbar-default-sidebar-item-font-family)));--_app-navbar-sidebar-item-color:var(--app-navbar-sidebar-item-color, var(--mod-app-navbar-sidebar-item-color, var(--ds-app-navbar-default-sidebar-item-color-base)));--_app-navbar-sidebar-item-background-active:var(--app-navbar-sidebar-item-background-active, var(--mod-app-navbar-sidebar-item-background-active, var(--ds-app-navbar-default-sidebar-item-background-active)));--_app-navbar-sidebar-item-background-hover:var(--app-navbar-sidebar-item-background-hover, var(--mod-app-navbar-sidebar-item-background-hover, var(--ds-app-navbar-default-sidebar-item-background-hover)));--_app-navbar-sidebar-item-color-hover:var(--app-navbar-sidebar-item-color-hover, var(--mod-app-navbar-sidebar-item-color-hover, var(--ds-app-navbar-default-sidebar-item-color-hover)));--_app-navbar-sidebar-item-color-active:var(--app-navbar-sidebar-item-color-active, var(--mod-app-navbar-sidebar-item-color-active, var(--ds-app-navbar-default-sidebar-item-color-active)));--_app-navbar-sidebar-item-divider-color:var(--app-navbar-sidebar-item-divider-color, var(--mod-app-navbar-sidebar-item-divider-color, var(--ds-app-navbar-default-sidebar-item-divider-color)));--_app-navbar-sidebar-item-divider-color-active:var(--app-navbar-sidebar-item-divider-color-active, var(--mod-app-navbar-sidebar-item-divider-color-active, var(--ds-app-navbar-default-sidebar-item-divider-color-active)));--_app-navbar-sidebar-item-chevron-size:var(--app-navbar-sidebar-item-chevron-size, var(--mod-app-navbar-sidebar-item-chevron-size, var(--ds-app-navbar-default-sidebar-item-chevron-size)));--_app-navbar-sidebar-item-chevron-color:var(--app-navbar-sidebar-item-chevron-color, var(--mod-app-navbar-sidebar-item-chevron-color, var(--ds-app-navbar-default-sidebar-item-chevron-color)));--_app-navbar-menu-gap:var(--app-navbar-menu-gap, var(--mod-app-navbar-menu-gap, var(--ds-app-navbar-default-menu-gap)));--_app-navbar-menu-start-gap:var(--app-navbar-menu-start-gap, var(--mod-app-navbar-menu-start-gap, var(--ds-app-navbar-default-menu-start-gap)));--_app-navbar-menu-item-color:var(--app-navbar-menu-item-color, var(--mod-app-navbar-menu-item-color, var(--ds-app-navbar-default-menu-item-color-base)));--_app-navbar-menu-item-font-size:var(--app-navbar-menu-item-font-size, var(--mod-app-navbar-menu-item-font-size, var(--ds-app-navbar-default-menu-item-font-size)));--_app-navbar-menu-item-py:var(--app-navbar-menu-item-py, var(--mod-app-navbar-menu-item-py, var(--ds-app-navbar-default-menu-item-padding-block)));--_app-navbar-menu-item-px:var(--app-navbar-menu-item-px, var(--mod-app-navbar-menu-item-px, var(--ds-app-navbar-default-menu-item-padding-inline)));--_app-navbar-menu-item-border-radius:var(--app-navbar-menu-item-border-radius, var(--mod-app-navbar-menu-item-border-radius, var(--ds-app-navbar-default-menu-item-border-radius)));--_app-navbar-menu-item-color-hover:var(--app-navbar-menu-item-color-hover, var(--mod-app-navbar-menu-item-color-hover, var(--ds-app-navbar-default-menu-item-color-hover)));--_app-navbar-menu-item-color-selected:var(--app-navbar-menu-item-color-selected, var(--mod-app-navbar-menu-item-color-selected, var(--ds-app-navbar-default-menu-item-color-selected)));--_app-navbar-menu-item-color-selected-hover:var(--app-navbar-menu-item-color-selected-hover, var(--mod-app-navbar-menu-item-color-selected-hover, var(--ds-app-navbar-default-menu-item-color-selected-hover)));--_app-navbar-menu-item-color-active:var(--app-navbar-menu-item-color-active, var(--mod-app-navbar-menu-item-color-active, var(--ds-app-navbar-default-menu-item-color-active)));--_app-navbar-menu-item-underline-height:var(--app-navbar-menu-item-underline-height, var(--mod-app-navbar-menu-item-underline-height, var(--ds-global-dimension-border-2)));--_app-navbar-menu-item-underline-border-radius:var(--app-navbar-menu-item-underline-border-radius, var(--mod-app-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_app-navbar-menu-item-transition-duration:var(--app-navbar-menu-item-transition-duration, var(--mod-app-navbar-menu-item-transition-duration, var(--ds-app-navbar-default-menu-item-transition-duration)));--_app-navbar-menu-end-gap:var(--app-navbar-menu-end-gap, var(--mod-app-navbar-menu-end-gap, var(--ds-app-navbar-default-menu-end-gap)));--_app-navbar-container-gap:var(--app-navbar-container-gap, var(--mod-app-navbar-container-gap, var(--ds-app-navbar-default-container-gap)));--_app-navbar-content-gap:var(--app-navbar-content-gap, var(--mod-app-navbar-content-gap, var(--ds-app-navbar-default-content-gap)));--_app-navbar-button-color-text:var(--app-navbar-button-color-text, var(--mod-app-navbar-button-color-text, var(--ds-app-navbar-default-button-color-text-base)));--_app-navbar-button-color-background:var(--app-navbar-button-color-background, var(--mod-app-navbar-button-color-background, var(--ds-app-navbar-default-button-color-background-base)));--_app-navbar-button-color-border:var(--app-navbar-button-color-border, var(--mod-app-navbar-button-color-border, var(--ds-app-navbar-default-button-color-border-base)));--_app-navbar-button-color-text-hover:var(--app-navbar-button-color-text-hover, var(--mod-app-navbar-button-color-text-hover, var(--ds-app-navbar-default-button-color-text-hover)));--_app-navbar-button-color-background-hover:var(--app-navbar-button-color-background-hover, var(--mod-app-navbar-button-color-background-hover, var(--ds-app-navbar-default-button-color-background-hover)));--_app-navbar-button-color-border-hover:var(--app-navbar-button-color-border-hover, var(--mod-app-navbar-button-color-border-hover, var(--ds-app-navbar-default-button-color-border-hover)));--_app-navbar-button-color-text-active:var(--app-navbar-button-color-text-active, var(--mod-app-navbar-button-color-text-active, var(--ds-app-navbar-default-button-color-text-active)));--_app-navbar-button-color-background-active:var(--app-navbar-button-color-background-active, var(--mod-app-navbar-button-color-background-active, var(--ds-app-navbar-default-button-color-background-active)));--_app-navbar-button-color-border-active:var(--app-navbar-button-color-border-active, var(--mod-app-navbar-button-color-border-active, var(--ds-app-navbar-default-button-color-border-active)));--_app-navbar-focus-color-start:var(--app-navbar-focus-color-start, var(--mod-app-navbar-focus-color-start, var(--ds-app-navbar-default-focus-color-start)));--_app-navbar-focus-color-end:var(--app-navbar-focus-color-end, var(--mod-app-navbar-focus-color-end, var(--ds-app-navbar-default-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_app-navbar-z-index);width:100%;background-color:var(--_app-navbar-background);-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_app-navbar-height);max-height:var(--_app-navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_app-navbar-container-gap);padding-left:var(--ds-device-container-space);padding-right:var(--ds-device-container-space);width:100%;max-width:var(--ds-alias-container-width-default)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_app-navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_app-navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_app-navbar-title-color);font-family:var(--_app-navbar-title-font-family);font-size:var(--_app-navbar-title-font-size);font-weight:var(--_app-navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_app-navbar-hamburger-p);color:var(--_app-navbar-button-color-text);background-color:var(--_app-navbar-button-color-background);width:var(--_app-navbar-hamburger-width);height:var(--_app-navbar-hamburger-height);border-radius:var(--_app-navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_app-navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-hamburger-transition-duration);transition-duration:var(--_app-navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_app-navbar-button-color-text-hover);background-color:var(--_app-navbar-button-color-background-hover);--icon-color:var(--_app-navbar-button-color-text-hover)}#hamburger:active{color:var(--_app-navbar-button-color-text-active);background-color:var(--_app-navbar-button-color-background-active);--icon-color:var(--_app-navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_app-navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_app-navbar-sidebar-slide-duration) ease;transition:visibility var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_app-navbar-sidebar-slide-duration) ease;transition:opacity var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_app-navbar-sidebar-max-width);height:100%;background-color:var(--_app-navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow);border-top:var(--_app-navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease, -webkit-transform var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-sidebar-content-gap);padding-inline:var(--_app-navbar-sidebar-px);padding-block:var(--_app-navbar-sidebar-py);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.ds-link[slot=menu-start]){position:relative;color:var(--_app-navbar-sidebar-item-color);--icon-color:var(--_app-navbar-sidebar-item-color);font-size:var(--_app-navbar-sidebar-item-font-size);font-weight:var(--_app-navbar-sidebar-item-font-weight);font-family:var(--_app-navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_app-navbar-sidebar-item-min-height);padding-block:var(--_app-navbar-sidebar-item-py);padding-inline:var(--_app-navbar-sidebar-item-px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.ds-link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.ds-link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-size);border-radius:var(--ds-alias-radius-base);background-color:var(--_app-navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.ds-link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_app-navbar-sidebar-item-chevron-size);height:var(--_app-navbar-sidebar-item-chevron-size);background-color:var(--_app-navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_app-navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_app-navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_app-navbar-sidebar-item-background-hover);color:var(--_app-navbar-sidebar-item-color-hover);--icon-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_app-navbar-sidebar-item-background-active);color:var(--_app-navbar-sidebar-item-color-active);--icon-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-content-gap);margin-top:var(--ds-global-dimension-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.ds-button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.ds-link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_app-navbar-menu-item-color);font-size:var(--_app-navbar-menu-item-font-size);border-radius:var(--_app-navbar-menu-item-border-radius);padding-inline:var(--_app-navbar-menu-item-px);padding-block:var(--_app-navbar-menu-item-py);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_app-navbar-menu-item-underline-height);border-radius:var(--_app-navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_app-navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_app-navbar-menu-item-color-hover);--icon-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_app-navbar-menu-item-color-active);--icon-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start{-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.ds-button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.ds-button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-app-navbar-light-title-color);--mod-app-navbar-background:var(--ds-app-navbar-light-background);--mod-app-navbar-title-color:var(--ds-app-navbar-light-title-color);--_app-navbar-focus-color-start:var(--ds-app-navbar-light-focus-color-start);--_app-navbar-focus-color-end:var(--ds-app-navbar-light-focus-color-end);--mod-app-navbar-menu-item-color:var(--ds-app-navbar-light-menu-item-color-base);--mod-app-navbar-menu-item-color-hover:var(--ds-app-navbar-light-menu-item-color-hover);--mod-app-navbar-menu-item-color-active:var(--ds-app-navbar-light-menu-item-color-active);--mod-app-navbar-menu-item-color-selected:var(--ds-app-navbar-light-menu-item-color-selected);--mod-app-navbar-sidebar-panel-border-top:var(--ds-app-navbar-light-sidebar-panel-border-top);--mod-app-navbar-button-color-text:var(--ds-app-navbar-light-button-color-text-base);--mod-app-navbar-button-color-background:var(--ds-app-navbar-light-button-color-background-base);--mod-app-navbar-button-color-border:var(--ds-app-navbar-light-button-color-border-base);--mod-app-navbar-button-color-text-hover:var(--ds-app-navbar-light-button-color-text-hover);--mod-app-navbar-button-color-background-hover:var(--ds-app-navbar-light-button-color-background-hover);--mod-app-navbar-button-color-border-hover:var(--ds-app-navbar-light-button-color-border-hover);--mod-app-navbar-button-color-text-active:var(--ds-app-navbar-light-button-color-text-active);--mod-app-navbar-button-color-background-active:var(--ds-app-navbar-light-button-color-background-active);--mod-app-navbar-button-color-border-active:var(--ds-app-navbar-light-button-color-border-active)}';export{f as ds_app_navbar}
4
+ import{D as a,J as r,x as t,F as e,G as o,I as n}from"./p-BZEWgXed.js";import{_ as i,L as s,a as p}from"./p-BZsCW9yV.js";import{F as b}from"./p-B7VRmbiX.js";import{S as d}from"./p-B8_nVD8J.js";import{d as v}from"./p-FibyOiqE.js";import{L as l}from"./p-CBGuu-I2.js";import{L as c}from"./p-0Tzaj6-a.js";import{T as u}from"./p-BaZBnuEF.js";import{O as m}from"./p-DE5aqD5-.js";import{L as h}from"./p-reH0cIhP.js";import"./p-GV5U_dO3.js";import"./p-BXt6QjIx.js";import"./p-C0WbBTf4.js";const g={de:{mainNavigation:"Hauptnavigation",openMenu:"Navigationsmenu öffnen",closeMenu:"Navigationsmenu schließen",navigationMenu:"Navigationsmenü"},en:{mainNavigation:"Main navigation",openMenu:"Open navigation menu",closeMenu:"Close navigation menu",navigationMenu:"Navigation menu"},fr:{mainNavigation:"Navigation principale",openMenu:"Ouvrir le menu de navigation",closeMenu:"Fermer le menu de navigation",navigationMenu:"Menu de navigation"},it:{mainNavigation:"Navigazione principale",openMenu:"Apri menu di navigazione",closeMenu:"Chiudi menu di navigazione",navigationMenu:"Menu di navigazione"},nl:{mainNavigation:"Hoofdnavigatie",openMenu:"Navigatiemenu openen",closeMenu:"Navigatiemenu sluiten",navigationMenu:"Navigatiemenu"},es:{mainNavigation:"Navegación principal",openMenu:"Abrir menú de navegación",closeMenu:"Cerrar menú de navegación",navigationMenu:"Menú de navegación"},pl:{mainNavigation:"Nawigacja główna",openMenu:"Otwórz menu nawigacji",closeMenu:"Zamknij menu nawigacji",navigationMenu:"Menu nawigacji"},pt:{mainNavigation:"Navegação principal",openMenu:"Abrir menu de navegação",closeMenu:"Fechar menu de navegação",navigationMenu:"Menu de navegação"},sv:{mainNavigation:"Huvudnavigering",openMenu:"Öppna navigationsmeny",closeMenu:"Stäng navigationsmeny",navigationMenu:"Navigationsmeny"},fi:{mainNavigation:"Päänavigaatio",openMenu:"Avaa navigointivalikko",closeMenu:"Sulje navigointivalikko",navigationMenu:"Navigointivalikko"}},f=class{constructor(e){a(this,e),this.dsMenuOpenStart=r(this,"dsMenuOpenStart"),this.dsMenuOpenEnd=r(this,"dsMenuOpenEnd"),this.dsMenuCloseStart=r(this,"dsMenuCloseStart"),this.dsMenuCloseEnd=r(this,"dsMenuCloseEnd"),this.navEl=null,this.sidebarEl=null,this.burgerButton=null,this.containerEl=null,this.scrollHandler=new d,this.focusHandler=new b,this.burgerModeThresholdWidth=null,this.language=t.language,this.region=t.region,this.isTouch=v.isTouch,this.isSidebarOpen=!1,this.isOverflowing=!1,this.open=!1,this.light=!1,this.handleHamburgerClick=()=>{this.toggleSidebar()},this.handleBackdropClick=()=>{this.closeSidebar()},this.handleDrawerClickBound=a=>{this.handleDrawerClick(a)},this.handleDrawerClick=a=>{const r=a.target;("A"===r.tagName||r.closest("a"))&&this.closeSidebar()},this.handleDocumentKeyDown=a=>{"Escape"===a.key&&this.isSidebarOpen&&(a.preventDefault(),this.closeSidebar())}}createLogger(a){this.log=a}openChanged(a){a?this.openSidebar():this.closeSidebar()}connectedCallback(){this.openChanged(this.open),this.scrollHandler.connect(),this.focusHandler.connect()}componentDidLoad(){this.checkAppNavbarOverflow()}disconnectedCallback(){this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disconnect(),this.scrollHandler.disconnect()}listenToBreakpoint(a){this.isTouch=a.touch,!this.isTouch&&!this.isOverflowing&&this.isSidebarOpen&&this.setIsSidebarOpen(!1)}async configChanged(a){this.language=a.language,this.region=a.region}async listenToResize(){this.checkAppNavbarOverflow()}async toggleSidebar(){await this.setIsSidebarOpen(!this.isSidebarOpen)}async openSidebar(){await this.setIsSidebarOpen(!0)}async closeSidebar(){await this.setIsSidebarOpen(!1)}attachKeyboardListener(){document.addEventListener("keydown",this.handleDocumentKeyDown)}detachKeyboardListener(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}attachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.addEventListener("click",this.handleDrawerClickBound)}detachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.removeEventListener("click",this.handleDrawerClickBound)}checkAppNavbarOverflow(){if(!this.navEl)return;if(!this.containerEl)return;const a=this.containerEl.clientWidth,r=this.containerEl.scrollWidth>a;r&&!this.isOverflowing?(this.burgerModeThresholdWidth=a,this.isOverflowing=!0,this.isSidebarOpen&&this.setIsSidebarOpen(!1)):!r&&this.isOverflowing&&this.burgerModeThresholdWidth&&a>this.burgerModeThresholdWidth+100&&(this.isOverflowing=!1,this.burgerModeThresholdWidth=null)}async setIsSidebarOpen(a){var r;if(a===this.isSidebarOpen)return;const t=this.isTouch||this.isOverflowing;a?(this.dsMenuOpenStart.emit(),this.isSidebarOpen=!0,t&&(this.attachKeyboardListener(),this.attachSidebarClickListener(),this.focusHandler.enable({target:this.navEl,restoreElement:this.burgerButton}),null===(r=this.burgerButton)||void 0===r||r.focus(),this.scrollHandler.disable()),this.dsMenuOpenEnd.emit()):(this.dsMenuCloseStart.emit(),t&&(this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disable(),this.focusHandler.restoreFocus(),this.scrollHandler.enable()),this.isSidebarOpen=!1,this.dsMenuCloseEnd.emit())}render(){const a=this.isSidebarOpen,r=this.isTouch||this.isOverflowing,t=g[this.language];return e(o,{key:"fd983e6a0096b913411b4371e4560f001f0892fa",class:{"is-open":a,"is-sidebar-mode":r,"is-light":this.light}},e("nav",{key:"1d8749fd2b4fab90dbefcefa27c0ed6ff4f011e4",ref:a=>this.navEl=a,id:"nav",role:"navigation","aria-label":t.mainNavigation},e("div",{key:"52b02f1d0a4629e7f4f631854dd70cc62ac0be33",id:"container",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container},ref:a=>this.containerEl=a},e("slot",{key:"17bda94de3b1da33a9a174bbb4b8d61b6e5084cf",name:"brand"}),e("slot",{key:"69859bb7268052683672796021892a9f3363e35e",name:"title"}),e("div",{key:"060f4309e06cf7bd74e3ac2599d6458d4e7cc862",id:"content"},!r&&e("div",{key:"454778981b3c13a0a0907267b67059d1c5461b50",id:"menu"},e("div",{key:"b7ce472e4193dcb69dab1109e3223cdebbc4e6aa",id:"menu-start"},e("slot",{key:"2fc79e8dd3a2ac61cc86e3072691623e0f69a954",name:"menu-start"})),e("div",{key:"33580eb28f109550ec88d1e428ac019df0003f23",id:"menu-end"},e("slot",{key:"88419fdc748e4fd16bcd8e778654c2523890d7ce",name:"menu-end"}))),e("div",{key:"23df02fa1c528bff6bf5354685a59950e9b2ecd2",id:"actions"},e("slot",{key:"91081f473af81b10683ce9c5de55cdccccbb8fbb",name:"actions"}),r&&e("button",{key:"8dd7dde6baa513af198a974682c5d4d4ef30e4e7",ref:a=>this.burgerButton=a,id:"hamburger",type:"button",title:a?t.closeMenu:t.openMenu,"aria-label":a?t.closeMenu:t.openMenu,"aria-expanded":a,"aria-controls":"sidebar",onClick:()=>this.handleHamburgerClick()},e("ds-icon",{key:"4cacafea64e741a6314875eb91f53a549ea99a21",name:a?"close":"menu-bars",inverted:!0}))))),r&&e("aside",{key:"7b4cfcdf7ca756340a45732b83a21607e6e4a10c",id:"sidebar",role:"dialog","aria-modal":"true","aria-label":t.navigationMenu,class:{"is-open":a},ref:a=>this.sidebarEl=a},e("div",{key:"7caaa89e7c8fce4224d1bab1e57395bcbd90d1ff",id:"sidebar-backdrop",onClick:this.handleBackdropClick}),e("div",{key:"8b24f2b81808f288200c3328b4b84ac92f766a49",id:"sidebar-panel",tabindex:"-1"},e("div",{key:"793c86c52dc87f69b93276f9345d6c76fb1ce5af",id:"sidebar-content"},e("div",{key:"021cdc3e3389e5d71acbb1db9745d346ba0721f7",id:"sidebar-start"},e("slot",{key:"2b0e3ee3059a7f9920d548ba551f7b26f037038b",name:"menu-start"})),e("div",{key:"23561403321ce44cf3dab8e0b9a7c5ec7a749def",id:"sidebar-end"},e("slot",{key:"541ccc78fe6c640f5b86f7749a4974c446e05444",name:"menu-end"})))))))}get el(){return n(this)}static get watchers(){return{open:[{openChanged:0}]}}};i([s("app-navbar"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],f.prototype,"createLogger",null),i([u("boolean"),p("design:type",Boolean)],f.prototype,"open",void 0),i([u("boolean"),p("design:type",Boolean)],f.prototype,"light",void 0),i([m(["default","fluid","compact"]),p("design:type",String)],f.prototype,"container",void 0),i([l(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),i([h(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",Promise)],f.prototype,"configChanged",null),i([c(),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",Promise)],f.prototype,"listenToResize",null),f.style=':host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_app-navbar-background:var(--app-navbar-background, var(--mod-app-navbar-background, var(--ds-app-navbar-default-layout-background)));--_app-navbar-p:var(--app-navbar-p, var(--mod-app-navbar-p, var(--ds-app-navbar-default-layout-padding)));--_app-navbar-height:var(--app-navbar-height, var(--mod-app-navbar-height, var(--ds-app-navbar-default-layout-height)));--_app-navbar-shadow:var(--app-navbar-shadow, var(--mod-app-navbar-shadow, var(--ds-app-navbar-default-layout-shadow)));--_app-navbar-z-index:var(--app-navbar-z-index, var(--mod-app-navbar-z-index, var(--ds-app-navbar-default-layout-z-index)));--_app-navbar-brand-gap:var(--app-navbar-brand-gap, var(--mod-app-navbar-brand-gap, var(--ds-app-navbar-default-brand-gap)));--_app-navbar-brand-focus-radius:var(--app-navbar-brand-focus-radius, var(--mod-app-navbar-brand-focus-radius, var(--ds-app-navbar-default-brand-focus-radius)));--_app-navbar-title-color:var(--app-navbar-title-color, var(--mod-app-navbar-title-color, var(--ds-app-navbar-default-title-color)));--_app-navbar-title-font-family:var(--app-navbar-title-font-family, var(--mod-app-navbar-title-font-family, var(--ds-app-navbar-default-title-font-family)));--_app-navbar-title-font-size:var(--app-navbar-title-font-size, var(--mod-app-navbar-title-font-size, var(--ds-app-navbar-default-title-font-size)));--_app-navbar-title-font-weight:var(--app-navbar-title-font-weight, var(--mod-app-navbar-title-font-weight, var(--ds-app-navbar-default-title-font-weight)));--_app-navbar-hamburger-width:var(--app-navbar-hamburger-width, var(--mod-app-navbar-hamburger-width, var(--ds-app-navbar-default-hamburger-width)));--_app-navbar-hamburger-height:var(--app-navbar-hamburger-height, var(--mod-app-navbar-hamburger-height, var(--ds-app-navbar-default-hamburger-height)));--_app-navbar-hamburger-p:var(--app-navbar-hamburger-p, var(--mod-app-navbar-hamburger-p, var(--ds-app-navbar-default-hamburger-padding)));--_app-navbar-hamburger-radius:var(--app-navbar-hamburger-radius, var(--mod-app-navbar-hamburger-radius, var(--ds-app-navbar-default-hamburger-radius)));--_app-navbar-hamburger-transition-duration:var(--app-navbar-hamburger-transition-duration, var(--mod-app-navbar-hamburger-transition-duration, var(--ds-app-navbar-default-hamburger-transition-duration)));--_app-navbar-sidebar-max-width:var(--app-navbar-sidebar-max-width, var(--mod-app-navbar-sidebar-max-width, var(--ds-app-navbar-default-sidebar-max-width)));--_app-navbar-sidebar-slide-duration:var(--app-navbar-sidebar-slide-duration, var(--mod-app-navbar-sidebar-slide-duration, var(--ds-app-navbar-default-sidebar-slide-duration)));--_app-navbar-sidebar-backdrop-color:var(--app-navbar-sidebar-backdrop-color, var(--mod-app-navbar-sidebar-backdrop-color, var(--ds-app-navbar-default-sidebar-backdrop-color)));--_app-navbar-sidebar-backdrop-opacity:var(--app-navbar-sidebar-backdrop-opacity, var(--mod-app-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_app-navbar-sidebar-panel-background:var(--app-navbar-sidebar-panel-background, var(--mod-app-navbar-sidebar-panel-background, var(--ds-app-navbar-default-sidebar-panel-background)));--_app-navbar-sidebar-panel-shadow:var(--app-navbar-sidebar-panel-shadow, var(--mod-app-navbar-sidebar-panel-shadow, var(--ds-app-navbar-default-sidebar-panel-shadow)));--_app-navbar-sidebar-panel-border-top:var(--app-navbar-sidebar-panel-border-top, var(--mod-app-navbar-sidebar-panel-border-top, var(--ds-app-navbar-default-sidebar-panel-border-top)));--_app-navbar-sidebar-content-gap:var(--app-navbar-sidebar-content-gap, var(--mod-app-navbar-sidebar-content-gap, var(--ds-app-navbar-default-sidebar-content-gap)));--_app-navbar-sidebar-px:var(--app-navbar-sidebar-px, var(--mod-app-navbar-sidebar-px, var(--ds-app-navbar-default-sidebar-content-padding-inline)));--_app-navbar-sidebar-py:var(--app-navbar-sidebar-py, var(--mod-app-navbar-sidebar-py, var(--ds-app-navbar-default-sidebar-content-padding-block)));--_app-navbar-sidebar-item-min-height:var(--app-navbar-sidebar-item-min-height, var(--mod-app-navbar-sidebar-item-min-height, var(--ds-app-navbar-default-sidebar-item-min-height)));--_app-navbar-sidebar-item-py:var(--app-navbar-sidebar-item-py, var(--mod-app-navbar-sidebar-item-py, var(--ds-app-navbar-default-sidebar-item-padding-block)));--_app-navbar-sidebar-item-px:var(--app-navbar-sidebar-item-px, var(--mod-app-navbar-sidebar-item-px, var(--ds-app-navbar-default-sidebar-item-padding-inline)));--_app-navbar-sidebar-item-font-size:var(--app-navbar-sidebar-item-font-size, var(--mod-app-navbar-sidebar-item-font-size, var(--ds-app-navbar-default-sidebar-item-font-size)));--_app-navbar-sidebar-item-font-weight:var(--app-navbar-sidebar-item-font-weight, var(--mod-app-navbar-sidebar-item-font-weight, var(--ds-app-navbar-default-sidebar-item-font-weight)));--_app-navbar-sidebar-item-font-family:var(--app-navbar-sidebar-item-font-family, var(--mod-app-navbar-sidebar-item-font-family, var(--ds-app-navbar-default-sidebar-item-font-family)));--_app-navbar-sidebar-item-color:var(--app-navbar-sidebar-item-color, var(--mod-app-navbar-sidebar-item-color, var(--ds-app-navbar-default-sidebar-item-color-base)));--_app-navbar-sidebar-item-background-active:var(--app-navbar-sidebar-item-background-active, var(--mod-app-navbar-sidebar-item-background-active, var(--ds-app-navbar-default-sidebar-item-background-active)));--_app-navbar-sidebar-item-background-hover:var(--app-navbar-sidebar-item-background-hover, var(--mod-app-navbar-sidebar-item-background-hover, var(--ds-app-navbar-default-sidebar-item-background-hover)));--_app-navbar-sidebar-item-color-hover:var(--app-navbar-sidebar-item-color-hover, var(--mod-app-navbar-sidebar-item-color-hover, var(--ds-app-navbar-default-sidebar-item-color-hover)));--_app-navbar-sidebar-item-color-active:var(--app-navbar-sidebar-item-color-active, var(--mod-app-navbar-sidebar-item-color-active, var(--ds-app-navbar-default-sidebar-item-color-active)));--_app-navbar-sidebar-item-divider-color:var(--app-navbar-sidebar-item-divider-color, var(--mod-app-navbar-sidebar-item-divider-color, var(--ds-app-navbar-default-sidebar-item-divider-color)));--_app-navbar-sidebar-item-divider-color-active:var(--app-navbar-sidebar-item-divider-color-active, var(--mod-app-navbar-sidebar-item-divider-color-active, var(--ds-app-navbar-default-sidebar-item-divider-color-active)));--_app-navbar-sidebar-item-chevron-size:var(--app-navbar-sidebar-item-chevron-size, var(--mod-app-navbar-sidebar-item-chevron-size, var(--ds-app-navbar-default-sidebar-item-chevron-size)));--_app-navbar-sidebar-item-chevron-color:var(--app-navbar-sidebar-item-chevron-color, var(--mod-app-navbar-sidebar-item-chevron-color, var(--ds-app-navbar-default-sidebar-item-chevron-color)));--_app-navbar-menu-gap:var(--app-navbar-menu-gap, var(--mod-app-navbar-menu-gap, var(--ds-app-navbar-default-menu-gap)));--_app-navbar-menu-start-gap:var(--app-navbar-menu-start-gap, var(--mod-app-navbar-menu-start-gap, var(--ds-app-navbar-default-menu-start-gap)));--_app-navbar-menu-item-color:var(--app-navbar-menu-item-color, var(--mod-app-navbar-menu-item-color, var(--ds-app-navbar-default-menu-item-color-base)));--_app-navbar-menu-item-font-size:var(--app-navbar-menu-item-font-size, var(--mod-app-navbar-menu-item-font-size, var(--ds-app-navbar-default-menu-item-font-size)));--_app-navbar-menu-item-py:var(--app-navbar-menu-item-py, var(--mod-app-navbar-menu-item-py, var(--ds-app-navbar-default-menu-item-padding-block)));--_app-navbar-menu-item-px:var(--app-navbar-menu-item-px, var(--mod-app-navbar-menu-item-px, var(--ds-app-navbar-default-menu-item-padding-inline)));--_app-navbar-menu-item-border-radius:var(--app-navbar-menu-item-border-radius, var(--mod-app-navbar-menu-item-border-radius, var(--ds-app-navbar-default-menu-item-border-radius)));--_app-navbar-menu-item-color-hover:var(--app-navbar-menu-item-color-hover, var(--mod-app-navbar-menu-item-color-hover, var(--ds-app-navbar-default-menu-item-color-hover)));--_app-navbar-menu-item-color-selected:var(--app-navbar-menu-item-color-selected, var(--mod-app-navbar-menu-item-color-selected, var(--ds-app-navbar-default-menu-item-color-selected)));--_app-navbar-menu-item-color-selected-hover:var(--app-navbar-menu-item-color-selected-hover, var(--mod-app-navbar-menu-item-color-selected-hover, var(--ds-app-navbar-default-menu-item-color-selected-hover)));--_app-navbar-menu-item-color-active:var(--app-navbar-menu-item-color-active, var(--mod-app-navbar-menu-item-color-active, var(--ds-app-navbar-default-menu-item-color-active)));--_app-navbar-menu-item-underline-height:var(--app-navbar-menu-item-underline-height, var(--mod-app-navbar-menu-item-underline-height, var(--ds-global-dimension-border-2)));--_app-navbar-menu-item-underline-border-radius:var(--app-navbar-menu-item-underline-border-radius, var(--mod-app-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_app-navbar-menu-item-transition-duration:var(--app-navbar-menu-item-transition-duration, var(--mod-app-navbar-menu-item-transition-duration, var(--ds-app-navbar-default-menu-item-transition-duration)));--_app-navbar-menu-end-gap:var(--app-navbar-menu-end-gap, var(--mod-app-navbar-menu-end-gap, var(--ds-app-navbar-default-menu-end-gap)));--_app-navbar-container-gap:var(--app-navbar-container-gap, var(--mod-app-navbar-container-gap, var(--ds-app-navbar-default-container-gap)));--_app-navbar-content-gap:var(--app-navbar-content-gap, var(--mod-app-navbar-content-gap, var(--ds-app-navbar-default-content-gap)));--_app-navbar-button-color-text:var(--app-navbar-button-color-text, var(--mod-app-navbar-button-color-text, var(--ds-app-navbar-default-button-color-text-base)));--_app-navbar-button-color-background:var(--app-navbar-button-color-background, var(--mod-app-navbar-button-color-background, var(--ds-app-navbar-default-button-color-background-base)));--_app-navbar-button-color-border:var(--app-navbar-button-color-border, var(--mod-app-navbar-button-color-border, var(--ds-app-navbar-default-button-color-border-base)));--_app-navbar-button-color-text-hover:var(--app-navbar-button-color-text-hover, var(--mod-app-navbar-button-color-text-hover, var(--ds-app-navbar-default-button-color-text-hover)));--_app-navbar-button-color-background-hover:var(--app-navbar-button-color-background-hover, var(--mod-app-navbar-button-color-background-hover, var(--ds-app-navbar-default-button-color-background-hover)));--_app-navbar-button-color-border-hover:var(--app-navbar-button-color-border-hover, var(--mod-app-navbar-button-color-border-hover, var(--ds-app-navbar-default-button-color-border-hover)));--_app-navbar-button-color-text-active:var(--app-navbar-button-color-text-active, var(--mod-app-navbar-button-color-text-active, var(--ds-app-navbar-default-button-color-text-active)));--_app-navbar-button-color-background-active:var(--app-navbar-button-color-background-active, var(--mod-app-navbar-button-color-background-active, var(--ds-app-navbar-default-button-color-background-active)));--_app-navbar-button-color-border-active:var(--app-navbar-button-color-border-active, var(--mod-app-navbar-button-color-border-active, var(--ds-app-navbar-default-button-color-border-active)));--_app-navbar-focus-color-start:var(--app-navbar-focus-color-start, var(--mod-app-navbar-focus-color-start, var(--ds-app-navbar-default-focus-color-start)));--_app-navbar-focus-color-end:var(--app-navbar-focus-color-end, var(--mod-app-navbar-focus-color-end, var(--ds-app-navbar-default-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_app-navbar-z-index);width:100%;background-color:var(--_app-navbar-background);-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_app-navbar-height);max-height:var(--_app-navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_app-navbar-container-gap);padding-left:var(--ds-device-container-space);padding-right:var(--ds-device-container-space);width:100%;max-width:var(--ds-alias-container-width-default)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_app-navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_app-navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_app-navbar-title-color);font-family:var(--_app-navbar-title-font-family);font-size:var(--_app-navbar-title-font-size);font-weight:var(--_app-navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_app-navbar-hamburger-p);color:var(--_app-navbar-button-color-text);background-color:var(--_app-navbar-button-color-background);width:var(--_app-navbar-hamburger-width);height:var(--_app-navbar-hamburger-height);border-radius:var(--_app-navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_app-navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-hamburger-transition-duration);transition-duration:var(--_app-navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_app-navbar-button-color-text-hover);background-color:var(--_app-navbar-button-color-background-hover);--icon-color:var(--_app-navbar-button-color-text-hover)}#hamburger:active{color:var(--_app-navbar-button-color-text-active);background-color:var(--_app-navbar-button-color-background-active);--icon-color:var(--_app-navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_app-navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_app-navbar-sidebar-slide-duration) ease;transition:visibility var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_app-navbar-sidebar-slide-duration) ease;transition:opacity var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_app-navbar-sidebar-max-width);height:100%;background-color:var(--_app-navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow);border-top:var(--_app-navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease, -webkit-transform var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-sidebar-content-gap);padding-inline:var(--_app-navbar-sidebar-px);padding-block:var(--_app-navbar-sidebar-py);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.ds-link[slot=menu-start]){position:relative;color:var(--_app-navbar-sidebar-item-color);--icon-color:var(--_app-navbar-sidebar-item-color);font-size:var(--_app-navbar-sidebar-item-font-size);font-weight:var(--_app-navbar-sidebar-item-font-weight);font-family:var(--_app-navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_app-navbar-sidebar-item-min-height);padding-block:var(--_app-navbar-sidebar-item-py);padding-inline:var(--_app-navbar-sidebar-item-px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.ds-link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.ds-link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-size);border-radius:var(--ds-alias-radius-base);background-color:var(--_app-navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.ds-link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_app-navbar-sidebar-item-chevron-size);height:var(--_app-navbar-sidebar-item-chevron-size);background-color:var(--_app-navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_app-navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_app-navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_app-navbar-sidebar-item-background-hover);color:var(--_app-navbar-sidebar-item-color-hover);--icon-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_app-navbar-sidebar-item-background-active);color:var(--_app-navbar-sidebar-item-color-active);--icon-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-content-gap);margin-top:var(--ds-global-dimension-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.ds-button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.ds-link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_app-navbar-menu-item-color);font-size:var(--_app-navbar-menu-item-font-size);border-radius:var(--_app-navbar-menu-item-border-radius);padding-inline:var(--_app-navbar-menu-item-px);padding-block:var(--_app-navbar-menu-item-py);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_app-navbar-menu-item-underline-height);border-radius:var(--_app-navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_app-navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_app-navbar-menu-item-color-hover);--icon-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_app-navbar-menu-item-color-active);--icon-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start{-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.ds-button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.ds-button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-app-navbar-light-title-color);--mod-app-navbar-background:var(--ds-app-navbar-light-background);--mod-app-navbar-title-color:var(--ds-app-navbar-light-title-color);--_app-navbar-focus-color-start:var(--ds-app-navbar-light-focus-color-start);--_app-navbar-focus-color-end:var(--ds-app-navbar-light-focus-color-end);--mod-app-navbar-menu-item-color:var(--ds-app-navbar-light-menu-item-color-base);--mod-app-navbar-menu-item-color-hover:var(--ds-app-navbar-light-menu-item-color-hover);--mod-app-navbar-menu-item-color-active:var(--ds-app-navbar-light-menu-item-color-active);--mod-app-navbar-menu-item-color-selected:var(--ds-app-navbar-light-menu-item-color-selected);--mod-app-navbar-sidebar-panel-border-top:var(--ds-app-navbar-light-sidebar-panel-border-top);--mod-app-navbar-button-color-text:var(--ds-app-navbar-light-button-color-text-base);--mod-app-navbar-button-color-background:var(--ds-app-navbar-light-button-color-background-base);--mod-app-navbar-button-color-border:var(--ds-app-navbar-light-button-color-border-base);--mod-app-navbar-button-color-text-hover:var(--ds-app-navbar-light-button-color-text-hover);--mod-app-navbar-button-color-background-hover:var(--ds-app-navbar-light-button-color-background-hover);--mod-app-navbar-button-color-border-hover:var(--ds-app-navbar-light-button-color-border-hover);--mod-app-navbar-button-color-text-active:var(--ds-app-navbar-light-button-color-text-active);--mod-app-navbar-button-color-background-active:var(--ds-app-navbar-light-button-color-background-active);--mod-app-navbar-button-color-border-active:var(--ds-app-navbar-light-button-color-border-active)}';export{f as ds_app_navbar}
@@ -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 t,J as i,P as e,F as s,G as n,I as r}from"./p-vF16SDFF.js";import{_ as o,L as a,a as d}from"./p-nVdGbZYj.js";import{T as p}from"./p-C2tiilHE.js";import"./p-CnMdxr0m.js";const g=class{constructor(e){t(this,e),this.dsWillUpdate=i(this,"dsWillUpdate"),this.description="",this.icon="",this.label="",this.svg=""}createLogger(t){this.log=t}connectedCallback(){this.debouncedWillUpdate=e((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return s(n,{key:"5c0c7220c0c73a1c97910e68ba4f4dfd7f42afcb","aria-hidden":"true"})}static get formAssociated(){return!0}get el(){return r(this)}};o([a("segment-item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),o([p("string"),d("design:type",String)],g.prototype,"description",void 0),o([p("string"),d("design:type",String)],g.prototype,"icon",void 0),o([p("string"),d("design:type",String)],g.prototype,"label",void 0),o([p("string"),d("design:type",String)],g.prototype,"svg",void 0),g.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{g as ds_segment_item}
4
+ import{D as t,J as e,P as i,F as s,G as n,I as r}from"./p-BZEWgXed.js";import{_ as o,L as a,a as d}from"./p-BZsCW9yV.js";import{T as p}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const g=class{constructor(i){t(this,i),this.dsWillUpdate=e(this,"dsWillUpdate"),this.description="",this.icon="",this.label="",this.svg=""}createLogger(t){this.log=t}connectedCallback(){this.debouncedWillUpdate=i((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return s(n,{key:"5c0c7220c0c73a1c97910e68ba4f4dfd7f42afcb","aria-hidden":"true"})}static get formAssociated(){return!0}get el(){return r(this)}};o([a("segment-item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),o([p("string"),d("design:type",String)],g.prototype,"description",void 0),o([p("string"),d("design:type",String)],g.prototype,"icon",void 0),o([p("string"),d("design:type",String)],g.prototype,"label",void 0),o([p("string"),d("design:type",String)],g.prototype,"svg",void 0),g.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{g as ds_segment_item}
@@ -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 i,x as t,F as r,G as n,I as o}from"./p-vF16SDFF.js";import{_ as e,L as a,a as h}from"./p-nVdGbZYj.js";import{i as s}from"./p-BsFXlUpb.js";import{P as d}from"./p-xHQkg6ZE.js";import{O as g}from"./p-Bo3ozMyW.js";import{T as l}from"./p-C2tiilHE.js";import{L as c}from"./p-DqEwL34o.js";import{L as v}from"./p-DljpDnEC.js";import"./p-CnMdxr0m.js";import"./p-DtLg8ChN.js";import"./p-CZ_qlWWQ.js";import"./p-DQwXy0j5.js";const m={de:{triggerLabel:"Weitere Informationen"},en:{triggerLabel:"More information"},fr:{triggerLabel:"Plus d'informations"},it:{triggerLabel:"Ulteriori informazioni"},nl:{triggerLabel:"Meer informatie"},es:{triggerLabel:"Más información"},pl:{triggerLabel:"Więcej informacji"},pt:{triggerLabel:"Mais informações"},sv:{triggerLabel:"Mer information"},fi:{triggerLabel:"Lisätiedot"}},p=class{constructor(r){i(this,r),this.isOpen=!1,this.isTouch=!1,this.animated=!0,this.innerCloseLabel="Close",this.language=t.language,this.region=t.region,this.placement="right",this.label=void 0,this.closeLabel=void 0,this.triggerLabel=void 0,this.handleTriggerClick=()=>{this.toggle()},this.handleWillPresent=()=>{this.isOpen=!0},this.handleWillDismiss=()=>{this.isOpen=!1},this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}componentDidLoad(){this.wirePopupTrigger()}componentDidUpdate(){this.wirePopupTrigger()}listenToKeyDown(i){this.isOpen&&!this.isTouch&&s(i)&&(i.stopPropagation(),this.dismiss())}async present(){var i,t;this.isTouch?await(null===(i=this.drawerEl)||void 0===i?void 0:i.present()):await(null===(t=this.popupEl)||void 0===t?void 0:t.present())}async dismiss(){var i,t;this.isTouch?await(null===(i=this.drawerEl)||void 0===i?void 0:i.dismiss()):await(null===(t=this.popupEl)||void 0===t?void 0:t.dismiss())}async toggle(){this.isOpen?this.dismiss():this.present()}async configChanged(i){if(this.animated=i.animated,this.language=i.language,this.region=i.region,!this.closeLabel)switch(i.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}listenToBreakpoint(i){const t=this.isTouch;this.isTouch=i.touch,t!==this.isTouch&&(this.isOpen=!1)}wirePopupTrigger(){!this.isTouch&&this.popupEl&&this.triggerButtonEl&&(this.popupEl.trigger=this.triggerButtonEl)}hasTitle(){var i,t;const r=this.el.querySelector('[slot="title"]');return null!==r&&(null!==(t=null===(i=r.textContent)||void 0===i?void 0:i.trim().length)&&void 0!==t?t:0)>0}render(){const i=this.closeLabel||this.innerCloseLabel,t=this.triggerLabel||m[this.language].triggerLabel;return r(n,{key:"1f179a8d66f676405699236e3ee06edc8ccddb08"},r("button",{key:"1389354186c9df5729b4cf35072ba9c295001179",part:"trigger",type:"button","aria-expanded":String(this.isOpen),"aria-haspopup":"dialog","aria-label":t,ref:i=>this.triggerButtonEl=i,onClick:this.handleTriggerClick},r("ds-icon",{key:"fd3701741b25edb942282839ebf5b23f6464e2e4",name:"info-circle","aria-hidden":"true"})),this.isTouch?r("ds-drawer",{ref:i=>this.drawerEl=i,closable:!1,backdropDismiss:!0,onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},r("div",{class:"hint-content"},(this.label||this.hasTitle())&&r("div",{class:"hint-header"},r("div",{class:"hint-title"},this.label||r("slot",{name:"title"}))),r("div",{class:"hint-body"},r("slot",null))),r("ds-button",{color:"primary",class:"hint-close-btn",onClick:this.handleCloseClick},i)):r("ds-popup",{ref:i=>this.popupEl=i,closable:!1,placement:this.placement,backdropDismiss:!0,role:"dialog",onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},r("div",{class:"hint-content"},(this.label||this.hasTitle())&&r("div",{class:"hint-header"},r("div",{class:"hint-title"},this.label||r("slot",{name:"title"})),r("ds-close",{onClick:this.handleCloseClick})),r("div",{class:"hint-body"},r("slot",null)))))}get el(){return o(this)}};e([a("hint"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],p.prototype,"createLogger",null),e([g(d),h("design:type",String)],p.prototype,"placement",void 0),e([l("string"),h("design:type",Object)],p.prototype,"label",void 0),e([l("string"),h("design:type",Object)],p.prototype,"closeLabel",void 0),e([l("string"),h("design:type",Object)],p.prototype,"triggerLabel",void 0),e([c(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",Promise)],p.prototype,"configChanged",null),e([v(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],p.prototype,"listenToBreakpoint",null),p.style=":host{--_hint-position:var(--hint-position, var(--mod-hint-position, static));--_hint-top:var(--hint-top, var(--mod-hint-top));--_hint-right:var(--hint-right, var(--mod-hint-right));--_hint-bottom:var(--hint-bottom, var(--mod-hint-bottom));--_hint-left:var(--hint-left, var(--mod-hint-left));position:var(--_hint-position);top:var(--_hint-top);right:var(--_hint-right);bottom:var(--_hint-bottom);left:var(--_hint-left);--_hint-m:var(--hint-m, var(--mod-hint-m, 0));--_hint-my:var(--hint-my, var(--mod-hint-my));--_hint-mx:var(--hint-mx, var(--mod-hint-mx));--_hint-ml:var(--hint-ml, var(--mod-hint-ml));--_hint-mr:var(--hint-mr, var(--mod-hint-mr));--_hint-mt:var(--hint-mt, var(--mod-hint-mt));--_hint-mb:var(--hint-mb, var(--mod-hint-mb));margin:var(--_hint-m);margin-inline:var(--_hint-mx);margin-block:var(--_hint-my);margin-left:var(--_hint-ml);margin-right:var(--_hint-mr);margin-top:var(--_hint-mt);margin-bottom:var(--_hint-mb);--_hint-trigger-color-background-base:var(--hint-trigger-color-background-base, var(--mod-hint-trigger-color-background-base, var(--ds-hint-trigger-color-background-base)));--_hint-trigger-color-background-hover:var(--hint-trigger-color-background-hover, var(--mod-hint-trigger-color-background-hover, var(--ds-hint-trigger-color-background-hover)));--_hint-trigger-radius:var(--hint-trigger-radius, var(--mod-hint-trigger-radius, var(--ds-hint-trigger-radius)));--_hint-trigger-p:var(--hint-trigger-p, var(--mod-hint-trigger-p, var(--ds-hint-trigger-padding)));--_hint-trigger-size:var(--hint-trigger-size, var(--mod-hint-trigger-size, var(--ds-hint-trigger-size)));--_hint-color-focus:var(--hint-color-focus, var(--mod-hint-color-focus, var(--ds-hint-color-focus)));--_hint-heading-font-family:var(--hint-heading-font-family, var(--mod-hint-heading-font-family, var(--ds-hint-heading-font-family)));--_hint-heading-font-weight:var(--hint-heading-font-weight, var(--mod-hint-heading-font-weight, var(--ds-hint-heading-font-weight)));--_hint-heading-font-size:var(--hint-heading-font-size, var(--mod-hint-heading-font-size, var(--ds-hint-heading-font-size)));--_hint-heading-line-height:var(--hint-heading-line-height, var(--mod-hint-heading-line-height, var(--ds-hint-heading-line-height)));--_hint-color-heading:var(--hint-color-heading, var(--mod-hint-color-heading, var(--ds-hint-color-heading)));--_hint-body-font-family:var(--hint-body-font-family, var(--mod-hint-body-font-family, var(--ds-hint-body-font-family)));--_hint-body-font-weight:var(--hint-body-font-weight, var(--mod-hint-body-font-weight, var(--ds-hint-body-font-weight)));--_hint-body-font-size:var(--hint-body-font-size, var(--mod-hint-body-font-size, var(--ds-hint-body-font-size)));--_hint-body-line-height:var(--hint-body-line-height, var(--mod-hint-body-line-height, var(--ds-hint-body-line-height)));--_hint-color-body:var(--hint-color-body, var(--mod-hint-color-body, var(--ds-hint-color-body)));--_hint-color-background:var(--hint-color-background, var(--mod-hint-color-background, var(--ds-hint-color-background)));--_hint-radius:var(--hint-radius, var(--mod-hint-radius, var(--ds-hint-radius)));--_hint-gap:var(--hint-gap, var(--mod-hint-gap, var(--ds-hint-gap)))}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle}:host [part=trigger]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:var(--_hint-trigger-p);width:var(--_hint-trigger-size);height:var(--_hint-trigger-size);border-radius:var(--_hint-trigger-radius);cursor:pointer;color:var(--_hint-trigger-color-background-base);line-height:0}@media (hover: hover)and (pointer: fine){:host [part=trigger]:hover{color:var(--_hint-trigger-color-background-hover);--icon-color:var(--_hint-trigger-color-background-hover)}}:host [part=trigger]:active{color:var(--_hint-trigger-color-background-active);--icon-color:var(--_hint-trigger-color-background-active)}@media (hover: hover)and (pointer: fine){:host [part=trigger]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_hint-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_hint-color-focus) 0 0 0 5px !important}}:host [part=trigger] ds-icon{--icon-size:calc(var(--_hint-trigger-size) - var(--_hint-trigger-p));--icon-inner-size:calc(var(--_hint-trigger-size) - var(--_hint-trigger-p))}:host ds-popup{--popup-background:var(--_hint-color-background);--popup-radius:var(--_hint-radius);--popup-max-width:20rem}:host ds-drawer{--drawer-background:var(--_hint-color-background);--drawer-radius:var(--_hint-radius)}:host .hint-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_hint-gap)}:host .hint-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;gap:var(--_hint-gap)}:host .hint-title{font-family:var(--_hint-heading-font-family);font-weight:var(--_hint-heading-font-weight);font-size:var(--_hint-heading-font-size);line-height:var(--_hint-heading-line-height);color:var(--_hint-color-heading)}:host .hint-body{font-family:var(--_hint-body-font-family);font-weight:var(--_hint-body-font-weight);font-size:var(--_hint-body-font-size);line-height:var(--_hint-body-line-height);color:var(--_hint-color-body)}:host .hint-close-btn{margin-top:var(--_hint-gap);width:100%}";export{p as ds_hint}
4
+ import{D as i,x as t,F as r,G as n,I as o}from"./p-BZEWgXed.js";import{_ as e,L as a,a as h}from"./p-BZsCW9yV.js";import{i as s}from"./p-BsFXlUpb.js";import{P as d}from"./p-xHQkg6ZE.js";import{O as g}from"./p-DE5aqD5-.js";import{T as l}from"./p-BaZBnuEF.js";import{L as c}from"./p-reH0cIhP.js";import{L as v}from"./p-CBGuu-I2.js";import"./p-C0WbBTf4.js";import"./p-FibyOiqE.js";import"./p-GV5U_dO3.js";import"./p-BXt6QjIx.js";const m={de:{triggerLabel:"Weitere Informationen"},en:{triggerLabel:"More information"},fr:{triggerLabel:"Plus d'informations"},it:{triggerLabel:"Ulteriori informazioni"},nl:{triggerLabel:"Meer informatie"},es:{triggerLabel:"Más información"},pl:{triggerLabel:"Więcej informacji"},pt:{triggerLabel:"Mais informações"},sv:{triggerLabel:"Mer information"},fi:{triggerLabel:"Lisätiedot"}},p=class{constructor(r){i(this,r),this.isOpen=!1,this.isTouch=!1,this.animated=!0,this.innerCloseLabel="Close",this.language=t.language,this.region=t.region,this.placement="right",this.label=void 0,this.closeLabel=void 0,this.triggerLabel=void 0,this.handleTriggerClick=()=>{this.toggle()},this.handleWillPresent=()=>{this.isOpen=!0},this.handleWillDismiss=()=>{this.isOpen=!1},this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}componentDidLoad(){this.wirePopupTrigger()}componentDidUpdate(){this.wirePopupTrigger()}listenToKeyDown(i){this.isOpen&&!this.isTouch&&s(i)&&(i.stopPropagation(),this.dismiss())}async present(){var i,t;this.isTouch?await(null===(i=this.drawerEl)||void 0===i?void 0:i.present()):await(null===(t=this.popupEl)||void 0===t?void 0:t.present())}async dismiss(){var i,t;this.isTouch?await(null===(i=this.drawerEl)||void 0===i?void 0:i.dismiss()):await(null===(t=this.popupEl)||void 0===t?void 0:t.dismiss())}async toggle(){this.isOpen?this.dismiss():this.present()}async configChanged(i){if(this.animated=i.animated,this.language=i.language,this.region=i.region,!this.closeLabel)switch(i.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}listenToBreakpoint(i){const t=this.isTouch;this.isTouch=i.touch,t!==this.isTouch&&(this.isOpen=!1)}wirePopupTrigger(){!this.isTouch&&this.popupEl&&this.triggerButtonEl&&(this.popupEl.trigger=this.triggerButtonEl)}hasTitle(){var i,t;const r=this.el.querySelector('[slot="title"]');return null!==r&&(null!==(t=null===(i=r.textContent)||void 0===i?void 0:i.trim().length)&&void 0!==t?t:0)>0}render(){const i=this.closeLabel||this.innerCloseLabel,t=this.triggerLabel||m[this.language].triggerLabel;return r(n,{key:"1f179a8d66f676405699236e3ee06edc8ccddb08"},r("button",{key:"1389354186c9df5729b4cf35072ba9c295001179",part:"trigger",type:"button","aria-expanded":String(this.isOpen),"aria-haspopup":"dialog","aria-label":t,ref:i=>this.triggerButtonEl=i,onClick:this.handleTriggerClick},r("ds-icon",{key:"fd3701741b25edb942282839ebf5b23f6464e2e4",name:"info-circle","aria-hidden":"true"})),this.isTouch?r("ds-drawer",{ref:i=>this.drawerEl=i,closable:!1,backdropDismiss:!0,onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},r("div",{class:"hint-content"},(this.label||this.hasTitle())&&r("div",{class:"hint-header"},r("div",{class:"hint-title"},this.label||r("slot",{name:"title"}))),r("div",{class:"hint-body"},r("slot",null))),r("ds-button",{color:"primary",class:"hint-close-btn",onClick:this.handleCloseClick},i)):r("ds-popup",{ref:i=>this.popupEl=i,closable:!1,placement:this.placement,backdropDismiss:!0,role:"dialog",onDsWillPresent:this.handleWillPresent,onDsWillDismiss:this.handleWillDismiss},r("div",{class:"hint-content"},(this.label||this.hasTitle())&&r("div",{class:"hint-header"},r("div",{class:"hint-title"},this.label||r("slot",{name:"title"})),r("ds-close",{onClick:this.handleCloseClick})),r("div",{class:"hint-body"},r("slot",null)))))}get el(){return o(this)}};e([a("hint"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],p.prototype,"createLogger",null),e([g(d),h("design:type",String)],p.prototype,"placement",void 0),e([l("string"),h("design:type",Object)],p.prototype,"label",void 0),e([l("string"),h("design:type",Object)],p.prototype,"closeLabel",void 0),e([l("string"),h("design:type",Object)],p.prototype,"triggerLabel",void 0),e([c(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",Promise)],p.prototype,"configChanged",null),e([v(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],p.prototype,"listenToBreakpoint",null),p.style=":host{--_hint-position:var(--hint-position, var(--mod-hint-position, static));--_hint-top:var(--hint-top, var(--mod-hint-top));--_hint-right:var(--hint-right, var(--mod-hint-right));--_hint-bottom:var(--hint-bottom, var(--mod-hint-bottom));--_hint-left:var(--hint-left, var(--mod-hint-left));position:var(--_hint-position);top:var(--_hint-top);right:var(--_hint-right);bottom:var(--_hint-bottom);left:var(--_hint-left);--_hint-m:var(--hint-m, var(--mod-hint-m, 0));--_hint-my:var(--hint-my, var(--mod-hint-my));--_hint-mx:var(--hint-mx, var(--mod-hint-mx));--_hint-ml:var(--hint-ml, var(--mod-hint-ml));--_hint-mr:var(--hint-mr, var(--mod-hint-mr));--_hint-mt:var(--hint-mt, var(--mod-hint-mt));--_hint-mb:var(--hint-mb, var(--mod-hint-mb));margin:var(--_hint-m);margin-inline:var(--_hint-mx);margin-block:var(--_hint-my);margin-left:var(--_hint-ml);margin-right:var(--_hint-mr);margin-top:var(--_hint-mt);margin-bottom:var(--_hint-mb);--_hint-trigger-color-background-base:var(--hint-trigger-color-background-base, var(--mod-hint-trigger-color-background-base, var(--ds-hint-trigger-color-background-base)));--_hint-trigger-color-background-hover:var(--hint-trigger-color-background-hover, var(--mod-hint-trigger-color-background-hover, var(--ds-hint-trigger-color-background-hover)));--_hint-trigger-radius:var(--hint-trigger-radius, var(--mod-hint-trigger-radius, var(--ds-hint-trigger-radius)));--_hint-trigger-p:var(--hint-trigger-p, var(--mod-hint-trigger-p, var(--ds-hint-trigger-padding)));--_hint-trigger-size:var(--hint-trigger-size, var(--mod-hint-trigger-size, var(--ds-hint-trigger-size)));--_hint-color-focus:var(--hint-color-focus, var(--mod-hint-color-focus, var(--ds-hint-color-focus)));--_hint-heading-font-family:var(--hint-heading-font-family, var(--mod-hint-heading-font-family, var(--ds-hint-heading-font-family)));--_hint-heading-font-weight:var(--hint-heading-font-weight, var(--mod-hint-heading-font-weight, var(--ds-hint-heading-font-weight)));--_hint-heading-font-size:var(--hint-heading-font-size, var(--mod-hint-heading-font-size, var(--ds-hint-heading-font-size)));--_hint-heading-line-height:var(--hint-heading-line-height, var(--mod-hint-heading-line-height, var(--ds-hint-heading-line-height)));--_hint-color-heading:var(--hint-color-heading, var(--mod-hint-color-heading, var(--ds-hint-color-heading)));--_hint-body-font-family:var(--hint-body-font-family, var(--mod-hint-body-font-family, var(--ds-hint-body-font-family)));--_hint-body-font-weight:var(--hint-body-font-weight, var(--mod-hint-body-font-weight, var(--ds-hint-body-font-weight)));--_hint-body-font-size:var(--hint-body-font-size, var(--mod-hint-body-font-size, var(--ds-hint-body-font-size)));--_hint-body-line-height:var(--hint-body-line-height, var(--mod-hint-body-line-height, var(--ds-hint-body-line-height)));--_hint-color-body:var(--hint-color-body, var(--mod-hint-color-body, var(--ds-hint-color-body)));--_hint-color-background:var(--hint-color-background, var(--mod-hint-color-background, var(--ds-hint-color-background)));--_hint-radius:var(--hint-radius, var(--mod-hint-radius, var(--ds-hint-radius)));--_hint-gap:var(--hint-gap, var(--mod-hint-gap, var(--ds-hint-gap)))}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle}:host [part=trigger]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:var(--_hint-trigger-p);width:var(--_hint-trigger-size);height:var(--_hint-trigger-size);border-radius:var(--_hint-trigger-radius);cursor:pointer;color:var(--_hint-trigger-color-background-base);line-height:0}@media (hover: hover)and (pointer: fine){:host [part=trigger]:hover{color:var(--_hint-trigger-color-background-hover);--icon-color:var(--_hint-trigger-color-background-hover)}}:host [part=trigger]:active{color:var(--_hint-trigger-color-background-active);--icon-color:var(--_hint-trigger-color-background-active)}@media (hover: hover)and (pointer: fine){:host [part=trigger]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_hint-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_hint-color-focus) 0 0 0 5px !important}}:host [part=trigger] ds-icon{--icon-size:calc(var(--_hint-trigger-size) - var(--_hint-trigger-p));--icon-inner-size:calc(var(--_hint-trigger-size) - var(--_hint-trigger-p))}:host ds-popup{--popup-background:var(--_hint-color-background);--popup-radius:var(--_hint-radius);--popup-max-width:20rem}:host ds-drawer{--drawer-background:var(--_hint-color-background);--drawer-radius:var(--_hint-radius)}:host .hint-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_hint-gap)}:host .hint-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;gap:var(--_hint-gap)}:host .hint-title{font-family:var(--_hint-heading-font-family);font-weight:var(--_hint-heading-font-weight);font-size:var(--_hint-heading-font-size);line-height:var(--_hint-heading-line-height);color:var(--_hint-color-heading)}:host .hint-body{font-family:var(--_hint-body-font-family);font-weight:var(--_hint-body-font-weight);font-size:var(--_hint-body-font-size);line-height:var(--_hint-body-line-height);color:var(--_hint-color-body)}:host .hint-close-btn{margin-top:var(--_hint-gap);width:100%}";export{p as ds_hint}
@@ -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 r,J as o,x as e,M as t,F as a,I as i}from"./p-vF16SDFF.js";import{_ as n,L as s,a as d}from"./p-nVdGbZYj.js";import{i as l}from"./p-ChyhE5ro.js";import{F as c}from"./p-BwDOnHtD.js";import{w as m}from"./p-CHZn7ODg.js";import{F as h}from"./p-bTeo6KbL.js";import{a as f,I as v,d as p}from"./p-tQJW0EmK.js";import{T as b}from"./p-C2tiilHE.js";import{O as g}from"./p-Bo3ozMyW.js";import{L as u}from"./p-DqEwL34o.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-CnMdxr0m.js";const x=class{constructor(t){r(this,t),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsClick=o(this,"dsClick"),this.dsFocus=o(this,"dsFocus"),this.dsInput=o(this,"dsInput"),this.dsKeyPress=o(this,"dsKeyPress"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.inputId="ds-textarea-"+y++,this.inheritedAttributes={},this.control=new c(this),this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=e.language,this.region=e.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.handleClick=r=>{this.control.onClick(r)},this.handleFocus=r=>{this.control.onFocus(r)},this.handleBlur=r=>{this.control.onBlur(r)},this.handleInput=r=>{this.control.onInput(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=t(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=m(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){this.control.listenOnReset(r)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(r){this.language=r.language,this.region=r.region}render(){const r=this.invalid||this.hasInvalidTextSlotContent,o=(this.value||"").toString();return a(h,{key:"fd1cd9660085f71b5fb4b0612681ae5959c11e8c",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},a("textarea",Object.assign({key:"b6dc1c614f277b02c618f499f020ab034e73ec95",id:"textarea",part:"textarea",name:this.name,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,value:o,onClick:r=>this.handleClick(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onInput:r=>this.handleInput(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return i(this)}static get watchers(){return{debounce:[{debounceChanged:0}]}}};n([s("textarea"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),n([b("string"),d("design:type",String)],x.prototype,"autocapitalize",void 0),n([g(f),d("design:type",String)],x.prototype,"autocomplete",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"autofocus",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"autoInvalidOff",void 0),n([g(v),d("design:type",String)],x.prototype,"color",void 0),n([b("number"),d("design:type",Number)],x.prototype,"cols",void 0),n([b("number"),d("design:type",Number)],x.prototype,"debounce",void 0),n([b("string"),d("design:type",String)],x.prototype,"description",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),n([g(p),d("design:type",String)],x.prototype,"inputmode",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),n([b("string"),d("design:type",String)],x.prototype,"invalidText",void 0),n([b("string"),d("design:type",String)],x.prototype,"label",void 0),n([b("number"),d("design:type",Number)],x.prototype,"maxLength",void 0),n([b("number"),d("design:type",Number)],x.prototype,"minLength",void 0),n([b("string"),d("design:type",String)],x.prototype,"name",void 0),n([b("string"),d("design:type",String)],x.prototype,"placeholder",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"readonly",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"required",void 0),n([b("number"),d("design:type",Number)],x.prototype,"rows",void 0),n([b("string"),d("design:type",Object)],x.prototype,"value",void 0),n([g(["hard","soft","off"]),d("design:type",String)],x.prototype,"wrap",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],x.prototype,"configChanged",null);let y=0;x.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)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-default-control-typo-font-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-default-control-typo-font-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-default-control-typo-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-default-control-typo-font-size)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-default-control-value-color)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-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 #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host textarea{padding:0}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-ms-flex-align:center;align-items:center;padding-block:.5rem}:host #container textarea{resize:vertical}: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) #textarea{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-textarea-color:var(--ds-form-disabled-control-value-color);--mod-textarea-placeholder:var(--ds-form-disabled-control-placeholder-color)}";export{x as ds_textarea}
4
+ import{D as r,J as o,x as e,M as t,F as a,I as i}from"./p-BZEWgXed.js";import{_ as n,L as s,a as d}from"./p-BZsCW9yV.js";import{i as l}from"./p-ChyhE5ro.js";import{F as c}from"./p-D4hbhLgQ.js";import{w as m}from"./p-CHZn7ODg.js";import{F as h}from"./p-Bwb-pdM2.js";import{a as f,I as v,d as p}from"./p-tQJW0EmK.js";import{T as b}from"./p-BaZBnuEF.js";import{O as g}from"./p-DE5aqD5-.js";import{L as u}from"./p-reH0cIhP.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";const x=class{constructor(t){r(this,t),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsClick=o(this,"dsClick"),this.dsFocus=o(this,"dsFocus"),this.dsInput=o(this,"dsInput"),this.dsKeyPress=o(this,"dsKeyPress"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.inputId="ds-textarea-"+y++,this.inheritedAttributes={},this.control=new c(this),this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=e.language,this.region=e.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.handleClick=r=>{this.control.onClick(r)},this.handleFocus=r=>{this.control.onFocus(r)},this.handleBlur=r=>{this.control.onBlur(r)},this.handleInput=r=>{this.control.onInput(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=t(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=m(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){this.control.listenOnReset(r)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(r){this.language=r.language,this.region=r.region}render(){const r=this.invalid||this.hasInvalidTextSlotContent,o=(this.value||"").toString();return a(h,{key:"fd1cd9660085f71b5fb4b0612681ae5959c11e8c",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},a("textarea",Object.assign({key:"b6dc1c614f277b02c618f499f020ab034e73ec95",id:"textarea",part:"textarea",name:this.name,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,value:o,onClick:r=>this.handleClick(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onInput:r=>this.handleInput(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return i(this)}static get watchers(){return{debounce:[{debounceChanged:0}]}}};n([s("textarea"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),n([b("string"),d("design:type",String)],x.prototype,"autocapitalize",void 0),n([g(f),d("design:type",String)],x.prototype,"autocomplete",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"autofocus",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"autoInvalidOff",void 0),n([g(v),d("design:type",String)],x.prototype,"color",void 0),n([b("number"),d("design:type",Number)],x.prototype,"cols",void 0),n([b("number"),d("design:type",Number)],x.prototype,"debounce",void 0),n([b("string"),d("design:type",String)],x.prototype,"description",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),n([g(p),d("design:type",String)],x.prototype,"inputmode",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),n([b("string"),d("design:type",String)],x.prototype,"invalidText",void 0),n([b("string"),d("design:type",String)],x.prototype,"label",void 0),n([b("number"),d("design:type",Number)],x.prototype,"maxLength",void 0),n([b("number"),d("design:type",Number)],x.prototype,"minLength",void 0),n([b("string"),d("design:type",String)],x.prototype,"name",void 0),n([b("string"),d("design:type",String)],x.prototype,"placeholder",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"readonly",void 0),n([b("boolean"),d("design:type",Boolean)],x.prototype,"required",void 0),n([b("number"),d("design:type",Number)],x.prototype,"rows",void 0),n([b("string"),d("design:type",Object)],x.prototype,"value",void 0),n([g(["hard","soft","off"]),d("design:type",String)],x.prototype,"wrap",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],x.prototype,"configChanged",null);let y=0;x.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)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-default-control-typo-font-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-default-control-typo-font-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-default-control-typo-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-default-control-typo-font-size)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-default-control-value-color)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-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 #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host textarea{padding:0}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-ms-flex-align:center;align-items:center;padding-block:.5rem}:host #container textarea{resize:vertical}: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) #textarea{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-textarea-color:var(--ds-form-disabled-control-value-color);--mod-textarea-placeholder:var(--ds-form-disabled-control-placeholder-color)}";export{x as ds_textarea}
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
3
+ */
4
+ import{D as s,J as i,P as a,d as t,i as e,L as n,a2 as h,S as o,F as g,G as d,I as r}from"./p-BZEWgXed.js";import{_ as l,L as p,a as c}from"./p-BZsCW9yV.js";import{a as C}from"./p-B0WMymhT.js";import{d as u}from"./p-BXt6QjIx.js";import{s as y}from"./p-CRcUoK4K.js";import{e as L,h as m,g as b,i as f,f as k,j as v,m as w,n as j,p as B,k as S,l as T,L as F}from"./p-reH0cIhP.js";import{T as x}from"./p-BaZBnuEF.js";import{O as D}from"./p-DE5aqD5-.js";import"./p-Dw7BDW7b.js";import"./p-C0WbBTf4.js";const E=class{constructor(e){s(this,e),this.dsAppReady=i(this,"dsAppReady"),this.dsAnimatedChange=i(this,"dsAnimatedChange"),this.dsBrandChange=i(this,"dsBrandChange"),this.dsRegionChange=i(this,"dsRegionChange"),this.dsLanguageChange=i(this,"dsLanguageChange"),this.dsAllowedLanguagesChange=i(this,"dsAllowedLanguagesChange"),this.dsFallbackLanguageChange=i(this,"dsFallbackLanguageChange"),this.dsIconsChange=i(this,"dsIconsChange"),this.dsLegalLinksChange=i(this,"dsLegalLinksChange"),this.dsLegalTextChange=i(this,"dsLegalTextChange"),this.dsSocialLinksChange=i(this,"dsSocialLinksChange"),this.debouncedNotify=a((()=>this.notifyResize()),100),this.animated=!0,this.ready=!1,this.logger="",this.notifyResize=async()=>{if(t.hasDocument&&t.hasWindow){const s=document.documentElement,i=`${window.innerHeight}px`;s.style.setProperty("--ds-root-height",i),s.style.setProperty("--ds-app-height",i)}}}createLogger(s){this.log=s}brandChanged(){this.brand&&L(this.brand)}regionChanged(){this.region&&m(this.region)}fallbackLanguageChanged(){this.fallbackLanguage&&b(this.fallbackLanguage)}allowedLanguagesChanged(){this.allowedLanguages&&f(this.allowedLanguages.split(",").map((s=>s.trim())))}languageChanged(){this.language&&k(this.language)}iconsChanged(){this.icons&&v(this.icons)}legalLinksChanged(){this.legalLinks&&w(this.legalLinks)}legalTextChanged(){this.legalText&&j(this.legalText)}socialLinksChanged(){this.socialLinks&&B(this.socialLinks)}connectedCallback(){var s;t.hasWindow&&!(null===(s=window.DesignSystem)||void 0===s?void 0:s.config)&&e(),!1===this.animated&&S(this.animated),this.logger&&T(this.logger.split(",").map((s=>s.trim()))),t.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentWillLoad(){this.brandChanged(),this.regionChanged(),this.fallbackLanguageChanged(),this.allowedLanguagesChanged(),this.languageChanged(),this.iconsChanged(),this.legalLinksChanged(),this.legalTextChanged(),this.socialLinksChanged()}componentDidLoad(){n((()=>{this.ready=!0,y()})),h((()=>{t.hasDocument&&t.hasWindow&&(document.documentElement.classList.add("lcp-ready"),this.dsAppReady.emit())}))}disconnectedCallback(){t.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(s){this.focusVisible&&this.focusVisible.setFocus(s)}async configChanged(s){const i=this.lastConfigState;this.lastConfigState=Object.assign({},s),i&&(i.animated!==s.animated&&this.dsAnimatedChange.emit(s.animated),i.brand!==s.brand&&this.dsBrandChange.emit(s.brand),i.region!==s.region&&this.dsRegionChange.emit(s.region),i.language!==s.language&&this.dsLanguageChange.emit(s.language),C(i.allowedLanguages,s.allowedLanguages)||this.dsAllowedLanguagesChange.emit(s.allowedLanguages),i.fallbackLanguage!==s.fallbackLanguage&&this.dsFallbackLanguageChange.emit(s.fallbackLanguage),o(i.icons,s.icons)||this.dsIconsChange.emit(s.icons),o(i.legalLinks,s.legalLinks)||this.dsLegalLinksChange.emit(s.legalLinks),o(i.legalText,s.legalText)||this.dsLegalTextChange.emit(s.legalText),o(i.socialLinks,s.socialLinks)||this.dsSocialLinksChange.emit(s.socialLinks))}render(){return g(d,{key:"5f0d71555b30b85fc24f44ab76a29259f1761b96",class:{"ds-root":!0,"ds-app":!0,"ds-root--safari":t.isSafari,"ds-app--safari":t.isSafari,"ds-root--touch":u.hasTouchScreen,"ds-app--touch":u.hasTouchScreen}},g("slot",{key:"154b3d5e5e7f9bb02ab55339eed271d464d799cf"}))}get el(){return r(this)}static get watchers(){return{brand:[{brandChanged:0}],region:[{regionChanged:0}],fallbackLanguage:[{fallbackLanguageChanged:0}],allowedLanguages:[{allowedLanguagesChanged:0}],language:[{languageChanged:0}],icons:[{iconsChanged:0}],legalLinks:[{legalLinksChanged:0}],legalText:[{legalTextChanged:0}],socialLinks:[{socialLinksChanged:0}]}}};l([p("root"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],E.prototype,"createLogger",null),l([x("boolean"),c("design:type",Boolean)],E.prototype,"animated",void 0),l([D(["baloise","helvetia"]),c("design:type",String)],E.prototype,"brand",void 0),l([D(["CH","DE","BE","LU","AT","ES","IT","NL","FR"]),c("design:type",String)],E.prototype,"region",void 0),l([x("string"),c("design:type",String)],E.prototype,"language",void 0),l([x("string"),c("design:type",String)],E.prototype,"allowedLanguages",void 0),l([x("string"),c("design:type",String)],E.prototype,"fallbackLanguage",void 0),l([x("boolean"),c("design:type",Boolean)],E.prototype,"ready",void 0),l([x("string"),c("design:type",String)],E.prototype,"logger",void 0),l([F(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],E.prototype,"configChanged",null),E.style=":root{--ds-root-height:100%;--ds-app-height:var(--ds-root-height)}.ds-root,.ds-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";export{E as ds_root}
@@ -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,F as t,x as r,I as c}from"./p-vF16SDFF.js";import{_ as a,L as i,a as l}from"./p-nVdGbZYj.js";import{i as d}from"./p-ChyhE5ro.js";import{a as s}from"./p-BwDOnHtD.js";import{w as g}from"./p-CHZn7ODg.js";import{F as n}from"./p-bTeo6KbL.js";import{T as h}from"./p-C2tiilHE.js";import{O as b}from"./p-Bo3ozMyW.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-CnMdxr0m.js";const k=class{constructor(t){e(this,t),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.inputId="ds-tg-"+v++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.hasInvalidTextSlotContent=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.name=this.inputId,this.readonly=!1,this.required=!1,this.value="on",this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))},this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),s(this.internals,this.checked?this.value:null)},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,s(this.internals,this.checked?this.value:null),this.disconnectInvalidTextSlotWatcher=g(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e;null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}componentWillLoad(){s(this.internals,this.checked?this.value:null),this.inheritAttributes=d(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return t(n,{key:"cd60258f4b42f8abfa79bef90d416f34ad99325d",role:"field",disabled:this.disabled,color:"primary",invalid:e,label:"",description:"",invalidText:this.invalidText,required:this.required,language:r.language,cssClasses:{"is-disabled":this.disabled||this.readonly,"is-invalid":e,"is-checked":this.checked,"is-dense":this.dense,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition}},t("label",{key:"3b5084daac77941426b71e818a1f3cb1ef2e95fb",id:"label",part:"label"},t("input",Object.assign({key:"7e4189372a02183f01bcd67af9a447437097a479",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-describedby":e?"description":void 0,"aria-invalid":e?"true":"false",onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),t("div",{key:"102932c1fa0336e92aaee0c7a69868378f95aaee",id:"slot",part:"slot"},t("slot",{key:"225b82ce8fa9aad3483938360bd504af33c42c10"}))))}static get formAssociated(){return!0}get el(){return c(this)}};a([i("toggle"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null),a([h("boolean"),l("design:type",Boolean)],k.prototype,"autoInvalidOff",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"checked",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"dense",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"disabled",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"invalid",void 0),a([h("string"),l("design:type",String)],k.prototype,"invalidText",void 0),a([h("string"),l("design:type",String)],k.prototype,"label",void 0),a([b(["left","top","right"]),l("design:type",String)],k.prototype,"labelPosition",void 0),a([h("string"),l("design:type",String)],k.prototype,"name",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"readonly",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"required",void 0),a([h("string"),l("design:type",Object)],k.prototype,"value",void 0);let v=0;k.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_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{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-toggle-label-color-hover)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-toggle-label-color-active)));--_toggle-label-disabled-color:var(--toggle-label-disabled-color, var(--mod-toggle-label-disabled-color, var(--ds-toggle-label-color-disabled)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-toggle-border-width)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-toggle-radius)));--_toggle-py:var(--toggle-py, var(--mod-toggle-py, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-toggle-unchecked-color-base-background)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-toggle-unchecked-color-base-tick)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-toggle-unchecked-color-hover-background)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-toggle-unchecked-color-hover-tick)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-toggle-unchecked-color-active-background)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-toggle-unchecked-color-active-tick)));--_toggle-unchecked-disabled-color-background:var(--toggle-unchecked-disabled-color-background, var(--mod-toggle-unchecked-disabled-color-background, var(--ds-toggle-unchecked-color-disabled-background)));--_toggle-unchecked-disabled-color-tick:var(--toggle-unchecked-disabled-color-tick, var(--mod-toggle-unchecked-disabled-color-tick, var(--ds-toggle-unchecked-color-disabled-tick)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-toggle-checked-color-base-background)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-toggle-checked-color-base-tick)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-toggle-checked-color-base-icon)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-toggle-checked-color-hover-background)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-toggle-checked-color-hover-tick)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-toggle-checked-color-active-background)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-toggle-checked-color-active-tick)));--_toggle-checked-disabled-color-background:var(--toggle-checked-disabled-color-background, var(--mod-toggle-checked-disabled-color-background, var(--ds-toggle-checked-color-disabled-background)));--_toggle-checked-disabled-color-tick:var(--toggle-checked-disabled-color-tick, var(--mod-toggle-checked-disabled-color-tick, var(--ds-toggle-checked-color-disabled-tick)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:var(--_toggle-py);padding-bottom:var(--_toggle-py);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;outline:none;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:\"\";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:\"\";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-dense){--mod-toggle-min-height:2rem;--mod-toggle-py:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--_toggle-label-disabled-color);--mod-toggle-label-hover-color:var(--_toggle-label-disabled-color);--mod-toggle-label-active-color:var(--_toggle-label-disabled-color);--mod-toggle-unchecked-base-color-background:var(--_toggle-unchecked-disabled-color-background);--mod-toggle-unchecked-base-color-tick:var(--_toggle-unchecked-disabled-color-tick);--mod-toggle-checked-base-color-background:var(--_toggle-checked-disabled-color-background);--mod-toggle-checked-base-color-tick:var(--_toggle-checked-disabled-color-tick)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{display:contents}: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(.is-invalid){--mod-form-description-color:var(--ds-form-danger-description-color)}:host(.ds-field){display:inline-block !important;width:auto !important;-ms-flex:none !important;flex:none !important;margin-top:0 !important;margin-bottom:0 !important}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}";export{k as ds_toggle}
4
+ import{D as e,J as o,F as t,x as r,I as c}from"./p-BZEWgXed.js";import{_ as a,L as i,a as l}from"./p-BZsCW9yV.js";import{i as d}from"./p-ChyhE5ro.js";import{a as s}from"./p-D4hbhLgQ.js";import{w as g}from"./p-CHZn7ODg.js";import{F as n}from"./p-Bwb-pdM2.js";import{T as h}from"./p-BaZBnuEF.js";import{O as b}from"./p-DE5aqD5-.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";const k=class{constructor(t){e(this,t),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.inputId="ds-tg-"+v++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.hasInvalidTextSlotContent=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.name=this.inputId,this.readonly=!1,this.required=!1,this.value="on",this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))},this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),s(this.internals,this.checked?this.value:null)},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,s(this.internals,this.checked?this.value:null),this.disconnectInvalidTextSlotWatcher=g(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e;null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}componentWillLoad(){s(this.internals,this.checked?this.value:null),this.inheritAttributes=d(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return t(n,{key:"cd60258f4b42f8abfa79bef90d416f34ad99325d",role:"field",disabled:this.disabled,color:"primary",invalid:e,label:"",description:"",invalidText:this.invalidText,required:this.required,language:r.language,cssClasses:{"is-disabled":this.disabled||this.readonly,"is-invalid":e,"is-checked":this.checked,"is-dense":this.dense,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition}},t("label",{key:"3b5084daac77941426b71e818a1f3cb1ef2e95fb",id:"label",part:"label"},t("input",Object.assign({key:"7e4189372a02183f01bcd67af9a447437097a479",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-describedby":e?"description":void 0,"aria-invalid":e?"true":"false",onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),t("div",{key:"102932c1fa0336e92aaee0c7a69868378f95aaee",id:"slot",part:"slot"},t("slot",{key:"225b82ce8fa9aad3483938360bd504af33c42c10"}))))}static get formAssociated(){return!0}get el(){return c(this)}};a([i("toggle"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null),a([h("boolean"),l("design:type",Boolean)],k.prototype,"autoInvalidOff",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"checked",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"dense",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"disabled",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"invalid",void 0),a([h("string"),l("design:type",String)],k.prototype,"invalidText",void 0),a([h("string"),l("design:type",String)],k.prototype,"label",void 0),a([b(["left","top","right"]),l("design:type",String)],k.prototype,"labelPosition",void 0),a([h("string"),l("design:type",String)],k.prototype,"name",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"readonly",void 0),a([h("boolean"),l("design:type",Boolean)],k.prototype,"required",void 0),a([h("string"),l("design:type",Object)],k.prototype,"value",void 0);let v=0;k.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_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{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-toggle-label-color-hover)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-toggle-label-color-active)));--_toggle-label-disabled-color:var(--toggle-label-disabled-color, var(--mod-toggle-label-disabled-color, var(--ds-toggle-label-color-disabled)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-toggle-border-width)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-toggle-radius)));--_toggle-py:var(--toggle-py, var(--mod-toggle-py, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-toggle-unchecked-color-base-background)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-toggle-unchecked-color-base-tick)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-toggle-unchecked-color-hover-background)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-toggle-unchecked-color-hover-tick)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-toggle-unchecked-color-active-background)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-toggle-unchecked-color-active-tick)));--_toggle-unchecked-disabled-color-background:var(--toggle-unchecked-disabled-color-background, var(--mod-toggle-unchecked-disabled-color-background, var(--ds-toggle-unchecked-color-disabled-background)));--_toggle-unchecked-disabled-color-tick:var(--toggle-unchecked-disabled-color-tick, var(--mod-toggle-unchecked-disabled-color-tick, var(--ds-toggle-unchecked-color-disabled-tick)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-toggle-checked-color-base-background)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-toggle-checked-color-base-tick)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-toggle-checked-color-base-icon)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-toggle-checked-color-hover-background)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-toggle-checked-color-hover-tick)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-toggle-checked-color-active-background)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-toggle-checked-color-active-tick)));--_toggle-checked-disabled-color-background:var(--toggle-checked-disabled-color-background, var(--mod-toggle-checked-disabled-color-background, var(--ds-toggle-checked-color-disabled-background)));--_toggle-checked-disabled-color-tick:var(--toggle-checked-disabled-color-tick, var(--mod-toggle-checked-disabled-color-tick, var(--ds-toggle-checked-color-disabled-tick)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:var(--_toggle-py);padding-bottom:var(--_toggle-py);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;outline:none;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:\"\";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:\"\";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-dense){--mod-toggle-min-height:2rem;--mod-toggle-py:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--_toggle-label-disabled-color);--mod-toggle-label-hover-color:var(--_toggle-label-disabled-color);--mod-toggle-label-active-color:var(--_toggle-label-disabled-color);--mod-toggle-unchecked-base-color-background:var(--_toggle-unchecked-disabled-color-background);--mod-toggle-unchecked-base-color-tick:var(--_toggle-unchecked-disabled-color-tick);--mod-toggle-checked-base-color-background:var(--_toggle-checked-disabled-color-background);--mod-toggle-checked-base-color-tick:var(--_toggle-checked-disabled-color-tick)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{display:contents}: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(.is-invalid){--mod-form-description-color:var(--ds-form-danger-description-color)}:host(.ds-field){display:inline-block !important;width:auto !important;-ms-flex:none !important;flex:none !important;margin-top:0 !important;margin-bottom:0 !important}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}";export{k as ds_toggle}