@oiz/stzh-components 4.3.0 → 4.3.1

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 (476) hide show
  1. package/dist/cjs/{app-globals-8ce8837c.js → app-globals-123a5a5f.js} +2 -2
  2. package/dist/cjs/{app-globals-8ce8837c.js.map → app-globals-123a5a5f.js.map} +1 -1
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/stzh-accordion_3.cjs.entry.js +2 -2
  5. package/dist/cjs/stzh-actions_6.cjs.entry.js +1 -1
  6. package/dist/cjs/stzh-actionset.cjs.entry.js +5 -5
  7. package/dist/cjs/stzh-amount.cjs.entry.js +1 -1
  8. package/dist/cjs/stzh-anchornav.cjs.entry.js +1 -1
  9. package/dist/cjs/stzh-app-nav.cjs.entry.js +1 -1
  10. package/dist/cjs/stzh-appointments.cjs.entry.js +6 -6
  11. package/dist/cjs/stzh-audio.cjs.entry.js +3 -3
  12. package/dist/cjs/stzh-badge_3.cjs.entry.js +2 -2
  13. package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js +1 -1
  14. package/dist/cjs/stzh-buttongroup.cjs.entry.js +1 -1
  15. package/dist/cjs/stzh-card-navigation.cjs.entry.js +1 -1
  16. package/dist/cjs/stzh-card-navigation.cjs.entry.js.map +1 -1
  17. package/dist/cjs/stzh-card-searchresult.cjs.entry.js +1 -1
  18. package/dist/cjs/stzh-card-searchresult.cjs.entry.js.map +1 -1
  19. package/dist/cjs/stzh-card-superteaser.cjs.entry.js +1 -1
  20. package/dist/cjs/stzh-card.cjs.entry.js +9 -24
  21. package/dist/cjs/stzh-card.cjs.entry.js.map +1 -1
  22. package/dist/cjs/stzh-components.cjs.js +2 -2
  23. package/dist/cjs/stzh-contact-cv.cjs.entry.js +1 -1
  24. package/dist/cjs/stzh-contact.cjs.entry.js +5 -5
  25. package/dist/cjs/stzh-datatable.cjs.entry.js.map +1 -1
  26. package/dist/cjs/stzh-disturber.cjs.entry.js +2 -2
  27. package/dist/cjs/stzh-editor.cjs.entry.js +1 -1
  28. package/dist/cjs/stzh-eventdata.cjs.entry.js +1 -1
  29. package/dist/cjs/stzh-eventinfo.cjs.entry.js +1 -1
  30. package/dist/cjs/stzh-feedreader-item.cjs.entry.js +1 -1
  31. package/dist/cjs/stzh-feedreader.cjs.entry.js +1 -1
  32. package/dist/cjs/stzh-geo-ref-data.cjs.entry.js +3 -3
  33. package/dist/cjs/stzh-ghettobox_3.cjs.entry.js +1 -1
  34. package/dist/cjs/stzh-homepage-search.cjs.entry.js +1 -1
  35. package/dist/cjs/stzh-homepage-service-highlights.cjs.entry.js +2 -2
  36. package/dist/cjs/stzh-microsite-teaserlist.cjs.entry.js +3 -3
  37. package/dist/cjs/stzh-page-skiplinks.cjs.entry.js +1 -1
  38. package/dist/cjs/stzh-pagebottom.cjs.entry.js +1 -1
  39. package/dist/cjs/stzh-pagecontent.cjs.entry.js +1 -1
  40. package/dist/cjs/stzh-pagetitle-hero.cjs.entry.js +2 -2
  41. package/dist/cjs/stzh-pagetitle-home.cjs.entry.js +1 -1
  42. package/dist/cjs/stzh-pagetitle.cjs.entry.js +1 -1
  43. package/dist/cjs/stzh-pi-content-navigation.cjs.entry.js +2 -2
  44. package/dist/cjs/stzh-pi-menu.cjs.entry.js +2 -2
  45. package/dist/cjs/stzh-pi-pagetitle.cjs.entry.js +1 -1
  46. package/dist/cjs/stzh-pi-quote.cjs.entry.js +1 -1
  47. package/dist/cjs/stzh-pi-teaser.cjs.entry.js +1 -1
  48. package/dist/cjs/stzh-poicard.cjs.entry.js +2 -2
  49. package/dist/cjs/stzh-poilist.cjs.entry.js +2 -2
  50. package/dist/cjs/stzh-print_2.cjs.entry.js +1 -1
  51. package/dist/cjs/stzh-search.cjs.entry.js +2 -2
  52. package/dist/cjs/stzh-sitemap.cjs.entry.js +1 -1
  53. package/dist/cjs/stzh-socialmediastream-item.cjs.entry.js +1 -1
  54. package/dist/cjs/stzh-socialmediastream.cjs.entry.js +1 -1
  55. package/dist/cjs/stzh-textandimage.cjs.entry.js +1 -1
  56. package/dist/cjs/stzh-twocolumns.cjs.entry.js +1 -1
  57. package/dist/cjs/stzh-vbz-connection-finder.cjs.entry.js +8 -1
  58. package/dist/cjs/stzh-vbz-connection-finder.cjs.entry.js.map +1 -1
  59. package/dist/collection/assets/i18n/en.json +1 -1
  60. package/dist/collection/collection-manifest.json +2 -2
  61. package/dist/collection/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.js +26 -1
  62. package/dist/collection/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.js.map +1 -1
  63. package/dist/collection/components/CMS/stzh-card-superteaser/stzh-card-superteaser.js +1 -1
  64. package/dist/collection/components/CMS/stzh-contact/stzh-contact.js +5 -5
  65. package/dist/collection/components/CMS/stzh-contact-cv/stzh-contact-cv.js +1 -1
  66. package/dist/collection/components/CMS/stzh-disturber/stzh-disturber.js +2 -2
  67. package/dist/collection/components/CMS/stzh-editor/stzh-editor.js +1 -1
  68. package/dist/collection/components/CMS/stzh-eventdata/stzh-eventdata.js +1 -1
  69. package/dist/collection/components/CMS/stzh-eventinfo/stzh-eventinfo.js +1 -1
  70. package/dist/collection/components/CMS/stzh-feedreader/stzh-feedreader.js +1 -1
  71. package/dist/collection/components/CMS/stzh-feedreader-item/stzh-feedreader-item.js +1 -1
  72. package/dist/collection/components/CMS/stzh-geo-ref-data/stzh-geo-ref-data.js +3 -3
  73. package/dist/collection/components/CMS/stzh-ghettobox/stzh-ghettobox.js +1 -1
  74. package/dist/collection/components/CMS/stzh-homepage-search/stzh-homepage-search.js +1 -1
  75. package/dist/collection/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.js +2 -2
  76. package/dist/collection/components/CMS/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js +3 -3
  77. package/dist/collection/components/CMS/stzh-page-skiplinks/stzh-page-skiplinks.js +1 -1
  78. package/dist/collection/components/CMS/stzh-pagebottom/stzh-pagebottom.js +1 -1
  79. package/dist/collection/components/CMS/stzh-pagecontent/stzh-pagecontent.js +1 -1
  80. package/dist/collection/components/CMS/stzh-pagetitle/stzh-pagetitle.js +1 -1
  81. package/dist/collection/components/CMS/stzh-pagetitle-hero/stzh-pagetitle-hero.js +2 -2
  82. package/dist/collection/components/CMS/stzh-pagetitle-home/stzh-pagetitle-home.js +1 -1
  83. package/dist/collection/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.js +2 -2
  84. package/dist/collection/components/CMS/stzh-pi-menu/stzh-pi-menu.js +2 -2
  85. package/dist/collection/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.js +1 -1
  86. package/dist/collection/components/CMS/stzh-pi-quote/stzh-pi-quote.js +1 -1
  87. package/dist/collection/components/CMS/stzh-pi-teaser/stzh-pi-teaser.js +1 -1
  88. package/dist/collection/components/CMS/stzh-poicard/stzh-poicard.js +2 -2
  89. package/dist/collection/components/CMS/stzh-poilist/stzh-poilist.js +2 -2
  90. package/dist/collection/components/CMS/stzh-print/stzh-print.js +1 -1
  91. package/dist/collection/components/CMS/stzh-search/stzh-search.js +2 -2
  92. package/dist/collection/components/CMS/stzh-sitemap/stzh-sitemap.js +1 -1
  93. package/dist/collection/components/CMS/stzh-socialmediastream/stzh-socialmediastream.js +1 -1
  94. package/dist/collection/components/CMS/stzh-socialmediastream-item/stzh-socialmediastream-item.js +1 -1
  95. package/dist/collection/components/CMS/stzh-textandimage/stzh-textandimage.js +1 -1
  96. package/dist/collection/components/CMS/stzh-twocolumns/stzh-twocolumns.js +1 -1
  97. package/dist/collection/components/stzh-accordion/stzh-accordion.js +1 -1
  98. package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.js +1 -1
  99. package/dist/collection/components/stzh-actions/stzh-actions.js +1 -1
  100. package/dist/collection/components/stzh-actionset/stzh-actionset.js +5 -5
  101. package/dist/collection/components/stzh-amount/stzh-amount.js +1 -1
  102. package/dist/collection/components/stzh-anchornav/stzh-anchornav.js +1 -1
  103. package/dist/collection/components/stzh-app-nav/stzh-app-nav.js +1 -1
  104. package/dist/collection/components/stzh-appointments/stzh-appointments.js +6 -6
  105. package/dist/collection/components/stzh-audio/stzh-audio.js +3 -3
  106. package/dist/collection/components/stzh-badge/stzh-badge.js +1 -1
  107. package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.js +1 -1
  108. package/dist/collection/components/stzh-button/stzh-button.js +1 -1
  109. package/dist/collection/components/stzh-buttongroup/stzh-buttongroup.js +1 -1
  110. package/dist/collection/components/stzh-card/stzh-card.e2e.js +1 -0
  111. package/dist/collection/components/stzh-card/stzh-card.e2e.js.map +1 -1
  112. package/dist/collection/components/stzh-card/stzh-card.js +11 -26
  113. package/dist/collection/components/stzh-card/stzh-card.js.map +1 -1
  114. package/dist/collection/components/stzh-card/stzh-card.stories.js +148 -12
  115. package/dist/collection/components/{CMS/stzh-card-navigation → stzh-card-navigation}/stzh-card-navigation.e2e.js +2 -2
  116. package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.e2e.js.map +1 -0
  117. package/dist/collection/components/{CMS/stzh-card-navigation → stzh-card-navigation}/stzh-card-navigation.js +3 -3
  118. package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js.map +1 -0
  119. package/dist/collection/components/{CMS/stzh-card-navigation → stzh-card-navigation}/stzh-card-navigation.stories.js +3 -3
  120. package/dist/collection/components/{CMS/stzh-card-searchresult → stzh-card-searchresult}/stzh-card-searchresult.e2e.js +2 -2
  121. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.e2e.js.map +1 -0
  122. package/dist/collection/components/{CMS/stzh-card-searchresult → stzh-card-searchresult}/stzh-card-searchresult.js +7 -7
  123. package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js.map +1 -0
  124. package/dist/collection/components/{CMS/stzh-card-searchresult → stzh-card-searchresult}/stzh-card-searchresult.stories.js +3 -3
  125. package/dist/collection/components/stzh-datatable/stzh-datatable.js +1 -1
  126. package/dist/collection/components/stzh-datatable/stzh-datatable.js.map +1 -1
  127. package/dist/components/index.js +1 -1
  128. package/dist/components/{p-02dde838.js → p-0315f0e6.js} +3 -3
  129. package/dist/components/{p-02dde838.js.map → p-0315f0e6.js.map} +1 -1
  130. package/dist/components/{p-022b1add.js → p-0bed6703.js} +3 -3
  131. package/dist/components/{p-022b1add.js.map → p-0bed6703.js.map} +1 -1
  132. package/dist/components/{p-75de2b52.js → p-12654708.js} +5 -5
  133. package/dist/components/{p-75de2b52.js.map → p-12654708.js.map} +1 -1
  134. package/dist/components/{p-6eb9fbaf.js → p-12c55d67.js} +3 -3
  135. package/dist/components/{p-6eb9fbaf.js.map → p-12c55d67.js.map} +1 -1
  136. package/dist/components/{p-60bfdfcf.js → p-1dc83d62.js} +2 -2
  137. package/dist/components/{p-60bfdfcf.js.map → p-1dc83d62.js.map} +1 -1
  138. package/dist/components/{p-78ff471a.js → p-21e55e49.js} +3 -3
  139. package/dist/components/{p-78ff471a.js.map → p-21e55e49.js.map} +1 -1
  140. package/dist/components/{p-61e8a4c8.js → p-26475e68.js} +2 -2
  141. package/dist/components/{p-61e8a4c8.js.map → p-26475e68.js.map} +1 -1
  142. package/dist/components/{p-2e58848d.js → p-318eb8ce.js} +7 -7
  143. package/dist/components/{p-2e58848d.js.map → p-318eb8ce.js.map} +1 -1
  144. package/dist/components/{p-bc35e5a1.js → p-3be733b1.js} +4 -4
  145. package/dist/components/{p-bc35e5a1.js.map → p-3be733b1.js.map} +1 -1
  146. package/dist/components/{p-fc1aafb5.js → p-3c92a168.js} +2 -2
  147. package/dist/components/{p-fc1aafb5.js.map → p-3c92a168.js.map} +1 -1
  148. package/dist/components/{p-ae438bdc.js → p-46b3c290.js} +3 -3
  149. package/dist/components/{p-ae438bdc.js.map → p-46b3c290.js.map} +1 -1
  150. package/dist/components/{p-7733b8ca.js → p-54e44cdb.js} +4 -4
  151. package/dist/components/{p-7733b8ca.js.map → p-54e44cdb.js.map} +1 -1
  152. package/dist/components/{p-ec047685.js → p-5d6829ef.js} +6 -6
  153. package/dist/components/{p-ec047685.js.map → p-5d6829ef.js.map} +1 -1
  154. package/dist/components/{p-ffec300d.js → p-5e30852c.js} +3 -3
  155. package/dist/components/{p-ffec300d.js.map → p-5e30852c.js.map} +1 -1
  156. package/dist/components/{p-fb02e9f7.js → p-652ae542.js} +2 -2
  157. package/dist/components/{p-fb02e9f7.js.map → p-652ae542.js.map} +1 -1
  158. package/dist/components/{p-3ec7da5f.js → p-65d498b6.js} +3 -3
  159. package/dist/components/{p-3ec7da5f.js.map → p-65d498b6.js.map} +1 -1
  160. package/dist/components/{p-b9b2eb1b.js → p-80a893df.js} +2 -2
  161. package/dist/components/{p-b9b2eb1b.js.map → p-80a893df.js.map} +1 -1
  162. package/dist/components/{p-fbdd0f8f.js → p-83a7ac2c.js} +3 -3
  163. package/dist/components/{p-fbdd0f8f.js.map → p-83a7ac2c.js.map} +1 -1
  164. package/dist/components/{p-f87105bb.js → p-8c662622.js} +2 -2
  165. package/dist/components/{p-f87105bb.js.map → p-8c662622.js.map} +1 -1
  166. package/dist/components/{p-2dc162f9.js → p-8c9e8d25.js} +5 -5
  167. package/dist/components/{p-2dc162f9.js.map → p-8c9e8d25.js.map} +1 -1
  168. package/dist/components/{p-b1d32805.js → p-9187b0ea.js} +3 -3
  169. package/dist/components/{p-b1d32805.js.map → p-9187b0ea.js.map} +1 -1
  170. package/dist/components/{p-8e4c1a5e.js → p-9da09a5b.js} +2 -2
  171. package/dist/components/{p-8e4c1a5e.js.map → p-9da09a5b.js.map} +1 -1
  172. package/dist/components/{p-f35400e1.js → p-a0c79a46.js} +2 -2
  173. package/dist/components/{p-f35400e1.js.map → p-a0c79a46.js.map} +1 -1
  174. package/dist/components/{p-6eaf5218.js → p-a81a3a4c.js} +3 -3
  175. package/dist/components/{p-6eaf5218.js.map → p-a81a3a4c.js.map} +1 -1
  176. package/dist/components/{p-2a972be2.js → p-ba5a005c.js} +4 -4
  177. package/dist/components/{p-2a972be2.js.map → p-ba5a005c.js.map} +1 -1
  178. package/dist/components/{p-907db6a9.js → p-bb4f4ffc.js} +5 -5
  179. package/dist/components/{p-907db6a9.js.map → p-bb4f4ffc.js.map} +1 -1
  180. package/dist/components/{p-55350e52.js → p-bd503085.js} +3 -3
  181. package/dist/components/{p-55350e52.js.map → p-bd503085.js.map} +1 -1
  182. package/dist/components/{p-0c2de460.js → p-c16c49ca.js} +4 -4
  183. package/dist/components/{p-0c2de460.js.map → p-c16c49ca.js.map} +1 -1
  184. package/dist/components/{p-07da844f.js → p-c3216aa7.js} +3 -3
  185. package/dist/components/{p-07da844f.js.map → p-c3216aa7.js.map} +1 -1
  186. package/dist/components/{p-4eb35d23.js → p-c6550ae3.js} +4 -4
  187. package/dist/components/{p-4eb35d23.js.map → p-c6550ae3.js.map} +1 -1
  188. package/dist/components/{p-8054dcb8.js → p-c8b4046a.js} +9 -9
  189. package/dist/components/{p-8054dcb8.js.map → p-c8b4046a.js.map} +1 -1
  190. package/dist/components/{p-273d413c.js → p-dbe86180.js} +14 -29
  191. package/dist/components/p-dbe86180.js.map +1 -0
  192. package/dist/components/{p-aa78661e.js → p-dd7410cb.js} +4 -4
  193. package/dist/components/{p-aa78661e.js.map → p-dd7410cb.js.map} +1 -1
  194. package/dist/components/{p-8b1537d5.js → p-f4ff43ee.js} +2 -2
  195. package/dist/components/{p-8b1537d5.js.map → p-f4ff43ee.js.map} +1 -1
  196. package/dist/components/{p-e6d206c1.js → p-fcde2fcb.js} +3 -3
  197. package/dist/components/{p-e6d206c1.js.map → p-fcde2fcb.js.map} +1 -1
  198. package/dist/components/stzh-accordion-item.js +1 -1
  199. package/dist/components/stzh-accordion.js +1 -1
  200. package/dist/components/stzh-actions.js +1 -1
  201. package/dist/components/stzh-actionset.js +1 -1
  202. package/dist/components/stzh-amount.js +5 -5
  203. package/dist/components/stzh-anchornav.js +4 -4
  204. package/dist/components/stzh-app-nav.js +1 -1
  205. package/dist/components/stzh-appointments.js +12 -12
  206. package/dist/components/stzh-archivelist.js +4 -4
  207. package/dist/components/stzh-audio.js +3 -3
  208. package/dist/components/stzh-badge.js +1 -1
  209. package/dist/components/stzh-banner.js +2 -2
  210. package/dist/components/stzh-bathstatus-item.js +1 -1
  211. package/dist/components/stzh-bathstatus-list.js +3 -3
  212. package/dist/components/stzh-breadcrumb.js +1 -1
  213. package/dist/components/stzh-button.js +1 -1
  214. package/dist/components/stzh-buttongroup.js +1 -1
  215. package/dist/components/stzh-calendar.js +1 -1
  216. package/dist/components/stzh-card-navigation.js +1 -1
  217. package/dist/components/stzh-card-navigation.js.map +1 -1
  218. package/dist/components/stzh-card-searchresult.js +9 -9
  219. package/dist/components/stzh-card-searchresult.js.map +1 -1
  220. package/dist/components/stzh-card-superteaser.js +9 -9
  221. package/dist/components/stzh-card.js +1 -1
  222. package/dist/components/stzh-cardlist.js +1 -1
  223. package/dist/components/stzh-chip.js +1 -1
  224. package/dist/components/stzh-chipselect.js +1 -1
  225. package/dist/components/stzh-clamp.js +1 -1
  226. package/dist/components/stzh-contact-cv.js +1 -1
  227. package/dist/components/stzh-contact.js +7 -7
  228. package/dist/components/stzh-datalist-item.js +1 -1
  229. package/dist/components/stzh-datalist.js +1 -1
  230. package/dist/components/stzh-datamessagelist-item.js +6 -6
  231. package/dist/components/stzh-datatable.js +9 -9
  232. package/dist/components/stzh-datatable.js.map +1 -1
  233. package/dist/components/stzh-datepicker.js +1 -1
  234. package/dist/components/stzh-daterange.js +2 -2
  235. package/dist/components/stzh-dialog.js +1 -1
  236. package/dist/components/stzh-disturber.js +4 -4
  237. package/dist/components/stzh-editor.js +3 -3
  238. package/dist/components/stzh-eventdata.js +1 -1
  239. package/dist/components/stzh-eventinfo.js +3 -3
  240. package/dist/components/stzh-feedreader-item.js +1 -1
  241. package/dist/components/stzh-feedreader.js +5 -5
  242. package/dist/components/stzh-footer.js +2 -2
  243. package/dist/components/stzh-gallery.js +2 -2
  244. package/dist/components/stzh-geo-ref-data.js +15 -15
  245. package/dist/components/stzh-ghettobox.js +1 -1
  246. package/dist/components/stzh-header.js +1 -1
  247. package/dist/components/stzh-homepage-search.js +1 -1
  248. package/dist/components/stzh-homepage-service-highlights.js +4 -4
  249. package/dist/components/stzh-http-error.js +3 -3
  250. package/dist/components/stzh-iframe.js +1 -1
  251. package/dist/components/stzh-input.js +1 -1
  252. package/dist/components/stzh-link.js +1 -1
  253. package/dist/components/stzh-menu-item.js +1 -1
  254. package/dist/components/stzh-message.js +1 -1
  255. package/dist/components/stzh-microsite-teaserlist.js +13 -13
  256. package/dist/components/stzh-offline-indicator.js +4 -4
  257. package/dist/components/stzh-page-skiplinks.js +1 -1
  258. package/dist/components/stzh-pagebottom.js +5 -5
  259. package/dist/components/stzh-pagecontent.js +1 -1
  260. package/dist/components/stzh-pagetitle-hero.js +2 -2
  261. package/dist/components/stzh-pagetitle-home.js +1 -1
  262. package/dist/components/stzh-pagetitle.js +1 -1
  263. package/dist/components/stzh-pagination.js +1 -1
  264. package/dist/components/stzh-panorama.js +3 -3
  265. package/dist/components/stzh-pi-content-navigation.js +2 -2
  266. package/dist/components/stzh-pi-menu.js +2 -2
  267. package/dist/components/stzh-pi-pagetitle.js +1 -1
  268. package/dist/components/stzh-pi-quote.js +1 -1
  269. package/dist/components/stzh-pi-teaser.js +1 -1
  270. package/dist/components/stzh-pkzh-qr.js +7 -7
  271. package/dist/components/stzh-poicard.js +1 -1
  272. package/dist/components/stzh-poilist.js +10 -10
  273. package/dist/components/stzh-print.js +1 -1
  274. package/dist/components/stzh-readspeaker.js +2 -2
  275. package/dist/components/stzh-saptcha.js +3 -3
  276. package/dist/components/stzh-search.js +9 -9
  277. package/dist/components/stzh-share.js +1 -1
  278. package/dist/components/stzh-sitemap.js +5 -5
  279. package/dist/components/stzh-socialmediastream-item.js +1 -1
  280. package/dist/components/stzh-socialmediastream.js +2 -2
  281. package/dist/components/stzh-tag.js +1 -1
  282. package/dist/components/stzh-textandimage.js +1 -1
  283. package/dist/components/stzh-timeline-item.js +1 -1
  284. package/dist/components/stzh-toast.js +1 -1
  285. package/dist/components/stzh-toastbar.js +1 -1
  286. package/dist/components/stzh-twocolumns.js +1 -1
  287. package/dist/components/stzh-upload.js +7 -7
  288. package/dist/components/stzh-vbz-connection-finder.js +10 -2
  289. package/dist/components/stzh-vbz-connection-finder.js.map +1 -1
  290. package/dist/components/stzh-vbz-intro.js +2 -2
  291. package/dist/components/stzh-vbz-majorticker.js +3 -3
  292. package/dist/components/stzh-vbz-ticker.js +2 -2
  293. package/dist/components/stzh-youtube.js +3 -3
  294. package/dist/esm/{app-globals-c92f16c0.js → app-globals-fc68a15b.js} +2 -2
  295. package/dist/esm/{app-globals-c92f16c0.js.map → app-globals-fc68a15b.js.map} +1 -1
  296. package/dist/esm/loader.js +2 -2
  297. package/dist/esm/stzh-accordion_3.entry.js +2 -2
  298. package/dist/esm/stzh-actions_6.entry.js +1 -1
  299. package/dist/esm/stzh-actionset.entry.js +5 -5
  300. package/dist/esm/stzh-amount.entry.js +1 -1
  301. package/dist/esm/stzh-anchornav.entry.js +1 -1
  302. package/dist/esm/stzh-app-nav.entry.js +1 -1
  303. package/dist/esm/stzh-appointments.entry.js +6 -6
  304. package/dist/esm/stzh-audio.entry.js +3 -3
  305. package/dist/esm/stzh-badge_3.entry.js +2 -2
  306. package/dist/esm/stzh-breadcrumb_2.entry.js +1 -1
  307. package/dist/esm/stzh-buttongroup.entry.js +1 -1
  308. package/dist/esm/stzh-card-navigation.entry.js +1 -1
  309. package/dist/esm/stzh-card-navigation.entry.js.map +1 -1
  310. package/dist/esm/stzh-card-searchresult.entry.js +1 -1
  311. package/dist/esm/stzh-card-searchresult.entry.js.map +1 -1
  312. package/dist/esm/stzh-card-superteaser.entry.js +1 -1
  313. package/dist/esm/stzh-card.entry.js +9 -24
  314. package/dist/esm/stzh-card.entry.js.map +1 -1
  315. package/dist/esm/stzh-components.js +2 -2
  316. package/dist/esm/stzh-contact-cv.entry.js +1 -1
  317. package/dist/esm/stzh-contact.entry.js +5 -5
  318. package/dist/esm/stzh-datatable.entry.js.map +1 -1
  319. package/dist/esm/stzh-disturber.entry.js +2 -2
  320. package/dist/esm/stzh-editor.entry.js +1 -1
  321. package/dist/esm/stzh-eventdata.entry.js +1 -1
  322. package/dist/esm/stzh-eventinfo.entry.js +1 -1
  323. package/dist/esm/stzh-feedreader-item.entry.js +1 -1
  324. package/dist/esm/stzh-feedreader.entry.js +1 -1
  325. package/dist/esm/stzh-geo-ref-data.entry.js +3 -3
  326. package/dist/esm/stzh-ghettobox_3.entry.js +1 -1
  327. package/dist/esm/stzh-homepage-search.entry.js +1 -1
  328. package/dist/esm/stzh-homepage-service-highlights.entry.js +2 -2
  329. package/dist/esm/stzh-microsite-teaserlist.entry.js +3 -3
  330. package/dist/esm/stzh-page-skiplinks.entry.js +1 -1
  331. package/dist/esm/stzh-pagebottom.entry.js +1 -1
  332. package/dist/esm/stzh-pagecontent.entry.js +1 -1
  333. package/dist/esm/stzh-pagetitle-hero.entry.js +2 -2
  334. package/dist/esm/stzh-pagetitle-home.entry.js +1 -1
  335. package/dist/esm/stzh-pagetitle.entry.js +1 -1
  336. package/dist/esm/stzh-pi-content-navigation.entry.js +2 -2
  337. package/dist/esm/stzh-pi-menu.entry.js +2 -2
  338. package/dist/esm/stzh-pi-pagetitle.entry.js +1 -1
  339. package/dist/esm/stzh-pi-quote.entry.js +1 -1
  340. package/dist/esm/stzh-pi-teaser.entry.js +1 -1
  341. package/dist/esm/stzh-poicard.entry.js +2 -2
  342. package/dist/esm/stzh-poilist.entry.js +2 -2
  343. package/dist/esm/stzh-print_2.entry.js +1 -1
  344. package/dist/esm/stzh-search.entry.js +2 -2
  345. package/dist/esm/stzh-sitemap.entry.js +1 -1
  346. package/dist/esm/stzh-socialmediastream-item.entry.js +1 -1
  347. package/dist/esm/stzh-socialmediastream.entry.js +1 -1
  348. package/dist/esm/stzh-textandimage.entry.js +1 -1
  349. package/dist/esm/stzh-twocolumns.entry.js +1 -1
  350. package/dist/esm/stzh-vbz-connection-finder.entry.js +8 -1
  351. package/dist/esm/stzh-vbz-connection-finder.entry.js.map +1 -1
  352. package/dist/stzh-components/assets/i18n/en.json +1 -1
  353. package/dist/stzh-components/{p-466ce2ed.entry.js → p-1a4b1e07.entry.js} +2 -2
  354. package/dist/stzh-components/{p-588eaf19.entry.js → p-238862e6.entry.js} +2 -2
  355. package/dist/stzh-components/{p-fc532b6d.entry.js → p-2abd5e52.entry.js} +2 -2
  356. package/dist/stzh-components/{p-04ad66ce.entry.js → p-3099c1a4.entry.js} +2 -2
  357. package/dist/stzh-components/p-3356301f.entry.js +2 -0
  358. package/dist/stzh-components/{p-001a94ff.entry.js.map → p-3356301f.entry.js.map} +1 -1
  359. package/dist/stzh-components/{p-19e9cfcb.entry.js → p-33776d2d.entry.js} +2 -2
  360. package/dist/stzh-components/{p-03f81303.entry.js → p-34ae771d.entry.js} +2 -2
  361. package/dist/stzh-components/{p-712e88e4.entry.js → p-3ea25700.entry.js} +2 -2
  362. package/dist/stzh-components/{p-f0950d01.entry.js → p-44027d66.entry.js} +2 -2
  363. package/dist/stzh-components/{p-d230175b.entry.js → p-49385921.entry.js} +2 -2
  364. package/dist/stzh-components/{p-dd0da396.entry.js → p-496d3d37.entry.js} +2 -2
  365. package/dist/stzh-components/{p-89eb7d18.entry.js → p-4bb9dbd6.entry.js} +2 -2
  366. package/dist/stzh-components/{p-23ae4720.entry.js → p-5460b0ab.entry.js} +2 -2
  367. package/dist/stzh-components/{p-85fc1586.entry.js → p-57e17a51.entry.js} +2 -2
  368. package/dist/stzh-components/{p-89a10196.entry.js → p-5b1ce6b8.entry.js} +2 -2
  369. package/dist/stzh-components/{p-28d64550.entry.js → p-5c15d9a0.entry.js} +2 -2
  370. package/dist/stzh-components/{p-65ac1df7.entry.js → p-5cf0212b.entry.js} +2 -2
  371. package/dist/stzh-components/{p-10afcbfe.entry.js → p-5e098dcd.entry.js} +2 -2
  372. package/dist/stzh-components/{p-d8f7f464.entry.js → p-5ebdee72.entry.js} +2 -2
  373. package/dist/stzh-components/p-5ebdee72.entry.js.map +1 -0
  374. package/dist/stzh-components/{p-4eb4bbfb.entry.js → p-6d494b4b.entry.js} +2 -2
  375. package/dist/stzh-components/{p-18faf89f.entry.js → p-759bf70a.entry.js} +2 -2
  376. package/dist/stzh-components/{p-c79d559d.entry.js → p-78d27630.entry.js} +2 -2
  377. package/dist/stzh-components/{p-70602177.entry.js → p-7a5ae4fe.entry.js} +2 -2
  378. package/dist/stzh-components/{p-b1cf7284.entry.js → p-7ba43dfe.entry.js} +2 -2
  379. package/dist/stzh-components/{p-129e3895.entry.js → p-82a2a943.entry.js} +2 -2
  380. package/dist/stzh-components/{p-b20a4d1f.entry.js → p-8908ff04.entry.js} +2 -2
  381. package/dist/stzh-components/{p-a0864a0b.entry.js → p-895a053d.entry.js} +2 -2
  382. package/dist/stzh-components/{p-c73ce503.entry.js → p-8d2022f7.entry.js} +2 -2
  383. package/dist/stzh-components/{p-71c33a68.entry.js → p-90cd0105.entry.js} +2 -2
  384. package/dist/stzh-components/{p-5d4a0fd1.entry.js → p-91ff396d.entry.js} +2 -2
  385. package/dist/stzh-components/p-91ff396d.entry.js.map +1 -0
  386. package/dist/stzh-components/{p-daddb702.entry.js → p-98ebe720.entry.js} +2 -2
  387. package/dist/stzh-components/{p-e9cc01e3.entry.js → p-9aea8195.entry.js} +2 -2
  388. package/dist/stzh-components/{p-5c85487e.entry.js → p-9f47ab4a.entry.js} +2 -2
  389. package/dist/stzh-components/p-9f47ab4a.entry.js.map +1 -0
  390. package/dist/stzh-components/{p-2c2896a5.entry.js → p-a22d71d8.entry.js} +2 -2
  391. package/dist/stzh-components/{p-8493a7ab.entry.js → p-a250a770.entry.js} +2 -2
  392. package/dist/stzh-components/p-a250a770.entry.js.map +1 -0
  393. package/dist/stzh-components/{p-5970ced7.entry.js → p-a46ae0cd.entry.js} +2 -2
  394. package/dist/stzh-components/{p-2a0bf4cb.entry.js → p-a7d9f6f1.entry.js} +2 -2
  395. package/dist/stzh-components/{p-f5b5b83e.entry.js → p-ac2efdad.entry.js} +2 -2
  396. package/dist/stzh-components/{p-e81765c0.entry.js → p-af507306.entry.js} +2 -2
  397. package/dist/stzh-components/{p-3642d44b.entry.js → p-bd11c719.entry.js} +2 -2
  398. package/dist/stzh-components/p-bed50961.entry.js.map +1 -1
  399. package/dist/stzh-components/{p-838776fd.entry.js → p-c421e3a8.entry.js} +2 -2
  400. package/dist/stzh-components/{p-5083e7fb.entry.js → p-c7fb2e0b.entry.js} +2 -2
  401. package/dist/stzh-components/{p-aea128ba.entry.js → p-d274a5af.entry.js} +2 -2
  402. package/dist/stzh-components/{p-6dd3708b.entry.js → p-d745c0fc.entry.js} +2 -2
  403. package/dist/stzh-components/{p-95ed49c6.entry.js → p-e18672e6.entry.js} +2 -2
  404. package/dist/stzh-components/{p-0fd8221a.entry.js → p-e2546fd2.entry.js} +2 -2
  405. package/dist/stzh-components/{p-99b217dc.entry.js → p-e40e6c83.entry.js} +2 -2
  406. package/dist/stzh-components/{p-acec3687.entry.js → p-ee07bb5c.entry.js} +2 -2
  407. package/dist/stzh-components/{p-dc677b81.js → p-eeac40e8.js} +2 -2
  408. package/dist/stzh-components/{p-44c77ad6.entry.js → p-fedaf68c.entry.js} +2 -2
  409. package/dist/stzh-components/stzh-components.esm.js +1 -1
  410. package/dist/stzh-components/stzh-components.esm.js.map +1 -1
  411. package/dist/types/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.d.ts +3 -0
  412. package/dist/types/components/stzh-card/stzh-card.d.ts +2 -10
  413. package/dist/types/components/{CMS/stzh-card-navigation → stzh-card-navigation}/stzh-card-navigation.d.ts +2 -2
  414. package/dist/types/components/{CMS/stzh-card-searchresult → stzh-card-searchresult}/stzh-card-searchresult.d.ts +2 -2
  415. package/dist/types/components/stzh-datatable/stzh-datatable.d.ts +1 -1
  416. package/dist/types/components.d.ts +13 -5
  417. package/dist/vscode-data.json +14 -2
  418. package/package.json +1 -1
  419. package/dist/collection/components/CMS/stzh-card-navigation/stzh-card-navigation.e2e.js.map +0 -1
  420. package/dist/collection/components/CMS/stzh-card-navigation/stzh-card-navigation.js.map +0 -1
  421. package/dist/collection/components/CMS/stzh-card-searchresult/stzh-card-searchresult.e2e.js.map +0 -1
  422. package/dist/collection/components/CMS/stzh-card-searchresult/stzh-card-searchresult.js.map +0 -1
  423. package/dist/components/p-273d413c.js.map +0 -1
  424. package/dist/stzh-components/p-001a94ff.entry.js +0 -2
  425. package/dist/stzh-components/p-5c85487e.entry.js.map +0 -1
  426. package/dist/stzh-components/p-5d4a0fd1.entry.js.map +0 -1
  427. package/dist/stzh-components/p-8493a7ab.entry.js.map +0 -1
  428. package/dist/stzh-components/p-d8f7f464.entry.js.map +0 -1
  429. /package/dist/collection/components/{CMS/stzh-card-navigation → stzh-card-navigation}/stzh-card-navigation.css +0 -0
  430. /package/dist/collection/components/{CMS/stzh-card-searchresult → stzh-card-searchresult}/assets/placeholder-image.svg +0 -0
  431. /package/dist/collection/components/{CMS/stzh-card-searchresult → stzh-card-searchresult}/stzh-card-searchresult.css +0 -0
  432. /package/dist/stzh-components/{p-466ce2ed.entry.js.map → p-1a4b1e07.entry.js.map} +0 -0
  433. /package/dist/stzh-components/{p-588eaf19.entry.js.map → p-238862e6.entry.js.map} +0 -0
  434. /package/dist/stzh-components/{p-fc532b6d.entry.js.map → p-2abd5e52.entry.js.map} +0 -0
  435. /package/dist/stzh-components/{p-04ad66ce.entry.js.map → p-3099c1a4.entry.js.map} +0 -0
  436. /package/dist/stzh-components/{p-19e9cfcb.entry.js.map → p-33776d2d.entry.js.map} +0 -0
  437. /package/dist/stzh-components/{p-03f81303.entry.js.map → p-34ae771d.entry.js.map} +0 -0
  438. /package/dist/stzh-components/{p-712e88e4.entry.js.map → p-3ea25700.entry.js.map} +0 -0
  439. /package/dist/stzh-components/{p-f0950d01.entry.js.map → p-44027d66.entry.js.map} +0 -0
  440. /package/dist/stzh-components/{p-d230175b.entry.js.map → p-49385921.entry.js.map} +0 -0
  441. /package/dist/stzh-components/{p-dd0da396.entry.js.map → p-496d3d37.entry.js.map} +0 -0
  442. /package/dist/stzh-components/{p-89eb7d18.entry.js.map → p-4bb9dbd6.entry.js.map} +0 -0
  443. /package/dist/stzh-components/{p-23ae4720.entry.js.map → p-5460b0ab.entry.js.map} +0 -0
  444. /package/dist/stzh-components/{p-85fc1586.entry.js.map → p-57e17a51.entry.js.map} +0 -0
  445. /package/dist/stzh-components/{p-89a10196.entry.js.map → p-5b1ce6b8.entry.js.map} +0 -0
  446. /package/dist/stzh-components/{p-28d64550.entry.js.map → p-5c15d9a0.entry.js.map} +0 -0
  447. /package/dist/stzh-components/{p-65ac1df7.entry.js.map → p-5cf0212b.entry.js.map} +0 -0
  448. /package/dist/stzh-components/{p-10afcbfe.entry.js.map → p-5e098dcd.entry.js.map} +0 -0
  449. /package/dist/stzh-components/{p-4eb4bbfb.entry.js.map → p-6d494b4b.entry.js.map} +0 -0
  450. /package/dist/stzh-components/{p-18faf89f.entry.js.map → p-759bf70a.entry.js.map} +0 -0
  451. /package/dist/stzh-components/{p-c79d559d.entry.js.map → p-78d27630.entry.js.map} +0 -0
  452. /package/dist/stzh-components/{p-70602177.entry.js.map → p-7a5ae4fe.entry.js.map} +0 -0
  453. /package/dist/stzh-components/{p-b1cf7284.entry.js.map → p-7ba43dfe.entry.js.map} +0 -0
  454. /package/dist/stzh-components/{p-129e3895.entry.js.map → p-82a2a943.entry.js.map} +0 -0
  455. /package/dist/stzh-components/{p-b20a4d1f.entry.js.map → p-8908ff04.entry.js.map} +0 -0
  456. /package/dist/stzh-components/{p-a0864a0b.entry.js.map → p-895a053d.entry.js.map} +0 -0
  457. /package/dist/stzh-components/{p-c73ce503.entry.js.map → p-8d2022f7.entry.js.map} +0 -0
  458. /package/dist/stzh-components/{p-71c33a68.entry.js.map → p-90cd0105.entry.js.map} +0 -0
  459. /package/dist/stzh-components/{p-daddb702.entry.js.map → p-98ebe720.entry.js.map} +0 -0
  460. /package/dist/stzh-components/{p-e9cc01e3.entry.js.map → p-9aea8195.entry.js.map} +0 -0
  461. /package/dist/stzh-components/{p-2c2896a5.entry.js.map → p-a22d71d8.entry.js.map} +0 -0
  462. /package/dist/stzh-components/{p-5970ced7.entry.js.map → p-a46ae0cd.entry.js.map} +0 -0
  463. /package/dist/stzh-components/{p-2a0bf4cb.entry.js.map → p-a7d9f6f1.entry.js.map} +0 -0
  464. /package/dist/stzh-components/{p-f5b5b83e.entry.js.map → p-ac2efdad.entry.js.map} +0 -0
  465. /package/dist/stzh-components/{p-e81765c0.entry.js.map → p-af507306.entry.js.map} +0 -0
  466. /package/dist/stzh-components/{p-3642d44b.entry.js.map → p-bd11c719.entry.js.map} +0 -0
  467. /package/dist/stzh-components/{p-838776fd.entry.js.map → p-c421e3a8.entry.js.map} +0 -0
  468. /package/dist/stzh-components/{p-5083e7fb.entry.js.map → p-c7fb2e0b.entry.js.map} +0 -0
  469. /package/dist/stzh-components/{p-aea128ba.entry.js.map → p-d274a5af.entry.js.map} +0 -0
  470. /package/dist/stzh-components/{p-6dd3708b.entry.js.map → p-d745c0fc.entry.js.map} +0 -0
  471. /package/dist/stzh-components/{p-95ed49c6.entry.js.map → p-e18672e6.entry.js.map} +0 -0
  472. /package/dist/stzh-components/{p-0fd8221a.entry.js.map → p-e2546fd2.entry.js.map} +0 -0
  473. /package/dist/stzh-components/{p-99b217dc.entry.js.map → p-e40e6c83.entry.js.map} +0 -0
  474. /package/dist/stzh-components/{p-acec3687.entry.js.map → p-ee07bb5c.entry.js.map} +0 -0
  475. /package/dist/stzh-components/{p-dc677b81.js.map → p-eeac40e8.js.map} +0 -0
  476. /package/dist/stzh-components/{p-44c77ad6.entry.js.map → p-fedaf68c.entry.js.map} +0 -0
package/dist/stzh-components/{p-65ac1df7.entry.js → p-5cf0212b.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";import{s as i,h}from"./p-09b5eb01.js";import{m as r}from"./p-f4adb3cd.js";import"./p-dae15605.js";const l=".sc-stzh-pagetitle-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-pagetitle-h,[stzh-hidden].sc-stzh-pagetitle-h{display:none}.sc-stzh-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-h *.sc-stzh-pagetitle,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::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-pagetitle-h .has-focus.sc-stzh-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle{outline-style:none !important}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-h{--background-color:var(--stzh-pagetitle-background-color, var(--stzh-pagetitle-background-color));--image-background-color:var(--stzh-ratio-background-color);--heading-color:var(--stzh-pagetitle-heading-color, var(--stzh-heading-color));--lead-color:var(--stzh-pagetitle-lead-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=image],.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=readspeaker] *,.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color))}[background=default].sc-stzh-pagetitle-h{--stzh-readspeaker-background-color:var(--background-color);--stzh-readspeaker-audio-track-progress-background-color:var(--stzh-color-white)}[background=transparent].sc-stzh-pagetitle-h{--background-color:transparent;--heading-color:var(--stzh-pagetitle-transparent-heading-color, var(--stzh-heading-color))}.stzh-pagetitle.sc-stzh-pagetitle{background-color:var(--background-color)}.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle__wrapper.sc-stzh-pagetitle{position:relative;display:grid}.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pagetitle__image-wrapper.sc-stzh-pagetitle{position:relative}.stzh-pagetitle__ratio.sc-stzh-pagetitle{--background-color:var(--image-background-color)}.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{background-color:var(--image-background-color);position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle__meta.sc-stzh-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pagetitle__meta.sc-stzh-pagetitle{flex-direction:row}}.stzh-pagetitle__tag.sc-stzh-pagetitle:not(:empty){margin-right:auto}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle__dateline.sc-stzh-pagetitle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-top:var(--stzh-space-medium);color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle__lead.sc-stzh-pagetitle{--stzh-base-lead-color:var(--lead-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle{--stzh-heading-color:var(--heading-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:var(--stzh-z-index-sticky);position:fixed;left:0;right:0;bottom:0}@media screen and (min-width: 900px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:initial;position:absolute;width:calc(((100% - 7 * var(--stzh-grid-gutter-medium)) / 8 * 3) + 2 * var(--stzh-grid-gutter-medium));left:auto;bottom:calc((var(--stzh-space-big) - var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 1260px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc(((100% - 11 * var(--stzh-grid-gutter-large)) / 12 * 4) + 3 * var(--stzh-grid-gutter-large))}}@media screen and (min-width: 1600px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc(((100% - 11 * var(--stzh-grid-gutter-ultra)) / 12 * 4) + 3 * var(--stzh-grid-gutter-ultra))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__ratio.sc-stzh-pagetitle{display:none}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{grid-column:1/span 8}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 6}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 7}}@media screen and (min-width: 900px){.stzh-pagetitle--has-image.sc-stzh-pagetitle .stzh-pagetitle__wrapper.sc-stzh-pagetitle{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--stzh-space-xxlarge)}}.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-tag.sc-stzh-pagetitle .stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-left:auto;--stzh-readspeaker-dropdown-right:0px;--stzh-readspeaker-dropdown-settings-left:auto;--stzh-readspeaker-dropdown-settings-right:0px}}.stzh-pagetitle--has-tag.sc-stzh-pagetitle:not(.stzh-pagetitle--has-dateline) .stzh-pagetitle__meta.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}.stzh-pagetitle--background-default.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{--stzh-selection-background-color:var(--stzh-color-white)}.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle--hyphens.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{hyphens:auto}.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px) and (max-width: 1259px){.stzh-pagetitle--has-disturber.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 5}}";const g=l;const p=class{constructor(e){t(this,e);this.isDisturberOpen=false;this.update=()=>{var t;if(!this.disturberElement){return}const e=r("medium").matches;const a=((t=this.disturberElement)===null||t===void 0?void 0:t.offsetHeight)||0;const s=a&&this.isDisturberOpen;const i=s&&!e;document.documentElement.style.setProperty("--stzh-pagetitle-disturber-height",s?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-stuck-height",i?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-stuck",i?"1":"0");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-not-stuck",i?"0":"1")};this.init=()=>{const t=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const e=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const a=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const s=this.element.querySelector('stzh-show[slot="disturber"], [slot="disturber"] stzh-show');const h=this.element.querySelector('[slot="readspeaker"] stzh-button');const r=this.element.querySelector('stzh-tag[slot="tag"], [slot="tag"] stzh-tag');if(t){i(t,{curve:"hero",level:"1"})}if(e){i(e,{initialOpenAnimation:true})}if(s){i(s,{mikro:true})}if(r){i(r,{type:"default",size:"large",nonInteractive:true})}if(h){i(h,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}a.forEach((t=>{i(t,{lead:true})}))};this.background="default";this.hyphensEnabled=false;this.dateline=undefined}handleResize(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)}handleStzhOpen(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=true;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}handleStzhClose(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=false;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}componentDidRender(){requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}render(){const t=h(this.element,"image");const s=h(this.element,"lead");const i=h(this.element,"tag");const r=h(this.element,"readspeaker");const l=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const g={"stzh-pagetitle":true,"stzh-pagetitle--has-image":t,"stzh-pagetitle--has-no-image":!t,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-tag":i,"stzh-pagetitle--has-dateline":!!this.dateline,"stzh-pagetitle--has-meta":i||r,"stzh-pagetitle--has-disturber":!!l,"stzh-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pagetitle--background-${this.background}`]:!!this.background};return e(a,{key:"83559822978826f75690258d09f431c439ca85c8"},e("div",{key:"9df11d62ba520bd2f900beb0bee12029b33411c3",class:g},e("div",{key:"81cbf7e243ae37a38601aa07c25dae77375775b7",class:"stzh-pagetitle__container"},e("div",{key:"a8a21eebc812c0f8669762556cdace8ec12d439a",class:"stzh-pagetitle__wrapper"},e("div",{key:"d8371998cdb4fd773bbfb32c8410d39b339598ac",class:"stzh-pagetitle__text"},e("div",{key:"9e634c2fab2a4256980edf328da7d1ca5ef9ec0d",class:"stzh-pagetitle__meta"},e("div",{key:"b3a4fb916d847dc80d7beaa6dc1102017bfa5c6d",class:"stzh-pagetitle__tag"},e("slot",{key:"2195d92950d5969a936bdaafa14ab3917bdce80e",name:"tag"})),e("div",{key:"774c49264039170035906993656d5cce5f9b6641",class:"stzh-pagetitle__readspeaker"},e("slot",{key:"2fc05d2668113bb507f90aed1c5da607a683943f",name:"readspeaker"}))),this.dateline&&e("div",{key:"1650a7307fbe93de4409fccf7274efaf81010f1c",class:"stzh-pagetitle__dateline"},this.dateline),e("div",{key:"10bfb45b61ae8628f33fc45b4c99274400ccc5bc",class:"stzh-pagetitle__heading"},e("slot",{key:"9be5eaa2a555feb1c93476ac913bc680d4b8ed0c",name:"heading"})),e("div",{key:"2bbe460dd2aa0b8d1ac44d95bb565e35cf1409b2",class:"stzh-pagetitle__lead"},e("slot",{key:"dce2c001ecc944d5637a3a6835493ee37f285ecd",name:"lead"}))),e("div",{key:"829268523249e198c8875677e0d38e7a75a157f9",class:"stzh-pagetitle__image-wrapper"},e("stzh-ratio",{key:"f8814e8a15ca616eda2eccca5f0c21ea147e689e",ratio:"16:9",ratioSmall:"3:2",ratioMedium:"16:9",class:"stzh-pagetitle__ratio"}),e("div",{key:"01f0af1fbdb9275ed0e65983f6e71b91538045d3",class:"stzh-pagetitle__image-inner-wrapper"},e("slot",{key:"6552c7f14d2d9c2609b0e93f92e77a449299c869",name:"image"}))),e("div",{key:"5e1b999021c105adeebd65c91f6e34cc69831aea",class:"stzh-pagetitle__disturber",ref:t=>this.disturberElement=t},e("slot",{key:"2521ed26472ca9103dff298a1788ef38ad160da9",name:"disturber"}))))))}get element(){return s(this)}};p.style=g;export{p as stzh_pagetitle};
2
- //# sourceMappingURL=p-65ac1df7.entry.js.map
1
+ import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";import{s as i,h}from"./p-09b5eb01.js";import{m as r}from"./p-f4adb3cd.js";import"./p-dae15605.js";const l=".sc-stzh-pagetitle-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-pagetitle-h,[stzh-hidden].sc-stzh-pagetitle-h{display:none}.sc-stzh-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-h *.sc-stzh-pagetitle,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::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-pagetitle-h .has-focus.sc-stzh-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle{outline-style:none !important}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-h{--background-color:var(--stzh-pagetitle-background-color, var(--stzh-pagetitle-background-color));--image-background-color:var(--stzh-ratio-background-color);--heading-color:var(--stzh-pagetitle-heading-color, var(--stzh-heading-color));--lead-color:var(--stzh-pagetitle-lead-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=image],.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=readspeaker] *,.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color))}[background=default].sc-stzh-pagetitle-h{--stzh-readspeaker-background-color:var(--background-color);--stzh-readspeaker-audio-track-progress-background-color:var(--stzh-color-white)}[background=transparent].sc-stzh-pagetitle-h{--background-color:transparent;--heading-color:var(--stzh-pagetitle-transparent-heading-color, var(--stzh-heading-color))}.stzh-pagetitle.sc-stzh-pagetitle{background-color:var(--background-color)}.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle__wrapper.sc-stzh-pagetitle{position:relative;display:grid}.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pagetitle__image-wrapper.sc-stzh-pagetitle{position:relative}.stzh-pagetitle__ratio.sc-stzh-pagetitle{--background-color:var(--image-background-color)}.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{background-color:var(--image-background-color);position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle__meta.sc-stzh-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pagetitle__meta.sc-stzh-pagetitle{flex-direction:row}}.stzh-pagetitle__tag.sc-stzh-pagetitle:not(:empty){margin-right:auto}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle__dateline.sc-stzh-pagetitle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-top:var(--stzh-space-medium);color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle__lead.sc-stzh-pagetitle{--stzh-base-lead-color:var(--lead-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle{--stzh-heading-color:var(--heading-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:var(--stzh-z-index-sticky);position:fixed;left:0;right:0;bottom:0}@media screen and (min-width: 900px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:initial;position:absolute;width:calc(((100% - 7 * var(--stzh-grid-gutter-medium)) / 8 * 3) + 2 * var(--stzh-grid-gutter-medium));left:auto;bottom:calc((var(--stzh-space-big) - var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 1260px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc(((100% - 11 * var(--stzh-grid-gutter-large)) / 12 * 4) + 3 * var(--stzh-grid-gutter-large))}}@media screen and (min-width: 1600px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc(((100% - 11 * var(--stzh-grid-gutter-ultra)) / 12 * 4) + 3 * var(--stzh-grid-gutter-ultra))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__ratio.sc-stzh-pagetitle{display:none}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{grid-column:1/span 8}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 6}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 7}}@media screen and (min-width: 900px){.stzh-pagetitle--has-image.sc-stzh-pagetitle .stzh-pagetitle__wrapper.sc-stzh-pagetitle{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--stzh-space-xxlarge)}}.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-tag.sc-stzh-pagetitle .stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-left:auto;--stzh-readspeaker-dropdown-right:0px;--stzh-readspeaker-dropdown-settings-left:auto;--stzh-readspeaker-dropdown-settings-right:0px}}.stzh-pagetitle--has-tag.sc-stzh-pagetitle:not(.stzh-pagetitle--has-dateline) .stzh-pagetitle__meta.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}.stzh-pagetitle--background-default.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{--stzh-selection-background-color:var(--stzh-color-white)}.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle--hyphens.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{hyphens:auto}.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px) and (max-width: 1259px){.stzh-pagetitle--has-disturber.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 5}}";const g=l;const p=class{constructor(e){t(this,e);this.isDisturberOpen=false;this.update=()=>{var t;if(!this.disturberElement){return}const e=r("medium").matches;const a=((t=this.disturberElement)===null||t===void 0?void 0:t.offsetHeight)||0;const s=a&&this.isDisturberOpen;const i=s&&!e;document.documentElement.style.setProperty("--stzh-pagetitle-disturber-height",s?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-stuck-height",i?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-stuck",i?"1":"0");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-not-stuck",i?"0":"1")};this.init=()=>{const t=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const e=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const a=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const s=this.element.querySelector('stzh-show[slot="disturber"], [slot="disturber"] stzh-show');const h=this.element.querySelector('[slot="readspeaker"] stzh-button');const r=this.element.querySelector('stzh-tag[slot="tag"], [slot="tag"] stzh-tag');if(t){i(t,{curve:"hero",level:"1"})}if(e){i(e,{initialOpenAnimation:true})}if(s){i(s,{mikro:true})}if(r){i(r,{type:"default",size:"large",nonInteractive:true})}if(h){i(h,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}a.forEach((t=>{i(t,{lead:true})}))};this.background="default";this.hyphensEnabled=false;this.dateline=undefined}handleResize(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)}handleStzhOpen(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=true;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}handleStzhClose(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=false;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}componentDidRender(){requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}render(){const t=h(this.element,"image");const s=h(this.element,"lead");const i=h(this.element,"tag");const r=h(this.element,"readspeaker");const l=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const g={"stzh-pagetitle":true,"stzh-pagetitle--has-image":t,"stzh-pagetitle--has-no-image":!t,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-tag":i,"stzh-pagetitle--has-dateline":!!this.dateline,"stzh-pagetitle--has-meta":i||r,"stzh-pagetitle--has-disturber":!!l,"stzh-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pagetitle--background-${this.background}`]:!!this.background};return e(a,{key:"31cbe0b1cccbf741db3a98c308650c667a16fe85"},e("div",{key:"3000d1f9b1da807d7504be4353b0fc58c5520681",class:g},e("div",{key:"36b55fa3be497ad3cc5c3a7b8ddf25c4256f960b",class:"stzh-pagetitle__container"},e("div",{key:"f4675253bce44c37cfa40d0c3a10d29c661ad3d0",class:"stzh-pagetitle__wrapper"},e("div",{key:"d04ef5978e71a9a6866d19189c89088e3242f428",class:"stzh-pagetitle__text"},e("div",{key:"726ee76be291ae0ff4eee156b24d1846538659e6",class:"stzh-pagetitle__meta"},e("div",{key:"d50c9406cdada4b5f9d1d293d0be7a1cfaf5bf86",class:"stzh-pagetitle__tag"},e("slot",{key:"eb8b0e1205db3398c20154c950416000c62ba444",name:"tag"})),e("div",{key:"eb58119bec5f6de946826689d18f797048b20573",class:"stzh-pagetitle__readspeaker"},e("slot",{key:"9ea49201e784bc8ad73f512e5d57c25171503113",name:"readspeaker"}))),this.dateline&&e("div",{key:"03e44d922b06246e88ba2070971d44f92dd289e4",class:"stzh-pagetitle__dateline"},this.dateline),e("div",{key:"45258790a4f1c2d9d95bc8f91f22826e8bc653c3",class:"stzh-pagetitle__heading"},e("slot",{key:"7af18544f15ba677cac47f528e06ed4178b47f84",name:"heading"})),e("div",{key:"eefa24b2c7a5cb89a54a78181f012c9c2c45e34d",class:"stzh-pagetitle__lead"},e("slot",{key:"440a59cc18ec6ea106f9113c830ff8071d9648e8",name:"lead"}))),e("div",{key:"1d86efd1b34d491cfe2dfb35106bfee1f194bbfb",class:"stzh-pagetitle__image-wrapper"},e("stzh-ratio",{key:"fa091299373a1ad6be58e4be34eb960fc51bcb18",ratio:"16:9",ratioSmall:"3:2",ratioMedium:"16:9",class:"stzh-pagetitle__ratio"}),e("div",{key:"afa5d46a5e4b2ff1f79947f8d8e2a2be8ded8d8d",class:"stzh-pagetitle__image-inner-wrapper"},e("slot",{key:"762790c69027f93098cbd134b59cca0921b75675",name:"image"}))),e("div",{key:"bb7312b129abb6e898d227e78d1d07c9ae1e2f31",class:"stzh-pagetitle__disturber",ref:t=>this.disturberElement=t},e("slot",{key:"d177bea33807effef3f42e877e1b028e36241219",name:"disturber"}))))))}get element(){return s(this)}};p.style=g;export{p as stzh_pagetitle};
2
+ //# sourceMappingURL=p-5cf0212b.entry.js.map
package/dist/stzh-components/{p-10afcbfe.entry.js → p-5e098dcd.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,h as t,a,g as s}from"./p-ef5985a3.js";import{g as h,s as i,h as o}from"./p-09b5eb01.js";import{m,a as g,r as l}from"./p-f4adb3cd.js";import"./p-dae15605.js";const p='.sc-stzh-pagetitle-home-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-pagetitle-home-h,[stzh-hidden].sc-stzh-pagetitle-home-h{display:none}.sc-stzh-pagetitle-home-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::before,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::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-pagetitle-home-h .has-focus.sc-stzh-pagetitle-home{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home{outline-style:none !important}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=image],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-secondary50))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white));--hover-color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-lemonyellow50))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.stzh-pagetitle-home.sc-stzh-pagetitle-home{position:relative;padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle-home__image-wrapper.sc-stzh-pagetitle-home{position:relative}.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{position:absolute;background:linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{background:linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{left:calc((100vw - 84.25rem) / 2)}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home:before{content:"";position:absolute;background:rgba(0, 0, 0, 0.5);top:0;right:calc((100vw - 84.25rem) / 2 + 84.25rem - var(--stzh-scrollbar-width, 0px));bottom:0;left:calc((100vw - 84.25rem) / 2 * -1 - var(--stzh-scrollbar-width, 0px));z-index:1}}.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{flex-direction:row}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle-home__readspeaker.sc-stzh-pagetitle-home{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home{--stzh-base-lead-color:var(--stzh-heading-color)}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 10}}.stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{--max-height:42.5rem;--overflow:hidden}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{display:none}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home{padding-bottom:0}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__container.sc-stzh-pagetitle-home{position:absolute;top:0;right:0;left:0;z-index:1}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home--hyphens.sc-stzh-pagetitle-home .stzh-pagetitle-home__heading.sc-stzh-pagetitle-home{hyphens:auto}';const r=p;const n=class{constructor(t){e(this,t);this.mediaChangeHandler=()=>{this.isSmall=m("small").matches};this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelector('stzh-text[slot="subheading"], [slot="subheading"] stzh-text');const a=this.element.querySelector('[slot="readspeaker"] stzh-button');const s=h();let o="h1home";let m="hero";switch(s){case"stzh-theme-pkzh":o="h1homesmall";m="h2";break}if(e){i(e,{curve:o,level:"1"})}if(a){i(a,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}if(t){i(t,{curve:m,lead:true})}};this.hyphensEnabled=false;this.isSmall=undefined}componentDidRender(){}connectedCallback(){this.init();this.mediaChangeHandler();g(this.mediaChangeHandler)}disconnectedCallback(){l(this.mediaChangeHandler)}render(){const e=o(this.element,"image");const s=o(this.element,"subheading");const h=o(this.element,"readspeaker");const i={"stzh-pagetitle-home":true,"stzh-pagetitle-home--has-image":e,"stzh-pagetitle-home--has-no-image":!e,"stzh-pagetitle-home--has-subheading":s,"stzh-pagetitle-home--hyphens":this.hyphensEnabled,"stzh-pagetitle-home--has-meta":h};return t(a,{key:"6744d525131eec2c3109157d9ab6df0ca4063209","has-image":e},t("div",{key:"5b82d1c14bea4634b20ae5eb05778be2fe55c93c",class:i},t("div",{key:"407086e61f33f375da359c30682e375a30fbd5be",class:"stzh-pagetitle-home__image-wrapper"},t("stzh-ratio",{key:"68911724a933b50767a9e2cb13d18713be906388",ratio:"1:1",ratioSmall:"16:9",ratioMedium:"2:1",ratioLarge:"21:9",class:"stzh-pagetitle-home__ratio"}),t("div",{key:"1e86a5db9def3074557e7c40108c64426ada996d",class:"stzh-pagetitle-home__image-gradient"}),t("div",{key:"149ca961199c7b12ca32881470564cb35b29c6fa",class:"stzh-pagetitle-home__image-inner-wrapper"},t("slot",{key:"c432be643d6c883d83748019c922b6a5c88cb7b3",name:"image"}))),t("div",{key:"b7c530258324f04b5473fcf1cfcad8250df9044f",class:"stzh-pagetitle-home__container"},t("div",{key:"e3f04298216108722112a4ae97c64761ac2d6800",class:"stzh-pagetitle-home__wrapper"},t("div",{key:"acb5de3a437633c9e58433a21a640d77097bbbf2",class:"stzh-pagetitle-home__text"},t("div",{key:"5f97b1a6186c8571783c28337c3d68cf4fa0f286",class:"stzh-pagetitle-home__meta"},t("div",{key:"afdee5234cf20d70bd3464a4dce09507a2ad30d5",class:"stzh-pagetitle-home__readspeaker"},t("slot",{key:"69003b843735f3e8d41f91175ee323c797e75049",name:"readspeaker"}))),t("div",{key:"23f858f99c9b45d6160902eca9d666dce22aab14",class:"stzh-pagetitle-home__heading"},t("slot",{key:"7756db5fed996a3521810ec3fcbddafa0022a9a1",name:"heading"})),t("div",{key:"5766d00634ef616c4819059d6c7e37b7abf131ba",class:"stzh-pagetitle-home__subheading"},t("slot",{key:"3ce03b178477739dd57e69c0594ffe0e4b9c82ac",name:"subheading"})))))))}get element(){return s(this)}};n.style=r;export{n as stzh_pagetitle_home};
2
- //# sourceMappingURL=p-10afcbfe.entry.js.map
1
+ import{r as e,h as t,a,g as s}from"./p-ef5985a3.js";import{g as h,s as i,h as o}from"./p-09b5eb01.js";import{m,a as g,r as l}from"./p-f4adb3cd.js";import"./p-dae15605.js";const p='.sc-stzh-pagetitle-home-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-pagetitle-home-h,[stzh-hidden].sc-stzh-pagetitle-home-h{display:none}.sc-stzh-pagetitle-home-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::before,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::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-pagetitle-home-h .has-focus.sc-stzh-pagetitle-home{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home{outline-style:none !important}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=image],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-secondary50))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white));--hover-color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-lemonyellow50))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.stzh-pagetitle-home.sc-stzh-pagetitle-home{position:relative;padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle-home__image-wrapper.sc-stzh-pagetitle-home{position:relative}.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{position:absolute;background:linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{background:linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{left:calc((100vw - 84.25rem) / 2)}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home:before{content:"";position:absolute;background:rgba(0, 0, 0, 0.5);top:0;right:calc((100vw - 84.25rem) / 2 + 84.25rem - var(--stzh-scrollbar-width, 0px));bottom:0;left:calc((100vw - 84.25rem) / 2 * -1 - var(--stzh-scrollbar-width, 0px));z-index:1}}.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{flex-direction:row}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle-home__readspeaker.sc-stzh-pagetitle-home{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home{--stzh-base-lead-color:var(--stzh-heading-color)}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 10}}.stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{--max-height:42.5rem;--overflow:hidden}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{display:none}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home{padding-bottom:0}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__container.sc-stzh-pagetitle-home{position:absolute;top:0;right:0;left:0;z-index:1}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home--hyphens.sc-stzh-pagetitle-home .stzh-pagetitle-home__heading.sc-stzh-pagetitle-home{hyphens:auto}';const r=p;const n=class{constructor(t){e(this,t);this.mediaChangeHandler=()=>{this.isSmall=m("small").matches};this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelector('stzh-text[slot="subheading"], [slot="subheading"] stzh-text');const a=this.element.querySelector('[slot="readspeaker"] stzh-button');const s=h();let o="h1home";let m="hero";switch(s){case"stzh-theme-pkzh":o="h1homesmall";m="h2";break}if(e){i(e,{curve:o,level:"1"})}if(a){i(a,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}if(t){i(t,{curve:m,lead:true})}};this.hyphensEnabled=false;this.isSmall=undefined}componentDidRender(){}connectedCallback(){this.init();this.mediaChangeHandler();g(this.mediaChangeHandler)}disconnectedCallback(){l(this.mediaChangeHandler)}render(){const e=o(this.element,"image");const s=o(this.element,"subheading");const h=o(this.element,"readspeaker");const i={"stzh-pagetitle-home":true,"stzh-pagetitle-home--has-image":e,"stzh-pagetitle-home--has-no-image":!e,"stzh-pagetitle-home--has-subheading":s,"stzh-pagetitle-home--hyphens":this.hyphensEnabled,"stzh-pagetitle-home--has-meta":h};return t(a,{key:"93c107911c20e72bbd4de2b07f395bc2a1de6cb5","has-image":e},t("div",{key:"1e46c4510935f65946958aa1e9d982534f30399b",class:i},t("div",{key:"4f009946be4cffd5d343985b64c38e7c704f93de",class:"stzh-pagetitle-home__image-wrapper"},t("stzh-ratio",{key:"cac48e2d8e6eecc58023b43e81124d1132f69abe",ratio:"1:1",ratioSmall:"16:9",ratioMedium:"2:1",ratioLarge:"21:9",class:"stzh-pagetitle-home__ratio"}),t("div",{key:"ff7cd39a5a0a9ebd89befb801f887d47b0787356",class:"stzh-pagetitle-home__image-gradient"}),t("div",{key:"59ff36566d2506cc6c928705201dadd0817dc4ee",class:"stzh-pagetitle-home__image-inner-wrapper"},t("slot",{key:"1453f71a613862b1a60d6b29884e7cc2e4fbaddf",name:"image"}))),t("div",{key:"0254077068dd251dc54d9ec244fd499b003c55ac",class:"stzh-pagetitle-home__container"},t("div",{key:"8cd9132b947e1a1e2a67960be957f13d4d871d5f",class:"stzh-pagetitle-home__wrapper"},t("div",{key:"5db606e1ee6db8810870b7893734bf1710ff03ac",class:"stzh-pagetitle-home__text"},t("div",{key:"01d4d6e004370e992066508eb1fdd499cf55bed3",class:"stzh-pagetitle-home__meta"},t("div",{key:"3d2bcf2d8afca71e7e22947b2db7e4c04559693c",class:"stzh-pagetitle-home__readspeaker"},t("slot",{key:"096426411981c0a95fb29374b4f38784ac77a1ea",name:"readspeaker"}))),t("div",{key:"6599fe32503c31668374afec192c1b14bd425edb",class:"stzh-pagetitle-home__heading"},t("slot",{key:"586cbf3df3a8d27fa0817b3f3edf4e99341a62d6",name:"heading"})),t("div",{key:"1289171f76b830c24b161a8e264df2160ff8cfda",class:"stzh-pagetitle-home__subheading"},t("slot",{key:"6bafc2ca97458c48b0d0742910a1331ba765951d",name:"subheading"})))))))}get element(){return s(this)}};n.style=r;export{n as stzh_pagetitle_home};
2
+ //# sourceMappingURL=p-5e098dcd.entry.js.map
package/dist/stzh-components/{p-d8f7f464.entry.js → p-5ebdee72.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as s,f as a,h as e,F as c,a as r,g as h}from"./p-ef5985a3.js";import{s as d,h as i}from"./p-09b5eb01.js";import"./p-dae15605.js";const n='.sc-stzh-card-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-card-h,[stzh-hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::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-card-h .has-focus.sc-stzh-card{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card{outline-style:none !important}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card::-moz-focus-inner{border:0 !important}.sc-stzh-card-h{--border-radius:0px;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:flex;flex-direction:column;position:relative;border-radius:var(--border-radius)}@media print{.sc-stzh-card-h{page-break-inside:avoid;break-inside:avoid}}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h.sc-stzh-card-s>[slot=image],.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h.sc-stzh-card-s>img[slot=image],.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.stzh-card.sc-stzh-card{flex-grow:1;display:flex;flex-direction:column;background-color:var(--stzh-color-grey10);border-radius:var(--border-radius)}.stzh-card--background-grey.sc-stzh-card{background-color:var(--stzh-color-grey10)}.stzh-card--background-white.sc-stzh-card{background-color:var(--stzh-color-white)}.stzh-card__content-wrapper.sc-stzh-card{position:relative;flex-grow:1;display:flex;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 900px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header-top.sc-stzh-card{display:flex;justify-content:space-between;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:inline-flex;margin-top:var(--stzh-space-xsmall);gap:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}.stzh-card__left.sc-stzh-card{align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card__title.sc-stzh-card{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;align-items:center;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);flex-grow:1}.stzh-card__card-actions.sc-stzh-card{display:inline-flex;white-space:nowrap}@media screen and (max-width: 899px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-base-color)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{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-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{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-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xxlarge)}}.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}.stzh-card--has-header.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xsmall)}.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-footer.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--has-tag.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxxlarge)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__content.sc-stzh-card{transition:color var(--stzh-base-transition-animation-speed)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__content.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__content.sc-stzh-card{color:var(--stzh-color-secondary60)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;appearance:none;background:none;border:none;transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary)}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}.stzh-card--hyphens.sc-stzh-card .stzh-card__heading.sc-stzh-card,.stzh-card--hyphens.sc-stzh-card .stzh-card__title.sc-stzh-card{hyphens:auto}';const o=n;const z=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhCollapse=s(this,"stzhCollapse",7);this.stzhSubtitleClick=s(this,"stzhSubtitleClick",7);this.stzhStarClick=s(this,"stzhStarClick",7);this.stzhHeaderActionClick=s(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=t=>{let s=false;t.forEach((t=>{if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){a(this.element)}};this.headerClick=t=>{if(!this.collapsible){return}const s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];const a=t.composedPath().map((t=>{var s;return(s=t.tagName)===null||s===void 0?void 0:s.toLowerCase()}));const e=a.some((t=>s.includes(t)));if(!e){this.collapsed=!this.collapsed;this.stzhCollapse.emit({component:"stzh-card",collapsed:this.collapsed})}};this.subtitleClick=t=>{if(this.subtitleInteractive){this.stzhSubtitleClick.emit({component:"stzh-card",originalEvent:t})}};this.starToggleClick=t=>{this.stzhStarClick.emit({component:"stzh-card",starred:this.starred,originalEvent:t})};this.actionClick=(t,s)=>{this.stzhHeaderActionClick.emit({component:"stzh-card",action:s,originalEvent:t})};this.arrowUpClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=()=>{const t=this.element.closest("stzh-sortable");if(!t){this.sortable.removeEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.removeEventListener("stzhDisable",this.updateElementInsideSortable);return}if(this.element){a(this.element)}};this.init=()=>{const t=this.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');const s=this.element.querySelectorAll('stzh-text[slot="content"], [slot="meta"] stzh-text');t.forEach((t=>{d(t,{size:"small"})}));s.forEach((t=>{d(t,{size:"inherit"})}))};this.handleMutation=t=>{this.init();this.nodeChange(t)};this.handleSelectionChange=t=>{this.checked=t.detail.checked};this.handleCardClick=t=>{var s,a;const e=["a","button","input","select","textarea","label"];const c=(a=(s=t.composedPath)===null||s===void 0?void 0:s.call(t))!==null&&a!==void 0?a:[];if(c.some((t=>{var s,a;return e.includes((a=(s=t===null||t===void 0?void 0:t.tagName)===null||s===void 0?void 0:s.toLowerCase)===null||a===void 0?void 0:a.call(s))}))){return}this.stzhClick.emit(Object.assign({component:"stzh-card",originalEvent:t},this.href!=null&&{href:this.href}))};this.localization=undefined;this.backgroundColor="grey";this.variant="default";this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.href=undefined;this.target=undefined;this.value="";this.disabled=false;this.hyphensEnabled=false;this.heading="";this.headingLevel="3";this.subtitle="";this.headerActions=[];this.headerActionsBadge=undefined;this.headerActionsBadgeType=undefined;this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideMovementActions=false;this.analyticsId=undefined}subtitleWatcher(t){if(typeof t==="string"){if(t===""){this._subtitles=[]}else{try{this._subtitles=JSON.parse(t)}catch(s){this._subtitles=[t]}}}else{this._subtitles=t}}headerActionsWatcher(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}}footerActionsWatcher(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}}findSortableChildElement(){const t=this.element.closest("stzh-sortable");if(t){let s=this.element;let a=null;if(typeof t.container==="function"){a=t.container()}else{a=t.container}while(s.parentElement&&s.parentElement!==a){s=s.parentElement}return s}}async componentWillLoad(){this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card")}}componentDidLoad(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}}componentDidRender(){requestAnimationFrame((()=>{var t,s,a;const e=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(e){(s=this.imageLinkElement)===null||s===void 0?void 0:s.setAttribute("s-object-id",e);(a=this.titleLinkElement)===null||a===void 0?void 0:a.setAttribute("s-object-id",e)}}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){var t,s,a,h,d;const n=i(this.element,"image");const o=i(this.element,"heading");const z=i(this.element,"footer");const l=i(this.element,"content");const p=`h${this.headingLevel}`;const f=`${this.subtitleInteractive?"button":"span"}`;const v=this.findSortableChildElement();const m=(v===null||v===void 0?void 0:v.parentElement)&&Array.from((t=v===null||v===void 0?void 0:v.parentElement)===null||t===void 0?void 0:t.children).indexOf(v)===0;const g=(v===null||v===void 0?void 0:v.parentElement)&&Array.from((s=v===null||v===void 0?void 0:v.parentElement)===null||s===void 0?void 0:s.children).indexOf(v)===((a=v===null||v===void 0?void 0:v.parentElement)===null||a===void 0?void 0:a.children.length)-1;const _=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;const b=_&&!this.hideMovementActions;const u=!!this.heading||o;const x=u||this._subtitles.length>0||this._headerActions.length>0||this.starrable||b;const k=z||this._footerActions.length>0||this.selectable;const y=this._headerActions.filter((t=>!!t.badge||t.badgeEmpty));const w=`--is-described-${Math.random().toString(36).slice(2,9)}`;const C=`stzh-card${w}`;const A={"stzh-card":true,"stzh-card--background-grey":this.backgroundColor==="grey","stzh-card--background-white":this.backgroundColor==="white","stzh-card--has-link":!!this.href,"stzh-card--has-image":n,"stzh-card--has-content":l,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-header":x,"stzh-card--has-footer":k,"stzh-card--is-collapsible":this.collapsible,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked,"stzh-card--is-sortable":_,[`stzh-card--${this.variant}`]:!!this.variant,"stzh-card--hyphens":this.hyphensEnabled};return e(r,{key:"f12e5bf3662ab92e229e0fae1fa7f33ec6c4034d",role:"listitem","aria-label":this.heading,"is-sortable":_},e("article",{key:"fe84a422228741f619053d5abc3a90a1b5cb68c2",class:A,onClick:this.handleCardClick},e("a",{key:"79ef4ad083e5a12676b63a0432525eb47e9da542",ref:t=>this.imageLinkElement=t,"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:this.href,target:this.target,onClick:this.handleCardClick},e("slot",{key:"12d45ee99aa2d7358ffe1089b8d88ddb796df322",name:"image"})),e("div",{key:"af6a4c08c1eb417562db0f660bc0b5f45c0634cd",class:"stzh-card__content-wrapper"},e("stzh-icon",{key:"76e930250139a82475685f72637678cbac1eb9bb",class:"stzh-card__dnd",name:"drag"}),e("header",{key:"a3c6143b2294b2fa3723c16db0ab54ecdea6ae08",class:"stzh-card__header",onClick:this.headerClick},e("div",{key:"b77e0684ad66884b1b5f3945de1e2449ac5fc195",class:"stzh-card__header-top"},e("div",{key:"ff3d157a02fec0def1a89fd84f2be0733dac9b67",class:"stzh-card__header-left"},e("div",{key:"a95336559d67df0af0fe7fa6c491215eec8614c4",class:"stzh-card__title-area"},u&&e(p,{key:"acf7ddc256ee55f7c87ce0c2fc1db50012124688",class:"stzh-card__title"},e("a",{key:"c78954b5d2cd8d0ef28e61cf378328d5b4b0622a",ref:t=>this.titleLinkElement=t,class:"stzh-card__title-link",href:this.href,target:this.target,onClick:this.handleCardClick,"aria-describedby":C},e("div",{key:"03d2e56d174b8db303f5c967ed1a38ab9714f69a",ref:t=>this.headingTextElement=t},this.heading?this.heading:e("slot",{name:"heading"})))),e("span",{key:"288bec17a54762f3ef19d9426a0ddc29f928f40b",id:C,hidden:true},(h=this.localization)===null||h===void 0?void 0:h.clickTitle),this._subtitles.length>0&&e(f,{key:"ad1f68ffda8f881800c89d2521041d67269f917d",class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((t=>e("span",{class:"stzh-card__subtitle-text"},t)))))),e("div",{key:"08f6d82a17e6440a8e13d1f27c2aabce92236314",class:"stzh-card__header-right"},e("div",{key:"c04ede54509224a99724abdece109c4c0839b143",class:"stzh-card__card-actions"},this.starrable&&e("stzh-tooltip",{key:"f2eef3b763e504c9777b830d43e06fde4199e0ad"},e("stzh-button",{key:"c018ee29547eb28a3c569d3c78ae6c05a2d34dcf",class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),e("div",{key:"f6eae1c6d864de5087b9c6f7b1e5815d9c111589",slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(this._headerActions.length>0||this.starrable||b)&&e("stzh-popover",{key:"5b815659fe2ce19955451fec718efc9cf0767b47",label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true}},e("stzh-button",{key:"2dd95b3454a199e22be9fc5151d130edf4a92820",class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true,badge:this.headerActionsBadge,badgeEmpty:y.length>0,badgePosition:"icon",badgeType:this.headerActionsBadgeType||((d=y[0])===null||d===void 0?void 0:d.badgeType)||"default"}),e("stzh-menu",{key:"b09c49cfa3ed63d3b70c86e964f71839e67dbe28",slot:"content"},this._headerActions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:s=>{this.actionClick(s,t)}},t.label))),b&&e(c,{key:"cf124d2d2deebbb1a2ac64574e70215546dbe8e7"},!m&&e("stzh-menu-item",{key:"6599c1a97808115a420bb0af876b15fd0d8149c7",icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!g&&e("stzh-menu-item",{key:"c3f1c4889c2469ae6811aeb9db7277ff9124c721",icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown)),this.starrable&&e("stzh-menu-item",{key:"9ca6937d27cd44e37db74449c94f0aa594412d3b",icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd)))))),e("div",{key:"c47010ee74412ffcc53b2d30a7322ea0ed70056a",class:"stzh-card__header-meta"},e("slot",{key:"b5cad0cfd6f17d27fafc261baaa7655dd44f3f84",name:"meta"}))),e("div",{key:"57d6f99e8f6b6b583b57b8d2bbfa06480591d266",class:"stzh-card__content hide-when-collapsed"},e("slot",{key:"43c829fb027cddfd7999510b9c792edd8c48256a",name:"content"})),e("div",{key:"4a841d8b0e151d6f7288ea9c782dfc9d1231758e",class:"stzh-card__footer hide-when-collapsed"},e("slot",{key:"71321ffd2f932cbcd42a4ee256c76bcf4163d464",name:"footer"},this._footerActions.length>0&&e("stzh-actionset",{key:"e4fc09fe97e65b91c6b67288b7aaa9ed4da7d8d5",class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&e("stzh-button",{key:"66244d180b0987381ada039b1b5740221b691989",class:"stzh-card__footer-select-button",fullwidth:true,type:"radio",variant:"secondary",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,label:this.localization.select,onStzhChange:this.handleSelectionChange}))))))}get element(){return h(this)}static get watchers(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"]}}};z.style=o;export{z as stzh_card};
2
- //# sourceMappingURL=p-d8f7f464.entry.js.map
1
+ import{r as t,c as s,f as a,h as e,F as c,a as h,g as r}from"./p-ef5985a3.js";import{s as d,h as i}from"./p-09b5eb01.js";import"./p-dae15605.js";const n='.sc-stzh-card-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-card-h,[stzh-hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::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-card-h .has-focus.sc-stzh-card{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card{outline-style:none !important}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card::-moz-focus-inner{border:0 !important}.sc-stzh-card-h{--border-radius:0px;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:flex;flex-direction:column;position:relative;border-radius:var(--border-radius)}@media print{.sc-stzh-card-h{page-break-inside:avoid;break-inside:avoid}}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h.sc-stzh-card-s>[slot=image],.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h.sc-stzh-card-s>img[slot=image],.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h.sc-stzh-card-s>table th,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h.sc-stzh-card-s>table,.sc-stzh-card-h.sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.stzh-card.sc-stzh-card{flex-grow:1;display:flex;flex-direction:column;background-color:var(--stzh-color-grey10);border-radius:var(--border-radius)}.stzh-card--background-grey.sc-stzh-card{background-color:var(--stzh-color-grey10)}.stzh-card--background-white.sc-stzh-card{background-color:var(--stzh-color-white)}.stzh-card__content-wrapper.sc-stzh-card{position:relative;flex-grow:1;display:flex;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 900px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header-top.sc-stzh-card{display:flex;justify-content:space-between;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:inline-flex;margin-top:var(--stzh-space-xsmall);gap:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}.stzh-card__left.sc-stzh-card{align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card__title.sc-stzh-card{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;align-items:center;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);flex-grow:1}.stzh-card__card-actions.sc-stzh-card{display:inline-flex;white-space:nowrap}@media screen and (max-width: 899px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-base-color)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{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-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{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-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-card--service.sc-stzh-card .stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding:var(--stzh-space-xxlarge)}}.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}.stzh-card--has-header.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xsmall)}.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-header.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-top:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-card--has-footer.stzh-card--has-content.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--service.sc-stzh-card .stzh-card__footer.sc-stzh-card{padding-right:var(--stzh-space-xxlarge)}}.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.stzh-card--has-content.stzh-card--service.sc-stzh-card .stzh-card__content.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--has-tag.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-top:var(--stzh-space-xxxlarge)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__content.sc-stzh-card{transition:color var(--stzh-base-transition-animation-speed)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__image-link:hover) .stzh-card__content.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card:has(.stzh-card__title-link:hover) .stzh-card__content.sc-stzh-card{color:var(--stzh-color-secondary60)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;appearance:none;background:none;border:none;transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary)}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card--is-collapsed.stzh-card--service.sc-stzh-card .stzh-card__header.sc-stzh-card{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary)}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover)}.stzh-card--hyphens.sc-stzh-card .stzh-card__heading.sc-stzh-card,.stzh-card--hyphens.sc-stzh-card .stzh-card__title.sc-stzh-card{hyphens:auto}';const o=n;const z=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhCollapse=s(this,"stzhCollapse",7);this.stzhSubtitleClick=s(this,"stzhSubtitleClick",7);this.stzhStarClick=s(this,"stzhStarClick",7);this.stzhHeaderActionClick=s(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=t=>{let s=false;t.forEach((t=>{if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){a(this.element)}};this.headerClick=t=>{if(!this.collapsible){return}const s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];const a=t.composedPath().map((t=>{var s;return(s=t.tagName)===null||s===void 0?void 0:s.toLowerCase()}));const e=a.some((t=>s.includes(t)));if(!e){this.collapsed=!this.collapsed;this.stzhCollapse.emit({component:"stzh-card",collapsed:this.collapsed})}};this.subtitleClick=t=>{if(this.subtitleInteractive){this.stzhSubtitleClick.emit({component:"stzh-card",originalEvent:t})}};this.starToggleClick=t=>{this.stzhStarClick.emit({component:"stzh-card",starred:this.starred,originalEvent:t})};this.actionClick=(t,s)=>{this.stzhHeaderActionClick.emit({component:"stzh-card",action:s,originalEvent:t})};this.arrowUpClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=()=>{const t=this.element.closest("stzh-sortable");if(!t){this.sortable.removeEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.removeEventListener("stzhDisable",this.updateElementInsideSortable);return}if(this.element){a(this.element)}};this.init=()=>{const t=this.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');const s=this.element.querySelectorAll('stzh-text[slot="content"], [slot="meta"] stzh-text');t.forEach((t=>{d(t,{size:"small"})}));s.forEach((t=>{d(t,{size:"inherit"})}))};this.handleMutation=t=>{this.init();this.nodeChange(t)};this.handleSelectionChange=t=>{this.checked=t.detail.checked};this.handleCardClick=t=>{this.stzhClick.emit(Object.assign({component:"stzh-card",originalEvent:t},this.href?{href:this.href}:{}))};this.localization=undefined;this.backgroundColor="grey";this.variant="default";this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.href=undefined;this.target=undefined;this.value="";this.disabled=false;this.hyphensEnabled=false;this.heading="";this.headingLevel="3";this.subtitle="";this.headerActions=[];this.headerActionsBadge=undefined;this.headerActionsBadgeType=undefined;this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideMovementActions=false;this.analyticsId=undefined}subtitleWatcher(t){if(typeof t==="string"){if(t===""){this._subtitles=[]}else{try{this._subtitles=JSON.parse(t)}catch(s){this._subtitles=[t]}}}else{this._subtitles=t}}headerActionsWatcher(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}}footerActionsWatcher(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}}findSortableChildElement(){const t=this.element.closest("stzh-sortable");if(t){let s=this.element;let a=null;if(typeof t.container==="function"){a=t.container()}else{a=t.container}while(s.parentElement&&s.parentElement!==a){s=s.parentElement}return s}}async componentWillLoad(){this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card")}}componentDidLoad(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}}componentDidRender(){requestAnimationFrame((()=>{var t,s,a;const e=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(e){(s=this.imageLinkElement)===null||s===void 0?void 0:s.setAttribute("s-object-id",e);(a=this.titleLinkElement)===null||a===void 0?void 0:a.setAttribute("s-object-id",e)}}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){var t,s,a,r,d,n,o;const z=i(this.element,"image");const l=i(this.element,"heading");const p=i(this.element,"footer");const f=i(this.element,"content");const v=`h${this.headingLevel}`;const m=`${this.subtitleInteractive?"button":"span"}`;const g=this.findSortableChildElement();const _=(g===null||g===void 0?void 0:g.parentElement)&&Array.from((t=g===null||g===void 0?void 0:g.parentElement)===null||t===void 0?void 0:t.children).indexOf(g)===0;const b=(g===null||g===void 0?void 0:g.parentElement)&&Array.from((s=g===null||g===void 0?void 0:g.parentElement)===null||s===void 0?void 0:s.children).indexOf(g)===((a=g===null||g===void 0?void 0:g.parentElement)===null||a===void 0?void 0:a.children.length)-1;const u=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;const x=u&&!this.hideMovementActions;const k=!!this.heading||l;const y=k||this._subtitles.length>0||this._headerActions.length>0||this.starrable||x;const w=p||this._footerActions.length>0||this.selectable;const C=this._headerActions.filter((t=>!!t.badge||t.badgeEmpty));const A=`--is-described-${Math.random().toString(36).slice(2,9)}`;const j=`stzh-card${A}`;const E={"stzh-card":true,"stzh-card--background-grey":this.backgroundColor==="grey","stzh-card--background-white":this.backgroundColor==="white","stzh-card--has-link":!!this.href,"stzh-card--has-image":z,"stzh-card--has-content":f,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-header":y,"stzh-card--has-footer":w,"stzh-card--is-collapsible":this.collapsible,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked,"stzh-card--is-sortable":u,[`stzh-card--${this.variant}`]:!!this.variant,"stzh-card--hyphens":this.hyphensEnabled};return e(h,{key:"922f987148e4ccb577f79940a11a8bcc6908fda5",role:"listitem","aria-label":this.heading,"is-sortable":u},e("article",{key:"5600fecaf5d108d39d0cea8846e1974692930bd9",class:E,onClick:!this.href?this.handleCardClick:null},e("a",{key:"2e9ea16df018852b32b983c68a768d94a4aeea5e",ref:t=>this.imageLinkElement=t,"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:(r=this.href)!==null&&r!==void 0?r:null,target:this.target,onClick:this.href?this.handleCardClick:null},e("slot",{key:"ff2e8855e23d38efd06efdcc624f84abd34baf57",name:"image"})),e("div",{key:"3baa166a8f1658908690cef584a7ee32a8a7fa31",class:"stzh-card__content-wrapper"},e("stzh-icon",{key:"67db0ab767f4acbc0976c8f0caccb6046f06d0e2",class:"stzh-card__dnd",name:"drag"}),e("header",{key:"67ca4a8181eedf6727940f7627d3da3dd1817284",class:"stzh-card__header",onClick:this.headerClick},e("div",{key:"7238054dfd81b7c020730102af3e61f1757d9b77",class:"stzh-card__header-top"},e("div",{key:"8ca56343d74ffd7cc87a5f1add4c1566cfdc056a",class:"stzh-card__header-left"},e("div",{key:"0704e9ab1152376286ce4d114f6d6b23fdac1e30",class:"stzh-card__title-area"},k&&e(v,{key:"357e18961d51c8bca8a372d564a26ea6094746d2",class:"stzh-card__title"},e("a",{key:"2f437251dbdae6f0b84714d93cf3317134a60c1d",ref:t=>this.titleLinkElement=t,class:"stzh-card__title-link",href:(d=this.href)!==null&&d!==void 0?d:null,target:this.target,onClick:this.href?this.handleCardClick:null,"aria-describedby":j},e("div",{key:"abb5f10c7a8d84447d480feaa317565c1abc3599",ref:t=>this.headingTextElement=t},this.heading?this.heading:e("slot",{name:"heading"})))),e("span",{key:"85be1f1124a353e24d2977b363b9d77287ea8aea",id:j,hidden:true},(n=this.localization)===null||n===void 0?void 0:n.clickTitle),this._subtitles.length>0&&e(m,{key:"0f878f3957db379505bcad15110bbf03dc029bc6",class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((t=>e("span",{class:"stzh-card__subtitle-text"},t)))))),e("div",{key:"854ee9d5862d19a0550a6e42c828279056452b3e",class:"stzh-card__header-right"},e("div",{key:"16214110431e4da74dced1069febb7a43932521a",class:"stzh-card__card-actions",onClick:t=>t.stopPropagation()},this.starrable&&e("stzh-tooltip",{key:"3452d5c59ca8fda3c3a86f157b372ddb87608096"},e("stzh-button",{key:"5386e42f00042f511139124115223e8462c4d5ea",class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),e("div",{key:"0bc8331caa19054c583687071690a85c79cdef49",slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(this._headerActions.length>0||this.starrable||x)&&e("stzh-popover",{key:"462fb709e0a21d1f1824f217f1569e99912e2592",label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true}},e("stzh-button",{key:"fd100d9640d1bcb222f93d6f366ac3c5879d83a2",class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true,badge:this.headerActionsBadge,badgeEmpty:C.length>0,badgePosition:"icon",badgeType:this.headerActionsBadgeType||((o=C[0])===null||o===void 0?void 0:o.badgeType)||"default"}),e("stzh-menu",{key:"dcbc2cc31b779d610cab7bfe4016117935c3680f",slot:"content"},this._headerActions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:s=>{this.actionClick(s,t)}},t.label))),x&&e(c,{key:"4eea115a3af86b156cf0134f18466cf8c44a2c22"},!_&&e("stzh-menu-item",{key:"c9fb0af14f38a595518f1df9e2b6acbabf6b5674",icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!b&&e("stzh-menu-item",{key:"803db727cc6aa181d41e6f8f589c233dfed02bac",icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown)),this.starrable&&e("stzh-menu-item",{key:"480a574ac381c9ff09627c2a113cbfa3ed5b660d",icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd)))))),e("div",{key:"35d5788c10e7857518cf19afb582cacadcbad246",class:"stzh-card__header-meta"},e("slot",{key:"d2bed706d62c0489f255e67e554ef16604832590",name:"meta"}))),e("div",{key:"787bb810e536ce36d91e36580a617aec4f053cd9",class:"stzh-card__content hide-when-collapsed"},e("slot",{key:"30baef4b60ffbec432c1cd733ea3698ee7d32a0e",name:"content"})),e("div",{key:"0ac10fda538807e4025d9452fa5d52409bec181e",class:"stzh-card__footer hide-when-collapsed"},e("slot",{key:"0e3b50709c30dd462a26a107ea3334fc58de45c5",name:"footer"},this._footerActions.length>0&&e("stzh-actionset",{key:"b421cf253e2910514d5db956586d8407efcda2a5",class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&e("stzh-button",{key:"07e7831924896c28a95ea350106ab76db80da474",class:"stzh-card__footer-select-button",fullwidth:true,type:"radio",variant:"secondary",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,label:this.localization.select,onStzhChange:this.handleSelectionChange}))))))}get element(){return r(this)}static get watchers(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"]}}};z.style=o;export{z as stzh_card};
2
+ //# sourceMappingURL=p-5ebdee72.entry.js.map
package/dist/stzh-components/p-5ebdee72.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["stzhCardCss","StzhCardStyle0","StzhCard","this","_subtitles","nodeChange","entries","changeInSlot","forEach","entry","target","closest","hasAttribute","forceUpdate","element","headerClick","event","collapsible","filterTags","composedPathTags","composedPath","map","_a","tagName","toLowerCase","found","some","r","includes","collapsed","stzhCollapse","emit","component","subtitleClick","subtitleInteractive","stzhSubtitleClick","originalEvent","starToggleClick","stzhStarClick","starred","actionClick","action","stzhHeaderActionClick","arrowUpClick","sortable","findSortableChildElement","moveItem","arrowDownClick","updateElementInsideSortable","currentSortable","removeEventListener","init","chips","querySelectorAll","texts","chip","setPropsIfNull","size","text","handleMutation","handleSelectionChange","checked","detail","handleCardClick","stzhClick","Object","assign","href","subtitleWatcher","newValue","JSON","parse","err","headerActionsWatcher","_headerActions","footerActionsWatcher","_footerActions","sortableContainer","container","parentElement","componentWillLoad","subtitle","headerActions","footerActions","localization","window","stzhComponents","utils","fetchTranslations","componentDidLoad","addEventListener","componentDidRender","requestAnimationFrame","objectId","analyticsId","headingTextElement","innerText","_b","imageLinkElement","setAttribute","_c","titleLinkElement","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","imageUsed","hasSlot","headingUsed","footerUsed","contentUsed","Heading","headingLevel","Subtitle","sortableChildElement","isFirstItemInSortable","Array","from","children","indexOf","isLastItemInSortable","length","sortableEnabled","sortableDisabled","disabled","sortableActionsEnabled","hideMovementActions","hasHeading","heading","hasHeader","starrable","hasFooter","selectable","headerActionsWithBadge","filter","badge","badgeEmpty","uniqueId","Math","random","toString","slice","descriptionId","classes","backgroundColor","variant","hyphensEnabled","h","Host","key","role","class","onClick","ref","el","tabindex","_d","name","_e","id","hidden","_f","clickTitle","e","stopPropagation","icon","iconOnly","slot","actionRemove","actionAdd","label","actionsPopoverLabel","placement","headerActionsBadge","badgePosition","badgeType","headerActionsBadgeType","_g","Fragment","actionMoveUp","actionMoveDown","actions","fullwidth","type","value","select","onStzhChange"],"sources":["src/components/stzh-card/stzh-card.scss?tag=stzh-card&encapsulation=scoped","src/components/stzh-card/stzh-card.tsx"],"sourcesContent":["/**\n * @prop --content-min-height: Min height of content\n */\n\n:host {\n // --box-shadow: none;\n --border-radius: 0px;\n\n --content-min-height: 120px;\n\n --dnd-visibility: hidden;\n --dnd-opacity: 0;\n\n display: flex;\n flex-direction: column;\n position: relative;\n border-radius: var(--border-radius);\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n &[collapsed]:not([collapsed=\"false\"]) {\n --content-min-height: none;\n }\n\n &[checked]:not([checked=\"false\"]) {\n outline: 3px solid $colorPrimary;\n }\n\n &.is-ghost::after,\n .is-ghost &::after {\n border-radius: var(--border-radius);\n }\n\n &[href]:hover,\n &[href]:focus-within,\n &.is-selected,\n &.is-chosen,\n .is-selected &,\n .is-chosen & {\n // --box-shadow: #{$boxShadowOverlay};\n }\n\n &.is-ghost,\n .is-ghost & {\n // --box-shadow: none;\n overflow: hidden;\n }\n\n &.is-drag,\n &.is-chosen,\n &.is-ghost,\n &.is-selected,\n .is-drag &,\n .is-chosen &,\n .is-ghost &,\n .is-selected &,\n &[is-sortable]:hover {\n --dnd-visibility: visible;\n --dnd-opacity: 1;\n }\n\n ::slotted([slot=\"image\"]) {\n width: 100%;\n max-width: 100%;\n }\n\n ::slotted(img[slot=\"image\"]) {\n display: block;\n }\n\n ::slotted(table) {\n border: 0;\n border-spacing: 0;\n\n th {\n @include font;\n }\n\n td, th {\n padding: 0;\n }\n\n td {\n color: $colorBlack;\n padding-left: space('xsmall');\n }\n }\n}\n\n.stzh-card {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n background-color: $colorGrey10;\n border-radius: var(--border-radius);\n // box-shadow: var(--box-shadow);\n // transition: box-shadow $baseTransitionAnimationSpeed;\n\n // .vshow-medium {\n // @include mq($to: medium) {\n // @include visuallyhidden;\n // }\n // }\n\n // .show-medium {\n // @include mq($to: medium) {\n // display: none;\n // }\n // }\n\n // .hide-medium {\n // @include mq($from: medium) {\n // display: none;\n // }\n // }\n \n &--background-grey {\n background-color: $colorGrey10; \n }\n\n &--background-white {\n background-color: $colorWhite; \n }\n \n &__content-wrapper {\n position: relative;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n min-height: var(--content-min-height);\n }\n\n &__dnd {\n --size: #{iconSize('xsmall')};\n position: absolute;\n // INFO: we don't use space() values here, because we want this element to align with the heading\n left: 3px;\n top: 23px;\n display: flex;\n visibility: var(--dnd-visibility);\n opacity: var(--dnd-opacity);\n transition: all $baseTransitionAnimationSpeed;\n display: none;\n\n @include mq($from: medium) {\n display: block;\n }\n\n @include mq($from: large) {\n // INFO: we don't use space() values here, because we want this element to align with the heading\n left: 4px;\n top: 27px;\n }\n }\n\n &__header-top {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n &__header-meta {\n &:not(:empty) {\n display: inline-flex;\n margin-top: space('xsmall');\n gap: space('xsmall');\n }\n }\n\n &__header-left,\n &__header-right {\n display: flex;\n }\n\n &__header-right {\n @include spaceCurve('padding-left', 'tiny');\n }\n\n &__left {\n align-self: center;\n }\n\n &__title-area {\n @include wordWrap;\n overflow: hidden;\n }\n\n &__title,\n &__subtitle {\n margin: 0;\n }\n\n &__title-link {\n color: inherit;\n text-decoration-line: none;\n }\n\n &__title {\n @include font('title');\n @include fontSize('milli');\n }\n\n &__image-link {\n display: block;\n }\n\n &__subtitle {\n @include fontSize('milli');\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n text-decoration-line: none;\n // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n margin-left: -0.5625em;\n }\n\n &__subtitle-text {\n position: relative;\n display: inline-flex;\n // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n padding-left: 0.5625em;\n\n &::after {\n content: ',';\n position: absolute;\n left: 0;\n }\n }\n\n &__content {\n @include fontSize('milli');\n flex-grow: 1;\n }\n\n // &__footer-meta {\n // @include fontSize('micro');\n // display: flex;\n // flex-wrap: wrap;\n // gap: space('xsmall');\n // color: $colorGrey80;\n // }\n\n // &__footer-meta-separator {\n // width: 1px;\n // background-color: currentColor;\n // flex-shrink: 0;\n // }\n\n &__card-actions {\n display: inline-flex;\n white-space: nowrap;\n }\n\n &__card-action {\n @include mq($to: medium) {\n --icon-text-margin: 0px;\n --badge-icon-text-margin: 0px;\n }\n\n &[variant=\"tertiary\"] {\n --color: #{$baseColor};\n }\n\n &.is-button {\n --icon-size: #{iconSize('small')};\n }\n\n &.is-placeholder {\n width: space('xxlarge');\n height: space('xxlarge');\n }\n\n &.is-star {\n }\n }\n\n &__card-action-popover {\n --width: auto;\n }\n\n /* Service */\n\n &--service &__subtitle {\n @include fontCurve('p1');\n }\n\n &--service &__subtitle {\n @include fontCurve('p1');\n }\n\n &--service &__title {\n @include fontCurve('h3', 'heading');\n }\n\n /* Has content */\n\n &--has-content &__content {\n @include spaceCurve('padding-bottom', 'large');\n padding-top: space('xlarge');\n padding-left: space('xlarge');\n padding-right: space('medium');\n\n @include mq($from: medium) {\n @include spaceCurve('padding-bottom', 'medium');\n }\n }\n\n &--has-content#{&}--service &__content {\n @include spaceCurve('padding', 'regular');\n }\n\n /* Has header */\n\n &--has-header &__header {\n padding-top: space('xlarge');\n padding-left: space('xlarge');\n padding-right: space('medium');\n }\n\n &--has-header#{&}--has-content &__content {\n padding-top: space('xsmall');\n }\n\n &--has-header#{&}--service &__header {\n @include spaceCurve('padding-top', 'regular');\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &--has-header#{&}--has-content#{&}--service &__content {\n @include spaceCurve('padding-top', 'regular');\n }\n\n /* Has footer */\n\n &--has-footer &__footer {\n @include spaceCurve('padding-bottom', 'medium');\n padding-left: space('xlarge');\n padding-right: space('medium');\n }\n\n &--has-footer#{&}--has-content &__content {\n padding-bottom: space('medium');\n }\n\n &--has-footer#{&}--service &__footer {\n @include spaceCurve('padding-bottom', 'regular');\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &--has-footer#{&}--has-content#{&}--service &__content {\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n /* Has tag */\n\n &--has-tag#{&}--has-header &__header {\n padding-top: space('xxxlarge');\n }\n\n /* Has Link */\n\n &--has-link &__title-link,\n &--has-link &__content {\n transition: color $baseTransitionAnimationSpeed;\n }\n\n &--has-link &__title-link {\n color: $colorPrimary;\n text-decoration-line: none;\n border-radius: $buttonBorderRadius;\n cursor: pointer;\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\n &--has-link &__header-meta,\n &--has-link &__footer-actionset,\n &--has-link &__footer-select-button {\n position: relative;\n z-index: 2;\n }\n\n &--has-link:has(#{&}__image-link:hover) &__title-link,\n &--has-link:has(#{&}__image-link:hover) &__content,\n &--has-link:has(#{&}__title-link:hover) &__title-link,\n &--has-link:has(#{&}__title-link:hover) &__content {\n color: $colorSecondary60;\n\n // &::before,\n // &::before {\n // background-color: $colorPrimary20;\n // }\n }\n\n // &__footer-arrow {\n // color: $colorPrimary;\n // }\n\n // &--has-link:hover &__footer-arrow {\n // color: $colorSecondary60;\n // }\n\n /* Interactive Subtitle */\n\n &--has-subtitle-interactive &__subtitle {\n cursor: pointer;\n font-family: inherit;\n padding: 0;\n appearance: none;\n background: none;\n border: none;\n transition: color $baseTransitionAnimationSpeed;\n color: $colorPrimary;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n }\n\n /* Is collapsible */\n\n &--is-collapsible &__header {\n cursor: pointer;\n }\n\n /* Collapsed (Header) */\n\n &--is-collapsed,\n &--has-collapsed-header &__header {\n // .vhide-when-collapsed {\n // @include visuallyhidden;\n // }\n\n .hide-when-collapsed {\n display: none;\n }\n\n // .show-when-collapsed {\n // display: block;\n // }\n }\n\n &--is-collapsed &__header {\n // border-bottom: none;\n padding-bottom: space('xlarge');\n }\n\n &--is-collapsed#{&}--service &__header {\n // border-bottom: none;\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n &--is-collapsed &__card-action,\n &--has-collapsed-header &__card-action {\n --icon-text-margin: 0px;\n --badge-icon-text-margin: 0px;\n }\n\n /* Starred */\n\n &--is-starred &__card-action.is-star {\n color: $colorPrimary;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n }\n\n /* Hyphens */\n &--hyphens &__heading,\n &--hyphens &__title {\n hyphens: auto;\n }\n}\n","import { Component, Element, Event, EventEmitter, forceUpdate, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport {\n StzhActionsetItem,\n StzhButtonChangeEvent,\n StzhCardClickEvent,\n StzhCardCollapseEvent,\n StzhCardHeaderAction,\n StzhCardHeaderActionClickEvent,\n StzhCardStarClickEvent,\n StzhCardSubtitleClickEvent,\n} from \"../../index\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\nimport { StzhCardLocalizedText } from \"./stzh-card.localization\";\n\n/**\n * @slot heading - Slot for heading\n * @slot image - Slot for optional image element\n * @slot content - Slot for content for any elements\n * @slot meta - Slot for meta elements (status or chip)\n * @slot footer - Slot to replace footer content (`footerActions` and `selectable` button are not shown anymore)\n */\n@Component({\n tag: \"stzh-card\",\n styleUrl: \"stzh-card.scss\",\n scoped: true,\n})\nexport class StzhCard {\n /** Translation strings */\n @Prop() localization: StzhCardLocalizedText;\n\n /** Whether background should be grey (default) or white */\n @Prop({ reflect: true }) backgroundColor: \"grey\" | \"white\" = \"grey\";\n\n /** Variant */\n @Prop({ reflect: true }) variant: \"default\" | \"service\" = \"default\";\n\n /** Whether card is collapsed or not */\n @Prop({ reflect: true, mutable: true }) collapsed: boolean = false;\n\n /** Whether card was starred */\n @Prop({ reflect: true, mutable: true }) starred: boolean = false;\n\n /**\n * Whether card star is displayed (with tooltip and menu-item in mobile popover).\n * The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).\n */\n @Prop({ reflect: true }) starrable: boolean = false;\n\n /** Whether card is selectable */\n @Prop({ reflect: true }) selectable: boolean = false;\n\n /** Whether card is checked (if card is selectable) */\n @Prop({ reflect: true }) checked: boolean = false;\n\n /** The name of the input element (if card is selectable) */\n @Prop({ reflect: true }) name: string = \"\";\n\n /** Href of card */\n @Prop({ reflect: true }) href: string;\n\n /** target if the button is used as link (if href used) */\n @Prop() target: string;\n\n /** The value of the input element (if card is selectable) */\n @Prop({ mutable: true }) value: string = \"\";\n\n /** Whether the element is disabled or not (if card is selectable) */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /** Automatic Hyphens */\n @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n /** Heading (or use heading slot instead) */\n @Prop() heading: string = \"\";\n\n /** Heading level */\n @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /** Subtitle */\n @Prop() subtitle: string | string[] = \"\";\n private _subtitles = [];\n\n /** Card header actions */\n @Prop() headerActions: string | StzhCardHeaderAction[] = [];\n private _headerActions: StzhCardHeaderAction[];\n\n /**\n * Set a badge text if header action badge exists (see headerActionsBadgeType for more info).\n */\n @Prop() headerActionsBadge: string;\n\n /**\n * If a header action with a badge exists inside `headerActions`, the more actions popover will automatically have a empty badge.\n * By default, it takes the badge type from the first one. With this property you can overwrite it.\n */\n @Prop() headerActionsBadgeType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\n /**\n * Card footer actions.\n * The [`stzh-actionset`](?path=/story/components-actionset) component is used internally.\n * You can listen to clicks with the `stzhActionClick` event.\n */\n @Prop() footerActions: string | StzhActionsetItem[] = [];\n private _footerActions: StzhActionsetItem[];\n\n /** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */\n @Prop() subtitleInteractive: boolean = false;\n\n /**\n * Whether sorting should be disabled.\n * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n */\n @Prop({ reflect: true }) sortableDisabled: boolean = false;\n\n /** Whether card is collapsible (only effective if href is not set) */\n @Prop({ reflect: true }) collapsible: boolean = false;\n\n /**\n * Whether movement menu items should be shown.\n * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n */\n @Prop() hideMovementActions: boolean = false;\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link elements.\n * Default value will be taken from `heading` prop/slot.\n */\n @Prop() analyticsId: string;\n\n @Element() element: HTMLStzhCardElement;\n\n /** Click event */\n @Event() stzhClick: EventEmitter<StzhCardClickEvent>;\n\n /** Collapse event */\n @Event() stzhCollapse: EventEmitter<StzhCardCollapseEvent>;\n\n /** Subtitle click event */\n @Event() stzhSubtitleClick: EventEmitter<StzhCardSubtitleClickEvent>;\n\n /** Star click event */\n @Event() stzhStarClick: EventEmitter<StzhCardStarClickEvent>;\n\n /** Header action click event */\n @Event() stzhHeaderActionClick: EventEmitter<StzhCardHeaderActionClickEvent>;\n\n @Watch(\"subtitle\")\n subtitleWatcher(newValue: string[] | string) {\n if (typeof newValue === \"string\") {\n if (newValue === \"\") {\n this._subtitles = [];\n } else {\n try {\n this._subtitles = JSON.parse(newValue);\n } catch (err) {\n this._subtitles = [newValue];\n }\n }\n } else {\n this._subtitles = newValue;\n }\n }\n\n @Watch(\"headerActions\")\n headerActionsWatcher(newValue: StzhCardHeaderAction[] | string) {\n if (typeof newValue === \"string\") {\n this._headerActions = JSON.parse(newValue);\n } else {\n this._headerActions = newValue;\n }\n }\n\n @Watch(\"footerActions\")\n footerActionsWatcher(newValue: StzhActionsetItem[] | string) {\n if (typeof newValue === \"string\") {\n this._footerActions = JSON.parse(newValue);\n } else {\n this._footerActions = newValue;\n }\n }\n\n // @Watch(\"collapsed\")\n // collapsedWatcher() {\n // this.handleResize();\n // }\n\n private observer: MutationObserver;\n\n private nodeChange = entries => {\n let changeInSlot = false;\n\n entries.forEach(entry => {\n if (entry.target.closest(\"[slot]\") || entry.target.hasAttribute(\"slot\")) {\n changeInSlot = true;\n }\n });\n\n if (changeInSlot) {\n forceUpdate(this.element);\n }\n };\n\n // private mainElement: HTMLElement;\n // private headerElement: HTMLElement;\n // private headerLeftElement: HTMLElement;\n // private headerRightElement: HTMLElement;\n private imageLinkElement: HTMLAnchorElement;\n private titleLinkElement: HTMLAnchorElement;\n private headingTextElement: HTMLDivElement;\n private sortable: HTMLStzhSortableElement;\n\n // private debounceResize: number;\n // private resizeObserver: ResizeObserver;\n\n // private update = () => {\n // if (!this.mainElement) {\n // return;\n // }\n\n // this.mainElement.classList.remove(\"stzh-card--has-collapsed-header\");\n\n // if (media('medium').matches) {\n // const headerWidth = this.headerElement.clientWidth;\n // const leftWidth = this.headerLeftElement.clientWidth;\n // const rightWidth = this.headerRightElement.clientWidth;\n\n // if (headerWidth - leftWidth <= rightWidth) {\n // this.mainElement.classList.add(\"stzh-card--has-collapsed-header\");\n // }\n // }\n // }\n\n private headerClick = (event: MouseEvent) => {\n if (!this.collapsible) {\n return;\n }\n\n const filterTags = [\n \"stzh-popover\",\n \"stzh-tooltip\",\n \"button\",\n \"a\",\n \"input\",\n \"select\",\n \"textarea\",\n \"iframe\",\n \"details\",\n \"label\",\n \"area\",\n ];\n const composedPathTags = event.composedPath().map(element => (element as HTMLElement).tagName?.toLowerCase());\n const found = composedPathTags.some(r => filterTags.includes(r));\n\n if (!found) {\n this.collapsed = !this.collapsed;\n\n this.stzhCollapse.emit({\n component: \"stzh-card\",\n collapsed: this.collapsed,\n });\n }\n };\n\n private subtitleClick = (event: MouseEvent) => {\n if (this.subtitleInteractive) {\n this.stzhSubtitleClick.emit({\n component: \"stzh-card\",\n originalEvent: event,\n });\n }\n };\n\n private starToggleClick = (event: MouseEvent) => {\n this.stzhStarClick.emit({\n component: \"stzh-card\",\n starred: this.starred,\n originalEvent: event,\n });\n };\n\n private actionClick = (event: MouseEvent, action: StzhCardHeaderAction) => {\n this.stzhHeaderActionClick.emit({\n component: \"stzh-card\",\n action,\n originalEvent: event,\n });\n };\n\n private arrowUpClick = () => {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n const element = this.findSortableChildElement();\n sortable.moveItem(element, \"up\");\n }\n };\n\n private arrowDownClick = () => {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n const element = this.findSortableChildElement();\n sortable.moveItem(element, \"down\");\n }\n };\n\n private updateElementInsideSortable = () => {\n const currentSortable = this.element.closest(\"stzh-sortable\");\n\n // check if element is still inside sortable\n if (!currentSortable) {\n this.sortable.removeEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n this.sortable.removeEventListener(\"stzhDisable\", this.updateElementInsideSortable);\n return;\n }\n\n if (this.element) {\n forceUpdate(this.element);\n }\n };\n\n private init = () => {\n const chips = this.element.querySelectorAll('stzh-chip[slot=\"meta\"], [slot=\"meta\"] stzh-chip');\n\n const texts = this.element.querySelectorAll('stzh-text[slot=\"content\"], [slot=\"meta\"] stzh-text');\n\n chips.forEach(chip => {\n setPropsIfNull(chip, {\n size: \"small\",\n } as HTMLStzhChipElement);\n });\n\n texts.forEach(text => {\n setPropsIfNull(text, {\n size: \"inherit\",\n } as HTMLStzhTextElement);\n });\n };\n\n // private handleResize = () => {\n // if (this.debounceResize) {\n // window.cancelAnimationFrame(this.debounceResize);\n // }\n\n // this.debounceResize = requestAnimationFrame(this.update);\n // }\n\n private handleMutation = entries => {\n this.init();\n this.nodeChange(entries);\n };\n\n private handleSelectionChange = (event: CustomEvent<StzhButtonChangeEvent>) => {\n this.checked = event.detail.checked;\n };\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-card\",\n originalEvent,\n ...(this.href ? { href: this.href } : {}),\n });\n };\n\n private findSortableChildElement(): HTMLElement | undefined {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n let element: HTMLElement = this.element;\n let sortableContainer = null;\n\n if (typeof sortable.container === \"function\") {\n sortableContainer = sortable.container();\n } else {\n sortableContainer = sortable.container;\n }\n\n while (element.parentElement && element.parentElement !== sortableContainer) {\n element = element.parentElement;\n }\n\n return element;\n }\n }\n\n async componentWillLoad() {\n this.subtitleWatcher(this.subtitle);\n this.headerActionsWatcher(this.headerActions);\n this.footerActionsWatcher(this.footerActions);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card\");\n }\n }\n\n componentDidLoad() {\n this.sortable = this.element.closest(\"stzh-sortable\");\n\n if (this.sortable) {\n this.sortable.addEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n this.sortable.addEventListener(\"stzhDisable\", this.updateElementInsideSortable);\n }\n }\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n if (objectId) {\n this.imageLinkElement?.setAttribute(\"s-object-id\", objectId);\n this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.handleMutation);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n\n // this.resizeObserver = new ResizeObserver(this.handleResize);\n // this.resizeObserver.observe(this.element);\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n // if (this.resizeObserver) {\n // this.resizeObserver.disconnect();\n // }\n }\n\n render() {\n const imageUsed: boolean = hasSlot(this.element, \"image\");\n const headingUsed: boolean = hasSlot(this.element, \"heading\");\n const footerUsed: boolean = hasSlot(this.element, \"footer\");\n const contentUsed: boolean = hasSlot(this.element, \"content\");\n\n const Heading = `h${this.headingLevel}`;\n const Subtitle = `${this.subtitleInteractive ? \"button\" : \"span\"}`;\n\n const sortableChildElement = this.findSortableChildElement();\n\n const isFirstItemInSortable =\n sortableChildElement?.parentElement &&\n Array.from(sortableChildElement?.parentElement?.children).indexOf(sortableChildElement) === 0;\n\n const isLastItemInSortable =\n sortableChildElement?.parentElement &&\n Array.from(sortableChildElement?.parentElement?.children).indexOf(sortableChildElement) ===\n sortableChildElement?.parentElement?.children.length - 1;\n\n const sortableEnabled = !this.sortableDisabled && this.sortable && !this.sortable.disabled;\n const sortableActionsEnabled = sortableEnabled && !this.hideMovementActions;\n\n // const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);\n\n // const headerActions = [\n // ...this._headerActions\n // ];\n\n const hasHeading = !!this.heading || headingUsed;\n\n const hasHeader =\n hasHeading ||\n this._subtitles.length > 0 ||\n this._headerActions.length > 0 ||\n // || nonCollapsingTextHeaderActions.length > 0\n this.starrable ||\n sortableActionsEnabled;\n\n const hasFooter = footerUsed || this._footerActions.length > 0 || this.selectable;\n\n const headerActionsWithBadge = this._headerActions.filter(action => !!action.badge || action.badgeEmpty);\n\n const uniqueId = `--is-described-${Math.random().toString(36).slice(2, 9)}`;\n const descriptionId = `stzh-card${uniqueId}`;\n\n const classes = {\n \"stzh-card\": true,\n \"stzh-card--background-grey\": this.backgroundColor === \"grey\",\n \"stzh-card--background-white\": this.backgroundColor === \"white\",\n \"stzh-card--has-link\": !!this.href,\n \"stzh-card--has-image\": imageUsed,\n \"stzh-card--has-content\": contentUsed,\n \"stzh-card--has-subtitle\": !!this.subtitle,\n \"stzh-card--has-subtitle-interactive\": !!this.subtitle && this.subtitleInteractive,\n \"stzh-card--has-header\": hasHeader,\n \"stzh-card--has-footer\": hasFooter,\n \"stzh-card--is-collapsible\": this.collapsible,\n \"stzh-card--is-collapsed\": this.collapsed,\n \"stzh-card--is-starred\": this.starred,\n \"stzh-card--is-checked\": this.checked,\n \"stzh-card--is-sortable\": sortableEnabled,\n [`stzh-card--${this.variant}`]: !!this.variant,\n \"stzh-card--hyphens\": this.hyphensEnabled,\n };\n\n return (\n <Host role=\"listitem\" aria-label={this.heading} is-sortable={sortableEnabled}>\n <article\n // ref={(el) => (this.mainElement = el as HTMLElement)}\n class={classes}\n onClick={!this.href ? this.handleCardClick : null}\n >\n <a\n ref={el => (this.imageLinkElement = el as HTMLAnchorElement)}\n aria-hidden=\"true\"\n tabindex=\"-1\"\n class=\"stzh-card__image-link\"\n href={this.href ?? null}\n target={this.target}\n onClick={this.href ? this.handleCardClick : null}\n >\n <slot name=\"image\"></slot>\n </a>\n <div class=\"stzh-card__content-wrapper\">\n <stzh-icon class=\"stzh-card__dnd\" name=\"drag\"></stzh-icon>\n <header\n // ref={(el) => (this.headerElement = el as HTMLElement)}\n class=\"stzh-card__header\"\n onClick={this.headerClick}\n >\n <div class=\"stzh-card__header-top\">\n <div\n // ref={(el) => (this.headerLeftElement = el as HTMLElement)}\n class=\"stzh-card__header-left\"\n >\n <div class=\"stzh-card__title-area\">\n {hasHeading && (\n <Heading class=\"stzh-card__title\">\n <a\n ref={el => (this.titleLinkElement = el as HTMLAnchorElement)}\n class=\"stzh-card__title-link\"\n href={this.href ?? null}\n target={this.target}\n onClick={this.href ? this.handleCardClick : null}\n aria-describedby={descriptionId}\n >\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n </div>\n </a>\n </Heading>\n )}\n <span id={descriptionId} hidden>\n {this.localization?.clickTitle}\n </span>\n {this._subtitles.length > 0 && (\n <Subtitle class=\"stzh-card__subtitle\" onClick={this.subtitleClick}>\n {this._subtitles.map(subtitle => (\n <span class=\"stzh-card__subtitle-text\">{subtitle}</span>\n ))}\n </Subtitle>\n )}\n </div>\n </div>\n <div\n // ref={(el) => (this.headerRightElement = el as HTMLElement)}\n class=\"stzh-card__header-right\"\n >\n <div class=\"stzh-card__card-actions\" onClick={(e) => e.stopPropagation()}>\n {/* {this._headerActions.map(action => (\n <stzh-button\n class={{\n \"stzh-card__card-action\": true,\n \"is-button\": true,\n \"show-medium\": !action.onlyCollapseText,\n \"hide-when-collapsed\": !action.onlyCollapseText,\n \"hide-text-when-collapsed\": action.onlyCollapseText\n }}\n icon={action.icon}\n badge={action.badge}\n badgeEmpty={action.badgeEmpty}\n badgeType={action.badgeType}\n variant=\"tertiary\"\n size=\"tiny\"\n badgePosition=\"icon\"\n onClick={(e: MouseEvent) => { this.actionClick(e, action) }}\n >\n <span\n class={{\n \"vshow-medium\": action.onlyCollapseText,\n \"vhide-when-collapsed\": action.onlyCollapseText\n }}\n >\n {action.label}\n </span>\n </stzh-button>\n ))} */}\n\n {this.starrable && (\n <stzh-tooltip>\n <stzh-button\n class=\"stzh-card__card-action is-star\"\n icon={this.starred ? \"star-filled\" : \"star\"}\n variant=\"tertiary\"\n size=\"tiny\"\n iconOnly={true}\n onClick={this.starToggleClick}\n ></stzh-button>\n <div slot=\"content\">\n {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n </div>\n </stzh-tooltip>\n )}\n\n {/* <stzh-actionset actions={headerActions} variant=\"overflow\"></stzh-actionset> */}\n {/* {(nonCollapsingTextHeaderActions.length > 0 || this.starrable || sortableActionsEnabled) && */}\n {(this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (\n <stzh-popover\n label={this.localization.actionsPopoverLabel}\n placement=\"bottom-end\"\n class={{\n \"stzh-card__card-action-popover\": true,\n // \"hide-medium show-when-collapsed\": !this.starrable && !sortableActionsEnabled\n }}\n >\n <stzh-button\n class=\"stzh-card__card-action is-further\"\n variant=\"tertiary\"\n size=\"tiny\"\n icon=\"more-vertical\"\n iconOnly={true}\n badge={this.headerActionsBadge}\n badgeEmpty={headerActionsWithBadge.length > 0}\n badgePosition=\"icon\"\n badgeType={this.headerActionsBadgeType || headerActionsWithBadge[0]?.badgeType || \"default\"}\n ></stzh-button>\n <stzh-menu slot=\"content\">\n {/* {nonCollapsingTextHeaderActions.map(action => ( */}\n {this._headerActions.map(action => (\n <stzh-menu-item\n // class=\"hide-medium show-when-collapsed\"\n icon={action.icon}\n badge={action.badge}\n badgeEmpty={action.badgeEmpty}\n badgeType={action.badgeType}\n onClick={(e: MouseEvent) => {\n this.actionClick(e, action);\n }}\n >\n {action.label}\n </stzh-menu-item>\n ))}\n\n {sortableActionsEnabled && (\n <Fragment>\n {!isFirstItemInSortable && (\n <stzh-menu-item icon=\"arrow-up\" onClick={this.arrowUpClick}>\n {this.localization.actionMoveUp}\n </stzh-menu-item>\n )}\n {!isLastItemInSortable && (\n <stzh-menu-item icon=\"arrow-down\" onClick={this.arrowDownClick}>\n {this.localization.actionMoveDown}\n </stzh-menu-item>\n )}\n </Fragment>\n )}\n\n {this.starrable && (\n <stzh-menu-item icon={this.starred ? \"star-filled\" : \"star\"} onClick={this.starToggleClick}>\n {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n </stzh-menu-item>\n )}\n </stzh-menu>\n </stzh-popover>\n )}\n </div>\n </div>\n </div>\n\n <div class=\"stzh-card__header-meta\">\n <slot name=\"meta\"></slot>\n </div>\n </header>\n\n <div class=\"stzh-card__content hide-when-collapsed\">\n <slot name=\"content\"></slot>\n </div>\n\n <div class=\"stzh-card__footer hide-when-collapsed\">\n <slot name=\"footer\">\n {this._footerActions.length > 0 && (\n <stzh-actionset class=\"stzh-card__footer-actionset\" actions={this._footerActions}></stzh-actionset>\n )}\n\n {this.selectable && (\n <stzh-button\n class=\"stzh-card__footer-select-button\"\n fullwidth\n type=\"radio\"\n variant=\"secondary\"\n name={this.name}\n value={this.value}\n checked={this.checked}\n disabled={this.disabled}\n label={this.localization.select}\n onStzhChange={this.handleSelectionChange}\n ></stzh-button>\n )}\n </slot>\n </div>\n </div>\n </article>\n </Host>\n );\n }\n}\n"],"mappings":"iJAAA,MAAMA,EAAc,0qoBACpB,MAAAC,EAAeD,E,MC2BFE,EAAQ,M,wQAsDXC,KAAAC,WAAa,GA6GbD,KAAAE,WAAaC,IACnB,IAAIC,EAAe,MAEnBD,EAAQE,SAAQC,IACd,GAAIA,EAAMC,OAAOC,QAAQ,WAAaF,EAAMC,OAAOE,aAAa,QAAS,CACvEL,EAAe,I,KAInB,GAAIA,EAAc,CAChBM,EAAYV,KAAKW,Q,GAkCbX,KAAAY,YAAeC,IACrB,IAAKb,KAAKc,YAAa,CACrB,M,CAGF,MAAMC,EAAa,CACjB,eACA,eACA,SACA,IACA,QACA,SACA,WACA,SACA,UACA,QACA,QAEF,MAAMC,EAAmBH,EAAMI,eAAeC,KAAIP,IAAO,IAAAQ,EAAI,OAAAA,EAACR,EAAwBS,WAAO,MAAAD,SAAA,SAAAA,EAAEE,aAAa,IAC5G,MAAMC,EAAQN,EAAiBO,MAAKC,GAAKT,EAAWU,SAASD,KAE7D,IAAKF,EAAO,CACVtB,KAAK0B,WAAa1B,KAAK0B,UAEvB1B,KAAK2B,aAAaC,KAAK,CACrBC,UAAW,YACXH,UAAW1B,KAAK0B,W,GAKd1B,KAAA8B,cAAiBjB,IACvB,GAAIb,KAAK+B,oBAAqB,CAC5B/B,KAAKgC,kBAAkBJ,KAAK,CAC1BC,UAAW,YACXI,cAAepB,G,GAKbb,KAAAkC,gBAAmBrB,IACzBb,KAAKmC,cAAcP,KAAK,CACtBC,UAAW,YACXO,QAASpC,KAAKoC,QACdH,cAAepB,GACf,EAGIb,KAAAqC,YAAc,CAACxB,EAAmByB,KACxCtC,KAAKuC,sBAAsBX,KAAK,CAC9BC,UAAW,YACXS,SACAL,cAAepB,GACf,EAGIb,KAAAwC,aAAe,KACrB,MAAMC,EAAWzC,KAAKW,QAAQH,QAAQ,iBAEtC,GAAIiC,EAAU,CACZ,MAAM9B,EAAUX,KAAK0C,2BACrBD,EAASE,SAAShC,EAAS,K,GAIvBX,KAAA4C,eAAiB,KACvB,MAAMH,EAAWzC,KAAKW,QAAQH,QAAQ,iBAEtC,GAAIiC,EAAU,CACZ,MAAM9B,EAAUX,KAAK0C,2BACrBD,EAASE,SAAShC,EAAS,O,GAIvBX,KAAA6C,4BAA8B,KACpC,MAAMC,EAAkB9C,KAAKW,QAAQH,QAAQ,iBAG7C,IAAKsC,EAAiB,CACpB9C,KAAKyC,SAASM,oBAAoB,aAAc/C,KAAK6C,6BACrD7C,KAAKyC,SAASM,oBAAoB,cAAe/C,KAAK6C,6BACtD,M,CAGF,GAAI7C,KAAKW,QAAS,CAChBD,EAAYV,KAAKW,Q,GAIbX,KAAAgD,KAAO,KACb,MAAMC,EAAQjD,KAAKW,QAAQuC,iBAAiB,mDAE5C,MAAMC,EAAQnD,KAAKW,QAAQuC,iBAAiB,sDAE5CD,EAAM5C,SAAQ+C,IACZC,EAAeD,EAAM,CACnBE,KAAM,SACiB,IAG3BH,EAAM9C,SAAQkD,IACZF,EAAeE,EAAM,CACnBD,KAAM,WACiB,GACzB,EAWItD,KAAAwD,eAAiBrD,IACvBH,KAAKgD,OACLhD,KAAKE,WAAWC,EAAQ,EAGlBH,KAAAyD,sBAAyB5C,IAC/Bb,KAAK0D,QAAU7C,EAAM8C,OAAOD,OAAO,EAG7B1D,KAAA4D,gBAAmB3B,IACzBjC,KAAK6D,UAAUjC,KAAIkC,OAAAC,OAAA,CACjBlC,UAAW,YACXI,iBACIjC,KAAKgE,KAAO,CAAEA,KAAMhE,KAAKgE,MAAS,IACtC,E,iDA3UyD,O,aAGH,U,eAGG,M,aAGF,M,eAMb,M,gBAGC,M,aAGH,M,UAGJ,G,qDASC,G,cAGI,M,oBAGM,M,aAGzB,G,kBAGqC,I,cAGzB,G,mBAImB,G,2FAmBH,G,yBAIf,M,sBAMc,M,iBAGL,M,yBAMT,M,2BA2BvC,eAAAC,CAAgBC,GACd,UAAWA,IAAa,SAAU,CAChC,GAAIA,IAAa,GAAI,CACnBlE,KAAKC,WAAa,E,KACb,CACL,IACED,KAAKC,WAAakE,KAAKC,MAAMF,E,CAC7B,MAAOG,GACPrE,KAAKC,WAAa,CAACiE,E,OAGlB,CACLlE,KAAKC,WAAaiE,C,EAKtB,oBAAAI,CAAqBJ,GACnB,UAAWA,IAAa,SAAU,CAChClE,KAAKuE,eAAiBJ,KAAKC,MAAMF,E,KAC5B,CACLlE,KAAKuE,eAAiBL,C,EAK1B,oBAAAM,CAAqBN,GACnB,UAAWA,IAAa,SAAU,CAChClE,KAAKyE,eAAiBN,KAAKC,MAAMF,E,KAC5B,CACLlE,KAAKyE,eAAiBP,C,EA2LlB,wBAAAxB,GACN,MAAMD,EAAWzC,KAAKW,QAAQH,QAAQ,iBAEtC,GAAIiC,EAAU,CACZ,IAAI9B,EAAuBX,KAAKW,QAChC,IAAI+D,EAAoB,KAExB,UAAWjC,EAASkC,YAAc,WAAY,CAC5CD,EAAoBjC,EAASkC,W,KACxB,CACLD,EAAoBjC,EAASkC,S,CAG/B,MAAOhE,EAAQiE,eAAiBjE,EAAQiE,gBAAkBF,EAAmB,CAC3E/D,EAAUA,EAAQiE,a,CAGpB,OAAOjE,C,EAIX,uBAAMkE,GACJ7E,KAAKiE,gBAAgBjE,KAAK8E,UAC1B9E,KAAKsE,qBAAqBtE,KAAK+E,eAC/B/E,KAAKwE,qBAAqBxE,KAAKgF,eAE/B,IAAKhF,KAAKiF,aAAc,CACtBjF,KAAKiF,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBrF,KAAKW,QAAS,O,EAI1F,gBAAA2E,GACEtF,KAAKyC,SAAWzC,KAAKW,QAAQH,QAAQ,iBAErC,GAAIR,KAAKyC,SAAU,CACjBzC,KAAKyC,SAAS8C,iBAAiB,aAAcvF,KAAK6C,6BAClD7C,KAAKyC,SAAS8C,iBAAiB,cAAevF,KAAK6C,4B,EAIvD,kBAAA2C,GACEC,uBAAsB,K,UACpB,MAAMC,EAAW1F,KAAK2F,eAAexE,EAAAnB,KAAK4F,sBAAkB,MAAAzE,SAAA,SAAAA,EAAE0E,WAE9D,GAAIH,EAAU,EACZI,EAAA9F,KAAK+F,oBAAgB,MAAAD,SAAA,SAAAA,EAAEE,aAAa,cAAeN,IACnDO,EAAAjG,KAAKkG,oBAAgB,MAAAD,SAAA,SAAAA,EAAED,aAAa,cAAeN,E,KAKzD,iBAAAS,GACEnG,KAAKgD,OAELhD,KAAKoG,SAAW,IAAIC,iBAAiBrG,KAAKwD,gBAC1CxD,KAAKoG,SAASE,QAAQtG,KAAKW,QAAS,CAClC4F,UAAW,KACXC,QAAS,M,CAOb,oBAAAC,GACE,GAAIzG,KAAKoG,SAAU,CACjBpG,KAAKoG,SAASM,Y,EAQlB,MAAAC,G,kBACE,MAAMC,EAAqBC,EAAQ7G,KAAKW,QAAS,SACjD,MAAMmG,EAAuBD,EAAQ7G,KAAKW,QAAS,WACnD,MAAMoG,EAAsBF,EAAQ7G,KAAKW,QAAS,UAClD,MAAMqG,EAAuBH,EAAQ7G,KAAKW,QAAS,WAEnD,MAAMsG,EAAU,IAAIjH,KAAKkH,eACzB,MAAMC,EAAW,GAAGnH,KAAK+B,oBAAsB,SAAW,SAE1D,MAAMqF,EAAuBpH,KAAK0C,2BAElC,MAAM2E,GACJD,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBxC,gBACtB0C,MAAMC,MAAKpG,EAAAiG,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBxC,iBAAa,MAAAzD,SAAA,SAAAA,EAAEqG,UAAUC,QAAQL,KAA0B,EAE9F,MAAMM,GACJN,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBxC,gBACtB0C,MAAMC,MAAKzB,EAAAsB,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBxC,iBAAa,MAAAkB,SAAA,SAAAA,EAAE0B,UAAUC,QAAQL,OAChEnB,EAAAmB,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBxC,iBAAa,MAAAqB,SAAA,SAAAA,EAAEuB,SAASG,QAAS,EAE3D,MAAMC,GAAmB5H,KAAK6H,kBAAoB7H,KAAKyC,WAAazC,KAAKyC,SAASqF,SAClF,MAAMC,EAAyBH,IAAoB5H,KAAKgI,oBAQxD,MAAMC,IAAejI,KAAKkI,SAAWpB,EAErC,MAAMqB,EACJF,GACAjI,KAAKC,WAAW0H,OAAS,GACzB3H,KAAKuE,eAAeoD,OAAS,GAE7B3H,KAAKoI,WACLL,EAEF,MAAMM,EAAYtB,GAAc/G,KAAKyE,eAAekD,OAAS,GAAK3H,KAAKsI,WAEvE,MAAMC,EAAyBvI,KAAKuE,eAAeiE,QAAOlG,KAAYA,EAAOmG,OAASnG,EAAOoG,aAE7F,MAAMC,EAAW,kBAAkBC,KAAKC,SAASC,SAAS,IAAIC,MAAM,EAAG,KACvE,MAAMC,EAAgB,YAAYL,IAElC,MAAMM,EAAU,CACd,YAAa,KACb,6BAA8BjJ,KAAKkJ,kBAAoB,OACvD,8BAA+BlJ,KAAKkJ,kBAAoB,QACxD,wBAAyBlJ,KAAKgE,KAC9B,uBAAwB4C,EACxB,yBAA0BI,EAC1B,4BAA6BhH,KAAK8E,SAClC,wCAAyC9E,KAAK8E,UAAY9E,KAAK+B,oBAC/D,wBAAyBoG,EACzB,wBAAyBE,EACzB,4BAA6BrI,KAAKc,YAClC,0BAA2Bd,KAAK0B,UAChC,wBAAyB1B,KAAKoC,QAC9B,wBAAyBpC,KAAK0D,QAC9B,yBAA0BkE,EAC1B,CAAC,cAAc5H,KAAKmJ,aAAcnJ,KAAKmJ,QACvC,qBAAsBnJ,KAAKoJ,gBAG7B,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAU,aAAaxJ,KAAKkI,QAAO,cAAeN,GAC3DyB,EAAA,WAAAE,IAAA,2CAEEE,MAAOR,EACPS,SAAU1J,KAAKgE,KAAOhE,KAAK4D,gBAAkB,MAE7CyF,EAAA,KAAAE,IAAA,2CACEI,IAAKC,GAAO5J,KAAK+F,iBAAmB6D,EAAwB,cAChD,OACZC,SAAS,KACTJ,MAAM,wBACNzF,MAAM8F,EAAA9J,KAAKgE,QAAI,MAAA8F,SAAA,EAAAA,EAAI,KACnBvJ,OAAQP,KAAKO,OACbmJ,QAAS1J,KAAKgE,KAAOhE,KAAK4D,gBAAkB,MAE5CyF,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,WAEbV,EAAA,OAAAE,IAAA,2CAAKE,MAAM,8BACTJ,EAAA,aAAAE,IAAA,2CAAWE,MAAM,iBAAiBM,KAAK,SACvCV,EAAA,UAAAE,IAAA,2CAEEE,MAAM,oBACNC,QAAS1J,KAAKY,aAEdyI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,yBACTJ,EAAA,OAAAE,IAAA,2CAEEE,MAAM,0BAENJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,yBACRxB,GACCoB,EAACpC,EAAO,CAAAsC,IAAA,2CAACE,MAAM,oBACbJ,EAAA,KAAAE,IAAA,2CACEI,IAAKC,GAAO5J,KAAKkG,iBAAmB0D,EACpCH,MAAM,wBACNzF,MAAMgG,EAAAhK,KAAKgE,QAAI,MAAAgG,SAAA,EAAAA,EAAI,KACnBzJ,OAAQP,KAAKO,OACbmJ,QAAS1J,KAAKgE,KAAOhE,KAAK4D,gBAAkB,KAAI,mBAC9BoF,GAElBK,EAAA,OAAAE,IAAA,2CAAKI,IAAKC,GAAO5J,KAAK4F,mBAAqBgE,GACxC5J,KAAKkI,QAAUlI,KAAKkI,QAAUmB,EAAA,QAAMU,KAAK,eAKlDV,EAAA,QAAAE,IAAA,2CAAMU,GAAIjB,EAAekB,OAAM,OAC5BC,EAAAnK,KAAKiF,gBAAY,MAAAkF,SAAA,SAAAA,EAAEC,YAErBpK,KAAKC,WAAW0H,OAAS,GACxB0B,EAAClC,EAAQ,CAAAoC,IAAA,2CAACE,MAAM,sBAAsBC,QAAS1J,KAAK8B,eACjD9B,KAAKC,WAAWiB,KAAI4D,GACnBuE,EAAA,QAAMI,MAAM,4BAA4B3E,QAMlDuE,EAAA,OAAAE,IAAA,2CAEEE,MAAM,2BAENJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,0BAA0BC,QAAUW,GAAMA,EAAEC,mBA8BpDtK,KAAKoI,WACJiB,EAAA,gBAAAE,IAAA,4CACEF,EAAA,eAAAE,IAAA,2CACEE,MAAM,iCACNc,KAAMvK,KAAKoC,QAAU,cAAgB,OACrC+G,QAAQ,WACR7F,KAAK,OACLkH,SAAU,KACVd,QAAS1J,KAAKkC,kBAEhBmH,EAAA,OAAAE,IAAA,2CAAKkB,KAAK,WACPzK,KAAKoC,QAAUpC,KAAKiF,aAAayF,aAAe1K,KAAKiF,aAAa0F,aAOvE3K,KAAKuE,eAAeoD,OAAS,GAAK3H,KAAKoI,WAAaL,IACpDsB,EAAA,gBAAAE,IAAA,2CACEqB,MAAO5K,KAAKiF,aAAa4F,oBACzBC,UAAU,aACVrB,MAAO,CACL,iCAAkC,OAIpCJ,EAAA,eAAAE,IAAA,2CACEE,MAAM,oCACNN,QAAQ,WACR7F,KAAK,OACLiH,KAAK,gBACLC,SAAU,KACV/B,MAAOzI,KAAK+K,mBACZrC,WAAYH,EAAuBZ,OAAS,EAC5CqD,cAAc,OACdC,UAAWjL,KAAKkL,0BAA0BC,EAAA5C,EAAuB,MAAE,MAAA4C,SAAA,SAAAA,EAAEF,YAAa,YAEpF5B,EAAA,aAAAE,IAAA,2CAAWkB,KAAK,WAEbzK,KAAKuE,eAAerD,KAAIoB,GACvB+G,EAAA,kBAEEkB,KAAMjI,EAAOiI,KACb9B,MAAOnG,EAAOmG,MACdC,WAAYpG,EAAOoG,WACnBuC,UAAW3I,EAAO2I,UAClBvB,QAAUW,IACRrK,KAAKqC,YAAYgI,EAAG/H,EAAO,GAG5BA,EAAOsI,SAIX7C,GACCsB,EAAC+B,EAAQ,CAAA7B,IAAA,6CACLlC,GACAgC,EAAA,kBAAAE,IAAA,2CAAgBgB,KAAK,WAAWb,QAAS1J,KAAKwC,cAC3CxC,KAAKiF,aAAaoG,eAGrB3D,GACA2B,EAAA,kBAAAE,IAAA,2CAAgBgB,KAAK,aAAab,QAAS1J,KAAK4C,gBAC7C5C,KAAKiF,aAAaqG,iBAM1BtL,KAAKoI,WACJiB,EAAA,kBAAAE,IAAA,2CAAgBgB,KAAMvK,KAAKoC,QAAU,cAAgB,OAAQsH,QAAS1J,KAAKkC,iBACxElC,KAAKoC,QAAUpC,KAAKiF,aAAayF,aAAe1K,KAAKiF,aAAa0F,gBAUnFtB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,0BACTJ,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,WAIfV,EAAA,OAAAE,IAAA,2CAAKE,MAAM,0CACTJ,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,aAGbV,EAAA,OAAAE,IAAA,2CAAKE,MAAM,yCACTJ,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,UACR/J,KAAKyE,eAAekD,OAAS,GAC5B0B,EAAA,kBAAAE,IAAA,2CAAgBE,MAAM,8BAA8B8B,QAASvL,KAAKyE,iBAGnEzE,KAAKsI,YACJe,EAAA,eAAAE,IAAA,2CACEE,MAAM,kCACN+B,UAAS,KACTC,KAAK,QACLtC,QAAQ,YACRY,KAAM/J,KAAK+J,KACX2B,MAAO1L,KAAK0L,MACZhI,QAAS1D,KAAK0D,QACdoE,SAAU9H,KAAK8H,SACf8C,MAAO5K,KAAKiF,aAAa0G,OACzBC,aAAc5L,KAAKyD,4B"}
package/dist/stzh-components/{p-4eb4bbfb.entry.js → p-6d494b4b.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,h as e,f as s,a,g as r}from"./p-ef5985a3.js";import{s as i,h as o}from"./p-09b5eb01.js";import"./p-dae15605.js";const n=':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],:host[stzh-hidden]{display:none}: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}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n --stzh-twocolumns-grid-template-areas,\n "left left left left"\n "right right right right"\n );--grid-template-columns:var(\n --stzh-twocolumns-grid-template-columns,\n repeat(4, minmax(0, 1fr))\n )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n --stzh-twocolumns-grid-template-areas,\n "left left left left right right right right"\n );--grid-template-columns:var(\n --stzh-twocolumns-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n )}}@media screen and (min-width: 1260px){:host{--grid-template-areas:var(\n --stzh-twocolumns-grid-template-areas,\n "left left left left right right right right"\n )}}.stzh-twocolumns{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);--stzh-textandimage-grid-template-areas:"image image image image"\n "text text text text";--stzh-textandimage-grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-twocolumns__left{grid-area:left}.stzh-twocolumns__right{grid-area:right}';const h=n;const l=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-textandimage stzh-ratio[slot="right"], stzh-textandimage [slot="right"] stzh-ratio, stzh-textandimage stzh-gallery[slot="right"], stzh-textandimage [slot="right"] stzh-gallery');t.forEach((t=>{i(t,{ratio:"16:9"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=o(this.element,"left");const r=o(this.element,"right");const i={"stzh-twocolumns":true,"stzh-twocolumns--has-left":t,"stzh-twocolumns--has-right":r};return e(a,{key:"031a15793e525f4eb7302e3159d76d05a8894f2d"},e("div",{key:"025e7292e225c2e6a70642ec1d986caf44f88adb",class:i},e("div",{key:"1c09cc4074b568813a7b7adfa5e4824dd28c1a6e",class:"stzh-twocolumns__left"},e("slot",{key:"cf145f8dda057c18b916ea1f14a74ef9a32ee755",name:"left",onSlotchange:()=>s(this.element)})),e("div",{key:"f89691b9caa3da246b54d2fe03b4c1b665843f89",class:"stzh-twocolumns__right"},e("slot",{key:"13872ae931d3a31c77c28a588c80aedc3c65f7a1",name:"right",onSlotchange:()=>s(this.element)}))))}get element(){return r(this)}};l.style=h;export{l as stzh_twocolumns};
2
- //# sourceMappingURL=p-4eb4bbfb.entry.js.map
1
+ import{r as t,h as e,f as s,a,g as r}from"./p-ef5985a3.js";import{s as i,h as o}from"./p-09b5eb01.js";import"./p-dae15605.js";const n=':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],:host[stzh-hidden]{display:none}: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}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n --stzh-twocolumns-grid-template-areas,\n "left left left left"\n "right right right right"\n );--grid-template-columns:var(\n --stzh-twocolumns-grid-template-columns,\n repeat(4, minmax(0, 1fr))\n )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n --stzh-twocolumns-grid-template-areas,\n "left left left left right right right right"\n );--grid-template-columns:var(\n --stzh-twocolumns-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n )}}@media screen and (min-width: 1260px){:host{--grid-template-areas:var(\n --stzh-twocolumns-grid-template-areas,\n "left left left left right right right right"\n )}}.stzh-twocolumns{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);--stzh-textandimage-grid-template-areas:"image image image image"\n "text text text text";--stzh-textandimage-grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-twocolumns__left{grid-area:left}.stzh-twocolumns__right{grid-area:right}';const h=n;const l=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-textandimage stzh-ratio[slot="right"], stzh-textandimage [slot="right"] stzh-ratio, stzh-textandimage stzh-gallery[slot="right"], stzh-textandimage [slot="right"] stzh-gallery');t.forEach((t=>{i(t,{ratio:"16:9"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=o(this.element,"left");const r=o(this.element,"right");const i={"stzh-twocolumns":true,"stzh-twocolumns--has-left":t,"stzh-twocolumns--has-right":r};return e(a,{key:"1b2005be1203d3a2cb006081d619f7c740df3702"},e("div",{key:"575c01270d84b70b3aeaf6cfd982f1b38a0cd9b9",class:i},e("div",{key:"71c4a5db04cb204bfd1ba3f185c78fed2b4bfe41",class:"stzh-twocolumns__left"},e("slot",{key:"d9b4536f41ea8212b64e167791a8afbd91f2a3e8",name:"left",onSlotchange:()=>s(this.element)})),e("div",{key:"423da622749b1f3bbd7bc9278b5c0089eb071fb5",class:"stzh-twocolumns__right"},e("slot",{key:"4ed5fd0839e49b27fa043dfe04270ba2029ba2b6",name:"right",onSlotchange:()=>s(this.element)}))))}get element(){return r(this)}};l.style=h;export{l as stzh_twocolumns};
2
+ //# sourceMappingURL=p-6d494b4b.entry.js.map
package/dist/stzh-components/{p-18faf89f.entry.js → p-759bf70a.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as n,h as i,a,g as e}from"./p-ef5985a3.js";import{h as o}from"./p-09b5eb01.js";import"./p-dae15605.js";const s='.sc-stzh-pi-content-navigation-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-pi-content-navigation-h,[stzh-hidden].sc-stzh-pi-content-navigation-h{display:none}.sc-stzh-pi-content-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::before,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::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-pi-content-navigation-h .has-focus.sc-stzh-pi-content-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation{outline-style:none !important}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-pi-content-navigation-h{--arrow-background-color:var(--stzh-pi-content-navigation-arrow-background-color, var(--stzh-color-secondary30));display:flex;flex-direction:column}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{position:relative;flex-grow:1;display:flex;flex-direction:column;gap:var(--stzh-space-small);background-color:var(--stzh-color-coolgrey20)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{border:0.125rem solid}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:hover .stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transform:translateX(0.25rem)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{width:100%;display:none}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer;flex-grow:1;padding-bottom:2.5rem}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{z-index:1}.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{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-pi-content-navigation__lead.sc-stzh-pi-content-navigation{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-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;position:absolute;right:0;bottom:0;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation--has-image.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{display:block}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30);aspect-ratio:2/1;display:flex;align-items:center;padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{height:-moz-fit-content;height:fit-content}';const c=s;const h=class{constructor(i){t(this,i);this.stzhClick=n(this,"stzhClick",7);this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-content-navigation",originalEvent:t,href:this.href})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.navigationLevel="1";this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var t,n;const i=this.analyticsId||this.heading||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.cardLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;return i(t,{class:"stzh-pi-content-navigation__title",ref:t=>this.headingTextElement=t},this.heading||i("slot",{name:"heading"}))}render(){const t=!!this.lead||o(this.element,"lead");const n=o(this.element,"image");const e=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&e;const c=e&&!s;const h={"stzh-pi-content-navigation":true,"stzh-pi-content-navigation--has-lead":t,"stzh-pi-content-navigation--has-image":s,"stzh-pi-content-navigation--is-navigation-level-1-or-2":e};const p=this.href?"a":"button";return i(a,{key:"1cea8ca4e39727d0c786f6f892c7fd92be14b939","has-lead":t},i("article",{key:"351cc0902f047f7cf9ab1a50e916402dd1daa76e",class:h,"aria-label":this.heading,role:"listitem"},i(p,{key:"6b72d0dd4afcca7e1cbad573e1abe4b4e6812c22",ref:t=>this.cardLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{key:"04556c20bdae5aed4f473f5326e8a24018c49d7e",class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{key:"74b851d1659b152af138accf1115ca608cdff8c7",ratio:"2:1"},i("slot",{key:"b342ff776fe82bf36614e094a485fd8c2ce496ac",name:"image"}))),c&&i("div",{key:"16f84fdf9df485425353d1b2d3919386ad1be224",class:"stzh-pi-content-navigation__title-ratio"},this.renderHeading()),i("div",{key:"ba30487a389614e2b56454b97dac954a91e4b586",class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),t&&i("div",{key:"f7e62297879d688d6924db411843fe6bbd2dd934",class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"321cfc5390d7185a6433f2ef99a753079f8ff182",class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{key:"92d36502fc0c8fd2dc99a9cebdbfa7973cec993a",class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"})))))}get element(){return e(this)}};h.style=c;export{h as stzh_pi_content_navigation};
2
- //# sourceMappingURL=p-18faf89f.entry.js.map
1
+ import{r as t,c as n,h as i,a,g as e}from"./p-ef5985a3.js";import{h as o}from"./p-09b5eb01.js";import"./p-dae15605.js";const s='.sc-stzh-pi-content-navigation-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-pi-content-navigation-h,[stzh-hidden].sc-stzh-pi-content-navigation-h{display:none}.sc-stzh-pi-content-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::before,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::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-pi-content-navigation-h .has-focus.sc-stzh-pi-content-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation{outline-style:none !important}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-pi-content-navigation-h{--arrow-background-color:var(--stzh-pi-content-navigation-arrow-background-color, var(--stzh-color-secondary30));display:flex;flex-direction:column}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{position:relative;flex-grow:1;display:flex;flex-direction:column;gap:var(--stzh-space-small);background-color:var(--stzh-color-coolgrey20)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{border:0.125rem solid}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:hover .stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transform:translateX(0.25rem)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{width:100%;display:none}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer;flex-grow:1;padding-bottom:2.5rem}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{z-index:1}.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{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-pi-content-navigation__lead.sc-stzh-pi-content-navigation{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-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;position:absolute;right:0;bottom:0;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation--has-image.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{display:block}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30);aspect-ratio:2/1;display:flex;align-items:center;padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{height:-moz-fit-content;height:fit-content}';const c=s;const h=class{constructor(i){t(this,i);this.stzhClick=n(this,"stzhClick",7);this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-content-navigation",originalEvent:t,href:this.href})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.navigationLevel="1";this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var t,n;const i=this.analyticsId||this.heading||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.cardLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;return i(t,{class:"stzh-pi-content-navigation__title",ref:t=>this.headingTextElement=t},this.heading||i("slot",{name:"heading"}))}render(){const t=!!this.lead||o(this.element,"lead");const n=o(this.element,"image");const e=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&e;const c=e&&!s;const h={"stzh-pi-content-navigation":true,"stzh-pi-content-navigation--has-lead":t,"stzh-pi-content-navigation--has-image":s,"stzh-pi-content-navigation--is-navigation-level-1-or-2":e};const p=this.href?"a":"button";return i(a,{key:"9214bd8593efebaf868a76b89c1710eaf18374c9","has-lead":t},i("article",{key:"48d65618bb9af1fb0bda859d47415c9613cfde04",class:h,"aria-label":this.heading,role:"listitem"},i(p,{key:"a99b11b469b45677d3d7f31caf52bc5b9c97c193",ref:t=>this.cardLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{key:"c2c93ed6c57da0b11efea5d008a6436ce0018721",class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{key:"49bc5287e33d2cb52cef2194f8decc97ba6291f0",ratio:"2:1"},i("slot",{key:"de99dca0ceacd8f0b54d2142b632c54e019a741b",name:"image"}))),c&&i("div",{key:"1549f5d974675cd41e942c84b16da766f774454e",class:"stzh-pi-content-navigation__title-ratio"},this.renderHeading()),i("div",{key:"e9f06dd34a1cf4a920814209a44a44b810e386dc",class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),t&&i("div",{key:"85188da927e29bc851161eef3f52ef12d26d139c",class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"85fbe89be4df607e5ba531e7cac4d8d1bc157543",class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{key:"e2b9a1aa20d71153baaae2d4fea9a67cfaf7d43e",class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"})))))}get element(){return e(this)}};h.style=c;export{h as stzh_pi_content_navigation};
2
+ //# sourceMappingURL=p-759bf70a.entry.js.map