@oiz/stzh-components 3.0.0-beta4 → 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 (590) hide show
  1. package/dist/cjs/{app-globals-5897b76e.js → app-globals-82cc9313.js} +2 -2
  2. package/dist/cjs/{app-globals-5897b76e.js.map → app-globals-82cc9313.js.map} +1 -1
  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-badge_3.cjs.entry.js +8 -0
  8. package/dist/cjs/stzh-badge_3.cjs.entry.js.map +1 -1
  9. package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js +12 -3
  10. package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js.map +1 -1
  11. package/dist/cjs/stzh-calendar.cjs.entry.js +1 -1
  12. package/dist/cjs/stzh-calendar.cjs.entry.js.map +1 -1
  13. package/dist/cjs/stzh-card-navigation.cjs.entry.js +2 -1
  14. package/dist/cjs/stzh-card-navigation.cjs.entry.js.map +1 -1
  15. package/dist/cjs/stzh-card-searchresult.cjs.entry.js +21 -32
  16. package/dist/cjs/stzh-card-searchresult.cjs.entry.js.map +1 -1
  17. package/dist/cjs/stzh-card-superteaser.cjs.entry.js +146 -0
  18. package/dist/cjs/stzh-card-superteaser.cjs.entry.js.map +1 -0
  19. package/dist/cjs/stzh-card_3.cjs.entry.js +72 -29
  20. package/dist/cjs/stzh-card_3.cjs.entry.js.map +1 -1
  21. package/dist/cjs/stzh-checkbox.cjs.entry.js +1 -1
  22. package/dist/cjs/stzh-checkbox.cjs.entry.js.map +1 -1
  23. package/dist/cjs/stzh-chip.cjs.entry.js +7 -2
  24. package/dist/cjs/stzh-chip.cjs.entry.js.map +1 -1
  25. package/dist/cjs/stzh-components.cjs.js +2 -2
  26. package/dist/cjs/stzh-contact.cjs.entry.js +7 -2
  27. package/dist/cjs/stzh-contact.cjs.entry.js.map +1 -1
  28. package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
  29. package/dist/cjs/stzh-cspace.cjs.entry.js.map +1 -1
  30. package/dist/cjs/stzh-cta.cjs.entry.js +10 -2
  31. package/dist/cjs/stzh-cta.cjs.entry.js.map +1 -1
  32. package/dist/cjs/stzh-datalist_2.cjs.entry.js +26 -16
  33. package/dist/cjs/stzh-datalist_2.cjs.entry.js.map +1 -1
  34. package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js +2 -1
  35. package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js.map +1 -1
  36. package/dist/cjs/stzh-datatable.cjs.entry.js +1 -1
  37. package/dist/cjs/stzh-datatable.cjs.entry.js.map +1 -1
  38. package/dist/cjs/stzh-datepicker_3.cjs.entry.js +1 -1
  39. package/dist/cjs/stzh-datepicker_3.cjs.entry.js.map +1 -1
  40. package/dist/cjs/stzh-daterange.cjs.entry.js +107 -0
  41. package/dist/cjs/stzh-daterange.cjs.entry.js.map +1 -0
  42. package/dist/cjs/{stzh-message.cjs.entry.js → stzh-details_2.cjs.entry.js} +155 -1
  43. package/dist/cjs/stzh-details_2.cjs.entry.js.map +1 -0
  44. package/dist/cjs/stzh-dropdown.cjs.entry.js +6 -3
  45. package/dist/cjs/stzh-dropdown.cjs.entry.js.map +1 -1
  46. package/dist/cjs/stzh-fieldset.cjs.entry.js +1 -1
  47. package/dist/cjs/stzh-fieldset.cjs.entry.js.map +1 -1
  48. package/dist/cjs/stzh-ghettobox_3.cjs.entry.js +2 -3
  49. package/dist/cjs/stzh-ghettobox_3.cjs.entry.js.map +1 -1
  50. package/dist/cjs/stzh-header.cjs.entry.js +49 -29
  51. package/dist/cjs/stzh-header.cjs.entry.js.map +1 -1
  52. package/dist/cjs/stzh-heading.cjs.entry.js +1 -1
  53. package/dist/cjs/stzh-heading.cjs.entry.js.map +1 -1
  54. package/dist/cjs/stzh-input.cjs.entry.js.map +1 -1
  55. package/dist/cjs/stzh-link.cjs.entry.js +10 -2
  56. package/dist/cjs/stzh-link.cjs.entry.js.map +1 -1
  57. package/dist/cjs/stzh-menu_2.cjs.entry.js +10 -2
  58. package/dist/cjs/stzh-menu_2.cjs.entry.js.map +1 -1
  59. package/dist/cjs/stzh-microsite-teaserlist.cjs.entry.js +2 -2
  60. package/dist/cjs/stzh-microsite-teaserlist.cjs.entry.js.map +1 -1
  61. package/dist/cjs/stzh-pagebottom.cjs.entry.js +1 -1
  62. package/dist/cjs/stzh-pagebottom.cjs.entry.js.map +1 -1
  63. package/dist/cjs/stzh-popover_2.cjs.entry.js +1 -1
  64. package/dist/cjs/stzh-popover_2.cjs.entry.js.map +1 -1
  65. package/dist/cjs/stzh-search.cjs.entry.js +83 -67
  66. package/dist/cjs/stzh-search.cjs.entry.js.map +1 -1
  67. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js +1 -1
  68. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js.map +1 -1
  69. package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js +1 -1
  70. package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js.map +1 -1
  71. package/dist/cjs/stzh-table.cjs.entry.js +1 -1
  72. package/dist/cjs/stzh-table.cjs.entry.js.map +1 -1
  73. package/dist/cjs/stzh-vbz-carousel.cjs.entry.js +1 -1
  74. package/dist/cjs/stzh-vbz-carousel.cjs.entry.js.map +1 -1
  75. package/dist/collection/assets/fonts/HelveticaNeueLTW05_66MediumIt.woff2 +0 -0
  76. package/dist/collection/assets/fonts.css +7 -0
  77. package/dist/collection/assets/i18n/de.json +10 -3
  78. package/dist/collection/assets/i18n/en.json +10 -3
  79. package/dist/collection/collection-manifest.json +2 -0
  80. package/dist/collection/components/stzh-accordion/stzh-accordion.css +4 -1
  81. package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.css +4 -1
  82. package/dist/collection/components/stzh-actions/stzh-actions.css +4 -1
  83. package/dist/collection/components/stzh-actions/stzh-actions.js +2 -2
  84. package/dist/collection/components/stzh-actions/stzh-actions.js.map +1 -1
  85. package/dist/collection/components/stzh-actionset/stzh-actionset.css +4 -1
  86. package/dist/collection/components/stzh-amount/stzh-amount.css +4 -1
  87. package/dist/collection/components/stzh-anchornav/stzh-anchornav.css +4 -1
  88. package/dist/collection/components/stzh-appointments/stzh-appointments.css +4 -1
  89. package/dist/collection/components/stzh-archivelist/stzh-archivelist.css +4 -1
  90. package/dist/collection/components/stzh-audio/stzh-audio.css +4 -1
  91. package/dist/collection/components/stzh-badge/stzh-badge.css +4 -1
  92. package/dist/collection/components/stzh-banner/stzh-banner.css +4 -1
  93. package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.css +5 -1
  94. package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.js +32 -1
  95. package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.js.map +1 -1
  96. package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.stories.js +3 -0
  97. package/dist/collection/components/stzh-button/stzh-button.css +4 -1
  98. package/dist/collection/components/stzh-button/stzh-button.js +34 -6
  99. package/dist/collection/components/stzh-button/stzh-button.js.map +1 -1
  100. package/dist/collection/components/stzh-button/stzh-button.stories.js +1 -1
  101. package/dist/collection/components/stzh-buttongroup/stzh-buttongroup.css +4 -1
  102. package/dist/collection/components/stzh-calendar/stzh-calendar.css +5 -1
  103. package/dist/collection/components/stzh-card/stzh-card.css +4 -1
  104. package/dist/collection/components/stzh-card/stzh-card.js +3 -2
  105. package/dist/collection/components/stzh-card/stzh-card.js.map +1 -1
  106. package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.css +4 -1
  107. package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js +3 -2
  108. package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js.map +1 -1
  109. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.css +53 -36
  110. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js +72 -44
  111. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js.map +1 -1
  112. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.stories.js +38 -22
  113. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.css +437 -0
  114. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.e2e.js +31 -0
  115. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.e2e.js.map +1 -0
  116. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.js +591 -0
  117. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.js.map +1 -0
  118. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.localization.js +2 -0
  119. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.localization.js.map +1 -0
  120. package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.stories.js +222 -0
  121. package/dist/collection/components/stzh-cardlist/stzh-cardlist.css +12 -4
  122. package/dist/collection/components/stzh-carousel/stzh-carousel.css +4 -1
  123. package/dist/collection/components/stzh-cell/stzh-cell.css +4 -1
  124. package/dist/collection/components/stzh-chart/stzh-chart.css +4 -1
  125. package/dist/collection/components/stzh-checkbox/stzh-checkbox.css +5 -1
  126. package/dist/collection/components/stzh-checkboxgroup/stzh-checkboxgroup.css +4 -1
  127. package/dist/collection/components/stzh-chip/stzh-chip.css +184 -25
  128. package/dist/collection/components/stzh-chip/stzh-chip.js +99 -2
  129. package/dist/collection/components/stzh-chip/stzh-chip.js.map +1 -1
  130. package/dist/collection/components/stzh-chipgroup/stzh-chipgroup.css +4 -1
  131. package/dist/collection/components/stzh-chipselect/stzh-chipselect.css +50 -20
  132. package/dist/collection/components/stzh-chipselect/stzh-chipselect.js +111 -31
  133. package/dist/collection/components/stzh-chipselect/stzh-chipselect.js.map +1 -1
  134. package/dist/collection/components/stzh-clamp/stzh-clamp.css +4 -1
  135. package/dist/collection/components/stzh-contact/stzh-contact.css +11 -6
  136. package/dist/collection/components/stzh-contact/stzh-contact.js +24 -1
  137. package/dist/collection/components/stzh-contact/stzh-contact.js.map +1 -1
  138. package/dist/collection/components/stzh-container/stzh-container.css +4 -1
  139. package/dist/collection/components/stzh-content/stzh-content.css +4 -1
  140. package/dist/collection/components/stzh-cspace/stzh-cspace.css +13 -7
  141. package/dist/collection/components/stzh-cta/stzh-cta.css +6 -3
  142. package/dist/collection/components/stzh-cta/stzh-cta.js +31 -3
  143. package/dist/collection/components/stzh-cta/stzh-cta.js.map +1 -1
  144. package/dist/collection/components/stzh-cta/stzh-cta.stories.js +4 -1
  145. package/dist/collection/components/stzh-datalist/stzh-datalist.css +6 -1
  146. package/dist/collection/components/stzh-datalist/stzh-datalist.stories.js +27 -8
  147. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css +7 -2
  148. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js +62 -14
  149. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js.map +1 -1
  150. package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.stories.js +1 -1
  151. package/dist/collection/components/stzh-datamessagelist/stzh-datamessagelist.css +4 -1
  152. package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.css +4 -1
  153. package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.js +3 -2
  154. package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.js.map +1 -1
  155. package/dist/collection/components/stzh-datatable/stzh-datatable.css +7 -4
  156. package/dist/collection/components/stzh-datepicker/stzh-datepicker.css +4 -1
  157. package/dist/collection/components/stzh-daterange/stzh-daterange.css +256 -0
  158. package/dist/collection/components/stzh-daterange/stzh-daterange.e2e.js +18 -0
  159. package/dist/collection/components/stzh-daterange/stzh-daterange.e2e.js.map +1 -0
  160. package/dist/collection/components/stzh-daterange/stzh-daterange.js +178 -0
  161. package/dist/collection/components/stzh-daterange/stzh-daterange.js.map +1 -0
  162. package/dist/collection/components/stzh-daterange/stzh-daterange.localization.js +2 -0
  163. package/dist/collection/components/stzh-daterange/stzh-daterange.localization.js.map +1 -0
  164. package/dist/collection/components/stzh-daterange/stzh-daterange.stories.js +51 -0
  165. package/dist/collection/components/stzh-details/stzh-details.css +4 -1
  166. package/dist/collection/components/stzh-dialog/stzh-dialog.css +4 -1
  167. package/dist/collection/components/stzh-disturber/stzh-disturber.css +4 -1
  168. package/dist/collection/components/stzh-dropdown/stzh-dropdown.css +453 -62
  169. package/dist/collection/components/stzh-dropdown/stzh-dropdown.e2e.js +1 -0
  170. package/dist/collection/components/stzh-dropdown/stzh-dropdown.e2e.js.map +1 -1
  171. package/dist/collection/components/stzh-dropdown/stzh-dropdown.js +16 -13
  172. package/dist/collection/components/stzh-dropdown/stzh-dropdown.js.map +1 -1
  173. package/dist/collection/components/stzh-dropdown/stzh-dropdown.stories.js +17 -0
  174. package/dist/collection/components/stzh-editor/stzh-editor.css +4 -1
  175. package/dist/collection/components/stzh-eventinfo/stzh-eventinfo.css +4 -1
  176. package/dist/collection/components/stzh-fieldset/stzh-fieldset.css +75 -6
  177. package/dist/collection/components/stzh-figure/stzh-figure.css +4 -1
  178. package/dist/collection/components/stzh-flyingfocus/stzh-flyingfocus.css +4 -1
  179. package/dist/collection/components/stzh-footer/stzh-footer.css +4 -1
  180. package/dist/collection/components/stzh-gallery/stzh-gallery.css +4 -1
  181. package/dist/collection/components/stzh-ghettobox/stzh-ghettobox.css +7 -9
  182. package/dist/collection/components/stzh-header/stzh-header.css +9 -6
  183. package/dist/collection/components/stzh-header/stzh-header.js +72 -30
  184. package/dist/collection/components/stzh-header/stzh-header.js.map +1 -1
  185. package/dist/collection/components/stzh-header/stzh-header.stories.js +1 -0
  186. package/dist/collection/components/stzh-heading/stzh-heading.css +26 -1
  187. package/dist/collection/components/stzh-hr/stzh-hr.css +4 -1
  188. package/dist/collection/components/stzh-hspace/stzh-hspace.css +4 -1
  189. package/dist/collection/components/stzh-icon/stzh-icon.css +4 -1
  190. package/dist/collection/components/stzh-iframe/stzh-iframe.css +4 -1
  191. package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.css +4 -1
  192. package/dist/collection/components/stzh-input/stzh-input.css +4 -1
  193. package/dist/collection/components/stzh-invert/stzh-invert.css +4 -1
  194. package/dist/collection/components/stzh-link/stzh-link.css +4 -1
  195. package/dist/collection/components/stzh-link/stzh-link.js +34 -6
  196. package/dist/collection/components/stzh-link/stzh-link.js.map +1 -1
  197. package/dist/collection/components/stzh-link/stzh-link.stories.js +1 -1
  198. package/dist/collection/components/stzh-list/stzh-list.css +4 -1
  199. package/dist/collection/components/stzh-list-item/stzh-list-item.css +4 -1
  200. package/dist/collection/components/stzh-loader/stzh-loader.css +4 -1
  201. package/dist/collection/components/stzh-loadingbar/stzh-loadingbar.css +4 -1
  202. package/dist/collection/components/stzh-menu/stzh-menu.css +4 -1
  203. package/dist/collection/components/stzh-menu-item/stzh-menu-item.css +4 -1
  204. package/dist/collection/components/stzh-menu-item/stzh-menu-item.js +31 -3
  205. package/dist/collection/components/stzh-menu-item/stzh-menu-item.js.map +1 -1
  206. package/dist/collection/components/stzh-menu-item/stzh-menu-item.stories.js +1 -1
  207. package/dist/collection/components/stzh-message/stzh-message.css +4 -1
  208. package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.css +4 -1
  209. package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js +2 -2
  210. package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js.map +1 -1
  211. package/dist/collection/components/stzh-monthyearpicker/stzh-monthyearpicker.css +4 -1
  212. package/dist/collection/components/stzh-olmap/stzh-olmap.css +4 -1
  213. package/dist/collection/components/stzh-overlay/stzh-overlay.css +4 -1
  214. package/dist/collection/components/stzh-page-skiplinks/stzh-page-skiplinks.css +4 -1
  215. package/dist/collection/components/stzh-pagebottom/stzh-pagebottom.css +5 -2
  216. package/dist/collection/components/stzh-pagecontent/stzh-pagecontent.css +4 -1
  217. package/dist/collection/components/stzh-pagetitle/stzh-pagetitle.css +4 -1
  218. package/dist/collection/components/stzh-pagetitle-hero/stzh-pagetitle-hero.css +4 -1
  219. package/dist/collection/components/stzh-pagination/stzh-pagination.css +4 -1
  220. package/dist/collection/components/stzh-panorama/stzh-panorama.css +4 -1
  221. package/dist/collection/components/stzh-popover/stzh-popover.css +4 -1
  222. package/dist/collection/components/stzh-print/stzh-print.css +4 -1
  223. package/dist/collection/components/stzh-progressbar/stzh-progressbar.css +4 -1
  224. package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.css +4 -1
  225. package/dist/collection/components/stzh-radio/stzh-radio.css +5 -1
  226. package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.css +4 -1
  227. package/dist/collection/components/stzh-ratio/stzh-ratio.css +4 -1
  228. package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.css +4 -1
  229. package/dist/collection/components/stzh-richtext/stzh-richtext.css +10 -7
  230. package/dist/collection/components/stzh-row/stzh-row.css +4 -1
  231. package/dist/collection/components/stzh-saptcha/stzh-saptcha.css +4 -1
  232. package/dist/collection/components/stzh-scrollup/stzh-scrollup.css +4 -1
  233. package/dist/collection/components/stzh-search/stzh-search.css +25 -22
  234. package/dist/collection/components/stzh-search/stzh-search.js +120 -67
  235. package/dist/collection/components/stzh-search/stzh-search.js.map +1 -1
  236. package/dist/collection/components/stzh-search/stzh-search.localization.js.map +1 -1
  237. package/dist/collection/components/stzh-search/stzh-search.stories.js +108 -39
  238. package/dist/collection/components/stzh-section/stzh-section.css +4 -1
  239. package/dist/collection/components/stzh-share/stzh-share.css +4 -1
  240. package/dist/collection/components/stzh-show/stzh-show.css +4 -1
  241. package/dist/collection/components/stzh-show/stzh-show.js +0 -1
  242. package/dist/collection/components/stzh-show/stzh-show.js.map +1 -1
  243. package/dist/collection/components/stzh-sitemap/stzh-sitemap.css +4 -1
  244. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.css +26 -17
  245. package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.css +13 -10
  246. package/dist/collection/components/stzh-skiplink/stzh-skiplink.css +4 -1
  247. package/dist/collection/components/stzh-sortable/stzh-sortable.css +4 -1
  248. package/dist/collection/components/stzh-space/stzh-space.css +4 -1
  249. package/dist/collection/components/stzh-status/stzh-status.css +4 -1
  250. package/dist/collection/components/stzh-sticky/stzh-sticky.css +4 -1
  251. package/dist/collection/components/stzh-sticky-actions/stzh-sticky-actions.css +4 -1
  252. package/dist/collection/components/stzh-table/stzh-table.css +7 -4
  253. package/dist/collection/components/stzh-tag/stzh-tag.css +4 -1
  254. package/dist/collection/components/stzh-tag/stzh-tag.js +3 -2
  255. package/dist/collection/components/stzh-tag/stzh-tag.js.map +1 -1
  256. package/dist/collection/components/stzh-text/stzh-text.css +9 -1
  257. package/dist/collection/components/stzh-textandimage/stzh-textandimage.css +4 -1
  258. package/dist/collection/components/stzh-timeline/stzh-timeline.css +4 -1
  259. package/dist/collection/components/stzh-timeline-item/stzh-timeline-item.css +4 -1
  260. package/dist/collection/components/stzh-timepicker/stzh-timepicker.css +4 -1
  261. package/dist/collection/components/stzh-toast/stzh-toast.css +4 -1
  262. package/dist/collection/components/stzh-toastbar/stzh-toastbar.css +4 -1
  263. package/dist/collection/components/stzh-toggle/stzh-toggle.css +4 -1
  264. package/dist/collection/components/stzh-tooltip/stzh-tooltip.css +4 -1
  265. package/dist/collection/components/stzh-twocolumns/stzh-twocolumns.css +4 -1
  266. package/dist/collection/components/stzh-upload/stzh-upload.css +4 -1
  267. package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.css +8 -5
  268. package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.js.map +1 -1
  269. package/dist/collection/components/stzh-vbz-linechip/stzh-vbz-linechip.css +4 -1
  270. package/dist/collection/components/stzh-vbz-majorticker/stzh-vbz-majorticker.css +4 -1
  271. package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.css +4 -1
  272. package/dist/collection/components/stzh-visuallyhidden/stzh-visuallyhidden.css +4 -1
  273. package/dist/collection/components/stzh-vspace/stzh-vspace.css +4 -1
  274. package/dist/collection/components/stzh-youtube/stzh-youtube.css +4 -1
  275. package/dist/collection/index.js.map +1 -1
  276. package/dist/components/index.js +1 -1
  277. package/dist/components/index2.js.map +1 -1
  278. package/dist/components/stzh-actions.js.map +1 -1
  279. package/dist/components/stzh-breadcrumb2.js +11 -3
  280. package/dist/components/stzh-breadcrumb2.js.map +1 -1
  281. package/dist/components/stzh-button2.js +8 -0
  282. package/dist/components/stzh-button2.js.map +1 -1
  283. package/dist/components/stzh-calendar2.js +1 -1
  284. package/dist/components/stzh-calendar2.js.map +1 -1
  285. package/dist/components/stzh-card-navigation.js +2 -1
  286. package/dist/components/stzh-card-navigation.js.map +1 -1
  287. package/dist/components/stzh-card-searchresult.js +73 -47
  288. package/dist/components/stzh-card-searchresult.js.map +1 -1
  289. package/dist/components/stzh-card-superteaser.d.ts +11 -0
  290. package/dist/components/stzh-card-superteaser.js +256 -0
  291. package/dist/components/stzh-card-superteaser.js.map +1 -0
  292. package/dist/components/stzh-card2.js +2 -1
  293. package/dist/components/stzh-card2.js.map +1 -1
  294. package/dist/components/stzh-cardlist2.js +1 -1
  295. package/dist/components/stzh-cardlist2.js.map +1 -1
  296. package/dist/components/stzh-checkbox.js +1 -1
  297. package/dist/components/stzh-checkbox.js.map +1 -1
  298. package/dist/components/stzh-chip2.js +11 -2
  299. package/dist/components/stzh-chip2.js.map +1 -1
  300. package/dist/components/stzh-chipselect2.js +78 -39
  301. package/dist/components/stzh-chipselect2.js.map +1 -1
  302. package/dist/components/stzh-contact.js +8 -2
  303. package/dist/components/stzh-contact.js.map +1 -1
  304. package/dist/components/stzh-cspace.js +1 -1
  305. package/dist/components/stzh-cspace.js.map +1 -1
  306. package/dist/components/stzh-cta.js +10 -2
  307. package/dist/components/stzh-cta.js.map +1 -1
  308. package/dist/components/stzh-datalist-item2.js +26 -15
  309. package/dist/components/stzh-datalist-item2.js.map +1 -1
  310. package/dist/components/stzh-datalist2.js +1 -1
  311. package/dist/components/stzh-datalist2.js.map +1 -1
  312. package/dist/components/stzh-datamessagelist-item.js +2 -1
  313. package/dist/components/stzh-datamessagelist-item.js.map +1 -1
  314. package/dist/components/stzh-datatable.js +1 -1
  315. package/dist/components/stzh-datatable.js.map +1 -1
  316. package/dist/components/stzh-daterange.d.ts +11 -0
  317. package/dist/components/stzh-daterange.js +143 -0
  318. package/dist/components/stzh-daterange.js.map +1 -0
  319. package/dist/components/stzh-dropdown2.js +6 -3
  320. package/dist/components/stzh-dropdown2.js.map +1 -1
  321. package/dist/components/stzh-fieldset.js +1 -1
  322. package/dist/components/stzh-fieldset.js.map +1 -1
  323. package/dist/components/stzh-ghettobox2.js +1 -1
  324. package/dist/components/stzh-ghettobox2.js.map +1 -1
  325. package/dist/components/stzh-header.js +49 -29
  326. package/dist/components/stzh-header.js.map +1 -1
  327. package/dist/components/stzh-heading2.js +1 -1
  328. package/dist/components/stzh-heading2.js.map +1 -1
  329. package/dist/components/stzh-input2.js.map +1 -1
  330. package/dist/components/stzh-link2.js +10 -2
  331. package/dist/components/stzh-link2.js.map +1 -1
  332. package/dist/components/stzh-menu-item2.js +10 -2
  333. package/dist/components/stzh-menu-item2.js.map +1 -1
  334. package/dist/components/stzh-message.js +1 -92
  335. package/dist/components/stzh-message.js.map +1 -1
  336. package/dist/{esm/stzh-message.entry.js → components/stzh-message2.js} +50 -9
  337. package/dist/components/stzh-message2.js.map +1 -0
  338. package/dist/components/stzh-microsite-teaserlist.js +18 -24
  339. package/dist/components/stzh-microsite-teaserlist.js.map +1 -1
  340. package/dist/components/stzh-pagebottom.js +1 -1
  341. package/dist/components/stzh-pagebottom.js.map +1 -1
  342. package/dist/components/stzh-radio2.js +1 -1
  343. package/dist/components/stzh-radio2.js.map +1 -1
  344. package/dist/components/stzh-richtext2.js +1 -1
  345. package/dist/components/stzh-richtext2.js.map +1 -1
  346. package/dist/components/stzh-search.js +106 -81
  347. package/dist/components/stzh-search.js.map +1 -1
  348. package/dist/components/stzh-show2.js +0 -1
  349. package/dist/components/stzh-show2.js.map +1 -1
  350. package/dist/components/stzh-skin-portal-mitwirken.js +1 -1
  351. package/dist/components/stzh-skin-portal-mitwirken.js.map +1 -1
  352. package/dist/components/stzh-skin-storybook-preview.js +1 -1
  353. package/dist/components/stzh-skin-storybook-preview.js.map +1 -1
  354. package/dist/components/stzh-table.js +1 -1
  355. package/dist/components/stzh-table.js.map +1 -1
  356. package/dist/components/stzh-tag2.js +2 -1
  357. package/dist/components/stzh-tag2.js.map +1 -1
  358. package/dist/components/stzh-text2.js +1 -1
  359. package/dist/components/stzh-text2.js.map +1 -1
  360. package/dist/components/stzh-vbz-carousel.js +1 -1
  361. package/dist/components/stzh-vbz-carousel.js.map +1 -1
  362. package/dist/esm/{app-globals-6a7ed0f4.js → app-globals-d7eff0a5.js} +2 -2
  363. package/dist/esm/{app-globals-6a7ed0f4.js.map → app-globals-d7eff0a5.js.map} +1 -1
  364. package/dist/esm/index-e3050b18.js +20 -16
  365. package/dist/esm/index.js.map +1 -1
  366. package/dist/esm/loader.js +2 -2
  367. package/dist/esm/stzh-actions.entry.js.map +1 -1
  368. package/dist/esm/stzh-badge_3.entry.js +8 -0
  369. package/dist/esm/stzh-badge_3.entry.js.map +1 -1
  370. package/dist/esm/stzh-breadcrumb_2.entry.js +13 -4
  371. package/dist/esm/stzh-breadcrumb_2.entry.js.map +1 -1
  372. package/dist/esm/stzh-calendar.entry.js +1 -1
  373. package/dist/esm/stzh-calendar.entry.js.map +1 -1
  374. package/dist/esm/stzh-card-navigation.entry.js +2 -1
  375. package/dist/esm/stzh-card-navigation.entry.js.map +1 -1
  376. package/dist/esm/stzh-card-searchresult.entry.js +21 -32
  377. package/dist/esm/stzh-card-searchresult.entry.js.map +1 -1
  378. package/dist/esm/stzh-card-superteaser.entry.js +142 -0
  379. package/dist/esm/stzh-card-superteaser.entry.js.map +1 -0
  380. package/dist/esm/stzh-card_3.entry.js +72 -29
  381. package/dist/esm/stzh-card_3.entry.js.map +1 -1
  382. package/dist/esm/stzh-checkbox.entry.js +1 -1
  383. package/dist/esm/stzh-checkbox.entry.js.map +1 -1
  384. package/dist/esm/stzh-chip.entry.js +7 -2
  385. package/dist/esm/stzh-chip.entry.js.map +1 -1
  386. package/dist/esm/stzh-components.js +2 -2
  387. package/dist/esm/stzh-contact.entry.js +7 -2
  388. package/dist/esm/stzh-contact.entry.js.map +1 -1
  389. package/dist/esm/stzh-cspace.entry.js +1 -1
  390. package/dist/esm/stzh-cspace.entry.js.map +1 -1
  391. package/dist/esm/stzh-cta.entry.js +10 -2
  392. package/dist/esm/stzh-cta.entry.js.map +1 -1
  393. package/dist/esm/stzh-datalist_2.entry.js +26 -16
  394. package/dist/esm/stzh-datalist_2.entry.js.map +1 -1
  395. package/dist/esm/stzh-datamessagelist-item.entry.js +2 -1
  396. package/dist/esm/stzh-datamessagelist-item.entry.js.map +1 -1
  397. package/dist/esm/stzh-datatable.entry.js +1 -1
  398. package/dist/esm/stzh-datatable.entry.js.map +1 -1
  399. package/dist/esm/stzh-datepicker_3.entry.js +1 -1
  400. package/dist/esm/stzh-datepicker_3.entry.js.map +1 -1
  401. package/dist/esm/stzh-daterange.entry.js +103 -0
  402. package/dist/esm/stzh-daterange.entry.js.map +1 -0
  403. package/dist/esm/stzh-details_2.entry.js +208 -0
  404. package/dist/esm/stzh-details_2.entry.js.map +1 -0
  405. package/dist/esm/stzh-dropdown.entry.js +6 -3
  406. package/dist/esm/stzh-dropdown.entry.js.map +1 -1
  407. package/dist/esm/stzh-fieldset.entry.js +1 -1
  408. package/dist/esm/stzh-fieldset.entry.js.map +1 -1
  409. package/dist/esm/stzh-ghettobox_3.entry.js +2 -3
  410. package/dist/esm/stzh-ghettobox_3.entry.js.map +1 -1
  411. package/dist/esm/stzh-header.entry.js +49 -29
  412. package/dist/esm/stzh-header.entry.js.map +1 -1
  413. package/dist/esm/stzh-heading.entry.js +1 -1
  414. package/dist/esm/stzh-heading.entry.js.map +1 -1
  415. package/dist/esm/stzh-input.entry.js.map +1 -1
  416. package/dist/esm/stzh-link.entry.js +10 -2
  417. package/dist/esm/stzh-link.entry.js.map +1 -1
  418. package/dist/esm/stzh-menu_2.entry.js +10 -2
  419. package/dist/esm/stzh-menu_2.entry.js.map +1 -1
  420. package/dist/esm/stzh-microsite-teaserlist.entry.js +2 -2
  421. package/dist/esm/stzh-microsite-teaserlist.entry.js.map +1 -1
  422. package/dist/esm/stzh-pagebottom.entry.js +1 -1
  423. package/dist/esm/stzh-pagebottom.entry.js.map +1 -1
  424. package/dist/esm/stzh-popover_2.entry.js +1 -1
  425. package/dist/esm/stzh-popover_2.entry.js.map +1 -1
  426. package/dist/esm/stzh-search.entry.js +83 -67
  427. package/dist/esm/stzh-search.entry.js.map +1 -1
  428. package/dist/esm/stzh-skin-portal-mitwirken.entry.js +1 -1
  429. package/dist/esm/stzh-skin-portal-mitwirken.entry.js.map +1 -1
  430. package/dist/esm/stzh-skin-storybook-preview.entry.js +1 -1
  431. package/dist/esm/stzh-skin-storybook-preview.entry.js.map +1 -1
  432. package/dist/esm/stzh-table.entry.js +1 -1
  433. package/dist/esm/stzh-table.entry.js.map +1 -1
  434. package/dist/esm/stzh-vbz-carousel.entry.js +1 -1
  435. package/dist/esm/stzh-vbz-carousel.entry.js.map +1 -1
  436. package/dist/stzh-components/assets/fonts/HelveticaNeueLTW05_66MediumIt.woff2 +0 -0
  437. package/dist/stzh-components/assets/fonts.css +7 -0
  438. package/dist/stzh-components/assets/i18n/de.json +10 -3
  439. package/dist/stzh-components/assets/i18n/en.json +10 -3
  440. package/dist/stzh-components/index.esm.js.map +1 -1
  441. package/dist/stzh-components/{p-78eaea8d.js → p-05e8c18d.js} +2 -2
  442. package/dist/stzh-components/p-0aabd857.entry.js +2 -0
  443. package/dist/stzh-components/p-0aabd857.entry.js.map +1 -0
  444. package/dist/stzh-components/p-0bf70420.entry.js +2 -0
  445. package/dist/stzh-components/p-0bf70420.entry.js.map +1 -0
  446. package/dist/stzh-components/p-100d4052.entry.js +2 -0
  447. package/dist/stzh-components/p-100d4052.entry.js.map +1 -0
  448. package/dist/stzh-components/p-1be90089.entry.js +2 -0
  449. package/dist/stzh-components/p-1be90089.entry.js.map +1 -0
  450. package/dist/stzh-components/p-206ec94f.entry.js +2 -0
  451. package/dist/stzh-components/p-206ec94f.entry.js.map +1 -0
  452. package/dist/stzh-components/p-2773b08f.entry.js +2 -0
  453. package/dist/stzh-components/p-2773b08f.entry.js.map +1 -0
  454. package/dist/stzh-components/{p-53828193.entry.js → p-2ca82cdb.entry.js} +2 -2
  455. package/dist/stzh-components/{p-53828193.entry.js.map → p-2ca82cdb.entry.js.map} +1 -1
  456. package/dist/stzh-components/p-3c2d9cff.entry.js +2 -0
  457. package/dist/stzh-components/p-3c2d9cff.entry.js.map +1 -0
  458. package/dist/stzh-components/p-3ce84a88.entry.js +2 -0
  459. package/dist/stzh-components/p-3ce84a88.entry.js.map +1 -0
  460. package/dist/stzh-components/{p-5b9b2425.entry.js → p-3fa1c5a4.entry.js} +2 -2
  461. package/dist/stzh-components/p-3fa1c5a4.entry.js.map +1 -0
  462. package/dist/stzh-components/p-400f2932.entry.js +2 -0
  463. package/dist/stzh-components/p-400f2932.entry.js.map +1 -0
  464. package/dist/stzh-components/p-4db427d5.entry.js +2 -0
  465. package/dist/stzh-components/p-4db427d5.entry.js.map +1 -0
  466. package/dist/stzh-components/p-5d4a2df0.entry.js +2 -0
  467. package/dist/stzh-components/{p-10fb3950.entry.js.map → p-5d4a2df0.entry.js.map} +1 -1
  468. package/dist/stzh-components/{p-75fec3cd.entry.js → p-68d33cd3.entry.js} +2 -2
  469. package/dist/stzh-components/p-68d33cd3.entry.js.map +1 -0
  470. package/dist/stzh-components/p-6fdc4c74.entry.js +2 -0
  471. package/dist/stzh-components/p-6fdc4c74.entry.js.map +1 -0
  472. package/dist/stzh-components/p-722b9e40.entry.js +2 -0
  473. package/dist/stzh-components/p-722b9e40.entry.js.map +1 -0
  474. package/dist/stzh-components/p-72c375c7.entry.js +2 -0
  475. package/dist/stzh-components/p-72c375c7.entry.js.map +1 -0
  476. package/dist/stzh-components/p-836c4cdf.entry.js +2 -0
  477. package/dist/stzh-components/p-836c4cdf.entry.js.map +1 -0
  478. package/dist/stzh-components/{p-cde04c36.entry.js → p-8f1dbd3b.entry.js} +2 -2
  479. package/dist/stzh-components/{p-cde04c36.entry.js.map → p-8f1dbd3b.entry.js.map} +1 -1
  480. package/dist/stzh-components/{p-8cc09e67.entry.js → p-94947ab0.entry.js} +2 -2
  481. package/dist/stzh-components/p-94947ab0.entry.js.map +1 -0
  482. package/dist/stzh-components/{p-e7ac738e.entry.js → p-9b43127f.entry.js} +2 -2
  483. package/dist/stzh-components/{p-e7ac738e.entry.js.map → p-9b43127f.entry.js.map} +1 -1
  484. package/dist/stzh-components/{p-295c8995.entry.js → p-9f9d53a0.entry.js} +2 -2
  485. package/dist/stzh-components/p-9f9d53a0.entry.js.map +1 -0
  486. package/dist/stzh-components/p-accbac61.entry.js +2 -0
  487. package/dist/stzh-components/p-accbac61.entry.js.map +1 -0
  488. package/dist/stzh-components/p-b22876e5.entry.js +2 -0
  489. package/dist/stzh-components/p-b22876e5.entry.js.map +1 -0
  490. package/dist/stzh-components/{p-1b78f602.entry.js → p-ba32d7ef.entry.js} +2 -2
  491. package/dist/stzh-components/{p-1b78f602.entry.js.map → p-ba32d7ef.entry.js.map} +1 -1
  492. package/dist/stzh-components/p-bd2a2c30.entry.js +2 -0
  493. package/dist/stzh-components/p-bd2a2c30.entry.js.map +1 -0
  494. package/dist/stzh-components/p-beec9a0a.entry.js.map +1 -1
  495. package/dist/stzh-components/p-c31b1590.entry.js +9 -0
  496. package/dist/stzh-components/{p-2bbbc217.entry.js.map → p-c31b1590.entry.js.map} +1 -1
  497. package/dist/stzh-components/{p-56b6eab9.entry.js → p-cff05968.entry.js} +2 -2
  498. package/dist/stzh-components/p-cff05968.entry.js.map +1 -0
  499. package/dist/stzh-components/p-d028e43d.entry.js +2 -0
  500. package/dist/stzh-components/{p-2d57953a.entry.js.map → p-d028e43d.entry.js.map} +1 -1
  501. package/dist/stzh-components/p-dff1ce7c.entry.js +2 -0
  502. package/dist/stzh-components/p-dff1ce7c.entry.js.map +1 -0
  503. package/dist/stzh-components/{p-17de3017.entry.js → p-e5cfdb8a.entry.js} +2 -2
  504. package/dist/stzh-components/{p-17de3017.entry.js.map → p-e5cfdb8a.entry.js.map} +1 -1
  505. package/dist/stzh-components/p-f3d2dc46.entry.js +2 -0
  506. package/dist/stzh-components/{p-3e1ae32f.entry.js.map → p-f3d2dc46.entry.js.map} +1 -1
  507. package/dist/stzh-components/p-f5809e5f.entry.js.map +1 -1
  508. package/dist/stzh-components/p-f5821678.entry.js +2 -0
  509. package/dist/stzh-components/p-f5821678.entry.js.map +1 -0
  510. package/dist/stzh-components/stzh-components.css +1 -1
  511. package/dist/stzh-components/stzh-components.esm.js +1 -1
  512. package/dist/stzh-components/stzh-components.esm.js.map +1 -1
  513. package/dist/types/components/stzh-actions/stzh-actions.d.ts +1 -1
  514. package/dist/types/components/stzh-breadcrumb/stzh-breadcrumb.d.ts +5 -1
  515. package/dist/types/components/stzh-button/stzh-button.d.ts +9 -7
  516. package/dist/types/components/stzh-card-searchresult/stzh-card-searchresult.d.ts +11 -9
  517. package/dist/types/components/stzh-card-superteaser/stzh-card-superteaser.d.ts +75 -0
  518. package/dist/types/components/stzh-card-superteaser/stzh-card-superteaser.localization.d.ts +2 -0
  519. package/dist/types/components/stzh-chip/stzh-chip.d.ts +8 -0
  520. package/dist/types/components/stzh-chipselect/stzh-chipselect.d.ts +8 -4
  521. package/dist/types/components/stzh-contact/stzh-contact.d.ts +2 -0
  522. package/dist/types/components/stzh-cta/stzh-cta.d.ts +6 -3
  523. package/dist/types/components/stzh-datalist-item/stzh-datalist-item.d.ts +7 -2
  524. package/dist/types/components/stzh-daterange/stzh-daterange.d.ts +26 -0
  525. package/dist/types/components/stzh-daterange/stzh-daterange.localization.d.ts +9 -0
  526. package/dist/types/components/stzh-dropdown/stzh-dropdown.d.ts +5 -5
  527. package/dist/types/components/stzh-header/stzh-header.d.ts +8 -3
  528. package/dist/types/components/stzh-link/stzh-link.d.ts +8 -5
  529. package/dist/types/components/stzh-menu-item/stzh-menu-item.d.ts +5 -2
  530. package/dist/types/components/stzh-search/stzh-search.d.ts +5 -0
  531. package/dist/types/components/stzh-search/stzh-search.localization.d.ts +1 -1
  532. package/dist/types/components.d.ts +417 -53
  533. package/dist/types/index.d.ts +54 -6
  534. package/dist/vscode-data.json +282 -19
  535. package/package.json +1 -1
  536. package/dist/cjs/stzh-details.cjs.entry.js +0 -162
  537. package/dist/cjs/stzh-details.cjs.entry.js.map +0 -1
  538. package/dist/cjs/stzh-message.cjs.entry.js.map +0 -1
  539. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.localization.js +0 -2
  540. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.localization.js.map +0 -1
  541. package/dist/esm/stzh-details.entry.js +0 -158
  542. package/dist/esm/stzh-details.entry.js.map +0 -1
  543. package/dist/esm/stzh-message.entry.js.map +0 -1
  544. package/dist/stzh-components/p-10fb3950.entry.js +0 -2
  545. package/dist/stzh-components/p-161ae3d1.entry.js +0 -2
  546. package/dist/stzh-components/p-161ae3d1.entry.js.map +0 -1
  547. package/dist/stzh-components/p-295c8995.entry.js.map +0 -1
  548. package/dist/stzh-components/p-2bbbc217.entry.js +0 -9
  549. package/dist/stzh-components/p-2d57953a.entry.js +0 -2
  550. package/dist/stzh-components/p-2eb8f323.entry.js +0 -2
  551. package/dist/stzh-components/p-2eb8f323.entry.js.map +0 -1
  552. package/dist/stzh-components/p-3e1ae32f.entry.js +0 -2
  553. package/dist/stzh-components/p-43cc5c4d.entry.js +0 -2
  554. package/dist/stzh-components/p-43cc5c4d.entry.js.map +0 -1
  555. package/dist/stzh-components/p-45392fe0.entry.js +0 -2
  556. package/dist/stzh-components/p-45392fe0.entry.js.map +0 -1
  557. package/dist/stzh-components/p-56b6eab9.entry.js.map +0 -1
  558. package/dist/stzh-components/p-5b9b2425.entry.js.map +0 -1
  559. package/dist/stzh-components/p-75fec3cd.entry.js.map +0 -1
  560. package/dist/stzh-components/p-7658bb41.entry.js +0 -2
  561. package/dist/stzh-components/p-7658bb41.entry.js.map +0 -1
  562. package/dist/stzh-components/p-79a6b95b.entry.js +0 -2
  563. package/dist/stzh-components/p-79a6b95b.entry.js.map +0 -1
  564. package/dist/stzh-components/p-8ab62796.entry.js +0 -2
  565. package/dist/stzh-components/p-8ab62796.entry.js.map +0 -1
  566. package/dist/stzh-components/p-8cc09e67.entry.js.map +0 -1
  567. package/dist/stzh-components/p-b0626969.entry.js +0 -2
  568. package/dist/stzh-components/p-b0626969.entry.js.map +0 -1
  569. package/dist/stzh-components/p-b34a4e7c.entry.js +0 -2
  570. package/dist/stzh-components/p-b34a4e7c.entry.js.map +0 -1
  571. package/dist/stzh-components/p-b5224e53.entry.js +0 -2
  572. package/dist/stzh-components/p-b5224e53.entry.js.map +0 -1
  573. package/dist/stzh-components/p-ba37488e.entry.js +0 -2
  574. package/dist/stzh-components/p-ba37488e.entry.js.map +0 -1
  575. package/dist/stzh-components/p-cf96dafb.entry.js +0 -2
  576. package/dist/stzh-components/p-cf96dafb.entry.js.map +0 -1
  577. package/dist/stzh-components/p-d1e6afe2.entry.js +0 -2
  578. package/dist/stzh-components/p-d1e6afe2.entry.js.map +0 -1
  579. package/dist/stzh-components/p-d2ce78d1.entry.js +0 -2
  580. package/dist/stzh-components/p-d2ce78d1.entry.js.map +0 -1
  581. package/dist/stzh-components/p-ddbf653e.entry.js +0 -2
  582. package/dist/stzh-components/p-ddbf653e.entry.js.map +0 -1
  583. package/dist/stzh-components/p-e4f62382.entry.js +0 -2
  584. package/dist/stzh-components/p-e4f62382.entry.js.map +0 -1
  585. package/dist/stzh-components/p-ef849bb1.entry.js +0 -2
  586. package/dist/stzh-components/p-ef849bb1.entry.js.map +0 -1
  587. package/dist/stzh-components/p-f8ec1488.entry.js +0 -2
  588. package/dist/stzh-components/p-f8ec1488.entry.js.map +0 -1
  589. package/dist/types/components/stzh-card-searchresult/stzh-card-searchresult.localization.d.ts +0 -2
  590. /package/dist/stzh-components/{p-78eaea8d.js.map → p-05e8c18d.js.map} +0 -0
package/dist/stzh-components/p-accbac61.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as s,h as c,a as e,g as a}from"./p-c7bfac7a.js";import{s as t}from"./p-7e304ea3.js";import"./p-9b063923.js";const h=':host{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;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-cspace{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;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}stzh-cspace[hidden]{display:none}stzh-cspace::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-cspace::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-cspace *,stzh-cspace *::before,stzh-cspace *::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)}stzh-cspace .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-cspace .stzh-fylingfocus-focused{outline-style:none !important}stzh-cspace .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-cspace[has-hidden-first-margin]>.stzh-cspace>:first-child{margin-top:0 !important}stzh-cspace[has-hidden-first-margin]>.stzh-cspace>.section:first-child>*:first-child{margin-top:0 !important}stzh-cspace[has-hidden-last-margin]>.stzh-cspace>:last-child{margin-bottom:0 !important}stzh-cspace[has-hidden-last-margin]>.stzh-cspace>.section:last-child>*:last-child{margin-bottom:0 !important}stzh-cspace>.stzh-cspace{display:grid;grid-template-columns:minmax(0, 1fr);}stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-xsmall)}}stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="hero"]){margin-bottom:var(--stzh-space-xlarge);margin-top:0}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="hero"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="hero"]){margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>stzh-input,stzh-cspace>.stzh-cspace>stzh-input,stzh-cspace>.stzh-cspace>.section>stzh-datepicker,stzh-cspace>.stzh-cspace>stzh-datepicker,stzh-cspace>.stzh-cspace>.section>stzh-daterange,stzh-cspace>.stzh-cspace>stzh-daterange,stzh-cspace>.stzh-cspace>.section>stzh-dropdown,stzh-cspace>.stzh-cspace>stzh-dropdown,stzh-cspace>.stzh-cspace>.section>stzh-upload,stzh-cspace>.stzh-cspace>stzh-upload,stzh-cspace>.stzh-cspace>.section>stzh-checkbox,stzh-cspace>.stzh-cspace>stzh-checkbox,stzh-cspace>.stzh-cspace>.section>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>.section>stzh-radio,stzh-cspace>.stzh-cspace>stzh-radio,stzh-cspace>.stzh-cspace>.section>stzh-radiogroup,stzh-cspace>.stzh-cspace>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-input,stzh-cspace>.stzh-cspace>stzh-input,stzh-cspace>.stzh-cspace>.section>stzh-datepicker,stzh-cspace>.stzh-cspace>stzh-datepicker,stzh-cspace>.stzh-cspace>.section>stzh-daterange,stzh-cspace>.stzh-cspace>stzh-daterange,stzh-cspace>.stzh-cspace>.section>stzh-dropdown,stzh-cspace>.stzh-cspace>stzh-dropdown,stzh-cspace>.stzh-cspace>.section>stzh-upload,stzh-cspace>.stzh-cspace>stzh-upload,stzh-cspace>.stzh-cspace>.section>stzh-checkbox,stzh-cspace>.stzh-cspace>stzh-checkbox,stzh-cspace>.stzh-cspace>.section>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>.section>stzh-radio,stzh-cspace>.stzh-cspace>stzh-radio,stzh-cspace>.stzh-cspace>.section>stzh-radiogroup,stzh-cspace>.stzh-cspace>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-input,stzh-cspace>.stzh-cspace>stzh-input,stzh-cspace>.stzh-cspace>.section>stzh-datepicker,stzh-cspace>.stzh-cspace>stzh-datepicker,stzh-cspace>.stzh-cspace>.section>stzh-daterange,stzh-cspace>.stzh-cspace>stzh-daterange,stzh-cspace>.stzh-cspace>.section>stzh-dropdown,stzh-cspace>.stzh-cspace>stzh-dropdown,stzh-cspace>.stzh-cspace>.section>stzh-upload,stzh-cspace>.stzh-cspace>stzh-upload,stzh-cspace>.stzh-cspace>.section>stzh-checkbox,stzh-cspace>.stzh-cspace>stzh-checkbox,stzh-cspace>.stzh-cspace>.section>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>.section>stzh-radio,stzh-cspace>.stzh-cspace>stzh-radio,stzh-cspace>.stzh-cspace>.section>stzh-radiogroup,stzh-cspace>.stzh-cspace>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>stzh-chipgroup,stzh-cspace>.stzh-cspace>stzh-chipgroup,stzh-cspace>.stzh-cspace>.section>stzh-chipselect,stzh-cspace>.stzh-cspace>stzh-chipselect{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-contact,stzh-cspace>.stzh-cspace>stzh-contact,stzh-cspace>.stzh-cspace>.section>stzh-accordion,stzh-cspace>.stzh-cspace>stzh-accordion,stzh-cspace>.stzh-cspace>.section>stzh-anchornav,stzh-cspace>.stzh-cspace>stzh-anchornav,stzh-cspace>.stzh-cspace>.section>stzh-audio,stzh-cspace>.stzh-cspace>stzh-audio,stzh-cspace>.stzh-cspace>.section>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>.section>stzh-gallery,stzh-cspace>.stzh-cspace>stzh-gallery,stzh-cspace>.stzh-cspace>.section>stzh-panorama,stzh-cspace>.stzh-cspace>stzh-panorama,stzh-cspace>.stzh-cspace>.section>stzh-chart,stzh-cspace>.stzh-cspace>stzh-chart,stzh-cspace>.stzh-cspace>.section>stzh-sitemap,stzh-cspace>.stzh-cspace>stzh-sitemap,stzh-cspace>.stzh-cspace>.section>stzh-hr,stzh-cspace>.stzh-cspace>stzh-hr,stzh-cspace>.stzh-cspace>.section>stzh-archivelist,stzh-cspace>.stzh-cspace>stzh-archivelist,stzh-cspace>.stzh-cspace>.section>stzh-figure,stzh-cspace>.stzh-cspace>stzh-figure,stzh-cspace>.stzh-cspace>stzh-iframe,stzh-cspace>.stzh-cspace>.section>stzh-youtube,stzh-cspace>.stzh-cspace>stzh-youtube,stzh-cspace>.stzh-cspace>.section>stzh-eventinfo,stzh-cspace>.stzh-cspace>stzh-eventinfo,stzh-cspace>.stzh-cspace>.section>stzh-vbz-ticker,stzh-cspace>.stzh-cspace>stzh-vbz-ticker{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-contact,stzh-cspace>.stzh-cspace>stzh-contact,stzh-cspace>.stzh-cspace>.section>stzh-accordion,stzh-cspace>.stzh-cspace>stzh-accordion,stzh-cspace>.stzh-cspace>.section>stzh-anchornav,stzh-cspace>.stzh-cspace>stzh-anchornav,stzh-cspace>.stzh-cspace>.section>stzh-audio,stzh-cspace>.stzh-cspace>stzh-audio,stzh-cspace>.stzh-cspace>.section>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>.section>stzh-gallery,stzh-cspace>.stzh-cspace>stzh-gallery,stzh-cspace>.stzh-cspace>.section>stzh-panorama,stzh-cspace>.stzh-cspace>stzh-panorama,stzh-cspace>.stzh-cspace>.section>stzh-chart,stzh-cspace>.stzh-cspace>stzh-chart,stzh-cspace>.stzh-cspace>.section>stzh-sitemap,stzh-cspace>.stzh-cspace>stzh-sitemap,stzh-cspace>.stzh-cspace>.section>stzh-hr,stzh-cspace>.stzh-cspace>stzh-hr,stzh-cspace>.stzh-cspace>.section>stzh-archivelist,stzh-cspace>.stzh-cspace>stzh-archivelist,stzh-cspace>.stzh-cspace>.section>stzh-figure,stzh-cspace>.stzh-cspace>stzh-figure,stzh-cspace>.stzh-cspace>stzh-iframe,stzh-cspace>.stzh-cspace>.section>stzh-youtube,stzh-cspace>.stzh-cspace>stzh-youtube,stzh-cspace>.stzh-cspace>.section>stzh-eventinfo,stzh-cspace>.stzh-cspace>stzh-eventinfo,stzh-cspace>.stzh-cspace>.section>stzh-vbz-ticker,stzh-cspace>.stzh-cspace>stzh-vbz-ticker{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-contact,stzh-cspace>.stzh-cspace>stzh-contact,stzh-cspace>.stzh-cspace>.section>stzh-accordion,stzh-cspace>.stzh-cspace>stzh-accordion,stzh-cspace>.stzh-cspace>.section>stzh-anchornav,stzh-cspace>.stzh-cspace>stzh-anchornav,stzh-cspace>.stzh-cspace>.section>stzh-audio,stzh-cspace>.stzh-cspace>stzh-audio,stzh-cspace>.stzh-cspace>.section>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>.section>stzh-gallery,stzh-cspace>.stzh-cspace>stzh-gallery,stzh-cspace>.stzh-cspace>.section>stzh-panorama,stzh-cspace>.stzh-cspace>stzh-panorama,stzh-cspace>.stzh-cspace>.section>stzh-chart,stzh-cspace>.stzh-cspace>stzh-chart,stzh-cspace>.stzh-cspace>.section>stzh-sitemap,stzh-cspace>.stzh-cspace>stzh-sitemap,stzh-cspace>.stzh-cspace>.section>stzh-hr,stzh-cspace>.stzh-cspace>stzh-hr,stzh-cspace>.stzh-cspace>.section>stzh-archivelist,stzh-cspace>.stzh-cspace>stzh-archivelist,stzh-cspace>.stzh-cspace>.section>stzh-figure,stzh-cspace>.stzh-cspace>stzh-figure,stzh-cspace>.stzh-cspace>stzh-iframe,stzh-cspace>.stzh-cspace>.section>stzh-youtube,stzh-cspace>.stzh-cspace>stzh-youtube,stzh-cspace>.stzh-cspace>.section>stzh-eventinfo,stzh-cspace>.stzh-cspace>stzh-eventinfo,stzh-cspace>.stzh-cspace>.section>stzh-vbz-ticker,stzh-cspace>.stzh-cspace>stzh-vbz-ticker{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-datalist,stzh-cspace>.stzh-cspace>stzh-datalist,stzh-cspace>.stzh-cspace>.section>stzh-textandimage,stzh-cspace>.stzh-cspace>stzh-textandimage{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-datalist,stzh-cspace>.stzh-cspace>stzh-datalist,stzh-cspace>.stzh-cspace>.section>stzh-textandimage,stzh-cspace>.stzh-cspace>stzh-textandimage{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-datalist,stzh-cspace>.stzh-cspace>stzh-datalist,stzh-cspace>.stzh-cspace>.section>stzh-textandimage,stzh-cspace>.stzh-cspace>stzh-textandimage{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-pagetitle[background=default],stzh-cspace>.stzh-cspace>stzh-pagetitle[background=default]{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-pagetitle[background=default],stzh-cspace>.stzh-cspace>stzh-pagetitle[background=default]{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagetitle[background=default],stzh-cspace>.stzh-cspace>stzh-pagetitle[background=default]{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagetitle[background=default],stzh-cspace>.stzh-cspace>stzh-pagetitle[background=default]{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-appointments,stzh-cspace>.stzh-cspace>stzh-appointments{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-appointments,stzh-cspace>.stzh-cspace>stzh-appointments{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-appointments,stzh-cspace>.stzh-cspace>stzh-appointments{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-appointments,stzh-cspace>.stzh-cspace>stzh-appointments{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-appointments[has-heading],stzh-cspace>.stzh-cspace>stzh-appointments[has-heading]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-appointments[has-heading],stzh-cspace>.stzh-cspace>stzh-appointments[has-heading]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-appointments[has-heading],stzh-cspace>.stzh-cspace>stzh-appointments[has-heading]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-appointments[has-heading],stzh-cspace>.stzh-cspace>stzh-appointments[has-heading]{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-saptcha,stzh-cspace>.stzh-cspace>stzh-saptcha{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-saptcha,stzh-cspace>.stzh-cspace>stzh-saptcha{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-saptcha,stzh-cspace>.stzh-cspace>stzh-saptcha{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-medium,stzh-cspace>.stzh-cspace>.cspace-t-curve-medium{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-medium,stzh-cspace>.stzh-cspace>.cspace-t-curve-medium{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-medium,stzh-cspace>.stzh-cspace>.cspace-t-curve-medium{margin-top:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-medium,stzh-cspace>.stzh-cspace>.cspace-b-curve-medium{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-medium,stzh-cspace>.stzh-cspace>.cspace-b-curve-medium{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-medium,stzh-cspace>.stzh-cspace>.cspace-b-curve-medium{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-large,stzh-cspace>.stzh-cspace>.cspace-t-curve-large{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-large,stzh-cspace>.stzh-cspace>.cspace-t-curve-large{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-large,stzh-cspace>.stzh-cspace>.cspace-t-curve-large{margin-top:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-large,stzh-cspace>.stzh-cspace>.cspace-b-curve-large{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-large,stzh-cspace>.stzh-cspace>.cspace-b-curve-large{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-large,stzh-cspace>.stzh-cspace>.cspace-b-curve-large{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-bottom:var(--stzh-space-huge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-huge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-huge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-small,stzh-cspace>.stzh-cspace>.small\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-small,stzh-cspace>.stzh-cspace>.small\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-small,stzh-cspace>.stzh-cspace>.small\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.small\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.small\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.small\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-large,stzh-cspace>.stzh-cspace>.small\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-large,stzh-cspace>.stzh-cspace>.small\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-large,stzh-cspace>.stzh-cspace>.small\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-big,stzh-cspace>.stzh-cspace>.small\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-big,stzh-cspace>.stzh-cspace>.small\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-big,stzh-cspace>.stzh-cspace>.small\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-none,stzh-cspace>.stzh-cspace>.small\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-none,stzh-cspace>.stzh-cspace>.small\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-none,stzh-cspace>.stzh-cspace>.small\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-default,stzh-cspace>.stzh-cspace>.small\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-default,stzh-cspace>.stzh-cspace>.small\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-default,stzh-cspace>.stzh-cspace>.small\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-small,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-small,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-small,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-large,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-large,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-large,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-big,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-big,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-big,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-none,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-none,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-none,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-default,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-default,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-default,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-small,stzh-cspace>.stzh-cspace>.large\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-small,stzh-cspace>.stzh-cspace>.large\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-small,stzh-cspace>.stzh-cspace>.large\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.large\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.large\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.large\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-large,stzh-cspace>.stzh-cspace>.large\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-large,stzh-cspace>.stzh-cspace>.large\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-large,stzh-cspace>.stzh-cspace>.large\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-big,stzh-cspace>.stzh-cspace>.large\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-big,stzh-cspace>.stzh-cspace>.large\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-big,stzh-cspace>.stzh-cspace>.large\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-none,stzh-cspace>.stzh-cspace>.large\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-none,stzh-cspace>.stzh-cspace>.large\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-none,stzh-cspace>.stzh-cspace>.large\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-default,stzh-cspace>.stzh-cspace>.large\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-default,stzh-cspace>.stzh-cspace>.large\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-default,stzh-cspace>.stzh-cspace>.large\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-small,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-small,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-small,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-large,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-large,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-large,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-big,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-big,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-big,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-none,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-none,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-none,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-default,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-default,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-default,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.cspace-y-0,stzh-cspace>.stzh-cspace>.cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.cspace-t-0,stzh-cspace>.stzh-cspace>.cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.cspace-b-0,stzh-cspace>.stzh-cspace>.cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-0,stzh-cspace>.stzh-cspace>.small\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-0,stzh-cspace>.stzh-cspace>.small\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-0,stzh-cspace>.stzh-cspace>.small\\:cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-0,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-0,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-0,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-0,stzh-cspace>.stzh-cspace>.large\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-0,stzh-cspace>.stzh-cspace>.large\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-0,stzh-cspace>.stzh-cspace>.large\\:cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-0,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-0,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-0,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-0{margin-bottom:0}';const p=class{constructor(c){s(this,c);this.init=()=>{if(!this.rootElement){return}if(this.preventRemoveNested!=="disabled"){const s=this.rootElement.querySelectorAll(this.preventRemoveNested==="deep"?"stzh-cspace, stzh-richtext":":scope > stzh-cspace, :scope > .section > stzh-cspace, stzh-show > stzh-cspace, :scope > stzh-richtext, :scope > .section > stzh-richtext, stzh-show > stzh-richtext");s.forEach((s=>{t(s,{removeFirstMargin:false,removeLastMargin:false})}))}};this.removeFirstMargin=undefined;this.removeLastMargin=undefined;this.preventRemoveNested="direct"}preventRemoveNestedWatcher(){this.init()}componentDidRender(){this.init();this.observer.observe(this.rootElement,{childList:true,subtree:true})}connectedCallback(){this.observer=new MutationObserver(this.init)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const s={"stzh-cspace":true};return c(e,{"has-hidden-first-margin":typeof this.removeFirstMargin==="boolean"?this.removeFirstMargin:true,"has-hidden-last-margin":typeof this.removeLastMargin==="boolean"?this.removeLastMargin:true},c("div",{ref:s=>this.rootElement=s,class:s},c("slot",null)))}get element(){return a(this)}static get watchers(){return{preventRemoveNested:["preventRemoveNestedWatcher"]}}};p.style=h;export{p as stzh_cspace};
2
+ //# sourceMappingURL=p-accbac61.entry.js.map
package/dist/stzh-components/p-accbac61.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["stzhCspaceCss","StzhCspace","this","init","rootElement","preventRemoveNested","nestedCspaceOrRichtext","querySelectorAll","forEach","cspaceOrRichtext","setPropsIfNull","removeFirstMargin","removeLastMargin","preventRemoveNestedWatcher","componentDidRender","observer","observe","childList","subtree","connectedCallback","MutationObserver","disconnectedCallback","disconnect","render","classes","h","Host","ref","el","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":["stzh-cspace {\n @include host;\n color: inherit;\n font-weight: inherit;\n font-family: inherit;\n letter-spacing: inherit;\n\n // Remove edge margin\n\n &[has-hidden-first-margin] > .stzh-cspace {\n & > :first-child {\n margin-top: 0 !important;\n }\n\n & > .section:first-child > *:first-child {\n margin-top: 0 !important;\n }\n }\n\n &[has-hidden-last-margin] > .stzh-cspace {\n & > :last-child {\n margin-bottom: 0 !important;\n }\n\n & > .section:last-child > *:last-child {\n margin-bottom: 0 !important;\n }\n }\n}\n\nstzh-cspace > .stzh-cspace {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n // display: flex;\n // flex-direction: column;\n // align-items: flex-start;\n\n & > .section > h1,\n & > h1,\n & > .section > :where(stzh-heading[level=\"1\"]),\n & > :where(stzh-heading[level=\"1\"]) {\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > h2,\n & > h2,\n & > .section > :where(stzh-heading[level=\"2\"]),\n & > :where(stzh-heading[level=\"2\"]) {\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > h3,\n & > h3,\n & > .section > :where(stzh-heading[level=\"3\"]),\n & > :where(stzh-heading[level=\"3\"]) {\n @include spaceCurve('margin-top', 'tiny');\n @include spaceCurve('margin-bottom', 'tiny');\n\n @include mq($from: large) {\n margin-top: space('xsmall');\n }\n }\n\n & > .section > h4,\n & > h4,\n & > .section > :where(stzh-heading[level=\"4\"]),\n & > :where(stzh-heading[level=\"4\"]) {\n @include spaceCurve('margin-top', 'small');\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > p,\n & > p,\n & > .section > stzh-text,\n & > stzh-text,\n & > .section > ul,\n & > ul,\n & > .section > ol,\n & > ol,\n & > .section > dl,\n & > dl,\n & > .section > stzh-list,\n & > stzh-list {\n @include spaceCurve('margin-bottom', 'regular');\n margin-top: 0;\n }\n\n & > .section > :where(stzh-text[curve=\"hero\"]),\n & > :where(stzh-text[curve=\"hero\"]),\n & > .section > :where(stzh-heading[curve=\"hero\"]),\n & > :where(stzh-heading[curve=\"hero\"]) {\n @include spaceCurve('margin-bottom', 'medium');\n margin-top: 0;\n }\n\n & > .section > :where(stzh-text[curve=\"h1\"]),\n & > :where(stzh-text[curve=\"h1\"]),\n & > .section > :where(stzh-heading[curve=\"h1\"]),\n & > :where(stzh-heading[curve=\"h1\"]) {\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > :where(stzh-text[curve=\"h2\"]),\n & > :where(stzh-text[curve=\"h2\"]),\n & > .section > :where(stzh-heading[curve=\"h2\"]),\n & > :where(stzh-heading[curve=\"h2\"]) {\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'small');\n }\n\n & > .section > :where(stzh-text[curve=\"h3\"]),\n & > :where(stzh-text[curve=\"h3\"]),\n & > .section > :where(stzh-heading[curve=\"h3\"]),\n & > :where(stzh-heading[curve=\"h3\"]) {\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > :where(stzh-text[curve=\"h4\"]),\n & > :where(stzh-text[curve=\"h4\"]),\n & > .section > :where(stzh-heading[curve=\"h4\"]),\n & > :where(stzh-heading[curve=\"h4\"]) {\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > :where(stzh-text[curve=\"p1\"]),\n & > :where(stzh-text[curve=\"p1\"]),\n & > .section > :where(stzh-heading[curve=\"p1\"]),\n & > :where(stzh-heading[curve=\"p1\"]) {\n @include spaceCurve('margin-bottom', 'regular');\n margin-top: 0;\n }\n\n & > .section > :where(stzh-text[curve=\"p2\"]),\n & > :where(stzh-text[curve=\"p2\"]),\n & > .section > :where(stzh-heading[curve=\"p2\"]),\n & > :where(stzh-heading[curve=\"p2\"]) {\n @include spaceCurve('margin-top', 'small');\n @include spaceCurve('margin-bottom', 'small');\n }\n\n & > .section > stzh-input, // DONE\n & > stzh-input, // DONE\n & > .section > stzh-datepicker, // DONE\n & > stzh-datepicker, // DONE\n & > .section > stzh-daterange, // DONE\n & > stzh-daterange, // DONE\n & > .section > stzh-dropdown, // DONE\n & > stzh-dropdown, // DONE\n & > .section > stzh-upload, // DONE\n & > stzh-upload, // DONE\n & > .section > stzh-checkbox, // DONE\n & > stzh-checkbox, // DONE\n & > .section > stzh-checkboxgroup, // DONE\n & > stzh-checkboxgroup, // DONE\n & > .section > stzh-radio, // DONE\n & > stzh-radio, // DONE\n & > .section > stzh-radiogroup, // DONE\n & > stzh-radiogroup { // DONE\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > stzh-chipgroup, // DONE\n & > stzh-chipgroup, // DONE\n & > .section > stzh-chipselect, // DONE\n & > stzh-chipselect { // DONE\n margin-bottom: space('xlarge');\n }\n\n & > .section > stzh-message, // DONE\n & > stzh-message { // DONE\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-contact, // DONE\n & > stzh-contact, // DONE\n & > .section > stzh-accordion, // DONE\n & > stzh-accordion, // DONE\n & > .section > stzh-anchornav, // DONE\n & > stzh-anchornav, // DONE\n & > .section > stzh-audio, // DONE\n & > stzh-audio, // DONE\n & > .section > stzh-microsite-teaserlist,\n & > stzh-microsite-teaserlist,\n & > .section > stzh-gallery, // DONE\n & > stzh-gallery, // DONE\n & > .section > stzh-panorama,\n & > stzh-panorama,\n & > .section > stzh-chart,\n & > stzh-chart,\n & > .section > stzh-sitemap,\n & > stzh-sitemap,\n & > .section > stzh-hr,\n & > stzh-hr,\n & > .section > stzh-archivelist,\n & > stzh-archivelist,\n & > .section > stzh-figure, // DONE\n & > stzh-figure, // DONE\n & > stzh-iframe, // DONE\n & > .section > stzh-youtube, // DONE\n & > stzh-youtube, // DONE\n & > .section > stzh-eventinfo,\n & > stzh-eventinfo,\n & > .section > stzh-vbz-ticker,\n & > stzh-vbz-ticker {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-datalist, // DONE\n & > stzh-datalist, // DONE\n & > .section > stzh-textandimage, // DONE\n & > stzh-textandimage { // DONE\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > stzh-section[variant=\"highlight\"], // DONE\n & > stzh-section[variant=\"highlight\"] { // DONE\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n & > .section > stzh-pagetitle[background=\"default\"], // DONE\n & > stzh-pagetitle[background=\"default\"] { // DONE\n @include spaceCurve('margin-bottom', 'big');\n }\n\n & > .section > stzh-richtext[has-hidden-last-margin], // DONE\n & > stzh-richtext[has-hidden-last-margin] { // DONE\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n & > .section > stzh-cta, // DONE\n & > stzh-cta { // DONE\n @include spaceCurve('margin-top', 'small');\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-olmap,\n & > stzh-olmap {\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > stzh-breadcrumb, // DONE\n & > stzh-breadcrumb { // DONE\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n & > .section > stzh-card,\n & > stzh-card {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n & > .section > stzh-appointments,\n & > stzh-appointments {\n @include spaceCurve('margin-bottom', 'big');\n\n &[has-heading] {\n @include spaceCurve('margin-top', 'regular');\n }\n }\n\n & > .section > stzh-table, // DONE\n & > stzh-table, // DONE\n & > .section > stzh-datatable, // DONE\n & > stzh-datatable { // DONE\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-pagebottom,\n & > stzh-pagebottom {\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > stzh-progressbar,\n & > stzh-progressbar {\n @include spaceCurve('margin-top', 'big');\n }\n\n & > .section > stzh-pagination, // DONE\n & > stzh-pagination { // DONE\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-actions, // DONE\n & > stzh-actions { // DONE\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'big');\n }\n\n & > .section > stzh-saptcha, // DONE\n & > stzh-saptcha { // DONE\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > stzh-fieldset, // DONE\n & > stzh-fieldset { // DONE\n @include spaceCurve('margin-bottom', 'tiny');\n\n &[legend] {\n @include spaceCurve('margin-top', 'regular');\n }\n }\n\n // & > stzh-heading[level=\"4\"] + stzh-datalist,\n // & > stzh-heading[curve=\"h4\"] + stzh-datalist {\n // margin-top: 0;\n // }\n\n /* Utility classes for applying spacing curves */\n\n @each $spaceCurve, $value in $spaceCurves {\n $defaultSize: map-get($value, 'size');\n $breakpointSizes: map-get($value, 'sizes');\n\n & > .section > .cspace-y-curve-#{$spaceCurve},\n & > .cspace-y-curve-#{$spaceCurve} {\n @include spaceCurve('margin-top', $spaceCurve);\n @include spaceCurve('margin-bottom', $spaceCurve);\n }\n\n & > .section > .cspace-t-curve-#{$spaceCurve},\n & > .cspace-t-curve-#{$spaceCurve} {\n @include spaceCurve('margin-top', $spaceCurve);\n }\n\n & > .section > .cspace-b-curve-#{$spaceCurve},\n & > .cspace-b-curve-#{$spaceCurve} {\n @include spaceCurve('margin-bottom', $spaceCurve);\n }\n }\n\n /* Utility classes for applying spacing values */\n\n @each $breakpoint, $size in $breakpoints {\n @each $space, $value in $spaceSizes {\n @if $breakpoint {\n & > .section > .#{$breakpoint}\\:cspace-y-#{$space},\n & > .#{$breakpoint}\\:cspace-y-#{$space} {\n margin-top: #{$value};\n margin-bottom: #{$value};\n }\n\n & > .section > .#{$breakpoint}\\:cspace-t-#{$space},\n & > .#{$breakpoint}\\:cspace-t-#{$space} {\n margin-top: #{$value};\n }\n\n & > .section > .#{$breakpoint}\\:cspace-b-#{$space},\n & > .#{$breakpoint}\\:cspace-b-#{$space} {\n margin-bottom: #{$value};\n }\n } @else {\n & > .section > .cspace-y-#{$space},\n & > .cspace-y-#{$space} {\n margin-top: #{$value};\n margin-bottom: #{$value};\n }\n\n & > .section > .cspace-t-#{$space},\n & > .cspace-t-#{$space} {\n margin-top: #{$value};\n }\n\n & > .section > .cspace-b-#{$space},\n & > .cspace-b-#{$space} {\n margin-bottom: #{$value};\n }\n }\n }\n }\n\n & > .section > .cspace-y-0,\n & > .cspace-y-0 {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > .section > .cspace-t-0,\n & > .cspace-t-0 {\n margin-top: 0;\n }\n\n & > .section > .cspace-b-0,\n & > .cspace-b-0 {\n margin-bottom: 0;\n }\n\n @each $breakpoint, $size in $breakpoints {\n & > .section > .#{$breakpoint}\\:cspace-y-0,\n & > .#{$breakpoint}\\:cspace-y-0 {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > .section > .#{$breakpoint}\\:cspace-t-0,\n & > .#{$breakpoint}\\:cspace-t-0 {\n margin-top: 0;\n }\n\n & > .section > .#{$breakpoint}\\:cspace-b-0,\n & > .#{$breakpoint}\\:cspace-b-0 {\n margin-bottom: 0;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Element,\n Watch,\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n tag: \"stzh-cspace\",\n styleUrl: \"stzh-cspace.scss\"\n})\nexport class StzhCspace {\n /** Whether first top margin of first child component should be set to 0. */\n @Prop({ reflect: true }) removeFirstMargin: boolean;\n\n /** Whether last bottom margin of last child component should be set to 0. */\n @Prop({ reflect: true }) removeLastMargin: boolean;\n\n /** Whether removing first/last margin should be automatically prevented for nested cspace/richtext */\n @Prop({ reflect: true }) preventRemoveNested: \"direct\" | \"deep\" | \"disabled\" = \"direct\";\n\n @Element() element: HTMLStzhCspaceElement;\n\n @Watch(\"preventRemoveNested\")\n preventRemoveNestedWatcher() {\n this.init();\n }\n\n private observer: MutationObserver;\n private rootElement: HTMLElement;\n\n private init = () => {\n if (!this.rootElement) {\n return;\n }\n\n if (this.preventRemoveNested !== \"disabled\") {\n const nestedCspaceOrRichtext = this.rootElement.querySelectorAll(\n this.preventRemoveNested === \"deep\"\n ? \"stzh-cspace, stzh-richtext\"\n : \":scope > stzh-cspace, :scope > .section > stzh-cspace, stzh-show > stzh-cspace, :scope > stzh-richtext, :scope > .section > stzh-richtext, stzh-show > stzh-richtext\"\n );\n\n nestedCspaceOrRichtext.forEach((cspaceOrRichtext) => { \n setPropsIfNull(cspaceOrRichtext, {\n removeFirstMargin: false,\n removeLastMargin: false,\n } as HTMLStzhCspaceElement | HTMLStzhRichtextElement)\n });\n }\n }\n\n componentDidRender() {\n this.init();\n\n this.observer.observe(this.rootElement, {\n childList: true,\n subtree: true\n });\n }\n\n connectedCallback() {\n this.observer = new MutationObserver(this.init);\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n\n render() {\n const classes = {\n \"stzh-cspace\": true\n };\n\n return (\n <Host\n has-hidden-first-margin={typeof this.removeFirstMargin === \"boolean\" ? this.removeFirstMargin : true}\n has-hidden-last-margin={typeof this.removeLastMargin === \"boolean\" ? this.removeLastMargin : true}\n >\n <div\n ref={(el) => (this.rootElement = el as HTMLElement)}\n class={classes}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"qHAAA,MAAMA,EAAgB,ohkG,MCkBTC,EAAU,M,yBAoBbC,KAAAC,KAAO,KACb,IAAKD,KAAKE,YAAa,CACrB,M,CAGF,GAAIF,KAAKG,sBAAwB,WAAY,CAC3C,MAAMC,EAAyBJ,KAAKE,YAAYG,iBAC9CL,KAAKG,sBAAwB,OACzB,6BACA,wKAGNC,EAAuBE,SAASC,IAC9BC,EAAeD,EAAkB,CAC/BE,kBAAmB,MACnBC,iBAAkB,OACiC,G,6FA5BoB,Q,CAK/E,0BAAAC,GACEX,KAAKC,M,CA2BP,kBAAAW,GACEZ,KAAKC,OAELD,KAAKa,SAASC,QAAQd,KAAKE,YAAa,CACtCa,UAAW,KACXC,QAAS,M,CAIb,iBAAAC,GACEjB,KAAKa,SAAW,IAAIK,iBAAiBlB,KAAKC,K,CAG5C,oBAAAkB,GACE,GAAInB,KAAKa,SAAU,CACjBb,KAAKa,SAASO,Y,EAKlB,MAAAC,GACE,MAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,EAAI,kCAC6BxB,KAAKS,oBAAsB,UAAYT,KAAKS,kBAAoB,KAAI,gCACrET,KAAKU,mBAAqB,UAAYV,KAAKU,iBAAmB,MAE7Fa,EAAA,OACEE,IAAMC,GAAQ1B,KAAKE,YAAcwB,EACjCC,MAAOL,GAEPC,EAAA,c"}
package/dist/stzh-components/p-b22876e5.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as t,h as a,F as s,a as i,g as c}from"./p-c7bfac7a.js";import{h as n}from"./p-7e304ea3.js";import"./p-9b063923.js";const e='.sc-stzh-contact-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-contact-h{display:none}.sc-stzh-contact-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::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-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}.sc-stzh-contact-h{--grid-template-areas:var(\n --stzh-contact-grid-template-areas,\n "heading heading heading heading"\n "image image image image"\n "info info info info"\n "availability availability availability availability"\n "additional additional additional additional"\n );--grid-template-columns:var(\n --stzh-contact-grid-template-columns,\n repeat(4, minmax(0, 1fr))\n )}@media screen and (min-width: 900px){.sc-stzh-contact-h{--grid-template-areas:var(\n --stzh-contact-grid-template-areas,\n "heading heading heading heading heading heading heading heading"\n "image image image image . . . ."\n "info info info info availability availability availability availability"\n "additional additional additional additional additional additional additional additional"\n );--grid-template-columns:var(\n --stzh-contact-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n )}}@media print{.sc-stzh-contact-h{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stzh-contact.sc-stzh-contact{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);-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{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)}}@media screen and (min-width: 600px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-contact__main-heading.sc-stzh-contact{grid-area:heading}.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-large)}}.stzh-contact__image-wrapper.sc-stzh-contact{grid-area:image;background-color:var(--stzh-color-secondary20)}.stzh-contact__image.sc-stzh-contact{position:relative}.stzh-contact__info.sc-stzh-contact{grid-area:info}.stzh-contact__heading.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__name.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__address.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__numbers.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__emails.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__pobox.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__availability-title.sc-stzh-contact:not(:empty):not(:last-child){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__number.sc-stzh-contact,.stzh-contact__email.sc-stzh-contact{display:flex;align-items:center}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{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);margin:0px}@media screen and (min-width: 900px){.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{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-contact__heading.sc-stzh-contact,.stzh-contact__name.is-heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-contact__availability.sc-stzh-contact{grid-area:availability;margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{margin-top:0px}}.stzh-contact__availability-list.sc-stzh-contact,.stzh-contact__availability-hour-list.sc-stzh-contact{list-style:none;margin:0;padding:0}.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xsmall);display:grid}@media screen and (min-width: 900px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-medium)}}.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-wrap:wrap;-moz-column-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-xsmall)}.stzh-contact__availability-hours-separator.sc-stzh-contact{width:0.0625rem;background-color:currentColor;flex-shrink:0}.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-medium);grid-area:additional;display:grid}@media screen and (min-width: 600px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image-wrapper.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:4rem;height:4rem}@media screen and (min-width: 600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:5rem;height:5rem}}@media screen and (min-width: 900px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:6.25rem;height:6.25rem}}@media screen and (min-width: 1260px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:7.5rem;height:7.5rem}}@media screen and (min-width: 1600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:8.75rem;height:8.75rem}}';function h(t){return t.replace(/\s/g,"")}const o=class{constructor(a){t(this,a);this._numbers=[];this._emails=[];this._availability=[];this.type="Organization";this.mainHeading=undefined;this.mainHeadingLevel="2";this.heading=undefined;this.headingLevel="3";this.name=undefined;this.nameHeadingLevel="";this.address=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.emails=[];this.pobox=undefined;this.poboxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.availabilityTitleLevel="3";this.availability=undefined}availabilityWatcher(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}}numbersWatcher(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}}emailsWatcher(t){if(typeof t==="string"){this._emails=JSON.parse(t)}else{this._emails=t}}async componentWillLoad(){this.numbersWatcher(this.numbers);this.emailsWatcher(this.emails);this.availabilityWatcher(this.availability)}render(){const t=n(this.element,"image");const c=!!this.address||n(this.element,"address");const e=n(this.element,"addons");const o=n(this.element,"links");const l={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-address":c,"stzh-contact--has-addons":e,"stzh-contact--has-links":o};const r=`h${this.headingLevel}`;const d=this.nameHeadingLevel?`h${this.nameHeadingLevel}`:"div";const z=`h${this.availabilityTitleLevel}`;return a(i,null,a("div",{class:l,itemscope:true,itemtype:`http://schema.org/${this.type}`},a("div",{class:"stzh-contact__main-heading",itemprop:this.type==="Organization"&&!this.heading||this.type==="Person"&&!this.name?"name":null},this.mainHeading?a("stzh-heading",{level:this.mainHeadingLevel},this.mainHeading):a("slot",{name:"main-heading"})),a("div",{class:"stzh-contact__image-wrapper"},a("div",{class:"stzh-contact__image"},a("slot",{name:"image"}))),a("div",{class:"stzh-contact__info"},this.heading&&a(r,{class:"stzh-contact__heading",itemprop:this.type==="Organization"||!this.name?"name":null,innerHTML:this.heading}),this.name&&a(d,{class:{"stzh-contact__name":true,"is-heading":this.nameHeadingLevel!==""},itemprop:this.type==="Person"?"name":null},this.name),a("div",{class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress",innerHTML:this.address},!this.address&&a(s,null,this.street&&a("div",{class:"stzh-contact__street",itemprop:"streetAddress"},this.street,this.streetInfo&&a(s,null,a("br",null)," ",this.streetInfo)),this.postalCode&&a("span",{class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&a("span",{class:"stzh-contact__locality",itemprop:"addressLocality"},this.location),a("slot",{name:"address"}))),this._numbers.length>0&&a("div",{class:"stzh-contact__numbers"},this._numbers.map((t=>a("div",{class:"stzh-contact__number"},a("span",null,t.label," "),a("stzh-link",{size:"inherit",height:"auto",class:"stzh-contact__number-link",href:`${t.type}:${h(t.number)}`,analyticsId:t.analyticsId||`${t.label} ${t.number}`,itemprop:t.type==="fax"?"faxNumber":"telephone"},t.number))))),this._emails.length>0&&a("div",{class:"stzh-contact__emails"},this._emails.map((t=>a("div",{class:"stzh-contact__email"},a("span",null,t.label," "),t.href?a("stzh-link",{size:"inherit",height:"auto",class:"stzh-container__email-link",href:`mailto:${t.href}`,analyticsId:t.analyticsId||`${t.label} ${t.text}`,itemprop:"email"},t.text):a("span",{class:"stzh-container__email-link",itemprop:"email"},t.text))))),a("div",{class:"stzh-contact__pobox",innerHTML:this.pobox},!this.pobox&&a(s,null,this.poboxHeading&&a("div",{class:"stzh-contact__pobox-heading"},this.poboxHeading),this.poboxTitle&&a("div",{class:"stzh-contact__pobox-title"},this.poboxTitle),this.poboxPostalCode&&a("span",{class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),this.poboxLocation&&a("span",{class:"stzh-contact__pobox-locality"},this.poboxLocation),a("slot",{name:"pobox"})))),this.availability&&a("div",{class:"stzh-contact__availability"},this.availabilityTitle&&a(z,{class:"stzh-contact__availability-title"},this.availabilityTitle),this._availability.length>0&&a("ul",{class:"stzh-contact__availability-list"},this._availability.map((t=>a("li",{class:"stzh-contact__availability-list-item"},a("div",{class:"stzh-contact__availability-weekday"},t.weekday),t.hours.length>0?a("div",{class:"stzh-contact__availability-hours"},t.hours.map(((i,c)=>a(s,null,a("div",{class:"stzh-contact__availability-hour"},i),c<t.hours.length-1&&a("div",{class:"stzh-contact__availability-hours-separator"}))))):a("div",{class:"stzh-contact__availability-hours"},"-")))))),a("div",{class:"stzh-contact__additional"},a("slot",null))))}get element(){return c(this)}static get watchers(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"],emails:["emailsWatcher"]}}};o.style=e;export{o as stzh_contact};
2
+ //# sourceMappingURL=p-b22876e5.entry.js.map
package/dist/stzh-components/p-b22876e5.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["stzhContactCss","formatTel","tel","replace","StzhContact","this","_numbers","_emails","_availability","availabilityWatcher","newValue","JSON","parse","numbersWatcher","emailsWatcher","componentWillLoad","numbers","emails","availability","render","hasImage","hasSlot","element","hasAddress","address","hasAddons","hasLinks","classes","HeadingLevel","headingLevel","NameHeadingLevel","nameHeadingLevel","AvailabilityTitleElement","availabilityTitleLevel","h","Host","class","itemscope","itemtype","type","itemprop","heading","name","mainHeading","level","mainHeadingLevel","innerHTML","Fragment","street","streetInfo","postalCode","location","length","map","number","label","size","height","href","analyticsId","email","text","pobox","poboxHeading","poboxTitle","poboxPostalCode","poboxLocation","availabilityTitle","item","weekday","hours","hour","index"],"sources":["src/components/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n --grid-template-areas: var(\n --stzh-contact-grid-template-areas,\n \"heading heading heading heading\"\n \"image image image image\"\n \"info info info info\"\n \"availability availability availability availability\"\n \"additional additional additional additional\"\n );\n\n --grid-template-columns: var(\n --stzh-contact-grid-template-columns,\n #{$gridColumns}\n );\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-contact-grid-template-areas,\n \"heading heading heading heading heading heading heading heading\"\n \"image image image image . . . .\"\n \"info info info info availability availability availability availability\"\n \"additional additional additional additional additional additional additional additional\"\n );\n\n --grid-template-columns: var(\n --stzh-contact-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n ::slotted([slot=\"image\"]) {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n}\n\n.stzh-contact {\n @include fontCurve('p1');\n @include gridGutter;\n display: grid;\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__main-heading {\n grid-area: heading;\n\n &:not(:empty) {\n @include spaceCurve('margin-bottom', 'small');\n }\n }\n\n &__image-wrapper {\n grid-area: image;\n background-color: $colorSecondary20;\n }\n\n &__image {\n position: relative;\n }\n\n &__info {\n grid-area: info;\n }\n\n &__heading,\n &__name,\n &__address,\n &__numbers,\n &__emails,\n &__pobox,\n &__availability-title {\n &:not(:empty):not(:last-child) {\n margin-bottom: space('xsmall');\n }\n }\n\n &__number,\n &__email {\n display: flex;\n align-items: center;\n }\n\n &__heading,\n &__name,\n &__availability-title {\n @include fontCurve('p1');\n margin: 0px;\n }\n\n &__heading,\n &__name.is-heading,\n &__availability-title {\n @include font('heavy');\n }\n\n &__availability {\n grid-area: availability;\n margin-top: space('xlarge');\n\n @include mq($from: medium) {\n margin-top: 0px;\n }\n }\n\n &__availability-list,\n &__availability-hour-list {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n &__availability-list {\n @include spaceCurve('gap', 'tiny');\n display: grid;\n }\n\n &__availability-weekday {\n @include fontCurve('p2');\n }\n\n &__availability-hours {\n display: flex;\n flex-wrap: wrap;\n column-gap: space('xsmall');\n }\n\n &__availability-hours-separator {\n width: 1px;\n background-color: currentColor;\n flex-shrink: 0;\n }\n\n &__additional {\n @include spaceCurve('gap', 'regular');\n grid-area: additional;\n display: grid;\n\n &:not(:empty) {\n margin-top: space('medium');\n }\n }\n\n /* Has image */\n\n &--has-image &__image-wrapper {\n margin-bottom: space('medium');\n }\n\n &--has-image &__image {\n width: 64px;\n height: 64px;\n\n @include mq($from: small) {\n width: 80px;\n height: 80px;\n }\n\n @include mq($from: medium) {\n width: 100px;\n height: 100px;\n }\n\n @include mq($from: large) {\n width: 120px;\n height: 120px;\n }\n\n @include mq($from: ultra) {\n width: 140px;\n height: 140px;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Fragment,\n Watch\n} from \"@stencil/core\";\n\nimport {\n ContactNumber,\n ContactEmail,\n StzhContactAvailabilityItem\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nfunction formatTel(tel: string) {\n return tel.replace(/\\s/g,'');\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n tag: \"stzh-contact\",\n styleUrl: \"stzh-contact.scss\",\n scoped: true\n})\nexport class StzhContact {\n /** Type */\n @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n /** Main heading */\n @Prop() mainHeading: string;\n\n /** Main heading level */\n @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n /** Heading */\n @Prop() heading: string;\n\n /** Heading level */\n @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /** Name */\n @Prop() name: string;\n\n /** Name heading level */\n @Prop() nameHeadingLevel: \"\" | \"1\" | \"2\" | \"3\" | \"4\" = \"\";\n\n /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n @Prop() address: string;\n\n /** Street */\n @Prop() street: string;\n\n /** Additional street info */\n @Prop() streetInfo: string;\n\n /** Postal code */\n @Prop() postalCode: string;\n\n /** Location / city */\n @Prop() location: string;\n\n /**\n * Numbers\n * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n * and optionally `analyticsId` for setting `s-object-id` to the link element\n * (for Adobe Analytics, default value is `label` and `number`).\n */\n @Prop() numbers: ContactNumber[] | string = [];\n private _numbers: ContactNumber[] = [];\n\n /**\n * Numbers\n * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n * and optionally `analyticsId` for setting `s-object-id` to the link element\n * (for Adobe Analytics, default value is `label` and `text`).\n */\n @Prop() emails: ContactEmail[] | string = [];\n private _emails: ContactEmail[] = [];\n\n /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n @Prop() pobox: string;\n\n /** Post office box heading */\n @Prop() poboxHeading: string;\n\n /** Post office box title */\n @Prop() poboxTitle: string;\n\n /** Post office box postal code */\n @Prop() poboxPostalCode: string;\n\n /** Post office box location / city */\n @Prop() poboxLocation: string;\n\n /** Availability title */\n @Prop() availabilityTitle: string;\n\n /** Availability title level */\n @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /** Availability times */\n @Prop() availability: string | StzhContactAvailabilityItem[];\n private _availability: StzhContactAvailabilityItem[] = [];\n // private _availabilityDataItems: StzhDatalistItemEntry[] = [];\n\n @Watch(\"availability\")\n availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n if (typeof newValue === \"string\") {\n this._availability = JSON.parse(newValue);\n } else {\n this._availability = newValue;\n }\n\n // if (this._availability) {\n // this._availabilityDataItems = this._availability.map((item) => ({\n // value: item.hours.join(' | '),\n // label: item.weekday\n // }));\n // }\n }\n\n @Watch(\"numbers\")\n numbersWatcher(newValue: ContactNumber[] | string) {\n if (typeof newValue === \"string\") {\n this._numbers = JSON.parse(newValue);\n } else {\n this._numbers = newValue;\n }\n }\n\n @Watch(\"emails\")\n emailsWatcher(newValue: ContactEmail[] | string) {\n if (typeof newValue === \"string\") {\n this._emails = JSON.parse(newValue);\n } else {\n this._emails = newValue;\n }\n }\n\n @Element() element: HTMLStzhFigureElement;\n\n async componentWillLoad() {\n this.numbersWatcher(this.numbers);\n this.emailsWatcher(this.emails);\n this.availabilityWatcher(this.availability);\n }\n\n render() {\n const hasImage = hasSlot(this.element, \"image\");\n const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n const hasAddons = hasSlot(this.element, \"addons\");\n const hasLinks = hasSlot(this.element, \"links\");\n\n const classes = {\n \"stzh-contact\": true,\n \"stzh-contact--has-image\": hasImage,\n \"stzh-contact--has-address\": hasAddress,\n \"stzh-contact--has-addons\": hasAddons,\n \"stzh-contact--has-links\": hasLinks\n };\n\n const HeadingLevel = `h${this.headingLevel}`;\n const NameHeadingLevel = this.nameHeadingLevel ? `h${this.nameHeadingLevel}` : 'div';\n const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n\n return (\n <Host>\n <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n <div\n class=\"stzh-contact__main-heading\"\n itemprop={(this.type === \"Organization\" && !this.heading\n || this.type === \"Person\" && !this.name) ? \"name\" : null}\n >\n {this.mainHeading\n ? <stzh-heading level={this.mainHeadingLevel}>{this.mainHeading}</stzh-heading>\n : <slot name=\"main-heading\"></slot>\n }\n </div>\n\n <div class=\"stzh-contact__image-wrapper\">\n <div class=\"stzh-contact__image\">\n <slot name=\"image\"></slot>\n </div>\n </div>\n\n <div class=\"stzh-contact__info\">\n {this.heading &&\n <HeadingLevel\n class=\"stzh-contact__heading\"\n itemprop={this.type === \"Organization\" || !this.name ? \"name\" : null}\n innerHTML={this.heading}\n ></HeadingLevel>\n }\n\n {this.name &&\n <NameHeadingLevel\n class={{\n \"stzh-contact__name\": true,\n \"is-heading\": this.nameHeadingLevel !== \"\",\n }}\n itemprop={this.type === \"Person\" ? \"name\" : null}\n >\n {this.name}\n </NameHeadingLevel>\n }\n\n <div\n class=\"stzh-contact__address\"\n itemprop=\"address\"\n itemscope\n itemtype=\"http://schema.org/PostalAddress\"\n innerHTML={this.address}\n >\n {!this.address &&\n <Fragment>\n {this.street &&\n <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n {this.street}\n {this.streetInfo &&\n <Fragment>\n <br /> {this.streetInfo}\n </Fragment>\n }\n </div>\n }\n\n {this.postalCode &&\n <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n {this.postalCode}&nbsp;\n </span>\n }\n\n {this.location &&\n <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n {this.location}\n </span>\n }\n\n <slot name=\"address\"></slot>\n </Fragment>\n }\n </div>\n\n {this._numbers.length > 0 &&\n <div class=\"stzh-contact__numbers\">\n {this._numbers.map((number) =>\n <div class=\"stzh-contact__number\">\n <span>{number.label}&nbsp;</span>\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-contact__number-link\"\n href={`${number.type}:${formatTel(number.number)}`}\n analyticsId={number.analyticsId || (`${number.label} ${number.number}`)}\n itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n >\n {number.number}\n </stzh-link>\n </div>\n )}\n </div>\n }\n\n {this._emails.length > 0 &&\n <div class=\"stzh-contact__emails\">\n {this._emails.map((email) =>\n <div class=\"stzh-contact__email\">\n <span>{email.label}&nbsp;</span>\n {email.href\n ?\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-container__email-link\"\n href={`mailto:${email.href}`}\n analyticsId={email.analyticsId || (`${email.label} ${email.text}`)}\n itemprop=\"email\"\n >\n {email.text}\n </stzh-link>\n :\n <span\n class=\"stzh-container__email-link\"\n itemprop=\"email\"\n >\n {email.text}\n </span>\n }\n </div>\n )}\n </div>\n }\n\n <div\n class=\"stzh-contact__pobox\"\n innerHTML={this.pobox}\n >\n {!this.pobox &&\n <Fragment>\n {this.poboxHeading &&\n <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>\n }\n {this.poboxTitle &&\n <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>\n }\n {this.poboxPostalCode &&\n <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n }\n {this.poboxLocation &&\n <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>\n }\n <slot name=\"pobox\"></slot>\n </Fragment>\n }\n </div>\n </div>\n\n {this.availability &&\n <div class=\"stzh-contact__availability\">\n {this.availabilityTitle &&\n <AvailabilityTitleElement\n class=\"stzh-contact__availability-title\"\n >\n {this.availabilityTitle}\n </AvailabilityTitleElement>\n }\n\n {this._availability.length > 0 &&\n <ul class=\"stzh-contact__availability-list\">\n {this._availability.map((item) =>\n <li class=\"stzh-contact__availability-list-item\">\n <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n {item.hours.length > 0\n ?\n <div class=\"stzh-contact__availability-hours\">\n {item.hours.map((hour, index) =>\n <Fragment>\n <div class=\"stzh-contact__availability-hour\">{hour}</div>\n {index < item.hours.length - 1 &&\n <div class=\"stzh-contact__availability-hours-separator\"></div>\n }\n </Fragment>\n )}\n </div>\n :\n <div class=\"stzh-contact__availability-hours\">\n -\n </div>\n }\n </li>\n )}\n </ul>\n }\n </div>\n }\n\n <div class=\"stzh-contact__additional\">\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"4HAAA,MAAMA,EAAiB,k1RCkBvB,SAASC,EAAUC,GACjB,OAAOA,EAAIC,QAAQ,MAAM,GAC3B,C,MAcaC,EAAW,M,yBA4CdC,KAAAC,SAA4B,GAS5BD,KAAAE,QAA0B,GAyB1BF,KAAAG,cAA+C,G,UA5Eb,e,iDAMQ,I,yCAMJ,I,0CAMS,G,sIAuBX,G,YASF,G,oMAsBc,I,4BAQxD,mBAAAC,CAAoBC,GAClB,UAAWA,IAAa,SAAU,CAChCL,KAAKG,cAAgBG,KAAKC,MAAMF,E,KAC3B,CACLL,KAAKG,cAAgBE,C,EAYzB,cAAAG,CAAeH,GACb,UAAWA,IAAa,SAAU,CAChCL,KAAKC,SAAWK,KAAKC,MAAMF,E,KACtB,CACLL,KAAKC,SAAWI,C,EAKpB,aAAAI,CAAcJ,GACZ,UAAWA,IAAa,SAAU,CAChCL,KAAKE,QAAUI,KAAKC,MAAMF,E,KACrB,CACLL,KAAKE,QAAUG,C,EAMnB,uBAAMK,GACJV,KAAKQ,eAAeR,KAAKW,SACzBX,KAAKS,cAAcT,KAAKY,QACxBZ,KAAKI,oBAAoBJ,KAAKa,a,CAGhC,MAAAC,GACE,MAAMC,EAAWC,EAAQhB,KAAKiB,QAAS,SACvC,MAAMC,IAAelB,KAAKmB,SAAWH,EAAQhB,KAAKiB,QAAS,WAC3D,MAAMG,EAAYJ,EAAQhB,KAAKiB,QAAS,UACxC,MAAMI,EAAWL,EAAQhB,KAAKiB,QAAS,SAEvC,MAAMK,EAAU,CACd,eAAgB,KAChB,0BAA2BP,EAC3B,4BAA6BG,EAC7B,2BAA4BE,EAC5B,0BAA2BC,GAG7B,MAAME,EAAe,IAAIvB,KAAKwB,eAC9B,MAAMC,EAAmBzB,KAAK0B,iBAAmB,IAAI1B,KAAK0B,mBAAqB,MAC/E,MAAMC,EAA2B,IAAI3B,KAAK4B,yBAE1C,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOT,EAASU,UAAS,KAACC,SAAU,qBAAqBjC,KAAKkC,QACjEL,EAAA,OACEE,MAAM,6BACNI,SAAWnC,KAAKkC,OAAS,iBAAmBlC,KAAKoC,SAC5CpC,KAAKkC,OAAS,WAAalC,KAAKqC,KAAQ,OAAS,MAErDrC,KAAKsC,YACFT,EAAA,gBAAcU,MAAOvC,KAAKwC,kBAAmBxC,KAAKsC,aAClDT,EAAA,QAAMQ,KAAK,kBAIjBR,EAAA,OAAKE,MAAM,+BACTF,EAAA,OAAKE,MAAM,uBACTF,EAAA,QAAMQ,KAAK,YAIfR,EAAA,OAAKE,MAAM,sBACR/B,KAAKoC,SACJP,EAACN,EAAY,CACXQ,MAAM,wBACNI,SAAUnC,KAAKkC,OAAS,iBAAmBlC,KAAKqC,KAAO,OAAS,KAChEI,UAAWzC,KAAKoC,UAInBpC,KAAKqC,MACJR,EAACJ,EAAgB,CACfM,MAAO,CACL,qBAAsB,KACtB,aAAc/B,KAAK0B,mBAAqB,IAE1CS,SAAUnC,KAAKkC,OAAS,SAAW,OAAS,MAE3ClC,KAAKqC,MAIVR,EAAA,OACEE,MAAM,wBACNI,SAAS,UACTH,UAAS,KACTC,SAAS,kCACTQ,UAAWzC,KAAKmB,UAEdnB,KAAKmB,SACLU,EAACa,EAAQ,KACN1C,KAAK2C,QACJd,EAAA,OAAKE,MAAM,uBAAuBI,SAAS,iBACxCnC,KAAK2C,OACL3C,KAAK4C,YACJf,EAACa,EAAQ,KACPb,EAAA,WAAM,IAAE7B,KAAK4C,aAMpB5C,KAAK6C,YACJhB,EAAA,QAAME,MAAM,4BAA4BI,SAAS,cAC9CnC,KAAK6C,WAAU,KAInB7C,KAAK8C,UACJjB,EAAA,QAAME,MAAM,yBAAyBI,SAAS,mBAC3CnC,KAAK8C,UAIVjB,EAAA,QAAMQ,KAAK,cAKhBrC,KAAKC,SAAS8C,OAAS,GACtBlB,EAAA,OAAKE,MAAM,yBACR/B,KAAKC,SAAS+C,KAAKC,GAClBpB,EAAA,OAAKE,MAAM,wBACTF,EAAA,YAAOoB,EAAOC,MAAK,KACnBrB,EAAA,aACEsB,KAAK,UACLC,OAAO,OACPrB,MAAM,4BACNsB,KAAM,GAAGJ,EAAOf,QAAQtC,EAAUqD,EAAOA,UACzCK,YAAaL,EAAOK,aAAW,GAAQL,EAAOC,SAASD,EAAOA,SAC9Dd,SAAUc,EAAOf,OAAS,MAAQ,YAAc,aAE/Ce,EAAOA,YAOjBjD,KAAKE,QAAQ6C,OAAS,GACrBlB,EAAA,OAAKE,MAAM,wBACR/B,KAAKE,QAAQ8C,KAAKO,GACjB1B,EAAA,OAAKE,MAAM,uBACTF,EAAA,YAAO0B,EAAML,MAAK,KACjBK,EAAMF,KAELxB,EAAA,aACEsB,KAAK,UACLC,OAAO,OACPrB,MAAM,6BACNsB,KAAM,UAAUE,EAAMF,OACtBC,YAAaC,EAAMD,aAAW,GAAQC,EAAML,SAASK,EAAMC,OAC3DrB,SAAS,SAERoB,EAAMC,MAGT3B,EAAA,QACEE,MAAM,6BACNI,SAAS,SAERoB,EAAMC,UAQnB3B,EAAA,OACEE,MAAM,sBACNU,UAAWzC,KAAKyD,QAEdzD,KAAKyD,OACL5B,EAACa,EAAQ,KACN1C,KAAK0D,cACJ7B,EAAA,OAAKE,MAAM,+BAA+B/B,KAAK0D,cAEhD1D,KAAK2D,YACJ9B,EAAA,OAAKE,MAAM,6BAA6B/B,KAAK2D,YAE9C3D,KAAK4D,iBACJ/B,EAAA,QAAME,MAAM,mCAAmC/B,KAAK4D,gBAAe,KAEpE5D,KAAK6D,eACJhC,EAAA,QAAME,MAAM,gCAAgC/B,KAAK6D,eAEnDhC,EAAA,QAAMQ,KAAK,aAMlBrC,KAAKa,cACJgB,EAAA,OAAKE,MAAM,8BACR/B,KAAK8D,mBACJjC,EAACF,EAAwB,CACvBI,MAAM,oCAEL/B,KAAK8D,mBAIT9D,KAAKG,cAAc4C,OAAS,GAC3BlB,EAAA,MAAIE,MAAM,mCACP/B,KAAKG,cAAc6C,KAAKe,GACvBlC,EAAA,MAAIE,MAAM,wCACRF,EAAA,OAAKE,MAAM,sCAAsCgC,EAAKC,SACrDD,EAAKE,MAAMlB,OAAS,EAEnBlB,EAAA,OAAKE,MAAM,oCACRgC,EAAKE,MAAMjB,KAAI,CAACkB,EAAMC,IACrBtC,EAACa,EAAQ,KACPb,EAAA,OAAKE,MAAM,mCAAmCmC,GAC7CC,EAAQJ,EAAKE,MAAMlB,OAAS,GAC3BlB,EAAA,OAAKE,MAAM,mDAMnBF,EAAA,OAAKE,MAAM,oCAAkC,UAW3DF,EAAA,OAAKE,MAAM,4BACTF,EAAA,e"}
package/dist/stzh-components/{p-1b78f602.entry.js → p-ba32d7ef.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as s,h as e,a,g as i}from"./p-c7bfac7a.js";const h='.sc-stzh-datamessagelist-item-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-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::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-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium);display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{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-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{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-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing);color:var(--stzh-base-lead-color);margin:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);padding:0;border:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{transition:all var(--stzh-base-transition-animation-speed)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{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);color:var(--stzh-base-lead-color)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{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-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:hover .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:hover .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{border-left:0.3125rem solid var(--stzh-color-primary)}.stzh-datamessagelist-item--is-unread.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item--is-unread.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item--is-unread.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item--is-unread.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{border-left-color:var(--stzh-color-primary-hover)}';const m=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhActionClick=s(this,"stzhActionClick",7);this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:s})};this.itemClick=t=>{this.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t})};this.localization=undefined;this.heading="";this.unread=false;this.href="";this.rel=undefined;this.target=undefined;this.description="";this.icon=undefined;this.nonInteractive=false;this.loadingStatus=undefined;this.meta=undefined;this.actions=undefined;this.tags=undefined;this.analyticsId=undefined;this.external=false}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}loadingStatusWatcher(t){if(typeof t==="string"){this._loadingStatus=JSON.parse(t)}else{this._loadingStatus=t}}metaWatcher(t){if(typeof t==="string"){this._meta=JSON.parse(t)}else{this._meta=t}}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}tagsWatcher(t){if(typeof t==="string"){this._tags=JSON.parse(t)}else{this._tags=t}}async componentWillLoad(){this.loadingStatusWatcher(this.loadingStatus);this.metaWatcher(this.meta);this.actionsWatcher(this.actions);this.tagsWatcher(this.tags);this.externalWatcher();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datamessagelist-item")}}render(){const t={"stzh-datamessagelist-item":true,"stzh-datamessagelist-item--is-unread":this.unread,"stzh-datamessagelist-item--is-interactive":!this.nonInteractive};const s=this.nonInteractive?"div":this.href?"a":"button";return e(a,{role:"listitem"},e("article",{class:t},e("div",{class:"stzh-datamessagelist-item__content"},e("div",{class:"stzh-datamessagelist-item__text"},e("h3",{class:"stzh-datamessagelist-item__heading"},e(s,{class:"stzh-datamessagelist-item__heading-link",href:this.href,rel:this.rel,target:this.target,onClick:this.itemClick,"s-object-id":this.analyticsId||this.heading},this.unread&&e("span",{class:"stzh-datamessagelist-item__vhidden"},this.localization.unread,","),this.heading)),this.description&&e("div",{class:"stzh-datamessagelist-item__description"},e("stzh-clamp",{lines:2,linesMedium:1},this.description)),this._meta&&this._meta.length>0&&e("div",{class:"stzh-datamessagelist-item__meta-wrapper"},e("ul",{class:"stzh-datamessagelist-item__meta"},this._meta.map((t=>e("li",{class:"stzh-datamessagelist-item__meta-item"},e("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),e("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))))))),this._loadingStatus&&e("stzh-status",{class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:true}),this._tags&&this._tags.length>0&&e("div",{class:"stzh-datamessagelist-item__tags-wrapper"},e("div",{class:"stzh-datamessagelist-item__tags"},this._tags.map((t=>e("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",nonInteractive:true,inverted:t.inverted,type:t.type,icon:t.icon,label:t.label})))))),e("div",{class:"stzh-datamessagelist-item__actions"},this._actions&&this._actions.length>0?e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},e("stzh-button",{class:"stzh-datamessagelist-item__action-popover-button",variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:true}),e("stzh-menu",{slot:"content"},this._actions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:s=>{this.actionClick(t,s)}},t.label))))):!this.nonInteractive&&e("div",{class:"stzh-datamessagelist-item__action is-non-interactive"},e("stzh-icon",{class:"stzh-datamessagelist-item__action-icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"})))))}get element(){return i(this)}static get watchers(){return{rel:["externalWatcher"],loadingStatus:["loadingStatusWatcher"],meta:["metaWatcher"],actions:["actionsWatcher"],tags:["tagsWatcher"]}}};m.style=h;export{m as stzh_datamessagelist_item};
2
- //# sourceMappingURL=p-1b78f602.entry.js.map
1
+ import{r as t,c as s,h as e,a,g as i}from"./p-c7bfac7a.js";const h='.sc-stzh-datamessagelist-item-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-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::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-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium);display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{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-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{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-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing);color:var(--stzh-base-lead-color);margin:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);padding:0;border:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{transition:all var(--stzh-base-transition-animation-speed)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{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);color:var(--stzh-base-lead-color)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{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-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:hover .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:hover .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{border-left:0.3125rem solid var(--stzh-color-primary)}.stzh-datamessagelist-item--is-unread.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item--is-unread.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item--is-unread.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item--is-unread.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{border-left-color:var(--stzh-color-primary-hover)}';const m=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhActionClick=s(this,"stzhActionClick",7);this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:s})};this.itemClick=t=>{this.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t,href:this.href})};this.localization=undefined;this.heading="";this.unread=false;this.href="";this.rel=undefined;this.target=undefined;this.description="";this.icon=undefined;this.nonInteractive=false;this.loadingStatus=undefined;this.meta=undefined;this.actions=undefined;this.tags=undefined;this.analyticsId=undefined;this.external=false}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}loadingStatusWatcher(t){if(typeof t==="string"){this._loadingStatus=JSON.parse(t)}else{this._loadingStatus=t}}metaWatcher(t){if(typeof t==="string"){this._meta=JSON.parse(t)}else{this._meta=t}}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}tagsWatcher(t){if(typeof t==="string"){this._tags=JSON.parse(t)}else{this._tags=t}}async componentWillLoad(){this.loadingStatusWatcher(this.loadingStatus);this.metaWatcher(this.meta);this.actionsWatcher(this.actions);this.tagsWatcher(this.tags);this.externalWatcher();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datamessagelist-item")}}render(){const t={"stzh-datamessagelist-item":true,"stzh-datamessagelist-item--is-unread":this.unread,"stzh-datamessagelist-item--is-interactive":!this.nonInteractive};const s=this.nonInteractive?"div":this.href?"a":"button";return e(a,{role:"listitem"},e("article",{class:t},e("div",{class:"stzh-datamessagelist-item__content"},e("div",{class:"stzh-datamessagelist-item__text"},e("h3",{class:"stzh-datamessagelist-item__heading"},e(s,{class:"stzh-datamessagelist-item__heading-link",href:this.href,rel:this.rel,target:this.target,onClick:this.itemClick,"s-object-id":this.analyticsId||this.heading},this.unread&&e("span",{class:"stzh-datamessagelist-item__vhidden"},this.localization.unread,","),this.heading)),this.description&&e("div",{class:"stzh-datamessagelist-item__description"},e("stzh-clamp",{lines:2,linesMedium:1},this.description)),this._meta&&this._meta.length>0&&e("div",{class:"stzh-datamessagelist-item__meta-wrapper"},e("ul",{class:"stzh-datamessagelist-item__meta"},this._meta.map((t=>e("li",{class:"stzh-datamessagelist-item__meta-item"},e("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),e("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))))))),this._loadingStatus&&e("stzh-status",{class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:true}),this._tags&&this._tags.length>0&&e("div",{class:"stzh-datamessagelist-item__tags-wrapper"},e("div",{class:"stzh-datamessagelist-item__tags"},this._tags.map((t=>e("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",nonInteractive:true,inverted:t.inverted,type:t.type,icon:t.icon,label:t.label})))))),e("div",{class:"stzh-datamessagelist-item__actions"},this._actions&&this._actions.length>0?e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},e("stzh-button",{class:"stzh-datamessagelist-item__action-popover-button",variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:true}),e("stzh-menu",{slot:"content"},this._actions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:s=>{this.actionClick(t,s)}},t.label))))):!this.nonInteractive&&e("div",{class:"stzh-datamessagelist-item__action is-non-interactive"},e("stzh-icon",{class:"stzh-datamessagelist-item__action-icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"})))))}get element(){return i(this)}static get watchers(){return{rel:["externalWatcher"],loadingStatus:["loadingStatusWatcher"],meta:["metaWatcher"],actions:["actionsWatcher"],tags:["tagsWatcher"]}}};m.style=h;export{m as stzh_datamessagelist_item};
2
+ //# sourceMappingURL=p-ba32d7ef.entry.js.map
package/dist/stzh-components/{p-1b78f602.entry.js.map → p-ba32d7ef.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["stzhDatamessagelistItemCss","StzhDatamessagelistItem","this","actionClick","action","originalEvent","stzhActionClick","emit","component","itemClick","stzhClick","externalWatcher","external","rel","includes","loadingStatusWatcher","newValue","_loadingStatus","JSON","parse","metaWatcher","_meta","actionsWatcher","_actions","tagsWatcher","_tags","componentWillLoad","loadingStatus","meta","actions","tags","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","unread","nonInteractive","HeadingLink","href","h","Host","role","class","target","onClick","analyticsId","heading","description","lines","linesMedium","length","map","label","value","percent","type","withLoadingbar","tag","variant","size","inverted","icon","actionsPopoverLabel","placement","iconOnly","slot","badge","event","name"],"sources":["src/components/stzh-datamessagelist-item/stzh-datamessagelist-item.scss?tag=stzh-datamessagelist-item&encapsulation=scoped","src/components/stzh-datamessagelist-item/stzh-datamessagelist-item.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-datamessagelist-item {\n @include spaceCurve('padding-left', 'medium');\n @include spaceCurve('padding-right', 'regular');\n display: flex;\n position: relative;\n padding: space('medium');\n background-color: $colorWhite;\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n @include mq($from: medium) {\n flex-direction: row;\n align-items: center;\n }\n }\n\n &__text {\n flex-grow: 1;\n }\n\n &__heading {\n @include font('title');\n @include fontCurve('h4', 'heading');\n color: $baseLeadColor;\n margin: 0;\n }\n\n &__heading-link {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n text-decoration-line: none;\n transition: color $baseTransitionAnimationSpeed;\n border-radius: $buttonBorderRadius;\n padding: 0;\n border: none;\n background-color: transparent;\n appearance: none;\n\n &::before,\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &::before {\n transition: all $baseTransitionAnimationSpeed;\n }\n\n &::after {\n z-index: 1;\n }\n }\n\n &__description {\n @include fontCurve('p1');\n color: $baseLeadColor;\n }\n\n // Meta\n\n &__meta-wrapper {\n margin-top: space('small');\n\n @include mq($from: small) {\n margin-top: space('xxsmall');\n }\n }\n\n &__meta {\n @include fontCurve('caption');\n display: table;\n list-style: none;\n margin: 0;\n padding: 0;\n\n @include mq($from: small) {\n display: flex;\n flex-wrap: wrap;\n margin: 0 calc(#{space('xsmall')} / -1);\n }\n }\n\n &__meta-item {\n display: table-row;\n\n @include mq($from: small) {\n display: flex;\n margin: 0 space('xsmall');\n }\n }\n\n &__meta-item-label,\n &__meta-item-value {\n display: table-cell;\n\n @include mq($from: small) {\n display: inline-block;\n }\n }\n\n &__meta-item-label {\n padding-right: space('xsmall');\n }\n\n &__meta-item-value {\n color: $colorBlack;\n }\n\n // Status / Tags\n\n &__status {\n width: 160px;\n }\n\n &__status,\n &__tags-wrapper {\n margin-top: space('medium');\n\n @include mq($from: medium) {\n margin-top: 0;\n margin-left: space('xxlarge');\n }\n }\n\n &__tags-wrapper {\n @include mq($from: medium) {\n flex-shrink: 0;\n }\n }\n\n &__tags {\n display: flex;\n flex-wrap: wrap;\n margin: calc(#{space('xxsmall')} / -1);\n\n @include mq($from: medium) {\n flex-wrap: nowrap;\n }\n }\n\n &__tag {\n margin: space('xxsmall');\n\n @include mq($from: medium) {\n flex-shrink: 0;\n }\n }\n\n // Actions\n\n &__actions {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n\n &:not(:empty) {\n margin-left: space('medium');\n\n @include mq($from: medium) {\n margin-left: space('xxlarge');\n justify-content: center;\n }\n }\n }\n\n &__action {\n &.is-non-interactive {\n display: flex;\n justify-content: center;\n align-items: center;\n width: $formInputHeightTiny;\n height: $formInputHeightTiny;\n color: $colorPrimary;\n }\n }\n\n &__action-popover {\n --width: auto;\n --min-width: 200px;\n }\n\n &__action-popover-button {\n position: relative;\n z-index: 2;\n }\n\n /* Is interactive variant */\n\n &--is-interactive:hover &__action {\n &.is-non-interactive {\n color: $colorPrimaryHover;\n }\n }\n\n &--is-interactive:hover &__action-popover-button {\n --color: #{$colorPrimaryHover};\n }\n\n &--is-interactive &__heading-link {\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n\n &:hover::before,\n &:focus::before {\n background-color: $colorOldPrimary4;\n }\n }\n\n /* Unread variant */\n\n &--is-unread &__heading-link {\n color: $colorPrimary;\n\n &::before {\n border-left: 5px solid $colorPrimary;\n }\n }\n\n &--is-unread#{&}--is-interactive &__heading-link {\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n\n &:hover::before,\n &:focus::before {\n border-left-color: $colorPrimaryHover;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Watch,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n\nimport {\n StzhDatamessagelistItemEntryLoadingStatus,\n StzhDatamessagelistItemEntryMeta,\n StzhDatamessagelistItemEntryAction,\n StzhDatamessagelistItemEntryTag,\n StzhDatamessagelistItemClickEvent,\n StzhDatamessagelistItemActionClickEvent\n} from \"../../index\";\n\nimport { StzhDatamessagelistItemLocalizedText } from './stzh-datamessagelist-item.localization';\n\n/**\n */\n@Component({\n tag: \"stzh-datamessagelist-item\",\n styleUrl: \"stzh-datamessagelist-item.scss\",\n scoped: true\n})\nexport class StzhDatamessagelistItem {\n /** Translation strings */\n @Prop() localization: StzhDatamessagelistItemLocalizedText;\n\n /** Heading */\n @Prop() heading: string = \"\";\n\n /** Whether item should be displayed in unread state */\n @Prop() unread: boolean = false;\n\n /** URL the item should link to */\n @Prop() href: string = \"\";\n\n /** Rel (if href is used) */\n @Prop() rel: string;\n\n /** Target (if href is used) */\n @Prop() target: string;\n\n /** Description */\n @Prop() description: string = \"\";\n\n /** Icon (`arrow-right` by default or `external-link` if rel=\"*external*\" is used) */\n @Prop() icon: string;\n\n /** Whether item is not interactive (arrow icon and hover effect will disappear) */\n @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n /** Loading status */\n @Prop() loadingStatus: StzhDatamessagelistItemEntryLoadingStatus | string;\n private _loadingStatus: StzhDatamessagelistItemEntryLoadingStatus;\n\n /** Meta */\n @Prop() meta: StzhDatamessagelistItemEntryMeta[] | string;\n private _meta: StzhDatamessagelistItemEntryMeta[];\n\n /** Actions */\n @Prop() actions: StzhDatamessagelistItemEntryAction[] | string;\n private _actions: StzhDatamessagelistItemEntryAction[];\n\n /** Tags */\n @Prop() tags: StzhDatamessagelistItemEntryTag[] | string;\n private _tags: StzhDatamessagelistItemEntryTag[];\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link element.\n * Default value will be taken from `heading` prop.\n */\n @Prop() analyticsId: string;\n\n /** Whether rel contains external */\n @State() external: boolean = false;\n\n @Element() element: HTMLStzhDatamessagelistItemElement;\n\n /** Click event */\n @Event() stzhClick: EventEmitter<StzhDatamessagelistItemClickEvent>;\n\n /** Action click event */\n @Event() stzhActionClick: EventEmitter<StzhDatamessagelistItemActionClickEvent>;\n\n @Watch(\"rel\")\n externalWatcher() {\n this.external = this.rel && this.rel.includes(\"external\");\n }\n\n @Watch(\"loadingStatus\")\n loadingStatusWatcher(newValue: StzhDatamessagelistItemEntryLoadingStatus | string) {\n if (typeof newValue === \"string\") {\n this._loadingStatus = JSON.parse(newValue);\n } else {\n this._loadingStatus = newValue;\n }\n }\n\n @Watch(\"meta\")\n metaWatcher(newValue: StzhDatamessagelistItemEntryMeta[] | string) {\n if (typeof newValue === \"string\") {\n this._meta = JSON.parse(newValue);\n } else {\n this._meta = newValue;\n }\n }\n\n @Watch(\"actions\")\n actionsWatcher(newValue: StzhDatamessagelistItemEntryAction[] | string) {\n if (typeof newValue === \"string\") {\n this._actions = JSON.parse(newValue);\n } else {\n this._actions = newValue;\n }\n }\n\n @Watch(\"tags\")\n tagsWatcher(newValue: StzhDatamessagelistItemEntryTag[] | string) {\n if (typeof newValue === \"string\") {\n this._tags = JSON.parse(newValue);\n } else {\n this._tags = newValue;\n }\n }\n\n private actionClick = (action: StzhDatamessagelistItemEntryAction, originalEvent: MouseEvent) => {\n this.stzhActionClick.emit({\n component: \"stzh-datamessagelist-item\",\n action,\n originalEvent\n });\n }\n\n private itemClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-datamessagelist-item\",\n originalEvent\n });\n }\n\n async componentWillLoad() {\n this.loadingStatusWatcher(this.loadingStatus);\n this.metaWatcher(this.meta);\n this.actionsWatcher(this.actions);\n this.tagsWatcher(this.tags);\n this.externalWatcher();\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datamessagelist-item\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-datamessagelist-item\": true,\n \"stzh-datamessagelist-item--is-unread\": this.unread,\n \"stzh-datamessagelist-item--is-interactive\": !this.nonInteractive,\n };\n\n const HeadingLink = this.nonInteractive ? \"div\" :\n this.href ? \"a\" : \"button\";\n\n return (\n <Host role=\"listitem\">\n <article class={classes}>\n <div class=\"stzh-datamessagelist-item__content\">\n <div class=\"stzh-datamessagelist-item__text\">\n <h3 class=\"stzh-datamessagelist-item__heading\">\n <HeadingLink\n class=\"stzh-datamessagelist-item__heading-link\"\n href={this.href}\n rel={this.rel}\n target={this.target}\n onClick={this.itemClick}\n s-object-id={this.analyticsId || this.heading}\n >\n {this.unread &&\n <span class=\"stzh-datamessagelist-item__vhidden\">\n {this.localization.unread},\n </span>\n }\n {this.heading}\n </HeadingLink>\n </h3>\n\n {this.description &&\n <div class=\"stzh-datamessagelist-item__description\">\n <stzh-clamp lines={2} linesMedium={1}>\n {this.description}\n </stzh-clamp>\n </div>\n }\n\n {this._meta && this._meta.length > 0 &&\n <div class=\"stzh-datamessagelist-item__meta-wrapper\">\n <ul class=\"stzh-datamessagelist-item__meta\">\n {this._meta.map((meta) =>\n <li class=\"stzh-datamessagelist-item__meta-item\">\n <span class=\"stzh-datamessagelist-item__meta-item-label\">{meta.label}</span>\n <span class=\"stzh-datamessagelist-item__meta-item-value\">{meta.value}</span>\n </li>\n )}\n </ul>\n </div>\n }\n </div>\n\n {this._loadingStatus &&\n <stzh-status\n class=\"stzh-datamessagelist-item__status\"\n label={this._loadingStatus.label}\n percent={this._loadingStatus.percent}\n type={this._loadingStatus.type}\n withLoadingbar={true}\n ></stzh-status>\n }\n\n {this._tags && this._tags.length > 0 &&\n <div class=\"stzh-datamessagelist-item__tags-wrapper\">\n <div class=\"stzh-datamessagelist-item__tags\">\n {this._tags.map((tag) =>\n <stzh-chip\n class=\"stzh-datamessagelist-item__tag\"\n variant=\"tag\"\n size=\"small\"\n nonInteractive={true}\n inverted={tag.inverted}\n type={tag.type}\n icon={tag.icon}\n label={tag.label}\n ></stzh-chip>\n )}\n </div>\n </div>\n }\n </div>\n\n <div class=\"stzh-datamessagelist-item__actions\">\n {(this._actions && this._actions.length > 0) ?\n <stzh-popover\n label={this.localization.actionsPopoverLabel}\n placement=\"bottom-end\"\n class=\"stzh-datamessagelist-item__action-popover\"\n >\n <stzh-button\n class=\"stzh-datamessagelist-item__action-popover-button\"\n variant=\"tertiary\"\n size=\"tiny\"\n icon=\"more-horizontal\"\n iconOnly={true}\n ></stzh-button>\n <stzh-menu slot=\"content\">\n {this._actions.map((action) =>\n <stzh-menu-item\n icon={action.icon}\n badge={action.badge}\n onClick={(event) => { this.actionClick(action, event) }}\n >\n {action.label}\n </stzh-menu-item>\n )}\n </stzh-menu>\n </stzh-popover>\n :\n (\n !this.nonInteractive &&\n <div class=\"stzh-datamessagelist-item__action is-non-interactive\">\n <stzh-icon class=\"stzh-datamessagelist-item__action-icon\" name={this.icon ? this.icon : (this.external ? \"external-link\" : \"arrow-right\")}></stzh-icon>\n </div>\n )\n }\n </div>\n\n </article>\n </Host>\n );\n }\n}\n"],"mappings":"2DAAA,MAAMA,EAA6B,69X,MC8BtBC,EAAuB,M,+GAuG1BC,KAAAC,YAAc,CAACC,EAA4CC,KACjEH,KAAKI,gBAAgBC,KAAK,CACxBC,UAAW,4BACXJ,SACAC,iBACA,EAGIH,KAAAO,UAAaJ,IACnBH,KAAKQ,UAAUH,KAAK,CAClBC,UAAW,4BACXH,iBACA,E,yCA9GsB,G,YAGA,M,UAGH,G,0DASO,G,wCAMqB,M,qIA0BtB,K,CAW7B,eAAAM,GACET,KAAKU,SAAWV,KAAKW,KAAOX,KAAKW,IAAIC,SAAS,W,CAIhD,oBAAAC,CAAqBC,GACnB,UAAWA,IAAa,SAAU,CAChCd,KAAKe,eAAiBC,KAAKC,MAAMH,E,KAC5B,CACLd,KAAKe,eAAiBD,C,EAK1B,WAAAI,CAAYJ,GACV,UAAWA,IAAa,SAAU,CAChCd,KAAKmB,MAAQH,KAAKC,MAAMH,E,KACnB,CACLd,KAAKmB,MAAQL,C,EAKjB,cAAAM,CAAeN,GACb,UAAWA,IAAa,SAAU,CAChCd,KAAKqB,SAAWL,KAAKC,MAAMH,E,KACtB,CACLd,KAAKqB,SAAWP,C,EAKpB,WAAAQ,CAAYR,GACV,UAAWA,IAAa,SAAU,CAChCd,KAAKuB,MAAQP,KAAKC,MAAMH,E,KACnB,CACLd,KAAKuB,MAAQT,C,EAmBjB,uBAAMU,GACJxB,KAAKa,qBAAqBb,KAAKyB,eAC/BzB,KAAKkB,YAAYlB,KAAK0B,MACtB1B,KAAKoB,eAAepB,KAAK2B,SACzB3B,KAAKsB,YAAYtB,KAAK4B,MACtB5B,KAAKS,kBAEL,IAAKT,KAAK6B,aAAc,CACtB7B,KAAK6B,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBjC,KAAKkC,QAAS,uB,EAI1F,MAAAC,GACE,MAAMC,EAAU,CACd,4BAA6B,KAC7B,uCAAwCpC,KAAKqC,OAC7C,6CAA8CrC,KAAKsC,gBAGrD,MAAMC,EAAcvC,KAAKsC,eAAiB,MACxCtC,KAAKwC,KAAO,IAAM,SAEpB,OACEC,EAACC,EAAI,CAACC,KAAK,YACTF,EAAA,WAASG,MAAOR,GACdK,EAAA,OAAKG,MAAM,sCACTH,EAAA,OAAKG,MAAM,mCACTH,EAAA,MAAIG,MAAM,sCACRH,EAACF,EAAW,CACVK,MAAM,0CACNJ,KAAMxC,KAAKwC,KACX7B,IAAKX,KAAKW,IACVkC,OAAQ7C,KAAK6C,OACbC,QAAS9C,KAAKO,UAAS,cACVP,KAAK+C,aAAe/C,KAAKgD,SAErChD,KAAKqC,QACJI,EAAA,QAAMG,MAAM,sCACT5C,KAAK6B,aAAaQ,OAAM,KAG5BrC,KAAKgD,UAIThD,KAAKiD,aACJR,EAAA,OAAKG,MAAM,0CACTH,EAAA,cAAYS,MAAO,EAAGC,YAAa,GAChCnD,KAAKiD,cAKXjD,KAAKmB,OAASnB,KAAKmB,MAAMiC,OAAS,GACjCX,EAAA,OAAKG,MAAM,2CACTH,EAAA,MAAIG,MAAM,mCACP5C,KAAKmB,MAAMkC,KAAK3B,GACfe,EAAA,MAAIG,MAAM,wCACRH,EAAA,QAAMG,MAAM,8CAA8ClB,EAAK4B,OAC/Db,EAAA,QAAMG,MAAM,8CAA8ClB,EAAK6B,aAQ1EvD,KAAKe,gBACJ0B,EAAA,eACEG,MAAM,oCACNU,MAAOtD,KAAKe,eAAeuC,MAC3BE,QAASxD,KAAKe,eAAeyC,QAC7BC,KAAMzD,KAAKe,eAAe0C,KAC1BC,eAAgB,OAInB1D,KAAKuB,OAASvB,KAAKuB,MAAM6B,OAAS,GACjCX,EAAA,OAAKG,MAAM,2CACTH,EAAA,OAAKG,MAAM,mCACR5C,KAAKuB,MAAM8B,KAAKM,GACflB,EAAA,aACEG,MAAM,iCACNgB,QAAQ,MACRC,KAAK,QACLvB,eAAgB,KAChBwB,SAAUH,EAAIG,SACdL,KAAME,EAAIF,KACVM,KAAMJ,EAAII,KACVT,MAAOK,EAAIL,aAQvBb,EAAA,OAAKG,MAAM,sCACP5C,KAAKqB,UAAYrB,KAAKqB,SAAS+B,OAAS,EACxCX,EAAA,gBACEa,MAAOtD,KAAK6B,aAAamC,oBACzBC,UAAU,aACVrB,MAAM,6CAENH,EAAA,eACEG,MAAM,mDACNgB,QAAQ,WACRC,KAAK,OACLE,KAAK,kBACLG,SAAU,OAEZzB,EAAA,aAAW0B,KAAK,WACbnE,KAAKqB,SAASgC,KAAKnD,GAClBuC,EAAA,kBACEsB,KAAM7D,EAAO6D,KACbK,MAAOlE,EAAOkE,MACdtB,QAAUuB,IAAYrE,KAAKC,YAAYC,EAAQmE,EAAM,GAEpDnE,EAAOoD,YAObtD,KAAKsC,gBACJG,EAAA,OAAKG,MAAM,wDACTH,EAAA,aAAWG,MAAM,yCAAyC0B,KAAMtE,KAAK+D,KAAO/D,KAAK+D,KAAQ/D,KAAKU,SAAW,gBAAkB,mB"}
1
+ {"version":3,"names":["stzhDatamessagelistItemCss","StzhDatamessagelistItem","this","actionClick","action","originalEvent","stzhActionClick","emit","component","itemClick","stzhClick","href","externalWatcher","external","rel","includes","loadingStatusWatcher","newValue","_loadingStatus","JSON","parse","metaWatcher","_meta","actionsWatcher","_actions","tagsWatcher","_tags","componentWillLoad","loadingStatus","meta","actions","tags","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","unread","nonInteractive","HeadingLink","h","Host","role","class","target","onClick","analyticsId","heading","description","lines","linesMedium","length","map","label","value","percent","type","withLoadingbar","tag","variant","size","inverted","icon","actionsPopoverLabel","placement","iconOnly","slot","badge","event","name"],"sources":["src/components/stzh-datamessagelist-item/stzh-datamessagelist-item.scss?tag=stzh-datamessagelist-item&encapsulation=scoped","src/components/stzh-datamessagelist-item/stzh-datamessagelist-item.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-datamessagelist-item {\n @include spaceCurve('padding-left', 'medium');\n @include spaceCurve('padding-right', 'regular');\n display: flex;\n position: relative;\n padding: space('medium');\n background-color: $colorWhite;\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n @include mq($from: medium) {\n flex-direction: row;\n align-items: center;\n }\n }\n\n &__text {\n flex-grow: 1;\n }\n\n &__heading {\n @include font('title');\n @include fontCurve('h4', 'heading');\n color: $baseLeadColor;\n margin: 0;\n }\n\n &__heading-link {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n text-decoration-line: none;\n transition: color $baseTransitionAnimationSpeed;\n border-radius: $buttonBorderRadius;\n padding: 0;\n border: none;\n background-color: transparent;\n appearance: none;\n\n &::before,\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &::before {\n transition: all $baseTransitionAnimationSpeed;\n }\n\n &::after {\n z-index: 1;\n }\n }\n\n &__description {\n @include fontCurve('p1');\n color: $baseLeadColor;\n }\n\n // Meta\n\n &__meta-wrapper {\n margin-top: space('small');\n\n @include mq($from: small) {\n margin-top: space('xxsmall');\n }\n }\n\n &__meta {\n @include fontCurve('caption');\n display: table;\n list-style: none;\n margin: 0;\n padding: 0;\n\n @include mq($from: small) {\n display: flex;\n flex-wrap: wrap;\n margin: 0 calc(#{space('xsmall')} / -1);\n }\n }\n\n &__meta-item {\n display: table-row;\n\n @include mq($from: small) {\n display: flex;\n margin: 0 space('xsmall');\n }\n }\n\n &__meta-item-label,\n &__meta-item-value {\n display: table-cell;\n\n @include mq($from: small) {\n display: inline-block;\n }\n }\n\n &__meta-item-label {\n padding-right: space('xsmall');\n }\n\n &__meta-item-value {\n color: $colorBlack;\n }\n\n // Status / Tags\n\n &__status {\n width: 160px;\n }\n\n &__status,\n &__tags-wrapper {\n margin-top: space('medium');\n\n @include mq($from: medium) {\n margin-top: 0;\n margin-left: space('xxlarge');\n }\n }\n\n &__tags-wrapper {\n @include mq($from: medium) {\n flex-shrink: 0;\n }\n }\n\n &__tags {\n display: flex;\n flex-wrap: wrap;\n margin: calc(#{space('xxsmall')} / -1);\n\n @include mq($from: medium) {\n flex-wrap: nowrap;\n }\n }\n\n &__tag {\n margin: space('xxsmall');\n\n @include mq($from: medium) {\n flex-shrink: 0;\n }\n }\n\n // Actions\n\n &__actions {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n\n &:not(:empty) {\n margin-left: space('medium');\n\n @include mq($from: medium) {\n margin-left: space('xxlarge');\n justify-content: center;\n }\n }\n }\n\n &__action {\n &.is-non-interactive {\n display: flex;\n justify-content: center;\n align-items: center;\n width: $formInputHeightTiny;\n height: $formInputHeightTiny;\n color: $colorPrimary;\n }\n }\n\n &__action-popover {\n --width: auto;\n --min-width: 200px;\n }\n\n &__action-popover-button {\n position: relative;\n z-index: 2;\n }\n\n /* Is interactive variant */\n\n &--is-interactive:hover &__action {\n &.is-non-interactive {\n color: $colorPrimaryHover;\n }\n }\n\n &--is-interactive:hover &__action-popover-button {\n --color: #{$colorPrimaryHover};\n }\n\n &--is-interactive &__heading-link {\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n\n &:hover::before,\n &:focus::before {\n background-color: $colorOldPrimary4;\n }\n }\n\n /* Unread variant */\n\n &--is-unread &__heading-link {\n color: $colorPrimary;\n\n &::before {\n border-left: 5px solid $colorPrimary;\n }\n }\n\n &--is-unread#{&}--is-interactive &__heading-link {\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n\n &:hover::before,\n &:focus::before {\n border-left-color: $colorPrimaryHover;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Watch,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n\nimport {\n StzhDatamessagelistItemEntryLoadingStatus,\n StzhDatamessagelistItemEntryMeta,\n StzhDatamessagelistItemEntryAction,\n StzhDatamessagelistItemEntryTag,\n StzhDatamessagelistItemClickEvent,\n StzhDatamessagelistItemActionClickEvent\n} from \"../../index\";\n\nimport { StzhDatamessagelistItemLocalizedText } from './stzh-datamessagelist-item.localization';\n\n/**\n */\n@Component({\n tag: \"stzh-datamessagelist-item\",\n styleUrl: \"stzh-datamessagelist-item.scss\",\n scoped: true\n})\nexport class StzhDatamessagelistItem {\n /** Translation strings */\n @Prop() localization: StzhDatamessagelistItemLocalizedText;\n\n /** Heading */\n @Prop() heading: string = \"\";\n\n /** Whether item should be displayed in unread state */\n @Prop() unread: boolean = false;\n\n /** URL the item should link to */\n @Prop() href: string = \"\";\n\n /** Rel (if href is used) */\n @Prop() rel: string;\n\n /** Target (if href is used) */\n @Prop() target: string;\n\n /** Description */\n @Prop() description: string = \"\";\n\n /** Icon (`arrow-right` by default or `external-link` if rel=\"*external*\" is used) */\n @Prop() icon: string;\n\n /** Whether item is not interactive (arrow icon and hover effect will disappear) */\n @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n /** Loading status */\n @Prop() loadingStatus: StzhDatamessagelistItemEntryLoadingStatus | string;\n private _loadingStatus: StzhDatamessagelistItemEntryLoadingStatus;\n\n /** Meta */\n @Prop() meta: StzhDatamessagelistItemEntryMeta[] | string;\n private _meta: StzhDatamessagelistItemEntryMeta[];\n\n /** Actions */\n @Prop() actions: StzhDatamessagelistItemEntryAction[] | string;\n private _actions: StzhDatamessagelistItemEntryAction[];\n\n /** Tags */\n @Prop() tags: StzhDatamessagelistItemEntryTag[] | string;\n private _tags: StzhDatamessagelistItemEntryTag[];\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link element.\n * Default value will be taken from `heading` prop.\n */\n @Prop() analyticsId: string;\n\n /** Whether rel contains external */\n @State() external: boolean = false;\n\n @Element() element: HTMLStzhDatamessagelistItemElement;\n\n /** Click event */\n @Event() stzhClick: EventEmitter<StzhDatamessagelistItemClickEvent>;\n\n /** Action click event */\n @Event() stzhActionClick: EventEmitter<StzhDatamessagelistItemActionClickEvent>;\n\n @Watch(\"rel\")\n externalWatcher() {\n this.external = this.rel && this.rel.includes(\"external\");\n }\n\n @Watch(\"loadingStatus\")\n loadingStatusWatcher(newValue: StzhDatamessagelistItemEntryLoadingStatus | string) {\n if (typeof newValue === \"string\") {\n this._loadingStatus = JSON.parse(newValue);\n } else {\n this._loadingStatus = newValue;\n }\n }\n\n @Watch(\"meta\")\n metaWatcher(newValue: StzhDatamessagelistItemEntryMeta[] | string) {\n if (typeof newValue === \"string\") {\n this._meta = JSON.parse(newValue);\n } else {\n this._meta = newValue;\n }\n }\n\n @Watch(\"actions\")\n actionsWatcher(newValue: StzhDatamessagelistItemEntryAction[] | string) {\n if (typeof newValue === \"string\") {\n this._actions = JSON.parse(newValue);\n } else {\n this._actions = newValue;\n }\n }\n\n @Watch(\"tags\")\n tagsWatcher(newValue: StzhDatamessagelistItemEntryTag[] | string) {\n if (typeof newValue === \"string\") {\n this._tags = JSON.parse(newValue);\n } else {\n this._tags = newValue;\n }\n }\n\n private actionClick = (action: StzhDatamessagelistItemEntryAction, originalEvent: MouseEvent) => {\n this.stzhActionClick.emit({\n component: \"stzh-datamessagelist-item\",\n action,\n originalEvent\n });\n }\n\n private itemClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-datamessagelist-item\",\n originalEvent,\n href: this.href\n });\n }\n\n async componentWillLoad() {\n this.loadingStatusWatcher(this.loadingStatus);\n this.metaWatcher(this.meta);\n this.actionsWatcher(this.actions);\n this.tagsWatcher(this.tags);\n this.externalWatcher();\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datamessagelist-item\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-datamessagelist-item\": true,\n \"stzh-datamessagelist-item--is-unread\": this.unread,\n \"stzh-datamessagelist-item--is-interactive\": !this.nonInteractive,\n };\n\n const HeadingLink = this.nonInteractive ? \"div\" :\n this.href ? \"a\" : \"button\";\n\n return (\n <Host role=\"listitem\">\n <article class={classes}>\n <div class=\"stzh-datamessagelist-item__content\">\n <div class=\"stzh-datamessagelist-item__text\">\n <h3 class=\"stzh-datamessagelist-item__heading\">\n <HeadingLink\n class=\"stzh-datamessagelist-item__heading-link\"\n href={this.href}\n rel={this.rel}\n target={this.target}\n onClick={this.itemClick}\n s-object-id={this.analyticsId || this.heading}\n >\n {this.unread &&\n <span class=\"stzh-datamessagelist-item__vhidden\">\n {this.localization.unread},\n </span>\n }\n {this.heading}\n </HeadingLink>\n </h3>\n\n {this.description &&\n <div class=\"stzh-datamessagelist-item__description\">\n <stzh-clamp lines={2} linesMedium={1}>\n {this.description}\n </stzh-clamp>\n </div>\n }\n\n {this._meta && this._meta.length > 0 &&\n <div class=\"stzh-datamessagelist-item__meta-wrapper\">\n <ul class=\"stzh-datamessagelist-item__meta\">\n {this._meta.map((meta) =>\n <li class=\"stzh-datamessagelist-item__meta-item\">\n <span class=\"stzh-datamessagelist-item__meta-item-label\">{meta.label}</span>\n <span class=\"stzh-datamessagelist-item__meta-item-value\">{meta.value}</span>\n </li>\n )}\n </ul>\n </div>\n }\n </div>\n\n {this._loadingStatus &&\n <stzh-status\n class=\"stzh-datamessagelist-item__status\"\n label={this._loadingStatus.label}\n percent={this._loadingStatus.percent}\n type={this._loadingStatus.type}\n withLoadingbar={true}\n ></stzh-status>\n }\n\n {this._tags && this._tags.length > 0 &&\n <div class=\"stzh-datamessagelist-item__tags-wrapper\">\n <div class=\"stzh-datamessagelist-item__tags\">\n {this._tags.map((tag) =>\n <stzh-chip\n class=\"stzh-datamessagelist-item__tag\"\n variant=\"tag\"\n size=\"small\"\n nonInteractive={true}\n inverted={tag.inverted}\n type={tag.type}\n icon={tag.icon}\n label={tag.label}\n ></stzh-chip>\n )}\n </div>\n </div>\n }\n </div>\n\n <div class=\"stzh-datamessagelist-item__actions\">\n {(this._actions && this._actions.length > 0) ?\n <stzh-popover\n label={this.localization.actionsPopoverLabel}\n placement=\"bottom-end\"\n class=\"stzh-datamessagelist-item__action-popover\"\n >\n <stzh-button\n class=\"stzh-datamessagelist-item__action-popover-button\"\n variant=\"tertiary\"\n size=\"tiny\"\n icon=\"more-horizontal\"\n iconOnly={true}\n ></stzh-button>\n <stzh-menu slot=\"content\">\n {this._actions.map((action) =>\n <stzh-menu-item\n icon={action.icon}\n badge={action.badge}\n onClick={(event) => { this.actionClick(action, event) }}\n >\n {action.label}\n </stzh-menu-item>\n )}\n </stzh-menu>\n </stzh-popover>\n :\n (\n !this.nonInteractive &&\n <div class=\"stzh-datamessagelist-item__action is-non-interactive\">\n <stzh-icon class=\"stzh-datamessagelist-item__action-icon\" name={this.icon ? this.icon : (this.external ? \"external-link\" : \"arrow-right\")}></stzh-icon>\n </div>\n )\n }\n </div>\n\n </article>\n </Host>\n );\n }\n}\n"],"mappings":"2DAAA,MAAMA,EAA6B,69X,MC8BtBC,EAAuB,M,+GAuG1BC,KAAAC,YAAc,CAACC,EAA4CC,KACjEH,KAAKI,gBAAgBC,KAAK,CACxBC,UAAW,4BACXJ,SACAC,iBACA,EAGIH,KAAAO,UAAaJ,IACnBH,KAAKQ,UAAUH,KAAK,CAClBC,UAAW,4BACXH,gBACAM,KAAMT,KAAKS,MACX,E,yCA/GsB,G,YAGA,M,UAGH,G,0DASO,G,wCAMqB,M,qIA0BtB,K,CAW7B,eAAAC,GACEV,KAAKW,SAAWX,KAAKY,KAAOZ,KAAKY,IAAIC,SAAS,W,CAIhD,oBAAAC,CAAqBC,GACnB,UAAWA,IAAa,SAAU,CAChCf,KAAKgB,eAAiBC,KAAKC,MAAMH,E,KAC5B,CACLf,KAAKgB,eAAiBD,C,EAK1B,WAAAI,CAAYJ,GACV,UAAWA,IAAa,SAAU,CAChCf,KAAKoB,MAAQH,KAAKC,MAAMH,E,KACnB,CACLf,KAAKoB,MAAQL,C,EAKjB,cAAAM,CAAeN,GACb,UAAWA,IAAa,SAAU,CAChCf,KAAKsB,SAAWL,KAAKC,MAAMH,E,KACtB,CACLf,KAAKsB,SAAWP,C,EAKpB,WAAAQ,CAAYR,GACV,UAAWA,IAAa,SAAU,CAChCf,KAAKwB,MAAQP,KAAKC,MAAMH,E,KACnB,CACLf,KAAKwB,MAAQT,C,EAoBjB,uBAAMU,GACJzB,KAAKc,qBAAqBd,KAAK0B,eAC/B1B,KAAKmB,YAAYnB,KAAK2B,MACtB3B,KAAKqB,eAAerB,KAAK4B,SACzB5B,KAAKuB,YAAYvB,KAAK6B,MACtB7B,KAAKU,kBAEL,IAAKV,KAAK8B,aAAc,CACtB9B,KAAK8B,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBlC,KAAKmC,QAAS,uB,EAI1F,MAAAC,GACE,MAAMC,EAAU,CACd,4BAA6B,KAC7B,uCAAwCrC,KAAKsC,OAC7C,6CAA8CtC,KAAKuC,gBAGrD,MAAMC,EAAcxC,KAAKuC,eAAiB,MACxCvC,KAAKS,KAAO,IAAM,SAEpB,OACEgC,EAACC,EAAI,CAACC,KAAK,YACTF,EAAA,WAASG,MAAOP,GACdI,EAAA,OAAKG,MAAM,sCACTH,EAAA,OAAKG,MAAM,mCACTH,EAAA,MAAIG,MAAM,sCACRH,EAACD,EAAW,CACVI,MAAM,0CACNnC,KAAMT,KAAKS,KACXG,IAAKZ,KAAKY,IACViC,OAAQ7C,KAAK6C,OACbC,QAAS9C,KAAKO,UAAS,cACVP,KAAK+C,aAAe/C,KAAKgD,SAErChD,KAAKsC,QACJG,EAAA,QAAMG,MAAM,sCACT5C,KAAK8B,aAAaQ,OAAM,KAG5BtC,KAAKgD,UAIThD,KAAKiD,aACJR,EAAA,OAAKG,MAAM,0CACTH,EAAA,cAAYS,MAAO,EAAGC,YAAa,GAChCnD,KAAKiD,cAKXjD,KAAKoB,OAASpB,KAAKoB,MAAMgC,OAAS,GACjCX,EAAA,OAAKG,MAAM,2CACTH,EAAA,MAAIG,MAAM,mCACP5C,KAAKoB,MAAMiC,KAAK1B,GACfc,EAAA,MAAIG,MAAM,wCACRH,EAAA,QAAMG,MAAM,8CAA8CjB,EAAK2B,OAC/Db,EAAA,QAAMG,MAAM,8CAA8CjB,EAAK4B,aAQ1EvD,KAAKgB,gBACJyB,EAAA,eACEG,MAAM,oCACNU,MAAOtD,KAAKgB,eAAesC,MAC3BE,QAASxD,KAAKgB,eAAewC,QAC7BC,KAAMzD,KAAKgB,eAAeyC,KAC1BC,eAAgB,OAInB1D,KAAKwB,OAASxB,KAAKwB,MAAM4B,OAAS,GACjCX,EAAA,OAAKG,MAAM,2CACTH,EAAA,OAAKG,MAAM,mCACR5C,KAAKwB,MAAM6B,KAAKM,GACflB,EAAA,aACEG,MAAM,iCACNgB,QAAQ,MACRC,KAAK,QACLtB,eAAgB,KAChBuB,SAAUH,EAAIG,SACdL,KAAME,EAAIF,KACVM,KAAMJ,EAAII,KACVT,MAAOK,EAAIL,aAQvBb,EAAA,OAAKG,MAAM,sCACP5C,KAAKsB,UAAYtB,KAAKsB,SAAS8B,OAAS,EACxCX,EAAA,gBACEa,MAAOtD,KAAK8B,aAAakC,oBACzBC,UAAU,aACVrB,MAAM,6CAENH,EAAA,eACEG,MAAM,mDACNgB,QAAQ,WACRC,KAAK,OACLE,KAAK,kBACLG,SAAU,OAEZzB,EAAA,aAAW0B,KAAK,WACbnE,KAAKsB,SAAS+B,KAAKnD,GAClBuC,EAAA,kBACEsB,KAAM7D,EAAO6D,KACbK,MAAOlE,EAAOkE,MACdtB,QAAUuB,IAAYrE,KAAKC,YAAYC,EAAQmE,EAAM,GAEpDnE,EAAOoD,YAObtD,KAAKuC,gBACJE,EAAA,OAAKG,MAAM,wDACTH,EAAA,aAAWG,MAAM,yCAAyC0B,KAAMtE,KAAK+D,KAAO/D,KAAK+D,KAAQ/D,KAAKW,SAAW,gBAAkB,mB"}