@oiz/stzh-components 1.4.0-npmjstest → 1.5.0-alpha

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 (212) hide show
  1. package/README.md +1 -56
  2. package/dist/cjs/{app-globals-e07b8f5f.js → app-globals-3b6f75bd.js} +5 -3
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/stzh-actions.cjs.entry.js +1 -1
  5. package/dist/cjs/stzh-appnav.cjs.entry.js +1 -1
  6. package/dist/cjs/stzh-badge_3.cjs.entry.js +1 -1
  7. package/dist/cjs/stzh-checkbox.cjs.entry.js +1 -1
  8. package/dist/cjs/stzh-checkboxgroup.cjs.entry.js +2 -4
  9. package/dist/cjs/stzh-components.cjs.js +2 -2
  10. package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
  11. package/dist/cjs/stzh-datepicker_4.cjs.entry.js +2 -4
  12. package/dist/cjs/stzh-dialog.cjs.entry.js +2 -2
  13. package/dist/cjs/stzh-dropdown.cjs.entry.js +30 -3
  14. package/dist/cjs/stzh-figure.cjs.entry.js +1 -1
  15. package/dist/cjs/stzh-footer.cjs.entry.js +1 -1
  16. package/dist/cjs/stzh-ghettobox_2.cjs.entry.js +1 -1
  17. package/dist/cjs/stzh-header.cjs.entry.js +1 -1
  18. package/dist/cjs/stzh-input.cjs.entry.js +9 -4
  19. package/dist/cjs/stzh-link.cjs.entry.js +1 -1
  20. package/dist/cjs/stzh-menu_2.cjs.entry.js +1 -1
  21. package/dist/cjs/stzh-pagetitle.cjs.entry.js +1 -1
  22. package/dist/cjs/stzh-portal-mitwirken.cjs.entry.js +1 -1
  23. package/dist/cjs/stzh-readspeaker.cjs.entry.js +1 -1
  24. package/dist/cjs/stzh-servicecard-list.cjs.entry.js +20 -3
  25. package/dist/cjs/stzh-servicecard.cjs.entry.js +26 -4
  26. package/dist/cjs/stzh-sortable.cjs.entry.js +3214 -2441
  27. package/dist/cjs/stzh-table.cjs.entry.js +1 -1
  28. package/dist/cjs/stzh-toggle.cjs.entry.js +1 -1
  29. package/dist/cjs/stzh-upload.cjs.entry.js +44 -11
  30. package/dist/cjs/utils-8dc66449.js +76 -0
  31. package/dist/collection/assets/fonts.css +5 -5
  32. package/dist/collection/components/stzh-checkboxgroup/stzh-checkboxgroup.js +1 -3
  33. package/dist/collection/components/stzh-cspace/stzh-cspace.css +6 -0
  34. package/dist/collection/components/stzh-dialog/stzh-dialog.css +9 -1
  35. package/dist/collection/components/stzh-dialog/stzh-dialog.stories.js +18 -8
  36. package/dist/collection/components/stzh-dropdown/stzh-dropdown.css +2 -4
  37. package/dist/collection/components/stzh-dropdown/stzh-dropdown.js +79 -1
  38. package/dist/collection/components/stzh-dropdown/stzh-dropdown.stories.js +3328 -0
  39. package/dist/collection/components/stzh-input/stzh-input.css +13 -4
  40. package/dist/collection/components/stzh-input/stzh-input.js +79 -4
  41. package/dist/collection/components/stzh-portal-mitwirken/stzh-portal-mitwirken.css +0 -9
  42. package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.js +1 -3
  43. package/dist/collection/components/stzh-servicecard/stzh-servicecard.css +4 -4
  44. package/dist/collection/components/stzh-servicecard/stzh-servicecard.js +24 -2
  45. package/dist/collection/components/stzh-servicecard-list/stzh-servicecard-list.js +54 -11
  46. package/dist/collection/components/stzh-servicecard-list/stzh-servicecard-list.stories.js +2 -1
  47. package/dist/collection/components/stzh-sortable/stzh-sortable.js +37 -8
  48. package/dist/collection/components/stzh-upload/stzh-upload.css +3 -0
  49. package/dist/collection/components/stzh-upload/stzh-upload.js +43 -10
  50. package/dist/collection/components/stzh-upload/stzh-upload.stories.js +10 -8
  51. package/dist/collection/global/js/helpers/autofocus.js +3 -1
  52. package/dist/collection/global/js/script.js +1 -1
  53. package/dist/collection/libraries/sortable.js +3791 -0
  54. package/dist/collection/utils/utils.js +39 -0
  55. package/dist/components/index.js +5 -3
  56. package/dist/components/stzh-checkboxgroup.js +1 -3
  57. package/dist/components/stzh-cspace.js +1 -1
  58. package/dist/components/stzh-dialog.js +1 -1
  59. package/dist/components/stzh-dropdown2.js +33 -3
  60. package/dist/components/stzh-input2.js +12 -3
  61. package/dist/components/stzh-portal-mitwirken.js +1 -1
  62. package/dist/components/stzh-radiogroup2.js +1 -3
  63. package/dist/components/stzh-servicecard-list.js +22 -4
  64. package/dist/components/stzh-servicecard.js +25 -3
  65. package/dist/components/stzh-sortable2.js +3216 -2442
  66. package/dist/components/stzh-upload.js +43 -10
  67. package/dist/components/utils.js +40 -1
  68. package/dist/esm/{app-globals-70c229e3.js → app-globals-c42494e9.js} +5 -3
  69. package/dist/esm/loader.js +2 -2
  70. package/dist/esm/stzh-actions.entry.js +1 -1
  71. package/dist/esm/stzh-appnav.entry.js +1 -1
  72. package/dist/esm/stzh-badge_3.entry.js +1 -1
  73. package/dist/esm/stzh-checkbox.entry.js +1 -1
  74. package/dist/esm/stzh-checkboxgroup.entry.js +2 -4
  75. package/dist/esm/stzh-components.js +2 -2
  76. package/dist/esm/stzh-cspace.entry.js +1 -1
  77. package/dist/esm/stzh-datepicker_4.entry.js +2 -4
  78. package/dist/esm/stzh-dialog.entry.js +2 -2
  79. package/dist/esm/stzh-dropdown.entry.js +30 -3
  80. package/dist/esm/stzh-figure.entry.js +1 -1
  81. package/dist/esm/stzh-footer.entry.js +1 -1
  82. package/dist/esm/stzh-ghettobox_2.entry.js +1 -1
  83. package/dist/esm/stzh-header.entry.js +1 -1
  84. package/dist/esm/stzh-input.entry.js +9 -4
  85. package/dist/esm/stzh-link.entry.js +1 -1
  86. package/dist/esm/stzh-menu_2.entry.js +1 -1
  87. package/dist/esm/stzh-pagetitle.entry.js +1 -1
  88. package/dist/esm/stzh-portal-mitwirken.entry.js +1 -1
  89. package/dist/esm/stzh-readspeaker.entry.js +1 -1
  90. package/dist/esm/stzh-servicecard-list.entry.js +20 -3
  91. package/dist/esm/stzh-servicecard.entry.js +26 -4
  92. package/dist/esm/stzh-sortable.entry.js +3214 -2441
  93. package/dist/esm/stzh-table.entry.js +1 -1
  94. package/dist/esm/stzh-toggle.entry.js +1 -1
  95. package/dist/esm/stzh-upload.entry.js +44 -11
  96. package/dist/esm/utils-68a28fce.js +72 -0
  97. package/dist/esm-es5/app-globals-c42494e9.js +1 -0
  98. package/dist/esm-es5/loader.js +1 -1
  99. package/dist/esm-es5/stzh-actions.entry.js +1 -1
  100. package/dist/esm-es5/stzh-appnav.entry.js +1 -1
  101. package/dist/esm-es5/stzh-badge_3.entry.js +1 -1
  102. package/dist/esm-es5/stzh-checkbox.entry.js +1 -1
  103. package/dist/esm-es5/stzh-checkboxgroup.entry.js +1 -1
  104. package/dist/esm-es5/stzh-components.js +1 -1
  105. package/dist/esm-es5/stzh-cspace.entry.js +1 -1
  106. package/dist/esm-es5/stzh-datepicker_4.entry.js +1 -1
  107. package/dist/esm-es5/stzh-dialog.entry.js +1 -1
  108. package/dist/esm-es5/stzh-dropdown.entry.js +1 -1
  109. package/dist/esm-es5/stzh-figure.entry.js +1 -1
  110. package/dist/esm-es5/stzh-footer.entry.js +1 -1
  111. package/dist/esm-es5/stzh-ghettobox_2.entry.js +1 -1
  112. package/dist/esm-es5/stzh-header.entry.js +1 -1
  113. package/dist/esm-es5/stzh-input.entry.js +1 -1
  114. package/dist/esm-es5/stzh-link.entry.js +1 -1
  115. package/dist/esm-es5/stzh-menu_2.entry.js +1 -1
  116. package/dist/esm-es5/stzh-pagetitle.entry.js +1 -1
  117. package/dist/esm-es5/stzh-portal-mitwirken.entry.js +1 -1
  118. package/dist/esm-es5/stzh-readspeaker.entry.js +1 -1
  119. package/dist/esm-es5/stzh-servicecard-list.entry.js +1 -1
  120. package/dist/esm-es5/stzh-servicecard.entry.js +1 -1
  121. package/dist/esm-es5/stzh-sortable.entry.js +2 -2
  122. package/dist/esm-es5/stzh-table.entry.js +1 -1
  123. package/dist/esm-es5/stzh-toggle.entry.js +1 -1
  124. package/dist/esm-es5/stzh-upload.entry.js +1 -1
  125. package/dist/esm-es5/utils-68a28fce.js +1 -0
  126. package/dist/stzh-components/assets/fonts.css +5 -5
  127. package/dist/stzh-components/{p-30cb8bc0.system.entry.js → p-006135ed.system.entry.js} +1 -1
  128. package/dist/stzh-components/p-0230004d.system.js +1 -0
  129. package/dist/stzh-components/{p-c6ad1a8c.entry.js → p-03e2634c.entry.js} +1 -1
  130. package/dist/stzh-components/{p-6ec17efc.entry.js → p-04d7b18f.entry.js} +1 -1
  131. package/dist/stzh-components/{p-60b4f34c.system.entry.js → p-07772cd7.system.entry.js} +1 -1
  132. package/dist/stzh-components/{p-82d85c3a.system.entry.js → p-1c88ceff.system.entry.js} +1 -1
  133. package/dist/stzh-components/p-1f57d28e.js +1 -0
  134. package/dist/stzh-components/p-2b11d549.system.entry.js +1 -0
  135. package/dist/stzh-components/{p-07f16263.entry.js → p-32988d74.entry.js} +1 -1
  136. package/dist/stzh-components/{p-cb4a91b7.system.entry.js → p-33946fed.system.entry.js} +1 -1
  137. package/dist/stzh-components/{p-1d914f6c.entry.js → p-34190502.entry.js} +1 -1
  138. package/dist/stzh-components/{p-9e6c25ed.system.entry.js → p-370b82e7.system.entry.js} +1 -1
  139. package/dist/stzh-components/p-3ebd2c03.js +1 -0
  140. package/dist/stzh-components/{p-f544cf3d.entry.js → p-3ed69b16.entry.js} +1 -1
  141. package/dist/stzh-components/{p-e58d3bc7.entry.js → p-409c0d50.entry.js} +1 -1
  142. package/dist/stzh-components/{p-19344366.system.entry.js → p-4a398453.system.entry.js} +1 -1
  143. package/dist/stzh-components/{p-49e37004.entry.js → p-586cae98.entry.js} +1 -1
  144. package/dist/stzh-components/p-5e0cccc9.system.entry.js +1 -0
  145. package/dist/stzh-components/{p-2990206c.system.entry.js → p-5ea652ae.system.entry.js} +1 -1
  146. package/dist/stzh-components/{p-634095bd.system.entry.js → p-68a8b7b7.system.entry.js} +1 -1
  147. package/dist/stzh-components/{p-2f2cb544.system.entry.js → p-6c3b2508.system.entry.js} +1 -1
  148. package/dist/stzh-components/{p-a4100bd8.system.entry.js → p-6fc271d0.system.entry.js} +1 -1
  149. package/dist/stzh-components/p-7921db30.system.entry.js +1 -0
  150. package/dist/stzh-components/p-79bfc485.entry.js +1 -0
  151. package/dist/stzh-components/{p-4cfe83b5.system.entry.js → p-87ab53c4.system.entry.js} +1 -1
  152. package/dist/stzh-components/{p-b1976630.entry.js → p-8a60addb.entry.js} +1 -1
  153. package/dist/stzh-components/{p-298276e4.entry.js → p-8bd3ba06.entry.js} +1 -1
  154. package/dist/stzh-components/{p-0c92ee26.system.entry.js → p-90a10825.system.entry.js} +1 -1
  155. package/dist/stzh-components/{p-c2d58384.entry.js → p-95a297aa.entry.js} +1 -1
  156. package/dist/stzh-components/{p-86d3ce62.entry.js → p-95eb03b2.entry.js} +1 -1
  157. package/dist/stzh-components/p-983f6070.entry.js +1 -0
  158. package/dist/stzh-components/p-a7253852.entry.js +1 -0
  159. package/dist/stzh-components/{p-f8d9411d.system.entry.js → p-a760352a.system.entry.js} +1 -1
  160. package/dist/stzh-components/p-aaa2e48f.system.js +1 -0
  161. package/dist/stzh-components/p-b281b653.entry.js +8 -0
  162. package/dist/stzh-components/p-b35b0270.entry.js +1 -0
  163. package/dist/stzh-components/p-b4fc71ff.system.entry.js +1 -0
  164. package/dist/stzh-components/{p-79ca1ba6.entry.js → p-bb2e1dda.entry.js} +1 -1
  165. package/dist/stzh-components/{p-55188328.entry.js → p-bdba7714.entry.js} +1 -1
  166. package/dist/stzh-components/p-c581e798.system.entry.js +1 -0
  167. package/dist/stzh-components/p-c7c17bb7.system.entry.js +7 -0
  168. package/dist/stzh-components/{p-1ccbd2d6.system.entry.js → p-c863ffd0.system.entry.js} +1 -1
  169. package/dist/stzh-components/{p-3c4478b0.entry.js → p-d8471675.entry.js} +1 -1
  170. package/dist/stzh-components/{p-0433fff9.system.entry.js → p-da063c7e.system.entry.js} +1 -1
  171. package/dist/stzh-components/p-e12db90a.entry.js +1 -0
  172. package/dist/stzh-components/{p-2d0685e3.entry.js → p-ec3d4dd4.entry.js} +1 -1
  173. package/dist/stzh-components/p-ee5ceac4.entry.js +1 -0
  174. package/dist/stzh-components/p-f0ca6848.system.entry.js +1 -0
  175. package/dist/stzh-components/{p-bba52769.system.entry.js → p-f1a58a7c.system.entry.js} +1 -1
  176. package/dist/stzh-components/{p-1bfc1097.entry.js → p-f2050d1e.entry.js} +1 -1
  177. package/dist/stzh-components/{p-ff8a3e96.entry.js → p-f610f725.entry.js} +1 -1
  178. package/dist/stzh-components/p-faf20030.system.js +1 -0
  179. package/dist/stzh-components/{p-f9dc7a9b.entry.js → p-fba76dba.entry.js} +1 -1
  180. package/dist/stzh-components/{p-e987954a.system.entry.js → p-fce0e218.system.entry.js} +1 -1
  181. package/dist/stzh-components/{p-a6486f64.system.entry.js → p-fd16e20e.system.entry.js} +1 -1
  182. package/dist/stzh-components/stzh-components.css +1 -1
  183. package/dist/stzh-components/stzh-components.esm.js +1 -1
  184. package/dist/stzh-components/stzh-components.js +1 -1
  185. package/dist/types/components.d.ts +68 -2
  186. package/dist/types/index.d.ts +1 -0
  187. package/dist/types/utils/utils.d.ts +2 -0
  188. package/dist/vscode-data.json +20 -1
  189. package/package.json +1 -1
  190. package/dist/cjs/utils-d327c19d.js +0 -36
  191. package/dist/esm/utils-904416df.js +0 -33
  192. package/dist/esm-es5/app-globals-70c229e3.js +0 -1
  193. package/dist/esm-es5/utils-904416df.js +0 -1
  194. package/dist/stzh-components/p-043ab41e.system.entry.js +0 -1
  195. package/dist/stzh-components/p-323fdc2f.entry.js +0 -1
  196. package/dist/stzh-components/p-49ea222f.system.entry.js +0 -1
  197. package/dist/stzh-components/p-5f7b72c8.entry.js +0 -1
  198. package/dist/stzh-components/p-5f856307.system.js +0 -1
  199. package/dist/stzh-components/p-6c502e6e.js +0 -1
  200. package/dist/stzh-components/p-6ea5c23d.system.entry.js +0 -7
  201. package/dist/stzh-components/p-7279af4a.system.entry.js +0 -1
  202. package/dist/stzh-components/p-8462ba57.entry.js +0 -1
  203. package/dist/stzh-components/p-88bef2cd.entry.js +0 -1
  204. package/dist/stzh-components/p-a7c3b41a.entry.js +0 -1
  205. package/dist/stzh-components/p-aa4e28cc.system.js +0 -1
  206. package/dist/stzh-components/p-ac1da083.system.js +0 -1
  207. package/dist/stzh-components/p-b63d6ded.system.entry.js +0 -1
  208. package/dist/stzh-components/p-bcade28e.entry.js +0 -1
  209. package/dist/stzh-components/p-be21cebd.js +0 -1
  210. package/dist/stzh-components/p-d04e8743.system.entry.js +0 -1
  211. package/dist/stzh-components/p-d8819b74.system.entry.js +0 -1
  212. package/dist/stzh-components/p-e048de42.entry.js +0 -8
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,h,s){function i(t){return t instanceof h?t:new h((function(e){e(t)}))}return new(h||(h=Promise))((function(h,c){function r(t){try{n(s.next(t))}catch(e){c(e)}}function a(t){try{n(s["throw"](t))}catch(e){c(e)}}function n(t){t.done?h(t.value):i(t.value).then(r,a)}n((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var h={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},s,i,c,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return n([t,e])}}function n(r){if(s)throw new TypeError("Generator is already executing.");while(h)try{if(s=1,i&&(c=r[0]&2?i["return"]:r[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,r[1])).done)return c;if(i=0,c)r=[r[0]&2,c.value];switch(r[0]){case 0:case 1:c=r;break;case 4:h.label++;return{value:r[1],done:false};case 5:h.label++;i=r[1];r=[0];continue;case 7:r=h.ops.pop();h.trys.pop();continue;default:if(!(c=h.trys,c=c.length>0&&c[c.length-1])&&(r[0]===6||r[0]===2)){h=0;continue}if(r[0]===3&&(!c||r[1]>c[0]&&r[1]<c[3])){h.label=r[1];break}if(r[0]===6&&h.label<c[1]){h.label=c[1];c=r;break}if(c&&h.label<c[2]){h.label=c[2];h.ops.push(r);break}if(c[2])h.ops.pop();h.trys.pop();continue}r=e.call(t,h)}catch(a){r=[6,a];i=0}finally{s=c=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{j as js_cookie}from"./js.cookie-28a40640.js";import{s as setPropsIfNull}from"./utils-904416df.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import"./_commonjsHelpers-ba3f0406.js";var stzhGhettoboxCss=".sc-stzh-ghettobox-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-ghettobox-h{--stzh-color-primary:var(--stzh-base-invert-color);--stzh-color-primary-hover:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-richttext-blockquote-footer-color:var(--stzh-base-invert-color);--background-color:var(--stzh-color-error);--color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--button-border-color:var(--stzh-base-invert-color);--button-hover-color:var(--background-color)}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][variant=secondary]{--border-color:var(--button-border-color);--hover-color:var(--button-hover-color);--background-color:transparent}.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-xxlarge);padding-right:var(--stzh-space-xxlarge);position:relative;display:-ms-flexbox;display:flex;background-color:var(--background-color);color:var(--color);-webkit-box-shadow:var(--stzh-box-shadow-message);box-shadow:var(--stzh-box-shadow-message)}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-left:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-left:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{border-radius:0.1875rem}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-ghettobox__message.sc-stzh-ghettobox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));margin:0;color:inherit}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty),.stzh-ghettobox__button.sc-stzh-ghettobox:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty),.stzh-ghettobox__button.sc-stzh-ghettobox:not(:empty){margin-top:var(--stzh-space-medium)}}.stzh-ghettobox__close.sc-stzh-ghettobox{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{margin-left:var(--stzh-space-small)}}.stzh-ghettobox__close-button.sc-stzh-ghettobox{top:var(--stzh-space-medium);right:var(--stzh-space-medium);position:absolute;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 1024px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{position:initial;top:initial;right:initial}}.stzh-ghettobox__close-icon.sc-stzh-ghettobox{--size:var(--stzh-icon-size-medium);color:var(--close-color)}";var KEY_PREFIX_CLOSE_TIME="stzh-components-ghettobox-close-time";var StzhGhettobox=function(){function t(t){var e=this;registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhClose=createEvent(this,"stzhClose",7);this.hiddenTitle="";this.mainTitle="";this.description="";this.closeTimeKey="global-alert";this.open=true;this.onCloseButtonClick=function(){e.hide()};this.init=function(){var t=e.element.querySelector('stzh-button[slot="button"]');if(t){setPropsIfNull(t,{size:"small",variant:"secondary",effect:"cta",icon:"arrow-right-long",iconPosition:"right"})}}}t.prototype.publishDateWatcher=function(t){if(typeof t==="string"){this._publishDate=new Date(t)}else{this._publishDate=t}if(this.closeTimeKey&&this._publishDate){var e=js_cookie.get("".concat(KEY_PREFIX_CLOSE_TIME,"-").concat(this.closeTimeKey));if(e&&Number(e)>=this._publishDate.getTime()){this.hide(false)}}};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.stzhOpen.emit({component:"stzh-ghettobox"});return[2]}))}))};t.prototype.hide=function(t){if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;this.stzhClose.emit({component:"stzh-ghettobox"});if(this.closeTimeKey&&t){js_cookie.set("".concat(KEY_PREFIX_CLOSE_TIME,"-").concat(this.closeTimeKey),Date.now().toString())}return[2]}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.publishDateWatcher(this.publishDate);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"ghettobox")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t={"stzh-ghettobox":true};return h(Host,{hidden:!this.open},h("div",{class:t},h("h1",{class:"stzh-ghettobox__hidden-title"},this.hiddenTitle||this.localization.hiddenTitle),h("div",{class:"stzh-ghettobox__message"},h("h2",{class:"stzh-ghettobox__main-title"},this.mainTitle),h("div",{class:"stzh-ghettobox__description"},this.description?this.description:h("slot",null)),h("div",{class:"stzh-ghettobox__button"},h("slot",{name:"button"}))),h("div",{class:"stzh-ghettobox__close"},h("button",{class:"stzh-ghettobox__close-button",onClick:this.onCloseButtonClick,"aria-label":this.localization.close,type:"button"},h("stzh-icon",{class:"stzh-ghettobox__close-icon",name:"close"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{publishDate:["publishDateWatcher"]}},enumerable:false,configurable:true});return t}();StzhGhettobox.style=stzhGhettoboxCss;var stzhRichtextCss='@charset "UTF-8";.sc-stzh-richtext-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-richtext-h{display:none}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);margin:0}.sc-stzh-richtext-h .sc-stzh-richtext-s b,.sc-stzh-richtext-h .sc-stzh-richtext-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s i,.sc-stzh-richtext-h .sc-stzh-richtext-s em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3{color:var(--stzh-heading-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-xsmall);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xbig)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ul ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ul dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ul stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ol dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ol stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ul,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl dl,.sc-stzh-richtext-h .sc-stzh-richtext-s dl stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ul,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ol,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list stzh-list{margin-top:0;margin-bottom:0}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xbig)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl{list-style:none;padding-left:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ol{counter-reset:li-counter}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{display:inline-block;position:absolute;left:0;top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before{content:"–"}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{content:counter(li-counter) ". "}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-large);color:var(--stzh-richttext-blockquote-color);position:relative}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote:before{background:var(--stzh-richttext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-top:0;margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before,.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{display:inline-block}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before{content:"«"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{content:"»"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));color:var(--stzh-richttext-blockquote-footer-color)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.sc-stzh-richtext-h .sc-stzh-richtext-s a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s a:focus{color:var(--stzh-link-hover-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s a .stzh-richtext__external-link{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s a .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size-default);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s a .stzh-richtext__external-icon{--icon:var(--stzh-icon-size-default);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size-default);height:var(--stzh-icon-size-default)}.sc-stzh-richtext-h .sc-stzh-richtext-s>*:first-child{margin-top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s>*:last-child{margin-bottom:0}';var CLASS_EXTERNAL_LINK="stzh-richtext__external-link";var CLASS_EXTERNAL_ICON_WRAPPER="stzh-richtext__external-icon-wrapper";var CLASS_EXTERNAL_ICON="stzh-richtext__external-icon";var StzhRichtext=function(){function t(t){registerInstance(this,t);this.externalLinkSelector='a[rel*="external"], a.external, a.extern';this.externalLinkIcon="external-link"}t.prototype.addExternalLinkIcons=function(){var t=this;this.externalLinks.forEach((function(e){e.classList.add(CLASS_EXTERNAL_LINK);var h=document.createElement("span");h.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);var s=document.createElement("stzh-icon");s.classList.add(CLASS_EXTERNAL_ICON);s.name=t.externalLinkIcon;h.appendChild(s);e.appendChild(h)}))};t.prototype.componentDidRender=function(){this.externalLinks=Array.from(this.element.querySelectorAll(this.externalLinkSelector));this.addExternalLinkIcons()};t.prototype.render=function(){var t={"stzh-richtext":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhRichtext.style=stzhRichtextCss;export{StzhGhettobox as stzh_ghettobox,StzhRichtext as stzh_richtext};
1
+ var __awaiter=this&&this.__awaiter||function(t,e,h,s){function i(t){return t instanceof h?t:new h((function(e){e(t)}))}return new(h||(h=Promise))((function(h,c){function r(t){try{n(s.next(t))}catch(e){c(e)}}function a(t){try{n(s["throw"](t))}catch(e){c(e)}}function n(t){t.done?h(t.value):i(t.value).then(r,a)}n((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var h={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},s,i,c,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return n([t,e])}}function n(r){if(s)throw new TypeError("Generator is already executing.");while(h)try{if(s=1,i&&(c=r[0]&2?i["return"]:r[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,r[1])).done)return c;if(i=0,c)r=[r[0]&2,c.value];switch(r[0]){case 0:case 1:c=r;break;case 4:h.label++;return{value:r[1],done:false};case 5:h.label++;i=r[1];r=[0];continue;case 7:r=h.ops.pop();h.trys.pop();continue;default:if(!(c=h.trys,c=c.length>0&&c[c.length-1])&&(r[0]===6||r[0]===2)){h=0;continue}if(r[0]===3&&(!c||r[1]>c[0]&&r[1]<c[3])){h.label=r[1];break}if(r[0]===6&&h.label<c[1]){h.label=c[1];c=r;break}if(c&&h.label<c[2]){h.label=c[2];h.ops.push(r);break}if(c[2])h.ops.pop();h.trys.pop();continue}r=e.call(t,h)}catch(a){r=[6,a];i=0}finally{s=c=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{j as js_cookie}from"./js.cookie-28a40640.js";import{s as setPropsIfNull}from"./utils-68a28fce.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import"./_commonjsHelpers-ba3f0406.js";var stzhGhettoboxCss=".sc-stzh-ghettobox-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-ghettobox-h{--stzh-color-primary:var(--stzh-base-invert-color);--stzh-color-primary-hover:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-richttext-blockquote-footer-color:var(--stzh-base-invert-color);--background-color:var(--stzh-color-error);--color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--button-border-color:var(--stzh-base-invert-color);--button-hover-color:var(--background-color)}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][variant=secondary]{--border-color:var(--button-border-color);--hover-color:var(--button-hover-color);--background-color:transparent}.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-xxlarge);padding-right:var(--stzh-space-xxlarge);position:relative;display:-ms-flexbox;display:flex;background-color:var(--background-color);color:var(--color);-webkit-box-shadow:var(--stzh-box-shadow-message);box-shadow:var(--stzh-box-shadow-message)}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-left:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-left:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{border-radius:0.1875rem}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-ghettobox__message.sc-stzh-ghettobox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));margin:0;color:inherit}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty),.stzh-ghettobox__button.sc-stzh-ghettobox:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty),.stzh-ghettobox__button.sc-stzh-ghettobox:not(:empty){margin-top:var(--stzh-space-medium)}}.stzh-ghettobox__close.sc-stzh-ghettobox{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{margin-left:var(--stzh-space-small)}}.stzh-ghettobox__close-button.sc-stzh-ghettobox{top:var(--stzh-space-medium);right:var(--stzh-space-medium);position:absolute;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 1024px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{position:initial;top:initial;right:initial}}.stzh-ghettobox__close-icon.sc-stzh-ghettobox{--size:var(--stzh-icon-size-medium);color:var(--close-color)}";var KEY_PREFIX_CLOSE_TIME="stzh-components-ghettobox-close-time";var StzhGhettobox=function(){function t(t){var e=this;registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhClose=createEvent(this,"stzhClose",7);this.hiddenTitle="";this.mainTitle="";this.description="";this.closeTimeKey="global-alert";this.open=true;this.onCloseButtonClick=function(){e.hide()};this.init=function(){var t=e.element.querySelector('stzh-button[slot="button"]');if(t){setPropsIfNull(t,{size:"small",variant:"secondary",effect:"cta",icon:"arrow-right-long",iconPosition:"right"})}}}t.prototype.publishDateWatcher=function(t){if(typeof t==="string"){this._publishDate=new Date(t)}else{this._publishDate=t}if(this.closeTimeKey&&this._publishDate){var e=js_cookie.get("".concat(KEY_PREFIX_CLOSE_TIME,"-").concat(this.closeTimeKey));if(e&&Number(e)>=this._publishDate.getTime()){this.hide(false)}}};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.stzhOpen.emit({component:"stzh-ghettobox"});return[2]}))}))};t.prototype.hide=function(t){if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;this.stzhClose.emit({component:"stzh-ghettobox"});if(this.closeTimeKey&&t){js_cookie.set("".concat(KEY_PREFIX_CLOSE_TIME,"-").concat(this.closeTimeKey),Date.now().toString())}return[2]}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.publishDateWatcher(this.publishDate);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"ghettobox")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t={"stzh-ghettobox":true};return h(Host,{hidden:!this.open},h("div",{class:t},h("h1",{class:"stzh-ghettobox__hidden-title"},this.hiddenTitle||this.localization.hiddenTitle),h("div",{class:"stzh-ghettobox__message"},h("h2",{class:"stzh-ghettobox__main-title"},this.mainTitle),h("div",{class:"stzh-ghettobox__description"},this.description?this.description:h("slot",null)),h("div",{class:"stzh-ghettobox__button"},h("slot",{name:"button"}))),h("div",{class:"stzh-ghettobox__close"},h("button",{class:"stzh-ghettobox__close-button",onClick:this.onCloseButtonClick,"aria-label":this.localization.close,type:"button"},h("stzh-icon",{class:"stzh-ghettobox__close-icon",name:"close"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{publishDate:["publishDateWatcher"]}},enumerable:false,configurable:true});return t}();StzhGhettobox.style=stzhGhettoboxCss;var stzhRichtextCss='@charset "UTF-8";.sc-stzh-richtext-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-richtext-h{display:none}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);margin:0}.sc-stzh-richtext-h .sc-stzh-richtext-s b,.sc-stzh-richtext-h .sc-stzh-richtext-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s i,.sc-stzh-richtext-h .sc-stzh-richtext-s em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3{color:var(--stzh-heading-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-xsmall);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xbig)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ul ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ul dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ul stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ol dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ol stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ul,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl dl,.sc-stzh-richtext-h .sc-stzh-richtext-s dl stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ul,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ol,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list stzh-list{margin-top:0;margin-bottom:0}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xbig)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl{list-style:none;padding-left:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ol{counter-reset:li-counter}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{display:inline-block;position:absolute;left:0;top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before{content:"–"}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{content:counter(li-counter) ". "}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-large);color:var(--stzh-richttext-blockquote-color);position:relative}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote:before{background:var(--stzh-richttext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-top:0;margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before,.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{display:inline-block}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before{content:"«"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{content:"»"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));color:var(--stzh-richttext-blockquote-footer-color)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.sc-stzh-richtext-h .sc-stzh-richtext-s a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s a:focus{color:var(--stzh-link-hover-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s a .stzh-richtext__external-link{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s a .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size-default);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s a .stzh-richtext__external-icon{--icon:var(--stzh-icon-size-default);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size-default);height:var(--stzh-icon-size-default)}.sc-stzh-richtext-h .sc-stzh-richtext-s>*:first-child{margin-top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s>*:last-child{margin-bottom:0}';var CLASS_EXTERNAL_LINK="stzh-richtext__external-link";var CLASS_EXTERNAL_ICON_WRAPPER="stzh-richtext__external-icon-wrapper";var CLASS_EXTERNAL_ICON="stzh-richtext__external-icon";var StzhRichtext=function(){function t(t){registerInstance(this,t);this.externalLinkSelector='a[rel*="external"], a.external, a.extern';this.externalLinkIcon="external-link"}t.prototype.addExternalLinkIcons=function(){var t=this;this.externalLinks.forEach((function(e){e.classList.add(CLASS_EXTERNAL_LINK);var h=document.createElement("span");h.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);var s=document.createElement("stzh-icon");s.classList.add(CLASS_EXTERNAL_ICON);s.name=t.externalLinkIcon;h.appendChild(s);e.appendChild(h)}))};t.prototype.componentDidRender=function(){this.externalLinks=Array.from(this.element.querySelectorAll(this.externalLinkSelector));this.addExternalLinkIcons()};t.prototype.render=function(){var t={"stzh-richtext":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhRichtext.style=stzhRichtextCss;export{StzhGhettobox as stzh_ghettobox,StzhRichtext as stzh_richtext};
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,a,r){function s(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,i){function n(e){try{h(r.next(e))}catch(t){i(t)}}function o(e){try{h(r["throw"](e))}catch(t){i(t)}}function h(e){e.done?a(e.value):s(e.value).then(n,o)}h((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,s,i,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(t){return h([e,t])}}function h(n){if(r)throw new TypeError("Generator is already executing.");while(a)try{if(r=1,s&&(i=n[0]&2?s["return"]:n[0]?s["throw"]||((i=s["return"])&&i.call(s),0):s.next)&&!(i=i.call(s,n[1])).done)return i;if(s=0,i)n=[n[0]&2,i.value];switch(n[0]){case 0:case 1:i=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;s=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!i||n[1]>i[0]&&n[1]<i[3])){a.label=n[1];break}if(n[0]===6&&a.label<i[1]){a.label=i[1];i=n;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(n);break}if(i[2])a.ops.pop();a.trys.pop();continue}n=t.call(e,a)}catch(o){n=[6,o];s=0}finally{r=i=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,e as readTask,f as writeTask,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-904416df.js";import{m as media}from"./media-utils-9b041ceb.js";var stzhHeaderCss=".sc-stzh-header-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-header-h{display:none}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::after{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.sc-stzh-header-h .sc-stzh-header-s>img[slot=logo]{width:auto;height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login]{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover,.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover__trigger{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);height:auto}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{border-radius:0;height:100%}}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button__badge{top:0.5rem;right:0.4375rem}}.header__inner.sc-stzh-header{-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}.header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 800px){.header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:4rem}@supports ((position: -webkit-sticky) or (position: sticky)){.header__main.sc-stzh-header{padding-top:0}}}.header__metabar.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 800px){.header__metabar.sc-stzh-header{border-top:none;background-color:var(--stzh-color-grey5);z-index:1;position:absolute;top:0;left:0;right:0}@supports ((position: -webkit-sticky) or (position: sticky)){.header__metabar.sc-stzh-header{position:-webkit-sticky;position:sticky}}}.header__metabar-inner.sc-stzh-header{margin:0 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;height:3rem}@media screen and (min-width: 600px){.header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (max-width: 799px){.header__metabar-inner.sc-stzh-header{margin:0 auto}}@media screen and (min-width: 800px){.header__metabar-inner.sc-stzh-header{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:4rem}}.header__metabar-nav.sc-stzh-header{display:none}@media screen and (min-width: 800px){.header__metabar-nav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}.header__metabar-login.sc-stzh-header{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%}@media screen and (min-width: 800px){.header__metabar-login.sc-stzh-header:not(:first-child){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}.header__logobar.sc-stzh-header{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.header__logobar-logo.sc-stzh-header{-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);overflow:hidden;width:calc(100% - 3rem - 0.0625rem)}@media screen and (min-width: 800px){.header__logobar-logo.sc-stzh-header{width:25rem}}@media screen and (min-width: 1260px){.header__logobar-logo.sc-stzh-header{width:28.75rem}}@media screen and (min-width: 1440px){.header__logobar-logo.sc-stzh-header{padding-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.header__logo-link.sc-stzh-header{-ms-flex-positive:1;flex-grow:1;display:-ms-inline-flexbox;display:inline-flex;height:4.75rem;padding:var(--stzh-space-medium);padding-left:1.25rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.header__logo-link.sc-stzh-header{padding-left:2rem}}@media screen and (min-width: 800px){.header__logo-link.sc-stzh-header{height:5.625rem}}@media screen and (min-width: 1260px){.header__logo-link.sc-stzh-header{height:7.5rem;padding:var(--stzh-space-large);padding-left:5.5rem}}@media screen and (min-width: 1440px){.header__logo-link.sc-stzh-header{padding-left:0}}.header__appnav.sc-stzh-header{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--stzh-z-index-header) - 1);-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.header__appnav.sc-stzh-header{position:static;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}.header--hide-logo.sc-stzh-header .header__logo-link.sc-stzh-header{opacity:0}@media screen and (max-width: 799px){.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky) .header__metabar.sc-stzh-header{position:fixed}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (max-width: 599px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width: 799px){.header--sticky.sc-stzh-header .header__appnav.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}}.header--sticky.sc-stzh-header .header__metabar.sc-stzh-header{border-top:none}.header--sticky.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@media screen and (min-width: 600px){.header--sticky-closing.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.header--sticky-closing.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}";var StzhHeader=function(){function e(e){registerInstance(this,e);this.href="https://stadt-zuerich.ch";this.preventAppnavPlaceholder=false;this.hideLogo=false;this.sticky=false;this.stickyClosing=false;this.stickyMetabar=false;this.stickyMetabarEnd=false}e.prototype.updatePosition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var a=this;return __generator(this,(function(r){e=function(){a.sticky=false;a.stickyClosing=false;a.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint){if(!this.sticky&&this.belowStartStickyPoint){this.paddingTop=this.headerHeight;this.sticky=true}this.updateMetabarPosition()}else{if(this.sticky&&this.belowStayStickyPoint){t=function(){e();a.updateMetabarPosition();a.innerElement.removeEventListener("animationend",t)};this.innerElement.addEventListener("animationend",t);this.stickyClosing=true}else{e();this.updateMetabarPosition()}}return[2]}))}))};e.prototype.resizeListener=function(){var e=this;if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame((function(){readTask((function(){e.isSmall=media("small").matches;e.isSmallheader=media("smallheader").matches;e.headerTop=e.element.offsetTop;e.headerHeight=e.element.offsetHeight;e.appnavHeight=e.appnavElement?e.appnavElement.offsetHeight:0;e.metabarHeight=e.metabarElement?e.metabarElement.offsetHeight:0}));writeTask((function(){if(e.appnavHeight&&!e.isSmall&&!e.preventAppnavPlaceholder){e.appnavPlaceholderElement.style.height="".concat(e.appnavHeight,"px")}else{e.appnavPlaceholderElement.style.height="0px"}}));e.scrollListener()}))};e.prototype.scrollListener=function(){var e=this;readTask((function(){e.scrollTop=e.getScrollTop();e.scrollingUp=e.lastScrollTop&&e.lastScrollTop>e.scrollTop;e.lastScrollTop=e.scrollTop;e.innerHeight=e.innerElement?e.innerElement.offsetHeight:0;e.mainHeight=e.mainElement?e.mainElement.offsetHeight:0;e.logobarHeight=e.sticky?e.isSmall?e.headerHeight-e.innerHeight:e.headerHeight-e.mainHeight:e.logobarElement?e.logobarElement.offsetHeight:0;e.belowStayStickyPoint=e.scrollTop>e.logobarHeight;e.belowStartStickyPoint=e.scrollTop>e.headerHeight;e.headerOverlap=(e.headerTop-e.scrollTop)/-1;e.hideLogo=e.isSmallheader&&e.headerOverlap>10}));writeTask((function(){e.updatePosition()}))};e.prototype.getScrollTop=function(){return window.pageYOffset||document.documentElement.scrollTop};e.prototype.updateMetabarPosition=function(){if(!this.metabarElement){return}if(CSS&&CSS.supports&&CSS.supports("position","sticky")){return}if(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing){if(this.headerOverlap<this.mainHeight-this.metabarHeight){this.stickyMetabar=true;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}else{this.stickyMetabar=false;this.stickyMetabarEnd=true;this.metabarTransform="translateY(".concat(this.logobarHeight,"px)")}}else{this.stickyMetabar=false;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}};e.prototype.connectedCallback=function(){this.appnavPlaceholderElement=document.createElement("div");this.element.parentElement.appendChild(this.appnavPlaceholderElement)};e.prototype.disconnectedCallback=function(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement)};e.prototype.render=function(){var e=this;var t=hasSlot(this.element,"nav");var a=hasSlot(this.element,"login");var r=hasSlot(this.element,"appnav");var s={header:true,"header--sticky":this.sticky,"header--sticky-closing":this.stickyClosing,"header--hide-logo":this.hideLogo,"header--sticky-metabar":this.stickyMetabar,"header--sticky-metabar-end":this.stickyMetabarEnd,"header--has-empty-metabar":!t&&!a,"header--has-appnav":r};return h(Host,null,h("div",{style:{paddingTop:"".concat(this.paddingTop,"px")},class:s},h("div",{class:"header__inner",ref:function(t){return e.innerElement=t}},h("div",{class:"header__main",ref:function(t){return e.mainElement=t}},h("div",{class:"header__logobar",ref:function(t){return e.logobarElement=t}},h("div",{class:"header__logobar-logo"},h("a",{href:this.href,class:"header__logo-link"},h("slot",{name:"logo"})))),h("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:function(t){return e.metabarElement=t}},h("div",{class:"header__metabar-inner"},h("div",{class:"header__metabar-nav"},h("slot",{name:"nav"})),h("div",{class:"header__metabar-login"},h("slot",{name:"login"}))))),h("div",{class:"header__appnav",ref:function(t){return e.appnavElement=t}},h("div",{class:"header__appnav-inner"},h("slot",{name:"appnav"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhHeader.style=stzhHeaderCss;export{StzhHeader as stzh_header};
1
+ var __awaiter=this&&this.__awaiter||function(e,t,a,r){function s(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,i){function n(e){try{h(r.next(e))}catch(t){i(t)}}function o(e){try{h(r["throw"](e))}catch(t){i(t)}}function h(e){e.done?a(e.value):s(e.value).then(n,o)}h((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,s,i,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(t){return h([e,t])}}function h(n){if(r)throw new TypeError("Generator is already executing.");while(a)try{if(r=1,s&&(i=n[0]&2?s["return"]:n[0]?s["throw"]||((i=s["return"])&&i.call(s),0):s.next)&&!(i=i.call(s,n[1])).done)return i;if(s=0,i)n=[n[0]&2,i.value];switch(n[0]){case 0:case 1:i=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;s=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!i||n[1]>i[0]&&n[1]<i[3])){a.label=n[1];break}if(n[0]===6&&a.label<i[1]){a.label=i[1];i=n;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(n);break}if(i[2])a.ops.pop();a.trys.pop();continue}n=t.call(e,a)}catch(o){n=[6,o];s=0}finally{r=i=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,e as readTask,f as writeTask,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-68a28fce.js";import{m as media}from"./media-utils-9b041ceb.js";var stzhHeaderCss=".sc-stzh-header-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-header-h{display:none}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::after{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.sc-stzh-header-h .sc-stzh-header-s>img[slot=logo]{width:auto;height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login]{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover,.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover__trigger{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);height:auto}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{border-radius:0;height:100%}}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button__badge{top:0.5rem;right:0.4375rem}}.header__inner.sc-stzh-header{-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}.header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 800px){.header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:4rem}@supports ((position: -webkit-sticky) or (position: sticky)){.header__main.sc-stzh-header{padding-top:0}}}.header__metabar.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 800px){.header__metabar.sc-stzh-header{border-top:none;background-color:var(--stzh-color-grey5);z-index:1;position:absolute;top:0;left:0;right:0}@supports ((position: -webkit-sticky) or (position: sticky)){.header__metabar.sc-stzh-header{position:-webkit-sticky;position:sticky}}}.header__metabar-inner.sc-stzh-header{margin:0 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;height:3rem}@media screen and (min-width: 600px){.header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (max-width: 799px){.header__metabar-inner.sc-stzh-header{margin:0 auto}}@media screen and (min-width: 800px){.header__metabar-inner.sc-stzh-header{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:4rem}}.header__metabar-nav.sc-stzh-header{display:none}@media screen and (min-width: 800px){.header__metabar-nav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}.header__metabar-login.sc-stzh-header{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%}@media screen and (min-width: 800px){.header__metabar-login.sc-stzh-header:not(:first-child){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}.header__logobar.sc-stzh-header{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.header__logobar-logo.sc-stzh-header{-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);overflow:hidden;width:calc(100% - 3rem - 0.0625rem)}@media screen and (min-width: 800px){.header__logobar-logo.sc-stzh-header{width:25rem}}@media screen and (min-width: 1260px){.header__logobar-logo.sc-stzh-header{width:28.75rem}}@media screen and (min-width: 1440px){.header__logobar-logo.sc-stzh-header{padding-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.header__logo-link.sc-stzh-header{-ms-flex-positive:1;flex-grow:1;display:-ms-inline-flexbox;display:inline-flex;height:4.75rem;padding:var(--stzh-space-medium);padding-left:1.25rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.header__logo-link.sc-stzh-header{padding-left:2rem}}@media screen and (min-width: 800px){.header__logo-link.sc-stzh-header{height:5.625rem}}@media screen and (min-width: 1260px){.header__logo-link.sc-stzh-header{height:7.5rem;padding:var(--stzh-space-large);padding-left:5.5rem}}@media screen and (min-width: 1440px){.header__logo-link.sc-stzh-header{padding-left:0}}.header__appnav.sc-stzh-header{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--stzh-z-index-header) - 1);-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.header__appnav.sc-stzh-header{position:static;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}.header--hide-logo.sc-stzh-header .header__logo-link.sc-stzh-header{opacity:0}@media screen and (max-width: 799px){.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky) .header__metabar.sc-stzh-header{position:fixed}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (max-width: 599px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width: 799px){.header--sticky.sc-stzh-header .header__appnav.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}}.header--sticky.sc-stzh-header .header__metabar.sc-stzh-header{border-top:none}.header--sticky.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@media screen and (min-width: 600px){.header--sticky-closing.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.header--sticky-closing.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}";var StzhHeader=function(){function e(e){registerInstance(this,e);this.href="https://stadt-zuerich.ch";this.preventAppnavPlaceholder=false;this.hideLogo=false;this.sticky=false;this.stickyClosing=false;this.stickyMetabar=false;this.stickyMetabarEnd=false}e.prototype.updatePosition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var a=this;return __generator(this,(function(r){e=function(){a.sticky=false;a.stickyClosing=false;a.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint){if(!this.sticky&&this.belowStartStickyPoint){this.paddingTop=this.headerHeight;this.sticky=true}this.updateMetabarPosition()}else{if(this.sticky&&this.belowStayStickyPoint){t=function(){e();a.updateMetabarPosition();a.innerElement.removeEventListener("animationend",t)};this.innerElement.addEventListener("animationend",t);this.stickyClosing=true}else{e();this.updateMetabarPosition()}}return[2]}))}))};e.prototype.resizeListener=function(){var e=this;if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame((function(){readTask((function(){e.isSmall=media("small").matches;e.isSmallheader=media("smallheader").matches;e.headerTop=e.element.offsetTop;e.headerHeight=e.element.offsetHeight;e.appnavHeight=e.appnavElement?e.appnavElement.offsetHeight:0;e.metabarHeight=e.metabarElement?e.metabarElement.offsetHeight:0}));writeTask((function(){if(e.appnavHeight&&!e.isSmall&&!e.preventAppnavPlaceholder){e.appnavPlaceholderElement.style.height="".concat(e.appnavHeight,"px")}else{e.appnavPlaceholderElement.style.height="0px"}}));e.scrollListener()}))};e.prototype.scrollListener=function(){var e=this;readTask((function(){e.scrollTop=e.getScrollTop();e.scrollingUp=e.lastScrollTop&&e.lastScrollTop>e.scrollTop;e.lastScrollTop=e.scrollTop;e.innerHeight=e.innerElement?e.innerElement.offsetHeight:0;e.mainHeight=e.mainElement?e.mainElement.offsetHeight:0;e.logobarHeight=e.sticky?e.isSmall?e.headerHeight-e.innerHeight:e.headerHeight-e.mainHeight:e.logobarElement?e.logobarElement.offsetHeight:0;e.belowStayStickyPoint=e.scrollTop>e.logobarHeight;e.belowStartStickyPoint=e.scrollTop>e.headerHeight;e.headerOverlap=(e.headerTop-e.scrollTop)/-1;e.hideLogo=e.isSmallheader&&e.headerOverlap>10}));writeTask((function(){e.updatePosition()}))};e.prototype.getScrollTop=function(){return window.pageYOffset||document.documentElement.scrollTop};e.prototype.updateMetabarPosition=function(){if(!this.metabarElement){return}if(CSS&&CSS.supports&&CSS.supports("position","sticky")){return}if(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing){if(this.headerOverlap<this.mainHeight-this.metabarHeight){this.stickyMetabar=true;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}else{this.stickyMetabar=false;this.stickyMetabarEnd=true;this.metabarTransform="translateY(".concat(this.logobarHeight,"px)")}}else{this.stickyMetabar=false;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}};e.prototype.connectedCallback=function(){this.appnavPlaceholderElement=document.createElement("div");this.element.parentElement.appendChild(this.appnavPlaceholderElement)};e.prototype.disconnectedCallback=function(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement)};e.prototype.render=function(){var e=this;var t=hasSlot(this.element,"nav");var a=hasSlot(this.element,"login");var r=hasSlot(this.element,"appnav");var s={header:true,"header--sticky":this.sticky,"header--sticky-closing":this.stickyClosing,"header--hide-logo":this.hideLogo,"header--sticky-metabar":this.stickyMetabar,"header--sticky-metabar-end":this.stickyMetabarEnd,"header--has-empty-metabar":!t&&!a,"header--has-appnav":r};return h(Host,null,h("div",{style:{paddingTop:"".concat(this.paddingTop,"px")},class:s},h("div",{class:"header__inner",ref:function(t){return e.innerElement=t}},h("div",{class:"header__main",ref:function(t){return e.mainElement=t}},h("div",{class:"header__logobar",ref:function(t){return e.logobarElement=t}},h("div",{class:"header__logobar-logo"},h("a",{href:this.href,class:"header__logo-link"},h("slot",{name:"logo"})))),h("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:function(t){return e.metabarElement=t}},h("div",{class:"header__metabar-inner"},h("div",{class:"header__metabar-nav"},h("slot",{name:"nav"})),h("div",{class:"header__metabar-login"},h("slot",{name:"login"}))))),h("div",{class:"header__appnav",ref:function(t){return e.appnavElement=t}},h("div",{class:"header__appnav-inner"},h("slot",{name:"appnav"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhHeader.style=stzhHeaderCss;export{StzhHeader as stzh_header};
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,s,i,n){function e(t){return t instanceof i?t:new i((function(s){s(t)}))}return new(i||(i=Promise))((function(i,h){function r(t){try{u(n.next(t))}catch(s){h(s)}}function p(t){try{u(n["throw"](t))}catch(s){h(s)}}function u(t){t.done?i(t.value):e(t.value).then(r,p)}u((n=n.apply(t,s||[])).next())}))};var __generator=this&&this.__generator||function(t,s){var i={label:0,sent:function(){if(h[0]&1)throw h[1];return h[1]},trys:[],ops:[]},n,e,h,r;return r={next:p(0),throw:p(1),return:p(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function p(t){return function(s){return u([t,s])}}function u(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,e&&(h=r[0]&2?e["return"]:r[0]?e["throw"]||((h=e["return"])&&h.call(e),0):e.next)&&!(h=h.call(e,r[1])).done)return h;if(e=0,h)r=[r[0]&2,h.value];switch(r[0]){case 0:case 1:h=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;e=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(h=i.trys,h=h.length>0&&h[h.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!h||r[1]>h[0]&&r[1]<h[3])){i.label=r[1];break}if(r[0]===6&&i.label<h[1]){i.label=h[1];h=r;break}if(h&&i.label<h[2]){i.label=h[2];i.ops.push(r);break}if(h[2])i.ops.pop();i.trys.pop();continue}r=s.call(t,i)}catch(p){r=[6,p];e=0}finally{n=h=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-904416df.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-da7b0e98.js";var stzhInputCss='.sc-stzh-input-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-input-h{width:100%;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0;right:0}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-button,.stzh-input__button-right[variant=input].sc-stzh-input{--border-color:transparent;--hover-border-color:transparent}.stzh-input.sc-stzh-input{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-input__marker-text.sc-stzh-input{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-input__description-wrapper.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-input__description-long.sc-stzh-input{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-popover[open].sc-stzh-input:not([open=false]) .stzh-input__description-long-button.sc-stzh-input{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input__description-long-button.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-input__description-long-button.sc-stzh-input:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxsmall)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:-ms-flexbox;display:flex}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.0625rem solid var(--stzh-color-grey61);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-form-input-border-radius);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);width:100%;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));background:var(--stzh-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:hover,.stzh-input__input.sc-stzh-input:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__input.sc-stzh-input::-ms-clear{display:none}.stzh-input__input.sc-stzh-input:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.stzh-input__input.sc-stzh-input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-color-grey61);width:auto;position:absolute;top:calc(var(--stzh-form-input-height) / 2);left:calc(var(--stzh-space-medium) + 0.0625rem);max-width:calc(100% - var(--stzh-space-medium) * 2);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__label.sc-stzh-input::before{content:"";display:none;background:var(--stzh-color-white);position:absolute;width:100%;z-index:-1;left:0;top:50%;margin-top:-0.03125rem;height:0.125rem}.stzh-input__input.sc-stzh-input:hover+.stzh-input__label.sc-stzh-input,.stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__button-right.sc-stzh-input{display:none}.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:transparent}.stzh-input--is-clearable.stzh-input--is-filled.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{display:block}.stzh-input--type-search.sc-stzh-input:not(.stzh-input--is-filled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--is-filled.sc-stzh-input .stzh-input__button-right.is-search.sc-stzh-input{pointer-events:initial}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);display:block;top:0;left:calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall));height:1.25rem;line-height:1.25rem;padding:0 var(--stzh-space-xxsmall);max-width:calc(100% - var(--stzh-space-small) * 2);pointer-events:all}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before{display:block}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-form-input-height))}.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-height))}.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xxsmall) - var(--stzh-form-input-height))}.stzh-input--size-small.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__label.sc-stzh-input{top:calc(var(--stzh-form-input-small-height) / 2)}.stzh-input--size-small.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{top:0}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xxsmall) + var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xsmall) - var(--stzh-form-input-small-height))}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input{border-color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input{color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5);cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:focus,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:focus{border-color:var(--stzh-color-grey5)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input::before{background:transparent}.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input],.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-grey61)}';var inputCounter=0;var StzhInput=function(){function t(t){var s=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.multiline=false;this.type="text";this.readonly=false;this.disabled=false;this.clearable=false;this.showMarker=false;this.value="";this.invalid=false;this.required=false;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.size="default";this.a11yDescribedby="";this.onClearClick=function(t){s.value="";s.input.focus();s.stzhChange.emit({component:"stzh-input",originalEvent:t,value:s.value})};this.onInput=function(t){s.value=s.input.value;s.stzhChange.emit({component:"stzh-input",originalEvent:t,value:s.value})};this.onFocus=function(t){var i=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});s.element.dispatchEvent(i);s.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=function(t){s.input.value=s.input.value;var i=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});s.element.dispatchEvent(i);s.stzhBlur.emit({component:"stzh-input",originalEvent:t})}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.focus();return[2]}))}))};t.prototype.valueWatcher=function(t){this.filled=t!==""};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.typeWatcher=function(t){var s=["text","search","password","email","url","tel"];if(!this.multiline&&!s.includes(t)){throw new Error("Type ".concat(t," not supported"))}};t.prototype.renderTextarea=function(){var t=this;return h("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:function(s){return t.input=s},id:this.inputId,name:this.name,rows:this.rows,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur},this.value)};t.prototype.renderInput=function(){var t=this;return h("input",{class:"stzh-input__input stzh-input__input--input",ref:function(s){return t.input=s},id:this.inputId,type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(s){switch(s.label){case 0:this.inputId="stzh-input-".concat(inputCounter++);this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"input")];case 1:t.localization=s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t;var s;var i=hasSlot(this.element,"button-right");var n=hasSlot(this.element,"description")||!!this.description;var e=hasSlot(this.element,"description-long")||!!this.descriptionLong;var r=hasSlot(this.element,"error")||!!this.error;var p=(t={"stzh-input":true,"stzh-input--has-button-right":i||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":n,"stzh-input--has-description-long":e,"stzh-input--has-error":r,"stzh-input--is-invalid":this.invalid,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--has-placeholder":!!this.placeholder,"stzh-input--is-filled":this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--has-fixed-label":((s=window===null||window===void 0?void 0:window.stzhComponents)===null||s===void 0?void 0:s.labels)==="fixed"},t["stzh-input--size-".concat(this.size)]=!!this.size,t["stzh-input--type-".concat(this.type)]=!!this.type,t);return h(Host,null,h("div",{class:p},h("div",{class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),h("label",{class:"stzh-input__label",htmlFor:this.inputId},this.label?this.label:h("slot",null),this.showMarker&&h("span",{class:"stzh-input__marker"},h("span",{class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),h("span",{class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),this.clearable||this.type==="search"?h("stzh-button",{class:"stzh-input__button-right",icon:this.disabled||this.readonly||!this.filled?"search":"close-circle","icon-only":true,variant:"input",onClick:this.onClearClick,disabled:this.disabled||this.readonly||!this.filled,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):h("slot",{name:"button-right"})),h(StzhInputDescription,{classPrefix:"stzh-input",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}},enumerable:false,configurable:true});return t}();StzhInput.style=stzhInputCss;export{StzhInput as stzh_input};
1
+ var __awaiter=this&&this.__awaiter||function(t,s,i,n){function e(t){return t instanceof i?t:new i((function(s){s(t)}))}return new(i||(i=Promise))((function(i,h){function r(t){try{u(n.next(t))}catch(s){h(s)}}function p(t){try{u(n["throw"](t))}catch(s){h(s)}}function u(t){t.done?i(t.value):e(t.value).then(r,p)}u((n=n.apply(t,s||[])).next())}))};var __generator=this&&this.__generator||function(t,s){var i={label:0,sent:function(){if(h[0]&1)throw h[1];return h[1]},trys:[],ops:[]},n,e,h,r;return r={next:p(0),throw:p(1),return:p(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function p(t){return function(s){return u([t,s])}}function u(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,e&&(h=r[0]&2?e["return"]:r[0]?e["throw"]||((h=e["return"])&&h.call(e),0):e.next)&&!(h=h.call(e,r[1])).done)return h;if(e=0,h)r=[r[0]&2,h.value];switch(r[0]){case 0:case 1:h=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;e=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(h=i.trys,h=h.length>0&&h[h.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!h||r[1]>h[0]&&r[1]<h[3])){i.label=r[1];break}if(r[0]===6&&i.label<h[1]){i.label=h[1];h=r;break}if(h&&i.label<h[2]){i.label=h[2];i.ops.push(r);break}if(h[2])i.ops.pop();i.trys.pop();continue}r=s.call(t,i)}catch(p){r=[6,p];e=0}finally{n=h=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-68a28fce.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-da7b0e98.js";var stzhInputCss='.sc-stzh-input-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-input-h{width:100%;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0;right:0}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-button,.stzh-input__button-right[variant=input].sc-stzh-input{--border-color:transparent;--hover-border-color:transparent}.stzh-input.sc-stzh-input{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-input__marker-text.sc-stzh-input{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-input__description-wrapper.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-input__description-long.sc-stzh-input{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-popover[open].sc-stzh-input:not([open=false]) .stzh-input__description-long-button.sc-stzh-input{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input__description-long-button.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-input__description-long-button.sc-stzh-input:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxsmall)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:-ms-flexbox;display:flex}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.0625rem solid var(--stzh-color-grey61);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-form-input-border-radius);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);width:100%;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));background:var(--stzh-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:hover,.stzh-input__input.sc-stzh-input:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__input.sc-stzh-input::-ms-clear{display:none}.stzh-input__input.sc-stzh-input:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.stzh-input__input.sc-stzh-input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-color-grey61);width:auto;position:absolute;top:calc(var(--stzh-form-input-height) / 2);left:calc(var(--stzh-space-medium) + 0.0625rem);max-width:calc(100% - var(--stzh-space-medium) * 2);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__label.sc-stzh-input::before{content:"";display:none;background:var(--stzh-color-white);position:absolute;width:100%;z-index:-1;left:0;top:50%;margin-top:-0.03125rem;height:0.125rem}.stzh-input__input.sc-stzh-input:hover+.stzh-input__label.sc-stzh-input,.stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__button-right.sc-stzh-input{display:none}.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:transparent}.stzh-input--is-clearable.stzh-input--is-filled.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{display:block}.stzh-input--type-search.sc-stzh-input:not(.stzh-input--is-filled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--is-filled.sc-stzh-input .stzh-input__button-right.is-search.sc-stzh-input{pointer-events:initial}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{display:block;top:0;left:calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall));height:1.25rem;line-height:1.25rem;padding:0 var(--stzh-space-xxsmall);max-width:calc(100% - var(--stzh-space-small) * 2);pointer-events:all}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before{display:block}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-form-input-height))}.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-height))}.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xxsmall) - var(--stzh-form-input-height))}.stzh-input--size-small.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__label.sc-stzh-input{top:calc(var(--stzh-form-input-small-height) / 2)}.stzh-input--size-small.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{top:0}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xxsmall) + var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xsmall) - var(--stzh-form-input-small-height))}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input{border-color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input{color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5);cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:focus,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:focus{border-color:var(--stzh-color-grey5)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input::before{background:transparent}.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input],.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-grey61)}';var inputCounter=0;var StzhInput=function(){function t(t){var s=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.multiline=false;this.type="text";this.step=1;this.showSpin=false;this.readonly=false;this.disabled=false;this.clearable=false;this.showMarker=false;this.value="";this.invalid=false;this.required=false;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.size="default";this.a11yDescribedby="";this.onClearClick=function(t){s.value="";s.input.focus();s.stzhChange.emit({component:"stzh-input",originalEvent:t,value:s.value})};this.onInput=function(t){s.value=s.input.value;s.stzhChange.emit({component:"stzh-input",originalEvent:t,value:s.value})};this.onFocus=function(t){var i=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});s.element.dispatchEvent(i);s.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=function(t){s.input.value=s.input.value;var i=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});s.element.dispatchEvent(i);s.stzhBlur.emit({component:"stzh-input",originalEvent:t})}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.focus();return[2]}))}))};t.prototype.valueWatcher=function(t){this.filled=t!==""};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.typeWatcher=function(t){var s=["text","search","password","email","url","tel","number"];if(!this.multiline&&!s.includes(t)){throw new Error("Type ".concat(t," not supported"))}};t.prototype.renderTextarea=function(){var t=this;return h("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:function(s){return t.input=s},id:this.inputId,name:this.name,rows:this.rows,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur},this.value)};t.prototype.renderInput=function(){var t=this;return h("input",{class:"stzh-input__input stzh-input__input--input",ref:function(s){return t.input=s},id:this.inputId,type:this.type,name:this.name,value:this.value,min:this.min,max:this.max,step:this.step,placeholder:this.placeholder,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(s){switch(s.label){case 0:this.inputId="stzh-input-".concat(inputCounter++);this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"input")];case 1:t.localization=s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t;var s;var i=hasSlot(this.element,"button-right");var n=hasSlot(this.element,"description")||!!this.description;var e=hasSlot(this.element,"description-long")||!!this.descriptionLong;var r=hasSlot(this.element,"error")||!!this.error;var p=(t={"stzh-input":true,"stzh-input--has-button-right":i||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":n,"stzh-input--has-description-long":e,"stzh-input--has-error":r,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--has-placeholder":!!this.placeholder,"stzh-input--is-filled":this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--has-fixed-label":((s=window===null||window===void 0?void 0:window.stzhComponents)===null||s===void 0?void 0:s.labels)==="fixed"},t["stzh-input--size-".concat(this.size)]=!!this.size,t["stzh-input--type-".concat(this.type)]=!!this.type,t);return h(Host,null,h("div",{class:p},h("div",{class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),h("label",{class:"stzh-input__label",htmlFor:this.inputId},this.label?this.label:h("slot",null),this.showMarker&&h("span",{class:"stzh-input__marker"},h("span",{class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),h("span",{class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),this.clearable||this.type==="search"?h("stzh-button",{class:"stzh-input__button-right",icon:this.disabled||this.readonly||!this.filled?"search":"close-circle","icon-only":true,variant:"input",onClick:this.onClearClick,disabled:this.disabled||this.readonly||!this.filled,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):h("slot",{name:"button-right"})),h(StzhInputDescription,{classPrefix:"stzh-input",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}},enumerable:false,configurable:true});return t}();StzhInput.style=stzhInputCss;export{StzhInput as stzh_input};
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{a(n.next(t))}catch(e){o(e)}}function l(t){try{a(n["throw"](t))}catch(e){o(e)}}function a(t){t.done?i(t.value):s(t.value).then(r,l)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,s,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return a([t,e])}}function a(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,s&&(o=r[0]&2?s["return"]:r[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,r[1])).done)return o;if(s=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;s=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(l){r=[6,l];s=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-904416df.js";var stzhLinkCss='@charset "UTF-8";.sc-stzh-link-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-link-h{display:none}.sc-stzh-link-h *.sc-stzh-link,.sc-stzh-link-h *.sc-stzh-link::before,.sc-stzh-link-h *.sc-stzh-link::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-link-h{--color:var(--stzh-link-color);--text-decoration:underline;--icon-size:var(--stzh-icon-size-medium);--icon-wrapper-height:var(--stzh-link-icon-wrapper-height);--hover-color:var(--stzh-link-hover-color);--hover-text-decoration:underline;color:var(--color);display:inline-block;border-radius:var(--stzh-button-border-radius)}.sc-stzh-link-h .sc-stzh-link-s>stzh-text{--color:initial}[size=small].sc-stzh-link-h{--icon-size:var(--stzh-icon-size-small)}[variant=secondary].sc-stzh-link-h{--color:var(--stzh-base-color)}[active].sc-stzh-link-h:not([active=false]){--color:var(--hover-color)}[disabled].sc-stzh-link-h:not([disabled=false]){--color:var(--stzh-color-grey25);--hover-color:var(--stzh-color-grey25)}.sc-stzh-link-h .sc-stzh-link-s>stzh-icon,.stzh-link__icon.sc-stzh-link{--size:var(--icon-size)}.stzh-link.sc-stzh-link{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:var(--color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);cursor:pointer;width:100%;text-decoration:none;background-color:transparent;padding:0;border-radius:var(--stzh-button-border-radius)}@media screen and (min-width: 1024px){.stzh-link.sc-stzh-link{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-link.sc-stzh-link:hover{color:var(--hover-color)}.stzh-link.sc-stzh-link:hover .stzh-link__text.sc-stzh-link{-webkit-text-decoration:var(--hover-text-decoration);text-decoration:var(--hover-text-decoration)}.stzh-link__inner.sc-stzh-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-link__icon-wrapper.sc-stzh-link{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:var(--icon-wrapper-height)}.stzh-link__text.sc-stzh-link{-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}.stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-link__badge.sc-stzh-link{position:absolute;z-index:1;top:0;right:0}.stzh-link--has-icon-only.sc-stzh-link .stzh-link__text.sc-stzh-link{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-link--badge-position-link.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{position:static}.stzh-link__badge.sc-stzh-link,.stzh-link--badge-position-link.sc-stzh-link .stzh-link__badge.sc-stzh-link{top:calc(var(--stzh-space-xxsmall) * -1);right:calc(var(--stzh-space-large) * -1)}.stzh-link--badge-position-icon.stzh-link--has-icon.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{position:relative}.stzh-link--badge-position-icon.stzh-link--has-icon.sc-stzh-link .stzh-link__badge.sc-stzh-link{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link+.stzh-link__text.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-small)}.stzh-link--size-small.sc-stzh-link{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-link--is-disabled.sc-stzh-link{cursor:not-allowed}';var StzhLink=function(){function t(t){var e=this;registerInstance(this,t);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.icon="";this.iconPosition="left";this.size="default";this.href="";this.target="";this.type="button";this.variant="default";this.badge="";this.badgePosition="icon";this.disabled=false;this.active=false;this.iconOnly=false;this.label="";this.onFocus=function(t){var i=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(i);e.stzhFocus.emit({component:"stzh-link",originalEvent:t})};this.onBlur=function(t){var i=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(i);e.stzhBlur.emit({component:"stzh-link",originalEvent:t})}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.link.focus();return[2]}))}))};t.prototype.renderIcon=function(){return h("div",{class:"stzh-link__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-link__icon",name:this.icon}):h("slot",{name:"icon"}),this.badge&&h("stzh-badge",{class:"stzh-link__badge",label:this.badge}))};t.prototype.renderContent=function(){return h("div",{class:"stzh-link__text"},this.label?this.label:h("slot",null))};t.prototype.renderInner=function(t){return h(Fragment,null,h("div",{class:"stzh-link__inner"},this.iconPosition==="left"&&this.renderIcon(),this.renderContent(),this.iconPosition==="right"&&this.renderIcon()),this.badge&&!t&&h("stzh-badge",{class:"stzh-link__badge",label:this.badge}))};t.prototype.render=function(){var t;var e=this;var i=hasSlot(this.element,"icon")||!!this.icon;var n=(t={"stzh-link":true,"stzh-link--has-icon":i,"stzh-link--has-icon-only":this.iconOnly,"stzh-link--has-badge":!!this.badge,"stzh-link--is-disabled":this.disabled,"stzh-link--is-active":this.active},t["stzh-link--badge-position-".concat(this.badgePosition)]=!!this.badgePosition,t["stzh-link--size-".concat(this.size)]=!!this.size,t["stzh-link--".concat(this.variant)]=!!this.variant,t);return h(Host,null,this.href?h("a",{ref:function(t){return e.link=t},href:this.disabled?null:this.href,target:this.target,class:n,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(i)):h("button",{ref:function(t){return e.link=t},class:n,type:this.type,disabled:this.disabled,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(i)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhLink.style=stzhLinkCss;export{StzhLink as stzh_link};
1
+ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{a(n.next(t))}catch(e){o(e)}}function l(t){try{a(n["throw"](t))}catch(e){o(e)}}function a(t){t.done?i(t.value):s(t.value).then(r,l)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,s,o,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return a([t,e])}}function a(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,s&&(o=r[0]&2?s["return"]:r[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,r[1])).done)return o;if(s=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;s=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(l){r=[6,l];s=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-68a28fce.js";var stzhLinkCss='@charset "UTF-8";.sc-stzh-link-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-link-h{display:none}.sc-stzh-link-h *.sc-stzh-link,.sc-stzh-link-h *.sc-stzh-link::before,.sc-stzh-link-h *.sc-stzh-link::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-link-h{--color:var(--stzh-link-color);--text-decoration:underline;--icon-size:var(--stzh-icon-size-medium);--icon-wrapper-height:var(--stzh-link-icon-wrapper-height);--hover-color:var(--stzh-link-hover-color);--hover-text-decoration:underline;color:var(--color);display:inline-block;border-radius:var(--stzh-button-border-radius)}.sc-stzh-link-h .sc-stzh-link-s>stzh-text{--color:initial}[size=small].sc-stzh-link-h{--icon-size:var(--stzh-icon-size-small)}[variant=secondary].sc-stzh-link-h{--color:var(--stzh-base-color)}[active].sc-stzh-link-h:not([active=false]){--color:var(--hover-color)}[disabled].sc-stzh-link-h:not([disabled=false]){--color:var(--stzh-color-grey25);--hover-color:var(--stzh-color-grey25)}.sc-stzh-link-h .sc-stzh-link-s>stzh-icon,.stzh-link__icon.sc-stzh-link{--size:var(--icon-size)}.stzh-link.sc-stzh-link{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:var(--color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);cursor:pointer;width:100%;text-decoration:none;background-color:transparent;padding:0;border-radius:var(--stzh-button-border-radius)}@media screen and (min-width: 1024px){.stzh-link.sc-stzh-link{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-link.sc-stzh-link:hover{color:var(--hover-color)}.stzh-link.sc-stzh-link:hover .stzh-link__text.sc-stzh-link{-webkit-text-decoration:var(--hover-text-decoration);text-decoration:var(--hover-text-decoration)}.stzh-link__inner.sc-stzh-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-link__icon-wrapper.sc-stzh-link{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:var(--icon-wrapper-height)}.stzh-link__text.sc-stzh-link{-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}.stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-link__badge.sc-stzh-link{position:absolute;z-index:1;top:0;right:0}.stzh-link--has-icon-only.sc-stzh-link .stzh-link__text.sc-stzh-link{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-link--badge-position-link.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{position:static}.stzh-link__badge.sc-stzh-link,.stzh-link--badge-position-link.sc-stzh-link .stzh-link__badge.sc-stzh-link{top:calc(var(--stzh-space-xxsmall) * -1);right:calc(var(--stzh-space-large) * -1)}.stzh-link--badge-position-icon.stzh-link--has-icon.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{position:relative}.stzh-link--badge-position-icon.stzh-link--has-icon.sc-stzh-link .stzh-link__badge.sc-stzh-link{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link+.stzh-link__text.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-small)}.stzh-link--size-small.sc-stzh-link{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-link--is-disabled.sc-stzh-link{cursor:not-allowed}';var StzhLink=function(){function t(t){var e=this;registerInstance(this,t);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.icon="";this.iconPosition="left";this.size="default";this.href="";this.target="";this.type="button";this.variant="default";this.badge="";this.badgePosition="icon";this.disabled=false;this.active=false;this.iconOnly=false;this.label="";this.onFocus=function(t){var i=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(i);e.stzhFocus.emit({component:"stzh-link",originalEvent:t})};this.onBlur=function(t){var i=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});e.element.dispatchEvent(i);e.stzhBlur.emit({component:"stzh-link",originalEvent:t})}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.link.focus();return[2]}))}))};t.prototype.renderIcon=function(){return h("div",{class:"stzh-link__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-link__icon",name:this.icon}):h("slot",{name:"icon"}),this.badge&&h("stzh-badge",{class:"stzh-link__badge",label:this.badge}))};t.prototype.renderContent=function(){return h("div",{class:"stzh-link__text"},this.label?this.label:h("slot",null))};t.prototype.renderInner=function(t){return h(Fragment,null,h("div",{class:"stzh-link__inner"},this.iconPosition==="left"&&this.renderIcon(),this.renderContent(),this.iconPosition==="right"&&this.renderIcon()),this.badge&&!t&&h("stzh-badge",{class:"stzh-link__badge",label:this.badge}))};t.prototype.render=function(){var t;var e=this;var i=hasSlot(this.element,"icon")||!!this.icon;var n=(t={"stzh-link":true,"stzh-link--has-icon":i,"stzh-link--has-icon-only":this.iconOnly,"stzh-link--has-badge":!!this.badge,"stzh-link--is-disabled":this.disabled,"stzh-link--is-active":this.active},t["stzh-link--badge-position-".concat(this.badgePosition)]=!!this.badgePosition,t["stzh-link--size-".concat(this.size)]=!!this.size,t["stzh-link--".concat(this.variant)]=!!this.variant,t);return h(Host,null,this.href?h("a",{ref:function(t){return e.link=t},href:this.disabled?null:this.href,target:this.target,class:n,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(i)):h("button",{ref:function(t){return e.link=t},class:n,type:this.type,disabled:this.disabled,accessKey:this.linkAccesskey,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(i)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhLink.style=stzhLinkCss;export{StzhLink as stzh_link};
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,n,s){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{h(s.next(e))}catch(t){i(t)}}function a(e){try{h(s["throw"](e))}catch(t){i(t)}}function h(e){e.done?n(e.value):r(e.value).then(o,a)}h((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return h([e,t])}}function h(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(a){o=[6,a];r=0}finally{s=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,c as createEvent,F as Fragment,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-904416df.js";var stzhMenuCss=".sc-stzh-menu-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}";var StzhMenu=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{role:"menu"},h("div",{class:"stzh-menu"},h("slot",null)))};return e}();StzhMenu.style=stzhMenuCss;var stzhMenuItemCss=".sc-stzh-menu-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-menu-item-h{display:none}.sc-stzh-menu-item-h *.sc-stzh-menu-item,.sc-stzh-menu-item-h *.sc-stzh-menu-item::before,.sc-stzh-menu-item-h *.sc-stzh-menu-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-item-h{--height:var(--stzh-menu-item-height);--color:var(--stzh-color-grey70);--background-color:transparent;--icon-size:var(--stzh-icon-size-small);--hover-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey5)}[active].sc-stzh-menu-item-h:not([active=false]){--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary8)}[disabled].sc-stzh-menu-item-h:not([disabled=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey13);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-grey13)}.sc-stzh-menu-item-h .sc-stzh-menu-item-s>stzh-icon,.stzh-menu-item__icon.sc-stzh-menu-item{--size:var(--icon-size)}.stzh-menu-item.sc-stzh-menu-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;border:none;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-left:var(--stzh-space-large);color:var(--color);background-color:var(--background-color);width:100%;height:var(--height);line-height:var(--height);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-menu-item.sc-stzh-menu-item:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-menu-item__badge.sc-stzh-menu-item{position:absolute;z-index:1;top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item+.stzh-menu-item__text.sc-stzh-menu-item:not(:empty){margin-left:var(--stzh-space-xsmall)}.stzh-menu-item__text.sc-stzh-menu-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-menu-item--is-disabled.sc-stzh-menu-item{cursor:not-allowed}";var StzhMenuItem=function(){function e(e){var t=this;registerInstance(this,e);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.badge="";this.icon="";this.active=false;this.label="";this.href="";this.target="";this.disabled=false;this.onFocus=function(e){var n=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(n);t.stzhFocus.emit({component:"stzh-menu-item",originalEvent:e})};this.onBlur=function(e){var n=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(n);t.stzhBlur.emit({component:"stzh-menu-item",originalEvent:e})}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.menuItem.focus();return[2]}))}))};e.prototype.renderInner=function(e){return h(Fragment,null,e&&h("div",{class:"stzh-menu-item__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-menu-item__icon",name:this.icon}):h("slot",{name:"icon"}),this.badge&&h("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge})),h("div",{class:"stzh-menu-item__text"},this.label?this.label:h("slot",null)))};e.prototype.render=function(){var e=this;var t=hasSlot(this.element,"icon")||!!this.icon;var n={"stzh-menu-item":true,"stzh-menu-item--has-icon":t,"stzh-menu-item--has-badge":!!this.badge,"stzh-menu-item--is-disabled":this.disabled,"stzh-menu-item--is-active":this.active};return h(Host,{role:"menuitem"},this.href?h("a",{ref:function(t){return e.menuItem=t},href:this.disabled?null:this.href,target:this.target,class:n,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)):h("button",{ref:function(t){return e.menuItem=t},class:n,type:"button",disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhMenuItem.style=stzhMenuItemCss;export{StzhMenu as stzh_menu,StzhMenuItem as stzh_menu_item};
1
+ var __awaiter=this&&this.__awaiter||function(e,t,n,s){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{h(s.next(e))}catch(t){i(t)}}function a(e){try{h(s["throw"](e))}catch(t){i(t)}}function h(e){e.done?n(e.value):r(e.value).then(o,a)}h((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return h([e,t])}}function h(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(a){o=[6,a];r=0}finally{s=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,c as createEvent,F as Fragment,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-68a28fce.js";var stzhMenuCss=".sc-stzh-menu-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}";var StzhMenu=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{role:"menu"},h("div",{class:"stzh-menu"},h("slot",null)))};return e}();StzhMenu.style=stzhMenuCss;var stzhMenuItemCss=".sc-stzh-menu-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-menu-item-h{display:none}.sc-stzh-menu-item-h *.sc-stzh-menu-item,.sc-stzh-menu-item-h *.sc-stzh-menu-item::before,.sc-stzh-menu-item-h *.sc-stzh-menu-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-item-h{--height:var(--stzh-menu-item-height);--color:var(--stzh-color-grey70);--background-color:transparent;--icon-size:var(--stzh-icon-size-small);--hover-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey5)}[active].sc-stzh-menu-item-h:not([active=false]){--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary8)}[disabled].sc-stzh-menu-item-h:not([disabled=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey13);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-grey13)}.sc-stzh-menu-item-h .sc-stzh-menu-item-s>stzh-icon,.stzh-menu-item__icon.sc-stzh-menu-item{--size:var(--icon-size)}.stzh-menu-item.sc-stzh-menu-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;border:none;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-left:var(--stzh-space-large);color:var(--color);background-color:var(--background-color);width:100%;height:var(--height);line-height:var(--height);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-menu-item.sc-stzh-menu-item:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-menu-item__badge.sc-stzh-menu-item{position:absolute;z-index:1;top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item+.stzh-menu-item__text.sc-stzh-menu-item:not(:empty){margin-left:var(--stzh-space-xsmall)}.stzh-menu-item__text.sc-stzh-menu-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-menu-item--is-disabled.sc-stzh-menu-item{cursor:not-allowed}";var StzhMenuItem=function(){function e(e){var t=this;registerInstance(this,e);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.badge="";this.icon="";this.active=false;this.label="";this.href="";this.target="";this.disabled=false;this.onFocus=function(e){var n=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(n);t.stzhFocus.emit({component:"stzh-menu-item",originalEvent:e})};this.onBlur=function(e){var n=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});t.element.dispatchEvent(n);t.stzhBlur.emit({component:"stzh-menu-item",originalEvent:e})}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.menuItem.focus();return[2]}))}))};e.prototype.renderInner=function(e){return h(Fragment,null,e&&h("div",{class:"stzh-menu-item__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-menu-item__icon",name:this.icon}):h("slot",{name:"icon"}),this.badge&&h("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge})),h("div",{class:"stzh-menu-item__text"},this.label?this.label:h("slot",null)))};e.prototype.render=function(){var e=this;var t=hasSlot(this.element,"icon")||!!this.icon;var n={"stzh-menu-item":true,"stzh-menu-item--has-icon":t,"stzh-menu-item--has-badge":!!this.badge,"stzh-menu-item--is-disabled":this.disabled,"stzh-menu-item--is-active":this.active};return h(Host,{role:"menuitem"},this.href?h("a",{ref:function(t){return e.menuItem=t},href:this.disabled?null:this.href,target:this.target,class:n,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)):h("button",{ref:function(t){return e.menuItem=t},class:n,type:"button",disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();StzhMenuItem.style=stzhMenuItemCss;export{StzhMenu as stzh_menu,StzhMenuItem as stzh_menu_item};
@@ -1 +1 @@
1
- import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{s as setPropsIfNull,h as hasSlot}from"./utils-904416df.js";var stzhPagetitleCss=".sc-stzh-pagetitle-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagetitle-h{display:none}.sc-stzh-pagetitle-h *.sc-stzh-pagetitle,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-xlarge)}}.stzh-pagetitle__actions.sc-stzh-pagetitle{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}";var StzhPagetitle=function(){function t(t){var e=this;registerInstance(this,t);this.init=function(){var t=e.element.querySelectorAll('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');var s=e.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');var a=e.element.querySelectorAll('stzh-link[slot="action-left"], stzh-link[slot="action-right"], [slot="action-left"] stzh-link, [slot="action-right"] stzh-link');var i=e.element.querySelectorAll('stzh-link[slot="action-right"], [slot="action-right"] stzh-link');t.forEach((function(t){setPropsIfNull(t,{withBorder:true})}));s.forEach((function(t){setPropsIfNull(t,{lead:true})}));i.forEach((function(t){setPropsIfNull(t,{icon:"web-link"})}));a.forEach((function(t){setPropsIfNull(t,{size:"small"})}))}}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t=hasSlot(this.element,"heading");var e=hasSlot(this.element,"image");var s=hasSlot(this.element,"lead");var a=hasSlot(this.element,"action-left");var i=hasSlot(this.element,"action-right");var l={"stzh-pagetitle":true,"stzh-pagetitle--has-heading":t,"stzh-pagetitle--has-image":e,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-action":a||i,"stzh-pagetitle--has-action-left":a,"stzh-pagetitle--has-action-right":i};return h(Host,null,h("div",{class:l},h("slot",{name:"heading"}),h("div",{class:"stzh-pagetitle__actions"},h("slot",{name:"action-left"}),h("slot",{name:"action-right"})),h("slot",{name:"image"}),h("slot",{name:"lead"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhPagetitle.style=stzhPagetitleCss;export{StzhPagetitle as stzh_pagetitle};
1
+ import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{s as setPropsIfNull,h as hasSlot}from"./utils-68a28fce.js";var stzhPagetitleCss=".sc-stzh-pagetitle-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagetitle-h{display:none}.sc-stzh-pagetitle-h *.sc-stzh-pagetitle,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-xlarge)}}.stzh-pagetitle__actions.sc-stzh-pagetitle{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}";var StzhPagetitle=function(){function t(t){var e=this;registerInstance(this,t);this.init=function(){var t=e.element.querySelectorAll('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');var s=e.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');var a=e.element.querySelectorAll('stzh-link[slot="action-left"], stzh-link[slot="action-right"], [slot="action-left"] stzh-link, [slot="action-right"] stzh-link');var i=e.element.querySelectorAll('stzh-link[slot="action-right"], [slot="action-right"] stzh-link');t.forEach((function(t){setPropsIfNull(t,{withBorder:true})}));s.forEach((function(t){setPropsIfNull(t,{lead:true})}));i.forEach((function(t){setPropsIfNull(t,{icon:"web-link"})}));a.forEach((function(t){setPropsIfNull(t,{size:"small"})}))}}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t=hasSlot(this.element,"heading");var e=hasSlot(this.element,"image");var s=hasSlot(this.element,"lead");var a=hasSlot(this.element,"action-left");var i=hasSlot(this.element,"action-right");var l={"stzh-pagetitle":true,"stzh-pagetitle--has-heading":t,"stzh-pagetitle--has-image":e,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-action":a||i,"stzh-pagetitle--has-action-left":a,"stzh-pagetitle--has-action-right":i};return h(Host,null,h("div",{class:l},h("slot",{name:"heading"}),h("div",{class:"stzh-pagetitle__actions"},h("slot",{name:"action-left"}),h("slot",{name:"action-right"})),h("slot",{name:"image"}),h("slot",{name:"lead"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhPagetitle.style=stzhPagetitleCss;export{StzhPagetitle as stzh_pagetitle};