@oiz/stzh-components 3.8.1 → 3.8.2
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.
- package/dist/cjs/{app-globals-3c2e0620.js → app-globals-4d068f95.js} +2 -2
- package/dist/cjs/{app-globals-3c2e0620.js.map → app-globals-4d068f95.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/stzh-accordion_3.cjs.entry.js +1 -1
- package/dist/cjs/stzh-actions.cjs.entry.js +1 -1
- package/dist/cjs/stzh-app-bar.cjs.entry.js +1 -1
- package/dist/cjs/stzh-appointments.cjs.entry.js +1 -1
- package/dist/cjs/stzh-audio.cjs.entry.js +1 -1
- package/dist/cjs/stzh-badge_3.cjs.entry.js +1 -1
- package/dist/cjs/stzh-bathstatus-list.cjs.entry.js +1 -1
- package/dist/cjs/stzh-card-navigation.cjs.entry.js +1 -1
- package/dist/cjs/stzh-card-searchresult.cjs.entry.js +1 -1
- package/dist/cjs/stzh-card-superteaser.cjs.entry.js +1 -1
- package/dist/cjs/stzh-card.cjs.entry.js +1 -1
- package/dist/cjs/stzh-carousel.cjs.entry.js +1 -1
- package/dist/cjs/stzh-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/stzh-checkboxgroup.cjs.entry.js +1 -1
- package/dist/cjs/stzh-components.cjs.js +1 -1
- package/dist/cjs/stzh-contact-cv.cjs.entry.js +1 -1
- package/dist/cjs/stzh-contact.cjs.entry.js +1 -1
- package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-cta.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datalist_2.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datatable.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datepicker_3.cjs.entry.js +1 -1
- package/dist/cjs/stzh-daterange.cjs.entry.js +1 -1
- package/dist/cjs/stzh-details.cjs.entry.js +1 -1
- package/dist/cjs/stzh-dialog.cjs.entry.js +1 -1
- package/dist/cjs/stzh-disturber.cjs.entry.js +1 -1
- package/dist/cjs/stzh-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/stzh-eventinfo.cjs.entry.js +1 -1
- package/dist/cjs/stzh-feedreader-item.cjs.entry.js +1 -1
- package/dist/cjs/stzh-feedreader.cjs.entry.js +1 -1
- package/dist/cjs/stzh-fieldset.cjs.entry.js +1 -1
- package/dist/cjs/stzh-fieldset.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-figure.cjs.entry.js +1 -1
- package/dist/cjs/stzh-footer.cjs.entry.js +1 -1
- package/dist/cjs/stzh-ghettobox_3.cjs.entry.js +1 -1
- package/dist/cjs/stzh-input.cjs.entry.js +1 -1
- package/dist/cjs/stzh-link.cjs.entry.js +1 -1
- package/dist/cjs/stzh-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagecontent.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagetitle-hero.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagetitle-home.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagetitle.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pi-content-navigation.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pi-pagetitle.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pi-teaser.cjs.entry.js +1 -1
- package/dist/cjs/stzh-popover.cjs.entry.js +1 -1
- package/dist/cjs/stzh-print_2.cjs.entry.js +1 -1
- package/dist/cjs/stzh-readspeaker.cjs.entry.js +1 -1
- package/dist/cjs/stzh-scrollup.cjs.entry.js +1 -1
- package/dist/cjs/stzh-search.cjs.entry.js +1 -1
- package/dist/cjs/stzh-section.cjs.entry.js +35 -3
- package/dist/cjs/stzh-section.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-socialmediastream.cjs.entry.js +1 -1
- package/dist/cjs/stzh-sticky-actions.cjs.entry.js +1 -1
- package/dist/cjs/stzh-sticky.cjs.entry.js +1 -1
- package/dist/cjs/stzh-table.cjs.entry.js +1 -1
- package/dist/cjs/stzh-textandimage.cjs.entry.js +1 -1
- package/dist/cjs/stzh-timeline-item.cjs.entry.js +1 -1
- package/dist/cjs/stzh-toast_2.cjs.entry.js +1 -1
- package/dist/cjs/stzh-toggle.cjs.entry.js +1 -1
- package/dist/cjs/stzh-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/stzh-twocolumns.cjs.entry.js +1 -1
- package/dist/cjs/stzh-upload.cjs.entry.js +1 -1
- package/dist/cjs/{utils-3e79835b.js → utils-43e6c48e.js} +9 -3
- package/dist/cjs/utils-43e6c48e.js.map +1 -0
- package/dist/collection/components/stzh-fieldset/stzh-fieldset.css +42 -0
- package/dist/collection/components/stzh-section/stzh-section.js +35 -4
- package/dist/collection/components/stzh-section/stzh-section.js.map +1 -1
- package/dist/collection/utils/utils.js +7 -2
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-b85a6b2e.js → p-05fdea9d.js} +2 -2
- package/dist/components/{p-b85a6b2e.js.map → p-05fdea9d.js.map} +1 -1
- package/dist/components/{p-073888ce.js → p-095fbf73.js} +9 -4
- package/dist/components/p-095fbf73.js.map +1 -0
- package/dist/components/{p-88880fc3.js → p-136bf880.js} +2 -2
- package/dist/components/{p-88880fc3.js.map → p-136bf880.js.map} +1 -1
- package/dist/components/{p-8ed7a61b.js → p-158996b9.js} +3 -3
- package/dist/components/{p-8ed7a61b.js.map → p-158996b9.js.map} +1 -1
- package/dist/components/{p-c47fbb21.js → p-162292d9.js} +2 -2
- package/dist/components/{p-c47fbb21.js.map → p-162292d9.js.map} +1 -1
- package/dist/components/{p-0c108311.js → p-270a262d.js} +2 -2
- package/dist/components/{p-0c108311.js.map → p-270a262d.js.map} +1 -1
- package/dist/components/{p-1d21ac10.js → p-28328bc1.js} +3 -3
- package/dist/components/{p-1d21ac10.js.map → p-28328bc1.js.map} +1 -1
- package/dist/components/{p-70f62e8e.js → p-345aa271.js} +7 -7
- package/dist/components/{p-70f62e8e.js.map → p-345aa271.js.map} +1 -1
- package/dist/components/{p-60b9f94a.js → p-3752dd9a.js} +3 -3
- package/dist/components/{p-60b9f94a.js.map → p-3752dd9a.js.map} +1 -1
- package/dist/components/{p-4d000b5b.js → p-431f7754.js} +2 -2
- package/dist/components/{p-4d000b5b.js.map → p-431f7754.js.map} +1 -1
- package/dist/components/{p-ea57718b.js → p-43cfa441.js} +2 -2
- package/dist/components/{p-ea57718b.js.map → p-43cfa441.js.map} +1 -1
- package/dist/components/{p-9657b8a5.js → p-442c9d35.js} +4 -4
- package/dist/components/{p-9657b8a5.js.map → p-442c9d35.js.map} +1 -1
- package/dist/components/{p-4f83ed4e.js → p-49b02465.js} +2 -2
- package/dist/components/{p-4f83ed4e.js.map → p-49b02465.js.map} +1 -1
- package/dist/components/{p-6c754f8f.js → p-5107044d.js} +2 -2
- package/dist/components/{p-6c754f8f.js.map → p-5107044d.js.map} +1 -1
- package/dist/components/{p-c73125e2.js → p-59c29b2f.js} +4 -4
- package/dist/components/{p-c73125e2.js.map → p-59c29b2f.js.map} +1 -1
- package/dist/components/{p-96416f66.js → p-5d183ab0.js} +4 -4
- package/dist/components/{p-96416f66.js.map → p-5d183ab0.js.map} +1 -1
- package/dist/components/{p-261d55a4.js → p-6229b8bc.js} +3 -3
- package/dist/components/{p-261d55a4.js.map → p-6229b8bc.js.map} +1 -1
- package/dist/components/{p-497e2db0.js → p-6b7a9e53.js} +3 -3
- package/dist/components/{p-497e2db0.js.map → p-6b7a9e53.js.map} +1 -1
- package/dist/components/{p-fa14b406.js → p-6bd17761.js} +4 -4
- package/dist/components/{p-fa14b406.js.map → p-6bd17761.js.map} +1 -1
- package/dist/components/{p-82e37421.js → p-6dbb90e2.js} +2 -2
- package/dist/components/{p-82e37421.js.map → p-6dbb90e2.js.map} +1 -1
- package/dist/components/{p-408a1562.js → p-6e704c81.js} +2 -2
- package/dist/components/{p-408a1562.js.map → p-6e704c81.js.map} +1 -1
- package/dist/components/{p-d5ab066a.js → p-777e6a82.js} +2 -2
- package/dist/components/{p-d5ab066a.js.map → p-777e6a82.js.map} +1 -1
- package/dist/components/{p-dd072a49.js → p-9a176168.js} +7 -7
- package/dist/components/{p-dd072a49.js.map → p-9a176168.js.map} +1 -1
- package/dist/components/{p-d26117d3.js → p-9bc1e85e.js} +3 -3
- package/dist/components/{p-d26117d3.js.map → p-9bc1e85e.js.map} +1 -1
- package/dist/components/{p-e5edc56d.js → p-a6472da9.js} +3 -3
- package/dist/components/{p-e5edc56d.js.map → p-a6472da9.js.map} +1 -1
- package/dist/components/{p-debaedeb.js → p-abcdf4b9.js} +2 -2
- package/dist/components/{p-debaedeb.js.map → p-abcdf4b9.js.map} +1 -1
- package/dist/components/{p-ec911b13.js → p-ad74acdc.js} +3 -3
- package/dist/components/{p-ec911b13.js.map → p-ad74acdc.js.map} +1 -1
- package/dist/components/{p-435413fc.js → p-b115288a.js} +2 -2
- package/dist/components/{p-435413fc.js.map → p-b115288a.js.map} +1 -1
- package/dist/components/{p-d2347259.js → p-bf5da52e.js} +2 -2
- package/dist/components/{p-d2347259.js.map → p-bf5da52e.js.map} +1 -1
- package/dist/components/{p-b107b48c.js → p-c2d7b984.js} +2 -2
- package/dist/components/{p-b107b48c.js.map → p-c2d7b984.js.map} +1 -1
- package/dist/components/{p-ebbe78de.js → p-c395cbc2.js} +5 -5
- package/dist/components/{p-ebbe78de.js.map → p-c395cbc2.js.map} +1 -1
- package/dist/components/{p-6b2b1e7b.js → p-d264ac6b.js} +3 -3
- package/dist/components/{p-6b2b1e7b.js.map → p-d264ac6b.js.map} +1 -1
- package/dist/components/{p-37367a31.js → p-dcdbdf88.js} +7 -7
- package/dist/components/{p-37367a31.js.map → p-dcdbdf88.js.map} +1 -1
- package/dist/components/{p-2d532797.js → p-de4503ca.js} +3 -3
- package/dist/components/{p-2d532797.js.map → p-de4503ca.js.map} +1 -1
- package/dist/components/{p-62e6cd61.js → p-e4286f09.js} +4 -4
- package/dist/components/{p-62e6cd61.js.map → p-e4286f09.js.map} +1 -1
- package/dist/components/{p-16940157.js → p-e8e933a4.js} +4 -4
- package/dist/components/{p-16940157.js.map → p-e8e933a4.js.map} +1 -1
- package/dist/components/{p-e282faac.js → p-e92576a9.js} +2 -2
- package/dist/components/{p-e282faac.js.map → p-e92576a9.js.map} +1 -1
- package/dist/components/{p-4e5ccabd.js → p-fa2fe9ca.js} +2 -2
- package/dist/components/{p-4e5ccabd.js.map → p-fa2fe9ca.js.map} +1 -1
- package/dist/components/{p-541e8c61.js → p-fd08bfe0.js} +4 -4
- package/dist/components/{p-541e8c61.js.map → p-fd08bfe0.js.map} +1 -1
- package/dist/components/{p-6956beb9.js → p-fe37ade8.js} +5 -5
- package/dist/components/{p-6956beb9.js.map → p-fe37ade8.js.map} +1 -1
- package/dist/components/stzh-accordion-item.js +1 -1
- package/dist/components/stzh-actions.js +1 -1
- package/dist/components/stzh-actionset.js +1 -1
- package/dist/components/stzh-amount.js +4 -4
- package/dist/components/stzh-anchornav.js +2 -2
- package/dist/components/stzh-app-bar.js +1 -1
- package/dist/components/stzh-app-nav.js +1 -1
- package/dist/components/stzh-appointments.js +10 -10
- package/dist/components/stzh-archivelist.js +3 -3
- package/dist/components/stzh-audio.js +2 -2
- package/dist/components/stzh-banner.js +1 -1
- package/dist/components/stzh-bathstatus-item.js +1 -1
- package/dist/components/stzh-bathstatus-list.js +3 -3
- package/dist/components/stzh-button.js +1 -1
- package/dist/components/stzh-calendar.js +1 -1
- package/dist/components/stzh-card-navigation.js +1 -1
- package/dist/components/stzh-card-searchresult.js +8 -8
- package/dist/components/stzh-card-superteaser.js +8 -8
- package/dist/components/stzh-card.js +1 -1
- package/dist/components/stzh-cardlist.js +1 -1
- package/dist/components/stzh-carousel.js +1 -1
- package/dist/components/stzh-checkbox.js +1 -1
- package/dist/components/stzh-checkboxgroup.js +2 -2
- package/dist/components/stzh-chip.js +1 -1
- package/dist/components/stzh-chipselect.js +1 -1
- package/dist/components/stzh-clamp.js +1 -1
- package/dist/components/stzh-contact-cv.js +1 -1
- package/dist/components/stzh-contact.js +2 -2
- package/dist/components/stzh-cspace.js +1 -1
- package/dist/components/stzh-cta.js +2 -2
- package/dist/components/stzh-datalist-item.js +1 -1
- package/dist/components/stzh-datalist.js +1 -1
- package/dist/components/stzh-datamessagelist-item.js +6 -6
- package/dist/components/stzh-datatable.js +10 -10
- package/dist/components/stzh-datepicker.js +1 -1
- package/dist/components/stzh-daterange.js +2 -2
- package/dist/components/stzh-details.js +1 -1
- package/dist/components/stzh-dialog.js +1 -1
- package/dist/components/stzh-disturber.js +2 -2
- package/dist/components/stzh-dropdown.js +1 -1
- package/dist/components/stzh-editor.js +1 -1
- package/dist/components/stzh-eventinfo.js +3 -3
- package/dist/components/stzh-feedreader-item.js +1 -1
- package/dist/components/stzh-feedreader.js +4 -4
- package/dist/components/stzh-fieldset.js +1 -1
- package/dist/components/stzh-fieldset.js.map +1 -1
- package/dist/components/stzh-figure.js +1 -1
- package/dist/components/stzh-footer.js +2 -2
- package/dist/components/stzh-gallery.js +3 -3
- package/dist/components/stzh-geo-ref-data.js +13 -13
- package/dist/components/stzh-ghettobox.js +1 -1
- package/dist/components/stzh-header.js +1 -1
- package/dist/components/stzh-homepage-service-highlights.js +1 -1
- package/dist/components/stzh-http-error.js +1 -1
- package/dist/components/stzh-iframe.js +1 -1
- package/dist/components/stzh-input.js +1 -1
- package/dist/components/stzh-link.js +1 -1
- package/dist/components/stzh-menu-item.js +1 -1
- package/dist/components/stzh-message.js +1 -1
- package/dist/components/stzh-microsite-teaserlist.js +11 -11
- package/dist/components/stzh-monthyearpicker.js +2 -2
- package/dist/components/stzh-offline-indicator.js +3 -3
- package/dist/components/stzh-pagebottom.js +4 -4
- package/dist/components/stzh-pagecontent.js +1 -1
- package/dist/components/stzh-pagetitle-hero.js +1 -1
- package/dist/components/stzh-pagetitle-home.js +1 -1
- package/dist/components/stzh-pagetitle.js +1 -1
- package/dist/components/stzh-pagination.js +1 -1
- package/dist/components/stzh-panorama.js +6 -6
- package/dist/components/stzh-pi-content-navigation.js +1 -1
- package/dist/components/stzh-pi-pagetitle.js +1 -1
- package/dist/components/stzh-pi-teaser.js +1 -1
- package/dist/components/stzh-poicard.js +1 -1
- package/dist/components/stzh-poilist.js +9 -9
- package/dist/components/stzh-popover.js +1 -1
- package/dist/components/stzh-print.js +1 -1
- package/dist/components/stzh-radio.js +1 -1
- package/dist/components/stzh-radiogroup.js +1 -1
- package/dist/components/stzh-readspeaker.js +2 -2
- package/dist/components/stzh-saptcha.js +3 -3
- package/dist/components/stzh-scrollup.js +1 -1
- package/dist/components/stzh-search.js +10 -10
- package/dist/components/stzh-section.js +34 -3
- package/dist/components/stzh-section.js.map +1 -1
- package/dist/components/stzh-share.js +1 -1
- package/dist/components/stzh-sitemap.js +4 -4
- package/dist/components/stzh-socialmediastream.js +1 -1
- package/dist/components/stzh-sticky-actions.js +2 -2
- package/dist/components/stzh-sticky.js +1 -1
- package/dist/components/stzh-table.js +1 -1
- package/dist/components/stzh-tag.js +1 -1
- package/dist/components/stzh-textandimage.js +1 -1
- package/dist/components/stzh-timeline-item.js +1 -1
- package/dist/components/stzh-timepicker.js +2 -2
- package/dist/components/stzh-toast.js +1 -1
- package/dist/components/stzh-toastbar.js +1 -1
- package/dist/components/stzh-toggle.js +2 -2
- package/dist/components/stzh-tooltip.js +1 -1
- package/dist/components/stzh-twocolumns.js +1 -1
- package/dist/components/stzh-upload.js +8 -8
- package/dist/components/stzh-vbz-carousel.js +1 -1
- package/dist/components/stzh-vbz-intro.js +1 -1
- package/dist/components/stzh-vbz-majorticker.js +3 -3
- package/dist/components/stzh-vbz-ticker.js +2 -2
- package/dist/components/stzh-youtube.js +2 -2
- package/dist/esm/{app-globals-3dfd8851.js → app-globals-c2c993b0.js} +2 -2
- package/dist/esm/{app-globals-3dfd8851.js.map → app-globals-c2c993b0.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/stzh-accordion_3.entry.js +1 -1
- package/dist/esm/stzh-actions.entry.js +1 -1
- package/dist/esm/stzh-app-bar.entry.js +1 -1
- package/dist/esm/stzh-appointments.entry.js +1 -1
- package/dist/esm/stzh-audio.entry.js +1 -1
- package/dist/esm/stzh-badge_3.entry.js +1 -1
- package/dist/esm/stzh-bathstatus-list.entry.js +1 -1
- package/dist/esm/stzh-card-navigation.entry.js +1 -1
- package/dist/esm/stzh-card-searchresult.entry.js +1 -1
- package/dist/esm/stzh-card-superteaser.entry.js +1 -1
- package/dist/esm/stzh-card.entry.js +1 -1
- package/dist/esm/stzh-carousel.entry.js +1 -1
- package/dist/esm/stzh-checkbox_3.entry.js +1 -1
- package/dist/esm/stzh-checkboxgroup.entry.js +1 -1
- package/dist/esm/stzh-components.js +1 -1
- package/dist/esm/stzh-contact-cv.entry.js +1 -1
- package/dist/esm/stzh-contact.entry.js +1 -1
- package/dist/esm/stzh-cspace.entry.js +1 -1
- package/dist/esm/stzh-cta.entry.js +1 -1
- package/dist/esm/stzh-datalist_2.entry.js +1 -1
- package/dist/esm/stzh-datatable.entry.js +1 -1
- package/dist/esm/stzh-datepicker_3.entry.js +1 -1
- package/dist/esm/stzh-daterange.entry.js +1 -1
- package/dist/esm/stzh-details.entry.js +1 -1
- package/dist/esm/stzh-dialog.entry.js +1 -1
- package/dist/esm/stzh-disturber.entry.js +1 -1
- package/dist/esm/stzh-dropdown.entry.js +1 -1
- package/dist/esm/stzh-eventinfo.entry.js +1 -1
- package/dist/esm/stzh-feedreader-item.entry.js +1 -1
- package/dist/esm/stzh-feedreader.entry.js +1 -1
- package/dist/esm/stzh-fieldset.entry.js +1 -1
- package/dist/esm/stzh-fieldset.entry.js.map +1 -1
- package/dist/esm/stzh-figure.entry.js +1 -1
- package/dist/esm/stzh-footer.entry.js +1 -1
- package/dist/esm/stzh-ghettobox_3.entry.js +1 -1
- package/dist/esm/stzh-input.entry.js +1 -1
- package/dist/esm/stzh-link.entry.js +1 -1
- package/dist/esm/stzh-menu_2.entry.js +1 -1
- package/dist/esm/stzh-pagecontent.entry.js +1 -1
- package/dist/esm/stzh-pagetitle-hero.entry.js +1 -1
- package/dist/esm/stzh-pagetitle-home.entry.js +1 -1
- package/dist/esm/stzh-pagetitle.entry.js +1 -1
- package/dist/esm/stzh-pi-content-navigation.entry.js +1 -1
- package/dist/esm/stzh-pi-pagetitle.entry.js +1 -1
- package/dist/esm/stzh-pi-teaser.entry.js +1 -1
- package/dist/esm/stzh-popover.entry.js +1 -1
- package/dist/esm/stzh-print_2.entry.js +1 -1
- package/dist/esm/stzh-readspeaker.entry.js +1 -1
- package/dist/esm/stzh-scrollup.entry.js +1 -1
- package/dist/esm/stzh-search.entry.js +1 -1
- package/dist/esm/stzh-section.entry.js +35 -3
- package/dist/esm/stzh-section.entry.js.map +1 -1
- package/dist/esm/stzh-socialmediastream.entry.js +1 -1
- package/dist/esm/stzh-sticky-actions.entry.js +1 -1
- package/dist/esm/stzh-sticky.entry.js +1 -1
- package/dist/esm/stzh-table.entry.js +1 -1
- package/dist/esm/stzh-textandimage.entry.js +1 -1
- package/dist/esm/stzh-timeline-item.entry.js +1 -1
- package/dist/esm/stzh-toast_2.entry.js +1 -1
- package/dist/esm/stzh-toggle.entry.js +1 -1
- package/dist/esm/stzh-tooltip.entry.js +1 -1
- package/dist/esm/stzh-twocolumns.entry.js +1 -1
- package/dist/esm/stzh-upload.entry.js +1 -1
- package/dist/esm/{utils-299e480e.js → utils-176832ef.js} +9 -4
- package/dist/esm/utils-176832ef.js.map +1 -0
- package/dist/stzh-components/{p-78c8f89c.entry.js → p-0f62354b.entry.js} +2 -2
- package/dist/stzh-components/{p-5b6ec6af.entry.js → p-11178abd.entry.js} +2 -2
- package/dist/stzh-components/{p-43feae69.entry.js → p-166a7e44.entry.js} +2 -2
- package/dist/stzh-components/p-16706623.js +2 -0
- package/dist/stzh-components/p-16706623.js.map +1 -0
- package/dist/stzh-components/{p-9e993ad4.entry.js → p-16cabc02.entry.js} +2 -2
- package/dist/stzh-components/{p-2d1b7218.entry.js → p-17000794.entry.js} +2 -2
- package/dist/stzh-components/{p-75143e35.entry.js → p-18d4a327.entry.js} +2 -2
- package/dist/stzh-components/{p-9b7584c1.entry.js → p-19afc465.entry.js} +2 -2
- package/dist/stzh-components/{p-9fbc9641.entry.js → p-20e5bfdc.entry.js} +2 -2
- package/dist/stzh-components/{p-b54e7053.js → p-247de09a.js} +2 -2
- package/dist/stzh-components/{p-358c6c04.entry.js → p-26a1707d.entry.js} +2 -2
- package/dist/stzh-components/{p-1ae5f48a.entry.js → p-27e525b1.entry.js} +2 -2
- package/dist/stzh-components/{p-5225e901.entry.js → p-2dab7000.entry.js} +2 -2
- package/dist/stzh-components/{p-7b524c7c.entry.js → p-2ed0423d.entry.js} +2 -2
- package/dist/stzh-components/p-34c25537.entry.js +2 -0
- package/dist/stzh-components/p-34c25537.entry.js.map +1 -0
- package/dist/stzh-components/{p-e58aa9fa.entry.js → p-34fefe7e.entry.js} +2 -2
- package/dist/stzh-components/{p-a3ff8d5e.entry.js → p-3d9303bc.entry.js} +2 -2
- package/dist/stzh-components/{p-23678dfc.entry.js → p-45272485.entry.js} +2 -2
- package/dist/stzh-components/{p-646958e0.entry.js → p-51057ba5.entry.js} +2 -2
- package/dist/stzh-components/{p-1bd35435.entry.js → p-517e59b0.entry.js} +2 -2
- package/dist/stzh-components/{p-45430f1b.entry.js → p-58d5b963.entry.js} +2 -2
- package/dist/stzh-components/{p-84f8307b.entry.js → p-5dd3d380.entry.js} +2 -2
- package/dist/stzh-components/{p-2348bef0.entry.js → p-5f9a792e.entry.js} +2 -2
- package/dist/stzh-components/{p-e10ff24f.entry.js → p-63d1115e.entry.js} +2 -2
- package/dist/stzh-components/{p-1807c812.entry.js → p-64ef2161.entry.js} +2 -2
- package/dist/stzh-components/{p-0e56ac34.entry.js → p-662a3682.entry.js} +2 -2
- package/dist/stzh-components/{p-73bec4de.entry.js → p-6b361969.entry.js} +2 -2
- package/dist/stzh-components/{p-1a0bd7f8.entry.js → p-6cca00bd.entry.js} +2 -2
- package/dist/stzh-components/{p-e47c1746.entry.js → p-6d4293ad.entry.js} +2 -2
- package/dist/stzh-components/{p-ce5d45d0.entry.js → p-843072dc.entry.js} +2 -2
- package/dist/stzh-components/{p-c532d270.entry.js → p-84c39bd8.entry.js} +2 -2
- package/dist/stzh-components/{p-162ba6dd.entry.js → p-8e20578b.entry.js} +2 -2
- package/dist/stzh-components/{p-bfe11b11.entry.js → p-8ea4aaca.entry.js} +2 -2
- package/dist/stzh-components/p-8ee35857.entry.js +2 -0
- package/dist/stzh-components/p-8ee35857.entry.js.map +1 -0
- package/dist/stzh-components/{p-8856651e.entry.js → p-909c12df.entry.js} +2 -2
- package/dist/stzh-components/{p-085e0fa9.entry.js → p-94f3343e.entry.js} +2 -2
- package/dist/stzh-components/{p-94f45779.entry.js → p-97ba7310.entry.js} +2 -2
- package/dist/stzh-components/{p-a5dbb0bb.entry.js → p-97eff793.entry.js} +2 -2
- package/dist/stzh-components/{p-b9dc1279.entry.js → p-9cbfeb26.entry.js} +2 -2
- package/dist/stzh-components/{p-d7c08110.entry.js → p-9f3eb7b0.entry.js} +2 -2
- package/dist/stzh-components/{p-fe7cdf52.entry.js → p-a1c188a6.entry.js} +2 -2
- package/dist/stzh-components/{p-58100168.entry.js → p-a4dac2d8.entry.js} +2 -2
- package/dist/stzh-components/{p-84cedd61.entry.js → p-ab53bb9a.entry.js} +2 -2
- package/dist/stzh-components/{p-621c4692.entry.js → p-b5c47a5f.entry.js} +2 -2
- package/dist/stzh-components/{p-ab026312.entry.js → p-bbd5d731.entry.js} +2 -2
- package/dist/stzh-components/{p-b8bfefa4.entry.js → p-c0cfecf8.entry.js} +2 -2
- package/dist/stzh-components/{p-08e8df77.entry.js → p-c350d522.entry.js} +2 -2
- package/dist/stzh-components/{p-c984b936.entry.js → p-c3a7f080.entry.js} +2 -2
- package/dist/stzh-components/{p-85018afa.entry.js → p-c5c85b13.entry.js} +2 -2
- package/dist/stzh-components/{p-c3cf240b.entry.js → p-c883103f.entry.js} +2 -2
- package/dist/stzh-components/{p-9f91ca1f.entry.js → p-caeb3d61.entry.js} +2 -2
- package/dist/stzh-components/{p-0285d7d6.entry.js → p-d04c482f.entry.js} +2 -2
- package/dist/stzh-components/{p-6a3db3bd.entry.js → p-d1321280.entry.js} +2 -2
- package/dist/stzh-components/{p-bd220190.entry.js → p-d52e27d8.entry.js} +2 -2
- package/dist/stzh-components/{p-129faf7d.entry.js → p-d678526e.entry.js} +2 -2
- package/dist/stzh-components/{p-2d6bb9b9.entry.js → p-d7c7067f.entry.js} +2 -2
- package/dist/stzh-components/{p-b85661bd.entry.js → p-e0bdfdfb.entry.js} +2 -2
- package/dist/stzh-components/{p-47288fae.entry.js → p-ed793b23.entry.js} +2 -2
- package/dist/stzh-components/{p-8d700020.entry.js → p-f0b353f1.entry.js} +2 -2
- package/dist/stzh-components/{p-c52c2f97.entry.js → p-f6b01155.entry.js} +2 -2
- package/dist/stzh-components/{p-0c093d08.entry.js → p-f95d7352.entry.js} +2 -2
- package/dist/stzh-components/{p-433697be.entry.js → p-fa6f50d5.entry.js} +2 -2
- package/dist/stzh-components/stzh-components.esm.js +1 -1
- package/dist/types/components/stzh-section/stzh-section.d.ts +8 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/utils-3e79835b.js.map +0 -1
- package/dist/components/p-073888ce.js.map +0 -1
- package/dist/esm/utils-299e480e.js.map +0 -1
- package/dist/stzh-components/p-70390e50.entry.js +0 -2
- package/dist/stzh-components/p-70390e50.entry.js.map +0 -1
- package/dist/stzh-components/p-b348bac5.entry.js +0 -2
- package/dist/stzh-components/p-b348bac5.entry.js.map +0 -1
- package/dist/stzh-components/p-ebd6dda5.js +0 -2
- package/dist/stzh-components/p-ebd6dda5.js.map +0 -1
- /package/dist/stzh-components/{p-78c8f89c.entry.js.map → p-0f62354b.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-5b6ec6af.entry.js.map → p-11178abd.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-43feae69.entry.js.map → p-166a7e44.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-9e993ad4.entry.js.map → p-16cabc02.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-2d1b7218.entry.js.map → p-17000794.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-75143e35.entry.js.map → p-18d4a327.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-9b7584c1.entry.js.map → p-19afc465.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-9fbc9641.entry.js.map → p-20e5bfdc.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-b54e7053.js.map → p-247de09a.js.map} +0 -0
- /package/dist/stzh-components/{p-358c6c04.entry.js.map → p-26a1707d.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-1ae5f48a.entry.js.map → p-27e525b1.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-5225e901.entry.js.map → p-2dab7000.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-7b524c7c.entry.js.map → p-2ed0423d.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-e58aa9fa.entry.js.map → p-34fefe7e.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-a3ff8d5e.entry.js.map → p-3d9303bc.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-23678dfc.entry.js.map → p-45272485.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-646958e0.entry.js.map → p-51057ba5.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-1bd35435.entry.js.map → p-517e59b0.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-45430f1b.entry.js.map → p-58d5b963.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-84f8307b.entry.js.map → p-5dd3d380.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-2348bef0.entry.js.map → p-5f9a792e.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-e10ff24f.entry.js.map → p-63d1115e.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-1807c812.entry.js.map → p-64ef2161.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-0e56ac34.entry.js.map → p-662a3682.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-73bec4de.entry.js.map → p-6b361969.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-1a0bd7f8.entry.js.map → p-6cca00bd.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-e47c1746.entry.js.map → p-6d4293ad.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-ce5d45d0.entry.js.map → p-843072dc.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-c532d270.entry.js.map → p-84c39bd8.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-162ba6dd.entry.js.map → p-8e20578b.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-bfe11b11.entry.js.map → p-8ea4aaca.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-8856651e.entry.js.map → p-909c12df.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-085e0fa9.entry.js.map → p-94f3343e.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-94f45779.entry.js.map → p-97ba7310.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-a5dbb0bb.entry.js.map → p-97eff793.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-b9dc1279.entry.js.map → p-9cbfeb26.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-d7c08110.entry.js.map → p-9f3eb7b0.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-fe7cdf52.entry.js.map → p-a1c188a6.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-58100168.entry.js.map → p-a4dac2d8.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-84cedd61.entry.js.map → p-ab53bb9a.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-621c4692.entry.js.map → p-b5c47a5f.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-ab026312.entry.js.map → p-bbd5d731.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-b8bfefa4.entry.js.map → p-c0cfecf8.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-08e8df77.entry.js.map → p-c350d522.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-c984b936.entry.js.map → p-c3a7f080.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-85018afa.entry.js.map → p-c5c85b13.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-c3cf240b.entry.js.map → p-c883103f.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-9f91ca1f.entry.js.map → p-caeb3d61.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-0285d7d6.entry.js.map → p-d04c482f.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-6a3db3bd.entry.js.map → p-d1321280.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-bd220190.entry.js.map → p-d52e27d8.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-129faf7d.entry.js.map → p-d678526e.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-2d6bb9b9.entry.js.map → p-d7c7067f.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-b85661bd.entry.js.map → p-e0bdfdfb.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-47288fae.entry.js.map → p-ed793b23.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-8d700020.entry.js.map → p-f0b353f1.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-c52c2f97.entry.js.map → p-f6b01155.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-0c093d08.entry.js.map → p-f95d7352.entry.js.map} +0 -0
- /package/dist/stzh-components/{p-433697be.entry.js.map → p-fa6f50d5.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,c as e,h as t,F as a,a as i,g as r}from"./p-c7bfac7a.js";import{a as h}from"./p-345a1e99.js";import{r as n,h as l}from"./p-ebd6dda5.js";import{m as c,a as d,r as o}from"./p-10e2901a.js";import{d as m}from"./p-162269b9.js";import"./p-9b063923.js";import"./p-a6d4a8b1.js";const z=':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}stzh-search{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;--filter-background-color:var(--stzh-search-filter-background-color, var(--stzh-color-grey10));--grid-template-areas:"filters-main filters-main filters-main filters-main" "results results results results"}stzh-search[hidden],stzh-search[stzh-hidden]{display:none}stzh-search::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-search *,stzh-search *::before,stzh-search *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-search .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-search .stzh-fylingfocus-focused{outline-style:none !important}stzh-search .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 900px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" ". . results results results results results results results results . ."}}stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main" "filters-aside filters-aside filters-aside filters-aside" "results results results results"}@media screen and (min-width: 900px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside" "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "filters-aside filters-aside filters-aside filters-aside results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([variant=teaser]:not([has-aside-filters])),stzh-search:where([fullwidth=true]:not([has-aside-filters])){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "results results results results results results results results results results results results"}}.stzh-search{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);}@media screen and (min-width: 600px){.stzh-search{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-search{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-search{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-search{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-search{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-search{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-search__header-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-search__filters-main{grid-area:filters-main}.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-large);background-color:var(--filter-background-color)}@media screen and (min-width: 600px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-aside{grid-area:filters-aside}.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-large);background-color:var(--filter-background-color)}@media screen and (min-width: 600px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){background-color:transparent;padding:0}}.stzh-search__filters-aside-heading{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-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);padding-bottom:var(--stzh-space-xxsmall);color:var(--stzh-color-primary70);display:none}@media screen and (min-width: 600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{display:block}}@media screen and (min-width: 1260px){.stzh-search stzh-button.stzh-search__filters-aside-details-trigger{display:none}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-inner{position:sticky;top:calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium));transition:top var(--stzh-base-transition-animation-speed);width:calc(100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-inner{width:calc(100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge))}}.stzh-search__results-wrapper{grid-area:results;display:grid;--stzh-datalist-grid-template-areas:"list list list list list list list list"}.stzh-search__results-header{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-search__results-header{flex-direction:row;align-items:center}}.stzh-search__results-sort{display:flex}.stzh-search__results-heading,.stzh-search__results-empty,.stzh-search__results,.stzh-search__action-more{transition-property:opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-item{display:contents}.stzh-search__actions-wrapper{display:flex;justify-content:center}.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__empty-text{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__loader{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__loader{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__loader{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__loader{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__filters-main-chips{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search--teaser .stzh-search__actions-wrapper{justify-content:flex-start}@media screen and (max-width: 1259px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-large)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxlarge)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-aside:not(:empty){padding-top:0px}.stzh-search--has-hidden-main-filters .stzh-search__filters-main{display:none}.stzh-search--has-hidden-aside-filters .stzh-search__filters-aside{display:none}.stzh-search--has-hidden-main-filters .stzh-search__results-wrapper,.stzh-search--has-hidden-main-filters.stzh-search--teaser .stzh-search__results-wrapper{margin-top:0px}.stzh-search--is-loading .stzh-search__results-heading,.stzh-search--is-loading .stzh-search__results-sort,.stzh-search--is-loading .stzh-search__results-empty,.stzh-search--is-loading .stzh-search__results,.stzh-search--is-loading .stzh-search__action-more{opacity:0.5}.stzh-search--is-breakout{--filter-background-color:var(--stzh-color-cobaltblue20);background-color:var(--stzh-color-white)}.stzh-search--is-breakout .stzh-search{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__header-wrapper{background-color:var(--stzh-color-cobaltblue20)}.stzh-search--is-breakout .stzh-search__filters-main{padding-left:1.25rem;padding-right:1.25rem;position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__header{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-large);background-color:var(--stzh-color-cobaltblue20);display:flex;justify-content:space-between}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__header{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxxlarge)}}';function p(s,e){return`\n <stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}\n href="{href}"\n dateline="{dateline}"\n tag="{tag}"\n topic="{topic}"\n service="{service}"\n event-location="{eventLocation}"\n hyphens-enabled="${this.hyphensEnabled}"\n ${e.eventDateStart&&'event-date-start="{eventDateStart}"'}\n ${e.eventDateEnd&&'event-date-end="{eventDateEnd}"'}\n download-heading="{downloadHeading}"\n meta='{meta}'\n breadcrumb-items='{breadcrumbItems}'\n download-meta='{downloadMeta}'\n datalist-items='{datalistItems}'\n ${e.imagePosition&&'image-position="{imagePosition}"'}\n ${e.download&&'download="{download}"'}\n style="\n ${e.serviceBackgroundColor?"--service-background-color: {serviceBackgroundColor};":""}\n ${e.serviceColor?"--service-color: {serviceColor};":""}\n "\n >\n <div slot="heading">{heading}</div>\n <div slot="description">{description}</div>\n ${e.image?e.imagePosition==="right"?`<img src="${e.image}" slot="image" />`:`<stzh-ratio ${s.variant==="teaser"?'ratio="2:1"':'ratio="21:9" ratio-small="1:1"'} slot="image"><img src="${e.image}" /></stzh-ratio>`:""}\n </stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}>\n `}function f(s){return{layout:s.variant==="teaser"?"teasers":"searchresults"}}const u=class{constructor(t){s(this,t);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick",7);this._sortOptions=[];this._showMoreLink=false;this.fetch=async(s=false,e=false)=>{var t,a;this.loading=true;this.error="";if(this.currentController){this.currentController.abort()}if(!this.hasRequiredParams&&!s){this.loading=false;return}let i=this.api.replace(/\{lang\}/gi,this.localization.$locale);let r=this.limit.toString();this.params.set("offset",s?this.results.length.toString():"0");if(e){const s=new URLSearchParams(location.search).get("search");if(s){const e=new URLSearchParams(s).get("limit");if(e){r=e}}}this.params.set("limit",r);this.currentController=new AbortController;let n={};try{const s=await h(i,{params:this.params,signal:this.currentController.signal});n=s.data}catch(s){this.error=this.localization.error}this.resultsHeading=n.resultsHeading||"";this.resultsText=n.resultsText||"";this.totalCount=((t=n.meta)===null||t===void 0?void 0:t.total)||0;if(n.error){this.error=n.message||this.localization.error}if(n.chipResults&&n.chipResults.length){this.chipResultsHeading=(a=n.chipResultsHeading)!==null&&a!==void 0?a:"";this.chipResults=n.chipResults}else{this.chipResultsHeading="";this.chipResults=[]}if(n.results){if(s){this.results=[...this.results,...n.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=n.templates)===null||e===void 0?void 0:e.result),s)})}))]}else{this.results=n.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=n.templates)===null||e===void 0?void 0:e.result),s)})}))}}if(!e&&!this.preventUpdateUrl){const s=new URLSearchParams(location.search);const e=new URLSearchParams(this.params);e.delete("offset");e.set("limit",this.results.length.toString());s.set("search",e.toString());window.history.replaceState(null,"",`${location.pathname}?${s}`)}if(e||!this.firstFetched){this.loading=false}else{window.setTimeout((()=>{this.loading=false}),this.debounceTime)}this.firstFetched=true};this.debouncedFetch=m(this.fetch,this.debounceTime);this.onDropdownSortChange=async s=>{const e=s.target;const t=await e.getValue();if(t){this._sortBy=t}await this.updateParams();this.debouncedFetch()};this.handleMainFilterChange=async()=>{if(this.autofetchMainFilters){await this.updateParams();this.debouncedFetch()}};this.handleAsideFilterChange=async()=>{if(this.autofetchAsideFilters){await this.updateParams();this.debouncedFetch()}};this.handleFormSubmit=async s=>{s.preventDefault();await this.updateParams();this.fetch()};this.handleMoreClick=()=>{this.fetch(true)};this.handleMediaChange=()=>{this.isDetailsOpen=c("large").matches};this.handleFormReset=async()=>{requestAnimationFrame((()=>{requestAnimationFrame((async()=>{await this.updateParams()}))}))};this.localization=undefined;this.variant="default";this.autofetchMainFilters=false;this.autofetchAsideFilters=false;this.hideMainFilters=false;this.hideAsideFilters=false;this.hideResultsHeading=false;this.sortBy=undefined;this.sortOptions=[];this.api="";this.debounceTime=500;this.limit=6;this.initialFetch=false;this.preventUpdateUrl=false;this.hyphensEnabled=false;this.templateResult=p;this.templateResultWrapperElement=function(){return"stzh-cardlist"};this.templateResultWrapperProps=f;this.resultHeadingLevel="3";this.emptyText=undefined;this.heading=undefined;this.emptyLinkHref=undefined;this.emptyLinkLabel=undefined;this.subscribeLabel="Subscribe";this.subscribePath=undefined;this.subscribeAdditionalQueryParameters=undefined;this.totalCount=0;this.loading=false;this.error="";this.results=[];this.chipResultsHeading=undefined;this.chipResults=[];this.resultsHeading=undefined;this.resultsText=undefined;this.hasRequiredParams=false;this.firstFetched=false;this.initiallyFetched=false;this.isDetailsOpen=false;this.isStzhAnchornavVisible=false}totalCountWatcher(){this._showMoreLink=this.totalCount>this.results.length}preventUpdateUrlWatcher(){this.updateParams()}sortOptionsWatcher(s){if(typeof s==="string"){this._sortOptions=JSON.parse(s)}else{this._sortOptions=s}}sortByWatcher(s){if(typeof s==="string"){this._sortBy=s}else{this._sortBy=undefined}}renderResultTemplate(s,e){let t=s||(typeof this.templateResult==="function"?this.templateResult(this.element,e):this.templateResult);["href","heading","dateline","description","image","imagePosition","tag","topic","service","serviceColor","serviceBackgroundColor","meta","breadcrumbItems","eventLocation","eventDateStart","eventDateEnd","download","downloadHeading","downloadMeta","datalistItems"].forEach((s=>{const a=new RegExp(`{${s}}`,"gi");let i=e[s]||"";if(["meta","breadcrumbItems","downloadMeta","datalistItems"].includes(s)&&i){i=JSON.stringify(i)}t=t.replace(a,i)}));return t}async updateParams(s=false){const e=()=>{const s=new FormData(this.formElement);this.params=new URLSearchParams(s);this.params.set("variant",this.variant)};if(s){const s=new URLSearchParams(location.search);let e=s.get("search");const t=s.get("q");const a=s.get("query");if(!e){if(a){e=`query=${a}`}else if(t){e=`q=${t}`}}if(e){this.initialFetch=true;const s=new URLSearchParams(e);[...new Set(s.keys())].forEach((e=>{const t=s.getAll(e);const a=Array.from(document.querySelectorAll(`:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name="${e}"]`));const i=Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name="${e}"]`));const r=Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name="${e}"]`));a.forEach((s=>{s.value=t[0]}));i.forEach((s=>{s.value=t}));r.forEach((s=>{s.items=t}))}))}}await n();e();let t=true;const a=Array.from(this.element.querySelectorAll(":where(stzh-input)[required]"));const i=Array.from(this.element.querySelectorAll(":where(stzh-dropdown)[required]"));const r=Array.from(this.element.querySelectorAll(":where(stzh-monthyearpicker)[required]"));const h=Array.from(this.element.querySelectorAll(":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]"));const l=Array.from(this.element.querySelectorAll(":where(stzh-checkbox)[required]"));l.forEach((e=>{const a=!e.checked;if(!s){e.invalid=a}if(a){t=false}}));a.forEach((e=>{const a=e.value===""||e.minlength&&e.minlength>e.value.length||e.maxlength&&e.maxlength<e.value.length;if(!s){e.invalid=a}if(a){t=false}}));i.forEach((e=>{const a=e.items.length===0;if(!s){e.invalid=a}if(a){t=false}}));h.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalid=a}if(a){t=false}}));r.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalidYear=a;e.invalidMonth=a}if(a){t=false}}));this.hasRequiredParams=t}async componentDidLoad(){this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";await this.updateParams(true);if(this.initialFetch){await this.fetch(false,true);this.initiallyFetched=true}else{this.initiallyFetched=true}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"search")}this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";this.sortOptionsWatcher(this.sortOptions);this.sortByWatcher(this.sortBy)}connectedCallback(){d(this.handleMediaChange);this.handleMediaChange()}disconnectedCallback(){o(this.handleMediaChange)}renderResultsText(){return t("stzh-text",{class:"stzh-search__results-text",color:"primary",innerHTML:this.resultsText})}renderSubscribeButton(){const s=new URLSearchParams;let e=this.subscribeAdditionalQueryParameters;if(typeof this.subscribeAdditionalQueryParameters==="string"){try{e=JSON.parse(this.subscribeAdditionalQueryParameters)}catch(s){}}for(const t of e){for(const[e,a]of Object.entries(t)){if(a){s.set(e,a)}}}const a=new URLSearchParams(window.location.search);const i=a.get("search");if(i){const e=new URLSearchParams(i);for(const[t,a]of e.entries()){if(["variant","limit"].indexOf(t)===-1&&a){s.append(t,a)}}}const r=`${this.subscribePath}?${s.toString()}`;return t("div",{class:"stzh-search__results-subscribe"},t("stzh-button",{variant:"secondary",size:"small",href:r},this.subscribeLabel))}render(){const s=l(this.element,"filters-main");const e=l(this.element,"filters-aside");let r=true;if(s){const s=this.element.querySelector("[slot='filters-main'] stzh-chipselect");const e=this.element.querySelector("[slot='filters-main'] stzh-chipgroup");if(!s&&!e){r=false}}else{r=false}const h=(this.hasRequiredParams||this.firstFetched)&&this.firstFetched&&this.initiallyFetched;const n={"stzh-search":true,"stzh-search--has-filters-main":s,"stzh-search--has-filters-aside":e,"stzh-search--has-hidden-main-filters":this.hideMainFilters,"stzh-search--has-hidden-aside-filters":this.hideAsideFilters,"stzh-search--has-results-shown":h,"stzh-search--has-error-shown":!!this.error,"stzh-search--is-loading":this.loading,[`stzh-search--${this.variant}`]:!!this.variant};const c=typeof this.templateResultWrapperElement==="function"?this.templateResultWrapperElement(this.element):this.templateResultWrapperElement;const d=typeof this.templateResultWrapperProps==="function"?this.templateResultWrapperProps(this.element):this.templateResultWrapperProps;return t(i,{"has-aside-filters":e,fullwidth:this.isStzhAnchornavVisible.toString()},t("form",{ref:s=>this.formElement=s,novalidate:true,class:n,onSubmit:this.handleFormSubmit,onReset:this.handleFormReset},t("div",{class:"stzh-search__filters-main",onStzhChange:this.handleMainFilterChange},!!this.heading&&t("stzh-heading",{class:"stzh-search__header-heading",curve:"h2"},this.heading),t("slot",{name:"filters-main"}),!r&&this.chipResults.length>0&&t("div",{class:"stzh-search__filters-main-chips"},this.chipResultsHeading&&t("stzh-text",{font:"heavy",size:"milli",color:"primary"},this.chipResultsHeading),this.chipResults[0].options?t("stzh-chipgroup",null,this.chipResults.map((s=>t("stzh-dropdown",{label:s.label,name:s.value,variant:"filter",size:"large","no-search":true,"hide-optional":true,inline:true,options:s.options})))):t("stzh-chipselect",{multiple:true,name:"subject",label:this.chipResultsHeading,"label-hidden":true,data:this.chipResults.map((s=>({label:s.label,value:s.value,counter:`${s.amount}`,variant:"filter",size:"small"})))}))),e&&t(a,null,t("div",{class:"stzh-search__filters-aside",onStzhChange:this.handleAsideFilterChange},t("div",{class:"stzh-search__filters-aside-inner"},t("div",{class:"stzh-search__filters-aside-heading"},this.localization.moreFilter),t("stzh-details",{open:this.isDetailsOpen,class:"stzh-search__filters-aside-details"},t("stzh-button",{class:"stzh-search__filters-aside-details-trigger",variant:"tertiary-plain",size:"small",noPaddingLeft:true,showToggleIcon:true,iconPosition:"right",label:this.localization.moreFilter}),t("div",{slot:"content"},t("slot",{name:"filters-aside"})))))),t("div",{class:"stzh-search__results-wrapper"},h&&t(a,null,this.results.length===0?t(a,null,this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,innerHTML:this.resultsHeading}),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),this.emptyText&&t("stzh-text",{class:"stzh-search__empty-text",innerHTML:this.emptyText}),this.emptyLinkLabel&&this.emptyLinkHref&&t("div",{class:"stzh-search__empty-link-wrapper"},t("stzh-link",{href:this.emptyLinkHref,label:this.emptyLinkLabel}))):t(a,null,t("div",{class:"stzh-search__results-header"},this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,htmlContent:this.resultsHeading}),this._sortOptions.length>0&&t("div",{class:"stzh-search__results-sort"},t("stzh-dropdown",{"hide-optional":true,inline:true,"no-search":true,"no-wrap":true,class:"stzh-search__results-sort-dropdown",variant:"plain",size:"small",sizeMedium:"tiny",name:"sortby",items:[this._sortBy],options:this._sortOptions,onStzhChange:this.onDropdownSortChange}))),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),t(c,Object.assign({class:"stzh-search__results","max-3-columns":e},d),this.results.map((s=>t("div",{class:"stzh-search__results-item",innerHTML:s.html||""})))),t("div",{class:"stzh-search__actions-wrapper"},this._showMoreLink&&t("stzh-button",{variant:"secondary",class:"stzh-search__action-more",label:this.localization.showMore,onClick:this.handleMoreClick,disabled:this.loading,a11yDisabled:this.loading})))),this.error&&t("div",{class:"stzh-search__error"},t("stzh-message",{type:"error",label:this.error})),this.loading&&t("stzh-loader",{class:"stzh-search__loader"})),t("slot",null)))}get element(){return r(this)}static get watchers(){return{totalCount:["totalCountWatcher"],results:["totalCountWatcher"],preventUpdateUrl:["preventUpdateUrlWatcher"],sortOptions:["sortOptionsWatcher"],sortBy:["sortByWatcher"]}}};u.style=z;export{u as stzh_search};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,c as e,h as t,F as a,a as i,g as r}from"./p-c7bfac7a.js";import{a as h}from"./p-345a1e99.js";import{r as n,h as l}from"./p-16706623.js";import{m as c,a as d,r as o}from"./p-10e2901a.js";import{d as m}from"./p-162269b9.js";import"./p-9b063923.js";import"./p-a6d4a8b1.js";const z=':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}stzh-search{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;--filter-background-color:var(--stzh-search-filter-background-color, var(--stzh-color-grey10));--grid-template-areas:"filters-main filters-main filters-main filters-main" "results results results results"}stzh-search[hidden],stzh-search[stzh-hidden]{display:none}stzh-search::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-search *,stzh-search *::before,stzh-search *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-search .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-search .stzh-fylingfocus-focused{outline-style:none !important}stzh-search .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 900px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" ". . results results results results results results results results . ."}}stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main" "filters-aside filters-aside filters-aside filters-aside" "results results results results"}@media screen and (min-width: 900px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside" "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "filters-aside filters-aside filters-aside filters-aside results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([variant=teaser]:not([has-aside-filters])),stzh-search:where([fullwidth=true]:not([has-aside-filters])){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "results results results results results results results results results results results results"}}.stzh-search{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);}@media screen and (min-width: 600px){.stzh-search{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-search{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-search{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-search{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-search{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-search{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-search__header-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-search__filters-main{grid-area:filters-main}.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-large);background-color:var(--filter-background-color)}@media screen and (min-width: 600px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-aside{grid-area:filters-aside}.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-large);background-color:var(--filter-background-color)}@media screen and (min-width: 600px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){background-color:transparent;padding:0}}.stzh-search__filters-aside-heading{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-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);padding-bottom:var(--stzh-space-xxsmall);color:var(--stzh-color-primary70);display:none}@media screen and (min-width: 600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{display:block}}@media screen and (min-width: 1260px){.stzh-search stzh-button.stzh-search__filters-aside-details-trigger{display:none}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-inner{position:sticky;top:calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium));transition:top var(--stzh-base-transition-animation-speed);width:calc(100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-inner{width:calc(100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge))}}.stzh-search__results-wrapper{grid-area:results;display:grid;--stzh-datalist-grid-template-areas:"list list list list list list list list"}.stzh-search__results-header{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-search__results-header{flex-direction:row;align-items:center}}.stzh-search__results-sort{display:flex}.stzh-search__results-heading,.stzh-search__results-empty,.stzh-search__results,.stzh-search__action-more{transition-property:opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-item{display:contents}.stzh-search__actions-wrapper{display:flex;justify-content:center}.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__empty-text{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__loader{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__loader{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__loader{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__loader{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__filters-main-chips{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search--teaser .stzh-search__actions-wrapper{justify-content:flex-start}@media screen and (max-width: 1259px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-large)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxlarge)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-aside:not(:empty){padding-top:0px}.stzh-search--has-hidden-main-filters .stzh-search__filters-main{display:none}.stzh-search--has-hidden-aside-filters .stzh-search__filters-aside{display:none}.stzh-search--has-hidden-main-filters .stzh-search__results-wrapper,.stzh-search--has-hidden-main-filters.stzh-search--teaser .stzh-search__results-wrapper{margin-top:0px}.stzh-search--is-loading .stzh-search__results-heading,.stzh-search--is-loading .stzh-search__results-sort,.stzh-search--is-loading .stzh-search__results-empty,.stzh-search--is-loading .stzh-search__results,.stzh-search--is-loading .stzh-search__action-more{opacity:0.5}.stzh-search--is-breakout{--filter-background-color:var(--stzh-color-cobaltblue20);background-color:var(--stzh-color-white)}.stzh-search--is-breakout .stzh-search{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__header-wrapper{background-color:var(--stzh-color-cobaltblue20)}.stzh-search--is-breakout .stzh-search__filters-main{padding-left:1.25rem;padding-right:1.25rem;position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__header{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-large);background-color:var(--stzh-color-cobaltblue20);display:flex;justify-content:space-between}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__header{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxxlarge)}}';function p(s,e){return`\n <stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}\n href="{href}"\n dateline="{dateline}"\n tag="{tag}"\n topic="{topic}"\n service="{service}"\n event-location="{eventLocation}"\n hyphens-enabled="${this.hyphensEnabled}"\n ${e.eventDateStart&&'event-date-start="{eventDateStart}"'}\n ${e.eventDateEnd&&'event-date-end="{eventDateEnd}"'}\n download-heading="{downloadHeading}"\n meta='{meta}'\n breadcrumb-items='{breadcrumbItems}'\n download-meta='{downloadMeta}'\n datalist-items='{datalistItems}'\n ${e.imagePosition&&'image-position="{imagePosition}"'}\n ${e.download&&'download="{download}"'}\n style="\n ${e.serviceBackgroundColor?"--service-background-color: {serviceBackgroundColor};":""}\n ${e.serviceColor?"--service-color: {serviceColor};":""}\n "\n >\n <div slot="heading">{heading}</div>\n <div slot="description">{description}</div>\n ${e.image?e.imagePosition==="right"?`<img src="${e.image}" slot="image" />`:`<stzh-ratio ${s.variant==="teaser"?'ratio="2:1"':'ratio="21:9" ratio-small="1:1"'} slot="image"><img src="${e.image}" /></stzh-ratio>`:""}\n </stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}>\n `}function f(s){return{layout:s.variant==="teaser"?"teasers":"searchresults"}}const u=class{constructor(t){s(this,t);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick",7);this._sortOptions=[];this._showMoreLink=false;this.fetch=async(s=false,e=false)=>{var t,a;this.loading=true;this.error="";if(this.currentController){this.currentController.abort()}if(!this.hasRequiredParams&&!s){this.loading=false;return}let i=this.api.replace(/\{lang\}/gi,this.localization.$locale);let r=this.limit.toString();this.params.set("offset",s?this.results.length.toString():"0");if(e){const s=new URLSearchParams(location.search).get("search");if(s){const e=new URLSearchParams(s).get("limit");if(e){r=e}}}this.params.set("limit",r);this.currentController=new AbortController;let n={};try{const s=await h(i,{params:this.params,signal:this.currentController.signal});n=s.data}catch(s){this.error=this.localization.error}this.resultsHeading=n.resultsHeading||"";this.resultsText=n.resultsText||"";this.totalCount=((t=n.meta)===null||t===void 0?void 0:t.total)||0;if(n.error){this.error=n.message||this.localization.error}if(n.chipResults&&n.chipResults.length){this.chipResultsHeading=(a=n.chipResultsHeading)!==null&&a!==void 0?a:"";this.chipResults=n.chipResults}else{this.chipResultsHeading="";this.chipResults=[]}if(n.results){if(s){this.results=[...this.results,...n.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=n.templates)===null||e===void 0?void 0:e.result),s)})}))]}else{this.results=n.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=n.templates)===null||e===void 0?void 0:e.result),s)})}))}}if(!e&&!this.preventUpdateUrl){const s=new URLSearchParams(location.search);const e=new URLSearchParams(this.params);e.delete("offset");e.set("limit",this.results.length.toString());s.set("search",e.toString());window.history.replaceState(null,"",`${location.pathname}?${s}`)}if(e||!this.firstFetched){this.loading=false}else{window.setTimeout((()=>{this.loading=false}),this.debounceTime)}this.firstFetched=true};this.debouncedFetch=m(this.fetch,this.debounceTime);this.onDropdownSortChange=async s=>{const e=s.target;const t=await e.getValue();if(t){this._sortBy=t}await this.updateParams();this.debouncedFetch()};this.handleMainFilterChange=async()=>{if(this.autofetchMainFilters){await this.updateParams();this.debouncedFetch()}};this.handleAsideFilterChange=async()=>{if(this.autofetchAsideFilters){await this.updateParams();this.debouncedFetch()}};this.handleFormSubmit=async s=>{s.preventDefault();await this.updateParams();this.fetch()};this.handleMoreClick=()=>{this.fetch(true)};this.handleMediaChange=()=>{this.isDetailsOpen=c("large").matches};this.handleFormReset=async()=>{requestAnimationFrame((()=>{requestAnimationFrame((async()=>{await this.updateParams()}))}))};this.localization=undefined;this.variant="default";this.autofetchMainFilters=false;this.autofetchAsideFilters=false;this.hideMainFilters=false;this.hideAsideFilters=false;this.hideResultsHeading=false;this.sortBy=undefined;this.sortOptions=[];this.api="";this.debounceTime=500;this.limit=6;this.initialFetch=false;this.preventUpdateUrl=false;this.hyphensEnabled=false;this.templateResult=p;this.templateResultWrapperElement=function(){return"stzh-cardlist"};this.templateResultWrapperProps=f;this.resultHeadingLevel="3";this.emptyText=undefined;this.heading=undefined;this.emptyLinkHref=undefined;this.emptyLinkLabel=undefined;this.subscribeLabel="Subscribe";this.subscribePath=undefined;this.subscribeAdditionalQueryParameters=undefined;this.totalCount=0;this.loading=false;this.error="";this.results=[];this.chipResultsHeading=undefined;this.chipResults=[];this.resultsHeading=undefined;this.resultsText=undefined;this.hasRequiredParams=false;this.firstFetched=false;this.initiallyFetched=false;this.isDetailsOpen=false;this.isStzhAnchornavVisible=false}totalCountWatcher(){this._showMoreLink=this.totalCount>this.results.length}preventUpdateUrlWatcher(){this.updateParams()}sortOptionsWatcher(s){if(typeof s==="string"){this._sortOptions=JSON.parse(s)}else{this._sortOptions=s}}sortByWatcher(s){if(typeof s==="string"){this._sortBy=s}else{this._sortBy=undefined}}renderResultTemplate(s,e){let t=s||(typeof this.templateResult==="function"?this.templateResult(this.element,e):this.templateResult);["href","heading","dateline","description","image","imagePosition","tag","topic","service","serviceColor","serviceBackgroundColor","meta","breadcrumbItems","eventLocation","eventDateStart","eventDateEnd","download","downloadHeading","downloadMeta","datalistItems"].forEach((s=>{const a=new RegExp(`{${s}}`,"gi");let i=e[s]||"";if(["meta","breadcrumbItems","downloadMeta","datalistItems"].includes(s)&&i){i=JSON.stringify(i)}t=t.replace(a,i)}));return t}async updateParams(s=false){const e=()=>{const s=new FormData(this.formElement);this.params=new URLSearchParams(s);this.params.set("variant",this.variant)};if(s){const s=new URLSearchParams(location.search);let e=s.get("search");const t=s.get("q");const a=s.get("query");if(!e){if(a){e=`query=${a}`}else if(t){e=`q=${t}`}}if(e){this.initialFetch=true;const s=new URLSearchParams(e);[...new Set(s.keys())].forEach((e=>{const t=s.getAll(e);const a=Array.from(document.querySelectorAll(`:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name="${e}"]`));const i=Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name="${e}"]`));const r=Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name="${e}"]`));a.forEach((s=>{s.value=t[0]}));i.forEach((s=>{s.value=t}));r.forEach((s=>{s.items=t}))}))}}await n();e();let t=true;const a=Array.from(this.element.querySelectorAll(":where(stzh-input)[required]"));const i=Array.from(this.element.querySelectorAll(":where(stzh-dropdown)[required]"));const r=Array.from(this.element.querySelectorAll(":where(stzh-monthyearpicker)[required]"));const h=Array.from(this.element.querySelectorAll(":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]"));const l=Array.from(this.element.querySelectorAll(":where(stzh-checkbox)[required]"));l.forEach((e=>{const a=!e.checked;if(!s){e.invalid=a}if(a){t=false}}));a.forEach((e=>{const a=e.value===""||e.minlength&&e.minlength>e.value.length||e.maxlength&&e.maxlength<e.value.length;if(!s){e.invalid=a}if(a){t=false}}));i.forEach((e=>{const a=e.items.length===0;if(!s){e.invalid=a}if(a){t=false}}));h.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalid=a}if(a){t=false}}));r.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalidYear=a;e.invalidMonth=a}if(a){t=false}}));this.hasRequiredParams=t}async componentDidLoad(){this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";await this.updateParams(true);if(this.initialFetch){await this.fetch(false,true);this.initiallyFetched=true}else{this.initiallyFetched=true}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"search")}this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";this.sortOptionsWatcher(this.sortOptions);this.sortByWatcher(this.sortBy)}connectedCallback(){d(this.handleMediaChange);this.handleMediaChange()}disconnectedCallback(){o(this.handleMediaChange)}renderResultsText(){return t("stzh-text",{class:"stzh-search__results-text",color:"primary",innerHTML:this.resultsText})}renderSubscribeButton(){const s=new URLSearchParams;let e=this.subscribeAdditionalQueryParameters;if(typeof this.subscribeAdditionalQueryParameters==="string"){try{e=JSON.parse(this.subscribeAdditionalQueryParameters)}catch(s){}}for(const t of e){for(const[e,a]of Object.entries(t)){if(a){s.set(e,a)}}}const a=new URLSearchParams(window.location.search);const i=a.get("search");if(i){const e=new URLSearchParams(i);for(const[t,a]of e.entries()){if(["variant","limit"].indexOf(t)===-1&&a){s.append(t,a)}}}const r=`${this.subscribePath}?${s.toString()}`;return t("div",{class:"stzh-search__results-subscribe"},t("stzh-button",{variant:"secondary",size:"small",href:r},this.subscribeLabel))}render(){const s=l(this.element,"filters-main");const e=l(this.element,"filters-aside");let r=true;if(s){const s=this.element.querySelector("[slot='filters-main'] stzh-chipselect");const e=this.element.querySelector("[slot='filters-main'] stzh-chipgroup");if(!s&&!e){r=false}}else{r=false}const h=(this.hasRequiredParams||this.firstFetched)&&this.firstFetched&&this.initiallyFetched;const n={"stzh-search":true,"stzh-search--has-filters-main":s,"stzh-search--has-filters-aside":e,"stzh-search--has-hidden-main-filters":this.hideMainFilters,"stzh-search--has-hidden-aside-filters":this.hideAsideFilters,"stzh-search--has-results-shown":h,"stzh-search--has-error-shown":!!this.error,"stzh-search--is-loading":this.loading,[`stzh-search--${this.variant}`]:!!this.variant};const c=typeof this.templateResultWrapperElement==="function"?this.templateResultWrapperElement(this.element):this.templateResultWrapperElement;const d=typeof this.templateResultWrapperProps==="function"?this.templateResultWrapperProps(this.element):this.templateResultWrapperProps;return t(i,{"has-aside-filters":e,fullwidth:this.isStzhAnchornavVisible.toString()},t("form",{ref:s=>this.formElement=s,novalidate:true,class:n,onSubmit:this.handleFormSubmit,onReset:this.handleFormReset},t("div",{class:"stzh-search__filters-main",onStzhChange:this.handleMainFilterChange},!!this.heading&&t("stzh-heading",{class:"stzh-search__header-heading",curve:"h2"},this.heading),t("slot",{name:"filters-main"}),!r&&this.chipResults.length>0&&t("div",{class:"stzh-search__filters-main-chips"},this.chipResultsHeading&&t("stzh-text",{font:"heavy",size:"milli",color:"primary"},this.chipResultsHeading),this.chipResults[0].options?t("stzh-chipgroup",null,this.chipResults.map((s=>t("stzh-dropdown",{label:s.label,name:s.value,variant:"filter",size:"large","no-search":true,"hide-optional":true,inline:true,options:s.options})))):t("stzh-chipselect",{multiple:true,name:"subject",label:this.chipResultsHeading,"label-hidden":true,data:this.chipResults.map((s=>({label:s.label,value:s.value,counter:`${s.amount}`,variant:"filter",size:"small"})))}))),e&&t(a,null,t("div",{class:"stzh-search__filters-aside",onStzhChange:this.handleAsideFilterChange},t("div",{class:"stzh-search__filters-aside-inner"},t("div",{class:"stzh-search__filters-aside-heading"},this.localization.moreFilter),t("stzh-details",{open:this.isDetailsOpen,class:"stzh-search__filters-aside-details"},t("stzh-button",{class:"stzh-search__filters-aside-details-trigger",variant:"tertiary-plain",size:"small",noPaddingLeft:true,showToggleIcon:true,iconPosition:"right",label:this.localization.moreFilter}),t("div",{slot:"content"},t("slot",{name:"filters-aside"})))))),t("div",{class:"stzh-search__results-wrapper"},h&&t(a,null,this.results.length===0?t(a,null,this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,innerHTML:this.resultsHeading}),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),this.emptyText&&t("stzh-text",{class:"stzh-search__empty-text",innerHTML:this.emptyText}),this.emptyLinkLabel&&this.emptyLinkHref&&t("div",{class:"stzh-search__empty-link-wrapper"},t("stzh-link",{href:this.emptyLinkHref,label:this.emptyLinkLabel}))):t(a,null,t("div",{class:"stzh-search__results-header"},this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,htmlContent:this.resultsHeading}),this._sortOptions.length>0&&t("div",{class:"stzh-search__results-sort"},t("stzh-dropdown",{"hide-optional":true,inline:true,"no-search":true,"no-wrap":true,class:"stzh-search__results-sort-dropdown",variant:"plain",size:"small",sizeMedium:"tiny",name:"sortby",items:[this._sortBy],options:this._sortOptions,onStzhChange:this.onDropdownSortChange}))),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),t(c,Object.assign({class:"stzh-search__results","max-3-columns":e},d),this.results.map((s=>t("div",{class:"stzh-search__results-item",innerHTML:s.html||""})))),t("div",{class:"stzh-search__actions-wrapper"},this._showMoreLink&&t("stzh-button",{variant:"secondary",class:"stzh-search__action-more",label:this.localization.showMore,onClick:this.handleMoreClick,disabled:this.loading,a11yDisabled:this.loading})))),this.error&&t("div",{class:"stzh-search__error"},t("stzh-message",{type:"error",label:this.error})),this.loading&&t("stzh-loader",{class:"stzh-search__loader"})),t("slot",null)))}get element(){return r(this)}static get watchers(){return{totalCount:["totalCountWatcher"],results:["totalCountWatcher"],preventUpdateUrl:["preventUpdateUrlWatcher"],sortOptions:["sortOptionsWatcher"],sortBy:["sortByWatcher"]}}};u.style=z;export{u as stzh_search};
|
|
2
|
+
//# sourceMappingURL=p-909c12df.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,a as o,g as r}from"./p-c7bfac7a.js";import{h as n}from"./p-ebd6dda5.js";import{S as h}from"./p-fc692303.js";import"./p-9b063923.js";const e=".sc-stzh-input-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-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::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-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(--stzh-input-hover-border-color, var(--stzh-color-secondary50));--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-button-right-color:var(--stzh-color-primary70);--text-selection-background-color:var(--stzh-color-secondary30);width:100%}[type=hidden].sc-stzh-input-h{position:absolute;top:-624.9375rem;left:-624.9375rem;visibility:hidden}[size=small].sc-stzh-input-h{--height:var(--stzh-form-input-small-height)}[is-filled].sc-stzh-input-h:not([is-filled=false]){--button-right-color:var(--stzh-color-primary70);--hover-button-right-color:var(--stzh-color-primary70);--focus-button-right-color:var(--stzh-color-black)}[is-invalid].sc-stzh-input-h{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--button-right-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-button-right-color:var(--stzh-color-error60)}[readonly].sc-stzh-input-h:not([readonly=false]),[disabled].sc-stzh-input-h:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-button-right-color:var(--stzh-color-grey70);--focus-color:var(--stzh-color-grey70);--focus-border-color:var(--stzh-color-grey70);--focus-background-color:var(--stzh-color-grey10);--focus-button-right-color:var(--stzh-color-grey70)}.sc-stzh-input-h:is(:has(.stzh-input__input:hover)){--button-right-color:var(--hover-button-right-color)}.sc-stzh-input-h:is(:has(.stzh-input__input:focus)){--button-right-color:var(--focus-button-right-color)}.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0px;right:0px}.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-popover{display:block}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.stzh-input__button-right.sc-stzh-input,.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false]){--color:var(--button-right-color);--background-color:transparent;--border-color:transparent;--hover-color:var(--button-right-color);--hover-background-color:transparent;--hover-border-color:transparent}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.stzh-input__button-right[size=default][icon-only].sc-stzh-input:not([icon-only=false]){--icon-size:var(--stzh-icon-size-medium)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-input__marker-text.sc-stzh-input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-input__description-wrapper.sc-stzh-input{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error60)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-input__description-long.sc-stzh-input{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-input__description-long.sc-stzh-input{margin-top:0}}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-button.sc-stzh-input{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxxsmall)}.stzh-input.sc-stzh-input .sc-stzh-input::selection{background:var(--text-selection-background-color)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:flex;width:var(--input-width)}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.125rem solid var(--border-color);transition-property:color, border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);margin:0;width:100%;color:var(--color);background-color:var(--background-color);appearance:none;text-align:var(--text-align)}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:hover{color:var(--hover-color);border-color:var(--hover-border-color);background-color:var(--hover-background-color)}.stzh-input__input.sc-stzh-input:focus{color:var(--focus-color);border-color:var(--focus-border-color);background-color:var(--focus-background-color)}.stzh-input__input.sc-stzh-input:-webkit-autofill{background-clip:text}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:var(--label-color);width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-input__label.no-label-truncate.sc-stzh-input{text-overflow:clip;white-space:normal;overflow:visible}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__marker.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-input--type-password.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-clearable.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:var(--height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{appearance:textfield}.stzh-input--has-label-hidden.sc-stzh-input .stzh-input__label.sc-stzh-input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}";let a=0;const l=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.stzhChanged=s(this,"stzhChanged",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onClearClick=async t=>{this.value="";this.input.focus();await this.waitForNextRender();this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value});this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onTogglePasswordVisibilityClick=async()=>{this.showPassword=!this.showPassword};this.handleReset=async()=>{this.value=this.defaultValue;this.input.value=this.defaultValue};this.onInput=t=>{this.value=this.input.value;this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onChange=t=>{this.value=this.input.value;this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-input",originalEvent:t})};this.localization=undefined;this.multiline=false;this.rows=undefined;this.type="text";this.step=1;this.min=undefined;this.max=undefined;this.showSpin=false;this.readonly=false;this.disabled=false;this.clearable=false;this.hideOptional=false;this.minlength=undefined;this.maxlength=undefined;this.name=undefined;this.value="";this.defaultValue="";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.invalid=false;this.required=false;this.inputmode=undefined;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.noLabelTruncate=false;this.labelHidden=false;this.size="default";this.a11yDescribedby="";this.filled=undefined;this.showPassword=undefined}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){this.filled=t!==""}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}typeWatcher(t){const s=["text","search","password","email","url","tel","number","hidden"];if(!this.multiline&&!s.includes(t)){throw new Error(`Type ${t} not supported`)}}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,value:this.value,rows:this.rows,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.showPassword?"text":this.type,name:this.name,value:this.value,defaultValue:this.defaultValue,min:this.min,max:this.max,step:this.step,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.inputId=`stzh-input-${a++}`;this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);this.defaultValue=this.defaultValue||this.value;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"input")}}render(){var t,s;const r=n(this.element,"button-right");const e=n(this.element,"description")||!!this.description;const a=n(this.element,"description-long")||!!this.descriptionLong;const l=n(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const c={"stzh-input":true,"stzh-input--has-button-right":r||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":e,"stzh-input--has-description-long":a,"stzh-input--has-error":l,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid||l,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--is-filled":this.filled,"stzh-input--is-not-filled":!this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--is-not-clearable":!this.clearable,"stzh-input--has-label-hidden":this.labelHidden,[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(o,{"is-invalid":this.invalid||l,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus,"is-filled":this.filled},i("div",{class:c},i("label",{class:{"stzh-input__label":true,"no-label-truncate":this.noLabelTruncate},htmlFor:this.inputId},this.label?this.label:i("slot",null),!this.hideOptional&&i("span",{class:"stzh-input__marker"},i("span",{class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),this.clearable||this.type==="search"||this.type==="password"?(!this.clearable||this.disabled||this.readonly||!this.filled)&&(this.type==="search"||this.type==="password")?i("stzh-button",{class:"stzh-input__button-right",icon:this.type==="search"?"search":"view",size:this.size,iconOnly:true,onClick:this.onTogglePasswordVisibilityClick,disabled:this.disabled||this.readonly}):this.filled?i("stzh-button",{class:"stzh-input__button-right",icon:"close",size:this.size,iconOnly:true,onClick:this.onClearClick,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):i("slot",{name:"button-right"}):i("slot",{name:"button-right"})),(((s=this._error)===null||s===void 0?void 0:s.length)>0||this.description)&&i(h,{classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:a,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return r(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};l.style=e;export{l as stzh_input};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as i,a as o,g as r}from"./p-c7bfac7a.js";import{h as n}from"./p-16706623.js";import{S as h}from"./p-fc692303.js";import"./p-9b063923.js";const e=".sc-stzh-input-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-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::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-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(--stzh-input-hover-border-color, var(--stzh-color-secondary50));--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-button-right-color:var(--stzh-color-primary70);--text-selection-background-color:var(--stzh-color-secondary30);width:100%}[type=hidden].sc-stzh-input-h{position:absolute;top:-624.9375rem;left:-624.9375rem;visibility:hidden}[size=small].sc-stzh-input-h{--height:var(--stzh-form-input-small-height)}[is-filled].sc-stzh-input-h:not([is-filled=false]){--button-right-color:var(--stzh-color-primary70);--hover-button-right-color:var(--stzh-color-primary70);--focus-button-right-color:var(--stzh-color-black)}[is-invalid].sc-stzh-input-h{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--button-right-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-button-right-color:var(--stzh-color-error60)}[readonly].sc-stzh-input-h:not([readonly=false]),[disabled].sc-stzh-input-h:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-button-right-color:var(--stzh-color-grey70);--focus-color:var(--stzh-color-grey70);--focus-border-color:var(--stzh-color-grey70);--focus-background-color:var(--stzh-color-grey10);--focus-button-right-color:var(--stzh-color-grey70)}.sc-stzh-input-h:is(:has(.stzh-input__input:hover)){--button-right-color:var(--hover-button-right-color)}.sc-stzh-input-h:is(:has(.stzh-input__input:focus)){--button-right-color:var(--focus-button-right-color)}.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0px;right:0px}.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-popover{display:block}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.stzh-input__button-right.sc-stzh-input,.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false]){--color:var(--button-right-color);--background-color:transparent;--border-color:transparent;--hover-color:var(--button-right-color);--hover-background-color:transparent;--hover-border-color:transparent}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.stzh-input__button-right[size=default][icon-only].sc-stzh-input:not([icon-only=false]){--icon-size:var(--stzh-icon-size-medium)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-input__marker-text.sc-stzh-input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-input__description-wrapper.sc-stzh-input{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error60)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-input__description-long.sc-stzh-input{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-input__description-long.sc-stzh-input{margin-top:0}}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-button.sc-stzh-input{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxxsmall)}.stzh-input.sc-stzh-input .sc-stzh-input::selection{background:var(--text-selection-background-color)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:flex;width:var(--input-width)}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.125rem solid var(--border-color);transition-property:color, border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);margin:0;width:100%;color:var(--color);background-color:var(--background-color);appearance:none;text-align:var(--text-align)}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:hover{color:var(--hover-color);border-color:var(--hover-border-color);background-color:var(--hover-background-color)}.stzh-input__input.sc-stzh-input:focus{color:var(--focus-color);border-color:var(--focus-border-color);background-color:var(--focus-background-color)}.stzh-input__input.sc-stzh-input:-webkit-autofill{background-clip:text}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:var(--label-color);width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-input__label.no-label-truncate.sc-stzh-input{text-overflow:clip;white-space:normal;overflow:visible}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__marker.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-input--type-password.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-clearable.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:var(--height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{appearance:textfield}.stzh-input--has-label-hidden.sc-stzh-input .stzh-input__label.sc-stzh-input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}";let a=0;const l=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.stzhChanged=s(this,"stzhChanged",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onClearClick=async t=>{this.value="";this.input.focus();await this.waitForNextRender();this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value});this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onTogglePasswordVisibilityClick=async()=>{this.showPassword=!this.showPassword};this.handleReset=async()=>{this.value=this.defaultValue;this.input.value=this.defaultValue};this.onInput=t=>{this.value=this.input.value;this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onChange=t=>{this.value=this.input.value;this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-input",originalEvent:t})};this.localization=undefined;this.multiline=false;this.rows=undefined;this.type="text";this.step=1;this.min=undefined;this.max=undefined;this.showSpin=false;this.readonly=false;this.disabled=false;this.clearable=false;this.hideOptional=false;this.minlength=undefined;this.maxlength=undefined;this.name=undefined;this.value="";this.defaultValue="";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.invalid=false;this.required=false;this.inputmode=undefined;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.noLabelTruncate=false;this.labelHidden=false;this.size="default";this.a11yDescribedby="";this.filled=undefined;this.showPassword=undefined}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){this.filled=t!==""}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}typeWatcher(t){const s=["text","search","password","email","url","tel","number","hidden"];if(!this.multiline&&!s.includes(t)){throw new Error(`Type ${t} not supported`)}}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,value:this.value,rows:this.rows,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.showPassword?"text":this.type,name:this.name,value:this.value,defaultValue:this.defaultValue,min:this.min,max:this.max,step:this.step,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.inputId=`stzh-input-${a++}`;this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);this.defaultValue=this.defaultValue||this.value;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"input")}}render(){var t,s;const r=n(this.element,"button-right");const e=n(this.element,"description")||!!this.description;const a=n(this.element,"description-long")||!!this.descriptionLong;const l=n(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const c={"stzh-input":true,"stzh-input--has-button-right":r||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":e,"stzh-input--has-description-long":a,"stzh-input--has-error":l,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid||l,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--is-filled":this.filled,"stzh-input--is-not-filled":!this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--is-not-clearable":!this.clearable,"stzh-input--has-label-hidden":this.labelHidden,[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(o,{"is-invalid":this.invalid||l,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus,"is-filled":this.filled},i("div",{class:c},i("label",{class:{"stzh-input__label":true,"no-label-truncate":this.noLabelTruncate},htmlFor:this.inputId},this.label?this.label:i("slot",null),!this.hideOptional&&i("span",{class:"stzh-input__marker"},i("span",{class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),this.clearable||this.type==="search"||this.type==="password"?(!this.clearable||this.disabled||this.readonly||!this.filled)&&(this.type==="search"||this.type==="password")?i("stzh-button",{class:"stzh-input__button-right",icon:this.type==="search"?"search":"view",size:this.size,iconOnly:true,onClick:this.onTogglePasswordVisibilityClick,disabled:this.disabled||this.readonly}):this.filled?i("stzh-button",{class:"stzh-input__button-right",icon:"close",size:this.size,iconOnly:true,onClick:this.onClearClick,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):i("slot",{name:"button-right"}):i("slot",{name:"button-right"})),(((s=this._error)===null||s===void 0?void 0:s.length)>0||this.description)&&i(h,{classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:a,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return r(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};l.style=e;export{l as stzh_input};
|
|
2
|
+
//# sourceMappingURL=p-94f3343e.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,c as t,h as r,F as e,a,g as h}from"./p-c7bfac7a.js";import{h as c}from"./p-ebd6dda5.js";import"./p-9b063923.js";const i=`<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">\n <rect width="10000" height="10000" fill="currentColor" />\n</svg>\n`;const l='.sc-stzh-card-searchresult-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-searchresult-h,[stzh-hidden].sc-stzh-card-searchresult-h{display:none}.sc-stzh-card-searchresult-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::before,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::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-searchresult-h .has-focus.sc-stzh-card-searchresult{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult{outline-style:none !important}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult::-moz-focus-inner{border:0 !important}.sc-stzh-card-searchresult-h{--service-background-color:var(--stzh-color-secondary30);--service-color:var(--stzh-color-primary70);--placeholder-image-color:var(--stzh-color-grey30);--grid-template-areas:"heading" "description" "meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr);display:grid}.sc-stzh-card-searchresult-h .sc-stzh-card-searchresult-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"image" "heading" "description" "meta";--grid-template-rows:repeat(3, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 600px){[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image" "description image" "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(11.25rem, min-content)}}@media screen and (max-width: 599px){[has-image][image-position=right].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image" "description description" "meta meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(6.25rem, min-content)}}.stzh-card-searchresult.sc-stzh-card-searchresult{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);position:relative;display:grid;background-color:var(--stzh-color-grey10);grid-template-areas:var(--grid-template-areas);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);color:var(--stzh-color-grey80)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__dateline.sc-stzh-card-searchresult,.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult,.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult,.stzh-card-searchresult__heading-link-text.sc-stzh-card-searchresult,.stzh-card-searchresult__description.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{z-index:1;position:relative}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-large)}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult__image.sc-stzh-card-searchresult{display:grid;grid-area:image;width:100%}.stzh-card-searchresult__image-placeholder.sc-stzh-card-searchresult{color:var(--placeholder-image-color)}.stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{grid-area:description}.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{grid-area:meta}.stzh-card-searchresult__meta.sc-stzh-card-searchresult{overflow:hidden}.stzh-card-searchresult__download.sc-stzh-card-searchresult{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall);overflow:hidden}.stzh-card-searchresult__download-button.sc-stzh-card-searchresult{align-self:flex-end;display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);color:var(--stzh-color-primary70)}.stzh-card-searchresult__download-heading.sc-stzh-card-searchresult{color:var(--stzh-color-primary70);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult,.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{z-index:2}.stzh-card-searchresult__tag.sc-stzh-card-searchresult{position:absolute;left:0;top:0}.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;right:0;background-color:var(--stzh-color-secondary30);color:var(--stzh-color-primary70);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);text-align:center}@media screen and (min-width: 600px){.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{min-width:11.25rem}}.stzh-card-searchresult__service.sc-stzh-card-searchresult{background-color:var(--service-background-color);color:var(--service-color)}.stzh-card-searchresult__dateline.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__heading.sc-stzh-card-searchresult{margin-top:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{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-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);display:block;color:var(--stzh-color-primary70);-webkit-text-decoration-line:none;text-decoration-line:none}@media screen and (min-width: 900px){.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{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-searchresult__event-infos.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black)}.stzh-card-searchresult.sc-stzh-card-searchresult:has(.stzh-card-searchresult__description:not(:empty)) .stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__description.sc-stzh-card-searchresult:empty{display:none}.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5rem;height:5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-searchresult__event-date-teaser-day.sc-stzh-card-searchresult{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-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-card-searchresult__meta-list.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall);margin-left:calc((var(--stzh-space-xsmall) + 0.0625rem) / -1)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult::before,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before,.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{z-index:10}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before{background-color:var(--stzh-color-secondary10)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__tag.sc-stzh-card-searchresult{--color:var(--stzh-color-secondary60)}.stzh-card-searchresult--has-breadcrumb.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult--has-tag.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-service.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxxlarge)}.stzh-card-searchresult--has-service.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-image.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{z-index:1;position:relative}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-default.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-small)}}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}}.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__topic.sc-stzh-card-searchresult{position:static}.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty),.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty){margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__meta.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult--hyphens.sc-stzh-card-searchresult .stzh-card-searchresult__heading.sc-stzh-card-searchresult{hyphens:auto}';const d=class{constructor(r){s(this,r);this.stzhClick=t(this,"stzhClick",7);this.handleCardClick=s=>{this.stzhClick.emit({component:"stzh-card-searchresult",originalEvent:s,href:this.href})};this.localization=undefined;this.href=undefined;this.target=undefined;this.download=undefined;this.analyticsId=undefined;this.heading="";this.headingLevel="3";this.description="";this.tag=undefined;this.topic=undefined;this.service=undefined;this.dateline=undefined;this.meta=undefined;this.breadcrumbItems=undefined;this.datalistItems=[];this.eventDateStart=undefined;this.eventDateEnd=undefined;this.eventLocation=undefined;this.placeholderImageEnabled=false;this.imagePosition="default";this.downloadHeading=undefined;this.downloadMeta=undefined;this.dateAdapter=undefined;this.hyphensEnabled=false}metaWatcher(s){if(!s){this._meta=[]}else if(typeof s==="string"){try{this._meta=JSON.parse(s)}catch(s){this._meta=[]}}else{this._meta=s}}downloadMetaWatcher(s){if(!s){this._downloadMeta=[]}else if(typeof s==="string"){try{this._downloadMeta=JSON.parse(s)}catch(s){this._downloadMeta=[]}}else{this._downloadMeta=s}}hasProperStartAndOrEndDate(s,t){return!(!!s&&s.getHours()===0&&!t)}componentDidRender(){requestAnimationFrame((()=>{var s,t;const r=this.analyticsId||((s=this.headingTextElement)===null||s===void 0?void 0:s.innerText);if(r){(t=this.headingLinkElement)===null||t===void 0?void 0:t.setAttribute("s-object-id",r)}}))}async componentWillLoad(){this.metaWatcher(this.meta);this.downloadMetaWatcher(this.downloadMeta);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-searchresult")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const s=!!this.heading||c(this.element,"heading");const t=!!this.description||c(this.element,"description");const h=c(this.element,"image");const l=this.eventDateStart&&new Date(this.eventDateStart);const d=this.eventDateEnd&&new Date(this.eventDateEnd);if(l&&!h){this.placeholderImageEnabled=true}const n=h||this.placeholderImageEnabled;const o={"stzh-card-searchresult":true,"stzh-card-searchresult--has-heading":s,"stzh-card-searchresult--has-description":t,"stzh-card-searchresult--has-description-wrapper":t||!!l||!!this.eventLocation,"stzh-card-searchresult--has-link":!!this.href,"stzh-card-searchresult--has-service":!!this.service,"stzh-card-searchresult--has-tag":!!this.tag,"stzh-card-searchresult--has-topic":!!this.topic,"stzh-card-searchresult--has-image":n,"stzh-card-searchresult--has-image-default":n&&this.imagePosition==="default","stzh-card-searchresult--has-image-right":n&&this.imagePosition==="right","stzh-card-searchresult--has-meta":this._meta.length>0,"stzh-card-searchresult--has-download":!!this.downloadHeading||this._downloadMeta.length>0,"stzh-card-searchresult--has-breadcrumb":!!this.breadcrumbItems,"stzh-card-searchresult--hyphens":this.hyphensEnabled};const z=`h${this.headingLevel}`;const u=this.href?"a":"div";return r(a,{"has-image":n},r("article",{class:o,"aria-label":this.heading,role:"listitem"},this.tag&&r("stzh-tag",{class:"stzh-card-searchresult__tag",label:this.tag,nonInteractive:true}),r("div",{class:"stzh-card-searchresult__heading-wrapper"},this.breadcrumbItems&&r("stzh-breadcrumb",{class:"stzh-card-searchresult__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&r("div",{class:"stzh-card-searchresult__dateline"},this.dateline),r(z,{class:"stzh-card-searchresult__heading"},r(u,{ref:s=>this.headingLinkElement=s,class:"stzh-card-searchresult__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},this.heading?r("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s,innerHTML:this.heading}):r("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s},r("slot",{name:"heading"}))))),r("div",{class:"stzh-card-searchresult__description-wrapper"},(l||this.eventLocation)&&r("div",{class:"stzh-card-searchresult__event-infos"},l&&r("div",{class:"stzh-card-searchresult__event-date"},r("span",null,this.dateAdapter.format(l,"dateLong")),this.hasProperStartAndOrEndDate(l,d)&&r("span",null,", ",this.dateAdapter.formatSpan(l,d,"time"))),this.eventLocation&&r("div",{class:"stzh-card-searchresult__event-location"},this.eventLocation)),r("div",{class:"stzh-card-searchresult__description"},this.description?this.description:r("slot",{name:"description"}))),r("div",{class:"stzh-card-searchresult__image"},l&&r("div",{class:"stzh-card-searchresult__event-date-teaser"},r("div",{class:"stzh-card-searchresult__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[l.getDay()]),r("div",{class:"stzh-card-searchresult__event-date-teaser-day"},l.getDate()<10&&"0",l.getDate()),r("div",{class:"stzh-card-searchresult__event-date-teaser-month"},this.localization.$globals.monthNamesShort[l.getMonth()])),this.topic&&r("div",{class:"stzh-card-searchresult__topic"},this.topic),this.service&&r("div",{class:"stzh-card-searchresult__service"},this.service),r("slot",{name:"image"}),this.placeholderImageEnabled&&!h&&r("stzh-ratio",{ratio:"21:9","ratio-small":"1:1"},r("div",{class:"stzh-card-searchresult__image-placeholder",innerHTML:i}))),(this._meta.length>0||this.datalistItems||!!this.downloadHeading||this._downloadMeta.length>0)&&r("div",{class:"stzh-card-searchresult__meta-wrapper"},this.datalistItems&&r("stzh-datalist",{class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&r("div",{class:"stzh-card-searchresult__meta"},r("div",{class:"stzh-card-searchresult__meta-list"},this._meta.map((s=>r(e,null,r("div",{class:"stzh-card-searchresult__meta-list-item"},s)))))),(!!this.downloadHeading||this._downloadMeta.length>0)&&r("div",{class:"stzh-card-searchresult__download"},r("div",{class:"stzh-card-searchresult__download-data"},this.downloadHeading&&r("div",{class:"stzh-card-searchresult__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&r("div",{class:"stzh-card-searchresult__download-meta-list"},this._downloadMeta.map((s=>r(e,null,r("div",{class:"stzh-card-searchresult__download-meta-list-item"},s)))))),r("div",{class:"stzh-card-searchresult__download-button"},r("stzh-icon",{class:"stzh-card-searchresult__download-icon",name:"download"}))))))}get element(){return h(this)}static get watchers(){return{meta:["metaWatcher"],downloadMeta:["downloadMetaWatcher"]}}};d.style=l;export{d as stzh_card_searchresult};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,c as t,h as r,F as e,a,g as h}from"./p-c7bfac7a.js";import{h as c}from"./p-16706623.js";import"./p-9b063923.js";const i=`<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">\n <rect width="10000" height="10000" fill="currentColor" />\n</svg>\n`;const l='.sc-stzh-card-searchresult-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-searchresult-h,[stzh-hidden].sc-stzh-card-searchresult-h{display:none}.sc-stzh-card-searchresult-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::before,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::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-searchresult-h .has-focus.sc-stzh-card-searchresult{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult{outline-style:none !important}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult::-moz-focus-inner{border:0 !important}.sc-stzh-card-searchresult-h{--service-background-color:var(--stzh-color-secondary30);--service-color:var(--stzh-color-primary70);--placeholder-image-color:var(--stzh-color-grey30);--grid-template-areas:"heading" "description" "meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr);display:grid}.sc-stzh-card-searchresult-h .sc-stzh-card-searchresult-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"image" "heading" "description" "meta";--grid-template-rows:repeat(3, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 600px){[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image" "description image" "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(11.25rem, min-content)}}@media screen and (max-width: 599px){[has-image][image-position=right].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image" "description description" "meta meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(6.25rem, min-content)}}.stzh-card-searchresult.sc-stzh-card-searchresult{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);position:relative;display:grid;background-color:var(--stzh-color-grey10);grid-template-areas:var(--grid-template-areas);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);color:var(--stzh-color-grey80)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__dateline.sc-stzh-card-searchresult,.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult,.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult,.stzh-card-searchresult__heading-link-text.sc-stzh-card-searchresult,.stzh-card-searchresult__description.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{z-index:1;position:relative}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-large)}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult__image.sc-stzh-card-searchresult{display:grid;grid-area:image;width:100%}.stzh-card-searchresult__image-placeholder.sc-stzh-card-searchresult{color:var(--placeholder-image-color)}.stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{grid-area:description}.stzh-card-searchresult__meta-wrapper.sc-stzh-card-searchresult{grid-area:meta}.stzh-card-searchresult__meta.sc-stzh-card-searchresult{overflow:hidden}.stzh-card-searchresult__download.sc-stzh-card-searchresult{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall);overflow:hidden}.stzh-card-searchresult__download-button.sc-stzh-card-searchresult{align-self:flex-end;display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);color:var(--stzh-color-primary70)}.stzh-card-searchresult__download-heading.sc-stzh-card-searchresult{color:var(--stzh-color-primary70);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-card-searchresult__tag.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult,.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{z-index:2}.stzh-card-searchresult__tag.sc-stzh-card-searchresult{position:absolute;left:0;top:0}.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;right:0;background-color:var(--stzh-color-secondary30);color:var(--stzh-color-primary70);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);text-align:center}@media screen and (min-width: 600px){.stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult__topic.sc-stzh-card-searchresult{min-width:11.25rem}}.stzh-card-searchresult__service.sc-stzh-card-searchresult{background-color:var(--service-background-color);color:var(--service-color)}.stzh-card-searchresult__dateline.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__heading.sc-stzh-card-searchresult{margin-top:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{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-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);display:block;color:var(--stzh-color-primary70);-webkit-text-decoration-line:none;text-decoration-line:none}@media screen and (min-width: 900px){.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{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-searchresult__event-infos.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black)}.stzh-card-searchresult.sc-stzh-card-searchresult:has(.stzh-card-searchresult__description:not(:empty)) .stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__description.sc-stzh-card-searchresult:empty{display:none}.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5rem;height:5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-searchresult__event-date-teaser-day.sc-stzh-card-searchresult{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-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-card-searchresult__meta-list.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall);margin-left:calc((var(--stzh-space-xsmall) + 0.0625rem) / -1)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult::before,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before,.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{z-index:10}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before{background-color:var(--stzh-color-secondary10)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__tag.sc-stzh-card-searchresult{--color:var(--stzh-color-secondary60)}.stzh-card-searchresult--has-breadcrumb.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult--has-tag.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-service.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxxlarge)}.stzh-card-searchresult--has-service.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-topic.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult--has-image.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{z-index:1;position:relative}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-default.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-small)}}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}}.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__service.sc-stzh-card-searchresult,.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__topic.sc-stzh-card-searchresult{position:static}.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty),.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty){margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__meta.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult--hyphens.sc-stzh-card-searchresult .stzh-card-searchresult__heading.sc-stzh-card-searchresult{hyphens:auto}';const d=class{constructor(r){s(this,r);this.stzhClick=t(this,"stzhClick",7);this.handleCardClick=s=>{this.stzhClick.emit({component:"stzh-card-searchresult",originalEvent:s,href:this.href})};this.localization=undefined;this.href=undefined;this.target=undefined;this.download=undefined;this.analyticsId=undefined;this.heading="";this.headingLevel="3";this.description="";this.tag=undefined;this.topic=undefined;this.service=undefined;this.dateline=undefined;this.meta=undefined;this.breadcrumbItems=undefined;this.datalistItems=[];this.eventDateStart=undefined;this.eventDateEnd=undefined;this.eventLocation=undefined;this.placeholderImageEnabled=false;this.imagePosition="default";this.downloadHeading=undefined;this.downloadMeta=undefined;this.dateAdapter=undefined;this.hyphensEnabled=false}metaWatcher(s){if(!s){this._meta=[]}else if(typeof s==="string"){try{this._meta=JSON.parse(s)}catch(s){this._meta=[]}}else{this._meta=s}}downloadMetaWatcher(s){if(!s){this._downloadMeta=[]}else if(typeof s==="string"){try{this._downloadMeta=JSON.parse(s)}catch(s){this._downloadMeta=[]}}else{this._downloadMeta=s}}hasProperStartAndOrEndDate(s,t){return!(!!s&&s.getHours()===0&&!t)}componentDidRender(){requestAnimationFrame((()=>{var s,t;const r=this.analyticsId||((s=this.headingTextElement)===null||s===void 0?void 0:s.innerText);if(r){(t=this.headingLinkElement)===null||t===void 0?void 0:t.setAttribute("s-object-id",r)}}))}async componentWillLoad(){this.metaWatcher(this.meta);this.downloadMetaWatcher(this.downloadMeta);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-searchresult")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const s=!!this.heading||c(this.element,"heading");const t=!!this.description||c(this.element,"description");const h=c(this.element,"image");const l=this.eventDateStart&&new Date(this.eventDateStart);const d=this.eventDateEnd&&new Date(this.eventDateEnd);if(l&&!h){this.placeholderImageEnabled=true}const n=h||this.placeholderImageEnabled;const o={"stzh-card-searchresult":true,"stzh-card-searchresult--has-heading":s,"stzh-card-searchresult--has-description":t,"stzh-card-searchresult--has-description-wrapper":t||!!l||!!this.eventLocation,"stzh-card-searchresult--has-link":!!this.href,"stzh-card-searchresult--has-service":!!this.service,"stzh-card-searchresult--has-tag":!!this.tag,"stzh-card-searchresult--has-topic":!!this.topic,"stzh-card-searchresult--has-image":n,"stzh-card-searchresult--has-image-default":n&&this.imagePosition==="default","stzh-card-searchresult--has-image-right":n&&this.imagePosition==="right","stzh-card-searchresult--has-meta":this._meta.length>0,"stzh-card-searchresult--has-download":!!this.downloadHeading||this._downloadMeta.length>0,"stzh-card-searchresult--has-breadcrumb":!!this.breadcrumbItems,"stzh-card-searchresult--hyphens":this.hyphensEnabled};const z=`h${this.headingLevel}`;const u=this.href?"a":"div";return r(a,{"has-image":n},r("article",{class:o,"aria-label":this.heading,role:"listitem"},this.tag&&r("stzh-tag",{class:"stzh-card-searchresult__tag",label:this.tag,nonInteractive:true}),r("div",{class:"stzh-card-searchresult__heading-wrapper"},this.breadcrumbItems&&r("stzh-breadcrumb",{class:"stzh-card-searchresult__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&r("div",{class:"stzh-card-searchresult__dateline"},this.dateline),r(z,{class:"stzh-card-searchresult__heading"},r(u,{ref:s=>this.headingLinkElement=s,class:"stzh-card-searchresult__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},this.heading?r("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s,innerHTML:this.heading}):r("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s},r("slot",{name:"heading"}))))),r("div",{class:"stzh-card-searchresult__description-wrapper"},(l||this.eventLocation)&&r("div",{class:"stzh-card-searchresult__event-infos"},l&&r("div",{class:"stzh-card-searchresult__event-date"},r("span",null,this.dateAdapter.format(l,"dateLong")),this.hasProperStartAndOrEndDate(l,d)&&r("span",null,", ",this.dateAdapter.formatSpan(l,d,"time"))),this.eventLocation&&r("div",{class:"stzh-card-searchresult__event-location"},this.eventLocation)),r("div",{class:"stzh-card-searchresult__description"},this.description?this.description:r("slot",{name:"description"}))),r("div",{class:"stzh-card-searchresult__image"},l&&r("div",{class:"stzh-card-searchresult__event-date-teaser"},r("div",{class:"stzh-card-searchresult__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[l.getDay()]),r("div",{class:"stzh-card-searchresult__event-date-teaser-day"},l.getDate()<10&&"0",l.getDate()),r("div",{class:"stzh-card-searchresult__event-date-teaser-month"},this.localization.$globals.monthNamesShort[l.getMonth()])),this.topic&&r("div",{class:"stzh-card-searchresult__topic"},this.topic),this.service&&r("div",{class:"stzh-card-searchresult__service"},this.service),r("slot",{name:"image"}),this.placeholderImageEnabled&&!h&&r("stzh-ratio",{ratio:"21:9","ratio-small":"1:1"},r("div",{class:"stzh-card-searchresult__image-placeholder",innerHTML:i}))),(this._meta.length>0||this.datalistItems||!!this.downloadHeading||this._downloadMeta.length>0)&&r("div",{class:"stzh-card-searchresult__meta-wrapper"},this.datalistItems&&r("stzh-datalist",{class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&r("div",{class:"stzh-card-searchresult__meta"},r("div",{class:"stzh-card-searchresult__meta-list"},this._meta.map((s=>r(e,null,r("div",{class:"stzh-card-searchresult__meta-list-item"},s)))))),(!!this.downloadHeading||this._downloadMeta.length>0)&&r("div",{class:"stzh-card-searchresult__download"},r("div",{class:"stzh-card-searchresult__download-data"},this.downloadHeading&&r("div",{class:"stzh-card-searchresult__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&r("div",{class:"stzh-card-searchresult__download-meta-list"},this._downloadMeta.map((s=>r(e,null,r("div",{class:"stzh-card-searchresult__download-meta-list-item"},s)))))),r("div",{class:"stzh-card-searchresult__download-button"},r("stzh-icon",{class:"stzh-card-searchresult__download-icon",name:"download"}))))))}get element(){return h(this)}static get watchers(){return{meta:["metaWatcher"],downloadMeta:["downloadMetaWatcher"]}}};d.style=l;export{d as stzh_card_searchresult};
|
|
2
|
+
//# sourceMappingURL=p-97ba7310.entry.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,a as e,g as n}from"./p-c7bfac7a.js";import{h as r}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,a as e,g as n}from"./p-c7bfac7a.js";import{h as r}from"./p-16706623.js";import"./p-9b063923.js";
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
@@ -29,4 +29,4 @@ import{r as t,c as s,h as i,a as e,g as n}from"./p-c7bfac7a.js";import{h as r}fr
|
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
31
|
*/}function ui(t){return di({...t,state:!0})}var ci=Symbol("@vidstack/media-provider-discovery");var fi=class extends hi{constructor(){super();this._disconnectDisposal=new G;this._logger=void 0;this.loading="visible";this._attemptingAutoplay=false;this.controllerQueue=new Yt;this._store=Ts();this._state=as(this._store);this.connectedQueue=Zt(this);this.mediaQueue=new Yt;this.screenOrientationController=new Xt(this);this.fullscreenController=new It(this,this.screenOrientationController);kt(this,"vds-media-provider-connect",{register:ci});const t=Kt(this,{target:this,threshold:0},(s=>{if(!/(visible|lazy)/.test(this.loading)){t.hostDisconnected();return}if(s[0]?.isIntersecting){this.startLoadingMedia();t.hostDisconnected()}}))}connectedCallback(){super.connectedCallback();this._logMediaEvents();window.requestAnimationFrame((()=>{if(ft(this.canLoadPoster)){this.canLoadPoster=true}}))}firstUpdated(t){super.firstUpdated(t);this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen}));if(this.canLoad||this.loading==="eager"){window?.requestAnimationFrame((()=>{this.startLoadingMedia()}))}else if(this.loading==="idle"){ps((()=>{this.startLoadingMedia()}))}}render(){return M`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store);this.mediaQueue.destroy();this._disconnectDisposal.empty();super.disconnectedCallback();ls((()=>{ls((()=>{if(!this.isConnected)this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(true);t.playing.set(false);t.seeking.set(false);t.waiting.set(false);t.fullscreen.set(false)}destroy(){if(this.isConnected)this.disconnectedCallback();this.dispatchEvent(st("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume;const i=jt(0,t,1);if(s!==i){this._setVolume(i);this.requestUpdate("volume",s)}}))}get paused(){return this._getPaused()}set paused(t){this.mediaQueue.queue("paused",(()=>{if(this.paused===t)return;try{if(!t){this.play()}else{this.pause()}this.requestUpdate("paused",!t)}catch(t){this._logger?.error("paused-change-fail",t)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;if(s!==t){this._setCurrentTime(t);this.requestUpdate("currentTime",s)}}))}get muted(){return this._getMuted()}set muted(t){this.mediaQueue.queue("muted",(()=>{const s=this.muted;if(s!==t){this._setMuted(t);this.requestUpdate("muted",s)}}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;if(s!==t){this.dispatchEvent(st("vds-poster-change",{detail:t}));this.requestUpdate("poster",s)}}get loop(){return this.state.loop}set loop(t){const s=this.loop;if(s!==t){this.dispatchEvent(st("vds-loop-change",{detail:t}));this.requestUpdate("loop",s)}}get controls(){return this.state.controls}set controls(t){const s=this.controls;if(s!==t){this.dispatchEvent(st("vds-controls-change",{detail:t}));this.requestUpdate("controls",s)}}get canLoad(){return this.state.canLoad}startLoadingMedia(){if(this.state.canPlay)return;this.dispatchEvent(st("vds-can-load"))}_throwIfNotReadyForPlayback(){if(!this.state.canPlay){throw Error(`Media is not ready - wait for \`vds-can-play\` event.`)}}async _resetPlaybackIfEnded(){if(!this.state.ended||this.state.currentTime===0)return;return this._setCurrentTime(0)}_throwIfNotVideoView(){if(this.state.viewType!=="video"){throw Error("Player is currently not in a video view.")}}async _handleMediaReady({event:t,duration:s}){if(this.state.canPlay)return;this.dispatchEvent(st("vds-can-play",{triggerEvent:t,detail:{duration:s}}));this.mediaQueue.start();await this._attemptAutoplay()}_handleCurrentSrcChange(t,s){if(this.state.currentSrc===t)return;this.mediaQueue.stop();this.dispatchEvent(st("vds-current-src-change",{detail:t,triggerEvent:s}))}get autoplay(){return this.state.autoplay}set autoplay(t){if(this.autoplay!==t){this.dispatchEvent(st("vds-autoplay-change",{detail:t}));this.requestUpdate("autoplay",!t)}this._attemptAutoplay()}get _canAttemptAutoplay(){return this.state.canPlay&&this.state.autoplay&&!this.state.started}async _attemptAutoplay(){if(!this._canAttemptAutoplay)return;this._attemptingAutoplay=true;try{await this.play();this.dispatchEvent(st("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(st("vds-autoplay-fail",{detail:{muted:this.muted,error:t}}));this.requestUpdate()}this._attemptingAutoplay=false}get controller(){return this._controller}get logLevel(){return this._controller?.logLevel??"silent"}set logLevel(t){}get idleDelay(){return this._controller?.idleDelay??0}set idleDelay(t){this.controllerQueue.queue("idle-delay",(()=>{this._controller.idleDelay=t}))}attachMediaController(t,s){this._controller=t;this._store=t._store;this._state=t.state;this.controllerQueue.start();s((()=>{this.controllerQueue.destroy();this._store=Ts();this._state=as(this._store);if(this._controller){hs(this._controller._store,this._store);this._updateMediaStoreOnDisconnect(this._controller._store)}this._controller=void 0}))}dispatchEvent(t){if(!this._controller&&t.type.startsWith("vds-")&&t.type!=="vds-destroy"){this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)}));return false}return super.dispatchEvent(t)}store(){return this._store}get state(){return this._state}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};Vs([di({type:Number})],fi.prototype,"volume",1);Vs([di({type:Boolean})],fi.prototype,"paused",1);Vs([di({type:Number})],fi.prototype,"currentTime",1);Vs([di({type:Boolean})],fi.prototype,"muted",1);Vs([di()],fi.prototype,"poster",1);Vs([di({type:Boolean})],fi.prototype,"loop",1);Vs([di({type:Boolean})],fi.prototype,"controls",1);Vs([ui()],fi.prototype,"canLoadPoster",2);Vs([di({attribute:"loading"})],fi.prototype,"loading",2);Vs([di({type:Boolean})],fi.prototype,"autoplay",1);Vs([di({attribute:"log-level"})],fi.prototype,"logLevel",1);Vs([di({attribute:"idle-delay",type:Number})],fi.prototype,"idleDelay",1);Vs([di({attribute:"fullscreen-orientation"})],fi.prototype,"fullscreenOrientation",1);var vi=class{constructor(t,s){this._host=t;this._mediaStore=s;this._idle=false;this._mediaPaused=false;this._idlingPaused=false;this._disposal=new G;this.delay=2e3;t.addController(this)}get paused(){return this._idlingPaused||this._mediaPaused}set paused(t){this._idlingPaused=t;this._handleIdleChange()}hostConnected(){this._disposal.add(this._mediaStore.paused.subscribe((t=>{this._mediaPaused=t;this._handleIdleChange()})));const t=["pointerdown","pointermove","focus","keydown"];t.forEach((t=>{const s=X(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty();this._stopIdleTimer()}_handleIdleChange(){if(this.paused){this._stopIdleTimer()}else{this._startIdleTimer()}}_startIdleTimer(){this._stopIdleTimer();this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout);this._dispatchIdleChange(false)}_dispatchIdleChange(t){if(this._idle!==t){this._host.dispatchEvent(st("vds-user-idle-change",{detail:t}));this._idle=t}}};var pi=class{constructor(t){this._host=t;this._disconnectDisposal=new G;this.providerQueue=new Yt;this.providerDisposal=new G;this._logController=void 0;this._logger=void 0;this._providerContext=ks.provide(this._host);this._mediaStoreProvider=Ds.provide(this._host);this.state=as(this._store);this._userIdleController=new vi(this._host,this._store);this._handleIdleChange=Q(this._host,"vds-user-idle-change",(t=>{this._store.userIdle.set(t.detail);this._satisfyMediaRequest("userIdle",t)}));this._pendingMediaRequests={loading:[],play:[],pause:[],volume:[],fullscreen:[],seeked:[],seeking:[],userIdle:[]};this._handleStartLoadingRequest=Q(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{if(this.state.canLoad)return;this._pendingMediaRequests.loading.push(t);this._provider.startLoadingMedia()})));this._handleMuteRequest=Q(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{if(this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=true})));this._handleUnmuteRequest=Q(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{if(!this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=false;if(this.state.volume===0){this._pendingMediaRequests.volume.push(t);this.provider.volume=.25}})));this._handlePlayRequest=Q(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{if(!this.state.paused)return;this._pendingMediaRequests.play.push(t);this.provider.paused=false})));this._handlePauseRequest=Q(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{if(this.state.paused)return;this._pendingMediaRequests.pause.push(t);this.provider.paused=true})));this._isSeekingRequestPending=false;this._handleSeekingRequest=Q(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting();this._pendingMediaRequests.seeking.push(t);this._isSeekingRequestPending=true;this._store.seeking.set(true)})));this._handleSeekRequest=Q(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{if(this.store.ended){this._isReplay=true}this._pendingMediaRequests.seeked.push(t);this._isSeekingRequestPending=false;let s=t.detail;if(this.state.duration-t.detail<.25){s=this.state.duration}this.provider.currentTime=s})));this._handleVolumeChangeRequest=Q(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;if(this.state.volume===s)return;this._pendingMediaRequests.volume.push(t);this.provider.volume=s;if(s>0&&this.state.muted){this._pendingMediaRequests.volume.push(t);this.provider.muted=false}})));this._handleEnterFullscreenRequest=Q(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.enterFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.enterFullscreen()}})));this._handleExitFullscreenRequest=Q(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(!this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.exitFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.exitFullscreen()}})));this._handleResumeIdlingRequest=Q(this._host,"vds-resume-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=false}));this._handlePauseIdlingRequest=Q(this._host,"vds-pause-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=true}));this._handleShowPosterRequest=Q(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=true})));this._handleHidePosterRequest=Q(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=false})));this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=true;this._isReplay=true;await this._provider.play()}catch(t){this._isReplay=false;this._isLooping=false}}))}));this._handleFullscreenChange=Q(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail);if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(st("vds-fullscreen-change",{detail:t.detail,triggerEvent:t}))}));this._handleFullscreenError=Q(this._host,"vds-fullscreen-error",(t=>{if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(st("vds-fullscreen-error",{detail:t.detail,triggerEvent:t}))}));this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._mediaEvents=[];this._handleSeeking=Y((t=>{this._mediaEvents.push(t);this._store.seeking.set(true);this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeking",t)}),150,{leading:true});this._fireWaiting=K((()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=true;const t=st("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t);this._store.waiting.set(true);this._store.playing.set(false);this._provider?.dispatchEvent(t);this._originalWaitingEvent=void 0;this._firingWaiting=false}),300);this._skipInitialSrcChange=true;xt(t,ci,((t,s)=>{this.attachMediaProvider(t,s)}));t.addController({hostConnected:()=>{if(!this.state.canPlay){this._host.setAttribute("aria-busy","true")}},hostDisconnected:()=>{this._clearMediaStateTracking();this._clearPendingMediaRequests();this.providerQueue.destroy();this.providerDisposal.empty();this._skipInitialSrcChange=true;this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){if(!vt(this.provider)||this.provider===t)return;this._handleMediaProviderDisconnect();this._provider=t;this._providerContext.value.set(t);hs(this._provider._store,this._store);this._attachMediaEventListeners();t.attachMediaController(this,(t=>this._disconnectDisposal.add(t)));this._flushMediaProviderConnectedQueue();s(this._handleMediaProviderDisconnect.bind(this))}_handleMediaProviderDisconnect(){if(vt(this.provider))return;this._stopWaiting();this.providerQueue.destroy();this.providerDisposal.empty();this._provider=void 0;this._providerContext.value.set(void 0);As(this._store);this._store.viewType.set("unknown")}_flushMediaProviderConnectedQueue(){this.providerQueue.start();this.providerDisposal.add((()=>{this.providerQueue.stop()}))}get store(){return this._mediaStoreProvider.value}get _store(){return this._mediaStoreProvider.value}get idleDelay(){return this._userIdleController.delay}set idleDelay(t){this._userIdleController.delay=t}_clearPendingMediaRequests(){Gt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();if(i){s.requestEvent=i;et(s,i)}}_mediaRequestEventGateway(t){t.stopPropagation();return true}_createMediaRequestHandler(t,s){return i=>{if(!this._mediaRequestEventGateway(i))return;if(this._provider){s(i);return}this.providerQueue.queue(t,(()=>{s(i)}))}}_attachMediaEventListeners(){if(!this._provider)return;const t={"vds-can-load":this._handleCanLoad,"vds-load-start":this._handleLoadStart,"vds-loaded-data":this._handleLoadedData,"vds-loaded-metadata":this._handleLoadedMetadata,"vds-can-play":this._handleCanPlay,"vds-can-play-through":this._handleCanPlayThrough,"vds-current-src-change":this._handleCurrentSrcChange,"vds-autoplay":this._handleAutoplay,"vds-autoplay-fail":this._handleAutoplayFail,"vds-loop-request":this._handleLoopRequest,"vds-play":this._handlePlay,"vds-play-fail":this._handlePlayFail,"vds-playing":this._handlePlaying,"vds-pause":this._handlePause,"vds-time-update":this._handleTimeUpdate,"vds-volume-change":this._handleVolumeChange,"vds-seeking":this._handleSeeking,"vds-seeked":this._handleSeeked,"vds-waiting":this._handleWaiting,"vds-ended":this._handleEnded,"vds-autoplay-change":this._handleAutoplayChange,"vds-error":this._handleError,"vds-fullscreen-support-change":this._handleFullscreenSupportChange,"vds-poster-change":this._handlePosterChange,"vds-loop-change":this._handleLoopChange,"vds-playsinline-change":this._handlePlaysinlineChange,"vds-controls-change":this._handleControlsChange,"vds-media-type-change":this._handleMediaTypeChange,"vds-view-type-change":this._handleViewTypeChange,"vds-duration-change":this._handleDurationChange,"vds-progress":this._handleProgress,"vds-src-change":this._handleSrcChange};for(const s of Gt(t)){const i=t[s].bind(this);this.providerDisposal.add(X(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._originalWaitingEvent=void 0;this._mediaEvents=[]}_findLastMediaEvent(t){return this._mediaEvents[this._mediaEvents.map((t=>t.type)).lastIndexOf(t)]}_handleCanLoad(t){this._store.canLoad.set(true);this._mediaEvents.push(t);this._satisfyMediaRequest("loading",t)}_updateMetadata(t){this._store.currentSrc.set(t.currentSrc);this._store.mediaType.set(t.mediaType);this._store.viewType.set(t.viewType)}_handleLoadStart(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-src-change"));et(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t);if(t.triggerEvent?.type!=="loadedmetadata"){et(t,this._findLastMediaEvent("vds-loaded-metadata"))}this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);et(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-play"));et(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){et(t,this._findLastMediaEvent("vds-play-fail"));et(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(t.detail);this._clearMediaStateTracking()}_handlePlay(t){if(this._isLooping||!this.state.paused){t.stopImmediatePropagation();return}this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-waiting"));this._satisfyMediaRequest("play",t);this._store.paused.set(false);this._store.autoplayError.set(void 0);if(this.state.ended||this._isReplay){this._isReplay=false;this._store.ended.set(false);const s=st("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}_handlePlayFail(t){this._mediaEvents.push(t);this._stopWaiting();et(t,this._findLastMediaEvent("vds-play"));this._store.paused.set(true);this._store.playing.set(false);this._satisfyMediaRequest("play",t);this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s){et(t,this._findLastMediaEvent("vds-waiting"));et(t,s)}else{et(t,this._findLastMediaEvent("vds-seeked"))}this._stopWaiting();this._clearMediaStateTracking();this._store.paused.set(false);this._store.playing.set(true);this._store.seeking.set(false);this._store.ended.set(false);if(this._isLooping){t.stopImmediatePropagation();this._isLooping=false;return}if(!this.state.started){this._store.started.set(true);this._provider?.dispatchEvent(st("vds-started",{triggerEvent:t}))}}_handlePause(t){if(this._isLooping){t.stopImmediatePropagation();return}et(t,this._findLastMediaEvent("vds-seeked"));this._satisfyMediaRequest("pause",t);this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._stopWaiting();this._clearMediaStateTracking()}_handleTimeUpdate(t){const{currentTime:s,played:i}=t.detail;this._store.currentTime.set(s);this._store.played.set(i);this._store.waiting.set(false)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume);this._store.muted.set(t.detail.muted||t.detail.volume===0);this._satisfyMediaRequest("volume",t)}_handleSeeked(t){if(this._isSeekingRequestPending){this._store.seeking.set(true);t.stopImmediatePropagation()}else if(this.state.seeking){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-waiting"));et(t,this._findLastMediaEvent("vds-seeking"));if(this.state.paused){this._stopWaiting()}this._store.seeking.set(false);if(t.detail!==this.state.duration){this._store.ended.set(false)}this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeked",t)}}_stopWaiting(){this._fireWaiting.cancel();this._store.waiting.set(false)}_handleWaiting(t){if(this._firingWaiting)return;t.stopImmediatePropagation();this._originalWaitingEvent=t;this._fireWaiting()}_handleEnded(t){if(this._isLooping){t.stopImmediatePropagation();return}this._stopWaiting();this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._store.ended.set(true);this._clearMediaStateTracking()}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){this._store.currentSrc.set(t.detail);if(this._skipInitialSrcChange){this._skipInitialSrcChange=false;return}this._clearMediaStateTracking();Fs(this._store);this._host.setAttribute("aria-busy","true")}_handleError(t){this._store.error.set(t.detail)}_handleFullscreenSupportChange(t){this._store.canFullscreen.set(t.detail)}_handlePosterChange(t){this._store.poster.set(t.detail)}_handleLoopChange(t){this._store.loop.set(t.detail)}_handlePlaysinlineChange(t){this._store.playsinline.set(t.detail)}_handleControlsChange(t){this._store.controls.set(t.detail)}_handleMediaTypeChange(t){this._store.mediaType.set(t.detail)}_handleDurationChange(t){const s=t.detail;this._store.duration.set(!isNaN(s)?s:0)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail;const e=s.length===0?0:s.end(s.length-1);const n=i.length===0?0:i.end(i.length-1);this._store.buffered.set(s);this._store.bufferedAmount.set(e);this._store.seekable.set(i);this._store.seekableAmount.set(n)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}};var gi=class{constructor(t,s,i){this._host=t;this._store=s;this._mediaProps=i;this._disposal=new G;this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){ps((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t);const e=s.subscribe((s=>{window?.requestAnimationFrame((()=>{this._handleValueChange(t,i,s)}))}));this._disposal.add(e)}}}))}_hostDisconnected(){for(const t of this._mediaProps){this._handleDisconnect(t,this._getMediaAttrName(t))}this._disposal.empty()}_getMediaAttrName(t){return _s(t)}};var mi=class extends gi{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{us(this._host,s,gt(i)||pt(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}};function _i(...t){return new mi(...t)}var zi=class extends gi{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),gt(i)||pt(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}};function yi(...t){return new zi(...t)}var bi=Symbol("@vidstack/media-discovery");var wi=class extends hi{constructor(){super();this.controller=new pi(this);this.__mediaFullscreen=false;this.__mediaIsVideoView=false;this.__mediaPlaysinline=false;this.screenOrientationController=new Xt(this);this.fullscreenController=new It(this,this.screenOrientationController);kt(this,"vds-media-connect",{register:bi});qs(this,"fullscreen",(t=>{this.__mediaFullscreen=t}));qs(this,"viewType",(t=>{this.__mediaIsVideoView=t==="video"}));qs(this,"playsinline",(t=>{this.__mediaPlaysinline=t}));this._bindMediaAttributes();this._bindMediaCSSProperties()}static get styles(){return[Hs`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){us(this,"hide-ui",this._shouldHideMediaUI());super.update(t)}render(){return M`<slot></slot>`}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){_i(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){yi(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return St&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};Vs([ui()],wi.prototype,"__mediaFullscreen",2);Vs([ui()],wi.prototype,"__mediaIsVideoView",2);Vs([ui()],wi.prototype,"__mediaPlaysinline",2);Vs([di({attribute:"fullscreen-orientation"})],wi.prototype,"fullscreenOrientation",1);ds("vds-media",wi);var xi=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;var ki=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i;function Ei(t){if(xi.test(t))return"audio";if(ki.test(t))return"video";return"unknown"}var Ci=class extends fi{constructor(){super(...arguments);this.preload="metadata";this._timeRAF=void 0;this._hasMediaElementConnected=false;this._mediaElementDisposal=new G;this._isMediaWaiting=false;this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=false;super.disconnectedCallback();this._cancelTimeUpdates()}destroy(){if(this.mediaElement){this.mediaElement.pause();this.mediaElement.src="";this.mediaElement.innerHTML="";this.mediaElement.load()}super.destroy()}_cancelTimeUpdates(){if(pt(this._timeRAF))window.cancelAnimationFrame(this._timeRAF);this._timeRAF=void 0}_requestTimeUpdates(){if(!ft(this._timeRAF))return;this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;if(this.state.currentTime!==t){this._updateCurrentTime(t)}this._timeRAF=window.requestAnimationFrame((()=>{if(ft(this._timeRAF))return;this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(st("vds-time-update",{detail:{currentTime:Math.min(t,this.mediaElement?.duration??0),played:this.mediaElement.played},triggerEvent:s}))}handleDefaultSlotChange(){this._handleMediaElementDisconnect();this._handleMediaElementConnect()}get _canMediaElementConnect(){return this.canLoad&&!vt(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=vs(this)[0];const s=t?.tagName??"";if(!/^(audio|video)$/i.test(s));this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{this._findSlottedMediaElement();if(!this._canMediaElementConnect)return;const t=this.mediaElement;if(t.hasAttribute("loop")){this.loop=true}t.removeAttribute("loop");t.removeAttribute("poster");us(t,"controls",this.controls);if(!this.state.canFullscreen&&this.fullscreenController.isSupported){this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen}))}this._attachMediaEventListeners();this._observePlaysinline();this._observeMediaSources();if(this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster){t.setAttribute("poster",this.poster)}this._startPreloadingMedia();this._hasMediaElementConnected=true;this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates();window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty();this._mediaElement=void 0}));if(this._hasMediaElementConnected&&false){this._logger?.infoGroup("Media element disconnected").labelledLog("Media Element",this.mediaElement).dispatch()}this._hasMediaElementConnected=false}startLoadingMedia(){super.startLoadingMedia();this._handleMediaElementConnect()}_startPreloadingMedia(){if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);const t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t;this._ignoreNextEmptiedEvent=t;this.mediaElement.load();setTimeout((()=>{this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}),0)}_observePlaysinline(){const t=()=>this.mediaElement.hasAttribute("playsinline");this._handlePlaysinlineChange(t());const s=new MutationObserver((()=>this._handlePlaysinlineChange(t())));s.observe(this.mediaElement,{attributeFilter:["playsinline"]});this._mediaElementDisposal.add((()=>s.disconnect()))}_handlePlaysinlineChange(t){this.dispatchEvent(st("vds-playsinline-change",{detail:t}))}_observeMediaSources(){this._handleSrcChange(this._getMediaSources());const t=new MutationObserver((()=>this._handleSrcChange(this._getMediaSources())));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:true});this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){const s=this.state.src;if(!os(s,t)){this.dispatchEvent(st("vds-src-change",{detail:t}))}}_getMediaSources(){const t=[this.mediaElement?.src,...Array.from(this.mediaElement?.querySelectorAll("source")??[]).map((t=>t.src))].filter(Boolean);return Array.from(new Set(t))}_getMediaMetadata(){return{src:this.state.src,currentSrc:this.mediaElement.currentSrc,duration:this.mediaElement.duration||0,poster:this.mediaElement.poster,mediaType:this._getMediaType(),viewType:this.state.viewType}}_attachMediaEventListeners(){if(vt(this.mediaElement))return;const t={abort:this._handleAbort,canplay:this._handleCanPlay,canplaythrough:this._handleCanPlayThrough,durationchange:this._handleDurationChange,emptied:this._handleEmptied,ended:this._handleEnded,error:this._handleError,loadeddata:this._handleLoadedData,loadedmetadata:this._handleLoadedMetadata,loadstart:this._handleLoadStart,pause:this._handlePause,play:this._handlePlay,playing:this._handlePlaying,progress:this._handleProgress,ratechange:this._handleRateChange,seeked:this._handleSeeked,seeking:this._handleSeeking,stalled:this._handleStalled,suspend:this._handleSuspend,volumechange:this._handleVolumeChange,waiting:this._handleWaiting};Gt(t).forEach((s=>{const i=t[s].bind(this);const e=X(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){if(this._ignoreNextAbortEvent)return;this.dispatchEvent(st("vds-abort",{triggerEvent:t}));this._handleCurrentSrcChange("",t)}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){if(this.state.started)return;this.dispatchEvent(st("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t);if(this.mediaElement.currentSrc===""){this._handleAbort();return}this.dispatchEvent(st("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()}))}_handleEmptied(t){if(this._ignoreNextEmptiedEvent)return;this.dispatchEvent(st("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(st("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(st("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}}));this.dispatchEvent(st("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(st("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=st("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay;this.dispatchEvent(s)}_handlePause(t){if(this.mediaElement.readyState===1&&!this._isMediaWaiting){return}this._isMediaWaiting=false;this._cancelTimeUpdates();this.dispatchEvent(st("vds-pause",{triggerEvent:t}))}_handlePlaying(t){this._isMediaWaiting=false;const s=st("vds-playing",{triggerEvent:t});this.dispatchEvent(s);this._requestTimeUpdates()}_handleDurationChange(t){if(this.mediaElement.ended){this._updateCurrentTime(this.mediaElement.duration,t)}this.dispatchEvent(st("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(st("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(st("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=st("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:t});this.dispatchEvent(s);const i=this.mediaElement.currentTime;if(Math.trunc(i)===Math.trunc(this.mediaElement.duration)&&Ut(this.mediaElement.duration)>Ut(i)){this._updateCurrentTime(this.mediaElement.duration,t);if(!this.mediaElement.ended){try{this.play()}catch(t){}}}}_handleStalled(t){this.dispatchEvent(st("vds-stalled",{triggerEvent:t}));if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(st("vds-waiting",{triggerEvent:t}))}}_handleVolumeChange(t){this.dispatchEvent(st("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(st("vds-waiting",{triggerEvent:t}))}}_handleSuspend(t){const s=st("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates();this._updateCurrentTime(this.mediaElement.duration,t);const s=st("vds-end",{triggerEvent:t});this.dispatchEvent(s);if(this.state.loop){this._handleLoop()}else{this.dispatchEvent(st("vds-ended",{triggerEvent:t}))}}_handleLoop(){const t=vt(this.controls);if(t){this.mediaElement.controls=false}this.dispatchEvent(st("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;if(!s)return;this.dispatchEvent(st("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??true}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){if(this.mediaElement.currentTime!==t){this.mediaElement.currentTime=t}}_getMuted(){return this.mediaElement?.muted??false}_setMuted(t){this.mediaElement.muted=t}async play(){try{this._throwIfNotReadyForPlayback();await this._resetPlaybackIfEnded();return this.mediaElement?.play()}catch(t){const s=st("vds-play-fail");s.autoplay=this._attemptingAutoplay;s.error=t;throw t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return Ei(this.state.currentSrc)}};Vs([di()],Ci.prototype,"preload",2);var Si=class extends Ci{static get styles(){return[Hs`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback();this.dispatchEvent(st("vds-view-type-change",{detail:"audio"}))}};ds("vds-audio",Si);var Mi=Hs`:host{display:table;contain:content;user-select:none;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var $i=class extends hi{constructor(){super();this.pressed=false;this.disabled=false;this._handleButtonClickCapture=Q(this,"click",(t=>{if(this.disabled){t.preventDefault();t.stopImmediatePropagation()}}),{capture:true});Ht(this);["pointerup","keydown"].forEach((t=>{Q(this,t,(t=>{if(this.disabled||gs(t)&&!ms(t)){return}this._handleButtonClick(t)}))}))}static get styles(){return[Mi]}static get parts(){return[]}connectedCallback(){super.connectedCallback();cs(this,"tabindex","0");cs(this,"role","button");this._updateAriaPressedAttr()}updated(t){if(t.has("pressed")){this._updateAriaPressedAttr()}}_updateAriaPressedAttr(){us(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return M`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};Vs([di({type:Boolean})],$i.prototype,"pressed",2);Vs([di({type:Boolean,reflect:true})],$i.prototype,"disabled",2);var Ti=class{constructor(t){if(t){this._target=t;this._createLogger(t);this._requests=Zt(t)}else{this._requests=new Yt}}startLoading(t){this._dispatchRequest("vds-start-loading",{triggerEvent:t})}play(t){this._dispatchRequest("vds-play-request",{triggerEvent:t})}pause(t){this._dispatchRequest("vds-pause-request",{triggerEvent:t})}mute(t){this._dispatchRequest("vds-mute-request",{triggerEvent:t})}unmute(t){this._dispatchRequest("vds-unmute-request",{triggerEvent:t})}enterFullscreen(t,s){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:s,detail:t})}exitFullscreen(t,s){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:s,detail:t})}seeking(t,s){this._dispatchRequest("vds-seeking-request",{detail:t,triggerEvent:s})}seek(t,s){this._dispatchRequest("vds-seek-request",{detail:t,triggerEvent:s})}changeVolume(t,s){this._dispatchRequest("vds-volume-change-request",{detail:t,triggerEvent:s})}resumeUserIdle(t){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:t})}pauseUserIdle(t){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:t})}showPoster(t){this._dispatchRequest("vds-show-poster-request",{triggerEvent:t})}hidePoster(t){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:t})}setTarget(t){if(this._target===t)return;this._target=t;if(t){this._createLogger(t);this._requests.start()}else{this._requests.stop()}}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=st(t,{...s,bubbles:true,composed:true});this._target?.dispatchEvent(i)}))}_createLogger(t){}};var Pi=class extends $i{constructor(){super();this._mediaRemote=new Ti(this);qs(this,"paused",(t=>{this.pressed=!t;us(this,"paused",t)}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Play")}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.pause(t)}else{this._mediaRemote.play(t)}}};ds("vds-play-button",Pi);var Fi=class extends $i{constructor(){super();this._mediaRemote=new Ti(this);this._volume=1;this._muted=false;qs(this,"volume",(t=>{this._volume=t;this._handleMutedChange()}));qs(this,"muted",(t=>{this._muted=t;this._handleMutedChange()}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||this._volume===0;this.pressed=t;us(this,"muted",t)}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.unmute(t)}else{this._mediaRemote.mute(t)}}};ds("vds-mute-button",Fi);function Ai(){const t=is(false);const s=is(false);return{value:is(50),pointerValue:is(0),min:is(0),max:is(100),dragging:t,pointing:s,interactive:es([t,s],(([t,s])=>t||s))}}var Di=ot(Ai);var qi=Hs`*{box-sizing:border-box;touch-action:none}:host{display:block;contain:layout;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var Oi=(t=>{t[t["Left"]=-1]="Left";t[t["ArrowLeft"]=-1]="ArrowLeft";t[t["Up"]=-1]="Up";t[t["ArrowUp"]=-1]="ArrowUp";t[t["Right"]=1]="Right";t[t["ArrowRight"]=1]="ArrowRight";t[t["Down"]=1]="Down";t[t["ArrowDown"]=1]="ArrowDown";return t})(Oi||{});var Li=class extends hi{constructor(){super();this._sliderStoreProvider=Di.provide(this);this.disabled=false;this.value=50;this._step=1;this._keyboardStep=1;this.shiftKeyMultiplier=5;this.customValueText=false;this._mediaRemote=new Ti(this);this._disconnectDisposal=new G;this._handlePointerEnter=Q(this,"pointerenter",(()=>{if(this.disabled)return;this.setAttribute("pointing","");this.store.pointing.set(true)}));this._handlePointerMove=Q(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handlePointerLeave=Q(this,"pointerleave",(()=>{if(this.disabled)return;this.removeAttribute("pointing");this.store.pointing.set(false)}));this._handlePointerDown=Q(this,"pointerdown",(t=>{if(this.disabled)return;this._startDragging(t);this._onDrag(t)}));this._handleKeydown=Q(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;const e=Object.keys(Oi).includes(s);if(!e)return;const n=!i?this.keyboardStep:this.keyboardStep*this.shiftKeyMultiplier;const r=Number(Oi[s]);const h=n*r;const a=(this.value+h)/this.step;const o=this.step*a;this.value=this._getClampedValue(o);this._dispatchValueChange(t)}));this._handleFillValueChange=Q(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this));this._handlePointerValueChange=Q(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this));this._onDrag=xs((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handleDocumentPointerUp=Q(this,"pointerup",(t=>{if(this.disabled||!this.isDragging)return;this._stopDragging(t)}),{target:document});this._handleDocumentTouchMove=Q(this,"touchmove",(t=>{if(this.disabled||!this.isDragging)return;t.preventDefault()}),{target:document,passive:false});this._handleDocumentPointerMove=Q(this,"pointermove",(t=>{if(this.disabled||!this.isDragging)return;this._onDrag(t)}),{target:document});this._lastDispatchedValue=this.value;this._dispatchValueChange=xs((t=>{if(this.value===this._lastDispatchedValue)return;this.dispatchEvent(st("vds-slider-value-change",{detail:this.value,triggerEvent:t}));this._lastDispatchedValue=this.value}));this._lastDispatchedPointerValue=this.pointerValue;this._dispatchPointerValueChange=xs((t=>{if(this.pointerValue===this._lastDispatchedPointerValue)return;const s=["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"];s.forEach((s=>{if(s){this.dispatchEvent(st(s,{detail:this.pointerValue,triggerEvent:t}))}}));this._lastDispatchedPointerValue=this.pointerValue}));Ht(this)}static get styles(){return[qi]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return ns(this.store.min)}set min(t){this.store.min.set(t)}get max(){return ns(this.store.max)}set max(t){this.store.max.set(t)}get step(){return this._step}set step(t){this._step=t}get keyboardStep(){return this._keyboardStep}set keyboardStep(t){this._keyboardStep=t}get isDragging(){return ns(this.store.dragging)}get fillRate(){const t=this.max-this.min,s=this.value-this.min;return t>0?s/t:0}get fillPercent(){return this.fillRate*100}get pointerValue(){return ns(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min,s=this.pointerValue-this.min;return t>0?s/t:0}get pointerPercent(){return this.pointerRate*100}connectedCallback(){super.connectedCallback();this._setupAriaAttrs();this._updateFillCSSProps();this._updatePointerCSSProps();this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{us(this,"interactive",t)})))}willUpdate(t){if(t.has("value")||t.has("min")||t.has("max")){this.value=this._getClampedValue(this.value);this.store.value.set(this.value);this._updateFillCSSProps();this._dispatchValueChange()}if(t.has("disabled")&&this.disabled){this.store.dragging.set(false);this.store.pointing.set(false);this.removeAttribute("dragging");this.removeAttribute("pointing");this.removeAttribute("interactive");us(this,"aria-disabled",this.disabled)}if(!this.customValueText){this._updateAriaValueAttrs()}super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel();this._disconnectDisposal.empty();super.disconnectedCallback()}_updateFillCSSProps(){fs(this,"fill-value",`${this.value}`);fs(this,"fill-rate",`${this.fillRate}`);fs(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){fs(this,"pointer-value",`${this.pointerValue}`);fs(this,"pointer-rate",`${this.pointerRate}`);fs(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return M`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return M`<slot></slot>`}_setupAriaAttrs(){cs(this,"role","slider");cs(this,"tabindex","0");cs(this,"aria-orientation","horizontal");cs(this,"autocomplete","off")}_updateAriaValueAttrs(){this.setAttribute("aria-valuemin",this._getValueMin());this.setAttribute("aria-valuenow",this._getValueNow());this.setAttribute("aria-valuemax",this._getValueMax());this.setAttribute("aria-valuetext",this._getValueText())}_getValueMin(){return String(this.min)}_getValueNow(){return String(this.value)}_getValueMax(){return String(this.max)}_getValueText(){return`${Rt(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(true);this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t);this.dispatchEvent(st("vds-slider-drag-start",{triggerEvent:t,detail:this.value}));this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(false);this._dispatchValueChange.cancel();this.removeAttribute("dragging");const s=this._getValueBasedOnThumbPosition(t);this.value=s;this.store.pointerValue.set(s);this._dispatchValueChange(t);this._dispatchPointerValueChange(t);this.dispatchEvent(st("vds-slider-drag-end",{triggerEvent:t,detail:this.value}));this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return jt(this.min,Rt(t,Ut(this.step)),this.max)}_getValueFromRate(t){const s=jt(0,t,1);const i=this.max-this.min;const e=i*s;const n=Math.round(e/this.step);const r=this.step*n;return this.min+r}_getValueBasedOnThumbPosition(t){const s=t.clientX;const{left:i,width:e}=this.getBoundingClientRect();const n=(s-i)/e;return this._getValueFromRate(n)}};Vs([di({type:Number})],Li.prototype,"min",1);Vs([di({type:Number})],Li.prototype,"max",1);Vs([di({reflect:true,type:Boolean})],Li.prototype,"disabled",2);Vs([di({type:Number})],Li.prototype,"value",2);Vs([di({type:Number})],Li.prototype,"step",1);Vs([di({attribute:"keyboard-step",type:Number})],Li.prototype,"keyboardStep",1);Vs([di({attribute:"shift-key-multiplier",type:Number})],Li.prototype,"shiftKeyMultiplier",2);Vs([di({type:Boolean,attribute:"custom-value-text"})],Li.prototype,"customValueText",2);var Vi=Hs``;var Ni=class extends Li{constructor(){super();this._step=.1;this.value=0;this.valueText="{currentTime} out of {duration}";this.pauseWhileDragging=false;this.seekingRequestThrottle=100;this.__mediaDuration=0;this.__mediaPaused=true;this._handleSliderDragStart=Q(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)}));this._handleSliderValueChange=Q(this,"vds-slider-value-change",(t=>{if(gs(t.originEvent)){this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t)}}));this._handleSliderDragValueChange=Q(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)}));this._handleSliderDragEnd=Q(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t);this._togglePlaybackWhileDragging(t)}));this._dispatchSeekingRequest=Y((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle);this._wasPlayingBeforeDragStart=false;qs(this,"currentTime",(t=>{this.value=t}));qs(this,"duration",(t=>{this.__mediaDuration=t;this.requestUpdate("max")}));qs(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Vi]}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){if(t.has("disabled")&&this.disabled){this._dispatchSeekingRequest.cancel()}super.update(t)}disconnectedCallback(){this._dispatchSeekingRequest.cancel();super.disconnectedCallback()}_getValueMin(){return"0%"}_getValueNow(){return`${Math.round(this.fillPercent)}%`}_getValueText(){return this.valueText.replace("{currentTime}",ws(this.value)).replace("{duration}",ws(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){if(!this.pauseWhileDragging)return;if(this.isDragging&&!this.__mediaPaused){this._wasPlayingBeforeDragStart=true;this._mediaRemote.pause(t)}else if(this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused){this._wasPlayingBeforeDragStart=false;this._mediaRemote.play(t)}}};Vs([di({attribute:false,state:true})],Ni.prototype,"value",2);Vs([di({attribute:false})],Ni.prototype,"min",1);Vs([di({attribute:false})],Ni.prototype,"max",1);Vs([di({attribute:"value-text"})],Ni.prototype,"valueText",2);Vs([di({attribute:"pause-while-dragging",type:Boolean})],Ni.prototype,"pauseWhileDragging",2);Vs([di({attribute:"seeking-request-throttle",type:Number})],Ni.prototype,"seekingRequestThrottle",2);Vs([ui()],Ni.prototype,"__mediaDuration",2);Vs([ui()],Ni.prototype,"__mediaPaused",2);ds("vds-time-slider",Ni);var Ri=class extends Li{constructor(){super();this.value=100;this._handleSliderValueChange=Q(this,"vds-slider-value-change",this._changeVolume.bind(this));this._handleSliderDragValueChange=Q(this,"vds-slider-drag-value-change",this._changeVolume.bind(this));qs(this,"volume",(t=>{this.value=t*100}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=t.detail;const i=Rt(s/100,3);this._mediaRemote.changeVolume(i,t)}};Vs([di({attribute:false})],Ri.prototype,"min",1);Vs([di({attribute:false})],Ri.prototype,"max",1);Vs([di({attribute:false,state:true})],Ri.prototype,"value",2);ds("vds-volume-slider",Ri);var ji=class extends hi{constructor(){super(...arguments);this._disposal=new G;this._sliderStoreConsumer=Di.consume(this);this.__value=0;this.type="current";this.showHours=false;this.padHours=false;this.decimalPlaces=2}static get styles(){return[Hs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("format")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return M`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore[this.type==="current"?"value":"pointerValue"];const s=this.format==="percent"?this._createPercentStore(t):t;const i=s.subscribe((t=>{this.__value=t}));this._disposal.add(i)}_createPercentStore(t){return es([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>{const e=i-s;return t/e*100}))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${Rt(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return bs(this.__value,this.padHours,this.showHours)}};Vs([ui()],ji.prototype,"__value",2);Vs([di()],ji.prototype,"type",2);Vs([di()],ji.prototype,"format",2);Vs([di({attribute:"show-hours",type:Boolean})],ji.prototype,"showHours",2);Vs([di({attribute:"pad-hours",type:Boolean})],ji.prototype,"padHours",2);Vs([di({attribute:"decimal-places",type:Number})],ji.prototype,"decimalPlaces",2);ds("vds-slider-value-text",ji);var Ui=class extends hi{constructor(){super(...arguments);this._disposal=new G;this._mediaStoreConsumer=Ds.consume(this);this.__seconds=0;this.type="current";this.showHours=false;this.padHours=false;this.remainder=false}static get styles(){return[Hs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("remainder")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return M`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore();const s=(this.remainder?this._createRemainderStore(t):t).subscribe((t=>{this.__seconds=t}));this._disposal.add(s)}_getTypeStore(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}}_createRemainderStore(t){return es([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return bs(this.__seconds,this.padHours,this.showHours)}};Vs([ui()],Ui.prototype,"__seconds",2);Vs([di()],Ui.prototype,"type",2);Vs([di({attribute:"show-hours",type:Boolean})],Ui.prototype,"showHours",2);Vs([di({attribute:"pad-hours",type:Boolean})],Ui.prototype,"padHours",2);Vs([di({type:Boolean})],Ui.prototype,"remainder",2);ds("vds-time",Ui);const Ii='.sc-stzh-audio-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-audio-h,[stzh-hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::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-audio-h .has-focus.sc-stzh-audio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio{outline-style:none !important}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio::-moz-focus-inner{border:0 !important}.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript]{margin:0}.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-medium);content:" ";display:block}@media screen and (min-width: 600px){.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xxlarge)}}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-large);position:relative;display:flex;flex-direction:column;background-color:var(--stzh-color-grey20)}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-small)}}.stzh-audio__controls-top.sc-stzh-audio,.stzh-audio__controls-bottom.sc-stzh-audio,.stzh-audio__controls-bottom-left.sc-stzh-audio,.stzh-audio__controls-bottom-right.sc-stzh-audio{display:flex;align-items:center}.stzh-audio__controls-top.sc-stzh-audio{margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:flex;flex-direction:column;align-items:stretch}@media screen and (min-width: 600px){.stzh-audio__controls-bottom.sc-stzh-audio{flex-direction:row;align-items:center}}.stzh-audio__controls-bottom-left.sc-stzh-audio{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-audio__controls-bottom-left.sc-stzh-audio{flex-grow:1;margin-bottom:0}}.stzh-audio__controls-bottom-right.sc-stzh-audio{align-self:flex-end}.stzh-audio__transcript.sc-stzh-audio{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);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);background-color:var(--stzh-color-grey10)}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-audio__button.sc-stzh-audio{width:2.75rem;height:2.75rem;display:grid;place-items:center;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;color:var(--stzh-color-primary70)}.stzh-audio__button.is-play.sc-stzh-audio,.stzh-audio__button.is-mute.sc-stzh-audio,.stzh-audio__button.is-transcript.sc-stzh-audio{margin-right:var(--stzh-space-xsmall)}.stzh-audio__button.is-mute.sc-stzh-audio{margin-left:auto}@media screen and (min-width: 600px){.stzh-audio__button.is-mute.sc-stzh-audio{margin-left:0px}}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-audio__loader-overlay.sc-stzh-audio{display:grid;place-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--stzh-color-white);opacity:0;visibility:hidden}.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey70);display:inline-flex;margin-right:var(--stzh-space-xlarge)}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1rem;--thumb-width:1rem;--track-height:0.375rem;cursor:pointer;display:flex;align-items:center;height:var(--height)}.stzh-audio__slider.is-time.sc-stzh-audio{flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{--track-height:0.25rem;flex-grow:1;min-width:5rem;max-width:7.5rem}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:flex;margin-right:auto}}.stzh-audio__slider-track.sc-stzh-audio{width:100%;height:var(--track-height);position:absolute;top:50%;left:0;z-index:0;transform:translateY(-50%);background-color:var(--stzh-color-black20op);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black30op)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary40);transform-origin:left center;transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary50)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black20op)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.is-fill.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-black50op)}.stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;transform:translateX(-50%);z-index:2}.stzh-audio__slider-thumb-container.is-shown.sc-stzh-audio{opacity:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1;left:var(--vds-pointer-percent)}.stzh-audio__slider-thumb.sc-stzh-audio{position:absolute;top:50%;left:0;width:var(--thumb-width);height:var(--thumb-width);border-radius:50%;background-color:var(--stzh-color-white);border:0.125rem solid var(--stzh-color-primary70);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp));display:grid;place-items:center;position:absolute;width:auto;width:--width;top:var(--top);left:var(--left);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-coolgrey60);color:var(--stzh-color-white)}@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-audio__media-preview-container.sc-stzh-audio{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}.stzh-audio__slider.is-time.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{width:auto;padding:var(--stzh-space-xxsmall)}.stzh-audio__slider[pointing].sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{opacity:1}.stzh-audio__slider-text.sc-stzh-audio{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}';const Bi=class{constructor(i){t(this,i);this.stzhPlay=s(this,"stzhPlay",7);this.stzhPlaying=s(this,"stzhPlaying",7);this.stzhPause=s(this,"stzhPause",7);this.stzhReplay=s(this,"stzhReplay",7);this.stzhEnd=s(this,"stzhEnd",7);this.stzhEnded=s(this,"stzhEnded",7);this.stzhError=s(this,"stzhError",7);this.localization=undefined;this.src="";this.preload="none";this.transcript="";this.transcriptShown=false;this.downloadAnalyticsId=undefined;this.transcriptAnalyticsId=undefined}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"audio")}}render(){const t=!!this.transcript||r(this.element,"transcript");const s={"stzh-audio":true};return i(e,null,i("vds-media",{class:s},i("vds-audio",{class:"stzh-audio__audio",ref:t=>this.vsdAudioElement=t,"onVds-play":()=>{this.stzhPlay.emit({component:"stzh-audio"})},"onVds-playing":()=>{this.stzhPlaying.emit({component:"stzh-audio"})},"onVds-end":()=>{this.stzhEnd.emit({component:"stzh-audio"})},"onVds-ended":()=>{this.stzhEnded.emit({component:"stzh-audio"})},"onVds-replay":()=>{this.stzhReplay.emit({component:"stzh-audio"})},"onVds-error":t=>{this.stzhError.emit({component:"stzh-audio",originalEvent:t})}},i("audio",{preload:this.preload,src:this.src},i("slot",null))),i("div",{class:"stzh-audio__controls"},i("div",{class:"stzh-audio__loader-overlay"},i("stzh-loader",{class:"stzh-audio__loader",label:this.localization.loading,"hide-label":true})),i("div",{class:"stzh-audio__controls-top"},i("vds-time-slider",{class:"stzh-audio__slider is-time"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{class:"stzh-audio__controls-bottom"},i("div",{class:"stzh-audio__controls-bottom-left"},i("stzh-tooltip",null,i("vds-play-button",{class:"stzh-audio__button is-play"},i("stzh-icon",{class:"stzh-audio__played",name:"play"}),i("stzh-icon",{class:"stzh-audio__paused",name:"pause"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__played"},this.localization.play),i("span",{class:"stzh-audio__paused"},this.localization.pause))),i("div",{class:"stzh-audio__time"},i("vds-time",{type:"current"}),i("span",{class:"stzh-audio__time-separator"},"/"),i("vds-time",{type:"duration"})),i("stzh-tooltip",null,i("vds-mute-button",{class:"stzh-audio__button is-mute"},i("stzh-icon",{class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__muted"},this.localization.mute),i("span",{class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{class:"stzh-audio__slider is-volume"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container is-shown"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"percent"})))),i("div",{class:"stzh-audio__controls-bottom-right"},t&&i("stzh-tooltip",{content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{class:{"stzh-audio__button is-transcript":true,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown,"s-object-id":this.transcriptAnalyticsId||(this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript)},i("stzh-icon",{name:"transcript"}))),i("stzh-tooltip",{content:this.localization.download},i("a",{class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},i("stzh-icon",{name:"download"})))))),i("div",{class:"stzh-audio__transcript",hidden:!this.transcriptShown},this.transcript?this.transcript:i("slot",{name:"transcript"}))))}get element(){return n(this)}};Bi.style=Ii;export{Bi as stzh_audio};
|
|
32
|
-
//# sourceMappingURL=p-
|
|
32
|
+
//# sourceMappingURL=p-97eff793.entry.js.map
|