@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 e,h as t,a,g as h}from"./p-c7bfac7a.js";import{s,h as i}from"./p-ebd6dda5.js";import{m as o,a as m,r as g}from"./p-10e2901a.js";import"./p-9b063923.js";const l='.sc-stzh-pagetitle-home-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pagetitle-home-h,[stzh-hidden].sc-stzh-pagetitle-home-h{display:none}.sc-stzh-pagetitle-home-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::before,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pagetitle-home-h .has-focus.sc-stzh-pagetitle-home{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home{outline-style:none !important}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-secondary50))}.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white));--hover-color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-lemonyellow50))}.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.stzh-pagetitle-home.sc-stzh-pagetitle-home{position:relative;padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle-home__image-wrapper.sc-stzh-pagetitle-home{position:relative}.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{position:absolute;background:linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{background:linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{left:calc((100vw - 84.25rem) / 2)}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home:before{content:"";position:absolute;background:rgba(0, 0, 0, 0.5);top:0;right:calc((100vw - 84.25rem) / 2 + 84.25rem - var(--stzh-scrollbar-width, 0px));bottom:0;left:calc((100vw - 84.25rem) / 2 * -1 - var(--stzh-scrollbar-width, 0px));z-index:1}}.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{flex-direction:row}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle-home__readspeaker.sc-stzh-pagetitle-home{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home{--stzh-base-lead-color:var(--stzh-heading-color)}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 10}}.stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{--max-height:42.5rem;--overflow:hidden}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{display:none}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home{padding-bottom:0}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__container.sc-stzh-pagetitle-home{position:absolute;top:0;right:0;left:0;z-index:1}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home--hyphens.sc-stzh-pagetitle-home .stzh-pagetitle-home__heading.sc-stzh-pagetitle-home{hyphens:auto}';const p=class{constructor(t){e(this,t);this.mediaChangeHandler=()=>{this.isSmall=o("small").matches};this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelector('stzh-text[slot="subheading"], [slot="subheading"] stzh-text');const a=this.element.querySelector('[slot="readspeaker"] stzh-button');if(e){s(e,{curve:"h1home",level:"1"})}if(a){s(a,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}if(t){s(t,{curve:"hero",lead:true})}};this.hyphensEnabled=false;this.isSmall=undefined}componentDidRender(){}connectedCallback(){this.init();this.mediaChangeHandler();m(this.mediaChangeHandler)}disconnectedCallback(){g(this.mediaChangeHandler)}render(){const e=i(this.element,"image");const h=i(this.element,"subheading");const s=i(this.element,"readspeaker");const o={"stzh-pagetitle-home":true,"stzh-pagetitle-home--has-image":e,"stzh-pagetitle-home--has-no-image":!e,"stzh-pagetitle-home--has-subheading":h,"stzh-pagetitle-home--hyphens":this.hyphensEnabled,"stzh-pagetitle-home--has-meta":s};return t(a,{"has-image":e},t("div",{class:o},t("div",{class:"stzh-pagetitle-home__image-wrapper"},t("stzh-ratio",{ratio:"1:1",ratioSmall:"16:9",ratioMedium:"2:1",ratioLarge:"21:9",class:"stzh-pagetitle-home__ratio"}),t("div",{class:"stzh-pagetitle-home__image-gradient"}),t("div",{class:"stzh-pagetitle-home__image-inner-wrapper"},t("slot",{name:"image"}))),t("div",{class:"stzh-pagetitle-home__container"},t("div",{class:"stzh-pagetitle-home__wrapper"},t("div",{class:"stzh-pagetitle-home__text"},t("div",{class:"stzh-pagetitle-home__meta"},t("div",{class:"stzh-pagetitle-home__readspeaker"},t("slot",{name:"readspeaker"}))),t("div",{class:"stzh-pagetitle-home__heading"},t("slot",{name:"heading"})),t("div",{class:"stzh-pagetitle-home__subheading"},t("slot",{name:"subheading"})))))))}get element(){return h(this)}};p.style=l;export{p as stzh_pagetitle_home};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t,a,g as h}from"./p-c7bfac7a.js";import{s,h as i}from"./p-16706623.js";import{m as o,a as m,r as g}from"./p-10e2901a.js";import"./p-9b063923.js";const l='.sc-stzh-pagetitle-home-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pagetitle-home-h,[stzh-hidden].sc-stzh-pagetitle-home-h{display:none}.sc-stzh-pagetitle-home-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::before,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pagetitle-home-h .has-focus.sc-stzh-pagetitle-home{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home{outline-style:none !important}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-secondary50))}.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white));--hover-color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-lemonyellow50))}.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.stzh-pagetitle-home.sc-stzh-pagetitle-home{position:relative;padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle-home__image-wrapper.sc-stzh-pagetitle-home{position:relative}.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{position:absolute;background:linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{background:linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{left:calc((100vw - 84.25rem) / 2)}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home:before{content:"";position:absolute;background:rgba(0, 0, 0, 0.5);top:0;right:calc((100vw - 84.25rem) / 2 + 84.25rem - var(--stzh-scrollbar-width, 0px));bottom:0;left:calc((100vw - 84.25rem) / 2 * -1 - var(--stzh-scrollbar-width, 0px));z-index:1}}.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{flex-direction:row}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle-home__readspeaker.sc-stzh-pagetitle-home{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home{--stzh-base-lead-color:var(--stzh-heading-color)}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 10}}.stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{--max-height:42.5rem;--overflow:hidden}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{display:none}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home{padding-bottom:0}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__container.sc-stzh-pagetitle-home{position:absolute;top:0;right:0;left:0;z-index:1}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home--hyphens.sc-stzh-pagetitle-home .stzh-pagetitle-home__heading.sc-stzh-pagetitle-home{hyphens:auto}';const p=class{constructor(t){e(this,t);this.mediaChangeHandler=()=>{this.isSmall=o("small").matches};this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelector('stzh-text[slot="subheading"], [slot="subheading"] stzh-text');const a=this.element.querySelector('[slot="readspeaker"] stzh-button');if(e){s(e,{curve:"h1home",level:"1"})}if(a){s(a,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}if(t){s(t,{curve:"hero",lead:true})}};this.hyphensEnabled=false;this.isSmall=undefined}componentDidRender(){}connectedCallback(){this.init();this.mediaChangeHandler();m(this.mediaChangeHandler)}disconnectedCallback(){g(this.mediaChangeHandler)}render(){const e=i(this.element,"image");const h=i(this.element,"subheading");const s=i(this.element,"readspeaker");const o={"stzh-pagetitle-home":true,"stzh-pagetitle-home--has-image":e,"stzh-pagetitle-home--has-no-image":!e,"stzh-pagetitle-home--has-subheading":h,"stzh-pagetitle-home--hyphens":this.hyphensEnabled,"stzh-pagetitle-home--has-meta":s};return t(a,{"has-image":e},t("div",{class:o},t("div",{class:"stzh-pagetitle-home__image-wrapper"},t("stzh-ratio",{ratio:"1:1",ratioSmall:"16:9",ratioMedium:"2:1",ratioLarge:"21:9",class:"stzh-pagetitle-home__ratio"}),t("div",{class:"stzh-pagetitle-home__image-gradient"}),t("div",{class:"stzh-pagetitle-home__image-inner-wrapper"},t("slot",{name:"image"}))),t("div",{class:"stzh-pagetitle-home__container"},t("div",{class:"stzh-pagetitle-home__wrapper"},t("div",{class:"stzh-pagetitle-home__text"},t("div",{class:"stzh-pagetitle-home__meta"},t("div",{class:"stzh-pagetitle-home__readspeaker"},t("slot",{name:"readspeaker"}))),t("div",{class:"stzh-pagetitle-home__heading"},t("slot",{name:"heading"})),t("div",{class:"stzh-pagetitle-home__subheading"},t("slot",{name:"subheading"})))))))}get element(){return h(this)}};p.style=l;export{p as stzh_pagetitle_home};
|
|
2
|
+
//# sourceMappingURL=p-19afc465.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,f as a,a as i,g as s}from"./p-c7bfac7a.js";import{h as n,s as r}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,f as a,a as i,g as s}from"./p-c7bfac7a.js";import{h as n,s as r}from"./p-16706623.js";import"./p-9b063923.js";const g=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n --stzh-textandimage-grid-template-areas,\n "text text text text" "image image image image"\n );--grid-template-columns:var(\n --stzh-textandimage-grid-template-columns,\n repeat(4, minmax(0, 1fr))\n )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n --stzh-textandimage-grid-template-areas,\n "text text text text image image image image"\n );--grid-template-columns:var(\n --stzh-textandimage-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n --stzh-textandimage-grid-template-areas-image-left,\n "image image image image text text text text"\n )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n --stzh-textandimage-small-grid-template-areas,\n "text text text text text image image image"\n )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n --stzh-textandimage-small-grid-template-areas,\n "image image image text text text text text"\n )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n --stzh-textandimage-large-grid-template-areas,\n "text text text ." "image image image image"\n )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n --stzh-textandimage-large-grid-template-areas,\n "text text text text text . . ." "image image image image image image image image"\n )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n --stzh-textandimage-large-grid-template-areas,\n "text text text text text text . ." "image image image image image image image image"\n )}}:host([single]:not([single=false])){--grid-template-areas:var(\n --stzh-textandimage-single-grid-template-areas,\n "text text text text"\n )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n --stzh-textandimage-single-grid-template-areas,\n "text text text ."\n )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n --stzh-textandimage-single-grid-template-areas,\n "text text text text text text . ."\n )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}';const m=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=n(this.element,"left");const i=n(this.element,"right");if(this.size==="large"||!(a&&i)){t.forEach((t=>{r(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{r(t,{variant:"single"})}))};this.size="default";this.imagePosition="right"}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const r=!(t&&s);const g={"stzh-textandimage":true,"stzh-textandimage--is-single-left":r&&t,"stzh-textandimage--is-single-right":r&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size,[`stzh-textandimage--image-position-${this.imagePosition}`]:!!this.imagePosition};return e(i,{single:r,"image-position":this.imagePosition},e("div",{class:g},e("div",{class:"stzh-textandimage__left"},e("slot",{name:"left",onSlotchange:()=>a(this.element)})),e("div",{class:"stzh-textandimage__right"},e("slot",{name:"right",onSlotchange:()=>a(this.element)}))))}get element(){return s(this)}};m.style=g;export{m as stzh_textandimage};
|
|
2
|
+
//# sourceMappingURL=p-20e5bfdc.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const t="@oiz/stzh-components";const n="3.8.
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
const t="@oiz/stzh-components";const n="3.8.2";const o=t.substring(t.indexOf("/")+1);const e=t=>{const n=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const t=document.querySelector(document.location.hash);if(t){t.scrollIntoView()}}};function s(){window.addEventListener("appload",e)}function i(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.format(t,n)}function r(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parse(t,n)}function c(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:e,$globals:s}=window.stzhComponents.translations;const i=f(e,s);return i.formatSpan(t,n,o)}function l(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parseSpan(t,n)}function f(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let e=o.getDate().toString(10);let s=e;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){s=`0${s}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,e).replace(/\{d\}/g,s).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const e=function(t,n){if(!n){return}const o=new RegExp(t);const e=n.match(o);if(e){const{groups:t}=e;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const s=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(s)&&(s<1||s>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(s)?s:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const s={format:function(n,e="datetime"){const s={...t[e],...window.stzhComponents?.formats[e]||{}};if(typeof s.format==="string"){return o(s.format,n)}else{return s.format(n)}},parse:function(n,o="datetime"){const s={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof s.parse==="string"){return e(s.parse,n)}else{return s.parse(n)}},formatSpan:function(t,o,e="datetime"){let s=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){s=this.format(t,e)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,e)}let a=n.dateRange;if(e.startsWith("time")){a=n.timeRange}return s+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let e=n.dateRange;if(o.startsWith("time")){e=n.timeRange}const s=t.split(e);const i=this.parse(s[0],o);const a=this.parse(s[1],o);return[i,a,e]}};return s}function u(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function d(t,n){const o=u(t);const e=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&e&&Object.keys(e).length>0){return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const e=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(e));return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const w=Object.freeze({__proto__:null,format:a,parse:r,formatSpan:c,parseSpan:l,createFormatParseAdapter:f,getLocale:u,fetchTranslations:d});function m(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:w});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=d(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}s();i()}const g=m;export{g};
|
|
2
|
+
//# sourceMappingURL=p-247de09a.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,c as t,h as i,a as e,g as a}from"./p-c7bfac7a.js";import{i as h}from"./p-ebd6dda5.js";import{a as r,r as o,m as c}from"./p-10e2901a.js";import"./p-9b063923.js";const l=".sc-stzh-carousel-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-carousel-h,[stzh-hidden].sc-stzh-carousel-h{display:none}.sc-stzh-carousel-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::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-carousel-h .has-focus.sc-stzh-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel{outline-style:none !important}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-carousel-h{--gutter:var(--stzh-space-medium);--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-in:calc(var(--stzh-space-medium) + var(--stzh-space-medium));--padding-top:0px;--padding-bottom:0px;--snap-stop:always;--slides:1;--slide-size:calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides))}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-in:calc(var(--stzh-space-xxxlarge) + var(--stzh-space-xlarge))}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--peek-in:calc(var(--stzh-space-big) + var(--stzh-space-xxlarge))}}.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:100%;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop);transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-carousel-h .sc-stzh-carousel-s>*:where([inert]){opacity:0.5}.sc-stzh-carousel-h .sc-stzh-carousel-s>*:where(stzh-figure[inert]){--caption-opacity:0}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}@media print{.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{display:none}}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{position:absolute;top:50%;transform:translateY(-50%)}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-medium) + var(--stzh-space-medium)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-xxxlarge) + var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-big) + var(--stzh-space-xxlarge)) / -1)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-medium) + var(--stzh-space-medium)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-xxxlarge) + var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-big) + var(--stzh-space-xxlarge)) / -1)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xxsmall);--padding-top:0.25rem;--padding-bottom:0.25rem}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-small)}}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:4rem}}@media screen and (min-width: 1600px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:relative;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}[no-peek].sc-stzh-carousel-h:not([no-peek=false]){--peek-out:0px;--peek-in:0px}.stzh-carousel.sc-stzh-carousel{position:relative;display:flex;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{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-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-medium);margin-left:auto;margin-right:auto;position:relative;width:14.375rem;height:0.25rem;background-color:var(--stzh-color-black20op)}@media screen and (min-width: 600px){.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-xxlarge)}}.stzh-carousel__indicator-track.sc-stzh-carousel{position:absolute;background-color:var(--stzh-color-secondary50);height:0.375rem;left:0px;bottom:0px;transition-property:left, width;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}.stzh-carousel--is-non-interactive.sc-stzh-carousel{pointer-events:none;touch-action:none}";const n=window.matchMedia("(prefers-reduced-motion: reduce)");let u=0;const d=class{constructor(i){s(this,i);this.stzhSlideStart=t(this,"stzhSlideStart",7);this.stzhSlidePassed=t(this,"stzhSlidePassed",7);this.stzhSlideEnd=t(this,"stzhSlideEnd",7);this.slideScrollLeft=0;this.scrolledByAutoplay=false;this.scrollTimeoutId=null;this.lastX=null;this.startX=null;this.startScrollLeft=null;this.disableTimeoutId=null;this.stoppedDragging=false;this.onReducedMotionMediaChange=()=>{this.autoplayDisabledByMotionMedia=n.matches};this.onMouseenter=()=>{if(!this.preventAutoplayPause){this.autoplayDisabledByMouse=true}};this.onMouseleave=()=>{this.autoplayDisabledByMouse=false};this.onFocusin=()=>{if(!this.preventAutoplayPause){this.autoplayDisabledByFocus=true}};this.onFocusout=()=>{this.autoplayDisabledByFocus=false};this.onPreviousClick=()=>{this.scrollToPreviousSnapPoint()};this.onNextClick=()=>{this.scrollToNextSnapPoint()};this.onSlideResize=()=>{if(this.scrollElement){this.itemSize=this.sizingMethod()}};this.onMutation=()=>{if(!this.scrollElement){return}this.slideElements=Array.from(this.scrollElement.children);this.slideElements.forEach(((s,t)=>{s.setAttribute("role","group");s.setAttribute("aria-roledescription","slide");s.setAttribute("aria-label",this.localization.slideLabel.replace(/\{current\}/gi,(t+1).toString()).replace(/\{total\}/gi,this.slideElements.length.toString()))}));this.previousElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-previous]"));this.nextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-next]"));this.navigationTextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-navigation-text]"))};this.onScroll=()=>{if(this.scrollTimeoutId===null){const s=this.scrollElement.scrollLeft>this.slideScrollLeft?1:-1;this.scrolling=true;if(!this.scrolledByAutoplay){if(this.preventAutoplayStop){this.autoplayDisabledByScroll=true}else{this.autoplay=false}}this.stzhSlideStart.emit({component:"stzh-carousel",index:this.slide+s})}if(this.slide!==this.calculateSlide()){this.update();this.stzhSlidePassed.emit({component:"stzh-carousel",index:this.slide})}this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=window.setTimeout(this.onScrollEnd,this.scrollTimeout)};this.onScrollEnd=()=>{this.scrollTimeoutId=null;this.update();this.scrolling=false;this.scrolledByAutoplay=false;this.autoplayDisabledByScroll=false;if(this.stoppedDragging){this.stoppedDragging=false;this.scrollElement.style.removeProperty("scroll-behavior");this.scrollElement.style.removeProperty("scroll-snap-type")}if(this.tabThrough||this.variant==="cards"){this.ariaLive=""}else{this.ariaLive=(this.currentSlides>1?this.localization.slidesLabel:this.localization.slideLabel).replace(/\{(current|from)\}/gi,(this.slide+1).toString()).replace(/\{to\}/gi,(this.slide+this.currentSlides).toString()).replace(/\{total\}/gi,this.slideElements.length.toString())}this.stzhSlideEnd.emit({component:"stzh-carousel",index:this.slide})};this.onMediaChange=()=>{const s=c("ultra").matches;const t=c("large").matches;const i=c("medium").matches;const e=c("small").matches;if(s&&this.slidesUltra!==0){this.currentSlides=this.slidesUltra}else if(t&&this.slidesLarge!==0){this.currentSlides=this.slidesLarge}else if(i&&this.slidesMedium!==0){this.currentSlides=this.slidesMedium}else if(e&&this.slidesSmall!==0){this.currentSlides=this.slidesSmall}else{this.currentSlides=this.slides}this.currentSwipeSlides=this.currentSlides};this.mouseMove=s=>{const t=this.lastX-s.clientX;this.lastX=s.clientX;this.scrollElement.scrollLeft+=t};this.startDragging=s=>{s.preventDefault();this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.startX=this.lastX=s.clientX;this.startScrollLeft=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-behavior","auto");this.scrollElement.style.setProperty("scroll-snap-type","unset");this.dragging=true;if(this.preventAutoplayStop){this.autoplayDisabledByDrag=true}else{this.autoplay=false}window.addEventListener("mousemove",this.mouseMove);window.addEventListener("mouseup",this.stopDragging,{capture:true});window.addEventListener("click",this.checkClick,{capture:true})};this.stopDragging=s=>{s.preventDefault();const t=Math.abs(this.startX-this.lastX);const i=t>this.distanceQuickSwipe;const e=this.lastX>this.startX?1:-1;this.dragging=false;this.autoplayDisabledByDrag=false;const a=this.scrollElement.scrollLeft;this.scrollElement.style.removeProperty("scroll-snap-type");const h=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-snap-type","unset");this.scrollElement.scrollTo({left:a,behavior:"auto"});if(h!==this.startScrollLeft||!i){this.scrollElement.scrollTo({left:h,behavior:n.matches?"auto":"smooth"})}else if(e===1){this.slideToPrevious()}else{this.slideToNext()}window.removeEventListener("mousemove",this.mouseMove);window.removeEventListener("mouseup",this.stopDragging,{capture:true});this.stoppedDragging=true};this.checkClick=s=>{const t=Math.abs(this.startX-this.lastX);const i=t>this.distancePreventClick;if(i){s.preventDefault();s.stopPropagation()}this.lastX=null;window.removeEventListener("click",this.checkClick,{capture:true})};this.autoplayInterval=()=>{this.scrolledByAutoplay=true;if(this.hasReachedLastSlide()){this.slideTo(0)}else{this.slideToNext()}};this.localization=undefined;this.variant="default";this.disabled=false;this.noPeek=false;this.slides=1;this.slidesSmall=0;this.slidesMedium=0;this.slidesLarge=0;this.slidesUltra=0;this.slide=0;this.autoplay=false;this.autoplayTimeout=3e3;this.nonInteractive=false;this.preventMouseDrag=false;this.preventAutoplayPause=false;this.preventAutoplayStop=false;this.tabThrough=false;this.withTrack=false;this.scrollTimeout=100;this.distanceQuickSwipe=40;this.distancePreventClick=6;this.autoplayRunning=false;this.autoplayDisabledByMotionMedia=false;this.autoplayDisabledByMouse=false;this.autoplayDisabledByFocus=false;this.autoplayDisabledByScroll=false;this.autoplayDisabledByDrag=false;this.dragging=false;this.scrolling=false;this.ariaLive="";this.currentSlides=1;this.currentSwipeSlides=1;this.slideElements=[];this.previousElements=[];this.nextElements=[];this.navigationTextElements=[]}async slideTo(s,t="smooth"){this.scrollToSlide(s,t)}async slideToPrevious(s="smooth"){this.scrollToPreviousSnapPoint(s)}async slideToNext(s="smooth"){this.scrollToNextSnapPoint(s)}disabledWatcher(){if(this.disabled){this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll);this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.element.removeEventListener("mouseenter",this.onMouseenter);this.element.removeEventListener("mouseleave",this.onMouseleave);this.element.removeEventListener("focusin",this.onFocusin);this.element.removeEventListener("focusout",this.onFocusout);this.onReducedMotionMediaChange();n&&n.removeEventListener("change",this.onReducedMotionMediaChange)}else{this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:true});this.element.addEventListener("mouseenter",this.onMouseenter);this.element.addEventListener("mouseleave",this.onMouseleave);this.element.addEventListener("focusin",this.onFocusin);this.element.addEventListener("focusout",this.onFocusout);n&&n.addEventListener("change",this.onReducedMotionMediaChange)}}preventMouseDragWatcher(){if(this.preventMouseDrag||this.disabled){this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging);this.lastX=null}else{this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}}autoplayRunningWatcher(){if(!this.autoplay||this.disabled||this.autoplayDisabledByMotionMedia||this.autoplayDisabledByMouse||this.autoplayDisabledByFocus||this.autoplayDisabledByScroll||this.autoplayDisabledByDrag){this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=null;this.autoplayRunning=false}else{this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout);this.autoplayRunning=true}}snapAlignWatcher(){this.slideElements.forEach(((s,t)=>{const i=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0;if(i){s.style.removeProperty("scroll-snap-align")}else{s.style.setProperty("scroll-snap-align","none")}}))}inertWatcher(){this.slideElements.forEach(((s,t)=>{const i=this.tabThrough||this.variant==="cards"||t>=this.slide&&t<this.slide+this.currentSlides;s.inert=!i;if(i){s.removeAttribute("aria-hidden")}else{s.setAttribute("aria-hidden",i?"false":"true")}}))}prevNextNavigationWatcher(){const s=this.tabThrough||this.variant==="cards";const t=t=>{const i=h(t);if(s){t.setAttribute("aria-hidden","true");t.setAttribute(i?"a11y-tabindex":"tabindex","-1")}else{t.removeAttribute("aria-hidden");t.removeAttribute(i?"a11y-tabindex":"tabindex")}};this.nextElements.forEach(t);this.previousElements.forEach(t)}prevNextHiddenWatcher(){const s=this.slideElements.length<=this.currentSlides;const t=t=>{if(s){t.setAttribute("hidden","")}else{t.removeAttribute("hidden")}};this.navigationTextElements.forEach(t);this.nextElements.forEach(t);this.previousElements.forEach(t)}nextPrevDisabledWatcher(){if(!this.scrollElement){return}const s=this.slide===0;const t=this.hasReachedLastSlide();this.nextElements.forEach((s=>{const i=h(s);s.setAttribute(i?"a11y-disabled":"aria-disabled",t||this.disabled?"true":"false")}));this.previousElements.forEach((t=>{const i=h(t);t.setAttribute(i?"a11y-disabled":"aria-disabled",s||this.disabled?"true":"false")}))}nextElementsWatcher(){this.nextElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onNextClick);s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}previousElementsWatcher(){this.previousElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onPreviousClick);s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}scrollToSlide(s,t="smooth"){if(this.disabled){return}this.scrollElement.scrollTo({left:s*this.itemSize,behavior:n.matches?"auto":t})}sizingMethod(){const s=window.getComputedStyle(this.scrollElement);return(this.scrollElement.firstElementChild||this.scrollElement).offsetWidth+parseInt(s.getPropertyValue("column-gap"),10)}calculateSlide(){return Math.round(this.scrollElement.scrollLeft/this.itemSize)}scrollToPreviousSnapPoint(s="smooth"){if(this.disabled){return}let t=this.slide;let i=false;while(!i&&t>0){t=t-1;i=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0}this.slideTo(t,s)}scrollToNextSnapPoint(s="smooth"){if(this.disabled){return}this.slideTo(this.slide+this.currentSwipeSlides,s)}update(){this.slide=this.calculateSlide();this.slideScrollLeft=this.slide*this.itemSize;this.onMutation()}hasReachedLastSlide(){const{scrollLeft:s,offsetWidth:t,scrollWidth:i}=this.scrollElement;return Math.ceil(s+t)>=i}async componentWillLoad(){this.carouselId=`stzh-carousel-${u++}`;this.onMediaChange();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"carousel")}}componentDidLoad(){this.itemSize=this.sizingMethod();this.update();this.disabledWatcher();this.preventMouseDragWatcher();this.autoplayRunningWatcher()}connectedCallback(){r(this.onMediaChange);this.resizeObserver=new ResizeObserver(this.onSlideResize);this.resizeObserver.observe(this.element);this.mutationObserver=new MutationObserver(this.onMutation);this.mutationObserver.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;o(this.onMediaChange);if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}}render(){var s,t;const a={"stzh-carousel":true,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-non-interactive":this.nonInteractive,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning};return i(e,{"aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},i("div",{class:a},i("slot",{name:"actions"}),i("div",{class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus||this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),i("div",{ref:s=>this.scrollElement=s,id:`${this.carouselId}-scroll`,class:"stzh-carousel__scroll"},i("slot",null)),this.withTrack&&i("div",{class:"stzh-carousel__indicator"},i("div",{class:"stzh-carousel__indicator-track",style:{left:`${100/(((s=this.slideElements)===null||s===void 0?void 0:s.length)||1)*this.slide}%`,width:`${100/(((t=this.slideElements)===null||t===void 0?void 0:t.length)||1)*this.currentSlides||0}%`}}))))}get element(){return a(this)}static get watchers(){return{disabled:["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher","nextPrevDisabledWatcher"],preventMouseDrag:["preventMouseDragWatcher"],autoplay:["autoplayRunningWatcher"],autoplayDisabledByMotionMedia:["autoplayRunningWatcher"],autoplayDisabledByMouse:["autoplayRunningWatcher"],autoplayDisabledByFocus:["autoplayRunningWatcher"],autoplayDisabledByScroll:["autoplayRunningWatcher"],autoplayDisabledByDrag:["autoplayRunningWatcher"],autoplayTimeout:["autoplayRunningWatcher"],slideElements:["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],currentSwipeSlides:["snapAlignWatcher"],slide:["inertWatcher","nextPrevDisabledWatcher"],variant:["inertWatcher","prevNextNavigationWatcher"],currentSlides:["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],tabThrough:["inertWatcher","prevNextNavigationWatcher"],nextElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],previousElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],navigationTextElements:["prevNextHiddenWatcher"]}}};d.style=l;export{d as stzh_carousel};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,c as t,h as i,a as e,g as a}from"./p-c7bfac7a.js";import{i as h}from"./p-16706623.js";import{a as r,r as o,m as c}from"./p-10e2901a.js";import"./p-9b063923.js";const l=".sc-stzh-carousel-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-carousel-h,[stzh-hidden].sc-stzh-carousel-h{display:none}.sc-stzh-carousel-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::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-carousel-h .has-focus.sc-stzh-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel{outline-style:none !important}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-carousel-h{--gutter:var(--stzh-space-medium);--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-in:calc(var(--stzh-space-medium) + var(--stzh-space-medium));--padding-top:0px;--padding-bottom:0px;--snap-stop:always;--slides:1;--slide-size:calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides))}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-in:calc(var(--stzh-space-xxxlarge) + var(--stzh-space-xlarge))}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--peek-in:calc(var(--stzh-space-big) + var(--stzh-space-xxlarge))}}.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:100%;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop);transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-carousel-h .sc-stzh-carousel-s>*:where([inert]){opacity:0.5}.sc-stzh-carousel-h .sc-stzh-carousel-s>*:where(stzh-figure[inert]){--caption-opacity:0}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}@media print{.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{display:none}}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{position:absolute;top:50%;transform:translateY(-50%)}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-medium) + var(--stzh-space-medium)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-xxxlarge) + var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-big) + var(--stzh-space-xxlarge)) / -1)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-medium) + var(--stzh-space-medium)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-xxxlarge) + var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-big) + var(--stzh-space-xxlarge)) / -1)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xxsmall);--padding-top:0.25rem;--padding-bottom:0.25rem}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-small)}}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:4rem}}@media screen and (min-width: 1600px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:relative;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}[no-peek].sc-stzh-carousel-h:not([no-peek=false]){--peek-out:0px;--peek-in:0px}.stzh-carousel.sc-stzh-carousel{position:relative;display:flex;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{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-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-medium);margin-left:auto;margin-right:auto;position:relative;width:14.375rem;height:0.25rem;background-color:var(--stzh-color-black20op)}@media screen and (min-width: 600px){.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-xxlarge)}}.stzh-carousel__indicator-track.sc-stzh-carousel{position:absolute;background-color:var(--stzh-color-secondary50);height:0.375rem;left:0px;bottom:0px;transition-property:left, width;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}.stzh-carousel--is-non-interactive.sc-stzh-carousel{pointer-events:none;touch-action:none}";const n=window.matchMedia("(prefers-reduced-motion: reduce)");let u=0;const d=class{constructor(i){s(this,i);this.stzhSlideStart=t(this,"stzhSlideStart",7);this.stzhSlidePassed=t(this,"stzhSlidePassed",7);this.stzhSlideEnd=t(this,"stzhSlideEnd",7);this.slideScrollLeft=0;this.scrolledByAutoplay=false;this.scrollTimeoutId=null;this.lastX=null;this.startX=null;this.startScrollLeft=null;this.disableTimeoutId=null;this.stoppedDragging=false;this.onReducedMotionMediaChange=()=>{this.autoplayDisabledByMotionMedia=n.matches};this.onMouseenter=()=>{if(!this.preventAutoplayPause){this.autoplayDisabledByMouse=true}};this.onMouseleave=()=>{this.autoplayDisabledByMouse=false};this.onFocusin=()=>{if(!this.preventAutoplayPause){this.autoplayDisabledByFocus=true}};this.onFocusout=()=>{this.autoplayDisabledByFocus=false};this.onPreviousClick=()=>{this.scrollToPreviousSnapPoint()};this.onNextClick=()=>{this.scrollToNextSnapPoint()};this.onSlideResize=()=>{if(this.scrollElement){this.itemSize=this.sizingMethod()}};this.onMutation=()=>{if(!this.scrollElement){return}this.slideElements=Array.from(this.scrollElement.children);this.slideElements.forEach(((s,t)=>{s.setAttribute("role","group");s.setAttribute("aria-roledescription","slide");s.setAttribute("aria-label",this.localization.slideLabel.replace(/\{current\}/gi,(t+1).toString()).replace(/\{total\}/gi,this.slideElements.length.toString()))}));this.previousElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-previous]"));this.nextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-next]"));this.navigationTextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-navigation-text]"))};this.onScroll=()=>{if(this.scrollTimeoutId===null){const s=this.scrollElement.scrollLeft>this.slideScrollLeft?1:-1;this.scrolling=true;if(!this.scrolledByAutoplay){if(this.preventAutoplayStop){this.autoplayDisabledByScroll=true}else{this.autoplay=false}}this.stzhSlideStart.emit({component:"stzh-carousel",index:this.slide+s})}if(this.slide!==this.calculateSlide()){this.update();this.stzhSlidePassed.emit({component:"stzh-carousel",index:this.slide})}this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=window.setTimeout(this.onScrollEnd,this.scrollTimeout)};this.onScrollEnd=()=>{this.scrollTimeoutId=null;this.update();this.scrolling=false;this.scrolledByAutoplay=false;this.autoplayDisabledByScroll=false;if(this.stoppedDragging){this.stoppedDragging=false;this.scrollElement.style.removeProperty("scroll-behavior");this.scrollElement.style.removeProperty("scroll-snap-type")}if(this.tabThrough||this.variant==="cards"){this.ariaLive=""}else{this.ariaLive=(this.currentSlides>1?this.localization.slidesLabel:this.localization.slideLabel).replace(/\{(current|from)\}/gi,(this.slide+1).toString()).replace(/\{to\}/gi,(this.slide+this.currentSlides).toString()).replace(/\{total\}/gi,this.slideElements.length.toString())}this.stzhSlideEnd.emit({component:"stzh-carousel",index:this.slide})};this.onMediaChange=()=>{const s=c("ultra").matches;const t=c("large").matches;const i=c("medium").matches;const e=c("small").matches;if(s&&this.slidesUltra!==0){this.currentSlides=this.slidesUltra}else if(t&&this.slidesLarge!==0){this.currentSlides=this.slidesLarge}else if(i&&this.slidesMedium!==0){this.currentSlides=this.slidesMedium}else if(e&&this.slidesSmall!==0){this.currentSlides=this.slidesSmall}else{this.currentSlides=this.slides}this.currentSwipeSlides=this.currentSlides};this.mouseMove=s=>{const t=this.lastX-s.clientX;this.lastX=s.clientX;this.scrollElement.scrollLeft+=t};this.startDragging=s=>{s.preventDefault();this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.startX=this.lastX=s.clientX;this.startScrollLeft=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-behavior","auto");this.scrollElement.style.setProperty("scroll-snap-type","unset");this.dragging=true;if(this.preventAutoplayStop){this.autoplayDisabledByDrag=true}else{this.autoplay=false}window.addEventListener("mousemove",this.mouseMove);window.addEventListener("mouseup",this.stopDragging,{capture:true});window.addEventListener("click",this.checkClick,{capture:true})};this.stopDragging=s=>{s.preventDefault();const t=Math.abs(this.startX-this.lastX);const i=t>this.distanceQuickSwipe;const e=this.lastX>this.startX?1:-1;this.dragging=false;this.autoplayDisabledByDrag=false;const a=this.scrollElement.scrollLeft;this.scrollElement.style.removeProperty("scroll-snap-type");const h=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-snap-type","unset");this.scrollElement.scrollTo({left:a,behavior:"auto"});if(h!==this.startScrollLeft||!i){this.scrollElement.scrollTo({left:h,behavior:n.matches?"auto":"smooth"})}else if(e===1){this.slideToPrevious()}else{this.slideToNext()}window.removeEventListener("mousemove",this.mouseMove);window.removeEventListener("mouseup",this.stopDragging,{capture:true});this.stoppedDragging=true};this.checkClick=s=>{const t=Math.abs(this.startX-this.lastX);const i=t>this.distancePreventClick;if(i){s.preventDefault();s.stopPropagation()}this.lastX=null;window.removeEventListener("click",this.checkClick,{capture:true})};this.autoplayInterval=()=>{this.scrolledByAutoplay=true;if(this.hasReachedLastSlide()){this.slideTo(0)}else{this.slideToNext()}};this.localization=undefined;this.variant="default";this.disabled=false;this.noPeek=false;this.slides=1;this.slidesSmall=0;this.slidesMedium=0;this.slidesLarge=0;this.slidesUltra=0;this.slide=0;this.autoplay=false;this.autoplayTimeout=3e3;this.nonInteractive=false;this.preventMouseDrag=false;this.preventAutoplayPause=false;this.preventAutoplayStop=false;this.tabThrough=false;this.withTrack=false;this.scrollTimeout=100;this.distanceQuickSwipe=40;this.distancePreventClick=6;this.autoplayRunning=false;this.autoplayDisabledByMotionMedia=false;this.autoplayDisabledByMouse=false;this.autoplayDisabledByFocus=false;this.autoplayDisabledByScroll=false;this.autoplayDisabledByDrag=false;this.dragging=false;this.scrolling=false;this.ariaLive="";this.currentSlides=1;this.currentSwipeSlides=1;this.slideElements=[];this.previousElements=[];this.nextElements=[];this.navigationTextElements=[]}async slideTo(s,t="smooth"){this.scrollToSlide(s,t)}async slideToPrevious(s="smooth"){this.scrollToPreviousSnapPoint(s)}async slideToNext(s="smooth"){this.scrollToNextSnapPoint(s)}disabledWatcher(){if(this.disabled){this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll);this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.element.removeEventListener("mouseenter",this.onMouseenter);this.element.removeEventListener("mouseleave",this.onMouseleave);this.element.removeEventListener("focusin",this.onFocusin);this.element.removeEventListener("focusout",this.onFocusout);this.onReducedMotionMediaChange();n&&n.removeEventListener("change",this.onReducedMotionMediaChange)}else{this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:true});this.element.addEventListener("mouseenter",this.onMouseenter);this.element.addEventListener("mouseleave",this.onMouseleave);this.element.addEventListener("focusin",this.onFocusin);this.element.addEventListener("focusout",this.onFocusout);n&&n.addEventListener("change",this.onReducedMotionMediaChange)}}preventMouseDragWatcher(){if(this.preventMouseDrag||this.disabled){this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging);this.lastX=null}else{this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}}autoplayRunningWatcher(){if(!this.autoplay||this.disabled||this.autoplayDisabledByMotionMedia||this.autoplayDisabledByMouse||this.autoplayDisabledByFocus||this.autoplayDisabledByScroll||this.autoplayDisabledByDrag){this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=null;this.autoplayRunning=false}else{this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout);this.autoplayRunning=true}}snapAlignWatcher(){this.slideElements.forEach(((s,t)=>{const i=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0;if(i){s.style.removeProperty("scroll-snap-align")}else{s.style.setProperty("scroll-snap-align","none")}}))}inertWatcher(){this.slideElements.forEach(((s,t)=>{const i=this.tabThrough||this.variant==="cards"||t>=this.slide&&t<this.slide+this.currentSlides;s.inert=!i;if(i){s.removeAttribute("aria-hidden")}else{s.setAttribute("aria-hidden",i?"false":"true")}}))}prevNextNavigationWatcher(){const s=this.tabThrough||this.variant==="cards";const t=t=>{const i=h(t);if(s){t.setAttribute("aria-hidden","true");t.setAttribute(i?"a11y-tabindex":"tabindex","-1")}else{t.removeAttribute("aria-hidden");t.removeAttribute(i?"a11y-tabindex":"tabindex")}};this.nextElements.forEach(t);this.previousElements.forEach(t)}prevNextHiddenWatcher(){const s=this.slideElements.length<=this.currentSlides;const t=t=>{if(s){t.setAttribute("hidden","")}else{t.removeAttribute("hidden")}};this.navigationTextElements.forEach(t);this.nextElements.forEach(t);this.previousElements.forEach(t)}nextPrevDisabledWatcher(){if(!this.scrollElement){return}const s=this.slide===0;const t=this.hasReachedLastSlide();this.nextElements.forEach((s=>{const i=h(s);s.setAttribute(i?"a11y-disabled":"aria-disabled",t||this.disabled?"true":"false")}));this.previousElements.forEach((t=>{const i=h(t);t.setAttribute(i?"a11y-disabled":"aria-disabled",s||this.disabled?"true":"false")}))}nextElementsWatcher(){this.nextElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onNextClick);s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}previousElementsWatcher(){this.previousElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onPreviousClick);s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}scrollToSlide(s,t="smooth"){if(this.disabled){return}this.scrollElement.scrollTo({left:s*this.itemSize,behavior:n.matches?"auto":t})}sizingMethod(){const s=window.getComputedStyle(this.scrollElement);return(this.scrollElement.firstElementChild||this.scrollElement).offsetWidth+parseInt(s.getPropertyValue("column-gap"),10)}calculateSlide(){return Math.round(this.scrollElement.scrollLeft/this.itemSize)}scrollToPreviousSnapPoint(s="smooth"){if(this.disabled){return}let t=this.slide;let i=false;while(!i&&t>0){t=t-1;i=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0}this.slideTo(t,s)}scrollToNextSnapPoint(s="smooth"){if(this.disabled){return}this.slideTo(this.slide+this.currentSwipeSlides,s)}update(){this.slide=this.calculateSlide();this.slideScrollLeft=this.slide*this.itemSize;this.onMutation()}hasReachedLastSlide(){const{scrollLeft:s,offsetWidth:t,scrollWidth:i}=this.scrollElement;return Math.ceil(s+t)>=i}async componentWillLoad(){this.carouselId=`stzh-carousel-${u++}`;this.onMediaChange();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"carousel")}}componentDidLoad(){this.itemSize=this.sizingMethod();this.update();this.disabledWatcher();this.preventMouseDragWatcher();this.autoplayRunningWatcher()}connectedCallback(){r(this.onMediaChange);this.resizeObserver=new ResizeObserver(this.onSlideResize);this.resizeObserver.observe(this.element);this.mutationObserver=new MutationObserver(this.onMutation);this.mutationObserver.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;o(this.onMediaChange);if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}}render(){var s,t;const a={"stzh-carousel":true,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-non-interactive":this.nonInteractive,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning};return i(e,{"aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},i("div",{class:a},i("slot",{name:"actions"}),i("div",{class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus||this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),i("div",{ref:s=>this.scrollElement=s,id:`${this.carouselId}-scroll`,class:"stzh-carousel__scroll"},i("slot",null)),this.withTrack&&i("div",{class:"stzh-carousel__indicator"},i("div",{class:"stzh-carousel__indicator-track",style:{left:`${100/(((s=this.slideElements)===null||s===void 0?void 0:s.length)||1)*this.slide}%`,width:`${100/(((t=this.slideElements)===null||t===void 0?void 0:t.length)||1)*this.currentSlides||0}%`}}))))}get element(){return a(this)}static get watchers(){return{disabled:["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher","nextPrevDisabledWatcher"],preventMouseDrag:["preventMouseDragWatcher"],autoplay:["autoplayRunningWatcher"],autoplayDisabledByMotionMedia:["autoplayRunningWatcher"],autoplayDisabledByMouse:["autoplayRunningWatcher"],autoplayDisabledByFocus:["autoplayRunningWatcher"],autoplayDisabledByScroll:["autoplayRunningWatcher"],autoplayDisabledByDrag:["autoplayRunningWatcher"],autoplayTimeout:["autoplayRunningWatcher"],slideElements:["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],currentSwipeSlides:["snapAlignWatcher"],slide:["inertWatcher","nextPrevDisabledWatcher"],variant:["inertWatcher","prevNextNavigationWatcher"],currentSlides:["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],tabThrough:["inertWatcher","prevNextNavigationWatcher"],nextElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],previousElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],navigationTextElements:["prevNextHiddenWatcher"]}}};d.style=l;export{d as stzh_carousel};
|
|
2
|
+
//# sourceMappingURL=p-26a1707d.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,a,g as s}from"./p-c7bfac7a.js";import{s as n}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,a,g as s}from"./p-c7bfac7a.js";import{s as n}from"./p-16706623.js";import"./p-9b063923.js";const r='.sc-stzh-daterange-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-daterange-h,[stzh-hidden].sc-stzh-daterange-h{display:none}.sc-stzh-daterange-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-daterange-h *.sc-stzh-daterange,.sc-stzh-daterange-h *.sc-stzh-daterange::before,.sc-stzh-daterange-h *.sc-stzh-daterange::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-daterange-h .has-focus.sc-stzh-daterange{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange{outline-style:none !important}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange::-moz-focus-inner{border:0 !important}.sc-stzh-daterange-h{--grid-template-areas:var(\n --stzh-daterange-grid-template-areas,\n "datefrom datefrom datefrom datefrom"\n "dateto dateto dateto dateto"\n "links links links links"\n );--grid-template-columns:var(\n --stzh-daterange-grid-template-columns,\n repeat(4, minmax(0, 1fr))\n )}@media screen and (min-width: 600px){.sc-stzh-daterange-h{--grid-template-areas:var(\n --stzh-daterange-grid-template-areas,\n "datefrom datefrom dateto dateto"\n "links links links links"\n )}}@media screen and (min-width: 900px){.sc-stzh-daterange-h{--grid-template-areas:var(\n --stzh-daterange-grid-template-areas,\n "datefrom datefrom dateto dateto links links links links"\n );--grid-template-columns:var(\n --stzh-daterange-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n )}}.stzh-daterange.sc-stzh-daterange{--stzh-description-min-height:var(--stzh-fieldset-description-min-height);column-gap:var(--stzh-grid-gutter);display:grid;align-items:center;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);align-items:start;border:none;padding:0}@media screen and (min-width: 600px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-daterange__legend.sc-stzh-daterange{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-daterange__datefrom.sc-stzh-daterange{grid-area:datefrom}.stzh-daterange__dateto.sc-stzh-daterange{grid-area:dateto}.stzh-daterange__links.sc-stzh-daterange{grid-area:links;align-self:center}.stzh-daterange__links.sc-stzh-daterange{display:flex;gap:var(--stzh-space-large)}';const i=class{constructor(e){t(this,e);this._rangeLinks=[];this.handleRangeClick=t=>{let e=new Date;let a=new Date;if(t==="tomorrow"){e.setDate(e.getDate()+1);a.setDate(a.getDate()+1)}else if(t==="next7days"){e.setDate(e.getDate());a.setDate(a.getDate()+7)}const s=this.datefromElement.querySelector("stzh-datepicker");const n=this.datetoElement.querySelector("stzh-datepicker");s===null||s===void 0?void 0:s.setDate(e);n===null||n===void 0?void 0:n.setDate(a)};this.init=()=>{const t=this.element.querySelector('stzh-datepicker[slot="from"], [slot="from"] stzh-datepicker');const e=this.element.querySelector('stzh-datepicker[slot="to"], [slot="to"] stzh-datepicker');if(t&&this.localization){n(t,{label:this.localization.labelFrom,hideOptional:true})}if(e&&this.localization){n(e,{label:this.localization.labelTo,hideOptional:true})}};this.localization=undefined;this.legend=undefined;this.rangeLinks=undefined}rangeLinksWatcher(t){if(!t){this._rangeLinks=[]}else if(typeof t==="string"){try{this._rangeLinks=JSON.parse(t)}catch(t){this._rangeLinks=[]}}else{this._rangeLinks=t}}async componentWillLoad(){this.rangeLinksWatcher(this.rangeLinks);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"daterange")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-daterange":true,"stzh-daterange--has-links":this._rangeLinks.length>0};const s={today:this.localization.rangeToday,tomorrow:this.localization.rangeTomorrow,next7days:this.localization.rangeNextSevenDays};return e(a,null,e("fieldset",{class:t},e("legend",{class:"stzh-daterange__legend"},this.legend||this.localization.legend),e("div",{class:"stzh-daterange__datefrom",ref:t=>this.datefromElement=t},e("slot",{name:"from"})),e("div",{class:"stzh-daterange__dateto",ref:t=>this.datetoElement=t},e("slot",{name:"to"})),e("div",{class:"stzh-daterange__links"},this._rangeLinks.map((t=>e("stzh-link",{label:s[t],onClick:()=>this.handleRangeClick(t)}))))))}get element(){return s(this)}static get watchers(){return{rangeLinks:["rangeLinksWatcher"]}}};i.style=r;export{i as stzh_daterange};
|
|
2
|
+
//# sourceMappingURL=p-27e525b1.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,a as o,g}from"./p-c7bfac7a.js";import{h as l}from"./p-ebd6dda5.js";import{S as h}from"./p-fc692303.js";import"./p-9b063923.js";const i=".sc-stzh-toggle-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-toggle-h,[stzh-hidden].sc-stzh-toggle-h{display:none}.sc-stzh-toggle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::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-toggle-h .has-focus.sc-stzh-toggle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle{outline-style:none !important}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle::-moz-focus-inner{border:0 !important}.sc-stzh-toggle-h{display:inline-block}[disabled].sc-stzh-toggle-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-toggle__marker-text.sc-stzh-toggle{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-toggle__description-wrapper.sc-stzh-toggle{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{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-toggle__description-long.sc-stzh-toggle{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-toggle__description-long.sc-stzh-toggle{margin-top:0}}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-button.sc-stzh-toggle{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-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{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:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black10op);width:2.75rem;height:1rem;flex-shrink:0;border-radius:0.75rem;display:inline-flex;justify-content:center;align-items:center;transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;transform:translate(0, -50%);transition-property:border-color, background-color, transform;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle{--stzh-base-color:initial;display:inline-block;color:var(--stzh-base-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__marker.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-old-primary48)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary);background-color:var(--stzh-color-primary);transform:translate(100%, -50%)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover)}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error60)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black10op)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error60)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey70)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey13)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-grey10)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-old-grey25);border-color:var(--stzh-color-old-grey25)}";let r=0;const c=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-toggle",originalEvent:t,value:this.value,checked:this.checked})};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-toggle",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-toggle",originalEvent:t})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.hideOptional=false;this.checked=false;this.defaultChecked=undefined;this.label="";this.labelPosition="right";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.a11yDescribedby=""}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}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=[]}}async componentWillLoad(){this.inputId=`stzh-toggle-${r++}`;this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toggle")}}render(){var t;const s=l(this.element,"description")||!!this.description;const g=l(this.element,"description-long")||!!this.descriptionLong;const i=l(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const r={"stzh-toggle":true,"stzh-toggle--has-error":i,"stzh-toggle--is-required":this.required,"stzh-toggle--is-invalid":this.invalid||i,"stzh-toggle--is-disabled":this.disabled,"stzh-toggle--has-description":s,"stzh-toggle--has-description-long":g,[`stzh-toggle--has-label-${this.labelPosition}`]:!!this.labelPosition};return e(o,{"is-invalid":this.invalid||i,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{class:r},e("label",{class:"stzh-toggle__field-wrapper"},e("input",{class:"stzh-toggle__input",ref:t=>this.input=t,type:"checkbox",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,defaultChecked:this.defaultChecked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),e("div",{class:"stzh-toggle__mark"},e("div",{class:"stzh-toggle__check"})),e("div",{class:"stzh-toggle__label"},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{class:"stzh-toggle__marker"},e("span",{class:"stzh-toggle__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{class:"stzh-toggle__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),e(h,{classPrefix:"stzh-toggle",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:g,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return g(this)}static get watchers(){return{error:["errorWatcher"]}}};c.style=i;export{c as stzh_toggle};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as e,a as o,g}from"./p-c7bfac7a.js";import{h as l}from"./p-16706623.js";import{S as h}from"./p-fc692303.js";import"./p-9b063923.js";const i=".sc-stzh-toggle-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-toggle-h,[stzh-hidden].sc-stzh-toggle-h{display:none}.sc-stzh-toggle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::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-toggle-h .has-focus.sc-stzh-toggle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle{outline-style:none !important}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle::-moz-focus-inner{border:0 !important}.sc-stzh-toggle-h{display:inline-block}[disabled].sc-stzh-toggle-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-toggle__marker-text.sc-stzh-toggle{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-toggle__description-wrapper.sc-stzh-toggle{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{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-toggle__description-long.sc-stzh-toggle{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-toggle__description-long.sc-stzh-toggle{margin-top:0}}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-button.sc-stzh-toggle{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-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{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:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black10op);width:2.75rem;height:1rem;flex-shrink:0;border-radius:0.75rem;display:inline-flex;justify-content:center;align-items:center;transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;transform:translate(0, -50%);transition-property:border-color, background-color, transform;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle{--stzh-base-color:initial;display:inline-block;color:var(--stzh-base-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__marker.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-old-primary48)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary);background-color:var(--stzh-color-primary);transform:translate(100%, -50%)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover)}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error60)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black10op)}.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error60)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey70)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey13)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-grey10)}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-old-grey25);border-color:var(--stzh-color-old-grey25)}";let r=0;const c=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-toggle",originalEvent:t,value:this.value,checked:this.checked})};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-toggle",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-toggle",originalEvent:t})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.hideOptional=false;this.checked=false;this.defaultChecked=undefined;this.label="";this.labelPosition="right";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.a11yDescribedby=""}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}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=[]}}async componentWillLoad(){this.inputId=`stzh-toggle-${r++}`;this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toggle")}}render(){var t;const s=l(this.element,"description")||!!this.description;const g=l(this.element,"description-long")||!!this.descriptionLong;const i=l(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const r={"stzh-toggle":true,"stzh-toggle--has-error":i,"stzh-toggle--is-required":this.required,"stzh-toggle--is-invalid":this.invalid||i,"stzh-toggle--is-disabled":this.disabled,"stzh-toggle--has-description":s,"stzh-toggle--has-description-long":g,[`stzh-toggle--has-label-${this.labelPosition}`]:!!this.labelPosition};return e(o,{"is-invalid":this.invalid||i,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{class:r},e("label",{class:"stzh-toggle__field-wrapper"},e("input",{class:"stzh-toggle__input",ref:t=>this.input=t,type:"checkbox",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,defaultChecked:this.defaultChecked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),e("div",{class:"stzh-toggle__mark"},e("div",{class:"stzh-toggle__check"})),e("div",{class:"stzh-toggle__label"},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{class:"stzh-toggle__marker"},e("span",{class:"stzh-toggle__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{class:"stzh-toggle__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),e(h,{classPrefix:"stzh-toggle",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:g,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return g(this)}static get watchers(){return{error:["errorWatcher"]}}};c.style=i;export{c as stzh_toggle};
|
|
2
|
+
//# sourceMappingURL=p-2dab7000.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as s,f as i,a as o,g as a}from"./p-c7bfac7a.js";import{t as n}from"./p-2b692743.js";import{h as c}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as s,f as i,a as o,g as a}from"./p-c7bfac7a.js";import{t as n}from"./p-2b692743.js";import{h as c}from"./p-16706623.js";import"./p-162269b9.js";import"./p-a6d4a8b1.js";import"./p-9b063923.js";const r=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--gap:var(--stzh-space-small);--sticky-padding-bottom:var(--stzh-sticky-actions-sticky-padding-bottom, var(--stzh-space-small));--stuck-offset:calc(\n var(--stzh-pagetitle-disturber-stuck-height, 0px)\n + var(--stzh-sticky-cta-stuck-bottom-height, 0px)\n )}@media screen and (min-width: 900px){:host{--sticky-padding-bottom:var(--stzh-sticky-actions-sticky-padding-bottom, var(--stzh-space-medium))}}@media print{:host{display:none}}.stzh-sticky-actions{}.stzh-sticky-actions__container{display:flex;justify-content:flex-end;transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky-actions__sticky{--padding-top:0px;--padding-bottom:var(--sticky-padding-bottom)}.stzh-sticky-actions__sticky[is-stuck-bottom] .stzh-sticky-actions__container{transform:translateY(calc(var(--stuck-offset) / -1))}.stzh-sticky-actions__scrollup-wrapper{transition-property:transform, opacity, visibility;transition-duration:var(--stzh-base-transition-animation-speed);opacity:0;visibility:hidden;transform:translateX(var(--stzh-sticky-actions-scrollup-width, 44px))}.stzh-sticky-actions.has-chat .stzh-sticky-actions__scrollup-wrapper{transform:translateX(calc(var(--stzh-sticky-actions-scrollup-width, 44px) + var(--gap)))}.stzh-sticky-actions.has-scrollup .stzh-sticky-actions__chat-wrapper{transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed);transform:translateX(calc((var(--stzh-sticky-actions-scrollup-width, 44px))))}.stzh-sticky-actions.has-active-scrollup .stzh-sticky-actions__scrollup-wrapper{opacity:1;visibility:visible;transform:translateX(0px)}.stzh-sticky-actions.has-active-scrollup .stzh-sticky-actions__chat-wrapper{transform:translateX(calc(var(--gap) / -1))}.stzh-sticky-actions.is-not-slotted{height:0}";const e=class{constructor(s){t(this,s);this.observePagetitle=t=>{this.hasActiveScrollup=!t[0].isIntersecting};this.updateScrollupWidth=()=>{if(this.scrollupElement&&this.element.isConnected){const{width:t}=this.scrollupElement.getBoundingClientRect();document.documentElement.style.setProperty("--stzh-sticky-actions-scrollup-width",`${t}px`)}};this.handleScrollupResize=n(this.updateScrollupWidth,100);this.pagetitleQuery="stzh-pagetitle, stzh-pagetitle-hero, stzh-pagetitle-home, stzh-pi-pagetitle, stzh-pi-pagetitle, stzh-homepage-service-highlights";this.hasActiveScrollup=false;this.isSlotted=true}hasActiveScrollupWatcher(t){document.documentElement.style.setProperty("--stzh-sticky-actions-scrollup-is-active",t?"1":"0");document.documentElement.style.setProperty("--stzh-sticky-actions-scrollup-is-not-active",t?"0":"1")}componentDidLoad(){this.isSlotted=!!this.element.assignedSlot;const t=typeof this.pagetitleQuery==="string"?document.querySelector(this.pagetitleQuery):this.pagetitleQuery();if(t){this.observer=new IntersectionObserver(this.observePagetitle,{rootMargin:"0px"});this.observer.observe(t)}requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updateScrollupWidth();this.resizeObserver=new ResizeObserver(this.handleScrollupResize);this.resizeObserver.observe(this.scrollupElement)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.resizeObserver)===null||s===void 0?void 0:s.disconnect()}render(){const t=c(this.element,"chat");const a=c(this.element,"scrollup");const n={"stzh-sticky-actions":true,"has-chat":t,"has-scrollup":a,"has-active-scrollup":this.hasActiveScrollup,"is-not-slotted":!this.isSlotted};return s(o,null,s("div",{class:n,"data-stzh-sticky-width-container":true},s("stzh-sticky",{name:"actions",class:"stzh-sticky-actions__sticky",position:"fixed",variant:"transparent",disableStickyTop:true},s("div",{class:"stzh-sticky-actions__container"},s("div",{class:"stzh-sticky-actions__chat-wrapper"},s("slot",{name:"chat",onSlotchange:()=>i(this.element)})),s("div",{ref:t=>this.scrollupElement=t,class:"stzh-sticky-actions__scrollup-wrapper"},s("slot",{name:"scrollup",onSlotchange:()=>i(this.element)}))))))}get element(){return a(this)}static get watchers(){return{hasActiveScrollup:["hasActiveScrollupWatcher"]}}};e.style=r;export{e as stzh_sticky_actions};
|
|
2
|
+
//# sourceMappingURL=p-2ed0423d.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,h as t,a as e}from"./p-c7bfac7a.js";const h=".sc-stzh-fieldset-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-fieldset-h,[stzh-hidden].sc-stzh-fieldset-h{display:none}.sc-stzh-fieldset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h *.sc-stzh-fieldset,.sc-stzh-fieldset-h *.sc-stzh-fieldset::before,.sc-stzh-fieldset-h *.sc-stzh-fieldset::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-fieldset-h .has-focus.sc-stzh-fieldset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset{outline-style:none !important}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset::-moz-focus-inner{border:0 !important}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-small)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset .stzh-fieldset__legend{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset .stzh-fieldset__legend{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipselect.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipselect.sc-stzh-fieldset{margin-bottom:var(--stzh-space-xlarge)}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:calc(var(--stzh-fieldset-description-min-height) + var(--stzh-space-xxsmall))}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-checkboxgroup stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-radiogroup stzh-radio{--stzh-description-min-height:none}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row:has(cq)>:nth-last-child(2),.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row:has(cq)>:nth-last-child(2){margin-bottom:0}@media screen and (max-width: 599px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row{margin-bottom:0}}@media screen and (max-width: 1259px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 1259px) and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 899px) and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 899px) and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 599px) and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px) and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 1259px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 1259px) and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 899px) and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 899px) and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 599px) and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px) and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}.stzh-fieldset.sc-stzh-fieldset{--stzh-description-min-height:var(--stzh-fieldset-description-min-height);margin:0;padding:0;border:none;min-inline-size:auto}.stzh-fieldset__wrapper.sc-stzh-fieldset{display:grid}.stzh-fieldset__legend.sc-stzh-fieldset{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);color:var(--stzh-color-primary70);padding:0;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-fieldset--hide-legend.sc-stzh-fieldset .stzh-fieldset__legend.sc-stzh-fieldset{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";const l=class{constructor(t){s(this,t);this.legend="";this.hideLegend=false;this.legendLevel="";this.legendCurve="auto"}render(){const s={"stzh-fieldset":true,"stzh-fieldset--hide-legend":this.hideLegend};return t(e,null,t("fieldset",{class:s},this.legend&&t("legend",{class:"stzh-fieldset__legend"},this.legendLevel?t("stzh-heading",{level:this.legendLevel,curve:this.legendCurve},this.legend):this.legend),t("div",{class:"stzh-fieldset__wrapper"},t("slot",null))))}};l.style=h;export{l as stzh_fieldset};
|
|
2
|
+
//# sourceMappingURL=p-34c25537.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["stzhFieldsetCss","StzhFieldset","render","classes","this","hideLegend","h","Host","class","legend","legendLevel","level","curve","legendCurve"],"sources":["src/components/stzh-fieldset/stzh-fieldset.scss?tag=stzh-fieldset&encapsulation=scoped","src/components/stzh-fieldset/stzh-fieldset.tsx"],"sourcesContent":[":host {\n // default spacing for form and layout elements\n ::slotted(.layout_column > .stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-input),\n ::slotted(.stzh-fieldset-row > stzh-input),\n ::slotted(stzh-input),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-datepicker),\n ::slotted(stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-dropdown),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-dropdown),\n ::slotted(stzh-dropdown),\n ::slotted(.stzh-fieldset-row > stzh-fieldset),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n ::slotted(stzh-fieldset),\n ::slotted(.stzh-fieldset-row > stzh-upload),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-upload),\n ::slotted(stzh-upload),\n ::slotted(.stzh-fieldset-row > stzh-checkbox),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkbox),\n ::slotted(stzh-checkbox),\n ::slotted(.stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(stzh-checkboxgroup),\n ::slotted(.stzh-fieldset-row > stzh-radio),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radio),\n ::slotted(stzh-radio),\n ::slotted(.stzh-fieldset-row > stzh-radiogroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radiogroup),\n ::slotted(stzh-radiogroup),\n ::slotted(.stzh-fieldset-row > stzh-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-row),\n ::slotted(stzh-row),\n ::slotted(.stzh-fieldset-row > stzh-vspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-vspace),\n ::slotted(stzh-vspace),\n ::slotted(.stzh-fieldset-row > stzh-hspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-hspace),\n ::slotted(stzh-hspace),\n ::slotted(.stzh-fieldset-row > stzh-text),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-text),\n ::slotted(stzh-text) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n ::slotted(.stzh-fieldset-row > stzh-fieldset),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n ::slotted(stzh-fieldset) {\n @include spaceCurve('margin-top', 'regular');\n\n .stzh-fieldset__legend {\n @include fontCurve('p1', 'heading');\n }\n }\n\n & > .section > stzh-chipgroup,\n & > stzh-chipgroup,\n & > .section > stzh-chipselect,\n & > stzh-chipselect {\n margin-bottom: space('xlarge');\n }\n\n ::slotted(.stzh-fieldset-row > stzh-daterange),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-daterange),\n ::slotted(stzh-daterange) {\n @include spaceCurve('margin-bottom', 'tiny');\n @include mq($to: medium) {\n margin-bottom: calc(#{$fieldsetDescriptionMinHeight} + #{spaceCurveValue('tiny')});\n }\n }\n\n ::slotted(.stzh-fieldset-row > stzh-message),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-message),\n ::slotted(stzh-message) {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n ::slotted(.stzh-fieldset-row > stzh-actions),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-actions),\n ::slotted(stzh-actions) {\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'big');\n }\n\n ::slotted(*) {\n stzh-checkboxgroup stzh-checkbox,\n stzh-radiogroup stzh-radio {\n --stzh-description-min-height: none;\n }\n }\n\n ::slotted(.stzh-fieldset-row > :last-child),\n ::slotted(.layout_column > .stzh-fieldset-row > :last-child),\n ::slotted(:last-child),\n ::slotted(.layout_column > .stzh-fieldset-row:has(cq) > :nth-last-child(2)),\n ::slotted(.stzh-fieldset-row:has(cq) > :nth-last-child(2)) {\n margin-bottom: 0;\n }\n\n ::slotted(stzh-row) {\n @include mq($to: small) {\n margin-bottom: 0;\n }\n }\n\n /* Slotted cells and rows */\n\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-radiogroup) {\n @include mq($to: large) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radiogroup) {\n @include mq($to: medium) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radiogroup) {\n @include mq($to: small) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n }\n\n\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-radiogroup) {\n @include mq($to: large) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n }\n\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-radiogroup) {\n @include mq($to: medium) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n }\n\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radiogroup) {\n @include mq($to: small) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n }\n}\n\n.stzh-fieldset {\n //--stzh-row-row-gap: #{space('xsmall')};\n --stzh-description-min-height: #{$fieldsetDescriptionMinHeight};\n\n margin: 0;\n padding: 0;\n border: none;\n min-inline-size: auto;\n\n &__wrapper {\n display: grid;\n }\n\n &__legend {\n @include font('title');\n @include fontCurve('h4');\n color: $colorPrimary70;\n padding: 0;\n margin-bottom: space('large');\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n}\n","import {\n Component,\n Host,\n Prop,\n h,\n} from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/**\n * @slot - Slot for any (mostly form) elements\n */\n@Component({\n tag: \"stzh-fieldset\",\n styleUrl: \"stzh-fieldset.scss\",\n scoped: true\n})\nexport class StzhFieldset {\n /** Legend describing the field group inside the fieldset */\n @Prop() legend: string = \"\";\n\n /** Hide legend to show only for screenreaders */\n @Prop() hideLegend: boolean = false;\n\n /** Heading level inside legend */\n @Prop() legendLevel: \"\" | \"1\" | \"2\" | \"3\" | \"4\" = \"\";\n\n /** Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n @Prop() legendCurve: Font.Curves | \"auto\" = \"auto\";\n\n render() {\n const classes = {\n \"stzh-fieldset\": true,\n \"stzh-fieldset--hide-legend\": this.hideLegend\n };\n\n return (\n <Host>\n <fieldset class={classes}>\n {this.legend &&\n <legend class=\"stzh-fieldset__legend\">\n {this.legendLevel ?\n <stzh-heading\n level={this.legendLevel}\n curve={this.legendCurve}\n >\n {this.legend}\n </stzh-heading>\n :\n this.legend\n }\n </legend>\n }\n <div class=\"stzh-fieldset__wrapper\">\n <slot></slot>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,+9kC,MCiBXC,EAAY,M,qCAEE,G,gBAGK,M,iBAGoB,G,iBAGN,M,CAE5C,MAAAC,GACE,MAAMC,EAAU,CACd,gBAAiB,KACjB,6BAA8BC,KAAKC,YAGrC,OACEC,EAACC,EAAI,KACHD,EAAA,YAAUE,MAAOL,GACdC,KAAKK,QACJH,EAAA,UAAQE,MAAM,yBACXJ,KAAKM,YACJJ,EAAA,gBACEK,MAAOP,KAAKM,YACZE,MAAOR,KAAKS,aAEXT,KAAKK,QAGRL,KAAKK,QAIXH,EAAA,OAAKE,MAAM,0BACTF,EAAA,e"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as s,a as e,g as o}from"./p-c7bfac7a.js";import{s as i,
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as s,a as e,g as o}from"./p-c7bfac7a.js";import{s as i,b as n}from"./p-16706623.js";import{b as r}from"./p-9b063923.js";const h=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";const a=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-print":true};return s(e,null,s("div",{class:t},s("slot",null)))}get element(){return o(this)}};a.style=h;const c=".sc-stzh-share-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-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::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-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}";const l=256;const d=class{constructor(s){t(this,s);this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.mailSubject=undefined;this.mailBody=undefined;this.services=["mail","facebook","twitter","linkedin","xing"]}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const a=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const c=encodeURIComponent(document.title);const d=encodeURIComponent(r(c,l));const u=encodeURIComponent(n("description"));const f={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${a}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${d}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${u}&title=${c}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,null,s("div",{class:o},s("ul",{class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:f[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:f[t].url,rel:f[t].blank?"nofollow noopener noreferrer":"nofollow",target:f[t].blank?"_blank":"_self",onClick:f[t].popup?s=>this.openPopup(f[t].url,s):null,analyticsId:f[t].text,icon:f[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};d.style=c;export{a as stzh_print,d as stzh_share};
|
|
2
|
+
//# sourceMappingURL=p-34fefe7e.entry.js.map
|