@oiz/stzh-components 3.0.0-beta3 → 3.0.0-beta5

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 (663) hide show
  1. package/dist/cjs/{app-globals-0cbebaa1.js → app-globals-82cc9313.js} +39 -14
  2. package/dist/cjs/app-globals-82cc9313.js.map +1 -0
  3. package/dist/cjs/index-92254d32.js +20 -16
  4. package/dist/cjs/index.cjs.js.map +1 -1
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/stzh-actions.cjs.entry.js.map +1 -1
  7. package/dist/cjs/stzh-appointments.cjs.entry.js +11 -8
  8. package/dist/cjs/stzh-appointments.cjs.entry.js.map +1 -1
  9. package/dist/cjs/stzh-badge_3.cjs.entry.js +9 -1
  10. package/dist/cjs/stzh-badge_3.cjs.entry.js.map +1 -1
  11. package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js +12 -3
  12. package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js.map +1 -1
  13. package/dist/cjs/stzh-calendar.cjs.entry.js +1 -1
  14. package/dist/cjs/stzh-calendar.cjs.entry.js.map +1 -1
  15. package/dist/cjs/stzh-card-navigation.cjs.entry.js +2 -1
  16. package/dist/cjs/stzh-card-navigation.cjs.entry.js.map +1 -1
  17. package/dist/cjs/stzh-card-searchresult.cjs.entry.js +21 -32
  18. package/dist/cjs/stzh-card-searchresult.cjs.entry.js.map +1 -1
  19. package/dist/cjs/stzh-card-superteaser.cjs.entry.js +146 -0
  20. package/dist/cjs/stzh-card-superteaser.cjs.entry.js.map +1 -0
  21. package/dist/cjs/stzh-card_3.cjs.entry.js +85 -45
  22. package/dist/cjs/stzh-card_3.cjs.entry.js.map +1 -1
  23. package/dist/cjs/stzh-checkbox.cjs.entry.js +1 -1
  24. package/dist/cjs/stzh-checkbox.cjs.entry.js.map +1 -1
  25. package/dist/cjs/stzh-chip.cjs.entry.js +8 -3
  26. package/dist/cjs/stzh-chip.cjs.entry.js.map +1 -1
  27. package/dist/cjs/stzh-components.cjs.js +2 -2
  28. package/dist/cjs/stzh-contact.cjs.entry.js +7 -2
  29. package/dist/cjs/stzh-contact.cjs.entry.js.map +1 -1
  30. package/dist/cjs/stzh-content.cjs.entry.js +1 -1
  31. package/dist/cjs/stzh-content.cjs.entry.js.map +1 -1
  32. package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
  33. package/dist/cjs/stzh-cspace.cjs.entry.js.map +1 -1
  34. package/dist/cjs/stzh-cta.cjs.entry.js +10 -2
  35. package/dist/cjs/stzh-cta.cjs.entry.js.map +1 -1
  36. package/dist/cjs/stzh-datalist_2.cjs.entry.js +26 -16
  37. package/dist/cjs/stzh-datalist_2.cjs.entry.js.map +1 -1
  38. package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js +11 -5
  39. package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js.map +1 -1
  40. package/dist/cjs/stzh-datamessagelist.cjs.entry.js +1 -1
  41. package/dist/cjs/stzh-datamessagelist.cjs.entry.js.map +1 -1
  42. package/dist/cjs/stzh-datatable.cjs.entry.js +1 -1
  43. package/dist/cjs/stzh-datatable.cjs.entry.js.map +1 -1
  44. package/dist/cjs/stzh-datepicker_3.cjs.entry.js +2 -2
  45. package/dist/cjs/stzh-datepicker_3.cjs.entry.js.map +1 -1
  46. package/dist/cjs/stzh-daterange.cjs.entry.js +107 -0
  47. package/dist/cjs/stzh-daterange.cjs.entry.js.map +1 -0
  48. package/dist/cjs/{stzh-message.cjs.entry.js → stzh-details_2.cjs.entry.js} +155 -1
  49. package/dist/cjs/stzh-details_2.cjs.entry.js.map +1 -0
  50. package/dist/cjs/stzh-dropdown.cjs.entry.js +13 -4
  51. package/dist/cjs/stzh-dropdown.cjs.entry.js.map +1 -1
  52. package/dist/cjs/stzh-fieldset.cjs.entry.js +1 -1
  53. package/dist/cjs/stzh-fieldset.cjs.entry.js.map +1 -1
  54. package/dist/cjs/stzh-ghettobox_3.cjs.entry.js +2 -3
  55. package/dist/cjs/stzh-ghettobox_3.cjs.entry.js.map +1 -1
  56. package/dist/cjs/stzh-header.cjs.entry.js +56 -26
  57. package/dist/cjs/stzh-header.cjs.entry.js.map +1 -1
  58. package/dist/cjs/stzh-heading.cjs.entry.js +1 -1
  59. package/dist/cjs/stzh-heading.cjs.entry.js.map +1 -1
  60. package/dist/cjs/stzh-iframe.cjs.entry.js +11 -3
  61. package/dist/cjs/stzh-iframe.cjs.entry.js.map +1 -1
  62. package/dist/cjs/stzh-imagecomparison.cjs.entry.js +2 -2
  63. package/dist/cjs/stzh-imagecomparison.cjs.entry.js.map +1 -1
  64. package/dist/cjs/stzh-input.cjs.entry.js.map +1 -1
  65. package/dist/cjs/stzh-link.cjs.entry.js +11 -3
  66. package/dist/cjs/stzh-link.cjs.entry.js.map +1 -1
  67. package/dist/cjs/stzh-menu_2.cjs.entry.js +10 -2
  68. package/dist/cjs/stzh-menu_2.cjs.entry.js.map +1 -1
  69. package/dist/cjs/stzh-microsite-teaserlist.cjs.entry.js +2 -2
  70. package/dist/cjs/stzh-microsite-teaserlist.cjs.entry.js.map +1 -1
  71. package/dist/cjs/stzh-pagebottom.cjs.entry.js +1 -1
  72. package/dist/cjs/stzh-pagebottom.cjs.entry.js.map +1 -1
  73. package/dist/cjs/stzh-popover_2.cjs.entry.js +1 -1
  74. package/dist/cjs/stzh-popover_2.cjs.entry.js.map +1 -1
  75. package/dist/cjs/stzh-search.cjs.entry.js +100 -67
  76. package/dist/cjs/stzh-search.cjs.entry.js.map +1 -1
  77. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js +1 -1
  78. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js.map +1 -1
  79. package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js +1 -1
  80. package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js.map +1 -1
  81. package/dist/cjs/stzh-table.cjs.entry.js +1 -1
  82. package/dist/cjs/stzh-table.cjs.entry.js.map +1 -1
  83. package/dist/cjs/stzh-vbz-carousel.cjs.entry.js +1 -1
  84. package/dist/cjs/stzh-vbz-carousel.cjs.entry.js.map +1 -1
  85. package/dist/collection/assets/fonts/HelveticaNeueLTW05_66MediumIt.woff2 +0 -0
  86. package/dist/collection/assets/fonts.css +7 -0
  87. package/dist/collection/assets/i18n/de.json +12 -5
  88. package/dist/collection/assets/i18n/en.json +12 -5
  89. package/dist/collection/collection-manifest.json +2 -0
  90. package/dist/collection/components/stzh-accordion/stzh-accordion.css +4 -1
  91. package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.css +4 -1
  92. package/dist/collection/components/stzh-actions/stzh-actions.css +4 -1
  93. package/dist/collection/components/stzh-actions/stzh-actions.js +2 -2
  94. package/dist/collection/components/stzh-actions/stzh-actions.js.map +1 -1
  95. package/dist/collection/components/stzh-actionset/stzh-actionset.css +4 -1
  96. package/dist/collection/components/stzh-amount/stzh-amount.css +4 -1
  97. package/dist/collection/components/stzh-anchornav/stzh-anchornav.css +4 -1
  98. package/dist/collection/components/stzh-appointments/stzh-appointments.css +103 -20
  99. package/dist/collection/components/stzh-appointments/stzh-appointments.js +9 -7
  100. package/dist/collection/components/stzh-appointments/stzh-appointments.js.map +1 -1
  101. package/dist/collection/components/stzh-appointments/stzh-appointments.stories.js +7 -1
  102. package/dist/collection/components/stzh-archivelist/stzh-archivelist.css +4 -1
  103. package/dist/collection/components/stzh-audio/stzh-audio.css +4 -1
  104. package/dist/collection/components/stzh-badge/stzh-badge.css +4 -1
  105. package/dist/collection/components/stzh-banner/stzh-banner.css +4 -1
  106. package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.css +5 -1
  107. package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.js +32 -1
  108. package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.js.map +1 -1
  109. package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.stories.js +3 -0
  110. package/dist/collection/components/stzh-button/stzh-button.css +14 -11
  111. package/dist/collection/components/stzh-button/stzh-button.js +34 -6
  112. package/dist/collection/components/stzh-button/stzh-button.js.map +1 -1
  113. package/dist/collection/components/stzh-button/stzh-button.stories.js +1 -1
  114. package/dist/collection/components/stzh-buttongroup/stzh-buttongroup.css +4 -1
  115. package/dist/collection/components/stzh-calendar/stzh-calendar.css +5 -3
  116. package/dist/collection/components/stzh-card/stzh-card.css +4 -28
  117. package/dist/collection/components/stzh-card/stzh-card.js +15 -96
  118. package/dist/collection/components/stzh-card/stzh-card.js.map +1 -1
  119. package/dist/collection/components/stzh-card/stzh-card.stories.js +0 -17
  120. package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.css +4 -1
  121. package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js +3 -2
  122. package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js.map +1 -1
  123. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.css +53 -36
  124. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js +72 -44
  125. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js.map +1 -1
  126. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.stories.js +38 -22
  127. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.css +437 -0
  128. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.e2e.js +31 -0
  129. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.e2e.js.map +1 -0
  130. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.js +591 -0
  131. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.js.map +1 -0
  132. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.localization.js +2 -0
  133. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.localization.js.map +1 -0
  134. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.stories.js +222 -0
  135. package/dist/collection/components/stzh-cardlist/stzh-cardlist.css +12 -4
  136. package/dist/collection/components/stzh-carousel/stzh-carousel.css +4 -1
  137. package/dist/collection/components/stzh-cell/stzh-cell.css +4 -1
  138. package/dist/collection/components/stzh-chart/stzh-chart.css +4 -1
  139. package/dist/collection/components/stzh-checkbox/stzh-checkbox.css +5 -1
  140. package/dist/collection/components/stzh-checkboxgroup/stzh-checkboxgroup.css +4 -1
  141. package/dist/collection/components/stzh-chip/stzh-chip.css +205 -34
  142. package/dist/collection/components/stzh-chip/stzh-chip.js +101 -4
  143. package/dist/collection/components/stzh-chip/stzh-chip.js.map +1 -1
  144. package/dist/collection/components/stzh-chipgroup/stzh-chipgroup.css +4 -1
  145. package/dist/collection/components/stzh-chipselect/stzh-chipselect.css +50 -20
  146. package/dist/collection/components/stzh-chipselect/stzh-chipselect.js +111 -29
  147. package/dist/collection/components/stzh-chipselect/stzh-chipselect.js.map +1 -1
  148. package/dist/collection/components/stzh-clamp/stzh-clamp.css +4 -1
  149. package/dist/collection/components/stzh-contact/stzh-contact.css +11 -6
  150. package/dist/collection/components/stzh-contact/stzh-contact.js +24 -1
  151. package/dist/collection/components/stzh-contact/stzh-contact.js.map +1 -1
  152. package/dist/collection/components/stzh-container/stzh-container.css +4 -1
  153. package/dist/collection/components/stzh-content/stzh-content.css +7 -4
  154. package/dist/collection/components/stzh-cspace/stzh-cspace.css +49 -7
  155. package/dist/collection/components/stzh-cta/stzh-cta.css +26 -37
  156. package/dist/collection/components/stzh-cta/stzh-cta.js +31 -3
  157. package/dist/collection/components/stzh-cta/stzh-cta.js.map +1 -1
  158. package/dist/collection/components/stzh-cta/stzh-cta.stories.js +4 -1
  159. package/dist/collection/components/stzh-datalist/stzh-datalist.css +6 -1
  160. package/dist/collection/components/stzh-datalist/stzh-datalist.stories.js +27 -8
  161. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css +7 -2
  162. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js +62 -14
  163. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js.map +1 -1
  164. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.stories.js +1 -1
  165. package/dist/collection/components/stzh-datamessagelist/stzh-datamessagelist.css +4 -6
  166. package/dist/collection/components/stzh-datamessagelist/stzh-datamessagelist.stories.js +26 -0
  167. package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.css +30 -17
  168. package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.js +29 -5
  169. package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.js.map +1 -1
  170. package/dist/collection/components/stzh-datatable/stzh-datatable.css +7 -4
  171. package/dist/collection/components/stzh-datepicker/stzh-datepicker.css +22 -4
  172. package/dist/collection/components/stzh-daterange/stzh-daterange.css +256 -0
  173. package/dist/collection/{patterns/appointments/appointments.e2e.js → components/stzh-daterange/stzh-daterange.e2e.js} +3 -3
  174. package/dist/collection/components/stzh-daterange/stzh-daterange.e2e.js.map +1 -0
  175. package/dist/collection/components/stzh-daterange/stzh-daterange.js +178 -0
  176. package/dist/collection/components/stzh-daterange/stzh-daterange.js.map +1 -0
  177. package/dist/collection/components/stzh-daterange/stzh-daterange.localization.js +2 -0
  178. package/dist/collection/components/stzh-daterange/stzh-daterange.localization.js.map +1 -0
  179. package/dist/collection/components/stzh-daterange/stzh-daterange.stories.js +51 -0
  180. package/dist/collection/components/stzh-details/stzh-details.css +4 -1
  181. package/dist/collection/components/stzh-dialog/stzh-dialog.css +4 -1
  182. package/dist/collection/components/stzh-disturber/stzh-disturber.css +4 -1
  183. package/dist/collection/components/stzh-dropdown/stzh-dropdown.css +730 -91
  184. package/dist/collection/components/stzh-dropdown/stzh-dropdown.e2e.js +1 -0
  185. package/dist/collection/components/stzh-dropdown/stzh-dropdown.e2e.js.map +1 -1
  186. package/dist/collection/components/stzh-dropdown/stzh-dropdown.js +115 -8
  187. package/dist/collection/components/stzh-dropdown/stzh-dropdown.js.map +1 -1
  188. package/dist/collection/components/stzh-dropdown/stzh-dropdown.stories.js +17 -0
  189. package/dist/collection/components/stzh-editor/stzh-editor.css +4 -1
  190. package/dist/collection/components/stzh-eventinfo/stzh-eventinfo.css +4 -1
  191. package/dist/collection/components/stzh-fieldset/stzh-fieldset.css +75 -6
  192. package/dist/collection/components/stzh-figure/stzh-figure.css +4 -1
  193. package/dist/collection/components/stzh-flyingfocus/stzh-flyingfocus.css +4 -1
  194. package/dist/collection/components/stzh-footer/stzh-footer.css +4 -1
  195. package/dist/collection/components/stzh-gallery/stzh-gallery.css +4 -1
  196. package/dist/collection/components/stzh-ghettobox/stzh-ghettobox.css +7 -9
  197. package/dist/collection/components/stzh-header/stzh-header.css +22 -17
  198. package/dist/collection/components/stzh-header/stzh-header.js +82 -27
  199. package/dist/collection/components/stzh-header/stzh-header.js.map +1 -1
  200. package/dist/collection/components/stzh-header/stzh-header.stories.js +1 -0
  201. package/dist/collection/components/stzh-heading/stzh-heading.css +26 -1
  202. package/dist/collection/components/stzh-hr/stzh-hr.css +4 -1
  203. package/dist/collection/components/stzh-hspace/stzh-hspace.css +4 -1
  204. package/dist/collection/components/stzh-icon/stzh-icon.css +4 -1
  205. package/dist/collection/components/stzh-iframe/stzh-iframe.css +4 -1
  206. package/dist/collection/components/stzh-iframe/stzh-iframe.js +160 -3
  207. package/dist/collection/components/stzh-iframe/stzh-iframe.js.map +1 -1
  208. package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.css +16 -18
  209. package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.js +1 -1
  210. package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.js.map +1 -1
  211. package/dist/collection/components/stzh-input/stzh-input.css +4 -1
  212. package/dist/collection/components/stzh-invert/stzh-invert.css +4 -1
  213. package/dist/collection/components/stzh-link/stzh-link.css +4 -1
  214. package/dist/collection/components/stzh-link/stzh-link.js +53 -25
  215. package/dist/collection/components/stzh-link/stzh-link.js.map +1 -1
  216. package/dist/collection/components/stzh-link/stzh-link.stories.js +1 -1
  217. package/dist/collection/components/stzh-list/stzh-list.css +4 -1
  218. package/dist/collection/components/stzh-list-item/stzh-list-item.css +4 -1
  219. package/dist/collection/components/stzh-loader/stzh-loader.css +4 -1
  220. package/dist/collection/components/stzh-loadingbar/stzh-loadingbar.css +4 -1
  221. package/dist/collection/components/stzh-menu/stzh-menu.css +4 -1
  222. package/dist/collection/components/stzh-menu-item/stzh-menu-item.css +4 -1
  223. package/dist/collection/components/stzh-menu-item/stzh-menu-item.js +31 -3
  224. package/dist/collection/components/stzh-menu-item/stzh-menu-item.js.map +1 -1
  225. package/dist/collection/components/stzh-menu-item/stzh-menu-item.stories.js +1 -1
  226. package/dist/collection/components/stzh-message/stzh-message.css +4 -1
  227. package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.css +4 -1
  228. package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js +2 -2
  229. package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js.map +1 -1
  230. package/dist/collection/components/stzh-monthyearpicker/stzh-monthyearpicker.css +4 -1
  231. package/dist/collection/components/stzh-olmap/stzh-olmap.css +4 -1
  232. package/dist/collection/components/stzh-overlay/stzh-overlay.css +4 -1
  233. package/dist/collection/components/stzh-page-skiplinks/stzh-page-skiplinks.css +4 -1
  234. package/dist/collection/components/stzh-pagebottom/stzh-pagebottom.css +5 -2
  235. package/dist/collection/components/stzh-pagecontent/stzh-pagecontent.css +4 -1
  236. package/dist/collection/components/stzh-pagetitle/stzh-pagetitle.css +4 -1
  237. package/dist/collection/components/stzh-pagetitle-hero/stzh-pagetitle-hero.css +4 -1
  238. package/dist/collection/components/stzh-pagination/stzh-pagination.css +4 -1
  239. package/dist/collection/components/stzh-panorama/stzh-panorama.css +4 -1
  240. package/dist/collection/components/stzh-popover/stzh-popover.css +4 -1
  241. package/dist/collection/components/stzh-print/stzh-print.css +4 -1
  242. package/dist/collection/components/stzh-progressbar/stzh-progressbar.css +4 -1
  243. package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.css +4 -1
  244. package/dist/collection/components/stzh-radio/stzh-radio.css +5 -1
  245. package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.css +4 -1
  246. package/dist/collection/components/stzh-ratio/stzh-ratio.css +4 -1
  247. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.css +4 -1
  248. package/dist/collection/components/stzh-richtext/stzh-richtext.css +10 -7
  249. package/dist/collection/components/stzh-row/stzh-row.css +4 -1
  250. package/dist/collection/components/stzh-saptcha/stzh-saptcha.css +4 -1
  251. package/dist/collection/components/stzh-scrollup/stzh-scrollup.css +4 -1
  252. package/dist/collection/components/stzh-search/stzh-search.css +95 -22
  253. package/dist/collection/components/stzh-search/stzh-search.js +190 -68
  254. package/dist/collection/components/stzh-search/stzh-search.js.map +1 -1
  255. package/dist/collection/components/stzh-search/stzh-search.localization.js.map +1 -1
  256. package/dist/collection/components/stzh-search/stzh-search.stories.js +111 -39
  257. package/dist/collection/components/stzh-section/stzh-section.css +4 -1
  258. package/dist/collection/components/stzh-share/stzh-share.css +4 -1
  259. package/dist/collection/components/stzh-show/stzh-show.css +4 -1
  260. package/dist/collection/components/stzh-show/stzh-show.js +0 -1
  261. package/dist/collection/components/stzh-show/stzh-show.js.map +1 -1
  262. package/dist/collection/components/stzh-sitemap/stzh-sitemap.css +4 -1
  263. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.css +29 -20
  264. package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.css +13 -10
  265. package/dist/collection/components/stzh-skiplink/stzh-skiplink.css +4 -1
  266. package/dist/collection/components/stzh-sortable/stzh-sortable.css +4 -1
  267. package/dist/collection/components/stzh-space/stzh-space.css +4 -1
  268. package/dist/collection/components/stzh-status/stzh-status.css +4 -1
  269. package/dist/collection/components/stzh-sticky/stzh-sticky.css +4 -1
  270. package/dist/collection/components/stzh-sticky-actions/stzh-sticky-actions.css +4 -1
  271. package/dist/collection/components/stzh-table/stzh-table.css +7 -4
  272. package/dist/collection/components/stzh-tag/stzh-tag.css +4 -1
  273. package/dist/collection/components/stzh-tag/stzh-tag.js +3 -2
  274. package/dist/collection/components/stzh-tag/stzh-tag.js.map +1 -1
  275. package/dist/collection/components/stzh-text/stzh-text.css +9 -1
  276. package/dist/collection/components/stzh-textandimage/stzh-textandimage.css +4 -1
  277. package/dist/collection/components/stzh-timeline/stzh-timeline.css +4 -1
  278. package/dist/collection/components/stzh-timeline-item/stzh-timeline-item.css +4 -1
  279. package/dist/collection/components/stzh-timepicker/stzh-timepicker.css +4 -1
  280. package/dist/collection/components/stzh-toast/stzh-toast.css +4 -1
  281. package/dist/collection/components/stzh-toastbar/stzh-toastbar.css +4 -1
  282. package/dist/collection/components/stzh-toggle/stzh-toggle.css +4 -1
  283. package/dist/collection/components/stzh-tooltip/stzh-tooltip.css +4 -1
  284. package/dist/collection/components/stzh-twocolumns/stzh-twocolumns.css +4 -1
  285. package/dist/collection/components/stzh-upload/stzh-upload.css +4 -1
  286. package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.css +8 -5
  287. package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.js.map +1 -1
  288. package/dist/collection/components/stzh-vbz-linechip/stzh-vbz-linechip.css +4 -1
  289. package/dist/collection/components/stzh-vbz-majorticker/stzh-vbz-majorticker.css +4 -1
  290. package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.css +4 -1
  291. package/dist/collection/components/stzh-visuallyhidden/stzh-visuallyhidden.css +4 -1
  292. package/dist/collection/components/stzh-vspace/stzh-vspace.css +4 -1
  293. package/dist/collection/components/stzh-youtube/stzh-youtube.css +4 -1
  294. package/dist/collection/global/js/helpers/autofocus.js +36 -11
  295. package/dist/collection/global/js/script.js +2 -0
  296. package/dist/collection/index.js.map +1 -1
  297. package/dist/components/index.js +38 -13
  298. package/dist/components/index.js.map +1 -1
  299. package/dist/components/index2.js.map +1 -1
  300. package/dist/components/stzh-actions.js.map +1 -1
  301. package/dist/components/stzh-appointments.js +11 -9
  302. package/dist/components/stzh-appointments.js.map +1 -1
  303. package/dist/components/stzh-breadcrumb2.js +11 -3
  304. package/dist/components/stzh-breadcrumb2.js.map +1 -1
  305. package/dist/components/stzh-button2.js +9 -1
  306. package/dist/components/stzh-button2.js.map +1 -1
  307. package/dist/components/stzh-calendar2.js +1 -1
  308. package/dist/components/stzh-calendar2.js.map +1 -1
  309. package/dist/components/stzh-card-navigation.js +2 -1
  310. package/dist/components/stzh-card-navigation.js.map +1 -1
  311. package/dist/components/stzh-card-searchresult.js +73 -47
  312. package/dist/components/stzh-card-searchresult.js.map +1 -1
  313. package/dist/components/stzh-card-superteaser.d.ts +11 -0
  314. package/dist/components/stzh-card-superteaser.js +256 -0
  315. package/dist/components/stzh-card-superteaser.js.map +1 -0
  316. package/dist/components/stzh-card2.js +15 -23
  317. package/dist/components/stzh-card2.js.map +1 -1
  318. package/dist/components/stzh-cardlist2.js +1 -1
  319. package/dist/components/stzh-cardlist2.js.map +1 -1
  320. package/dist/components/stzh-checkbox.js +1 -1
  321. package/dist/components/stzh-checkbox.js.map +1 -1
  322. package/dist/components/stzh-chip2.js +13 -4
  323. package/dist/components/stzh-chip2.js.map +1 -1
  324. package/dist/components/stzh-chipselect2.js +78 -37
  325. package/dist/components/stzh-chipselect2.js.map +1 -1
  326. package/dist/components/stzh-contact.js +8 -2
  327. package/dist/components/stzh-contact.js.map +1 -1
  328. package/dist/components/stzh-content.js +1 -1
  329. package/dist/components/stzh-content.js.map +1 -1
  330. package/dist/components/stzh-cspace.js +1 -1
  331. package/dist/components/stzh-cspace.js.map +1 -1
  332. package/dist/components/stzh-cta.js +10 -2
  333. package/dist/components/stzh-cta.js.map +1 -1
  334. package/dist/components/stzh-datalist-item2.js +26 -15
  335. package/dist/components/stzh-datalist-item2.js.map +1 -1
  336. package/dist/components/stzh-datalist2.js +1 -1
  337. package/dist/components/stzh-datalist2.js.map +1 -1
  338. package/dist/components/stzh-datamessagelist-item.js +12 -5
  339. package/dist/components/stzh-datamessagelist-item.js.map +1 -1
  340. package/dist/components/stzh-datamessagelist.js +1 -1
  341. package/dist/components/stzh-datamessagelist.js.map +1 -1
  342. package/dist/components/stzh-datatable.js +1 -1
  343. package/dist/components/stzh-datatable.js.map +1 -1
  344. package/dist/components/stzh-datepicker2.js +1 -1
  345. package/dist/components/stzh-datepicker2.js.map +1 -1
  346. package/dist/components/stzh-daterange.d.ts +11 -0
  347. package/dist/components/stzh-daterange.js +143 -0
  348. package/dist/components/stzh-daterange.js.map +1 -0
  349. package/dist/components/stzh-dropdown2.js +17 -4
  350. package/dist/components/stzh-dropdown2.js.map +1 -1
  351. package/dist/components/stzh-fieldset.js +1 -1
  352. package/dist/components/stzh-fieldset.js.map +1 -1
  353. package/dist/components/stzh-ghettobox2.js +1 -1
  354. package/dist/components/stzh-ghettobox2.js.map +1 -1
  355. package/dist/components/stzh-header.js +58 -26
  356. package/dist/components/stzh-header.js.map +1 -1
  357. package/dist/components/stzh-heading2.js +1 -1
  358. package/dist/components/stzh-heading2.js.map +1 -1
  359. package/dist/components/stzh-iframe2.js +19 -3
  360. package/dist/components/stzh-iframe2.js.map +1 -1
  361. package/dist/components/stzh-imagecomparison.js +2 -2
  362. package/dist/components/stzh-imagecomparison.js.map +1 -1
  363. package/dist/components/stzh-input2.js.map +1 -1
  364. package/dist/components/stzh-link2.js +12 -4
  365. package/dist/components/stzh-link2.js.map +1 -1
  366. package/dist/components/stzh-menu-item2.js +10 -2
  367. package/dist/components/stzh-menu-item2.js.map +1 -1
  368. package/dist/components/stzh-message.js +1 -92
  369. package/dist/components/stzh-message.js.map +1 -1
  370. package/dist/{esm/stzh-message.entry.js → components/stzh-message2.js} +50 -9
  371. package/dist/components/stzh-message2.js.map +1 -0
  372. package/dist/components/stzh-microsite-teaserlist.js +18 -24
  373. package/dist/components/stzh-microsite-teaserlist.js.map +1 -1
  374. package/dist/components/stzh-pagebottom.js +1 -1
  375. package/dist/components/stzh-pagebottom.js.map +1 -1
  376. package/dist/components/stzh-radio2.js +1 -1
  377. package/dist/components/stzh-radio2.js.map +1 -1
  378. package/dist/components/stzh-richtext2.js +1 -1
  379. package/dist/components/stzh-richtext2.js.map +1 -1
  380. package/dist/components/stzh-search.js +138 -80
  381. package/dist/components/stzh-search.js.map +1 -1
  382. package/dist/components/stzh-show2.js +0 -1
  383. package/dist/components/stzh-show2.js.map +1 -1
  384. package/dist/components/stzh-skin-portal-mitwirken.js +1 -1
  385. package/dist/components/stzh-skin-portal-mitwirken.js.map +1 -1
  386. package/dist/components/stzh-skin-storybook-preview.js +1 -1
  387. package/dist/components/stzh-skin-storybook-preview.js.map +1 -1
  388. package/dist/components/stzh-table.js +1 -1
  389. package/dist/components/stzh-table.js.map +1 -1
  390. package/dist/components/stzh-tag2.js +2 -1
  391. package/dist/components/stzh-tag2.js.map +1 -1
  392. package/dist/components/stzh-text2.js +1 -1
  393. package/dist/components/stzh-text2.js.map +1 -1
  394. package/dist/components/stzh-vbz-carousel.js +1 -1
  395. package/dist/components/stzh-vbz-carousel.js.map +1 -1
  396. package/dist/esm/{app-globals-3c171b79.js → app-globals-d7eff0a5.js} +39 -14
  397. package/dist/esm/app-globals-d7eff0a5.js.map +1 -0
  398. package/dist/esm/index-e3050b18.js +20 -16
  399. package/dist/esm/index.js.map +1 -1
  400. package/dist/esm/loader.js +2 -2
  401. package/dist/esm/stzh-actions.entry.js.map +1 -1
  402. package/dist/esm/stzh-appointments.entry.js +11 -8
  403. package/dist/esm/stzh-appointments.entry.js.map +1 -1
  404. package/dist/esm/stzh-badge_3.entry.js +9 -1
  405. package/dist/esm/stzh-badge_3.entry.js.map +1 -1
  406. package/dist/esm/stzh-breadcrumb_2.entry.js +13 -4
  407. package/dist/esm/stzh-breadcrumb_2.entry.js.map +1 -1
  408. package/dist/esm/stzh-calendar.entry.js +1 -1
  409. package/dist/esm/stzh-calendar.entry.js.map +1 -1
  410. package/dist/esm/stzh-card-navigation.entry.js +2 -1
  411. package/dist/esm/stzh-card-navigation.entry.js.map +1 -1
  412. package/dist/esm/stzh-card-searchresult.entry.js +21 -32
  413. package/dist/esm/stzh-card-searchresult.entry.js.map +1 -1
  414. package/dist/esm/stzh-card-superteaser.entry.js +142 -0
  415. package/dist/esm/stzh-card-superteaser.entry.js.map +1 -0
  416. package/dist/esm/stzh-card_3.entry.js +85 -45
  417. package/dist/esm/stzh-card_3.entry.js.map +1 -1
  418. package/dist/esm/stzh-checkbox.entry.js +1 -1
  419. package/dist/esm/stzh-checkbox.entry.js.map +1 -1
  420. package/dist/esm/stzh-chip.entry.js +9 -4
  421. package/dist/esm/stzh-chip.entry.js.map +1 -1
  422. package/dist/esm/stzh-components.js +2 -2
  423. package/dist/esm/stzh-contact.entry.js +7 -2
  424. package/dist/esm/stzh-contact.entry.js.map +1 -1
  425. package/dist/esm/stzh-content.entry.js +1 -1
  426. package/dist/esm/stzh-content.entry.js.map +1 -1
  427. package/dist/esm/stzh-cspace.entry.js +1 -1
  428. package/dist/esm/stzh-cspace.entry.js.map +1 -1
  429. package/dist/esm/stzh-cta.entry.js +10 -2
  430. package/dist/esm/stzh-cta.entry.js.map +1 -1
  431. package/dist/esm/stzh-datalist_2.entry.js +26 -16
  432. package/dist/esm/stzh-datalist_2.entry.js.map +1 -1
  433. package/dist/esm/stzh-datamessagelist-item.entry.js +11 -5
  434. package/dist/esm/stzh-datamessagelist-item.entry.js.map +1 -1
  435. package/dist/esm/stzh-datamessagelist.entry.js +1 -1
  436. package/dist/esm/stzh-datamessagelist.entry.js.map +1 -1
  437. package/dist/esm/stzh-datatable.entry.js +1 -1
  438. package/dist/esm/stzh-datatable.entry.js.map +1 -1
  439. package/dist/esm/stzh-datepicker_3.entry.js +2 -2
  440. package/dist/esm/stzh-datepicker_3.entry.js.map +1 -1
  441. package/dist/esm/stzh-daterange.entry.js +103 -0
  442. package/dist/esm/stzh-daterange.entry.js.map +1 -0
  443. package/dist/esm/stzh-details_2.entry.js +208 -0
  444. package/dist/esm/stzh-details_2.entry.js.map +1 -0
  445. package/dist/esm/stzh-dropdown.entry.js +13 -4
  446. package/dist/esm/stzh-dropdown.entry.js.map +1 -1
  447. package/dist/esm/stzh-fieldset.entry.js +1 -1
  448. package/dist/esm/stzh-fieldset.entry.js.map +1 -1
  449. package/dist/esm/stzh-ghettobox_3.entry.js +2 -3
  450. package/dist/esm/stzh-ghettobox_3.entry.js.map +1 -1
  451. package/dist/esm/stzh-header.entry.js +56 -26
  452. package/dist/esm/stzh-header.entry.js.map +1 -1
  453. package/dist/esm/stzh-heading.entry.js +1 -1
  454. package/dist/esm/stzh-heading.entry.js.map +1 -1
  455. package/dist/esm/stzh-iframe.entry.js +11 -3
  456. package/dist/esm/stzh-iframe.entry.js.map +1 -1
  457. package/dist/esm/stzh-imagecomparison.entry.js +2 -2
  458. package/dist/esm/stzh-imagecomparison.entry.js.map +1 -1
  459. package/dist/esm/stzh-input.entry.js.map +1 -1
  460. package/dist/esm/stzh-link.entry.js +11 -3
  461. package/dist/esm/stzh-link.entry.js.map +1 -1
  462. package/dist/esm/stzh-menu_2.entry.js +10 -2
  463. package/dist/esm/stzh-menu_2.entry.js.map +1 -1
  464. package/dist/esm/stzh-microsite-teaserlist.entry.js +2 -2
  465. package/dist/esm/stzh-microsite-teaserlist.entry.js.map +1 -1
  466. package/dist/esm/stzh-pagebottom.entry.js +1 -1
  467. package/dist/esm/stzh-pagebottom.entry.js.map +1 -1
  468. package/dist/esm/stzh-popover_2.entry.js +1 -1
  469. package/dist/esm/stzh-popover_2.entry.js.map +1 -1
  470. package/dist/esm/stzh-search.entry.js +100 -67
  471. package/dist/esm/stzh-search.entry.js.map +1 -1
  472. package/dist/esm/stzh-skin-portal-mitwirken.entry.js +1 -1
  473. package/dist/esm/stzh-skin-portal-mitwirken.entry.js.map +1 -1
  474. package/dist/esm/stzh-skin-storybook-preview.entry.js +1 -1
  475. package/dist/esm/stzh-skin-storybook-preview.entry.js.map +1 -1
  476. package/dist/esm/stzh-table.entry.js +1 -1
  477. package/dist/esm/stzh-table.entry.js.map +1 -1
  478. package/dist/esm/stzh-vbz-carousel.entry.js +1 -1
  479. package/dist/esm/stzh-vbz-carousel.entry.js.map +1 -1
  480. package/dist/stzh-components/assets/fonts/HelveticaNeueLTW05_66MediumIt.woff2 +0 -0
  481. package/dist/stzh-components/assets/fonts.css +7 -0
  482. package/dist/stzh-components/assets/i18n/de.json +12 -5
  483. package/dist/stzh-components/assets/i18n/en.json +12 -5
  484. package/dist/stzh-components/index.esm.js.map +1 -1
  485. package/dist/stzh-components/p-05e8c18d.js +2 -0
  486. package/dist/stzh-components/p-05e8c18d.js.map +1 -0
  487. package/dist/stzh-components/{p-3ca4f71a.entry.js → p-069e181f.entry.js} +2 -2
  488. package/dist/stzh-components/p-069e181f.entry.js.map +1 -0
  489. package/dist/stzh-components/p-0aabd857.entry.js +2 -0
  490. package/dist/stzh-components/p-0aabd857.entry.js.map +1 -0
  491. package/dist/stzh-components/p-0bf70420.entry.js +2 -0
  492. package/dist/stzh-components/p-0bf70420.entry.js.map +1 -0
  493. package/dist/stzh-components/p-100d4052.entry.js +2 -0
  494. package/dist/stzh-components/p-100d4052.entry.js.map +1 -0
  495. package/dist/stzh-components/p-1be90089.entry.js +2 -0
  496. package/dist/stzh-components/p-1be90089.entry.js.map +1 -0
  497. package/dist/stzh-components/p-206ec94f.entry.js +2 -0
  498. package/dist/stzh-components/p-206ec94f.entry.js.map +1 -0
  499. package/dist/stzh-components/p-2773b08f.entry.js +2 -0
  500. package/dist/stzh-components/p-2773b08f.entry.js.map +1 -0
  501. package/dist/stzh-components/{p-53828193.entry.js → p-2ca82cdb.entry.js} +2 -2
  502. package/dist/stzh-components/{p-53828193.entry.js.map → p-2ca82cdb.entry.js.map} +1 -1
  503. package/dist/stzh-components/p-3c2d9cff.entry.js +2 -0
  504. package/dist/stzh-components/p-3c2d9cff.entry.js.map +1 -0
  505. package/dist/stzh-components/p-3ce84a88.entry.js +2 -0
  506. package/dist/stzh-components/p-3ce84a88.entry.js.map +1 -0
  507. package/dist/stzh-components/{p-e63dfe12.entry.js → p-3fa1c5a4.entry.js} +2 -2
  508. package/dist/stzh-components/p-3fa1c5a4.entry.js.map +1 -0
  509. package/dist/stzh-components/p-400f2932.entry.js +2 -0
  510. package/dist/stzh-components/p-400f2932.entry.js.map +1 -0
  511. package/dist/stzh-components/p-4db427d5.entry.js +2 -0
  512. package/dist/stzh-components/p-4db427d5.entry.js.map +1 -0
  513. package/dist/stzh-components/{p-bd494b47.entry.js → p-523c0bb1.entry.js} +2 -2
  514. package/dist/stzh-components/p-523c0bb1.entry.js.map +1 -0
  515. package/dist/stzh-components/p-5d4a2df0.entry.js +2 -0
  516. package/dist/stzh-components/{p-10fb3950.entry.js.map → p-5d4a2df0.entry.js.map} +1 -1
  517. package/dist/stzh-components/{p-bb87a6e2.entry.js → p-68d33cd3.entry.js} +2 -2
  518. package/dist/stzh-components/p-68d33cd3.entry.js.map +1 -0
  519. package/dist/stzh-components/p-6fdc4c74.entry.js +2 -0
  520. package/dist/stzh-components/p-6fdc4c74.entry.js.map +1 -0
  521. package/dist/stzh-components/p-722b9e40.entry.js +2 -0
  522. package/dist/stzh-components/p-722b9e40.entry.js.map +1 -0
  523. package/dist/stzh-components/p-72c375c7.entry.js +2 -0
  524. package/dist/stzh-components/p-72c375c7.entry.js.map +1 -0
  525. package/dist/stzh-components/p-836c4cdf.entry.js +2 -0
  526. package/dist/stzh-components/p-836c4cdf.entry.js.map +1 -0
  527. package/dist/stzh-components/{p-cde04c36.entry.js → p-8f1dbd3b.entry.js} +2 -2
  528. package/dist/stzh-components/{p-cde04c36.entry.js.map → p-8f1dbd3b.entry.js.map} +1 -1
  529. package/dist/stzh-components/{p-8cc09e67.entry.js → p-94947ab0.entry.js} +2 -2
  530. package/dist/stzh-components/p-94947ab0.entry.js.map +1 -0
  531. package/dist/stzh-components/{p-e7ac738e.entry.js → p-9b43127f.entry.js} +2 -2
  532. package/dist/stzh-components/{p-e7ac738e.entry.js.map → p-9b43127f.entry.js.map} +1 -1
  533. package/dist/stzh-components/p-9f9d53a0.entry.js +2 -0
  534. package/dist/stzh-components/p-9f9d53a0.entry.js.map +1 -0
  535. package/dist/stzh-components/p-accbac61.entry.js +2 -0
  536. package/dist/stzh-components/p-accbac61.entry.js.map +1 -0
  537. package/dist/stzh-components/p-b22876e5.entry.js +2 -0
  538. package/dist/stzh-components/p-b22876e5.entry.js.map +1 -0
  539. package/dist/stzh-components/p-ba32d7ef.entry.js +2 -0
  540. package/dist/stzh-components/p-ba32d7ef.entry.js.map +1 -0
  541. package/dist/stzh-components/p-bd2a2c30.entry.js +2 -0
  542. package/dist/stzh-components/p-bd2a2c30.entry.js.map +1 -0
  543. package/dist/stzh-components/p-beec9a0a.entry.js.map +1 -1
  544. package/dist/stzh-components/p-c31b1590.entry.js +9 -0
  545. package/dist/stzh-components/{p-b4ce8e10.entry.js.map → p-c31b1590.entry.js.map} +1 -1
  546. package/dist/stzh-components/{p-56b6eab9.entry.js → p-cff05968.entry.js} +2 -2
  547. package/dist/stzh-components/p-cff05968.entry.js.map +1 -0
  548. package/dist/stzh-components/p-d028e43d.entry.js +2 -0
  549. package/dist/stzh-components/{p-1252aa01.entry.js.map → p-d028e43d.entry.js.map} +1 -1
  550. package/dist/stzh-components/p-ddfb8df0.entry.js +2 -0
  551. package/dist/stzh-components/p-ddfb8df0.entry.js.map +1 -0
  552. package/dist/stzh-components/p-dff1ce7c.entry.js +2 -0
  553. package/dist/stzh-components/p-dff1ce7c.entry.js.map +1 -0
  554. package/dist/stzh-components/{p-17de3017.entry.js → p-e5cfdb8a.entry.js} +2 -2
  555. package/dist/stzh-components/{p-17de3017.entry.js.map → p-e5cfdb8a.entry.js.map} +1 -1
  556. package/dist/stzh-components/p-eb79f3ed.entry.js +2 -0
  557. package/dist/stzh-components/p-eb79f3ed.entry.js.map +1 -0
  558. package/dist/stzh-components/p-f3d2dc46.entry.js +2 -0
  559. package/dist/stzh-components/{p-3e1ae32f.entry.js.map → p-f3d2dc46.entry.js.map} +1 -1
  560. package/dist/stzh-components/p-f50e0102.entry.js +2 -0
  561. package/dist/stzh-components/p-f50e0102.entry.js.map +1 -0
  562. package/dist/stzh-components/p-f5809e5f.entry.js.map +1 -1
  563. package/dist/stzh-components/p-f5821678.entry.js +2 -0
  564. package/dist/stzh-components/p-f5821678.entry.js.map +1 -0
  565. package/dist/stzh-components/stzh-components.css +1 -1
  566. package/dist/stzh-components/stzh-components.esm.js +1 -1
  567. package/dist/stzh-components/stzh-components.esm.js.map +1 -1
  568. package/dist/types/components/stzh-actions/stzh-actions.d.ts +1 -1
  569. package/dist/types/components/stzh-breadcrumb/stzh-breadcrumb.d.ts +5 -1
  570. package/dist/types/components/stzh-button/stzh-button.d.ts +9 -7
  571. package/dist/types/components/stzh-card/stzh-card.d.ts +1 -5
  572. package/dist/types/components/stzh-card-searchresult/stzh-card-searchresult.d.ts +11 -9
  573. package/dist/types/components/stzh-card-superteaser/stzh-card-superteaser.d.ts +75 -0
  574. package/dist/types/components/stzh-card-superteaser/stzh-card-superteaser.localization.d.ts +2 -0
  575. package/dist/types/components/stzh-chip/stzh-chip.d.ts +8 -0
  576. package/dist/types/components/stzh-chipselect/stzh-chipselect.d.ts +8 -4
  577. package/dist/types/components/stzh-contact/stzh-contact.d.ts +2 -0
  578. package/dist/types/components/stzh-cta/stzh-cta.d.ts +6 -3
  579. package/dist/types/components/stzh-datalist-item/stzh-datalist-item.d.ts +7 -2
  580. package/dist/types/components/stzh-datamessagelist-item/stzh-datamessagelist-item.d.ts +2 -0
  581. package/dist/types/components/stzh-daterange/stzh-daterange.d.ts +26 -0
  582. package/dist/types/components/stzh-daterange/stzh-daterange.localization.d.ts +9 -0
  583. package/dist/types/components/stzh-dropdown/stzh-dropdown.d.ts +11 -3
  584. package/dist/types/components/stzh-header/stzh-header.d.ts +9 -4
  585. package/dist/types/components/stzh-iframe/stzh-iframe.d.ts +29 -1
  586. package/dist/types/components/stzh-link/stzh-link.d.ts +10 -7
  587. package/dist/types/components/stzh-menu-item/stzh-menu-item.d.ts +5 -2
  588. package/dist/types/components/stzh-search/stzh-search.d.ts +15 -0
  589. package/dist/types/components/stzh-search/stzh-search.localization.d.ts +1 -1
  590. package/dist/types/components.d.ts +561 -79
  591. package/dist/types/index.d.ts +56 -5
  592. package/dist/vscode-data.json +418 -27
  593. package/package.json +1 -1
  594. package/dist/cjs/app-globals-0cbebaa1.js.map +0 -1
  595. package/dist/cjs/stzh-details.cjs.entry.js +0 -162
  596. package/dist/cjs/stzh-details.cjs.entry.js.map +0 -1
  597. package/dist/cjs/stzh-message.cjs.entry.js.map +0 -1
  598. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.localization.js +0 -2
  599. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.localization.js.map +0 -1
  600. package/dist/collection/patterns/appointments/appointments.e2e.js.map +0 -1
  601. package/dist/esm/app-globals-3c171b79.js.map +0 -1
  602. package/dist/esm/stzh-details.entry.js +0 -158
  603. package/dist/esm/stzh-details.entry.js.map +0 -1
  604. package/dist/esm/stzh-message.entry.js.map +0 -1
  605. package/dist/stzh-components/p-10fb3950.entry.js +0 -2
  606. package/dist/stzh-components/p-1252aa01.entry.js +0 -2
  607. package/dist/stzh-components/p-161ae3d1.entry.js +0 -2
  608. package/dist/stzh-components/p-161ae3d1.entry.js.map +0 -1
  609. package/dist/stzh-components/p-18015613.entry.js +0 -2
  610. package/dist/stzh-components/p-18015613.entry.js.map +0 -1
  611. package/dist/stzh-components/p-38d64313.entry.js +0 -2
  612. package/dist/stzh-components/p-38d64313.entry.js.map +0 -1
  613. package/dist/stzh-components/p-39fa126d.js +0 -2
  614. package/dist/stzh-components/p-39fa126d.js.map +0 -1
  615. package/dist/stzh-components/p-3ca4f71a.entry.js.map +0 -1
  616. package/dist/stzh-components/p-3e1ae32f.entry.js +0 -2
  617. package/dist/stzh-components/p-43cc5c4d.entry.js +0 -2
  618. package/dist/stzh-components/p-43cc5c4d.entry.js.map +0 -1
  619. package/dist/stzh-components/p-4cff0c86.entry.js +0 -2
  620. package/dist/stzh-components/p-4cff0c86.entry.js.map +0 -1
  621. package/dist/stzh-components/p-56b6eab9.entry.js.map +0 -1
  622. package/dist/stzh-components/p-5e48450d.entry.js +0 -2
  623. package/dist/stzh-components/p-5e48450d.entry.js.map +0 -1
  624. package/dist/stzh-components/p-62b88844.entry.js +0 -2
  625. package/dist/stzh-components/p-62b88844.entry.js.map +0 -1
  626. package/dist/stzh-components/p-69c1826d.entry.js +0 -2
  627. package/dist/stzh-components/p-69c1826d.entry.js.map +0 -1
  628. package/dist/stzh-components/p-7091d652.entry.js +0 -2
  629. package/dist/stzh-components/p-7091d652.entry.js.map +0 -1
  630. package/dist/stzh-components/p-7658bb41.entry.js +0 -2
  631. package/dist/stzh-components/p-7658bb41.entry.js.map +0 -1
  632. package/dist/stzh-components/p-76902b7c.entry.js +0 -2
  633. package/dist/stzh-components/p-76902b7c.entry.js.map +0 -1
  634. package/dist/stzh-components/p-79a6b95b.entry.js +0 -2
  635. package/dist/stzh-components/p-79a6b95b.entry.js.map +0 -1
  636. package/dist/stzh-components/p-8cc09e67.entry.js.map +0 -1
  637. package/dist/stzh-components/p-92285350.entry.js +0 -2
  638. package/dist/stzh-components/p-92285350.entry.js.map +0 -1
  639. package/dist/stzh-components/p-93e0ff47.entry.js +0 -2
  640. package/dist/stzh-components/p-93e0ff47.entry.js.map +0 -1
  641. package/dist/stzh-components/p-b4ce8e10.entry.js +0 -9
  642. package/dist/stzh-components/p-ba37488e.entry.js +0 -2
  643. package/dist/stzh-components/p-ba37488e.entry.js.map +0 -1
  644. package/dist/stzh-components/p-bb87a6e2.entry.js.map +0 -1
  645. package/dist/stzh-components/p-bd494b47.entry.js.map +0 -1
  646. package/dist/stzh-components/p-cf96dafb.entry.js +0 -2
  647. package/dist/stzh-components/p-cf96dafb.entry.js.map +0 -1
  648. package/dist/stzh-components/p-d2ce78d1.entry.js +0 -2
  649. package/dist/stzh-components/p-d2ce78d1.entry.js.map +0 -1
  650. package/dist/stzh-components/p-ddbf653e.entry.js +0 -2
  651. package/dist/stzh-components/p-ddbf653e.entry.js.map +0 -1
  652. package/dist/stzh-components/p-e4f62382.entry.js +0 -2
  653. package/dist/stzh-components/p-e4f62382.entry.js.map +0 -1
  654. package/dist/stzh-components/p-e63dfe12.entry.js.map +0 -1
  655. package/dist/stzh-components/p-e6785bb1.entry.js +0 -2
  656. package/dist/stzh-components/p-e6785bb1.entry.js.map +0 -1
  657. package/dist/stzh-components/p-ef849bb1.entry.js +0 -2
  658. package/dist/stzh-components/p-ef849bb1.entry.js.map +0 -1
  659. package/dist/stzh-components/p-f8ec1488.entry.js +0 -2
  660. package/dist/stzh-components/p-f8ec1488.entry.js.map +0 -1
  661. package/dist/stzh-components/p-fb1d20da.entry.js +0 -2
  662. package/dist/stzh-components/p-fb1d20da.entry.js.map +0 -1
  663. package/dist/types/components/stzh-card-searchresult/stzh-card-searchresult.localization.d.ts +0 -2
package/dist/components/stzh-fieldset.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
  import { d as defineCustomElement$2 } from './stzh-heading2.js';
3
3
 
4
- const stzhFieldsetCss = ".sc-stzh-fieldset-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-fieldset-h{display:none}.sc-stzh-fieldset-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h *.sc-stzh-fieldset,.sc-stzh-fieldset-h *.sc-stzh-fieldset::before,.sc-stzh-fieldset-h *.sc-stzh-fieldset::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-fieldset-h .has-focus.sc-stzh-fieldset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset{outline-style:none !important}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset::-moz-focus-inner{border:0 !important}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-radio{--stzh-description-min-height:none}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row:has(cq)>:nth-last-child(2){margin-bottom:0}.stzh-fieldset.sc-stzh-fieldset{--stzh-description-min-height:1.375rem;margin:0;padding:0;border:none;min-inline-size:auto}.stzh-fieldset__wrapper.sc-stzh-fieldset{display:grid}.stzh-fieldset__legend.sc-stzh-fieldset{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);color:var(--stzh-color-primary70);padding:0;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-fieldset--hide-legend.sc-stzh-fieldset .stzh-fieldset__legend.sc-stzh-fieldset{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}";
4
+ const stzhFieldsetCss = ".sc-stzh-fieldset-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-fieldset-h{display:none}.sc-stzh-fieldset-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h *.sc-stzh-fieldset,.sc-stzh-fieldset-h *.sc-stzh-fieldset::before,.sc-stzh-fieldset-h *.sc-stzh-fieldset::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-fieldset-h .has-focus.sc-stzh-fieldset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset{outline-style:none !important}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset::-moz-focus-inner{border:0 !important}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipselect.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipselect.sc-stzh-fieldset{margin-bottom:var(--stzh-space-xlarge)}@media screen and (max-width: 899px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:calc(var(--stzh-fieldset-description-min-height) + var(--stzh-space-xsmall))}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-checkboxgroup stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-radiogroup stzh-radio{--stzh-description-min-height:none}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row:has(cq)>:nth-last-child(2),.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row:has(cq)>:nth-last-child(2){margin-bottom:0}.stzh-fieldset.sc-stzh-fieldset{--stzh-description-min-height:var(--stzh-fieldset-description-min-height);margin:0;padding:0;border:none;min-inline-size:auto}.stzh-fieldset__wrapper.sc-stzh-fieldset{display:grid}.stzh-fieldset__legend.sc-stzh-fieldset{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);color:var(--stzh-color-primary70);padding:0;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-fieldset--hide-legend.sc-stzh-fieldset .stzh-fieldset__legend.sc-stzh-fieldset{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}";
5
5
 
6
6
  const StzhFieldset$1 = /*@__PURE__*/ proxyCustomElement(class StzhFieldset extends HTMLElement {
7
7
  constructor() {
package/dist/components/stzh-fieldset.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"stzh-fieldset.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,omVAAomV;;MCiB/mVA,cAAY;;;;kBAEE,EAAE;sBAGG,KAAK;uBAGe,EAAE;uBAGR,MAAM;;EAElD,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,eAAe,EAAE,IAAI;MACrB,4BAA4B,EAAE,IAAI,CAAC,UAAU;KAC9C,CAAC;IAEF,QACE,EAAC,IAAI,QACH,gBAAU,KAAK,EAAE,OAAO,IACrB,IAAI,CAAC,MAAM;MACV,cAAQ,KAAK,EAAC,uBAAuB,IAClC,IAAI,CAAC,WAAW;QACf,oBACE,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,KAAK,EAAE,IAAI,CAAC,WAAW,IAEtB,IAAI,CAAC,MAAM,CACC;;UAEf,IAAI,CAAC,MAAM,CAEN,EAEX,WAAK,KAAK,EAAC,wBAAwB,IACjC,eAAa,CACT,CACG,CACN,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhFieldset"],"sources":["src/components/stzh-fieldset/stzh-fieldset.scss?tag=stzh-fieldset&encapsulation=scoped","src/components/stzh-fieldset/stzh-fieldset.tsx"],"sourcesContent":[":host {\n // default spacing for form and layout elements\n ::slotted(.stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row > stzh-input),\n ::slotted(stzh-input),\n ::slotted(.stzh-fieldset-row > stzh-datepicker),\n ::slotted(stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-dropdown),\n ::slotted(stzh-dropdown),\n ::slotted(.stzh-fieldset-row > stzh-fieldset),\n ::slotted(stzh-fieldset),\n ::slotted(.stzh-fieldset-row > stzh-upload),\n ::slotted(stzh-upload),\n ::slotted(.stzh-fieldset-row > stzh-checkbox),\n ::slotted(stzh-checkbox),\n ::slotted(.stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(stzh-checkboxgroup),\n ::slotted(.stzh-fieldset-row > stzh-radio),\n ::slotted(stzh-radio),\n ::slotted(.stzh-fieldset-row > stzh-radiogroup),\n ::slotted(stzh-radiogroup),\n ::slotted(.stzh-fieldset-row > stzh-row),\n ::slotted(stzh-row),\n ::slotted(.stzh-fieldset-row > stzh-vspace),\n ::slotted(stzh-vspace),\n ::slotted(.stzh-fieldset-row > stzh-hspace),\n ::slotted(stzh-hspace),\n ::slotted(.stzh-fieldset-row > stzh-text),\n ::slotted(stzh-text) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n ::slotted(.stzh-fieldset-row > stzh-message),\n ::slotted(stzh-message) {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n ::slotted(.stzh-fieldset-row > stzh-actions),\n ::slotted(stzh-actions) {\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'big');\n }\n\n ::slotted(*) {\n stzh-checkbox,\n stzh-radio {\n --stzh-description-min-height: none;\n }\n }\n\n ::slotted(.stzh-fieldset-row > :last-child),\n ::slotted(:last-child),\n ::slotted(.stzh-fieldset-row:has(cq) > :nth-last-child(2)) {\n margin-bottom: 0;\n }\n}\n\n.stzh-fieldset {\n // --stzh-row-row-gap: #{space('xsmall')};\n --stzh-description-min-height: 22px;\n\n margin: 0;\n padding: 0;\n border: none;\n min-inline-size: auto;\n\n &__wrapper {\n display: grid;\n }\n\n &__legend {\n @include font('title');\n @include fontCurve('h4');\n color: $colorPrimary70;\n padding: 0;\n margin-bottom: space('large');\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n}\n","import {\n Component,\n Host,\n Prop,\n h,\n} from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/**\n * @slot - Slot for any (mostly form) elements\n */\n@Component({\n tag: \"stzh-fieldset\",\n styleUrl: \"stzh-fieldset.scss\",\n scoped: true\n})\nexport class StzhFieldset {\n /** Legend describing the field group inside the fieldset */\n @Prop() legend: string = \"\";\n\n /** Hide legend to show only for screenreaders */\n @Prop() hideLegend: boolean = false;\n\n /** Heading level inside legend */\n @Prop() legendLevel: \"\" | \"1\" | \"2\" | \"3\" | \"4\" = \"\";\n\n /** Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n @Prop() legendCurve: Font.Curves | \"auto\" = \"auto\";\n\n render() {\n const classes = {\n \"stzh-fieldset\": true,\n \"stzh-fieldset--hide-legend\": this.hideLegend\n };\n\n return (\n <Host>\n <fieldset class={classes}>\n {this.legend &&\n <legend class=\"stzh-fieldset__legend\">\n {this.legendLevel ?\n <stzh-heading\n level={this.legendLevel}\n curve={this.legendCurve}\n >\n {this.legend}\n </stzh-heading>\n :\n this.legend\n }\n </legend>\n }\n <div class=\"stzh-fieldset__wrapper\">\n <slot></slot>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"stzh-fieldset.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,qjgBAAqjgB;;MCiBhkgBA,cAAY;;;;kBAEE,EAAE;sBAGG,KAAK;uBAGe,EAAE;uBAGR,MAAM;;EAElD,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,eAAe,EAAE,IAAI;MACrB,4BAA4B,EAAE,IAAI,CAAC,UAAU;KAC9C,CAAC;IAEF,QACE,EAAC,IAAI,QACH,gBAAU,KAAK,EAAE,OAAO,IACrB,IAAI,CAAC,MAAM;MACV,cAAQ,KAAK,EAAC,uBAAuB,IAClC,IAAI,CAAC,WAAW;QACf,oBACE,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,KAAK,EAAE,IAAI,CAAC,WAAW,IAEtB,IAAI,CAAC,MAAM,CACC;;UAEf,IAAI,CAAC,MAAM,CAEN,EAEX,WAAK,KAAK,EAAC,wBAAwB,IACjC,eAAa,CACT,CACG,CACN,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhFieldset"],"sources":["src/components/stzh-fieldset/stzh-fieldset.scss?tag=stzh-fieldset&encapsulation=scoped","src/components/stzh-fieldset/stzh-fieldset.tsx"],"sourcesContent":[":host {\n // default spacing for form and layout elements\n ::slotted(.layout_column > .stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-input),\n ::slotted(.stzh-fieldset-row > stzh-input),\n ::slotted(stzh-input),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-datepicker),\n ::slotted(stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-dropdown),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-dropdown),\n ::slotted(stzh-dropdown),\n ::slotted(.stzh-fieldset-row > stzh-fieldset),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n ::slotted(stzh-fieldset),\n ::slotted(.stzh-fieldset-row > stzh-upload),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-upload),\n ::slotted(stzh-upload),\n ::slotted(.stzh-fieldset-row > stzh-checkbox),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkbox),\n ::slotted(stzh-checkbox),\n ::slotted(.stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(stzh-checkboxgroup),\n ::slotted(.stzh-fieldset-row > stzh-radio),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radio),\n ::slotted(stzh-radio),\n ::slotted(.stzh-fieldset-row > stzh-radiogroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radiogroup),\n ::slotted(stzh-radiogroup),\n ::slotted(.stzh-fieldset-row > stzh-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-row),\n ::slotted(stzh-row),\n ::slotted(.stzh-fieldset-row > stzh-vspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-vspace),\n ::slotted(stzh-vspace),\n ::slotted(.stzh-fieldset-row > stzh-hspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-hspace),\n ::slotted(stzh-hspace),\n ::slotted(.stzh-fieldset-row > stzh-text),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-text),\n ::slotted(stzh-text) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > stzh-chipgroup,\n & > stzh-chipgroup,\n & > .section > stzh-chipselect,\n & > stzh-chipselect {\n margin-bottom: space('xlarge');\n }\n\n ::slotted(.stzh-fieldset-row > stzh-daterange),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-daterange),\n ::slotted(stzh-daterange) {\n @include mq($to: medium) {\n margin-bottom: calc(#{$fieldsetDescriptionMinHeight} + #{spaceCurveValue('tiny')});\n }\n }\n\n ::slotted(.stzh-fieldset-row > stzh-message),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-message),\n ::slotted(stzh-message) {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n ::slotted(.stzh-fieldset-row > stzh-actions),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-actions),\n ::slotted(stzh-actions) {\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'big');\n }\n\n ::slotted(*) {\n stzh-checkboxgroup stzh-checkbox,\n stzh-radiogroup stzh-radio {\n --stzh-description-min-height: none;\n }\n }\n\n ::slotted(.stzh-fieldset-row > :last-child),\n ::slotted(.layout_column > .stzh-fieldset-row > :last-child),\n ::slotted(:last-child),\n ::slotted(.layout_column > .stzh-fieldset-row:has(cq) > :nth-last-child(2)),\n ::slotted(.stzh-fieldset-row:has(cq) > :nth-last-child(2)) {\n margin-bottom: 0;\n }\n}\n\n.stzh-fieldset {\n // --stzh-row-row-gap: #{space('xsmall')};\n --stzh-description-min-height: #{$fieldsetDescriptionMinHeight};\n\n margin: 0;\n padding: 0;\n border: none;\n min-inline-size: auto;\n\n &__wrapper {\n display: grid;\n }\n\n &__legend {\n @include font('title');\n @include fontCurve('h4');\n color: $colorPrimary70;\n padding: 0;\n margin-bottom: space('large');\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n}\n","import {\n Component,\n Host,\n Prop,\n h,\n} from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/**\n * @slot - Slot for any (mostly form) elements\n */\n@Component({\n tag: \"stzh-fieldset\",\n styleUrl: \"stzh-fieldset.scss\",\n scoped: true\n})\nexport class StzhFieldset {\n /** Legend describing the field group inside the fieldset */\n @Prop() legend: string = \"\";\n\n /** Hide legend to show only for screenreaders */\n @Prop() hideLegend: boolean = false;\n\n /** Heading level inside legend */\n @Prop() legendLevel: \"\" | \"1\" | \"2\" | \"3\" | \"4\" = \"\";\n\n /** Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n @Prop() legendCurve: Font.Curves | \"auto\" = \"auto\";\n\n render() {\n const classes = {\n \"stzh-fieldset\": true,\n \"stzh-fieldset--hide-legend\": this.hideLegend\n };\n\n return (\n <Host>\n <fieldset class={classes}>\n {this.legend &&\n <legend class=\"stzh-fieldset__legend\">\n {this.legendLevel ?\n <stzh-heading\n level={this.legendLevel}\n curve={this.legendCurve}\n >\n {this.legend}\n </stzh-heading>\n :\n this.legend\n }\n </legend>\n }\n <div class=\"stzh-fieldset__wrapper\">\n <slot></slot>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/components/stzh-ghettobox2.js CHANGED
@@ -4,7 +4,7 @@ import { d as defineCustomElement$3 } from './stzh-badge2.js';
4
4
  import { d as defineCustomElement$2 } from './stzh-button2.js';
5
5
  import { d as defineCustomElement$1 } from './stzh-icon2.js';
6
6
 
7
- const stzhGhettoboxCss = ".sc-stzh-ghettobox-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-ghettobox-h .has-focus.sc-stzh-ghettobox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox{outline-style:none !important}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox::-moz-focus-inner{border:0 !important}.sc-stzh-ghettobox-h{--stzh-flyingfocus-color: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-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-error60);--color:var(--stzh-base-invert-color);--richtext-color:var(--color)}.stzh-ghettobox.sc-stzh-ghettobox{position:relative;color:var(--color);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color)}.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}.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{gap:var(--stzh-space-medium);display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge)}}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);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);margin:0;color:inherit}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{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: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{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: 1600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{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))}}.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.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);--stzh-base-color:var(--richtext-color)}@media screen and (min-width: 900px){.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){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-ghettobox__button.sc-stzh-ghettobox{display:grid}@media screen and (min-width: 600px){.stzh-ghettobox__button.sc-stzh-ghettobox{justify-content:start}}.stzh-ghettobox__close.sc-stzh-ghettobox{position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{top:0.625rem;right:0.625rem}}";
7
+ const stzhGhettoboxCss = ".sc-stzh-ghettobox-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-ghettobox-h .has-focus.sc-stzh-ghettobox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox{outline-style:none !important}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox::-moz-focus-inner{border:0 !important}.sc-stzh-ghettobox-h{--stzh-flyingfocus-color: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-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-error60);--color:var(--stzh-base-invert-color);--richtext-color:var(--color)}.stzh-ghettobox.sc-stzh-ghettobox{position:relative;color:var(--color);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color)}.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}.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{gap:var(--stzh-space-medium);display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge)}}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);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);margin:0;color:inherit}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{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: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{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: 1600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{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))}}.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.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);--stzh-base-color:var(--richtext-color)}@media screen and (min-width: 900px){.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){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}.stzh-ghettobox__button.sc-stzh-ghettobox{display:grid}@media screen and (min-width: 600px){.stzh-ghettobox__button.sc-stzh-ghettobox{justify-content:start}}.stzh-ghettobox__close.sc-stzh-ghettobox{position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{top:0.625rem;right:0.625rem}}";
8
8
 
9
9
  const StzhGhettobox = /*@__PURE__*/ proxyCustomElement(class StzhGhettobox extends HTMLElement {
10
10
  constructor() {
package/dist/components/stzh-ghettobox2.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"stzh-ghettobox2.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,k9QAAk9Q;;MCyB99Q,aAAa;;;;;;IA6ChB,uBAAkB,GAAG;MAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;KACb,CAAA;IAEO,SAAI,GAAG;MACb,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;MAExE,IAAI,MAAM,EAAE;QACV,cAAc,CAAC,MAAM,EAAE;UACrB,IAAI,EAAE,OAAO;UACb,UAAU,EAAE,SAAS;UACrB,OAAO,EAAE,WAAW;UACpB,MAAM,EAAE,KAAK;UACb,IAAI,EAAE,aAAa;UACnB,YAAY,EAAE,OAAO;SACG,CAAC,CAAA;OAC5B;KACF,CAAA;uBA5D6B,EAAE;qBAGJ,EAAE;uBAGA,EAAE;qBAGH,KAAK;;gBAcT,IAAI;;EAG7B,MAAM,IAAI;IACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;MACjB,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAA;GACH;EAGD,MAAM,IAAI;IACR,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;MAClB,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;GACJ;EAuBD,MAAM,iBAAiB;IACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;MACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;KACpG;GACF;EAED,iBAAiB;IACf,IAAI,CAAC,IAAI,EAAE,CAAC;IAEZ,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;MAClC,SAAS,EAAE,IAAI;MACf,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;GACJ;EAED,oBAAoB;IAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;KAC5B;GACF;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,gBAAgB,EAAE,IAAI;MACtB,kCAAkC,EAAE,CAAC,IAAI,CAAC,SAAS;KACpD,CAAC;IAEF,QACE,EAAC,IAAI,IAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IACtB,WAAK,KAAK,EAAE,OAAO,IACjB,WAAK,KAAK,EAAC,2BAA2B,IACpC,UAAI,KAAK,EAAC,8BAA8B,IACrC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,CAAC,WAAW,CAC/C,EACL,WAAK,KAAK,EAAC,yBAAyB,IAClC,WAAK,KAAK,EAAC,sBAAsB,IAC/B,UAAI,KAAK,EAAC,4BAA4B,IACnC,IAAI,CAAC,SAAS,CACZ,EACL,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,eAAa,CAChD,CACF,EACN,WAAK,KAAK,EAAC,wBAAwB,IACjC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF,EACL,CAAC,IAAI,CAAC,SAAS;MACd,mBACE,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAClC,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,WAAW,GACH,CAEb,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-ghettobox/stzh-ghettobox.scss?tag=stzh-ghettobox&encapsulation=scoped","src/components/stzh-ghettobox/stzh-ghettobox.tsx"],"sourcesContent":["/*\n * @prop --background-color: Background color of ghettobox\n */\n\n:host {\n @include base-invert;\n @include button-invert;\n\n --background-color: #{$colorError60};\n --color: #{$baseInvertColor};\n --richtext-color: var(--color);\n}\n\n.stzh-ghettobox {\n position: relative;\n color: var(--color);\n box-shadow: $boxShadowMessage;\n background-color: var(--background-color);\n\n &__container {\n @include container;\n @include spaceCurve('padding-top', 'large');\n @include spaceCurve('padding-bottom', 'large');\n }\n\n &__hidden-title {\n @include visuallyhidden;\n }\n\n &__message {\n @include spaceCurve('gap', 'regular');\n display: flex;\n flex-direction: column;\n }\n\n &__main-title {\n @include font('title');\n @include fontCurve('h2', 'heading');\n margin: 0;\n color: inherit;\n\n &:not(:empty) {\n @include spaceCurve('margin-bottom', 'regular');\n }\n }\n\n &__description {\n @include fontCurve('p1');\n --stzh-base-color: var(--richtext-color);\n \n &:not(:empty) {\n @include spaceCurve('margin-bottom', 'regular');\n }\n }\n \n &__button {\n display: grid;\n\n @include mq($from: small) {\n justify-content: start;\n }\n }\n\n &__close {\n position: absolute;\n top: 0;\n right: 0;\n\n @include mq($from: small) {\n top: 10px;\n right: 10px;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Event,\n EventEmitter,\n Method,\n State\n} from \"@stencil/core\";\n\nimport { StzhGhettoboxOpenEvent, StzhGhettoboxCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { StzhGhettoboxLocalizedText } from \"./stzh-ghettobox.localization\"\n\n/**\n * @slot - Slot for description content (use instead of description property)\n */\n@Component({\n tag: \"stzh-ghettobox\",\n styleUrl: \"stzh-ghettobox.scss\",\n scoped: true\n})\nexport class StzhGhettobox {\n /** Overwrite hidden h1 title */\n @Prop() hiddenTitle: string = \"\";\n\n /** Main title */\n @Prop() mainTitle: string = \"\";\n\n /** Description */\n @Prop() description: string = \"\";\n\n /** Hide close button */\n @Prop() hideClose: boolean = false;\n\n /** Translation strings */\n @Prop() localization: StzhGhettoboxLocalizedText;\n\n /** Ghettobox open event */\n @Event() stzhOpen: EventEmitter<StzhGhettoboxOpenEvent>;\n\n /** Ghettobox close event */\n @Event() stzhClose: EventEmitter<StzhGhettoboxCloseEvent>;\n\n @Element() element: HTMLStzhGhettoboxElement;\n\n /** Open state */\n @State() open: boolean = true;\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-ghettobox\"\n })\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-ghettobox\"\n });\n }\n\n private observer: MutationObserver;\n\n private onCloseButtonClick = () => {\n this.hide();\n }\n\n private init = () => {\n const button = this.element.querySelector('stzh-button[slot=\"button\"]');\n\n if (button) {\n setPropsIfNull(button, {\n size: \"small\",\n sizeMedium: \"default\",\n variant: \"secondary\",\n effect: \"cta\",\n icon: \"arrow-right\",\n iconPosition: \"right\"\n } as HTMLStzhButtonElement)\n }\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"ghettobox\");\n }\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-ghettobox\": true,\n \"stzh-ghettobox--has-close-button\": !this.hideClose\n };\n\n return (\n <Host hidden={!this.open}>\n <div class={classes}>\n <div class=\"stzh-ghettobox__container\">\n <h1 class=\"stzh-ghettobox__hidden-title\">\n {this.hiddenTitle || this.localization.hiddenTitle}\n </h1>\n <div class=\"stzh-ghettobox__message\">\n <div class=\"stzh-ghettobox__text\">\n <h2 class=\"stzh-ghettobox__main-title\">\n {this.mainTitle}\n </h2>\n <div class=\"stzh-ghettobox__description\">\n {this.description ? this.description : <slot></slot>}\n </div>\n </div>\n <div class=\"stzh-ghettobox__button\">\n <slot name=\"button\"></slot>\n </div>\n </div>\n {!this.hideClose &&\n <stzh-button\n class=\"stzh-ghettobox__close\"\n onClick={this.onCloseButtonClick}\n a11yLabel={this.localization.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly={true}\n icon=\"close-big\"\n ></stzh-button>\n }\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"stzh-ghettobox2.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,w0QAAw0Q;;MCyBp1Q,aAAa;;;;;;IA6ChB,uBAAkB,GAAG;MAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;KACb,CAAA;IAEO,SAAI,GAAG;MACb,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;MAExE,IAAI,MAAM,EAAE;QACV,cAAc,CAAC,MAAM,EAAE;UACrB,IAAI,EAAE,OAAO;UACb,UAAU,EAAE,SAAS;UACrB,OAAO,EAAE,WAAW;UACpB,MAAM,EAAE,KAAK;UACb,IAAI,EAAE,aAAa;UACnB,YAAY,EAAE,OAAO;SACG,CAAC,CAAA;OAC5B;KACF,CAAA;uBA5D6B,EAAE;qBAGJ,EAAE;uBAGA,EAAE;qBAGH,KAAK;;gBAcT,IAAI;;EAG7B,MAAM,IAAI;IACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;MACjB,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAA;GACH;EAGD,MAAM,IAAI;IACR,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;MAClB,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;GACJ;EAuBD,MAAM,iBAAiB;IACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;MACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;KACpG;GACF;EAED,iBAAiB;IACf,IAAI,CAAC,IAAI,EAAE,CAAC;IAEZ,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;MAClC,SAAS,EAAE,IAAI;MACf,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;GACJ;EAED,oBAAoB;IAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;KAC5B;GACF;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,gBAAgB,EAAE,IAAI;MACtB,kCAAkC,EAAE,CAAC,IAAI,CAAC,SAAS;KACpD,CAAC;IAEF,QACE,EAAC,IAAI,IAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IACtB,WAAK,KAAK,EAAE,OAAO,IACjB,WAAK,KAAK,EAAC,2BAA2B,IACpC,UAAI,KAAK,EAAC,8BAA8B,IACrC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,CAAC,WAAW,CAC/C,EACL,WAAK,KAAK,EAAC,yBAAyB,IAClC,WAAK,KAAK,EAAC,sBAAsB,IAC/B,UAAI,KAAK,EAAC,4BAA4B,IACnC,IAAI,CAAC,SAAS,CACZ,EACL,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,eAAa,CAChD,CACF,EACN,WAAK,KAAK,EAAC,wBAAwB,IACjC,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF,EACL,CAAC,IAAI,CAAC,SAAS;MACd,mBACE,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAClC,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,WAAW,GACH,CAEb,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-ghettobox/stzh-ghettobox.scss?tag=stzh-ghettobox&encapsulation=scoped","src/components/stzh-ghettobox/stzh-ghettobox.tsx"],"sourcesContent":["/*\n * @prop --background-color: Background color of ghettobox\n */\n\n:host {\n @include base-invert;\n @include button-invert;\n\n --background-color: #{$colorError60};\n --color: #{$baseInvertColor};\n --richtext-color: var(--color);\n}\n\n.stzh-ghettobox {\n position: relative;\n color: var(--color);\n box-shadow: $boxShadowMessage;\n background-color: var(--background-color);\n\n &__container {\n @include container;\n @include spaceCurve('padding-top', 'large');\n @include spaceCurve('padding-bottom', 'large');\n }\n\n &__hidden-title {\n @include visuallyhidden;\n }\n\n &__message {\n @include spaceCurve('gap', 'regular');\n display: flex;\n flex-direction: column;\n }\n\n &__main-title {\n @include font('title');\n @include fontCurve('h2', 'heading');\n margin: 0;\n color: inherit;\n\n &:not(:empty) {\n @include spaceCurve('margin-bottom', 'regular');\n }\n }\n\n &__description {\n @include fontCurve('p1');\n --stzh-base-color: var(--richtext-color);\n\n &:not(:empty) {\n @include spaceCurve('margin-bottom', 'small');\n }\n }\n\n &__button {\n display: grid;\n\n @include mq($from: small) {\n justify-content: start;\n }\n }\n\n &__close {\n position: absolute;\n top: 0;\n right: 0;\n\n @include mq($from: small) {\n top: 10px;\n right: 10px;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Event,\n EventEmitter,\n Method,\n State\n} from \"@stencil/core\";\n\nimport { StzhGhettoboxOpenEvent, StzhGhettoboxCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { StzhGhettoboxLocalizedText } from \"./stzh-ghettobox.localization\"\n\n/**\n * @slot - Slot for description content (use instead of description property)\n */\n@Component({\n tag: \"stzh-ghettobox\",\n styleUrl: \"stzh-ghettobox.scss\",\n scoped: true\n})\nexport class StzhGhettobox {\n /** Overwrite hidden h1 title */\n @Prop() hiddenTitle: string = \"\";\n\n /** Main title */\n @Prop() mainTitle: string = \"\";\n\n /** Description */\n @Prop() description: string = \"\";\n\n /** Hide close button */\n @Prop() hideClose: boolean = false;\n\n /** Translation strings */\n @Prop() localization: StzhGhettoboxLocalizedText;\n\n /** Ghettobox open event */\n @Event() stzhOpen: EventEmitter<StzhGhettoboxOpenEvent>;\n\n /** Ghettobox close event */\n @Event() stzhClose: EventEmitter<StzhGhettoboxCloseEvent>;\n\n @Element() element: HTMLStzhGhettoboxElement;\n\n /** Open state */\n @State() open: boolean = true;\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-ghettobox\"\n })\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-ghettobox\"\n });\n }\n\n private observer: MutationObserver;\n\n private onCloseButtonClick = () => {\n this.hide();\n }\n\n private init = () => {\n const button = this.element.querySelector('stzh-button[slot=\"button\"]');\n\n if (button) {\n setPropsIfNull(button, {\n size: \"small\",\n sizeMedium: \"default\",\n variant: \"secondary\",\n effect: \"cta\",\n icon: \"arrow-right\",\n iconPosition: \"right\"\n } as HTMLStzhButtonElement)\n }\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"ghettobox\");\n }\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-ghettobox\": true,\n \"stzh-ghettobox--has-close-button\": !this.hideClose\n };\n\n return (\n <Host hidden={!this.open}>\n <div class={classes}>\n <div class=\"stzh-ghettobox__container\">\n <h1 class=\"stzh-ghettobox__hidden-title\">\n {this.hiddenTitle || this.localization.hiddenTitle}\n </h1>\n <div class=\"stzh-ghettobox__message\">\n <div class=\"stzh-ghettobox__text\">\n <h2 class=\"stzh-ghettobox__main-title\">\n {this.mainTitle}\n </h2>\n <div class=\"stzh-ghettobox__description\">\n {this.description ? this.description : <slot></slot>}\n </div>\n </div>\n <div class=\"stzh-ghettobox__button\">\n <slot name=\"button\"></slot>\n </div>\n </div>\n {!this.hideClose &&\n <stzh-button\n class=\"stzh-ghettobox__close\"\n onClick={this.onCloseButtonClick}\n a11yLabel={this.localization.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly={true}\n icon=\"close-big\"\n ></stzh-button>\n }\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/components/stzh-header.js CHANGED
@@ -10,7 +10,7 @@ import { d as defineCustomElement$4 } from './stzh-menu2.js';
10
10
  import { d as defineCustomElement$3 } from './stzh-menu-item2.js';
11
11
  import { d as defineCustomElement$2 } from './stzh-popover2.js';
12
12
 
13
- const stzhHeaderCss = ".sc-stzh-header-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-header-h{display:none}.sc-stzh-header-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-header-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-header-h .has-focus.sc-stzh-header{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header{outline-style:none !important}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header::-moz-focus-inner{border:0 !important}.sc-stzh-header-h{--logo-width:auto;--logo-height:100%;--logobar-background-color:var(--stzh-header-logobar-background-color)}@media print{.sc-stzh-header-h{display:none}}[logo-type=vbz].sc-stzh-header-h,[logo-type=aoz].sc-stzh-header-h,[logo-type=pkzh].sc-stzh-header-h,[logo-type=uvz].sc-stzh-header-h{--logo-height:1.9375rem}@media screen and (min-width: 900px){[logo-type=vbz].sc-stzh-header-h,[logo-type=aoz].sc-stzh-header-h,[logo-type=pkzh].sc-stzh-header-h,[logo-type=uvz].sc-stzh-header-h{--logo-height:2.1875rem}}@media screen and (min-width: 1600px){[logo-type=vbz].sc-stzh-header-h,[logo-type=aoz].sc-stzh-header-h,[logo-type=pkzh].sc-stzh-header-h,[logo-type=uvz].sc-stzh-header-h{--logo-height:3.3125rem}}.sc-stzh-header-h .sc-stzh-header-s>[slot=logo]{width:var(--logo-width);height:var(--logo-height)}.stzh-header.sc-stzh-header{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);color:var(--stzh-color-grey90)}.stzh-header__inner.sc-stzh-header,.stzh-header__main.sc-stzh-header{max-width:calc(100vw - var(--stzh-scrollbar-width))}@media screen and (min-width: 600px){.stzh-header__inner.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header)}}.stzh-header__vhidden.sc-stzh-header{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-header__main.sc-stzh-header{display:flex;flex-direction:column;background-color:var(--stzh-color-white)}@media screen and (max-width: 599px){.stzh-header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header)}}.stzh-header__metabar.sc-stzh-header{background-color:var(--stzh-color-coolgrey10)}.stzh-header__metabar-inner.sc-stzh-header{margin-left:1.25rem;margin-right:1.25rem;display:flex;align-items:center;height:4rem}@media screen and (min-width: 600px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-header__metabar-inner.sc-stzh-header{height:4rem}}.stzh-header__burger.sc-stzh-header,.stzh-header__search.sc-stzh-header,.stzh-header__metanav-item.sc-stzh-header{color:var(--stzh-color-grey90);transition:color var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-header__burger.sc-stzh-header:hover,.stzh-header__search.sc-stzh-header:hover,.stzh-header__metanav-item.sc-stzh-header:hover{color:var(--stzh-color-black)}.stzh-header__burger.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);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);display:flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0;margin-right:var(--stzh-space-medium);gap:var(--stzh-space-medium);color:var(--stzh-color-primary70)}@media screen and (min-width: 600px){.stzh-header__burger.sc-stzh-header{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-header__burger.sc-stzh-header{margin-right:var(--stzh-space-xxxxlarge)}}.stzh-header__burger-icon.is-open.sc-stzh-header{display:none}.stzh-header__burger.is-open.sc-stzh-header .stzh-header__burger-icon.is-open.sc-stzh-header{display:inline-flex}.stzh-header__burger.is-open.sc-stzh-header .stzh-header__burger-icon.is-close.sc-stzh-header{display:none}.stzh-header__metabar-search.sc-stzh-header{overflow:hidden;margin-right:var(--stzh-space-medium);transition-property:width;transition-duration:var(--stzh-base-transition-animation-speed);width:2.5rem;max-width:21.5625rem}.stzh-header__metabar-search.sc-stzh-header:focus-within{width:100%}@media screen and (min-width: 600px){.stzh-header__metabar-search.sc-stzh-header{width:6rem;margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-header__metabar-search.sc-stzh-header{width:10rem;margin-left:0;margin-right:var(--stzh-space-xxxxlarge)}}.stzh-header__search.sc-stzh-header{position:relative;display:block;width:100%}.stzh-header__search-input.sc-stzh-header{width:100%;max-width:100%;background-color:transparent;color:transparent;font-family:inherit;font-size:inherit;border:none;padding:var(--stzh-space-xsmall);padding-left:0;padding-right:0;height:var(--stzh-form-input-small-height);transition-property:padding-left, padding-right, background-color, color;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-header__search-input.sc-stzh-header{color:var(--stzh-color-secondary60);padding-left:calc(var(--stzh-icon-size) + var(--stzh-space-medium))}}.stzh-header__search-input.sc-stzh-header:focus{color:var(--stzh-color-secondary60);background-color:var(--stzh-color-white);padding-left:calc(var(--stzh-space-medium) + var(--stzh-icon-size) + var(--stzh-space-medium));padding-right:var(--stzh-space-xlarge)}.stzh-header__search-input.sc-stzh-header:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-decoration,.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-cancel-button,.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-results-button,.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-header__search-input.sc-stzh-header:focus~.stzh-header__search-icon.sc-stzh-header,.stzh-header__search-input.sc-stzh-header:focus~.stzh-header__search-text.sc-stzh-header{transform:translate(var(--stzh-space-medium), -50%)}.stzh-header__search-input.sc-stzh-header:focus~.stzh-header__search-text.sc-stzh-header{color:var(--stzh-color-grey70)}.stzh-header__search-text.sc-stzh-header,.stzh-header__search-icon.sc-stzh-header{position:absolute;top:50%;transform:translate(0, -50%);transition:transform var(--stzh-base-transition-animation-speed)}.stzh-header__search-icon.sc-stzh-header{left:0px}@media screen and (max-width: 599px){.stzh-header__search-icon.sc-stzh-header{transform:translate(0.5rem, -50%)}}.stzh-header__search-text.sc-stzh-header{pointer-events:none;left:calc(var(--stzh-icon-size) + var(--stzh-space-medium))}@media screen and (max-width: 599px){.stzh-header__search-text.sc-stzh-header{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-header__metabar-nav.sc-stzh-header{display:flex;align-items:center;margin-left:auto;gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-header__metabar-nav.sc-stzh-header{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-header__metabar-nav.sc-stzh-header{gap:var(--stzh-space-xxlarge)}}.stzh-header__metanav-popover.sc-stzh-header{--width:auto;--min-width:15.875rem}.stzh-header__metanav-popover.is-langnav.sc-stzh-header{--min-width:8.75rem}.stzh-header__metanav-item.sc-stzh-header{display:none;gap:var(--stzh-space-small);align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:0;border:none;text-decoration:none;font-size:100%;font-family:inherit;white-space:nowrap;min-width:2.5rem}@media screen and (min-width: 900px){.stzh-header__metanav-item.sc-stzh-header{display:flex}}.stzh-header__metanav-item[aria-expanded=true].sc-stzh-header{color:var(--stzh-color-primary70)}.stzh-header__metanav-item.is-heavy.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-header__metanav-item.is-stay.sc-stzh-header{display:flex}@media screen and (min-width: 900px){.stzh-header__metanav-item.is-popover-mobile.sc-stzh-header{display:none}}.stzh-header__metanav-item.is-popover-desktop.sc-stzh-header{display:none}@media screen and (min-width: 900px){.stzh-header__metanav-item.is-popover-desktop.sc-stzh-header{display:flex}}.stzh-header__metanav-menu-item.is-heavy.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-header__metanav-item-text.sc-stzh-header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-header__metanav-item-text.is-vhidden.sc-stzh-header{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}@media screen and (max-width: 599px){.stzh-header__metanav-item-text.has-no-short-label.sc-stzh-header{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}}@media screen and (max-width: 599px){.stzh-header__metanav-item-text-label-long.sc-stzh-header{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}}@media screen and (min-width: 600px){.stzh-header__metanav-item-text-label-short.sc-stzh-header{display:none}}.stzh-header__metanav-icon-wrapper.sc-stzh-header{position:relative;display:flex;align-items:center;justify-content:center}.stzh-header__metanav-icon-badge.sc-stzh-header{position:absolute;top:-0.25rem;right:-0.25rem}.stzh-header__metanav-icon.is-open.sc-stzh-header{display:none}.stzh-header__metanav-item[aria-expanded=true].sc-stzh-header .stzh-header__metanav-icon.is-open.sc-stzh-header{display:inline-flex}.stzh-header__metanav-item[aria-expanded=true].sc-stzh-header .stzh-header__metanav-icon.is-close.sc-stzh-header{display:none}.stzh-header__logobar.sc-stzh-header{display:flex}@media screen and (min-width: 1600px){.stzh-header__logobar.sc-stzh-header{margin-left:auto;margin-right:auto;width:84.25rem}}.stzh-header__logobar-logo.sc-stzh-header{box-sizing:content-box;display:flex;overflow:hidden;flex-shrink:0}.stzh-header__logobar-decoration.sc-stzh-header{background-color:var(--logobar-background-color);flex-grow:1}@media screen and (min-width: 1600px){.stzh-header__logobar-decoration.sc-stzh-header{width:calc((100% - 34.5625rem) + ((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2));margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-top:0.875rem;padding-bottom:0.6875rem;padding-left:1.25rem;display:inline-flex;width:18rem;height:4.125rem;transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-header__logo-link.sc-stzh-header{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__logo-link.sc-stzh-header{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__logo-link.sc-stzh-header{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-header__logo-link.sc-stzh-header{width:18.75rem;padding-left:2rem}}@media screen and (min-width: 900px){.stzh-header__logo-link.sc-stzh-header{width:24.9375rem;height:5.5rem;padding-top:1.125rem;padding-bottom:1.125rem;padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-header__logo-link.sc-stzh-header{width:38.5625rem;height:8.4375rem;padding-top:1.75rem;padding-bottom:1.5rem;padding-left:4rem}}@media screen and (min-width: 1600px){.stzh-header__logo-link.sc-stzh-header{width:34.5625rem;padding-left:0}}.stzh-header__flyout.sc-stzh-header{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);z-index:calc(var(--stzh-z-index-header) - 1);position:fixed;visibility:hidden;top:0;left:0;right:0;bottom:0;width:100dvw;height:100dvh;overflow:auto;transition:visibility var(--stzh-base-transition-animation-speed)}@media (min-height: 580px){.stzh-header__flyout.sc-stzh-header{overflow:hidden}}@media screen and (min-width: 900px){.stzh-header__flyout.sc-stzh-header{overflow:hidden}}.stzh-header__flyout-backdrop.sc-stzh-header{position:absolute;width:100%;height:100%;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-header__menu.sc-stzh-header{position:absolute;width:100%;height:auto;background-color:var(--stzh-color-secondary30);display:grid;grid-template-rows:auto auto;transition-property:opacity, transform;transition-duration:var(--stzh-base-transition-animation-speed);transform:translateX(-100%);opacity:0}@media (min-height: 580px){.stzh-header__menu.sc-stzh-header{height:100%;grid-template-rows:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-header__menu.sc-stzh-header{height:100%;grid-template-rows:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-header__menu.sc-stzh-header{width:20.9375rem}}@media screen and (min-width: 1260px){.stzh-header__menu.sc-stzh-header{width:23.375rem}}@media screen and (min-width: 1260px){.stzh-header__menu.sc-stzh-header{width:27.4375rem}}@media screen and (min-width: 1600px){.stzh-header__menu.sc-stzh-header{width:calc((27.4375rem - 4rem) + ((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2))}}.stzh-header__menu-nav.sc-stzh-header{position:relative;overflow-x:hidden;overflow-y:hidden}@media (min-height: 580px){.stzh-header__menu-nav.sc-stzh-header{overflow-y:auto}}@media screen and (min-width: 900px){.stzh-header__menu-nav.sc-stzh-header{overflow-y:auto;position:static}}.stzh-header__menu-metanav.sc-stzh-header{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xlarge);background-color:var(--stzh-color-secondary20)}@media screen and (min-width: 900px){.stzh-header__menu-metanav.sc-stzh-header{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-header__menu-metanav.sc-stzh-header{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-header__menu-metanav.sc-stzh-header{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-header__menu-metanav.sc-stzh-header{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-header__menu-metanav.sc-stzh-header{display:none}}.stzh-header__menu-metanav-nav.sc-stzh-header{max-width:23.4375rem}.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-metanav-list.sc-stzh-header{display:block;list-style:none;padding:0;margin:0}.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{padding-top:calc(var(--stzh-header-main-height) + var(--stzh-space-xxxlarge));padding-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 900px){.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{padding-top:calc(var(--stzh-header-main-height) + var(--stzh-space-huge))}}.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{overflow:auto;background-color:var(--stzh-color-secondary20);visibility:hidden;opacity:0;transform:translateX(100%);position:absolute;z-index:200;top:0;left:0;width:100%;height:100%;transition-property:opacity, visibility, transform;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{z-index:initial;width:19.6875rem;transform:none;left:100%;transition-property:opacity, visibility}}@media screen and (min-width: 1260px){.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{width:20.875rem}}@media screen and (min-width: 1600px){.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{width:21.5625rem}}.stzh-header__menu-list.is-level-2.sc-stzh-header{height:-webkit-max-content;height:-moz-max-content;height:max-content}@media (min-height: 580px){.stzh-header__menu-list.is-level-2.sc-stzh-header{height:100%}}@media screen and (min-width: 900px){.stzh-header__menu-list.is-level-2.sc-stzh-header{height:100%}}.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{background-color:var(--stzh-color-secondary30);transform:none;transition-property:opacity, visibility}@media screen and (min-width: 900px){.stzh-header__menu-list.sc-stzh-header:where(:has(>.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-list).sc-stzh-header>.stzh-header__menu-list-item.sc-stzh-header>.stzh-header__menu-list).sc-stzh-header,.stzh-header__menu-list.sc-stzh-header:where(:has(>.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-list).sc-stzh-header>.stzh-header__menu-list-item.sc-stzh-header>.stzh-header__menu-list).sc-stzh-header{transition-delay:var(--stzh-base-transition-animation-speed)}}@media screen and (min-width: 900px){.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-list.sc-stzh-header{z-index:200;transition-delay:0ms;visibility:visible;opacity:1}}@media screen and (min-width: 900px){.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-item.sc-stzh-header{background-color:var(--stzh-color-secondary40)}}@media screen and (min-width: 900px){.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-item.is-level-2.sc-stzh-header,.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-item.is-level-2.sc-stzh-header{background-color:var(--stzh-color-secondary10)}}@media screen and (max-width: 899px){.stzh-header__menu-nav.sc-stzh-header:has(.stzh-header__menu-list-item.is-open),.stzh-header__menu.sc-stzh-header:has(.stzh-header__menu-metanav-list-item.is-open) .stzh-header__menu-nav.sc-stzh-header,.stzh-header__menu-list.sc-stzh-header:has(.stzh-header__menu-list-item.is-open),.stzh-header__menu-metanav-list.sc-stzh-header:has(.stzh-header__menu-metanav-list-item.is-open){transition-property:visibility;transition-duration:0ms;transition-delay:var(--stzh-base-transition-animation-speed);visibility:hidden}}@media screen and (max-width: 899px){.stzh-header__menu-list-item.is-open.sc-stzh-header>.sc-stzh-header:where(.stzh-header__menu-list),.stzh-header__menu-metanav-list-item.is-open.sc-stzh-header>.sc-stzh-header:where(.stzh-header__menu-metanav-list){transform:translateX(0);opacity:1;visibility:visible}}.stzh-header__menu-list-item.sc-stzh-header,.stzh-header__menu-metanav-list-item.sc-stzh-header{display:grid}.stzh-header__menu-list-item.is-backlink.sc-stzh-header{display:block}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);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);display:flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-decoration:none;background-color:transparent;color:var(--stzh-color-primary70);padding-left:var(--stzh-space-xxxlarge);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);gap:var(--stzh-space-xsmall);padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small);padding-right:var(--stzh-space-large)}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.sc-stzh-header{cursor:pointer}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.is-title.sc-stzh-header{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);min-height:3.5rem}@media screen and (min-width: 900px){.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.is-title.sc-stzh-header{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.is-title.sc-stzh-header{padding-left:4rem}}@media screen and (min-width: 1600px){.stzh-header__menu-item.is-level-1.sc-stzh-header{padding-left:calc(((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2))}}@media screen and (min-width: 900px){.stzh-header__menu-item.has-items.sc-stzh-header{cursor:default}}.stzh-header__menu-item.is-level-2.sc-stzh-header{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);min-height:3rem}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.sc-stzh-header{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-header__menu-item.is-level-2.sc-stzh-header{padding-left:var(--stzh-space-xxlarge)}}.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-small);min-height:none;padding-left:1.25rem;padding-right:1.25rem;gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{display:none}}.stzh-header__menu-item.is-level-2.is-main.sc-stzh-header{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-bottom:var(--stzh-space-xlarge)}.stzh-header__menu-metanav-item.is-level-1.sc-stzh-header{min-height:2.75rem;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-header__menu-metanav-item.is-level-2.sc-stzh-header{min-height:3.5rem;gap:var(--stzh-space-medium);padding-right:var(--stzh-space-xxlarge)}.stzh-header__menu-metanav-item.is-title.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);justify-content:space-between;padding-top:0;padding-bottom:0;padding-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge);cursor:default}.stzh-header__menu-metanav-item.is-language.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);justify-content:space-between}.stzh-header__menu-metanav-item.is-action.sc-stzh-header{display:grid;padding-right:var(--stzh-space-xxxlarge);margin-top:var(--stzh-space-xlarge)}.stzh-header__menu-metanav-item.is-hidden.sc-stzh-header{display:none}.stzh-header__menu-metanav-item.is-level-1.sc-stzh-header .stzh-header__menu-metanav-item-icon.sc-stzh-header{--size:var(--stzh-icon-size-small)}.stzh-header__menu-metanav-item-text.sc-stzh-header{display:flex;gap:var(--stzh-space-xsmall)}.stzh-header__menu-metanav-item-text.is-vhidden.sc-stzh-header{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-header__menu-metanav-item-counter.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-header--is-search-filled.sc-stzh-header .stzh-header__search-text.sc-stzh-header{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-header--hide-logo.sc-stzh-header .stzh-header__logo-link.sc-stzh-header{opacity:0}@media screen and (min-width: 600px){.stzh-header--is-fixed.sc-stzh-header .stzh-header__inner.sc-stzh-header{transform:translateY(-100%);position:fixed;top:0;left:0;right:0;margin-top:calc(var(--stzh-header-logobar-height) / -1)}}@media screen and (max-width: 599px){.stzh-header--is-fixed.sc-stzh-header .stzh-header__main.sc-stzh-header{transform:translateY(-100%);position:fixed;top:0;left:0;right:0;margin-top:calc(var(--stzh-header-logobar-height) / -1)}}@media screen and (min-width: 600px){.stzh-header--is-fixed-transition.sc-stzh-header .stzh-header__inner.sc-stzh-header{transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.stzh-header--is-fixed-transition.sc-stzh-header .stzh-header__main.sc-stzh-header{transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed)}}.stzh-header--is-sticky.sc-stzh-header .stzh-header__logobar.sc-stzh-header{transition-property:opacity, visibility;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-header--is-sticky.sc-stzh-header .stzh-header__inner.sc-stzh-header,.stzh-header--is-sticky.sc-stzh-header .stzh-header__main.sc-stzh-header{transition-property:transform, margin-top;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-header--is-sticky.sc-stzh-header .stzh-header__inner.sc-stzh-header{transform:translateY(0)}}@media screen and (max-width: 599px){.stzh-header--is-sticky.sc-stzh-header .stzh-header__main.sc-stzh-header{transform:translateY(0)}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar-mobile) .stzh-header__inner.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}@media screen and (max-width: 599px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar-mobile) .stzh-header__main.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}@media screen and (max-width: 899px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar-mobile) .stzh-header__metabar.sc-stzh-header{visibility:hidden}}@media screen and (min-width: 600px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar) .stzh-header__inner.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}@media screen and (max-width: 599px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar) .stzh-header__main.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar) .stzh-header__metabar.sc-stzh-header{visibility:hidden}.stzh-header--is-sticky.sc-stzh-header .stzh-header__logobar.sc-stzh-header{visibility:hidden;opacity:0}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout.sc-stzh-header{visibility:visible}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-backdrop.sc-stzh-header{opacity:1}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-scrollbar.sc-stzh-header{display:none;z-index:999;position:absolute;top:0;right:0;bottom:0;width:var(--stzh-scrollbar-width);background-color:var(--stzh-color-grey10);border-left:calc(0.5px * var(--stzh-scrollbar-active)) solid var(--stzh-color-grey30)}@media (min-height: 580px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-scrollbar.sc-stzh-header{display:block}}@media screen and (min-width: 900px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-scrollbar.sc-stzh-header{display:block}}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__menu.sc-stzh-header{opacity:1;transform:translateX(0)}@media screen and (min-width: 600px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__inner.sc-stzh-header{z-index:var(--stzh-z-index-header);transform:translateY(0);position:fixed;top:0;left:0;right:var(--stzh-scrollbar-width);margin-top:0}}@media screen and (max-width: 599px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__main.sc-stzh-header{z-index:var(--stzh-z-index-header);transform:translateY(0);position:fixed;top:0;left:0;right:var(--stzh-scrollbar-width);margin-top:0}}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__logobar.sc-stzh-header{opacity:1}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__logobar.sc-stzh-header,.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__metabar.sc-stzh-header{visibility:visible}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__logo-link.sc-stzh-header{opacity:1;transition:none}";
13
+ const stzhHeaderCss = ".sc-stzh-header-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-header-h{display:none}.sc-stzh-header-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-header-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-header-h .has-focus.sc-stzh-header{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header{outline-style:none !important}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header::-moz-focus-inner{border:0 !important}.sc-stzh-header-h{--logo-width:auto;--logo-height:100%;--logobar-background-color:var(--stzh-header-logobar-background-color)}@media print{.sc-stzh-header-h{display:none}}[logo-type=vbz].sc-stzh-header-h,[logo-type=aoz].sc-stzh-header-h,[logo-type=pkzh].sc-stzh-header-h,[logo-type=uvz].sc-stzh-header-h{--logo-height:1.9375rem}@media screen and (min-width: 900px){[logo-type=vbz].sc-stzh-header-h,[logo-type=aoz].sc-stzh-header-h,[logo-type=pkzh].sc-stzh-header-h,[logo-type=uvz].sc-stzh-header-h{--logo-height:2.1875rem}}@media screen and (min-width: 1600px){[logo-type=vbz].sc-stzh-header-h,[logo-type=aoz].sc-stzh-header-h,[logo-type=pkzh].sc-stzh-header-h,[logo-type=uvz].sc-stzh-header-h{--logo-height:3.3125rem}}.sc-stzh-header-h .sc-stzh-header-s>[slot=logo]{width:var(--logo-width);height:var(--logo-height)}.stzh-header.sc-stzh-header{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);color:var(--stzh-color-grey90)}.stzh-header__inner.sc-stzh-header,.stzh-header__main.sc-stzh-header{max-width:calc(100vw - var(--stzh-scrollbar-width))}@media screen and (min-width: 600px){.stzh-header__inner.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header)}}.stzh-header__vhidden.sc-stzh-header{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-header__main.sc-stzh-header{display:flex;flex-direction:column;background-color:var(--stzh-color-white)}@media screen and (max-width: 599px){.stzh-header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header)}}.stzh-header__metabar.sc-stzh-header{background-color:var(--stzh-color-coolgrey10)}.stzh-header__metabar-inner.sc-stzh-header{margin-left:1.25rem;margin-right:1.25rem;display:flex;align-items:center;height:4rem}@media screen and (min-width: 600px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-header__metabar-inner.sc-stzh-header{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-header__metabar-inner.sc-stzh-header{height:4rem}}.stzh-header__burger.sc-stzh-header,.stzh-header__search.sc-stzh-header,.stzh-header__metanav-item.sc-stzh-header{color:var(--stzh-color-grey90);transition:color var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-header__burger.sc-stzh-header:hover,.stzh-header__search.sc-stzh-header:hover,.stzh-header__metanav-item.sc-stzh-header:hover{color:var(--stzh-color-black)}.stzh-header__burger.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);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);display:flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0;margin-right:var(--stzh-space-medium);gap:var(--stzh-space-medium);color:var(--stzh-color-primary70)}@media screen and (min-width: 600px){.stzh-header__burger.sc-stzh-header{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-header__burger.sc-stzh-header{margin-right:var(--stzh-space-xxxxlarge)}}.stzh-header__burger-icon.is-open.sc-stzh-header{display:none}.stzh-header__burger.is-open.sc-stzh-header .stzh-header__burger-icon.is-open.sc-stzh-header{display:inline-flex}.stzh-header__burger.is-open.sc-stzh-header .stzh-header__burger-icon.is-close.sc-stzh-header{display:none}.stzh-header__metabar-search.sc-stzh-header{overflow:hidden;margin-right:var(--stzh-space-medium);transition-property:width;transition-duration:var(--stzh-base-transition-animation-speed);width:2.5rem;max-width:21.5625rem}.stzh-header__metabar-search.sc-stzh-header:focus-within{width:100%}@media screen and (min-width: 600px){.stzh-header__metabar-search.sc-stzh-header{width:6rem;margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-header__metabar-search.sc-stzh-header{width:10rem;margin-left:0;margin-right:var(--stzh-space-xxxxlarge)}}.stzh-header__search.sc-stzh-header{position:relative;display:block;width:100%}.stzh-header__search-input.sc-stzh-header{width:100%;max-width:100%;background-color:transparent;color:transparent;font-family:inherit;font-size:inherit;border:none;padding:var(--stzh-space-xsmall);padding-left:0;padding-right:0;height:var(--stzh-form-input-small-height);transition-property:padding-left, padding-right, background-color, color;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-header__search-input.sc-stzh-header{color:var(--stzh-color-secondary60);padding-left:calc(var(--stzh-icon-size) + var(--stzh-space-medium))}}.stzh-header__search-input.sc-stzh-header:focus{color:var(--stzh-color-secondary60);background-color:var(--stzh-color-white);padding-left:calc(var(--stzh-space-medium) + var(--stzh-icon-size) + var(--stzh-space-medium));padding-right:var(--stzh-space-xlarge)}.stzh-header__search-input.sc-stzh-header:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-decoration,.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-cancel-button,.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-results-button,.stzh-header__search-input[type=search].sc-stzh-header::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-header__search-input.sc-stzh-header:focus~.stzh-header__search-icon.sc-stzh-header,.stzh-header__search-input.sc-stzh-header:focus~.stzh-header__search-text.sc-stzh-header{transform:translate(var(--stzh-space-medium), -50%)}.stzh-header__search-input.sc-stzh-header:focus~.stzh-header__search-text.sc-stzh-header{color:var(--stzh-color-grey70)}.stzh-header__search-text.sc-stzh-header,.stzh-header__search-icon.sc-stzh-header{position:absolute;top:50%;transform:translate(0, -50%);transition:transform var(--stzh-base-transition-animation-speed)}.stzh-header__search-icon.sc-stzh-header{left:0px}@media screen and (max-width: 599px){.stzh-header__search-icon.sc-stzh-header{transform:translate(0.5rem, -50%)}}.stzh-header__search-text.sc-stzh-header{pointer-events:none;left:calc(var(--stzh-icon-size) + var(--stzh-space-medium))}@media screen and (max-width: 599px){.stzh-header__search-text.sc-stzh-header{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-header__metabar-nav.sc-stzh-header{display:flex;align-items:center;margin-left:auto;gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-header__metabar-nav.sc-stzh-header{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-header__metabar-nav.sc-stzh-header{gap:var(--stzh-space-xxlarge)}}.stzh-header__metanav-popover.sc-stzh-header{--width:auto;--min-width:15.875rem}.stzh-header__metanav-popover.is-langnav.sc-stzh-header{--min-width:8.75rem}.stzh-header__metanav-item.sc-stzh-header{display:none;gap:var(--stzh-space-small);align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:0;border:none;text-decoration:none;font-size:100%;font-family:inherit;white-space:nowrap;min-width:2.5rem}@media screen and (min-width: 900px){.stzh-header__metanav-item.sc-stzh-header{display:flex}}.stzh-header__metanav-item[aria-expanded=true].sc-stzh-header{color:var(--stzh-color-primary70)}.stzh-header__metanav-item.is-heavy.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-header__metanav-item.is-stay.sc-stzh-header{display:flex}@media screen and (min-width: 900px){.stzh-header__metanav-item.is-popover-mobile.sc-stzh-header{display:none}}.stzh-header__metanav-item.is-popover-desktop.sc-stzh-header{display:none}@media screen and (min-width: 900px){.stzh-header__metanav-item.is-popover-desktop.sc-stzh-header{display:flex}}.stzh-header__metanav-menu-item.is-heavy.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-header__metanav-item-text.sc-stzh-header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-header__metanav-item-text.is-vhidden.sc-stzh-header{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}@media screen and (max-width: 599px){.stzh-header__metanav-item-text.has-no-short-label.sc-stzh-header{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}}@media screen and (max-width: 599px){.stzh-header__metanav-item-text-label-long.sc-stzh-header{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}}@media screen and (min-width: 600px){.stzh-header__metanav-item-text-label-short.sc-stzh-header{display:none}}.stzh-header__metanav-icon-wrapper.sc-stzh-header{position:relative;display:flex;align-items:center;justify-content:center}.stzh-header__metanav-icon-badge.sc-stzh-header{position:absolute;top:-0.25rem;right:-0.25rem}.stzh-header__metanav-icon.is-open.sc-stzh-header{display:none}.stzh-header__metanav-item[aria-expanded=true].sc-stzh-header .stzh-header__metanav-icon.is-open.sc-stzh-header{display:inline-flex}.stzh-header__metanav-item[aria-expanded=true].sc-stzh-header .stzh-header__metanav-icon.is-close.sc-stzh-header{display:none}.stzh-header__logobar.sc-stzh-header{display:flex}@media screen and (min-width: 1600px){.stzh-header__logobar.sc-stzh-header{margin-left:auto;margin-right:auto;width:84.25rem}}.stzh-header__logobar-logo.sc-stzh-header{box-sizing:content-box;display:flex;overflow:hidden;flex-shrink:0}.stzh-header__logobar-decoration.sc-stzh-header{background-color:var(--logobar-background-color);flex-grow:1}@media screen and (min-width: 1600px){.stzh-header__logobar-decoration.sc-stzh-header{width:calc((100% - 34.5625rem) + ((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2));margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-top:0.875rem;padding-bottom:0.6875rem;padding-left:1.25rem;display:inline-flex;width:18rem;height:4.125rem;transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__logo-link.sc-stzh-header{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-header__logo-link.sc-stzh-header{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__logo-link.sc-stzh-header{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__logo-link.sc-stzh-header{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-header__logo-link.sc-stzh-header{width:18.75rem;padding-left:2rem}}@media screen and (min-width: 900px){.stzh-header__logo-link.sc-stzh-header{width:24.9375rem;height:5.5rem;padding-top:1.125rem;padding-bottom:1.125rem;padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-header__logo-link.sc-stzh-header{width:38.5625rem;height:8.4375rem;padding-top:1.75rem;padding-bottom:1.5rem;padding-left:4rem}}@media screen and (min-width: 1600px){.stzh-header__logo-link.sc-stzh-header{width:34.5625rem;padding-left:0}}.stzh-header__flyout.sc-stzh-header{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);z-index:calc(var(--stzh-z-index-header) - 1);position:fixed;visibility:hidden;top:0;left:0;right:0;bottom:0;width:100dvw;height:100dvh;overflow:auto;transition:visibility var(--stzh-base-transition-animation-speed)}@media (min-height: 580px){.stzh-header__flyout.sc-stzh-header{overflow:hidden}}@media screen and (min-width: 900px){.stzh-header__flyout.sc-stzh-header{overflow:hidden}}.stzh-header__flyout-backdrop.sc-stzh-header{position:absolute;width:100%;height:100%;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-header__menu.sc-stzh-header{position:absolute;width:100%;height:auto;background-color:var(--stzh-color-secondary30);display:grid;grid-template-rows:auto auto;transition-property:opacity, transform;transition-duration:var(--stzh-base-transition-animation-speed);transform:translateX(-100%);opacity:0}@media (min-height: 580px){.stzh-header__menu.sc-stzh-header{height:100%;grid-template-rows:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-header__menu.sc-stzh-header{height:100%;grid-template-rows:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-header__menu.sc-stzh-header{width:20.9375rem}}@media screen and (min-width: 1260px){.stzh-header__menu.sc-stzh-header{width:23.375rem}}@media screen and (min-width: 1260px){.stzh-header__menu.sc-stzh-header{width:27.4375rem}}@media screen and (min-width: 1600px){.stzh-header__menu.sc-stzh-header{width:calc((27.4375rem - 4rem) + ((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2))}}.stzh-header__menu-nav.sc-stzh-header{position:relative;overflow-x:hidden;overflow-y:hidden}@media (min-height: 580px){.stzh-header__menu-nav.sc-stzh-header{overflow-y:auto}}@media screen and (min-width: 900px){.stzh-header__menu-nav.sc-stzh-header{overflow-y:auto;position:static}}.stzh-header__menu-metanav.sc-stzh-header{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xlarge);background-color:var(--stzh-color-secondary20)}@media screen and (min-width: 900px){.stzh-header__menu-metanav.sc-stzh-header{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-header__menu-metanav.sc-stzh-header{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-header__menu-metanav.sc-stzh-header{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-header__menu-metanav.sc-stzh-header{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-header__menu-metanav.sc-stzh-header{display:none}}.stzh-header__menu-metanav-nav.sc-stzh-header{max-width:23.4375rem}.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-metanav-list.sc-stzh-header{display:block;list-style:none;padding:0;margin:0}.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{padding-top:calc(var(--stzh-header-main-height) + var(--stzh-space-xxxlarge));padding-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 900px){.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{padding-top:calc(var(--stzh-header-main-height) + var(--stzh-space-huge))}}.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{overflow:auto;background-color:var(--stzh-color-secondary20);visibility:hidden;opacity:0;transform:translateX(100%);position:absolute;z-index:200;top:0;left:0;width:100%;height:100%;transition-property:opacity, visibility, transform;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{z-index:initial;width:19.6875rem;transform:none;left:100%;transition-property:opacity, visibility}}@media screen and (min-width: 1260px){.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{width:20.875rem}}@media screen and (min-width: 1600px){.stzh-header__menu-list.is-level-2.sc-stzh-header,.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{width:21.5625rem}}.stzh-header__menu-list.is-level-2.sc-stzh-header{height:-webkit-max-content;height:-moz-max-content;height:max-content}@media (min-height: 580px){.stzh-header__menu-list.is-level-2.sc-stzh-header{height:100%}}@media screen and (min-width: 900px){.stzh-header__menu-list.is-level-2.sc-stzh-header{height:100%}}.stzh-header__menu-metanav-list.is-level-2.sc-stzh-header{background-color:var(--stzh-color-secondary30);transform:none;transition-property:opacity, visibility}@media screen and (min-width: 900px){.stzh-header__menu-list.sc-stzh-header:where(:has(>.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-list).sc-stzh-header>.stzh-header__menu-list-item.sc-stzh-header>.stzh-header__menu-list).sc-stzh-header,.stzh-header__menu-list.sc-stzh-header:where(:has(>.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-list).sc-stzh-header>.stzh-header__menu-list-item.sc-stzh-header>.stzh-header__menu-list).sc-stzh-header{transition-delay:var(--stzh-base-transition-animation-speed)}}@media screen and (min-width: 900px){.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-list.sc-stzh-header,.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-list.sc-stzh-header{z-index:200;transition-delay:0ms;visibility:visible;opacity:1}}@media screen and (min-width: 900px){.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-item.sc-stzh-header{background-color:var(--stzh-color-secondary40)}}@media screen and (min-width: 900px){.stzh-header__menu-list-item.sc-stzh-header:hover>.stzh-header__menu-item.is-level-2.sc-stzh-header,.stzh-header__menu-list-item.is-open.sc-stzh-header>.stzh-header__menu-item.is-level-2.sc-stzh-header{background-color:var(--stzh-color-secondary10)}}@media screen and (max-width: 899px){.stzh-header__menu-nav.sc-stzh-header:has(.stzh-header__menu-list-item.is-open),.stzh-header__menu.sc-stzh-header:has(.stzh-header__menu-metanav-list-item.is-open) .stzh-header__menu-nav.sc-stzh-header,.stzh-header__menu-list.sc-stzh-header:has(.stzh-header__menu-list-item.is-open),.stzh-header__menu-metanav-list.sc-stzh-header:has(.stzh-header__menu-metanav-list-item.is-open){transition-property:visibility;transition-duration:0ms;transition-delay:var(--stzh-base-transition-animation-speed);visibility:hidden}}@media screen and (max-width: 899px){.stzh-header__menu-list-item.is-open.sc-stzh-header>.sc-stzh-header:where(.stzh-header__menu-list),.stzh-header__menu-metanav-list-item.is-open.sc-stzh-header>.sc-stzh-header:where(.stzh-header__menu-metanav-list){transform:translateX(0);opacity:1;visibility:visible}}.stzh-header__menu-list-item.sc-stzh-header,.stzh-header__menu-metanav-list-item.sc-stzh-header{display:grid}.stzh-header__menu-list-item.is-backlink.sc-stzh-header{display:block}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);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);text-align:left;display:flex;align-items:center;gap:var(--stzh-space-xsmall);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-decoration:none;background-color:transparent;color:var(--stzh-color-primary70);padding-left:var(--stzh-space-xxxlarge);padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small);padding-right:var(--stzh-space-large);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.is-title.sc-stzh-header{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);min-height:3.5rem}@media screen and (min-width: 900px){.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.is-title.sc-stzh-header{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-header__menu-item.sc-stzh-header,.stzh-header__menu-metanav-item.is-title.sc-stzh-header{padding-left:4rem}}@media screen and (min-width: 1600px){.stzh-header__menu-item.is-level-1.sc-stzh-header{padding-left:calc(((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2))}}@media screen and (min-width: 900px){.stzh-header__menu-item.has-items.sc-stzh-header{cursor:default}}.stzh-header__menu-item.is-level-2.sc-stzh-header{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);min-height:3rem}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.sc-stzh-header{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-header__menu-item.is-level-2.sc-stzh-header{padding-left:var(--stzh-space-xxlarge)}}.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-small);min-height:none;padding-left:1.25rem;padding-right:1.25rem;gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-header__menu-item.is-level-2.is-backlink.sc-stzh-header{display:none}}.stzh-header__menu-item.is-level-2.is-main.sc-stzh-header{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-bottom:var(--stzh-space-xlarge)}.stzh-header__menu-metanav-item.is-level-1.sc-stzh-header{min-height:2.75rem;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-header__menu-metanav-item.is-level-2.sc-stzh-header{min-height:3.5rem;gap:var(--stzh-space-medium);padding-right:var(--stzh-space-xxlarge)}.stzh-header__menu-metanav-item.is-title.sc-stzh-header{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);justify-content:space-between;padding-top:0;padding-bottom:0;padding-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge);cursor:default}.stzh-header__menu-metanav-item.is-language.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);justify-content:space-between}.stzh-header__menu-metanav-item.is-action.sc-stzh-header{display:grid;padding-right:var(--stzh-space-xxxlarge);margin-top:var(--stzh-space-xlarge)}.stzh-header__menu-metanav-item.is-hidden.sc-stzh-header{display:none}.stzh-header__menu-metanav-item.is-level-1.sc-stzh-header .stzh-header__menu-metanav-item-icon.sc-stzh-header{--size:var(--stzh-icon-size-small)}.stzh-header__menu-metanav-item-text.sc-stzh-header{display:flex;gap:var(--stzh-space-xsmall)}.stzh-header__menu-metanav-item-text.is-vhidden.sc-stzh-header{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-header__menu-metanav-item-counter.sc-stzh-header{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-header--is-search-filled.sc-stzh-header .stzh-header__search-text.sc-stzh-header{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-header--hide-logo.sc-stzh-header .stzh-header__logo-link.sc-stzh-header{opacity:0}@media screen and (min-width: 600px){.stzh-header--is-fixed.sc-stzh-header .stzh-header__inner.sc-stzh-header{transform:translateY(-100%);position:fixed;top:0;left:0;right:0;margin-top:calc(var(--stzh-header-logobar-height) / -1)}}@media screen and (max-width: 599px){.stzh-header--is-fixed.sc-stzh-header .stzh-header__main.sc-stzh-header{transform:translateY(-100%);position:fixed;top:0;left:0;right:0;margin-top:calc(var(--stzh-header-logobar-height) / -1)}}@media screen and (min-width: 600px){.stzh-header--is-fixed-transition.sc-stzh-header .stzh-header__inner.sc-stzh-header{transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.stzh-header--is-fixed-transition.sc-stzh-header .stzh-header__main.sc-stzh-header{transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed)}}.stzh-header--is-sticky-transition.sc-stzh-header .stzh-header__logobar.sc-stzh-header{transition-property:opacity, visibility;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-header--is-sticky-transition.sc-stzh-header .stzh-header__inner.sc-stzh-header,.stzh-header--is-sticky-transition.sc-stzh-header .stzh-header__main.sc-stzh-header{transition-property:transform, margin-top;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-header--is-sticky.sc-stzh-header .stzh-header__inner.sc-stzh-header{transform:translateY(0)}}@media screen and (max-width: 599px){.stzh-header--is-sticky.sc-stzh-header .stzh-header__main.sc-stzh-header{transform:translateY(0)}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar-mobile) .stzh-header__inner.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}@media screen and (max-width: 599px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar-mobile) .stzh-header__main.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}@media screen and (max-width: 899px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar-mobile) .stzh-header__metabar.sc-stzh-header{visibility:hidden}}@media screen and (min-width: 600px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar) .stzh-header__inner.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}@media screen and (max-width: 599px){.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar) .stzh-header__main.sc-stzh-header{margin-top:calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1)}}.stzh-header--is-sticky.sc-stzh-header:where(.stzh-header--has-empty-metabar) .stzh-header__metabar.sc-stzh-header{visibility:hidden}.stzh-header--is-sticky.sc-stzh-header .stzh-header__logobar.sc-stzh-header{visibility:hidden;opacity:0}.stzh-header--sticky-always-full.sc-stzh-header .stzh-header__inner.sc-stzh-header,.stzh-header--sticky-always-full.sc-stzh-header .stzh-header__main.sc-stzh-header{margin-top:0px}.stzh-header--sticky-always-full.sc-stzh-header .stzh-header__logobar.sc-stzh-header{visibility:visible;opacity:1}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout.sc-stzh-header{visibility:visible}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-backdrop.sc-stzh-header{opacity:1}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-scrollbar.sc-stzh-header{display:none;z-index:999;position:absolute;top:0;right:0;bottom:0;width:var(--stzh-scrollbar-width);background-color:var(--stzh-color-grey10);border-left:calc(0.5px * var(--stzh-scrollbar-active)) solid var(--stzh-color-grey30)}@media (min-height: 580px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-scrollbar.sc-stzh-header{display:block}}@media screen and (min-width: 900px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__flyout-scrollbar.sc-stzh-header{display:block}}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__menu.sc-stzh-header{opacity:1;transform:translateX(0)}@media screen and (min-width: 600px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__inner.sc-stzh-header{z-index:var(--stzh-z-index-header);transform:translateY(0);position:fixed;top:0;left:0;right:var(--stzh-scrollbar-width);margin-top:0}}@media screen and (max-width: 599px){.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__main.sc-stzh-header{z-index:var(--stzh-z-index-header);transform:translateY(0);position:fixed;top:0;left:0;right:var(--stzh-scrollbar-width);margin-top:0}}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__logobar.sc-stzh-header{opacity:1}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__logobar.sc-stzh-header,.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__metabar.sc-stzh-header{visibility:visible}.stzh-header--is-flyout-open.sc-stzh-header .stzh-header__logo-link.sc-stzh-header{opacity:1;transition:none}";
14
14
 
15
15
  const CLASS_BODY_OPEN = "stzh-header-open";
16
16
  const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends HTMLElement {
@@ -18,6 +18,7 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
18
18
  super();
19
19
  this.__registerHost();
20
20
  this.stzhMetanavItemClick = createEvent(this, "stzhMetanavItemClick", 7);
21
+ this.stzhMenuItemClick = createEvent(this, "stzhMenuItemClick", 7);
21
22
  this.stzhLanguageChange = createEvent(this, "stzhLanguageChange", 7);
22
23
  this.stzhSearchChange = createEvent(this, "stzhSearchChange", 7);
23
24
  this.stzhSearchChanged = createEvent(this, "stzhSearchChanged", 7);
@@ -54,12 +55,21 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
54
55
  this.updatePosition();
55
56
  };
56
57
  this.handleMetanavItemClick = (event, item) => {
58
+ this.flyoutOpen = false;
57
59
  this.stzhMetanavItemClick.emit({
58
60
  component: "stzh-header",
59
61
  item,
60
62
  originalEvent: event,
61
63
  });
62
64
  };
65
+ this.handleMenuItemClick = (event, item) => {
66
+ this.flyoutOpen = false;
67
+ this.stzhMenuItemClick.emit({
68
+ component: "stzh-header",
69
+ item,
70
+ originalEvent: event,
71
+ });
72
+ };
63
73
  this.handleSearchInput = (event) => {
64
74
  this.searchValue = this.searchInput.value;
65
75
  this.stzhSearchChange.emit({
@@ -139,6 +149,7 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
139
149
  this.sticky = "default";
140
150
  this.logoAnalyticsId = undefined;
141
151
  this.hideLogo = false;
152
+ this.headerHeight = undefined;
142
153
  this.paddingTop = undefined;
143
154
  this.stickyActive = false;
144
155
  this.flyoutOpen = false;
@@ -191,29 +202,43 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
191
202
  if (this.flyoutOpen) {
192
203
  return;
193
204
  }
194
- if (this.sticky === "disabled") {
205
+ const activateSticky = () => {
206
+ this.stickyActive = true;
207
+ document.documentElement.style.setProperty('--stzh-header-is-stuck', '1');
208
+ document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '0');
209
+ };
210
+ const disableSticky = () => {
195
211
  document.documentElement.style.setProperty('--stzh-header-is-stuck', '0');
196
212
  document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '1');
197
213
  this.stickyActive = false;
198
- return;
214
+ };
215
+ if (this.sticky === "disabled") {
216
+ disableSticky();
199
217
  }
200
- if (this.scrollingUp && this.belowStayStickyPoint) {
201
- if (!this.stickyActive && this.belowStartStickyPoint) {
202
- this.stickyActive = true;
203
- document.documentElement.style.setProperty('--stzh-header-is-stuck', '1');
204
- document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '0');
218
+ else if (this.sticky === "always-full") {
219
+ activateSticky();
220
+ }
221
+ else if (this.sticky === "always") {
222
+ if (this.belowStayStickyPoint) {
223
+ activateSticky();
224
+ }
225
+ else {
226
+ disableSticky();
205
227
  }
206
228
  }
207
229
  else {
208
- if (this.stickyActive && this.belowStayStickyPoint) {
209
- document.documentElement.style.setProperty('--stzh-header-is-stuck', '0');
210
- document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '1');
211
- this.stickyActive = false;
230
+ if (this.scrollingUp && this.belowStayStickyPoint) {
231
+ if (!this.stickyActive && this.belowStartStickyPoint) {
232
+ activateSticky();
233
+ }
212
234
  }
213
235
  else {
214
- document.documentElement.style.setProperty('--stzh-header-is-stuck', '0');
215
- document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '1');
216
- this.stickyActive = false;
236
+ if (this.stickyActive && this.belowStayStickyPoint) {
237
+ disableSticky();
238
+ }
239
+ else {
240
+ disableSticky();
241
+ }
217
242
  }
218
243
  }
219
244
  }
@@ -227,9 +252,12 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
227
252
  this.lastScrollY = this.currentScrollY;
228
253
  this.belowStayStickyPoint = this.currentScrollY > this.logobarHeight;
229
254
  this.belowStartStickyPoint = this.currentScrollY > this.headerHeight;
230
- this.fixed = this.belowStartStickyPoint || (this.scrollingUp && this.belowStayStickyPoint && this.stickyActive);
255
+ this.fixed = this.belowStartStickyPoint
256
+ || (this.scrollingUp && this.belowStayStickyPoint && this.stickyActive)
257
+ || (this.sticky === "always" && this.belowStayStickyPoint)
258
+ || this.sticky === "always-full";
231
259
  this.headerOverlap = (this.headerTop - this.currentScrollY) / -1;
232
- this.hideLogo = this.isMedium && this.headerOverlap > 1;
260
+ this.hideLogo = this.sticky !== "always-full" && this.isMedium && this.headerOverlap > 1;
233
261
  });
234
262
  writeTask(() => {
235
263
  this.updatePosition();
@@ -265,10 +293,10 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
265
293
  }
266
294
  }
267
295
  getSiblings() {
268
- if (!this.parentElement) {
296
+ if (!this._parentElement) {
269
297
  return [];
270
298
  }
271
- return Array.from(this.parentElement.children).filter((child) => child !== this.element);
299
+ return Array.from(this._parentElement.children).filter((child) => child !== this.element);
272
300
  }
273
301
  disableSiblings() {
274
302
  this.getSiblings().forEach((sibling) => {
@@ -400,7 +428,7 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
400
428
  }
401
429
  }
402
430
  connectedCallback() {
403
- this.parentElement = this.element.parentElement;
431
+ this._parentElement = this.element.parentElement;
404
432
  this.resizeObserver = new ResizeObserver(this.handleResize);
405
433
  this.resizeObserver.observe(this.element);
406
434
  }
@@ -417,11 +445,11 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
417
445
  const classes = {
418
446
  "stzh-header": true,
419
447
  "stzh-header--is-flyout-open": this.flyoutOpen,
420
- "stzh-header--is-sticky-disabled": this.sticky === "disabled",
421
448
  "stzh-header--is-search-filled": this.searchFilled,
422
449
  "stzh-header--is-fixed": this.fixed,
423
450
  "stzh-header--is-fixed-transition": this.fixedTransition,
424
451
  "stzh-header--is-sticky": this.stickyActive,
452
+ "stzh-header--is-sticky-transition": this.stickyActive && this.fixedTransition,
425
453
  "stzh-header--hide-logo": this.hideLogo,
426
454
  "stzh-header--has-empty-metabar-mobile": !metanavBeforeUsed && !metanavAfterUsed
427
455
  && this._metanavItems.filter(item => item.stay || item.stayAndShowInMobileMenu).length === 0
@@ -433,7 +461,8 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
433
461
  && this._metanavItems.length === 0
434
462
  && this._menuItems.length === 0
435
463
  && this._languages.length === 0
436
- && !this.searchAction
464
+ && !this.searchAction,
465
+ [`stzh-header--sticky-${this.sticky}`]: !!this.sticky,
437
466
  };
438
467
  const activeLanguage = this.languageActive || window.stzhComponents.utils.getLocale(this.element);
439
468
  const activeLanguageOption = ((_a = this._languages) === null || _a === void 0 ? void 0 : _a.find(({ value }) => value === activeLanguage)) || ((_b = this._languages) === null || _b === void 0 ? void 0 : _b[0]) || null;
@@ -448,9 +477,9 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
448
477
  h("span", { class: "stzh-header__metanav-icon-wrapper" }, item.icon && h("stzh-icon", { class: `stzh-header__metanav-icon ${item.iconOpen ? 'is-close' : ''}`, name: item.icon }), item.iconOpen && h("stzh-icon", { class: "stzh-header__metanav-icon is-open", name: item.iconOpen }), (item.badge || item.badgeEmpty) &&
449
478
  h("stzh-badge", { class: "stzh-header__metanav-icon-badge", label: item.badge, type: typeof item.badgeType === "undefined" ? "error" : item.badgeType }))));
450
479
  };
451
- return (h(Host, null, h("header", { class: classes }, h("div", { class: "stzh-header__header", style: { paddingTop: `${this.paddingTop}px` } }, h("div", { class: "stzh-header__inner" }, h("div", { class: "stzh-header__main", ref: (el) => (this.mainElement = el) }, h("div", { class: "stzh-header__logobar", ref: (el) => (this.logobarElement = el) }, h("div", { class: "stzh-header__logobar-logo" }, h("a", { href: this.href, class: "stzh-header__logo-link", "s-object-id": this.logoAnalyticsId || "Header Logo" }, h("slot", { name: "logo" }))), h("div", { class: "stzh-header__logobar-decoration" })), h("div", { class: "stzh-header__metabar", ref: (el) => (this.metabarElement = el) }, h("div", { class: "stzh-header__metabar-inner" }, this._menuItems.length > 0 &&
480
+ return (h(Host, null, h("header", { class: classes }, h("div", { class: "stzh-header__header", style: { paddingTop: `${this.paddingTop}px` } }, h("div", { class: "stzh-header__inner" }, h("div", { class: "stzh-header__main", ref: (el) => (this.mainElement = el) }, h("div", { class: "stzh-header__logobar", ref: (el) => (this.logobarElement = el) }, h("div", { class: "stzh-header__logobar-logo" }, h("a", { href: this.href, class: "stzh-header__logo-link", "s-object-id": this.logoAnalyticsId || "Header Logo" }, h("slot", { name: "logo" }))), h("div", { class: "stzh-header__logobar-decoration" })), h("div", { class: "stzh-header__metabar", ref: (el) => (this.metabarElement = el) }, h("div", { class: "stzh-header__metabar-inner" }, h("slot", { name: "menu-before" }), this._menuItems.length > 0 &&
452
481
  h("button", { id: this.menuId, class: `stzh-header__burger ${this.flyoutOpen && !this.flyoutOpenedByMetanavItem && "is-open"}`, onClick: this.handleBurgerClick }, h("stzh-icon", { class: "stzh-header__burger-icon is-close", name: "menu" }), h("stzh-icon", { class: "stzh-header__burger-icon is-open", name: "close" }), h("div", { class: "stzh-header__burger-text" }, this.localization.menuLabel)), this.searchAction &&
453
- h("form", { class: "stzh-header__metabar-search", action: this.searchAction, role: "search" }, h("label", { class: "stzh-header__search" }, h("input", { id: this.searchId, ref: (el) => (this.searchInput = el), class: "stzh-header__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput }), h("stzh-icon", { class: "stzh-header__search-icon", name: "search" }), h("div", { class: "stzh-header__search-text" }, this.localization.searchLabel))), h("div", { class: "stzh-header__metabar-nav", id: this.metanavId }, h("slot", { name: "metanav-before" }), this._metanavItems.map((item) => {
482
+ h("form", { class: "stzh-header__metabar-search", action: this.searchAction, role: "search" }, h("label", { class: "stzh-header__search" }, h("input", { id: this.searchId, ref: (el) => (this.searchInput = el), class: "stzh-header__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput }), h("stzh-icon", { class: "stzh-header__search-icon", name: "search" }), h("div", { class: "stzh-header__search-text" }, this.localization.searchLabel))), h("slot", { name: "menu-after" }), h("div", { class: "stzh-header__metabar-nav", id: this.metanavId }, h("slot", { name: "metanav-before" }), this._metanavItems.map((item) => {
454
483
  var _a, _b;
455
484
  return (((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 || item.itemButton)
456
485
  ?
@@ -517,8 +546,8 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
517
546
  ? () => this.closeMenuItem()
518
547
  : (e) => this.openMenuItem(e, item) }, item.label)
519
548
  :
520
- h("a", { href: item.href, class: "stzh-header__menu-item is-level-1" }, item.label), ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
521
- h("ul", { id: item.id, class: "stzh-header__menu-list is-level-2", onFocusout: this.handleMenuListFocusout }, h("li", { class: "stzh-header__menu-list-item is-backlink" }, h("button", { class: "stzh-header__menu-item is-level-2 is-backlink", onClick: () => this.closeMenuItem() }, h("stzh-icon", { name: "angle-left" }), h("span", null, this.menuBackLabel ? this.menuBackLabel : this.localization.menuBackLabel))), h("li", { class: "stzh-header__menu-list-item" }, h("a", { href: item.href, class: "stzh-header__menu-item is-level-2 is-main" }, item.label)), item.items.map((item) => h("li", { class: "stzh-header__menu-list-item" }, h("a", { href: item.href, class: "stzh-header__menu-item is-level-2" }, item.label)))));
549
+ h("a", { href: item.href, onClick: (e) => this.handleMenuItemClick(e, item), class: "stzh-header__menu-item is-level-1" }, item.label), ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
550
+ h("ul", { id: item.id, class: "stzh-header__menu-list is-level-2", onFocusout: this.handleMenuListFocusout }, h("li", { class: "stzh-header__menu-list-item is-backlink" }, h("button", { class: "stzh-header__menu-item is-level-2 is-backlink", onClick: () => this.closeMenuItem() }, h("stzh-icon", { name: "angle-left" }), h("span", null, this.menuBackLabel ? this.menuBackLabel : this.localization.menuBackLabel))), h("li", { class: "stzh-header__menu-list-item" }, h("a", { href: item.href, onClick: (e) => this.handleMenuItemClick(e, item), class: "stzh-header__menu-item is-level-2 is-main" }, item.label)), item.items.map((item) => h("li", { class: "stzh-header__menu-list-item" }, h("a", { href: item.href, onClick: (e) => this.handleMenuItemClick(e, item), class: "stzh-header__menu-item is-level-2" }, item.label)))));
522
551
  }))), (((_d = this._metanavItems) === null || _d === void 0 ? void 0 : _d.length) > 0 || ((_e = this._languages) === null || _e === void 0 ? void 0 : _e.length) > 0) &&
523
552
  h("div", { class: "stzh-header__menu-metanav" }, h("nav", { class: "stzh-header__menu-metanav-nav" }, h("ul", { class: "stzh-header__menu-metanav-list is-level-1" }, this._metanavItems.map((item) => {
524
553
  var _a, _b, _c;
@@ -566,6 +595,7 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
566
595
  static get watchers() { return {
567
596
  "flyoutOpen": ["flyoutOpenWatcher", "fixedWatcher"],
568
597
  "fixed": ["fixedWatcher"],
598
+ "headerHeight": ["fixedWatcher"],
569
599
  "sticky": ["stickyWatcher"],
570
600
  "searchValue": ["searchValueWatcher"],
571
601
  "menuItems": ["menuItemsWatcher"],
@@ -594,6 +624,7 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
594
624
  "sticky": [1],
595
625
  "logoAnalyticsId": [1, "logo-analytics-id"],
596
626
  "hideLogo": [32],
627
+ "headerHeight": [32],
597
628
  "paddingTop": [32],
598
629
  "stickyActive": [32],
599
630
  "flyoutOpen": [32],
@@ -607,6 +638,7 @@ const StzhHeader$1 = /*@__PURE__*/ proxyCustomElement(class StzhHeader extends H
607
638
  }, [[4, "keydown", "handleKeydown"], [9, "scroll", "scrollListener"]], {
608
639
  "flyoutOpen": ["flyoutOpenWatcher", "fixedWatcher"],
609
640
  "fixed": ["fixedWatcher"],
641
+ "headerHeight": ["fixedWatcher"],
610
642
  "sticky": ["stickyWatcher"],
611
643
  "searchValue": ["searchValueWatcher"],
612
644
  "menuItems": ["menuItemsWatcher"],