@oiz/stzh-components 3.0.0-beta3 → 3.0.0-beta5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{app-globals-0cbebaa1.js → app-globals-82cc9313.js} +39 -14
- package/dist/cjs/app-globals-82cc9313.js.map +1 -0
- package/dist/cjs/index-92254d32.js +20 -16
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/stzh-actions.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-appointments.cjs.entry.js +11 -8
- package/dist/cjs/stzh-appointments.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-badge_3.cjs.entry.js +9 -1
- package/dist/cjs/stzh-badge_3.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js +12 -3
- package/dist/cjs/stzh-breadcrumb_2.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-calendar.cjs.entry.js +1 -1
- package/dist/cjs/stzh-calendar.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-card-navigation.cjs.entry.js +2 -1
- package/dist/cjs/stzh-card-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-card-searchresult.cjs.entry.js +21 -32
- package/dist/cjs/stzh-card-searchresult.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-card-superteaser.cjs.entry.js +146 -0
- package/dist/cjs/stzh-card-superteaser.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-card_3.cjs.entry.js +85 -45
- package/dist/cjs/stzh-card_3.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/stzh-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-chip.cjs.entry.js +8 -3
- package/dist/cjs/stzh-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-components.cjs.js +2 -2
- package/dist/cjs/stzh-contact.cjs.entry.js +7 -2
- package/dist/cjs/stzh-contact.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-content.cjs.entry.js +1 -1
- package/dist/cjs/stzh-content.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-cspace.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-cta.cjs.entry.js +10 -2
- package/dist/cjs/stzh-cta.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-datalist_2.cjs.entry.js +26 -16
- package/dist/cjs/stzh-datalist_2.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js +11 -5
- package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-datamessagelist.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datamessagelist.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-datatable.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datatable.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-datepicker_3.cjs.entry.js +2 -2
- package/dist/cjs/stzh-datepicker_3.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-daterange.cjs.entry.js +107 -0
- package/dist/cjs/stzh-daterange.cjs.entry.js.map +1 -0
- package/dist/cjs/{stzh-message.cjs.entry.js → stzh-details_2.cjs.entry.js} +155 -1
- package/dist/cjs/stzh-details_2.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-dropdown.cjs.entry.js +13 -4
- package/dist/cjs/stzh-dropdown.cjs.entry.js.map +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-ghettobox_3.cjs.entry.js +2 -3
- package/dist/cjs/stzh-ghettobox_3.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-header.cjs.entry.js +56 -26
- package/dist/cjs/stzh-header.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-heading.cjs.entry.js +1 -1
- package/dist/cjs/stzh-heading.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-iframe.cjs.entry.js +11 -3
- package/dist/cjs/stzh-iframe.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-imagecomparison.cjs.entry.js +2 -2
- package/dist/cjs/stzh-imagecomparison.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-input.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-link.cjs.entry.js +11 -3
- package/dist/cjs/stzh-link.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-menu_2.cjs.entry.js +10 -2
- package/dist/cjs/stzh-menu_2.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-microsite-teaserlist.cjs.entry.js +2 -2
- package/dist/cjs/stzh-microsite-teaserlist.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-pagebottom.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagebottom.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-popover_2.cjs.entry.js +1 -1
- package/dist/cjs/stzh-popover_2.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-search.cjs.entry.js +100 -67
- package/dist/cjs/stzh-search.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js +1 -1
- package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js +1 -1
- package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-table.cjs.entry.js +1 -1
- package/dist/cjs/stzh-table.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-vbz-carousel.cjs.entry.js +1 -1
- package/dist/cjs/stzh-vbz-carousel.cjs.entry.js.map +1 -1
- package/dist/collection/assets/fonts/HelveticaNeueLTW05_66MediumIt.woff2 +0 -0
- package/dist/collection/assets/fonts.css +7 -0
- package/dist/collection/assets/i18n/de.json +12 -5
- package/dist/collection/assets/i18n/en.json +12 -5
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/stzh-accordion/stzh-accordion.css +4 -1
- package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.css +4 -1
- package/dist/collection/components/stzh-actions/stzh-actions.css +4 -1
- package/dist/collection/components/stzh-actions/stzh-actions.js +2 -2
- package/dist/collection/components/stzh-actions/stzh-actions.js.map +1 -1
- package/dist/collection/components/stzh-actionset/stzh-actionset.css +4 -1
- package/dist/collection/components/stzh-amount/stzh-amount.css +4 -1
- package/dist/collection/components/stzh-anchornav/stzh-anchornav.css +4 -1
- package/dist/collection/components/stzh-appointments/stzh-appointments.css +103 -20
- package/dist/collection/components/stzh-appointments/stzh-appointments.js +9 -7
- package/dist/collection/components/stzh-appointments/stzh-appointments.js.map +1 -1
- package/dist/collection/components/stzh-appointments/stzh-appointments.stories.js +7 -1
- package/dist/collection/components/stzh-archivelist/stzh-archivelist.css +4 -1
- package/dist/collection/components/stzh-audio/stzh-audio.css +4 -1
- package/dist/collection/components/stzh-badge/stzh-badge.css +4 -1
- package/dist/collection/components/stzh-banner/stzh-banner.css +4 -1
- package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.css +5 -1
- package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.js +32 -1
- package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.js.map +1 -1
- package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.stories.js +3 -0
- package/dist/collection/components/stzh-button/stzh-button.css +14 -11
- package/dist/collection/components/stzh-button/stzh-button.js +34 -6
- package/dist/collection/components/stzh-button/stzh-button.js.map +1 -1
- package/dist/collection/components/stzh-button/stzh-button.stories.js +1 -1
- package/dist/collection/components/stzh-buttongroup/stzh-buttongroup.css +4 -1
- package/dist/collection/components/stzh-calendar/stzh-calendar.css +5 -3
- package/dist/collection/components/stzh-card/stzh-card.css +4 -28
- package/dist/collection/components/stzh-card/stzh-card.js +15 -96
- package/dist/collection/components/stzh-card/stzh-card.js.map +1 -1
- package/dist/collection/components/stzh-card/stzh-card.stories.js +0 -17
- package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.css +4 -1
- package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js +3 -2
- package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js.map +1 -1
- package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.css +53 -36
- package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js +72 -44
- package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js.map +1 -1
- package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.stories.js +38 -22
- package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.css +437 -0
- package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.e2e.js +31 -0
- package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.e2e.js.map +1 -0
- package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.js +591 -0
- package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.js.map +1 -0
- package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.localization.js +2 -0
- package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.localization.js.map +1 -0
- package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.stories.js +222 -0
- package/dist/collection/components/stzh-cardlist/stzh-cardlist.css +12 -4
- package/dist/collection/components/stzh-carousel/stzh-carousel.css +4 -1
- package/dist/collection/components/stzh-cell/stzh-cell.css +4 -1
- package/dist/collection/components/stzh-chart/stzh-chart.css +4 -1
- package/dist/collection/components/stzh-checkbox/stzh-checkbox.css +5 -1
- package/dist/collection/components/stzh-checkboxgroup/stzh-checkboxgroup.css +4 -1
- package/dist/collection/components/stzh-chip/stzh-chip.css +205 -34
- package/dist/collection/components/stzh-chip/stzh-chip.js +101 -4
- package/dist/collection/components/stzh-chip/stzh-chip.js.map +1 -1
- package/dist/collection/components/stzh-chipgroup/stzh-chipgroup.css +4 -1
- package/dist/collection/components/stzh-chipselect/stzh-chipselect.css +50 -20
- package/dist/collection/components/stzh-chipselect/stzh-chipselect.js +111 -29
- package/dist/collection/components/stzh-chipselect/stzh-chipselect.js.map +1 -1
- package/dist/collection/components/stzh-clamp/stzh-clamp.css +4 -1
- package/dist/collection/components/stzh-contact/stzh-contact.css +11 -6
- package/dist/collection/components/stzh-contact/stzh-contact.js +24 -1
- package/dist/collection/components/stzh-contact/stzh-contact.js.map +1 -1
- package/dist/collection/components/stzh-container/stzh-container.css +4 -1
- package/dist/collection/components/stzh-content/stzh-content.css +7 -4
- package/dist/collection/components/stzh-cspace/stzh-cspace.css +49 -7
- package/dist/collection/components/stzh-cta/stzh-cta.css +26 -37
- package/dist/collection/components/stzh-cta/stzh-cta.js +31 -3
- package/dist/collection/components/stzh-cta/stzh-cta.js.map +1 -1
- package/dist/collection/components/stzh-cta/stzh-cta.stories.js +4 -1
- package/dist/collection/components/stzh-datalist/stzh-datalist.css +6 -1
- package/dist/collection/components/stzh-datalist/stzh-datalist.stories.js +27 -8
- package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css +7 -2
- package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js +62 -14
- package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js.map +1 -1
- package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.stories.js +1 -1
- package/dist/collection/components/stzh-datamessagelist/stzh-datamessagelist.css +4 -6
- package/dist/collection/components/stzh-datamessagelist/stzh-datamessagelist.stories.js +26 -0
- package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.css +30 -17
- package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.js +29 -5
- package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.js.map +1 -1
- package/dist/collection/components/stzh-datatable/stzh-datatable.css +7 -4
- package/dist/collection/components/stzh-datepicker/stzh-datepicker.css +22 -4
- package/dist/collection/components/stzh-daterange/stzh-daterange.css +256 -0
- package/dist/collection/{patterns/appointments/appointments.e2e.js → components/stzh-daterange/stzh-daterange.e2e.js} +3 -3
- package/dist/collection/components/stzh-daterange/stzh-daterange.e2e.js.map +1 -0
- package/dist/collection/components/stzh-daterange/stzh-daterange.js +178 -0
- package/dist/collection/components/stzh-daterange/stzh-daterange.js.map +1 -0
- package/dist/collection/components/stzh-daterange/stzh-daterange.localization.js +2 -0
- package/dist/collection/components/stzh-daterange/stzh-daterange.localization.js.map +1 -0
- package/dist/collection/components/stzh-daterange/stzh-daterange.stories.js +51 -0
- package/dist/collection/components/stzh-details/stzh-details.css +4 -1
- package/dist/collection/components/stzh-dialog/stzh-dialog.css +4 -1
- package/dist/collection/components/stzh-disturber/stzh-disturber.css +4 -1
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.css +730 -91
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.e2e.js +1 -0
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.e2e.js.map +1 -1
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.js +115 -8
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.js.map +1 -1
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.stories.js +17 -0
- package/dist/collection/components/stzh-editor/stzh-editor.css +4 -1
- package/dist/collection/components/stzh-eventinfo/stzh-eventinfo.css +4 -1
- package/dist/collection/components/stzh-fieldset/stzh-fieldset.css +75 -6
- package/dist/collection/components/stzh-figure/stzh-figure.css +4 -1
- package/dist/collection/components/stzh-flyingfocus/stzh-flyingfocus.css +4 -1
- package/dist/collection/components/stzh-footer/stzh-footer.css +4 -1
- package/dist/collection/components/stzh-gallery/stzh-gallery.css +4 -1
- package/dist/collection/components/stzh-ghettobox/stzh-ghettobox.css +7 -9
- package/dist/collection/components/stzh-header/stzh-header.css +22 -17
- package/dist/collection/components/stzh-header/stzh-header.js +82 -27
- package/dist/collection/components/stzh-header/stzh-header.js.map +1 -1
- package/dist/collection/components/stzh-header/stzh-header.stories.js +1 -0
- package/dist/collection/components/stzh-heading/stzh-heading.css +26 -1
- package/dist/collection/components/stzh-hr/stzh-hr.css +4 -1
- package/dist/collection/components/stzh-hspace/stzh-hspace.css +4 -1
- package/dist/collection/components/stzh-icon/stzh-icon.css +4 -1
- package/dist/collection/components/stzh-iframe/stzh-iframe.css +4 -1
- package/dist/collection/components/stzh-iframe/stzh-iframe.js +160 -3
- package/dist/collection/components/stzh-iframe/stzh-iframe.js.map +1 -1
- package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.css +16 -18
- package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.js +1 -1
- package/dist/collection/components/stzh-imagecomparison/stzh-imagecomparison.js.map +1 -1
- package/dist/collection/components/stzh-input/stzh-input.css +4 -1
- package/dist/collection/components/stzh-invert/stzh-invert.css +4 -1
- package/dist/collection/components/stzh-link/stzh-link.css +4 -1
- package/dist/collection/components/stzh-link/stzh-link.js +53 -25
- package/dist/collection/components/stzh-link/stzh-link.js.map +1 -1
- package/dist/collection/components/stzh-link/stzh-link.stories.js +1 -1
- package/dist/collection/components/stzh-list/stzh-list.css +4 -1
- package/dist/collection/components/stzh-list-item/stzh-list-item.css +4 -1
- package/dist/collection/components/stzh-loader/stzh-loader.css +4 -1
- package/dist/collection/components/stzh-loadingbar/stzh-loadingbar.css +4 -1
- package/dist/collection/components/stzh-menu/stzh-menu.css +4 -1
- package/dist/collection/components/stzh-menu-item/stzh-menu-item.css +4 -1
- package/dist/collection/components/stzh-menu-item/stzh-menu-item.js +31 -3
- package/dist/collection/components/stzh-menu-item/stzh-menu-item.js.map +1 -1
- package/dist/collection/components/stzh-menu-item/stzh-menu-item.stories.js +1 -1
- package/dist/collection/components/stzh-message/stzh-message.css +4 -1
- package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.css +4 -1
- package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js +2 -2
- package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js.map +1 -1
- package/dist/collection/components/stzh-monthyearpicker/stzh-monthyearpicker.css +4 -1
- package/dist/collection/components/stzh-olmap/stzh-olmap.css +4 -1
- package/dist/collection/components/stzh-overlay/stzh-overlay.css +4 -1
- package/dist/collection/components/stzh-page-skiplinks/stzh-page-skiplinks.css +4 -1
- package/dist/collection/components/stzh-pagebottom/stzh-pagebottom.css +5 -2
- package/dist/collection/components/stzh-pagecontent/stzh-pagecontent.css +4 -1
- package/dist/collection/components/stzh-pagetitle/stzh-pagetitle.css +4 -1
- package/dist/collection/components/stzh-pagetitle-hero/stzh-pagetitle-hero.css +4 -1
- package/dist/collection/components/stzh-pagination/stzh-pagination.css +4 -1
- package/dist/collection/components/stzh-panorama/stzh-panorama.css +4 -1
- package/dist/collection/components/stzh-popover/stzh-popover.css +4 -1
- package/dist/collection/components/stzh-print/stzh-print.css +4 -1
- package/dist/collection/components/stzh-progressbar/stzh-progressbar.css +4 -1
- package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.css +4 -1
- package/dist/collection/components/stzh-radio/stzh-radio.css +5 -1
- package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.css +4 -1
- package/dist/collection/components/stzh-ratio/stzh-ratio.css +4 -1
- package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.css +4 -1
- package/dist/collection/components/stzh-richtext/stzh-richtext.css +10 -7
- package/dist/collection/components/stzh-row/stzh-row.css +4 -1
- package/dist/collection/components/stzh-saptcha/stzh-saptcha.css +4 -1
- package/dist/collection/components/stzh-scrollup/stzh-scrollup.css +4 -1
- package/dist/collection/components/stzh-search/stzh-search.css +95 -22
- package/dist/collection/components/stzh-search/stzh-search.js +190 -68
- package/dist/collection/components/stzh-search/stzh-search.js.map +1 -1
- package/dist/collection/components/stzh-search/stzh-search.localization.js.map +1 -1
- package/dist/collection/components/stzh-search/stzh-search.stories.js +111 -39
- package/dist/collection/components/stzh-section/stzh-section.css +4 -1
- package/dist/collection/components/stzh-share/stzh-share.css +4 -1
- package/dist/collection/components/stzh-show/stzh-show.css +4 -1
- package/dist/collection/components/stzh-show/stzh-show.js +0 -1
- package/dist/collection/components/stzh-show/stzh-show.js.map +1 -1
- package/dist/collection/components/stzh-sitemap/stzh-sitemap.css +4 -1
- package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.css +29 -20
- package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.css +13 -10
- package/dist/collection/components/stzh-skiplink/stzh-skiplink.css +4 -1
- package/dist/collection/components/stzh-sortable/stzh-sortable.css +4 -1
- package/dist/collection/components/stzh-space/stzh-space.css +4 -1
- package/dist/collection/components/stzh-status/stzh-status.css +4 -1
- package/dist/collection/components/stzh-sticky/stzh-sticky.css +4 -1
- package/dist/collection/components/stzh-sticky-actions/stzh-sticky-actions.css +4 -1
- package/dist/collection/components/stzh-table/stzh-table.css +7 -4
- package/dist/collection/components/stzh-tag/stzh-tag.css +4 -1
- package/dist/collection/components/stzh-tag/stzh-tag.js +3 -2
- package/dist/collection/components/stzh-tag/stzh-tag.js.map +1 -1
- package/dist/collection/components/stzh-text/stzh-text.css +9 -1
- package/dist/collection/components/stzh-textandimage/stzh-textandimage.css +4 -1
- package/dist/collection/components/stzh-timeline/stzh-timeline.css +4 -1
- package/dist/collection/components/stzh-timeline-item/stzh-timeline-item.css +4 -1
- package/dist/collection/components/stzh-timepicker/stzh-timepicker.css +4 -1
- package/dist/collection/components/stzh-toast/stzh-toast.css +4 -1
- package/dist/collection/components/stzh-toastbar/stzh-toastbar.css +4 -1
- package/dist/collection/components/stzh-toggle/stzh-toggle.css +4 -1
- package/dist/collection/components/stzh-tooltip/stzh-tooltip.css +4 -1
- package/dist/collection/components/stzh-twocolumns/stzh-twocolumns.css +4 -1
- package/dist/collection/components/stzh-upload/stzh-upload.css +4 -1
- package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.css +8 -5
- package/dist/collection/components/stzh-vbz-carousel/stzh-vbz-carousel.js.map +1 -1
- package/dist/collection/components/stzh-vbz-linechip/stzh-vbz-linechip.css +4 -1
- package/dist/collection/components/stzh-vbz-majorticker/stzh-vbz-majorticker.css +4 -1
- package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.css +4 -1
- package/dist/collection/components/stzh-visuallyhidden/stzh-visuallyhidden.css +4 -1
- package/dist/collection/components/stzh-vspace/stzh-vspace.css +4 -1
- package/dist/collection/components/stzh-youtube/stzh-youtube.css +4 -1
- package/dist/collection/global/js/helpers/autofocus.js +36 -11
- package/dist/collection/global/js/script.js +2 -0
- package/dist/collection/index.js.map +1 -1
- package/dist/components/index.js +38 -13
- package/dist/components/index.js.map +1 -1
- package/dist/components/index2.js.map +1 -1
- package/dist/components/stzh-actions.js.map +1 -1
- package/dist/components/stzh-appointments.js +11 -9
- package/dist/components/stzh-appointments.js.map +1 -1
- package/dist/components/stzh-breadcrumb2.js +11 -3
- package/dist/components/stzh-breadcrumb2.js.map +1 -1
- package/dist/components/stzh-button2.js +9 -1
- package/dist/components/stzh-button2.js.map +1 -1
- package/dist/components/stzh-calendar2.js +1 -1
- package/dist/components/stzh-calendar2.js.map +1 -1
- package/dist/components/stzh-card-navigation.js +2 -1
- package/dist/components/stzh-card-navigation.js.map +1 -1
- package/dist/components/stzh-card-searchresult.js +73 -47
- package/dist/components/stzh-card-searchresult.js.map +1 -1
- package/dist/components/stzh-card-superteaser.d.ts +11 -0
- package/dist/components/stzh-card-superteaser.js +256 -0
- package/dist/components/stzh-card-superteaser.js.map +1 -0
- package/dist/components/stzh-card2.js +15 -23
- package/dist/components/stzh-card2.js.map +1 -1
- package/dist/components/stzh-cardlist2.js +1 -1
- package/dist/components/stzh-cardlist2.js.map +1 -1
- package/dist/components/stzh-checkbox.js +1 -1
- package/dist/components/stzh-checkbox.js.map +1 -1
- package/dist/components/stzh-chip2.js +13 -4
- package/dist/components/stzh-chip2.js.map +1 -1
- package/dist/components/stzh-chipselect2.js +78 -37
- package/dist/components/stzh-chipselect2.js.map +1 -1
- package/dist/components/stzh-contact.js +8 -2
- package/dist/components/stzh-contact.js.map +1 -1
- package/dist/components/stzh-content.js +1 -1
- package/dist/components/stzh-content.js.map +1 -1
- package/dist/components/stzh-cspace.js +1 -1
- package/dist/components/stzh-cspace.js.map +1 -1
- package/dist/components/stzh-cta.js +10 -2
- package/dist/components/stzh-cta.js.map +1 -1
- package/dist/components/stzh-datalist-item2.js +26 -15
- package/dist/components/stzh-datalist-item2.js.map +1 -1
- package/dist/components/stzh-datalist2.js +1 -1
- package/dist/components/stzh-datalist2.js.map +1 -1
- package/dist/components/stzh-datamessagelist-item.js +12 -5
- package/dist/components/stzh-datamessagelist-item.js.map +1 -1
- package/dist/components/stzh-datamessagelist.js +1 -1
- package/dist/components/stzh-datamessagelist.js.map +1 -1
- package/dist/components/stzh-datatable.js +1 -1
- package/dist/components/stzh-datatable.js.map +1 -1
- package/dist/components/stzh-datepicker2.js +1 -1
- package/dist/components/stzh-datepicker2.js.map +1 -1
- package/dist/components/stzh-daterange.d.ts +11 -0
- package/dist/components/stzh-daterange.js +143 -0
- package/dist/components/stzh-daterange.js.map +1 -0
- package/dist/components/stzh-dropdown2.js +17 -4
- package/dist/components/stzh-dropdown2.js.map +1 -1
- package/dist/components/stzh-fieldset.js +1 -1
- package/dist/components/stzh-fieldset.js.map +1 -1
- package/dist/components/stzh-ghettobox2.js +1 -1
- package/dist/components/stzh-ghettobox2.js.map +1 -1
- package/dist/components/stzh-header.js +58 -26
- package/dist/components/stzh-header.js.map +1 -1
- package/dist/components/stzh-heading2.js +1 -1
- package/dist/components/stzh-heading2.js.map +1 -1
- package/dist/components/stzh-iframe2.js +19 -3
- package/dist/components/stzh-iframe2.js.map +1 -1
- package/dist/components/stzh-imagecomparison.js +2 -2
- package/dist/components/stzh-imagecomparison.js.map +1 -1
- package/dist/components/stzh-input2.js.map +1 -1
- package/dist/components/stzh-link2.js +12 -4
- package/dist/components/stzh-link2.js.map +1 -1
- package/dist/components/stzh-menu-item2.js +10 -2
- package/dist/components/stzh-menu-item2.js.map +1 -1
- package/dist/components/stzh-message.js +1 -92
- package/dist/components/stzh-message.js.map +1 -1
- package/dist/{esm/stzh-message.entry.js → components/stzh-message2.js} +50 -9
- package/dist/components/stzh-message2.js.map +1 -0
- package/dist/components/stzh-microsite-teaserlist.js +18 -24
- package/dist/components/stzh-microsite-teaserlist.js.map +1 -1
- package/dist/components/stzh-pagebottom.js +1 -1
- package/dist/components/stzh-pagebottom.js.map +1 -1
- package/dist/components/stzh-radio2.js +1 -1
- package/dist/components/stzh-radio2.js.map +1 -1
- package/dist/components/stzh-richtext2.js +1 -1
- package/dist/components/stzh-richtext2.js.map +1 -1
- package/dist/components/stzh-search.js +138 -80
- package/dist/components/stzh-search.js.map +1 -1
- package/dist/components/stzh-show2.js +0 -1
- package/dist/components/stzh-show2.js.map +1 -1
- package/dist/components/stzh-skin-portal-mitwirken.js +1 -1
- package/dist/components/stzh-skin-portal-mitwirken.js.map +1 -1
- package/dist/components/stzh-skin-storybook-preview.js +1 -1
- package/dist/components/stzh-skin-storybook-preview.js.map +1 -1
- package/dist/components/stzh-table.js +1 -1
- package/dist/components/stzh-table.js.map +1 -1
- package/dist/components/stzh-tag2.js +2 -1
- package/dist/components/stzh-tag2.js.map +1 -1
- package/dist/components/stzh-text2.js +1 -1
- package/dist/components/stzh-text2.js.map +1 -1
- package/dist/components/stzh-vbz-carousel.js +1 -1
- package/dist/components/stzh-vbz-carousel.js.map +1 -1
- package/dist/esm/{app-globals-3c171b79.js → app-globals-d7eff0a5.js} +39 -14
- package/dist/esm/app-globals-d7eff0a5.js.map +1 -0
- package/dist/esm/index-e3050b18.js +20 -16
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/stzh-actions.entry.js.map +1 -1
- package/dist/esm/stzh-appointments.entry.js +11 -8
- package/dist/esm/stzh-appointments.entry.js.map +1 -1
- package/dist/esm/stzh-badge_3.entry.js +9 -1
- package/dist/esm/stzh-badge_3.entry.js.map +1 -1
- package/dist/esm/stzh-breadcrumb_2.entry.js +13 -4
- package/dist/esm/stzh-breadcrumb_2.entry.js.map +1 -1
- package/dist/esm/stzh-calendar.entry.js +1 -1
- package/dist/esm/stzh-calendar.entry.js.map +1 -1
- package/dist/esm/stzh-card-navigation.entry.js +2 -1
- package/dist/esm/stzh-card-navigation.entry.js.map +1 -1
- package/dist/esm/stzh-card-searchresult.entry.js +21 -32
- package/dist/esm/stzh-card-searchresult.entry.js.map +1 -1
- package/dist/esm/stzh-card-superteaser.entry.js +142 -0
- package/dist/esm/stzh-card-superteaser.entry.js.map +1 -0
- package/dist/esm/stzh-card_3.entry.js +85 -45
- package/dist/esm/stzh-card_3.entry.js.map +1 -1
- package/dist/esm/stzh-checkbox.entry.js +1 -1
- package/dist/esm/stzh-checkbox.entry.js.map +1 -1
- package/dist/esm/stzh-chip.entry.js +9 -4
- package/dist/esm/stzh-chip.entry.js.map +1 -1
- package/dist/esm/stzh-components.js +2 -2
- package/dist/esm/stzh-contact.entry.js +7 -2
- package/dist/esm/stzh-contact.entry.js.map +1 -1
- package/dist/esm/stzh-content.entry.js +1 -1
- package/dist/esm/stzh-content.entry.js.map +1 -1
- package/dist/esm/stzh-cspace.entry.js +1 -1
- package/dist/esm/stzh-cspace.entry.js.map +1 -1
- package/dist/esm/stzh-cta.entry.js +10 -2
- package/dist/esm/stzh-cta.entry.js.map +1 -1
- package/dist/esm/stzh-datalist_2.entry.js +26 -16
- package/dist/esm/stzh-datalist_2.entry.js.map +1 -1
- package/dist/esm/stzh-datamessagelist-item.entry.js +11 -5
- package/dist/esm/stzh-datamessagelist-item.entry.js.map +1 -1
- package/dist/esm/stzh-datamessagelist.entry.js +1 -1
- package/dist/esm/stzh-datamessagelist.entry.js.map +1 -1
- package/dist/esm/stzh-datatable.entry.js +1 -1
- package/dist/esm/stzh-datatable.entry.js.map +1 -1
- package/dist/esm/stzh-datepicker_3.entry.js +2 -2
- package/dist/esm/stzh-datepicker_3.entry.js.map +1 -1
- package/dist/esm/stzh-daterange.entry.js +103 -0
- package/dist/esm/stzh-daterange.entry.js.map +1 -0
- package/dist/esm/stzh-details_2.entry.js +208 -0
- package/dist/esm/stzh-details_2.entry.js.map +1 -0
- package/dist/esm/stzh-dropdown.entry.js +13 -4
- package/dist/esm/stzh-dropdown.entry.js.map +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-ghettobox_3.entry.js +2 -3
- package/dist/esm/stzh-ghettobox_3.entry.js.map +1 -1
- package/dist/esm/stzh-header.entry.js +56 -26
- package/dist/esm/stzh-header.entry.js.map +1 -1
- package/dist/esm/stzh-heading.entry.js +1 -1
- package/dist/esm/stzh-heading.entry.js.map +1 -1
- package/dist/esm/stzh-iframe.entry.js +11 -3
- package/dist/esm/stzh-iframe.entry.js.map +1 -1
- package/dist/esm/stzh-imagecomparison.entry.js +2 -2
- package/dist/esm/stzh-imagecomparison.entry.js.map +1 -1
- package/dist/esm/stzh-input.entry.js.map +1 -1
- package/dist/esm/stzh-link.entry.js +11 -3
- package/dist/esm/stzh-link.entry.js.map +1 -1
- package/dist/esm/stzh-menu_2.entry.js +10 -2
- package/dist/esm/stzh-menu_2.entry.js.map +1 -1
- package/dist/esm/stzh-microsite-teaserlist.entry.js +2 -2
- package/dist/esm/stzh-microsite-teaserlist.entry.js.map +1 -1
- package/dist/esm/stzh-pagebottom.entry.js +1 -1
- package/dist/esm/stzh-pagebottom.entry.js.map +1 -1
- package/dist/esm/stzh-popover_2.entry.js +1 -1
- package/dist/esm/stzh-popover_2.entry.js.map +1 -1
- package/dist/esm/stzh-search.entry.js +100 -67
- package/dist/esm/stzh-search.entry.js.map +1 -1
- package/dist/esm/stzh-skin-portal-mitwirken.entry.js +1 -1
- package/dist/esm/stzh-skin-portal-mitwirken.entry.js.map +1 -1
- package/dist/esm/stzh-skin-storybook-preview.entry.js +1 -1
- package/dist/esm/stzh-skin-storybook-preview.entry.js.map +1 -1
- package/dist/esm/stzh-table.entry.js +1 -1
- package/dist/esm/stzh-table.entry.js.map +1 -1
- package/dist/esm/stzh-vbz-carousel.entry.js +1 -1
- package/dist/esm/stzh-vbz-carousel.entry.js.map +1 -1
- package/dist/stzh-components/assets/fonts/HelveticaNeueLTW05_66MediumIt.woff2 +0 -0
- package/dist/stzh-components/assets/fonts.css +7 -0
- package/dist/stzh-components/assets/i18n/de.json +12 -5
- package/dist/stzh-components/assets/i18n/en.json +12 -5
- package/dist/stzh-components/index.esm.js.map +1 -1
- package/dist/stzh-components/p-05e8c18d.js +2 -0
- package/dist/stzh-components/p-05e8c18d.js.map +1 -0
- package/dist/stzh-components/{p-3ca4f71a.entry.js → p-069e181f.entry.js} +2 -2
- package/dist/stzh-components/p-069e181f.entry.js.map +1 -0
- package/dist/stzh-components/p-0aabd857.entry.js +2 -0
- package/dist/stzh-components/p-0aabd857.entry.js.map +1 -0
- package/dist/stzh-components/p-0bf70420.entry.js +2 -0
- package/dist/stzh-components/p-0bf70420.entry.js.map +1 -0
- package/dist/stzh-components/p-100d4052.entry.js +2 -0
- package/dist/stzh-components/p-100d4052.entry.js.map +1 -0
- package/dist/stzh-components/p-1be90089.entry.js +2 -0
- package/dist/stzh-components/p-1be90089.entry.js.map +1 -0
- package/dist/stzh-components/p-206ec94f.entry.js +2 -0
- package/dist/stzh-components/p-206ec94f.entry.js.map +1 -0
- package/dist/stzh-components/p-2773b08f.entry.js +2 -0
- package/dist/stzh-components/p-2773b08f.entry.js.map +1 -0
- package/dist/stzh-components/{p-53828193.entry.js → p-2ca82cdb.entry.js} +2 -2
- package/dist/stzh-components/{p-53828193.entry.js.map → p-2ca82cdb.entry.js.map} +1 -1
- package/dist/stzh-components/p-3c2d9cff.entry.js +2 -0
- package/dist/stzh-components/p-3c2d9cff.entry.js.map +1 -0
- package/dist/stzh-components/p-3ce84a88.entry.js +2 -0
- package/dist/stzh-components/p-3ce84a88.entry.js.map +1 -0
- package/dist/stzh-components/{p-e63dfe12.entry.js → p-3fa1c5a4.entry.js} +2 -2
- package/dist/stzh-components/p-3fa1c5a4.entry.js.map +1 -0
- package/dist/stzh-components/p-400f2932.entry.js +2 -0
- package/dist/stzh-components/p-400f2932.entry.js.map +1 -0
- package/dist/stzh-components/p-4db427d5.entry.js +2 -0
- package/dist/stzh-components/p-4db427d5.entry.js.map +1 -0
- package/dist/stzh-components/{p-bd494b47.entry.js → p-523c0bb1.entry.js} +2 -2
- package/dist/stzh-components/p-523c0bb1.entry.js.map +1 -0
- package/dist/stzh-components/p-5d4a2df0.entry.js +2 -0
- package/dist/stzh-components/{p-10fb3950.entry.js.map → p-5d4a2df0.entry.js.map} +1 -1
- package/dist/stzh-components/{p-bb87a6e2.entry.js → p-68d33cd3.entry.js} +2 -2
- package/dist/stzh-components/p-68d33cd3.entry.js.map +1 -0
- package/dist/stzh-components/p-6fdc4c74.entry.js +2 -0
- package/dist/stzh-components/p-6fdc4c74.entry.js.map +1 -0
- package/dist/stzh-components/p-722b9e40.entry.js +2 -0
- package/dist/stzh-components/p-722b9e40.entry.js.map +1 -0
- package/dist/stzh-components/p-72c375c7.entry.js +2 -0
- package/dist/stzh-components/p-72c375c7.entry.js.map +1 -0
- package/dist/stzh-components/p-836c4cdf.entry.js +2 -0
- package/dist/stzh-components/p-836c4cdf.entry.js.map +1 -0
- package/dist/stzh-components/{p-cde04c36.entry.js → p-8f1dbd3b.entry.js} +2 -2
- package/dist/stzh-components/{p-cde04c36.entry.js.map → p-8f1dbd3b.entry.js.map} +1 -1
- package/dist/stzh-components/{p-8cc09e67.entry.js → p-94947ab0.entry.js} +2 -2
- package/dist/stzh-components/p-94947ab0.entry.js.map +1 -0
- package/dist/stzh-components/{p-e7ac738e.entry.js → p-9b43127f.entry.js} +2 -2
- package/dist/stzh-components/{p-e7ac738e.entry.js.map → p-9b43127f.entry.js.map} +1 -1
- package/dist/stzh-components/p-9f9d53a0.entry.js +2 -0
- package/dist/stzh-components/p-9f9d53a0.entry.js.map +1 -0
- package/dist/stzh-components/p-accbac61.entry.js +2 -0
- package/dist/stzh-components/p-accbac61.entry.js.map +1 -0
- package/dist/stzh-components/p-b22876e5.entry.js +2 -0
- package/dist/stzh-components/p-b22876e5.entry.js.map +1 -0
- package/dist/stzh-components/p-ba32d7ef.entry.js +2 -0
- package/dist/stzh-components/p-ba32d7ef.entry.js.map +1 -0
- package/dist/stzh-components/p-bd2a2c30.entry.js +2 -0
- package/dist/stzh-components/p-bd2a2c30.entry.js.map +1 -0
- package/dist/stzh-components/p-beec9a0a.entry.js.map +1 -1
- package/dist/stzh-components/p-c31b1590.entry.js +9 -0
- package/dist/stzh-components/{p-b4ce8e10.entry.js.map → p-c31b1590.entry.js.map} +1 -1
- package/dist/stzh-components/{p-56b6eab9.entry.js → p-cff05968.entry.js} +2 -2
- package/dist/stzh-components/p-cff05968.entry.js.map +1 -0
- package/dist/stzh-components/p-d028e43d.entry.js +2 -0
- package/dist/stzh-components/{p-1252aa01.entry.js.map → p-d028e43d.entry.js.map} +1 -1
- package/dist/stzh-components/p-ddfb8df0.entry.js +2 -0
- package/dist/stzh-components/p-ddfb8df0.entry.js.map +1 -0
- package/dist/stzh-components/p-dff1ce7c.entry.js +2 -0
- package/dist/stzh-components/p-dff1ce7c.entry.js.map +1 -0
- package/dist/stzh-components/{p-17de3017.entry.js → p-e5cfdb8a.entry.js} +2 -2
- package/dist/stzh-components/{p-17de3017.entry.js.map → p-e5cfdb8a.entry.js.map} +1 -1
- package/dist/stzh-components/p-eb79f3ed.entry.js +2 -0
- package/dist/stzh-components/p-eb79f3ed.entry.js.map +1 -0
- package/dist/stzh-components/p-f3d2dc46.entry.js +2 -0
- package/dist/stzh-components/{p-3e1ae32f.entry.js.map → p-f3d2dc46.entry.js.map} +1 -1
- package/dist/stzh-components/p-f50e0102.entry.js +2 -0
- package/dist/stzh-components/p-f50e0102.entry.js.map +1 -0
- package/dist/stzh-components/p-f5809e5f.entry.js.map +1 -1
- package/dist/stzh-components/p-f5821678.entry.js +2 -0
- package/dist/stzh-components/p-f5821678.entry.js.map +1 -0
- package/dist/stzh-components/stzh-components.css +1 -1
- package/dist/stzh-components/stzh-components.esm.js +1 -1
- package/dist/stzh-components/stzh-components.esm.js.map +1 -1
- package/dist/types/components/stzh-actions/stzh-actions.d.ts +1 -1
- package/dist/types/components/stzh-breadcrumb/stzh-breadcrumb.d.ts +5 -1
- package/dist/types/components/stzh-button/stzh-button.d.ts +9 -7
- package/dist/types/components/stzh-card/stzh-card.d.ts +1 -5
- package/dist/types/components/stzh-card-searchresult/stzh-card-searchresult.d.ts +11 -9
- package/dist/types/components/stzh-card-superteaser/stzh-card-superteaser.d.ts +75 -0
- package/dist/types/components/stzh-card-superteaser/stzh-card-superteaser.localization.d.ts +2 -0
- package/dist/types/components/stzh-chip/stzh-chip.d.ts +8 -0
- package/dist/types/components/stzh-chipselect/stzh-chipselect.d.ts +8 -4
- package/dist/types/components/stzh-contact/stzh-contact.d.ts +2 -0
- package/dist/types/components/stzh-cta/stzh-cta.d.ts +6 -3
- package/dist/types/components/stzh-datalist-item/stzh-datalist-item.d.ts +7 -2
- package/dist/types/components/stzh-datamessagelist-item/stzh-datamessagelist-item.d.ts +2 -0
- package/dist/types/components/stzh-daterange/stzh-daterange.d.ts +26 -0
- package/dist/types/components/stzh-daterange/stzh-daterange.localization.d.ts +9 -0
- package/dist/types/components/stzh-dropdown/stzh-dropdown.d.ts +11 -3
- package/dist/types/components/stzh-header/stzh-header.d.ts +9 -4
- package/dist/types/components/stzh-iframe/stzh-iframe.d.ts +29 -1
- package/dist/types/components/stzh-link/stzh-link.d.ts +10 -7
- package/dist/types/components/stzh-menu-item/stzh-menu-item.d.ts +5 -2
- package/dist/types/components/stzh-search/stzh-search.d.ts +15 -0
- package/dist/types/components/stzh-search/stzh-search.localization.d.ts +1 -1
- package/dist/types/components.d.ts +561 -79
- package/dist/types/index.d.ts +56 -5
- package/dist/vscode-data.json +418 -27
- package/package.json +1 -1
- package/dist/cjs/app-globals-0cbebaa1.js.map +0 -1
- package/dist/cjs/stzh-details.cjs.entry.js +0 -162
- package/dist/cjs/stzh-details.cjs.entry.js.map +0 -1
- package/dist/cjs/stzh-message.cjs.entry.js.map +0 -1
- package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.localization.js +0 -2
- package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.localization.js.map +0 -1
- package/dist/collection/patterns/appointments/appointments.e2e.js.map +0 -1
- package/dist/esm/app-globals-3c171b79.js.map +0 -1
- package/dist/esm/stzh-details.entry.js +0 -158
- package/dist/esm/stzh-details.entry.js.map +0 -1
- package/dist/esm/stzh-message.entry.js.map +0 -1
- package/dist/stzh-components/p-10fb3950.entry.js +0 -2
- package/dist/stzh-components/p-1252aa01.entry.js +0 -2
- package/dist/stzh-components/p-161ae3d1.entry.js +0 -2
- package/dist/stzh-components/p-161ae3d1.entry.js.map +0 -1
- package/dist/stzh-components/p-18015613.entry.js +0 -2
- package/dist/stzh-components/p-18015613.entry.js.map +0 -1
- package/dist/stzh-components/p-38d64313.entry.js +0 -2
- package/dist/stzh-components/p-38d64313.entry.js.map +0 -1
- package/dist/stzh-components/p-39fa126d.js +0 -2
- package/dist/stzh-components/p-39fa126d.js.map +0 -1
- package/dist/stzh-components/p-3ca4f71a.entry.js.map +0 -1
- package/dist/stzh-components/p-3e1ae32f.entry.js +0 -2
- package/dist/stzh-components/p-43cc5c4d.entry.js +0 -2
- package/dist/stzh-components/p-43cc5c4d.entry.js.map +0 -1
- package/dist/stzh-components/p-4cff0c86.entry.js +0 -2
- package/dist/stzh-components/p-4cff0c86.entry.js.map +0 -1
- package/dist/stzh-components/p-56b6eab9.entry.js.map +0 -1
- package/dist/stzh-components/p-5e48450d.entry.js +0 -2
- package/dist/stzh-components/p-5e48450d.entry.js.map +0 -1
- package/dist/stzh-components/p-62b88844.entry.js +0 -2
- package/dist/stzh-components/p-62b88844.entry.js.map +0 -1
- package/dist/stzh-components/p-69c1826d.entry.js +0 -2
- package/dist/stzh-components/p-69c1826d.entry.js.map +0 -1
- package/dist/stzh-components/p-7091d652.entry.js +0 -2
- package/dist/stzh-components/p-7091d652.entry.js.map +0 -1
- package/dist/stzh-components/p-7658bb41.entry.js +0 -2
- package/dist/stzh-components/p-7658bb41.entry.js.map +0 -1
- package/dist/stzh-components/p-76902b7c.entry.js +0 -2
- package/dist/stzh-components/p-76902b7c.entry.js.map +0 -1
- package/dist/stzh-components/p-79a6b95b.entry.js +0 -2
- package/dist/stzh-components/p-79a6b95b.entry.js.map +0 -1
- package/dist/stzh-components/p-8cc09e67.entry.js.map +0 -1
- package/dist/stzh-components/p-92285350.entry.js +0 -2
- package/dist/stzh-components/p-92285350.entry.js.map +0 -1
- package/dist/stzh-components/p-93e0ff47.entry.js +0 -2
- package/dist/stzh-components/p-93e0ff47.entry.js.map +0 -1
- package/dist/stzh-components/p-b4ce8e10.entry.js +0 -9
- package/dist/stzh-components/p-ba37488e.entry.js +0 -2
- package/dist/stzh-components/p-ba37488e.entry.js.map +0 -1
- package/dist/stzh-components/p-bb87a6e2.entry.js.map +0 -1
- package/dist/stzh-components/p-bd494b47.entry.js.map +0 -1
- package/dist/stzh-components/p-cf96dafb.entry.js +0 -2
- package/dist/stzh-components/p-cf96dafb.entry.js.map +0 -1
- package/dist/stzh-components/p-d2ce78d1.entry.js +0 -2
- package/dist/stzh-components/p-d2ce78d1.entry.js.map +0 -1
- package/dist/stzh-components/p-ddbf653e.entry.js +0 -2
- package/dist/stzh-components/p-ddbf653e.entry.js.map +0 -1
- package/dist/stzh-components/p-e4f62382.entry.js +0 -2
- package/dist/stzh-components/p-e4f62382.entry.js.map +0 -1
- package/dist/stzh-components/p-e63dfe12.entry.js.map +0 -1
- package/dist/stzh-components/p-e6785bb1.entry.js +0 -2
- package/dist/stzh-components/p-e6785bb1.entry.js.map +0 -1
- package/dist/stzh-components/p-ef849bb1.entry.js +0 -2
- package/dist/stzh-components/p-ef849bb1.entry.js.map +0 -1
- package/dist/stzh-components/p-f8ec1488.entry.js +0 -2
- package/dist/stzh-components/p-f8ec1488.entry.js.map +0 -1
- package/dist/stzh-components/p-fb1d20da.entry.js +0 -2
- package/dist/stzh-components/p-fb1d20da.entry.js.map +0 -1
- package/dist/types/components/stzh-card-searchresult/stzh-card-searchresult.localization.d.ts +0 -2
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as s,h as c,a as e,g as a}from"./p-c7bfac7a.js";import{s as t}from"./p-7e304ea3.js";import"./p-9b063923.js";const h=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-cspace{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}stzh-cspace[hidden]{display:none}stzh-cspace::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-cspace::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-cspace *,stzh-cspace *::before,stzh-cspace *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-cspace .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-cspace .stzh-fylingfocus-focused{outline-style:none !important}stzh-cspace .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-cspace[has-hidden-first-margin]>.stzh-cspace>:first-child{margin-top:0 !important}stzh-cspace[has-hidden-first-margin]>.stzh-cspace>.section:first-child>*:first-child{margin-top:0 !important}stzh-cspace[has-hidden-last-margin]>.stzh-cspace>:last-child{margin-bottom:0 !important}stzh-cspace[has-hidden-last-margin]>.stzh-cspace>.section:last-child>*:last-child{margin-bottom:0 !important}stzh-cspace>.stzh-cspace{display:grid;grid-template-columns:minmax(0, 1fr);}stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-xsmall)}}stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="hero"]){margin-bottom:var(--stzh-space-xlarge);margin-top:0}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="hero"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="hero"]){margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>stzh-input,stzh-cspace>.stzh-cspace>stzh-input,stzh-cspace>.stzh-cspace>.section>stzh-datepicker,stzh-cspace>.stzh-cspace>stzh-datepicker,stzh-cspace>.stzh-cspace>.section>stzh-dropdown,stzh-cspace>.stzh-cspace>stzh-dropdown,stzh-cspace>.stzh-cspace>.section>stzh-upload,stzh-cspace>.stzh-cspace>stzh-upload,stzh-cspace>.stzh-cspace>.section>stzh-checkbox,stzh-cspace>.stzh-cspace>stzh-checkbox,stzh-cspace>.stzh-cspace>.section>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>.section>stzh-radio,stzh-cspace>.stzh-cspace>stzh-radio,stzh-cspace>.stzh-cspace>.section>stzh-radiogroup,stzh-cspace>.stzh-cspace>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-input,stzh-cspace>.stzh-cspace>stzh-input,stzh-cspace>.stzh-cspace>.section>stzh-datepicker,stzh-cspace>.stzh-cspace>stzh-datepicker,stzh-cspace>.stzh-cspace>.section>stzh-dropdown,stzh-cspace>.stzh-cspace>stzh-dropdown,stzh-cspace>.stzh-cspace>.section>stzh-upload,stzh-cspace>.stzh-cspace>stzh-upload,stzh-cspace>.stzh-cspace>.section>stzh-checkbox,stzh-cspace>.stzh-cspace>stzh-checkbox,stzh-cspace>.stzh-cspace>.section>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>.section>stzh-radio,stzh-cspace>.stzh-cspace>stzh-radio,stzh-cspace>.stzh-cspace>.section>stzh-radiogroup,stzh-cspace>.stzh-cspace>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-input,stzh-cspace>.stzh-cspace>stzh-input,stzh-cspace>.stzh-cspace>.section>stzh-datepicker,stzh-cspace>.stzh-cspace>stzh-datepicker,stzh-cspace>.stzh-cspace>.section>stzh-dropdown,stzh-cspace>.stzh-cspace>stzh-dropdown,stzh-cspace>.stzh-cspace>.section>stzh-upload,stzh-cspace>.stzh-cspace>stzh-upload,stzh-cspace>.stzh-cspace>.section>stzh-checkbox,stzh-cspace>.stzh-cspace>stzh-checkbox,stzh-cspace>.stzh-cspace>.section>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>.section>stzh-radio,stzh-cspace>.stzh-cspace>stzh-radio,stzh-cspace>.stzh-cspace>.section>stzh-radiogroup,stzh-cspace>.stzh-cspace>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-chipgroup,stzh-cspace>.stzh-cspace>stzh-chipgroup,stzh-cspace>.stzh-cspace>.section>stzh-contact,stzh-cspace>.stzh-cspace>stzh-contact,stzh-cspace>.stzh-cspace>.section>stzh-accordion,stzh-cspace>.stzh-cspace>stzh-accordion,stzh-cspace>.stzh-cspace>.section>stzh-anchornav,stzh-cspace>.stzh-cspace>stzh-anchornav,stzh-cspace>.stzh-cspace>.section>stzh-audio,stzh-cspace>.stzh-cspace>stzh-audio,stzh-cspace>.stzh-cspace>.section>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>.section>stzh-gallery,stzh-cspace>.stzh-cspace>stzh-gallery,stzh-cspace>.stzh-cspace>.section>stzh-panorama,stzh-cspace>.stzh-cspace>stzh-panorama,stzh-cspace>.stzh-cspace>.section>stzh-chart,stzh-cspace>.stzh-cspace>stzh-chart,stzh-cspace>.stzh-cspace>.section>stzh-sitemap,stzh-cspace>.stzh-cspace>stzh-sitemap,stzh-cspace>.stzh-cspace>.section>stzh-hr,stzh-cspace>.stzh-cspace>stzh-hr,stzh-cspace>.stzh-cspace>.section>stzh-archivelist,stzh-cspace>.stzh-cspace>stzh-archivelist,stzh-cspace>.stzh-cspace>.section>stzh-figure,stzh-cspace>.stzh-cspace>stzh-figure,stzh-cspace>.stzh-cspace>stzh-iframe,stzh-cspace>.stzh-cspace>.section>stzh-youtube,stzh-cspace>.stzh-cspace>stzh-youtube,stzh-cspace>.stzh-cspace>.section>stzh-eventinfo,stzh-cspace>.stzh-cspace>stzh-eventinfo,stzh-cspace>.stzh-cspace>.section>stzh-vbz-ticker,stzh-cspace>.stzh-cspace>stzh-vbz-ticker{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-chipgroup,stzh-cspace>.stzh-cspace>stzh-chipgroup,stzh-cspace>.stzh-cspace>.section>stzh-contact,stzh-cspace>.stzh-cspace>stzh-contact,stzh-cspace>.stzh-cspace>.section>stzh-accordion,stzh-cspace>.stzh-cspace>stzh-accordion,stzh-cspace>.stzh-cspace>.section>stzh-anchornav,stzh-cspace>.stzh-cspace>stzh-anchornav,stzh-cspace>.stzh-cspace>.section>stzh-audio,stzh-cspace>.stzh-cspace>stzh-audio,stzh-cspace>.stzh-cspace>.section>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>.section>stzh-gallery,stzh-cspace>.stzh-cspace>stzh-gallery,stzh-cspace>.stzh-cspace>.section>stzh-panorama,stzh-cspace>.stzh-cspace>stzh-panorama,stzh-cspace>.stzh-cspace>.section>stzh-chart,stzh-cspace>.stzh-cspace>stzh-chart,stzh-cspace>.stzh-cspace>.section>stzh-sitemap,stzh-cspace>.stzh-cspace>stzh-sitemap,stzh-cspace>.stzh-cspace>.section>stzh-hr,stzh-cspace>.stzh-cspace>stzh-hr,stzh-cspace>.stzh-cspace>.section>stzh-archivelist,stzh-cspace>.stzh-cspace>stzh-archivelist,stzh-cspace>.stzh-cspace>.section>stzh-figure,stzh-cspace>.stzh-cspace>stzh-figure,stzh-cspace>.stzh-cspace>stzh-iframe,stzh-cspace>.stzh-cspace>.section>stzh-youtube,stzh-cspace>.stzh-cspace>stzh-youtube,stzh-cspace>.stzh-cspace>.section>stzh-eventinfo,stzh-cspace>.stzh-cspace>stzh-eventinfo,stzh-cspace>.stzh-cspace>.section>stzh-vbz-ticker,stzh-cspace>.stzh-cspace>stzh-vbz-ticker{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-chipgroup,stzh-cspace>.stzh-cspace>stzh-chipgroup,stzh-cspace>.stzh-cspace>.section>stzh-contact,stzh-cspace>.stzh-cspace>stzh-contact,stzh-cspace>.stzh-cspace>.section>stzh-accordion,stzh-cspace>.stzh-cspace>stzh-accordion,stzh-cspace>.stzh-cspace>.section>stzh-anchornav,stzh-cspace>.stzh-cspace>stzh-anchornav,stzh-cspace>.stzh-cspace>.section>stzh-audio,stzh-cspace>.stzh-cspace>stzh-audio,stzh-cspace>.stzh-cspace>.section>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>.section>stzh-gallery,stzh-cspace>.stzh-cspace>stzh-gallery,stzh-cspace>.stzh-cspace>.section>stzh-panorama,stzh-cspace>.stzh-cspace>stzh-panorama,stzh-cspace>.stzh-cspace>.section>stzh-chart,stzh-cspace>.stzh-cspace>stzh-chart,stzh-cspace>.stzh-cspace>.section>stzh-sitemap,stzh-cspace>.stzh-cspace>stzh-sitemap,stzh-cspace>.stzh-cspace>.section>stzh-hr,stzh-cspace>.stzh-cspace>stzh-hr,stzh-cspace>.stzh-cspace>.section>stzh-archivelist,stzh-cspace>.stzh-cspace>stzh-archivelist,stzh-cspace>.stzh-cspace>.section>stzh-figure,stzh-cspace>.stzh-cspace>stzh-figure,stzh-cspace>.stzh-cspace>stzh-iframe,stzh-cspace>.stzh-cspace>.section>stzh-youtube,stzh-cspace>.stzh-cspace>stzh-youtube,stzh-cspace>.stzh-cspace>.section>stzh-eventinfo,stzh-cspace>.stzh-cspace>stzh-eventinfo,stzh-cspace>.stzh-cspace>.section>stzh-vbz-ticker,stzh-cspace>.stzh-cspace>stzh-vbz-ticker{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-datalist,stzh-cspace>.stzh-cspace>stzh-datalist,stzh-cspace>.stzh-cspace>.section>stzh-textandimage,stzh-cspace>.stzh-cspace>stzh-textandimage{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-datalist,stzh-cspace>.stzh-cspace>stzh-datalist,stzh-cspace>.stzh-cspace>.section>stzh-textandimage,stzh-cspace>.stzh-cspace>stzh-textandimage{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-datalist,stzh-cspace>.stzh-cspace>stzh-datalist,stzh-cspace>.stzh-cspace>.section>stzh-textandimage,stzh-cspace>.stzh-cspace>stzh-textandimage{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-pagetitle[background=default],stzh-cspace>.stzh-cspace>stzh-pagetitle[background=default]{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-pagetitle[background=default],stzh-cspace>.stzh-cspace>stzh-pagetitle[background=default]{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagetitle[background=default],stzh-cspace>.stzh-cspace>stzh-pagetitle[background=default]{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagetitle[background=default],stzh-cspace>.stzh-cspace>stzh-pagetitle[background=default]{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-saptcha,stzh-cspace>.stzh-cspace>stzh-saptcha{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-saptcha,stzh-cspace>.stzh-cspace>stzh-saptcha{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-saptcha,stzh-cspace>.stzh-cspace>stzh-saptcha{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-medium,stzh-cspace>.stzh-cspace>.cspace-t-curve-medium{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-medium,stzh-cspace>.stzh-cspace>.cspace-t-curve-medium{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-medium,stzh-cspace>.stzh-cspace>.cspace-t-curve-medium{margin-top:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-medium,stzh-cspace>.stzh-cspace>.cspace-b-curve-medium{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-medium,stzh-cspace>.stzh-cspace>.cspace-b-curve-medium{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-medium,stzh-cspace>.stzh-cspace>.cspace-b-curve-medium{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-large,stzh-cspace>.stzh-cspace>.cspace-t-curve-large{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-large,stzh-cspace>.stzh-cspace>.cspace-t-curve-large{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-large,stzh-cspace>.stzh-cspace>.cspace-t-curve-large{margin-top:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-large,stzh-cspace>.stzh-cspace>.cspace-b-curve-large{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-large,stzh-cspace>.stzh-cspace>.cspace-b-curve-large{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-large,stzh-cspace>.stzh-cspace>.cspace-b-curve-large{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-bottom:var(--stzh-space-huge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-huge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-huge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-small,stzh-cspace>.stzh-cspace>.small\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-small,stzh-cspace>.stzh-cspace>.small\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-small,stzh-cspace>.stzh-cspace>.small\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.small\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.small\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.small\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-large,stzh-cspace>.stzh-cspace>.small\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-large,stzh-cspace>.stzh-cspace>.small\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-large,stzh-cspace>.stzh-cspace>.small\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-big,stzh-cspace>.stzh-cspace>.small\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-big,stzh-cspace>.stzh-cspace>.small\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-big,stzh-cspace>.stzh-cspace>.small\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-none,stzh-cspace>.stzh-cspace>.small\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-none,stzh-cspace>.stzh-cspace>.small\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-none,stzh-cspace>.stzh-cspace>.small\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-default,stzh-cspace>.stzh-cspace>.small\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-default,stzh-cspace>.stzh-cspace>.small\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-default,stzh-cspace>.stzh-cspace>.small\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-small,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-small,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-small,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-large,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-large,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-large,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-big,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-big,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-big,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-none,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-none,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-none,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-default,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-default,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-default,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-small,stzh-cspace>.stzh-cspace>.large\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-small,stzh-cspace>.stzh-cspace>.large\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-small,stzh-cspace>.stzh-cspace>.large\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.large\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.large\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.large\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-large,stzh-cspace>.stzh-cspace>.large\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-large,stzh-cspace>.stzh-cspace>.large\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-large,stzh-cspace>.stzh-cspace>.large\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-big,stzh-cspace>.stzh-cspace>.large\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-big,stzh-cspace>.stzh-cspace>.large\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-big,stzh-cspace>.stzh-cspace>.large\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-none,stzh-cspace>.stzh-cspace>.large\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-none,stzh-cspace>.stzh-cspace>.large\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-none,stzh-cspace>.stzh-cspace>.large\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-default,stzh-cspace>.stzh-cspace>.large\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-default,stzh-cspace>.stzh-cspace>.large\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-default,stzh-cspace>.stzh-cspace>.large\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-small,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-small,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-small,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-large,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-large,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-large,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-big,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-big,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-big,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-none,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-none,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-none,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-default,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-default,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-default,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.cspace-y-0,stzh-cspace>.stzh-cspace>.cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.cspace-t-0,stzh-cspace>.stzh-cspace>.cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.cspace-b-0,stzh-cspace>.stzh-cspace>.cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-0,stzh-cspace>.stzh-cspace>.small\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-0,stzh-cspace>.stzh-cspace>.small\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-0,stzh-cspace>.stzh-cspace>.small\\:cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-0,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-0,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-0,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-0,stzh-cspace>.stzh-cspace>.large\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-0,stzh-cspace>.stzh-cspace>.large\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-0,stzh-cspace>.stzh-cspace>.large\\:cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-0,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-0,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-0,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-0{margin-bottom:0}';const p=class{constructor(c){s(this,c);this.init=()=>{if(!this.rootElement){return}if(this.preventRemoveNested!=="disabled"){const s=this.rootElement.querySelectorAll(this.preventRemoveNested==="deep"?"stzh-cspace, stzh-richtext":":scope > stzh-cspace, :scope > .section > stzh-cspace, stzh-show > stzh-cspace, :scope > stzh-richtext, :scope > .section > stzh-richtext, stzh-show > stzh-richtext");s.forEach((s=>{t(s,{removeFirstMargin:false,removeLastMargin:false})}))}};this.removeFirstMargin=undefined;this.removeLastMargin=undefined;this.preventRemoveNested="direct"}preventRemoveNestedWatcher(){this.init()}componentDidRender(){this.init();this.observer.observe(this.rootElement,{childList:true,subtree:true})}connectedCallback(){this.observer=new MutationObserver(this.init)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const s={"stzh-cspace":true};return c(e,{"has-hidden-first-margin":typeof this.removeFirstMargin==="boolean"?this.removeFirstMargin:true,"has-hidden-last-margin":typeof this.removeLastMargin==="boolean"?this.removeLastMargin:true},c("div",{ref:s=>this.rootElement=s,class:s},c("slot",null)))}get element(){return a(this)}static get watchers(){return{preventRemoveNested:["preventRemoveNestedWatcher"]}}};p.style=h;export{p as stzh_cspace};
|
|
2
|
-
//# sourceMappingURL=p-62b88844.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stzhCspaceCss","StzhCspace","this","init","rootElement","preventRemoveNested","nestedCspaceOrRichtext","querySelectorAll","forEach","cspaceOrRichtext","setPropsIfNull","removeFirstMargin","removeLastMargin","preventRemoveNestedWatcher","componentDidRender","observer","observe","childList","subtree","connectedCallback","MutationObserver","disconnectedCallback","disconnect","render","classes","h","Host","ref","el","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":["stzh-cspace {\n @include host;\n color: inherit;\n font-weight: inherit;\n font-family: inherit;\n letter-spacing: inherit;\n\n // Remove edge margin\n\n &[has-hidden-first-margin] > .stzh-cspace {\n & > :first-child {\n margin-top: 0 !important;\n }\n\n & > .section:first-child > *:first-child {\n margin-top: 0 !important;\n }\n }\n\n &[has-hidden-last-margin] > .stzh-cspace {\n & > :last-child {\n margin-bottom: 0 !important;\n }\n\n & > .section:last-child > *:last-child {\n margin-bottom: 0 !important;\n }\n }\n}\n\nstzh-cspace > .stzh-cspace {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n // display: flex;\n // flex-direction: column;\n // align-items: flex-start;\n\n & > .section > h1,\n & > h1,\n & > .section > :where(stzh-heading[level=\"1\"]),\n & > :where(stzh-heading[level=\"1\"]) {\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > h2,\n & > h2,\n & > .section > :where(stzh-heading[level=\"2\"]),\n & > :where(stzh-heading[level=\"2\"]) {\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > h3,\n & > h3,\n & > .section > :where(stzh-heading[level=\"3\"]),\n & > :where(stzh-heading[level=\"3\"]) {\n @include spaceCurve('margin-top', 'tiny');\n @include spaceCurve('margin-bottom', 'tiny');\n\n @include mq($from: large) {\n margin-top: space('xsmall');\n }\n }\n\n & > .section > h4,\n & > h4,\n & > .section > :where(stzh-heading[level=\"4\"]),\n & > :where(stzh-heading[level=\"4\"]) {\n @include spaceCurve('margin-top', 'small');\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > p,\n & > p,\n & > .section > stzh-text,\n & > stzh-text,\n & > .section > ul,\n & > ul,\n & > .section > ol,\n & > ol,\n & > .section > dl,\n & > dl,\n & > .section > stzh-list,\n & > stzh-list {\n @include spaceCurve('margin-bottom', 'regular');\n margin-top: 0;\n }\n\n & > .section > :where(stzh-text[curve=\"hero\"]),\n & > :where(stzh-text[curve=\"hero\"]),\n & > .section > :where(stzh-heading[curve=\"hero\"]),\n & > :where(stzh-heading[curve=\"hero\"]) {\n @include spaceCurve('margin-bottom', 'medium');\n margin-top: 0;\n }\n\n & > .section > :where(stzh-text[curve=\"h1\"]),\n & > :where(stzh-text[curve=\"h1\"]),\n & > .section > :where(stzh-heading[curve=\"h1\"]),\n & > :where(stzh-heading[curve=\"h1\"]) {\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > :where(stzh-text[curve=\"h2\"]),\n & > :where(stzh-text[curve=\"h2\"]),\n & > .section > :where(stzh-heading[curve=\"h2\"]),\n & > :where(stzh-heading[curve=\"h2\"]) {\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'small');\n }\n\n & > .section > :where(stzh-text[curve=\"h3\"]),\n & > :where(stzh-text[curve=\"h3\"]),\n & > .section > :where(stzh-heading[curve=\"h3\"]),\n & > :where(stzh-heading[curve=\"h3\"]) {\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > :where(stzh-text[curve=\"h4\"]),\n & > :where(stzh-text[curve=\"h4\"]),\n & > .section > :where(stzh-heading[curve=\"h4\"]),\n & > :where(stzh-heading[curve=\"h4\"]) {\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > :where(stzh-text[curve=\"p1\"]),\n & > :where(stzh-text[curve=\"p1\"]),\n & > .section > :where(stzh-heading[curve=\"p1\"]),\n & > :where(stzh-heading[curve=\"p1\"]) {\n @include spaceCurve('margin-bottom', 'regular');\n margin-top: 0;\n }\n\n & > .section > :where(stzh-text[curve=\"p2\"]),\n & > :where(stzh-text[curve=\"p2\"]),\n & > .section > :where(stzh-heading[curve=\"p2\"]),\n & > :where(stzh-heading[curve=\"p2\"]) {\n @include spaceCurve('margin-top', 'small');\n @include spaceCurve('margin-bottom', 'small');\n }\n\n & > .section > stzh-input, // DONE\n & > stzh-input, // DONE\n & > .section > stzh-datepicker, // DONE\n & > stzh-datepicker, // DONE\n & > .section > stzh-dropdown, // DONE\n & > stzh-dropdown, // DONE\n & > .section > stzh-upload, // DONE\n & > stzh-upload, // DONE\n & > .section > stzh-checkbox, // DONE\n & > stzh-checkbox, // DONE\n & > .section > stzh-checkboxgroup, // DONE\n & > stzh-checkboxgroup, // DONE\n & > .section > stzh-radio, // DONE\n & > stzh-radio, // DONE\n & > .section > stzh-radiogroup, // DONE\n & > stzh-radiogroup { // DONE\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > stzh-message, // DONE\n & > stzh-message { // DONE\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-chipgroup, // DONE\n & > stzh-chipgroup, // DONE\n & > .section > stzh-contact, // DONE\n & > stzh-contact, // DONE\n & > .section > stzh-accordion, // DONE\n & > stzh-accordion, // DONE\n & > .section > stzh-anchornav, // DONE\n & > stzh-anchornav, // DONE\n & > .section > stzh-audio, // DONE\n & > stzh-audio, // DONE\n & > .section > stzh-microsite-teaserlist,\n & > stzh-microsite-teaserlist,\n & > .section > stzh-gallery, // DONE\n & > stzh-gallery, // DONE\n & > .section > stzh-panorama,\n & > stzh-panorama,\n & > .section > stzh-chart,\n & > stzh-chart,\n & > .section > stzh-sitemap,\n & > stzh-sitemap,\n & > .section > stzh-hr,\n & > stzh-hr,\n & > .section > stzh-archivelist,\n & > stzh-archivelist,\n & > .section > stzh-figure, // DONE\n & > stzh-figure, // DONE\n & > stzh-iframe, // DONE\n & > .section > stzh-youtube, // DONE\n & > stzh-youtube, // DONE\n & > .section > stzh-eventinfo,\n & > stzh-eventinfo,\n & > .section > stzh-vbz-ticker,\n & > stzh-vbz-ticker {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-datalist, // DONE\n & > stzh-datalist, // DONE\n & > .section > stzh-textandimage, // DONE\n & > stzh-textandimage { // DONE\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > stzh-section[variant=\"highlight\"], // DONE\n & > stzh-section[variant=\"highlight\"] { // DONE\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n & > .section > stzh-pagetitle[background=\"default\"], // DONE\n & > stzh-pagetitle[background=\"default\"] { // DONE\n @include spaceCurve('margin-bottom', 'big');\n }\n\n & > .section > stzh-richtext[has-hidden-last-margin], // DONE\n & > stzh-richtext[has-hidden-last-margin] { // DONE\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n & > .section > stzh-cta, // DONE\n & > stzh-cta { // DONE\n @include spaceCurve('margin-top', 'small');\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-olmap,\n & > stzh-olmap {\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > stzh-breadcrumb, // DONE\n & > stzh-breadcrumb { // DONE\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n & > .section > stzh-card,\n & > stzh-card {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n & > .section > stzh-table, // DONE\n & > stzh-table, // DONE\n & > .section > stzh-datatable, // DONE\n & > stzh-datatable { // DONE\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-pagebottom,\n & > stzh-pagebottom {\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > stzh-progressbar,\n & > stzh-progressbar {\n @include spaceCurve('margin-top', 'big');\n }\n\n & > .section > stzh-pagination, // DONE\n & > stzh-pagination { // DONE\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'large');\n }\n\n & > .section > stzh-actions, // DONE\n & > stzh-actions { // DONE\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'big');\n }\n\n & > .section > stzh-saptcha, // DONE\n & > stzh-saptcha { // DONE\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n & > .section > stzh-fieldset, // DONE\n & > stzh-fieldset { // DONE\n @include spaceCurve('margin-bottom', 'tiny');\n\n &[legend] {\n @include spaceCurve('margin-top', 'regular');\n }\n }\n\n // & > stzh-heading[level=\"4\"] + stzh-datalist,\n // & > stzh-heading[curve=\"h4\"] + stzh-datalist {\n // margin-top: 0;\n // }\n\n /* Utility classes for applying spacing curves */\n\n @each $spaceCurve, $value in $spaceCurves {\n $defaultSize: map-get($value, 'size');\n $breakpointSizes: map-get($value, 'sizes');\n\n & > .section > .cspace-y-curve-#{$spaceCurve},\n & > .cspace-y-curve-#{$spaceCurve} {\n @include spaceCurve('margin-top', $spaceCurve);\n @include spaceCurve('margin-bottom', $spaceCurve);\n }\n\n & > .section > .cspace-t-curve-#{$spaceCurve},\n & > .cspace-t-curve-#{$spaceCurve} {\n @include spaceCurve('margin-top', $spaceCurve);\n }\n\n & > .section > .cspace-b-curve-#{$spaceCurve},\n & > .cspace-b-curve-#{$spaceCurve} {\n @include spaceCurve('margin-bottom', $spaceCurve);\n }\n }\n\n /* Utility classes for applying spacing values */\n\n @each $breakpoint, $size in $breakpoints {\n @each $space, $value in $spaceSizes {\n @if $breakpoint {\n & > .section > .#{$breakpoint}\\:cspace-y-#{$space},\n & > .#{$breakpoint}\\:cspace-y-#{$space} {\n margin-top: #{$value};\n margin-bottom: #{$value};\n }\n\n & > .section > .#{$breakpoint}\\:cspace-t-#{$space},\n & > .#{$breakpoint}\\:cspace-t-#{$space} {\n margin-top: #{$value};\n }\n\n & > .section > .#{$breakpoint}\\:cspace-b-#{$space},\n & > .#{$breakpoint}\\:cspace-b-#{$space} {\n margin-bottom: #{$value};\n }\n } @else {\n & > .section > .cspace-y-#{$space},\n & > .cspace-y-#{$space} {\n margin-top: #{$value};\n margin-bottom: #{$value};\n }\n\n & > .section > .cspace-t-#{$space},\n & > .cspace-t-#{$space} {\n margin-top: #{$value};\n }\n\n & > .section > .cspace-b-#{$space},\n & > .cspace-b-#{$space} {\n margin-bottom: #{$value};\n }\n }\n }\n }\n\n & > .section > .cspace-y-0,\n & > .cspace-y-0 {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > .section > .cspace-t-0,\n & > .cspace-t-0 {\n margin-top: 0;\n }\n\n & > .section > .cspace-b-0,\n & > .cspace-b-0 {\n margin-bottom: 0;\n }\n\n @each $breakpoint, $size in $breakpoints {\n & > .section > .#{$breakpoint}\\:cspace-y-0,\n & > .#{$breakpoint}\\:cspace-y-0 {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > .section > .#{$breakpoint}\\:cspace-t-0,\n & > .#{$breakpoint}\\:cspace-t-0 {\n margin-top: 0;\n }\n\n & > .section > .#{$breakpoint}\\:cspace-b-0,\n & > .#{$breakpoint}\\:cspace-b-0 {\n margin-bottom: 0;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Element,\n Watch,\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n tag: \"stzh-cspace\",\n styleUrl: \"stzh-cspace.scss\"\n})\nexport class StzhCspace {\n /** Whether first top margin of first child component should be set to 0. */\n @Prop({ reflect: true }) removeFirstMargin: boolean;\n\n /** Whether last bottom margin of last child component should be set to 0. */\n @Prop({ reflect: true }) removeLastMargin: boolean;\n\n /** Whether removing first/last margin should be automatically prevented for nested cspace/richtext */\n @Prop({ reflect: true }) preventRemoveNested: \"direct\" | \"deep\" | \"disabled\" = \"direct\";\n\n @Element() element: HTMLStzhCspaceElement;\n\n @Watch(\"preventRemoveNested\")\n preventRemoveNestedWatcher() {\n this.init();\n }\n\n private observer: MutationObserver;\n private rootElement: HTMLElement;\n\n private init = () => {\n if (!this.rootElement) {\n return;\n }\n\n if (this.preventRemoveNested !== \"disabled\") {\n const nestedCspaceOrRichtext = this.rootElement.querySelectorAll(\n this.preventRemoveNested === \"deep\"\n ? \"stzh-cspace, stzh-richtext\"\n : \":scope > stzh-cspace, :scope > .section > stzh-cspace, stzh-show > stzh-cspace, :scope > stzh-richtext, :scope > .section > stzh-richtext, stzh-show > stzh-richtext\"\n );\n\n nestedCspaceOrRichtext.forEach((cspaceOrRichtext) => { \n setPropsIfNull(cspaceOrRichtext, {\n removeFirstMargin: false,\n removeLastMargin: false,\n } as HTMLStzhCspaceElement | HTMLStzhRichtextElement)\n });\n }\n }\n\n componentDidRender() {\n this.init();\n\n this.observer.observe(this.rootElement, {\n childList: true,\n subtree: true\n });\n }\n\n connectedCallback() {\n this.observer = new MutationObserver(this.init);\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n\n render() {\n const classes = {\n \"stzh-cspace\": true\n };\n\n return (\n <Host\n has-hidden-first-margin={typeof this.removeFirstMargin === \"boolean\" ? this.removeFirstMargin : true}\n has-hidden-last-margin={typeof this.removeLastMargin === \"boolean\" ? this.removeLastMargin : true}\n >\n <div\n ref={(el) => (this.rootElement = el as HTMLElement)}\n class={classes}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"qHAAA,MAAMA,EAAgB,k8gG,MCkBTC,EAAU,M,yBAoBbC,KAAAC,KAAO,KACb,IAAKD,KAAKE,YAAa,CACrB,M,CAGF,GAAIF,KAAKG,sBAAwB,WAAY,CAC3C,MAAMC,EAAyBJ,KAAKE,YAAYG,iBAC9CL,KAAKG,sBAAwB,OACzB,6BACA,wKAGNC,EAAuBE,SAASC,IAC9BC,EAAeD,EAAkB,CAC/BE,kBAAmB,MACnBC,iBAAkB,OACiC,G,6FA5BoB,Q,CAK/E,0BAAAC,GACEX,KAAKC,M,CA2BP,kBAAAW,GACEZ,KAAKC,OAELD,KAAKa,SAASC,QAAQd,KAAKE,YAAa,CACtCa,UAAW,KACXC,QAAS,M,CAIb,iBAAAC,GACEjB,KAAKa,SAAW,IAAIK,iBAAiBlB,KAAKC,K,CAG5C,oBAAAkB,GACE,GAAInB,KAAKa,SAAU,CACjBb,KAAKa,SAASO,Y,EAKlB,MAAAC,GACE,MAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,EAAI,kCAC6BxB,KAAKS,oBAAsB,UAAYT,KAAKS,kBAAoB,KAAI,gCACrET,KAAKU,mBAAqB,UAAYV,KAAKU,iBAAmB,MAE7Fa,EAAA,OACEE,IAAMC,GAAQ1B,KAAKE,YAAcwB,EACjCC,MAAOL,GAEPC,EAAA,c"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,a,g as i}from"./p-c7bfac7a.js";const h='.sc-stzh-datamessagelist-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-medium);display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item:hover .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item:hover .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing);color:var(--stzh-base-lead-color);margin:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{transition:all var(--stzh-base-transition-animation-speed)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{border-left:0.3125rem solid var(--stzh-color-primary)}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{border-left-color:var(--stzh-color-primary-hover)}';const m=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhActionClick=s(this,"stzhActionClick",7);this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:s})};this.itemClick=t=>{this.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t})};this.localization=undefined;this.heading="";this.unread=false;this.href="";this.rel=undefined;this.target=undefined;this.description="";this.icon=undefined;this.loadingStatus=undefined;this.meta=undefined;this.actions=undefined;this.tags=undefined;this.analyticsId=undefined;this.external=false}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}loadingStatusWatcher(t){if(typeof t==="string"){this._loadingStatus=JSON.parse(t)}else{this._loadingStatus=t}}metaWatcher(t){if(typeof t==="string"){this._meta=JSON.parse(t)}else{this._meta=t}}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}tagsWatcher(t){if(typeof t==="string"){this._tags=JSON.parse(t)}else{this._tags=t}}async componentWillLoad(){this.loadingStatusWatcher(this.loadingStatus);this.metaWatcher(this.meta);this.actionsWatcher(this.actions);this.tagsWatcher(this.tags);this.externalWatcher();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datamessagelist-item")}}render(){const t={"stzh-datamessagelist-item":true,"stzh-datamessagelist-item--is-unread":this.unread};return e(a,{role:"listitem"},e("article",{class:t},e("div",{class:"stzh-datamessagelist-item__content"},e("div",{class:"stzh-datamessagelist-item__text"},e("h3",{class:"stzh-datamessagelist-item__heading"},e("a",{class:"stzh-datamessagelist-item__heading-link",href:this.href,rel:this.rel,target:this.target,onClick:this.itemClick,"s-object-id":this.analyticsId||this.heading},this.unread&&e("span",{class:"stzh-datamessagelist-item__vhidden"},this.localization.unread,","),this.heading)),this.description&&e("div",{class:"stzh-datamessagelist-item__description"},e("stzh-clamp",{lines:2,linesMedium:1},this.description)),this._meta&&this._meta.length>0&&e("div",{class:"stzh-datamessagelist-item__meta-wrapper"},e("ul",{class:"stzh-datamessagelist-item__meta"},this._meta.map((t=>e("li",{class:"stzh-datamessagelist-item__meta-item"},e("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),e("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))))))),this._loadingStatus&&e("stzh-status",{class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:true}),this._tags&&this._tags.length>0&&e("div",{class:"stzh-datamessagelist-item__tags-wrapper"},e("div",{class:"stzh-datamessagelist-item__tags"},this._tags.map((t=>e("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",nonInteractive:true,inverted:t.inverted,type:t.type,icon:t.icon,label:t.label})))))),e("div",{class:"stzh-datamessagelist-item__actions"},this._actions&&this._actions.length>0?e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},e("stzh-button",{class:"stzh-datamessagelist-item__action-popover-button",variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:true}),e("stzh-menu",{slot:"content"},this._actions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:s=>{this.actionClick(t,s)}},t.label))))):e("div",{class:"stzh-datamessagelist-item__action is-non-interactive"},e("stzh-icon",{class:"stzh-datamessagelist-item__action-icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"})))))}get element(){return i(this)}static get watchers(){return{rel:["externalWatcher"],loadingStatus:["loadingStatusWatcher"],meta:["metaWatcher"],actions:["actionsWatcher"],tags:["tagsWatcher"]}}};m.style=h;export{m as stzh_datamessagelist_item};
|
|
2
|
-
//# sourceMappingURL=p-69c1826d.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stzhDatamessagelistItemCss","StzhDatamessagelistItem","this","actionClick","action","originalEvent","stzhActionClick","emit","component","itemClick","stzhClick","externalWatcher","external","rel","includes","loadingStatusWatcher","newValue","_loadingStatus","JSON","parse","metaWatcher","_meta","actionsWatcher","_actions","tagsWatcher","_tags","componentWillLoad","loadingStatus","meta","actions","tags","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","unread","h","Host","role","class","href","target","onClick","analyticsId","heading","description","lines","linesMedium","length","map","label","value","percent","type","withLoadingbar","tag","variant","size","nonInteractive","inverted","icon","actionsPopoverLabel","placement","iconOnly","slot","badge","event","name"],"sources":["src/components/stzh-datamessagelist-item/stzh-datamessagelist-item.scss?tag=stzh-datamessagelist-item&encapsulation=scoped","src/components/stzh-datamessagelist-item/stzh-datamessagelist-item.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-datamessagelist-item {\n @include spaceCurve('padding-left', 'medium');\n @include spaceCurve('padding-right', 'regular');\n display: flex;\n position: relative;\n padding: space('medium');\n background-color: $colorWhite;\n\n &:hover &__action {\n &.is-non-interactive {\n color: $colorPrimaryHover;\n }\n }\n\n &:hover &__action-popover-button {\n --color: #{$colorPrimaryHover};\n }\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n @include mq($from: medium) {\n flex-direction: row;\n align-items: center;\n }\n }\n\n &__text {\n flex-grow: 1;\n }\n\n &__heading {\n @include font('title');\n @include fontCurve('h4', 'heading');\n color: $baseLeadColor;\n margin: 0;\n }\n\n &__heading-link {\n color: inherit;\n text-decoration-line: none;\n transition: color $baseTransitionAnimationSpeed;\n border-radius: $buttonBorderRadius;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n\n &::before,\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &::before {\n transition: all $baseTransitionAnimationSpeed;\n }\n\n &::after {\n z-index: 1;\n }\n\n &:hover::before,\n &:focus::before {\n background-color: $colorOldPrimary4;\n }\n }\n\n &__description {\n @include fontCurve('p1');\n color: $baseLeadColor;\n }\n\n // Meta\n\n &__meta-wrapper {\n margin-top: space('small');\n\n @include mq($from: small) {\n margin-top: space('xxsmall');\n }\n }\n\n &__meta {\n @include fontCurve('caption');\n display: table;\n list-style: none;\n margin: 0;\n padding: 0;\n\n @include mq($from: small) {\n display: flex;\n flex-wrap: wrap;\n margin: 0 calc(#{space('xsmall')} / -1);\n }\n }\n\n &__meta-item {\n display: table-row;\n\n @include mq($from: small) {\n display: flex;\n margin: 0 space('xsmall');\n }\n }\n\n &__meta-item-label,\n &__meta-item-value {\n display: table-cell;\n\n @include mq($from: small) {\n display: inline-block;\n }\n }\n\n &__meta-item-label {\n padding-right: space('xsmall');\n }\n\n &__meta-item-value {\n color: $colorBlack;\n }\n\n // Status / Tags\n\n &__status {\n width: 160px;\n }\n\n &__status,\n &__tags-wrapper {\n margin-top: space('medium');\n\n @include mq($from: medium) {\n margin-top: 0;\n margin-left: space('xxlarge');\n }\n }\n\n &__tags-wrapper {\n @include mq($from: medium) {\n flex-shrink: 0;\n }\n }\n\n &__tags {\n display: flex;\n flex-wrap: wrap;\n margin: calc(#{space('xxsmall')} / -1);\n\n @include mq($from: medium) {\n flex-wrap: nowrap;\n }\n }\n\n &__tag {\n margin: space('xxsmall');\n\n @include mq($from: medium) {\n flex-shrink: 0;\n }\n }\n\n // Actions\n\n &__actions {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n\n &:not(:empty) {\n margin-left: space('medium');\n\n @include mq($from: medium) {\n margin-left: space('xxlarge');\n justify-content: center;\n }\n }\n }\n\n &__action {\n &.is-non-interactive {\n display: flex;\n justify-content: center;\n align-items: center;\n width: $formInputHeightTiny;\n height: $formInputHeightTiny;\n color: $colorPrimary;\n }\n }\n\n &__action-popover {\n --width: auto;\n --min-width: 200px;\n }\n\n &__action-popover-button {\n position: relative;\n z-index: 2;\n }\n\n /* Unread variant */\n\n &--is-unread &__heading-link {\n color: $colorPrimary;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n\n &::before {\n border-left: 5px solid $colorPrimary;\n }\n\n &:hover::before,\n &:focus::before {\n border-left-color: $colorPrimaryHover;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n Watch,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n\nimport {\n StzhDatamessagelistItemEntryLoadingStatus,\n StzhDatamessagelistItemEntryMeta,\n StzhDatamessagelistItemEntryAction,\n StzhDatamessagelistItemEntryTag,\n StzhDatamessagelistItemClickEvent,\n StzhDatamessagelistItemActionClickEvent\n} from \"../../index\";\n\nimport { StzhDatamessagelistItemLocalizedText } from './stzh-datamessagelist-item.localization';\n\n/**\n */\n@Component({\n tag: \"stzh-datamessagelist-item\",\n styleUrl: \"stzh-datamessagelist-item.scss\",\n scoped: true\n})\nexport class StzhDatamessagelistItem {\n /** Translation strings */\n @Prop() localization: StzhDatamessagelistItemLocalizedText;\n\n /** Heading */\n @Prop() heading: string = \"\";\n\n /** Whether item should be displayed in unread state */\n @Prop() unread: boolean = false;\n\n /** URL the item should link to */\n @Prop() href: string = \"\";\n\n /** Rel (if href is used) */\n @Prop() rel: string;\n\n /** Target (if href is used) */\n @Prop() target: string;\n\n /** Description */\n @Prop() description: string = \"\";\n\n /** Icon (`arrow-right` by default or `external-link` if rel=\"*external*\" is used) */\n @Prop() icon: string;\n\n /** Loading status */\n @Prop() loadingStatus: StzhDatamessagelistItemEntryLoadingStatus | string;\n private _loadingStatus: StzhDatamessagelistItemEntryLoadingStatus;\n\n /** Meta */\n @Prop() meta: StzhDatamessagelistItemEntryMeta[] | string;\n private _meta: StzhDatamessagelistItemEntryMeta[];\n\n /** Actions */\n @Prop() actions: StzhDatamessagelistItemEntryAction[] | string;\n private _actions: StzhDatamessagelistItemEntryAction[];\n\n /** Tags */\n @Prop() tags: StzhDatamessagelistItemEntryTag[] | string;\n private _tags: StzhDatamessagelistItemEntryTag[];\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link element.\n * Default value will be taken from `heading` prop.\n */\n @Prop() analyticsId: string;\n\n /** Whether rel contains external */\n @State() external: boolean = false;\n\n @Element() element: HTMLStzhDatamessagelistItemElement;\n\n /** Click event */\n @Event() stzhClick: EventEmitter<StzhDatamessagelistItemClickEvent>;\n\n /** Action click event */\n @Event() stzhActionClick: EventEmitter<StzhDatamessagelistItemActionClickEvent>;\n\n @Watch(\"rel\")\n externalWatcher() {\n this.external = this.rel && this.rel.includes(\"external\");\n }\n\n @Watch(\"loadingStatus\")\n loadingStatusWatcher(newValue: StzhDatamessagelistItemEntryLoadingStatus | string) {\n if (typeof newValue === \"string\") {\n this._loadingStatus = JSON.parse(newValue);\n } else {\n this._loadingStatus = newValue;\n }\n }\n\n @Watch(\"meta\")\n metaWatcher(newValue: StzhDatamessagelistItemEntryMeta[] | string) {\n if (typeof newValue === \"string\") {\n this._meta = JSON.parse(newValue);\n } else {\n this._meta = newValue;\n }\n }\n\n @Watch(\"actions\")\n actionsWatcher(newValue: StzhDatamessagelistItemEntryAction[] | string) {\n if (typeof newValue === \"string\") {\n this._actions = JSON.parse(newValue);\n } else {\n this._actions = newValue;\n }\n }\n\n @Watch(\"tags\")\n tagsWatcher(newValue: StzhDatamessagelistItemEntryTag[] | string) {\n if (typeof newValue === \"string\") {\n this._tags = JSON.parse(newValue);\n } else {\n this._tags = newValue;\n }\n }\n\n private actionClick = (action: StzhDatamessagelistItemEntryAction, originalEvent: MouseEvent) => {\n this.stzhActionClick.emit({\n component: \"stzh-datamessagelist-item\",\n action,\n originalEvent\n });\n }\n\n private itemClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-datamessagelist-item\",\n originalEvent\n });\n }\n\n async componentWillLoad() {\n this.loadingStatusWatcher(this.loadingStatus);\n this.metaWatcher(this.meta);\n this.actionsWatcher(this.actions);\n this.tagsWatcher(this.tags);\n this.externalWatcher();\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datamessagelist-item\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-datamessagelist-item\": true,\n \"stzh-datamessagelist-item--is-unread\": this.unread\n };\n\n return (\n <Host role=\"listitem\">\n <article class={classes}>\n <div class=\"stzh-datamessagelist-item__content\">\n <div class=\"stzh-datamessagelist-item__text\">\n <h3 class=\"stzh-datamessagelist-item__heading\">\n <a\n class=\"stzh-datamessagelist-item__heading-link\"\n href={this.href}\n rel={this.rel}\n target={this.target}\n onClick={this.itemClick}\n s-object-id={this.analyticsId || this.heading}\n >\n {this.unread &&\n <span class=\"stzh-datamessagelist-item__vhidden\">\n {this.localization.unread},\n </span>\n }\n {this.heading}\n </a>\n </h3>\n\n {this.description &&\n <div class=\"stzh-datamessagelist-item__description\">\n <stzh-clamp lines={2} linesMedium={1}>\n {this.description}\n </stzh-clamp>\n </div>\n }\n\n {this._meta && this._meta.length > 0 &&\n <div class=\"stzh-datamessagelist-item__meta-wrapper\">\n <ul class=\"stzh-datamessagelist-item__meta\">\n {this._meta.map((meta) =>\n <li class=\"stzh-datamessagelist-item__meta-item\">\n <span class=\"stzh-datamessagelist-item__meta-item-label\">{meta.label}</span>\n <span class=\"stzh-datamessagelist-item__meta-item-value\">{meta.value}</span>\n </li>\n )}\n </ul>\n </div>\n }\n </div>\n\n {this._loadingStatus &&\n <stzh-status\n class=\"stzh-datamessagelist-item__status\"\n label={this._loadingStatus.label}\n percent={this._loadingStatus.percent}\n type={this._loadingStatus.type}\n withLoadingbar={true}\n ></stzh-status>\n }\n\n {this._tags && this._tags.length > 0 &&\n <div class=\"stzh-datamessagelist-item__tags-wrapper\">\n <div class=\"stzh-datamessagelist-item__tags\">\n {this._tags.map((tag) =>\n <stzh-chip\n class=\"stzh-datamessagelist-item__tag\"\n variant=\"tag\"\n size=\"small\"\n nonInteractive={true}\n inverted={tag.inverted}\n type={tag.type}\n icon={tag.icon}\n label={tag.label}\n ></stzh-chip>\n )}\n </div>\n </div>\n }\n </div>\n\n <div class=\"stzh-datamessagelist-item__actions\">\n {(this._actions && this._actions.length > 0) ?\n <stzh-popover\n label={this.localization.actionsPopoverLabel}\n placement=\"bottom-end\"\n class=\"stzh-datamessagelist-item__action-popover\"\n >\n <stzh-button\n class=\"stzh-datamessagelist-item__action-popover-button\"\n variant=\"tertiary\"\n size=\"tiny\"\n icon=\"more-horizontal\"\n iconOnly={true}\n ></stzh-button>\n <stzh-menu slot=\"content\">\n {this._actions.map((action) =>\n <stzh-menu-item\n icon={action.icon}\n badge={action.badge}\n onClick={(event) => { this.actionClick(action, event) }}\n >\n {action.label}\n </stzh-menu-item>\n )}\n </stzh-menu>\n </stzh-popover>\n :\n <div class=\"stzh-datamessagelist-item__action is-non-interactive\">\n <stzh-icon class=\"stzh-datamessagelist-item__action-icon\" name={this.icon ? this.icon : (this.external ? \"external-link\" : \"arrow-right\")}></stzh-icon>\n </div>\n }\n </div>\n\n </article>\n </Host>\n );\n }\n}\n"],"mappings":"2DAAA,MAAMA,EAA6B,20W,MC8BtBC,EAAuB,M,+GAoG1BC,KAAAC,YAAc,CAACC,EAA4CC,KACjEH,KAAKI,gBAAgBC,KAAK,CACxBC,UAAW,4BACXJ,SACAC,iBACA,EAGIH,KAAAO,UAAaJ,IACnBH,KAAKQ,UAAUH,KAAK,CAClBC,UAAW,4BACXH,iBACA,E,yCA3GsB,G,YAGA,M,UAGH,G,0DASO,G,yJA6BD,K,CAW7B,eAAAM,GACET,KAAKU,SAAWV,KAAKW,KAAOX,KAAKW,IAAIC,SAAS,W,CAIhD,oBAAAC,CAAqBC,GACnB,UAAWA,IAAa,SAAU,CAChCd,KAAKe,eAAiBC,KAAKC,MAAMH,E,KAC5B,CACLd,KAAKe,eAAiBD,C,EAK1B,WAAAI,CAAYJ,GACV,UAAWA,IAAa,SAAU,CAChCd,KAAKmB,MAAQH,KAAKC,MAAMH,E,KACnB,CACLd,KAAKmB,MAAQL,C,EAKjB,cAAAM,CAAeN,GACb,UAAWA,IAAa,SAAU,CAChCd,KAAKqB,SAAWL,KAAKC,MAAMH,E,KACtB,CACLd,KAAKqB,SAAWP,C,EAKpB,WAAAQ,CAAYR,GACV,UAAWA,IAAa,SAAU,CAChCd,KAAKuB,MAAQP,KAAKC,MAAMH,E,KACnB,CACLd,KAAKuB,MAAQT,C,EAmBjB,uBAAMU,GACJxB,KAAKa,qBAAqBb,KAAKyB,eAC/BzB,KAAKkB,YAAYlB,KAAK0B,MACtB1B,KAAKoB,eAAepB,KAAK2B,SACzB3B,KAAKsB,YAAYtB,KAAK4B,MACtB5B,KAAKS,kBAEL,IAAKT,KAAK6B,aAAc,CACtB7B,KAAK6B,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBjC,KAAKkC,QAAS,uB,EAI1F,MAAAC,GACE,MAAMC,EAAU,CACd,4BAA6B,KAC7B,uCAAwCpC,KAAKqC,QAG/C,OACEC,EAACC,EAAI,CAACC,KAAK,YACTF,EAAA,WAASG,MAAOL,GACdE,EAAA,OAAKG,MAAM,sCACTH,EAAA,OAAKG,MAAM,mCACTH,EAAA,MAAIG,MAAM,sCACRH,EAAA,KACEG,MAAM,0CACNC,KAAM1C,KAAK0C,KACX/B,IAAKX,KAAKW,IACVgC,OAAQ3C,KAAK2C,OACbC,QAAS5C,KAAKO,UAAS,cACVP,KAAK6C,aAAe7C,KAAK8C,SAErC9C,KAAKqC,QACJC,EAAA,QAAMG,MAAM,sCACTzC,KAAK6B,aAAaQ,OAAM,KAG5BrC,KAAK8C,UAIT9C,KAAK+C,aACJT,EAAA,OAAKG,MAAM,0CACTH,EAAA,cAAYU,MAAO,EAAGC,YAAa,GAChCjD,KAAK+C,cAKX/C,KAAKmB,OAASnB,KAAKmB,MAAM+B,OAAS,GACjCZ,EAAA,OAAKG,MAAM,2CACTH,EAAA,MAAIG,MAAM,mCACPzC,KAAKmB,MAAMgC,KAAKzB,GACfY,EAAA,MAAIG,MAAM,wCACRH,EAAA,QAAMG,MAAM,8CAA8Cf,EAAK0B,OAC/Dd,EAAA,QAAMG,MAAM,8CAA8Cf,EAAK2B,aAQ1ErD,KAAKe,gBACJuB,EAAA,eACEG,MAAM,oCACNW,MAAOpD,KAAKe,eAAeqC,MAC3BE,QAAStD,KAAKe,eAAeuC,QAC7BC,KAAMvD,KAAKe,eAAewC,KAC1BC,eAAgB,OAInBxD,KAAKuB,OAASvB,KAAKuB,MAAM2B,OAAS,GACjCZ,EAAA,OAAKG,MAAM,2CACTH,EAAA,OAAKG,MAAM,mCACRzC,KAAKuB,MAAM4B,KAAKM,GACfnB,EAAA,aACEG,MAAM,iCACNiB,QAAQ,MACRC,KAAK,QACLC,eAAgB,KAChBC,SAAUJ,EAAII,SACdN,KAAME,EAAIF,KACVO,KAAML,EAAIK,KACVV,MAAOK,EAAIL,aAQvBd,EAAA,OAAKG,MAAM,sCACPzC,KAAKqB,UAAYrB,KAAKqB,SAAS6B,OAAS,EACxCZ,EAAA,gBACEc,MAAOpD,KAAK6B,aAAakC,oBACzBC,UAAU,aACVvB,MAAM,6CAENH,EAAA,eACEG,MAAM,mDACNiB,QAAQ,WACRC,KAAK,OACLG,KAAK,kBACLG,SAAU,OAEZ3B,EAAA,aAAW4B,KAAK,WACblE,KAAKqB,SAAS8B,KAAKjD,GAClBoC,EAAA,kBACEwB,KAAM5D,EAAO4D,KACbK,MAAOjE,EAAOiE,MACdvB,QAAUwB,IAAYpE,KAAKC,YAAYC,EAAQkE,EAAM,GAEpDlE,EAAOkD,WAMhBd,EAAA,OAAKG,MAAM,wDACTH,EAAA,aAAWG,MAAM,yCAAyC4B,KAAMrE,KAAK8D,KAAO9D,KAAK8D,KAAQ9D,KAAKU,SAAW,gBAAkB,mB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as s,h as t,F as e,a,g as r}from"./p-c7bfac7a.js";import{a as i}from"./p-a771013b.js";import{r as h,h as n}from"./p-7e304ea3.js";import{d as l}from"./p-dd385618.js";import"./p-9b063923.js";import"./p-7183ba4d.js";const o=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-search{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--grid-template-areas:"filters-main filters-main filters-main filters-main"\n "results results results results"}stzh-search[hidden]{display:none}stzh-search::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-search::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-search *,stzh-search *::before,stzh-search *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-search .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-search .stzh-fylingfocus-focused{outline-style:none !important}stzh-search .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 900px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n ". . results results results results results results results results . ."}}stzh-search[has-aside-filters]{--grid-template-areas:"filters-main filters-main filters-main filters-main"\n "filters-aside filters-aside filters-aside filters-aside"\n "results results results results"}@media screen and (min-width: 900px){stzh-search[has-aside-filters]{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n "filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside"\n "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search[has-aside-filters]{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n "filters-aside filters-aside filters-aside filters-aside results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search[variant=teaser]{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n "results results results results results results results results results results results results"}}.stzh-search{-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);}@media screen and (min-width: 600px){.stzh-search{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-search{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-search{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-search{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-search{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-search{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-search__filters-main{grid-area:filters-main}.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xlarge);background-color:var(--stzh-color-grey10)}@media screen and (min-width: 900px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-aside{grid-area:filters-aside}.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xlarge);background-color:var(--stzh-color-grey10)}@media screen and (min-width: 900px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){background-color:transparent;padding:0}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-inner{position:-webkit-sticky;position:sticky;top:calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium));transition:top var(--stzh-base-transition-animation-speed);width:calc(100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-inner{width:calc(100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge))}}.stzh-search__results-wrapper{grid-area:results;display:grid}.stzh-search__results-heading,.stzh-search__results-empty,.stzh-search__results,.stzh-search__action-more{transition-property:opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-item{display:contents}.stzh-search__actions-wrapper{display:flex;justify-content:center}.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__loader{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-search__loader{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__loader{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search--teaser .stzh-search__actions-wrapper{justify-content:flex-start}.stzh-search--teaser .stzh-search__filters-main:not(:empty){padding:0;background-color:transparent}.stzh-search--teaser .stzh-search__filters-aside:not(:empty){padding:0;background-color:transparent}@media screen and (max-width: 1259px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-medium)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-large)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-aside:not(:empty){padding-top:0}.stzh-search--is-loading .stzh-search__results-heading,.stzh-search--is-loading .stzh-search__results-empty,.stzh-search--is-loading .stzh-search__results,.stzh-search--is-loading .stzh-search__action-more{opacity:0.5}';function c(s,t){if(s.variant==="teaser"){return`\n <stzh-card href="{href}">\n <div slot="heading">{heading}</div>\n <div slot="content">{description}</div>\n </stzh-card>\n `}else{return`\n <stzh-card-searchresult\n href="{href}"\n dateline="{dateline}"\n tag-left="{tagLeft}"\n tag-right="{tagRight}"\n event-location="{eventLocation}"\n download-heading="{downloadHeading}"\n meta='{meta}'\n breadcrumb-items='{breadcrumbItems}'\n download-meta='{downloadMeta}'\n ${t.imagePosition&&'image-position="{imagePosition}"'}\n ${t.download&&'download="{download}"'}\n style="\n ${t.tagRightBackgroundColor?"--tag-right-background-color: {tagRightBackgroundColor};":""}\n ${t.tagRightColor?"--tag-right-color: {tagRightColor};":""}\n "\n >\n <div slot="heading">{heading}</div>\n <div slot="description">{description}</div>\n ${t.image?t.imagePosition==="right"?`<img src="${t.image}" slot="image" />`:`<stzh-ratio ratio="21:9" ratio-small="1:1" slot="image"><img src="${t.image}" /></stzh-ratio>`:""}\n </stzh-card-searchresult>\n `}}function d(s){return{layout:s.variant==="teaser"?"teasers":"searchresults"}}const m=class{constructor(t){s(this,t);this._showMoreLink=false;this.fetch=async(s=false,t=false)=>{if(this.currentController){this.currentController.abort()}if(!this.hasRequiredParams&&!s){this.loading=false;return}this.loading=true;let e=this.api.replace(/\{lang\}/gi,this.localization.$locale);let a=this.limit.toString();this.params.set("offset",s?this.results.length.toString():"0");if(t){const s=new URLSearchParams(location.search).get("search");if(s){const t=new URLSearchParams(s).get("limit");if(t){a=t}}}this.params.set("limit",a);this.currentController=new AbortController;const{data:r}=await i(e,{params:this.params,signal:this.currentController.signal});this.resultsHeading=r.resultsHeading;this.totalCount=r.meta.total;if(s){this.results=[...this.results,...r.results.map((s=>{var t;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((t=r.templates)===null||t===void 0?void 0:t.result),s)})}))]}else{this.results=r.results.map((s=>{var t;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((t=r.templates)===null||t===void 0?void 0:t.result),s)})}))}if(!t&&!this.preventUpdateUrl){const s=new URLSearchParams(location.search);const t=new URLSearchParams(this.params);t.delete("offset");t.set("limit",this.results.length.toString());s.set("search",t.toString());window.history.replaceState(null,"",`${location.pathname}?${s}`)}if(t||!this.firstFetched){this.loading=false}else{window.setTimeout((()=>{this.loading=false}),this.debounceTime)}this.firstFetched=true};this.debouncedFetch=l(this.fetch,this.debounceTime);this.handleMainFilterChange=async()=>{if(this.autofetchMainFilters){await this.updateParams();this.debouncedFetch()}};this.handleAsideFilterChange=async()=>{if(this.autofetchAsideFilters){await this.updateParams();this.debouncedFetch()}};this.handleFormSubmit=async s=>{s.preventDefault();await this.updateParams();this.fetch()};this.handleMoreClick=()=>{this.fetch(true)};this.handleFormReset=async()=>{requestAnimationFrame((()=>{requestAnimationFrame((async()=>{await this.updateParams()}))}))};this.localization=undefined;this.variant="default";this.autofetchMainFilters=false;this.autofetchAsideFilters=false;this.api="";this.debounceTime=500;this.limit=6;this.initialFetch=false;this.preventUpdateUrl=false;this.templateResult=c;this.templateResultWrapperElement=function(){return"stzh-cardlist"};this.templateResultWrapperProps=d;this.resultHeadingLevel="3";this.totalCount=0;this.loading=false;this.results=[];this.resultsHeading=undefined;this.hasRequiredParams=false;this.firstFetched=false;this.initiallyFetched=false}totalCountWatcher(){this._showMoreLink=this.totalCount>this.results.length}preventUpdateUrlWatcher(){this.updateParams()}renderResultTemplate(s,t){let e=s||(typeof this.templateResult==="function"?this.templateResult(this.element,t):this.templateResult);["href","heading","dateline","description","image","imagePosition","tagLeft","tagRight","tagRightColor","tagRightBackgroundColor","meta","breadcrumbItems","eventLocation","download","downloadHeading","downloadMeta"].forEach((s=>{const a=new RegExp(`{${s}}`,"gi");let r=t[s]||"";if(["meta","breadcrumbItems","downloadMeta"].includes(s)&&r){r=JSON.stringify(r)}e=e.replace(a,r)}));return e}async updateParams(s=false){const t=()=>{const s=new FormData(this.formElement);this.params=new URLSearchParams(s)};if(s){const s=new URLSearchParams(location.search);const t=s.get("search");if(t){this.initialFetch=true;const s=new URLSearchParams(t);[...new Set(s.keys())].forEach((t=>{const e=s.getAll(t);const a=Array.from(document.querySelectorAll(`:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name="${t}"]`));const r=Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name="${t}"]`));const i=Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name="${t}"]`));a.forEach((s=>{s.value=e[0]}));r.forEach((s=>{s.value=e}));i.forEach((s=>{s.items=e}))}))}}await h();t();let e=true;const a=Array.from(this.element.querySelectorAll(":where(stzh-input)[required]"));const r=Array.from(this.element.querySelectorAll(":where(stzh-dropdown)[required]"));const i=Array.from(this.element.querySelectorAll(":where(stzh-monthyearpicker)[required]"));const n=Array.from(this.element.querySelectorAll(":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]"));const l=Array.from(this.element.querySelectorAll(":where(stzh-checkbox)[required]"));l.forEach((t=>{const a=!t.checked;if(!s){t.invalid=a}if(a){e=false}}));a.forEach((t=>{const a=t.value===""||t.minlength&&t.minlength>t.value.length||t.maxlength&&t.maxlength<t.value.length;if(!s){t.invalid=a}if(a){e=false}}));r.forEach((t=>{const a=t.items.length===0;if(!s){t.invalid=a}if(a){e=false}}));n.forEach((t=>{const a=t.value.toString().length===0;if(!s){t.invalid=a}if(a){e=false}}));i.forEach((t=>{const a=t.value.toString().length===0;if(!s){t.invalidYear=a;t.invalidMonth=a}if(a){e=false}}));this.hasRequiredParams=e}async componentDidLoad(){await this.updateParams(true);if(this.initialFetch){await this.fetch(false,true);this.initiallyFetched=true}else{this.initiallyFetched=true}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"search")}}render(){const s=n(this.element,"filters-main");const r=n(this.element,"filters-aside");const i=(this.hasRequiredParams||this.firstFetched)&&this.firstFetched&&this.initiallyFetched;const h={"stzh-search":true,"stzh-search--has-filters-main":s,"stzh-search--has-filters-aside":r,"stzh-search--has-results-shown":i,"stzh-search--is-loading":this.loading,[`stzh-search--${this.variant}`]:!!this.variant};const l=typeof this.templateResultWrapperElement==="function"?this.templateResultWrapperElement(this.element):this.templateResultWrapperElement;const o=typeof this.templateResultWrapperProps==="function"?this.templateResultWrapperProps(this.element):this.templateResultWrapperProps;return t(a,{"has-aside-filters":r},t("form",{ref:s=>this.formElement=s,novalidate:true,class:h,onSubmit:this.handleFormSubmit,onReset:this.handleFormReset},t("div",{class:"stzh-search__filters-main",onStzhChange:this.handleMainFilterChange},t("slot",{name:"filters-main"})),r&&t(e,null,t("div",{class:"stzh-search__filters-aside",onStzhChange:this.handleAsideFilterChange},t("div",{class:"stzh-search__filters-aside-inner"},t("stzh-details",null,t("stzh-button",{variant:"tertiary-plain",size:"small",noPaddingLeft:true,showToggleIcon:true,iconPosition:"right",label:this.localization.moreFilter}),t("div",{slot:"content"},t("slot",{name:"filters-aside"})))))),t("div",{class:"stzh-search__results-wrapper"},i&&t(e,null,this.results.length===0?t(e,null,this.variant!=="teaser"&&this.resultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel},this.resultsHeading||this.localization.noResults)):t(e,null,this.variant!=="teaser"&&this.resultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel},this.resultsHeading),t(l,Object.assign({class:"stzh-search__results"},o),this.results.map((s=>t("div",{class:"stzh-search__results-item",innerHTML:s.html||""})))),t("div",{class:"stzh-search__actions-wrapper"},this._showMoreLink&&t("stzh-button",{variant:"secondary",class:"stzh-search__action-more",label:this.localization.showMore,onClick:this.handleMoreClick,a11yDisabled:this.loading})))),this.loading&&t("stzh-loader",{class:"stzh-search__loader"})),t("slot",null)))}get element(){return r(this)}static get watchers(){return{totalCount:["totalCountWatcher"],results:["totalCountWatcher"],preventUpdateUrl:["preventUpdateUrlWatcher"]}}};m.style=o;export{m as stzh_search};
|
|
2
|
-
//# sourceMappingURL=p-7091d652.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stzhSearchCss","defaultTemplateResult","search","item","variant","imagePosition","download","tagRightBackgroundColor","tagRightColor","image","defaultResultWrapperProps","layout","StzhSearch","this","_showMoreLink","fetch","async","append","initial","currentController","abort","hasRequiredParams","loading","apiUrl","api","replace","localization","$locale","limit","toString","params","set","results","length","URLSearchParams","location","get","urlLimit","AbortController","data","axios","signal","resultsHeading","totalCount","meta","total","map","Object","assign","html","renderResultTemplate","_a","templates","result","preventUpdateUrl","newUrlParams","searchParams","delete","window","history","replaceState","pathname","firstFetched","setTimeout","debounceTime","debouncedFetch","debounce","handleMainFilterChange","autofetchMainFilters","updateParams","handleAsideFilterChange","autofetchAsideFilters","handleFormSubmit","event","preventDefault","handleMoreClick","handleFormReset","requestAnimationFrame","totalCountWatcher","preventUpdateUrlWatcher","template","templateResult","element","forEach","property","regex","RegExp","value","includes","JSON","stringify","updateByFormElements","formData","FormData","formElement","initialParams","initialFetch","currentSearchParams","Set","keys","key","values","getAll","valueInputs","Array","from","document","querySelectorAll","valueArrayInputs","itemsArrayInputs","input","items","raf","requiredInputFields","requiredDropdownFields","requiredMonthyearpickers","requiredFields","requiredCheckboxFields","field","invalid","checked","minlength","maxlength","invalidYear","invalidMonth","componentDidLoad","initiallyFetched","componentWillLoad","stzhComponents","utils","fetchTranslations","render","filtersMainUsed","hasSlot","filtersAsideUsed","resultsShown","classes","WrapperElement","templateResultWrapperElement","wrapperProps","templateResultWrapperProps","h","Host","ref","el","novalidate","class","onSubmit","onReset","onStzhChange","name","Fragment","size","noPaddingLeft","showToggleIcon","iconPosition","label","moreFilter","slot","curve","level","resultHeadingLevel","noResults","innerHTML","showMore","onClick","a11yDisabled"],"sources":["src/components/stzh-search/stzh-search.scss?tag=stzh-search","src/components/stzh-search/stzh-search.tsx"],"sourcesContent":["stzh-search {\n @include host;\n\n --grid-template-areas:\n \"filters-main filters-main filters-main filters-main\"\n \"results results results results\";\n\n @include mq($from: medium) {\n --grid-template-areas:\n \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\"\n \"results results results results results results results results\";\n }\n\n @include mq($from: large) {\n --grid-template-areas:\n \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\"\n \". . results results results results results results results results . .\";\n }\n\n &[has-aside-filters] {\n --grid-template-areas:\n \"filters-main filters-main filters-main filters-main\"\n \"filters-aside filters-aside filters-aside filters-aside\"\n \"results results results results\";\n\n @include mq($from: medium) {\n --grid-template-areas:\n \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\"\n \"filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside\"\n \"results results results results results results results results\";\n }\n\n @include mq($from: large) {\n --grid-template-areas:\n \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\"\n \"filters-aside filters-aside filters-aside filters-aside results results results results results results results results\";\n }\n }\n\n &[variant=\"teaser\"] {\n @include mq($from: large) {\n --grid-template-areas:\n \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\"\n \"results results results results results results results results results results results results\";\n }\n }\n}\n\n.stzh-search {\n @include grid;\n grid-template-areas: var(--grid-template-areas);\n\n &__filters-main {\n grid-area: filters-main;\n\n &:not(:empty) {\n @include spaceCurve('padding', 'medium');\n background-color: $colorGrey10;\n }\n }\n\n &__filters-aside {\n grid-area: filters-aside;\n\n &:not(:empty) {\n @include spaceCurve('padding', 'medium');\n background-color: $colorGrey10;\n\n @include mq($from: large) {\n background-color: transparent;\n padding: 0;\n }\n }\n }\n\n &__filters-aside-inner {\n @include mq($from: large) {\n position: sticky;\n top: calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + #{space('medium')});\n transition: top $baseTransitionAnimationSpeed;\n width: calc(100% + #{$gridGutterLarge} - #{spaceCurveValue('large', 'large')});\n }\n\n @include mq($from: ultra) {\n width: calc(100% + #{$gridGutterUltra} - #{spaceCurveValue('large', 'large')});\n }\n }\n\n &__results-wrapper {\n grid-area: results;\n display: grid;\n }\n\n &__results-heading,\n &__results-empty,\n &__results,\n &__action-more {\n transition-property: opacity;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__results-heading {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n &__results-item {\n display: contents;\n }\n\n &__actions-wrapper {\n display: flex;\n justify-content: center;\n\n &:not(:empty) {\n @include spaceCurve('margin-top', 'medium');\n }\n }\n\n &__loader {\n @include spaceCurve('margin-top', 'medium');\n }\n\n /* Teaser variant */\n\n &--teaser &__actions-wrapper {\n justify-content: flex-start;\n }\n\n &--teaser &__filters-main {\n &:not(:empty) {\n padding: 0;\n background-color: transparent;\n }\n }\n\n &--teaser &__filters-aside {\n &:not(:empty) {\n padding: 0;\n background-color: transparent;\n }\n }\n\n /* Has results shown or aside filter */\n\n &--has-results-shown &__results-wrapper {\n @include mq($to: large) {\n @include spaceCurve('margin-top', 'huge');\n }\n }\n\n &--has-results-shown &__filters-main,\n &--has-filters-aside &__filters-main {\n @include mq($from: large) {\n @include spaceCurve('margin-bottom', 'large');\n }\n }\n\n &--has-results-shown#{&}--teaser &__results-wrapper {\n @include mq($to: large) {\n @include spaceCurve('margin-top', 'regular');\n }\n }\n\n &--has-results-shown#{&}--teaser &__filters-main,\n &--has-filters-aside#{&}--teaser &__filters-main {\n @include mq($from: large) {\n @include spaceCurve('margin-bottom', 'regular');\n }\n }\n\n /* Has main and aside filters */\n\n &--has-filters-main#{&}--has-filters-aside &__filters-main {\n &:not(:empty) {\n @include spaceCurve('padding-bottom', 'regular');\n }\n }\n\n &--has-filters-main#{&}--has-filters-aside &__filters-aside {\n &:not(:empty) {\n padding-top: 0;\n }\n }\n\n /* Is loading */\n\n &--is-loading &__results-heading,\n &--is-loading &__results-empty,\n &--is-loading &__results,\n &--is-loading &__action-more {\n opacity: 0.5;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Watch,\n Fragment\n} from \"@stencil/core\";\n\nimport { StzhSearchResult } from \"../../index\";\n\nimport axios from 'axios';\nimport { hasSlot, raf } from \"../../utils/utils\";\n\nimport { StzhSearchLocalizedText } from \"./stzh-search.localization\";\n\nimport debounce from \"lodash/debounce\";\n\nfunction defaultTemplateResult(search: HTMLStzhSearchElement, item: StzhSearchResult): string {\n if (search.variant === \"teaser\") {\n return `\n <stzh-card href=\"{href}\">\n <div slot=\"heading\">{heading}</div>\n <div slot=\"content\">{description}</div>\n </stzh-card>\n `;\n } else {\n return `\n <stzh-card-searchresult\n href=\"{href}\"\n dateline=\"{dateline}\"\n tag-left=\"{tagLeft}\"\n tag-right=\"{tagRight}\"\n event-location=\"{eventLocation}\"\n download-heading=\"{downloadHeading}\"\n meta='{meta}'\n breadcrumb-items='{breadcrumbItems}'\n download-meta='{downloadMeta}'\n ${item.imagePosition && 'image-position=\"{imagePosition}\"'}\n ${item.download && 'download=\"{download}\"'}\n style=\"\n ${item.tagRightBackgroundColor ? '--tag-right-background-color: {tagRightBackgroundColor};' : ''}\n ${item.tagRightColor ? '--tag-right-color: {tagRightColor};' : ''}\n \"\n >\n <div slot=\"heading\">{heading}</div>\n <div slot=\"description\">{description}</div>\n ${item.image\n ?\n (\n item.imagePosition === \"right\"\n ?\n `<img src=\"${item.image}\" slot=\"image\" />`\n :\n `<stzh-ratio ratio=\"21:9\" ratio-small=\"1:1\" slot=\"image\"><img src=\"${item.image}\" /></stzh-ratio>`\n )\n :\n ''\n }\n </stzh-card-searchresult>\n `;\n }\n}\n\nfunction defaultResultWrapperProps(search: HTMLStzhSearchElement) {\n return {\n layout: search.variant === \"teaser\" ? \"teasers\" : \"searchresults\"\n } as HTMLStzhCardlistElement;\n}\n\n/**\n * @slot filters-main - Slot for main filters\n * @slot filters-aside - Slot for aside filters\n */\n@Component({\n tag: \"stzh-search\",\n styleUrl: \"stzh-search.scss\"\n})\nexport class StzhSearch {\n /** Translation strings */\n @Prop() localization: StzhSearchLocalizedText;\n\n /** Variant */\n @Prop() variant: \"default\" | \"teaser\" = \"default\";\n\n /** Whether search results should be automatically fetched when a main filters has changed. */\n @Prop() autofetchMainFilters: boolean = false;\n\n /** Whether search results should be automatically fetched when a aside filters has changed. */\n @Prop() autofetchAsideFilters: boolean = false;\n\n /** API URL */\n @Prop() api: string = \"\";\n\n /** Debounce time in ms */\n @Prop() debounceTime: number = 500;\n\n /** Numbers of results shown with each load more action */\n @Prop() limit: number = 6;\n\n /** Whether search request should be fetched initially with set filters */\n @Prop() initialFetch: boolean = false;\n\n /** Whether url query should be updated when filter has changed */\n @Prop() preventUpdateUrl: boolean = false;\n\n /** Will be overwritten by api result (`templates.result` or `results[x].html`) */\n @Prop() templateResult: string | ((search: HTMLStzhSearchElement, item: StzhSearchResult) => string) = defaultTemplateResult;\n\n /** Element used for list wrapper element */\n @Prop() templateResultWrapperElement: string | ((search: HTMLStzhSearchElement) => string) = function() {\n return 'stzh-cardlist';\n };\n\n /** Properties applied to list wrapper element */\n @Prop() templateResultWrapperProps: { [key: string]: any } | ((search: HTMLStzhSearchElement) => { [key: string]: any }) = defaultResultWrapperProps;\n\n /** Heading level of results heading */\n @Prop() resultHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n @Element() element: HTMLStzhSearchElement;\n\n @Watch(\"totalCount\")\n @Watch(\"results\")\n totalCountWatcher() {\n this._showMoreLink = this.totalCount > this.results.length;\n }\n\n @Watch(\"preventUpdateUrl\")\n preventUpdateUrlWatcher() {\n this.updateParams();\n }\n\n @State() totalCount: number = 0;\n private _showMoreLink: boolean = false;\n\n @State() loading: boolean = false;\n\n @State() results: StzhSearchResult[] = [];\n @State() resultsHeading: string;\n @State() hasRequiredParams: boolean = false;\n @State() firstFetched: boolean = false;\n @State() initiallyFetched: boolean = false;\n\n private currentController: AbortController;\n private params: URLSearchParams;\n private formElement: HTMLFormElement;\n\n private renderResultTemplate(html: string, item: StzhSearchResult) {\n let template = html\n || (typeof this.templateResult === \"function\"\n ? this.templateResult(this.element, item)\n : this.templateResult);\n\n [\n \"href\",\n \"heading\",\n \"dateline\",\n \"description\",\n \"image\",\n \"imagePosition\",\n \"tagLeft\",\n \"tagRight\",\n \"tagRightColor\",\n \"tagRightBackgroundColor\",\n \"meta\",\n \"breadcrumbItems\",\n \"eventLocation\",\n \"download\",\n \"downloadHeading\",\n \"downloadMeta\",\n ].forEach((property) => {\n const regex = new RegExp(`\\{${property}\\}`, \"gi\");\n let value = item[property] || \"\";\n\n if ([\"meta\", \"breadcrumbItems\", \"downloadMeta\"].includes(property) && value) {\n value = JSON.stringify(value);\n }\n\n template = template.replace(regex, value)\n });\n\n return template;\n }\n\n private async updateParams(initial: boolean = false) {\n const updateByFormElements = () => {\n const formData = new FormData(this.formElement);\n // @ts-ignore\n this.params = new URLSearchParams(formData);\n }\n\n if (initial) {\n const initialParams = new URLSearchParams(location.search);\n const search = initialParams.get(\"search\");\n\n if (search) {\n this.initialFetch = true;\n const currentSearchParams = new URLSearchParams(search);\n\n [...new Set(currentSearchParams.keys())].forEach((key) => {\n const values = currentSearchParams.getAll(key);\n\n // value as string/number: input, ... / pagination\n const valueInputs = Array.from(document.querySelectorAll(`:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name=\"${key}\"]`)) as\n | HTMLStzhInputElement[]\n | HTMLStzhRadiogroupElement[]\n | HTMLStzhChipselectElement[]\n | HTMLStzhAmountElement[]\n | HTMLStzhDatepickerElement[]\n | HTMLStzhMonthyearpickerElement[]\n | HTMLStzhTimepickerElement[]\n | HTMLStzhPaginationElement[]\n | HTMLStzhToggleElement[]\n\n // value as array: checkboxgroup\n const valueArrayInputs = Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name=\"${key}\"]`)) as\n | HTMLStzhCheckboxgroupElement[]\n\n // items as array: dropdown\n const itemsArrayInputs = Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name=\"${key}\"]`)) as\n | HTMLStzhDropdownElement[]\n\n valueInputs.forEach((input: HTMLStzhInputElement | HTMLStzhRadiogroupElement | HTMLStzhChipselectElement | HTMLStzhAmountElement | HTMLStzhDatepickerElement | HTMLStzhMonthyearpickerElement | HTMLStzhTimepickerElement | HTMLStzhPaginationElement | HTMLStzhToggleElement) => {\n input.value = values[0];\n });\n\n valueArrayInputs.forEach((input: HTMLStzhCheckboxgroupElement) => {\n input.value = values;\n });\n\n itemsArrayInputs.forEach((input: HTMLStzhDropdownElement) => {\n input.items = values;\n });\n });\n }\n\n }\n\n await raf();\n updateByFormElements();\n\n // console.log(this.params.toString());\n\n let hasRequiredParams = true;\n\n const requiredInputFields = Array.from(this.element.querySelectorAll(\":where(stzh-input)[required]\")) as\n | HTMLStzhInputElement[];\n\n const requiredDropdownFields = Array.from(this.element.querySelectorAll(\":where(stzh-dropdown)[required]\")) as\n | HTMLStzhDropdownElement[];\n\n const requiredMonthyearpickers = Array.from(this.element.querySelectorAll(\":where(stzh-monthyearpicker)[required]\")) as\n | HTMLStzhMonthyearpickerElement[]\n\n const requiredFields = Array.from(this.element.querySelectorAll(\":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]\")) as\n | HTMLStzhAmountElement[]\n | HTMLStzhRadiogroupElement[]\n | HTMLStzhChipselectElement[]\n | HTMLStzhDatepickerElement[]\n | HTMLStzhTimepickerElement[]\n | HTMLStzhPaginationElement[]\n | HTMLStzhToggleElement[];\n\n const requiredCheckboxFields = Array.from(this.element.querySelectorAll(\":where(stzh-checkbox)[required]\")) as\n | HTMLStzhCheckboxElement[];\n\n requiredCheckboxFields.forEach((field: HTMLStzhCheckboxElement) => {\n const invalid = !field.checked;\n\n if (!initial) {\n field.invalid = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n });\n\n requiredInputFields.forEach((field: HTMLStzhInputElement) => {\n const invalid = field.value === \"\"\n || (field.minlength && field.minlength > field.value.length)\n || (field.maxlength && field.maxlength < field.value.length);\n\n if (!initial) {\n field.invalid = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n });\n\n requiredDropdownFields.forEach((field: HTMLStzhDropdownElement) => {\n const invalid = field.items.length === 0;\n\n if (!initial) {\n field.invalid = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n });\n\n requiredFields.forEach((field: HTMLStzhAmountElement | HTMLStzhRadiogroupElement | HTMLStzhCheckboxElement | HTMLStzhChipselectElement | HTMLStzhDatepickerElement | HTMLStzhTimepickerElement | HTMLStzhPaginationElement | HTMLStzhToggleElement) => {\n const invalid = field.value.toString().length === 0;\n\n if (!initial) {\n field.invalid = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n });\n\n requiredMonthyearpickers.forEach((field: HTMLStzhMonthyearpickerElement) => {\n const invalid = field.value.toString().length === 0;\n\n if (!initial) {\n field.invalidYear = invalid;\n field.invalidMonth = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n });\n\n this.hasRequiredParams = hasRequiredParams;\n }\n\n private fetch = async (append: boolean = false, initial: boolean = false) => {\n if (this.currentController) {\n this.currentController.abort()\n }\n\n if (!this.hasRequiredParams && !append) {\n this.loading = false;\n return;\n }\n\n this.loading = true;\n\n let apiUrl = this.api.replace(/\\{lang\\}/gi, this.localization.$locale);\n let limit = this.limit.toString();\n\n this.params.set('offset', append ? this.results.length.toString() : '0');\n\n if (initial) {\n const search = new URLSearchParams(location.search).get(\"search\");\n\n if (search) {\n const urlLimit = new URLSearchParams(search).get(\"limit\");\n\n if (urlLimit) {\n limit = urlLimit;\n }\n }\n }\n\n this.params.set('limit', limit);\n\n this.currentController = new AbortController();\n\n // load data from API\n const { data }: {\n data: {\n templates: {\n result: string\n },\n meta: {\n total: number\n },\n resultsHeading: string\n results: StzhSearchResult[]\n }\n } = await axios(apiUrl, {\n params: this.params,\n signal: this.currentController.signal\n });\n\n this.resultsHeading = data.resultsHeading;\n this.totalCount = data.meta.total;\n\n if (append) {\n this.results = [...this.results, ...data.results.map(item => ({\n ...item,\n html: this.renderResultTemplate(item.html || data.templates?.result, item)\n }))];\n } else {\n this.results = data.results.map(item => ({\n ...item,\n html: this.renderResultTemplate(item.html || data.templates?.result, item)\n }));\n }\n\n if (!initial && !this.preventUpdateUrl) {\n const newUrlParams = new URLSearchParams(location.search);\n const searchParams = new URLSearchParams(this.params);\n\n searchParams.delete(\"offset\");\n searchParams.set(\"limit\", this.results.length.toString());\n newUrlParams.set(\"search\", searchParams.toString());\n\n // console.log(location.search, searchParams.toString(), newUrlParams.toString());\n\n window.history.replaceState(null, \"\", `${location.pathname}?${newUrlParams}`)\n }\n\n if (initial || !this.firstFetched) {\n this.loading = false;\n } else {\n // to be able to see loading effect we delay turning off loading state\n window.setTimeout(() => {\n this.loading = false;\n }, this.debounceTime);\n }\n\n this.firstFetched = true;\n }\n\n private debouncedFetch = debounce(this.fetch, this.debounceTime);\n\n private handleMainFilterChange = async () => {\n if (this.autofetchMainFilters) {\n await this.updateParams();\n this.debouncedFetch();\n }\n }\n\n private handleAsideFilterChange = async () => {\n if (this.autofetchAsideFilters) {\n await this.updateParams();\n this.debouncedFetch();\n }\n }\n\n private handleFormSubmit = async (event: Event) => {\n event.preventDefault();\n\n await this.updateParams();\n this.fetch();\n }\n\n private handleMoreClick = () => {\n this.fetch(true);\n }\n\n private handleFormReset = async () => {\n requestAnimationFrame(() => {\n requestAnimationFrame(async () => {\n await this.updateParams();\n });\n });\n }\n\n async componentDidLoad() {\n // update params initially to get hidden filters\n // and set initialFetch to true if search params exist\n await this.updateParams(true);\n\n if (this.initialFetch) {\n await this.fetch(false, true);\n this.initiallyFetched = true;\n } else {\n this.initiallyFetched = true;\n }\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"search\");\n }\n }\n\n render() {\n const filtersMainUsed = hasSlot(this.element, 'filters-main');\n const filtersAsideUsed = hasSlot(this.element, 'filters-aside');\n\n const resultsShown = (this.hasRequiredParams || this.firstFetched) && this.firstFetched && this.initiallyFetched;\n\n const classes = {\n \"stzh-search\": true,\n \"stzh-search--has-filters-main\": filtersMainUsed,\n \"stzh-search--has-filters-aside\": filtersAsideUsed,\n \"stzh-search--has-results-shown\": resultsShown,\n \"stzh-search--is-loading\": this.loading,\n [`stzh-search--${this.variant}`]: !!this.variant,\n };\n\n const WrapperElement = typeof this.templateResultWrapperElement === \"function\"\n ? this.templateResultWrapperElement(this.element)\n : this.templateResultWrapperElement;\n\n const wrapperProps = typeof this.templateResultWrapperProps === \"function\"\n ? this.templateResultWrapperProps(this.element)\n : this.templateResultWrapperProps;\n\n return (\n <Host has-aside-filters={filtersAsideUsed}>\n <form\n ref={(el) => (this.formElement = el as HTMLFormElement)}\n novalidate\n class={classes}\n onSubmit={this.handleFormSubmit}\n onReset={this.handleFormReset}\n >\n {/* @ts-ignore */}\n <div class=\"stzh-search__filters-main\" onStzhChange={this.handleMainFilterChange}>\n <slot name=\"filters-main\"></slot>\n </div>\n\n {filtersAsideUsed &&\n <Fragment>\n {/* @ts-ignore */}\n <div class=\"stzh-search__filters-aside\" onStzhChange={this.handleAsideFilterChange}>\n <div class=\"stzh-search__filters-aside-inner\">\n <stzh-details>\n <stzh-button\n variant=\"tertiary-plain\"\n size=\"small\"\n noPaddingLeft={true}\n showToggleIcon={true}\n iconPosition=\"right\"\n label={this.localization.moreFilter}\n ></stzh-button>\n <div slot=\"content\">\n <slot name=\"filters-aside\"></slot>\n </div>\n </stzh-details>\n </div>\n </div>\n </Fragment>\n }\n\n <div class=\"stzh-search__results-wrapper\">\n {resultsShown &&\n <Fragment>\n {this.results.length === 0\n ?\n <Fragment>\n {this.variant !== \"teaser\" && this.resultsHeading &&\n <stzh-heading\n class=\"stzh-search__results-heading\"\n curve=\"h3\"\n level={this.resultHeadingLevel}\n >\n {this.resultsHeading || this.localization.noResults}\n </stzh-heading>\n }\n </Fragment>\n :\n <Fragment>\n {this.variant !== \"teaser\" && this.resultsHeading &&\n <stzh-heading\n class=\"stzh-search__results-heading\"\n curve=\"h3\"\n level={this.resultHeadingLevel}\n >\n {this.resultsHeading}\n </stzh-heading>\n }\n\n <WrapperElement class=\"stzh-search__results\" {...wrapperProps}>\n {this.results.map((result) =>\n <div class=\"stzh-search__results-item\" innerHTML={result.html || \"\"}></div>\n )}\n </WrapperElement>\n\n <div class=\"stzh-search__actions-wrapper\">\n {this._showMoreLink &&\n <stzh-button\n variant=\"secondary\"\n class=\"stzh-search__action-more\"\n label={this.localization.showMore}\n onClick={this.handleMoreClick}\n a11yDisabled={this.loading}\n >\n </stzh-button>\n }\n </div>\n </Fragment>\n }\n </Fragment>\n }\n\n {this.loading && <stzh-loader class=\"stzh-search__loader\"></stzh-loader>}\n </div>\n\n <slot></slot>\n </form>\n </Host>\n );\n }\n}\n"],"mappings":"8NAAA,MAAMA,EAAgB,kvXCoBtB,SAASC,EAAsBC,EAA+BC,GAC5D,GAAID,EAAOE,UAAY,SAAU,CAC/B,MAAO,2J,KAMF,CACL,MAAO,qWAWDD,EAAKE,eAAiB,+CACtBF,EAAKG,UAAY,uDAEfH,EAAKI,wBAA0B,2DAA6D,iBAC5FJ,EAAKK,cAAgB,sCAAwC,qIAK/DL,EAAKM,MAGDN,EAAKE,gBAAkB,QAEnB,aAAaF,EAAKM,yBAElB,qEAAqEN,EAAKM,yBAGhF,2C,CAKZ,CAEA,SAASC,EAA0BR,GACjC,MAAO,CACLS,OAAQT,EAAOE,UAAY,SAAW,UAAY,gBAEtD,C,MAUaQ,EAAU,M,yBAwDbC,KAAAC,cAAyB,MAuMzBD,KAAAE,MAAQC,MAAOC,EAAkB,MAAOC,EAAmB,SACjE,GAAIL,KAAKM,kBAAmB,CAC1BN,KAAKM,kBAAkBC,O,CAGzB,IAAKP,KAAKQ,oBAAsBJ,EAAQ,CACtCJ,KAAKS,QAAU,MACf,M,CAGFT,KAAKS,QAAU,KAEf,IAAIC,EAASV,KAAKW,IAAIC,QAAQ,aAAcZ,KAAKa,aAAaC,SAC9D,IAAIC,EAAQf,KAAKe,MAAMC,WAEvBhB,KAAKiB,OAAOC,IAAI,SAAUd,EAASJ,KAAKmB,QAAQC,OAAOJ,WAAa,KAEpE,GAAIX,EAAS,CACX,MAAMhB,EAAS,IAAIgC,gBAAgBC,SAASjC,QAAQkC,IAAI,UAExD,GAAIlC,EAAQ,CACV,MAAMmC,EAAW,IAAIH,gBAAgBhC,GAAQkC,IAAI,SAEjD,GAAIC,EAAU,CACZT,EAAQS,C,GAKdxB,KAAKiB,OAAOC,IAAI,QAASH,GAEzBf,KAAKM,kBAAoB,IAAImB,gBAG7B,MAAMC,KAAEA,SAWEC,EAAMjB,EAAQ,CACtBO,OAAQjB,KAAKiB,OACbW,OAAQ5B,KAAKM,kBAAkBsB,SAGjC5B,KAAK6B,eAAiBH,EAAKG,eAC3B7B,KAAK8B,WAAaJ,EAAKK,KAAKC,MAE5B,GAAI5B,EAAQ,CACVJ,KAAKmB,QAAU,IAAInB,KAAKmB,WAAYO,EAAKP,QAAQc,KAAI3C,I,MAAQ,OAAA4C,OAAAC,OAAAD,OAAAC,OAAA,GACxD7C,GAAI,CACP8C,KAAMpC,KAAKqC,qBAAqB/C,EAAK8C,QAAQE,EAAAZ,EAAKa,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAQlD,IAAK,I,KAEvE,CACLU,KAAKmB,QAAUO,EAAKP,QAAQc,KAAI3C,I,MAAQ,OAAA4C,OAAAC,OAAAD,OAAAC,OAAA,GACnC7C,GAAI,CACP8C,KAAMpC,KAAKqC,qBAAqB/C,EAAK8C,QAAQE,EAAAZ,EAAKa,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAQlD,IAAK,G,CAI9E,IAAKe,IAAYL,KAAKyC,iBAAkB,CACtC,MAAMC,EAAe,IAAIrB,gBAAgBC,SAASjC,QAClD,MAAMsD,EAAe,IAAItB,gBAAgBrB,KAAKiB,QAE9C0B,EAAaC,OAAO,UACpBD,EAAazB,IAAI,QAASlB,KAAKmB,QAAQC,OAAOJ,YAC9C0B,EAAaxB,IAAI,SAAUyB,EAAa3B,YAIxC6B,OAAOC,QAAQC,aAAa,KAAM,GAAI,GAAGzB,SAAS0B,YAAYN,I,CAGhE,GAAIrC,IAAYL,KAAKiD,aAAc,CACjCjD,KAAKS,QAAU,K,KACV,CAELoC,OAAOK,YAAW,KAChBlD,KAAKS,QAAU,KAAK,GACnBT,KAAKmD,a,CAGVnD,KAAKiD,aAAe,IAAI,EAGlBjD,KAAAoD,eAAiBC,EAASrD,KAAKE,MAAOF,KAAKmD,cAE3CnD,KAAAsD,uBAAyBnD,UAC/B,GAAIH,KAAKuD,qBAAsB,OACvBvD,KAAKwD,eACXxD,KAAKoD,gB,GAIDpD,KAAAyD,wBAA0BtD,UAChC,GAAIH,KAAK0D,sBAAuB,OACxB1D,KAAKwD,eACXxD,KAAKoD,gB,GAIDpD,KAAA2D,iBAAmBxD,MAAOyD,IAChCA,EAAMC,uBAEA7D,KAAKwD,eACXxD,KAAKE,OAAO,EAGNF,KAAA8D,gBAAkB,KACxB9D,KAAKE,MAAM,KAAK,EAGVF,KAAA+D,gBAAkB5D,UACxB6D,uBAAsB,KACpBA,uBAAsB7D,gBACdH,KAAKwD,cAAc,GACzB,GACF,E,yCApXoC,U,0BAGA,M,2BAGC,M,SAGnB,G,kBAGS,I,WAGP,E,kBAGQ,M,sBAGI,M,oBAGmEpE,E,kCAGV,WAC3F,MAAO,e,kCAIkHS,E,wBAGvE,I,gBAetB,E,aAGF,M,aAEW,G,qDAED,M,kBACL,M,sBACI,K,CAlBrC,iBAAAoE,GACEjE,KAAKC,cAAgBD,KAAK8B,WAAa9B,KAAKmB,QAAQC,M,CAItD,uBAAA8C,GACElE,KAAKwD,c,CAkBC,oBAAAnB,CAAqBD,EAAc9C,GACzC,IAAI6E,EAAW/B,WACFpC,KAAKoE,iBAAmB,WAC/BpE,KAAKoE,eAAepE,KAAKqE,QAAS/E,GAClCU,KAAKoE,gBAEX,CACE,OACA,UACA,WACA,cACA,QACA,gBACA,UACA,WACA,gBACA,0BACA,OACA,kBACA,gBACA,WACA,kBACA,gBACAE,SAASC,IACT,MAAMC,EAAQ,IAAIC,OAAO,IAAKF,KAAc,MAC5C,IAAIG,EAAQpF,EAAKiF,IAAa,GAE9B,GAAI,CAAC,OAAQ,kBAAmB,gBAAgBI,SAASJ,IAAaG,EAAO,CAC3EA,EAAQE,KAAKC,UAAUH,E,CAGzBP,EAAWA,EAASvD,QAAQ4D,EAAOE,EAAM,IAG3C,OAAOP,C,CAGD,kBAAMX,CAAanD,EAAmB,OAC5C,MAAMyE,EAAuB,KAC3B,MAAMC,EAAW,IAAIC,SAAShF,KAAKiF,aAEnCjF,KAAKiB,OAAS,IAAII,gBAAgB0D,EAAS,EAG7C,GAAI1E,EAAS,CACX,MAAM6E,EAAgB,IAAI7D,gBAAgBC,SAASjC,QACnD,MAAMA,EAAS6F,EAAc3D,IAAI,UAEjC,GAAIlC,EAAQ,CACVW,KAAKmF,aAAe,KACpB,MAAMC,EAAsB,IAAI/D,gBAAgBhC,GAEhD,IAAI,IAAIgG,IAAID,EAAoBE,SAAShB,SAASiB,IAChD,MAAMC,EAASJ,EAAoBK,OAAOF,GAG1C,MAAMG,EAAcC,MAAMC,KAAKC,SAASC,iBAAiB,yJAAyJP,QAYlN,MAAMQ,EAAmBJ,MAAMC,KAAKC,SAASC,iBAAiB,oCAAoCP,QAIlG,MAAMS,EAAmBL,MAAMC,KAAKC,SAASC,iBAAiB,+BAA+BP,QAG7FG,EAAYpB,SAAS2B,IACnBA,EAAMvB,MAAQc,EAAO,EAAE,IAGzBO,EAAiBzB,SAAS2B,IACxBA,EAAMvB,MAAQc,CAAM,IAGtBQ,EAAiB1B,SAAS2B,IACxBA,EAAMC,MAAQV,CAAM,GACpB,G,QAMFW,IACNrB,IAIA,IAAItE,EAAoB,KAExB,MAAM4F,EAAsBT,MAAMC,KAAK5F,KAAKqE,QAAQyB,iBAAiB,iCAGrE,MAAMO,EAAyBV,MAAMC,KAAK5F,KAAKqE,QAAQyB,iBAAiB,oCAGxE,MAAMQ,EAA2BX,MAAMC,KAAK5F,KAAKqE,QAAQyB,iBAAiB,2CAG1E,MAAMS,EAAiBZ,MAAMC,KAAK5F,KAAKqE,QAAQyB,iBAAiB,mJAShE,MAAMU,EAAyBb,MAAMC,KAAK5F,KAAKqE,QAAQyB,iBAAiB,oCAGxEU,EAAuBlC,SAASmC,IAC9B,MAAMC,GAAWD,EAAME,QAEvB,IAAKtG,EAAS,CACZoG,EAAMC,QAAUA,C,CAGlB,GAAIA,EAAS,CACXlG,EAAoB,K,KAIxB4F,EAAoB9B,SAASmC,IAC3B,MAAMC,EAAUD,EAAM/B,QAAU,IAC1B+B,EAAMG,WAAaH,EAAMG,UAAYH,EAAM/B,MAAMtD,QACjDqF,EAAMI,WAAaJ,EAAMI,UAAYJ,EAAM/B,MAAMtD,OAEvD,IAAKf,EAAS,CACZoG,EAAMC,QAAUA,C,CAGlB,GAAIA,EAAS,CACXlG,EAAoB,K,KAIxB6F,EAAuB/B,SAASmC,IAC9B,MAAMC,EAAUD,EAAMP,MAAM9E,SAAW,EAEvC,IAAKf,EAAS,CACZoG,EAAMC,QAAUA,C,CAGlB,GAAIA,EAAS,CACXlG,EAAoB,K,KAIxB+F,EAAejC,SAASmC,IACtB,MAAMC,EAAUD,EAAM/B,MAAM1D,WAAWI,SAAW,EAElD,IAAKf,EAAS,CACZoG,EAAMC,QAAUA,C,CAGlB,GAAIA,EAAS,CACXlG,EAAoB,K,KAIxB8F,EAAyBhC,SAASmC,IAChC,MAAMC,EAAUD,EAAM/B,MAAM1D,WAAWI,SAAW,EAElD,IAAKf,EAAS,CACZoG,EAAMK,YAAcJ,EACpBD,EAAMM,aAAeL,C,CAGvB,GAAIA,EAAS,CACXlG,EAAoB,K,KAIxBR,KAAKQ,kBAAoBA,C,CAgI3B,sBAAMwG,SAGEhH,KAAKwD,aAAa,MAExB,GAAIxD,KAAKmF,aAAc,OACfnF,KAAKE,MAAM,MAAO,MACxBF,KAAKiH,iBAAmB,I,KACnB,CACLjH,KAAKiH,iBAAmB,I,EAI5B,uBAAMC,GACJ,IAAKlH,KAAKa,aAAc,CACtBb,KAAKa,mBAAqBgC,OAAOsE,eAAeC,MAAMC,kBAAkBrH,KAAKqE,QAAS,S,EAI1F,MAAAiD,GACE,MAAMC,EAAkBC,EAAQxH,KAAKqE,QAAS,gBAC9C,MAAMoD,EAAmBD,EAAQxH,KAAKqE,QAAS,iBAE/C,MAAMqD,GAAgB1H,KAAKQ,mBAAqBR,KAAKiD,eAAiBjD,KAAKiD,cAAgBjD,KAAKiH,iBAEhG,MAAMU,EAAU,CACd,cAAe,KACf,gCAAiCJ,EACjC,iCAAkCE,EAClC,iCAAkCC,EAClC,0BAA2B1H,KAAKS,QAChC,CAAC,gBAAgBT,KAAKT,aAAcS,KAAKT,SAG3C,MAAMqI,SAAwB5H,KAAK6H,+BAAiC,WAChE7H,KAAK6H,6BAA6B7H,KAAKqE,SACvCrE,KAAK6H,6BAET,MAAMC,SAAsB9H,KAAK+H,6BAA+B,WAC5D/H,KAAK+H,2BAA2B/H,KAAKqE,SACrCrE,KAAK+H,2BAET,OACEC,EAACC,EAAI,qBAAoBR,GACvBO,EAAA,QACEE,IAAMC,GAAQnI,KAAKiF,YAAckD,EACjCC,WAAU,KACVC,MAAOV,EACPW,SAAUtI,KAAK2D,iBACf4E,QAASvI,KAAK+D,iBAGdiE,EAAA,OAAKK,MAAM,4BAA4BG,aAAcxI,KAAKsD,wBACxD0E,EAAA,QAAMS,KAAK,kBAGZhB,GACCO,EAACU,EAAQ,KAEPV,EAAA,OAAKK,MAAM,6BAA6BG,aAAcxI,KAAKyD,yBACzDuE,EAAA,OAAKK,MAAM,oCACTL,EAAA,oBACEA,EAAA,eACEzI,QAAQ,iBACRoJ,KAAK,QACLC,cAAe,KACfC,eAAgB,KAChBC,aAAa,QACbC,MAAO/I,KAAKa,aAAamI,aAE3BhB,EAAA,OAAKiB,KAAK,WACRjB,EAAA,QAAMS,KAAK,uBAQvBT,EAAA,OAAKK,MAAM,gCACRX,GACCM,EAACU,EAAQ,KACN1I,KAAKmB,QAAQC,SAAW,EAEvB4G,EAACU,EAAQ,KACN1I,KAAKT,UAAY,UAAYS,KAAK6B,gBACjCmG,EAAA,gBACEK,MAAM,+BACNa,MAAM,KACNC,MAAOnJ,KAAKoJ,oBAEXpJ,KAAK6B,gBAAkB7B,KAAKa,aAAawI,YAKhDrB,EAACU,EAAQ,KACN1I,KAAKT,UAAY,UAAYS,KAAK6B,gBACjCmG,EAAA,gBACEK,MAAM,+BACNa,MAAM,KACNC,MAAOnJ,KAAKoJ,oBAEXpJ,KAAK6B,gBAIVmG,EAACJ,EAAc1F,OAAAC,OAAA,CAACkG,MAAM,wBAA2BP,GAC9C9H,KAAKmB,QAAQc,KAAKO,GACjBwF,EAAA,OAAKK,MAAM,4BAA4BiB,UAAW9G,EAAOJ,MAAQ,QAIrE4F,EAAA,OAAKK,MAAM,gCACRrI,KAAKC,eACJ+H,EAAA,eACEzI,QAAQ,YACR8I,MAAM,2BACNU,MAAO/I,KAAKa,aAAa0I,SACzBC,QAASxJ,KAAK8D,gBACd2F,aAAczJ,KAAKS,aAUhCT,KAAKS,SAAWuH,EAAA,eAAaK,MAAM,yBAGtCL,EAAA,c"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as s,h as t,a as e,g as o}from"./p-c7bfac7a.js";const c=".sc-stzh-vbz-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-vbz-carousel-h{display:none}.sc-stzh-vbz-carousel-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-carousel-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-carousel-h *.sc-stzh-vbz-carousel,.sc-stzh-vbz-carousel-h *.sc-stzh-vbz-carousel::before,.sc-stzh-vbz-carousel-h *.sc-stzh-vbz-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-vbz-carousel-h .has-focus.sc-stzh-vbz-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-carousel-h .stzh-fylingfocus-focused.sc-stzh-vbz-carousel{outline-style:none !important}.sc-stzh-vbz-carousel-h .stzh-fylingfocus-focused.sc-stzh-vbz-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:(328 / 585)}@media screen and (min-width: 600px){.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:(330 / 1025)}}@media screen and (min-width: 900px){.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:(555 / 1440)}}@media screen and (min-width: 1260px){.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:(1120 / 2880)}}";const r=class{constructor(t){s(this,t);this.onDisturbanceFetched=s=>{if(s.detail.disturbance){this.hideElement()}};this.autoplayTimeout=9e3}hideElement(){this.element.hidden=true}async connectedCallback(){this.majorTicker=document.querySelector("stzh-vbz-majorticker");if(this.majorTicker){const s=await this.majorTicker.getDisturbance();if(s){this.hideElement()}else{this.majorTicker.addEventListener("stzhDisturbanceFetched",this.onDisturbanceFetched)}}}disconnectedCallback(){if(this.majorTicker){this.majorTicker.removeEventListener("stzhDisturbanceFetched",this.onDisturbanceFetched)}}render(){const s={"stzh-vbz-carousel":true};return t(e,null,t("div",{class:s},t("stzh-carousel",{noPeek:true,nonInteractive:true,preventMouseDrag:true,preventAutoplayPause:true,preventAutoplayStop:true,autoplay:true,autoplayTimeout:this.autoplayTimeout},t("slot",null))))}get element(){return o(this)}};r.style=c;export{r as stzh_vbz_carousel};
|
|
2
|
-
//# sourceMappingURL=p-7658bb41.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stzhVbzCarouselCss","StzhVbzCarousel","this","onDisturbanceFetched","event","detail","disturbance","hideElement","element","hidden","connectedCallback","majorTicker","document","querySelector","getDisturbance","addEventListener","disconnectedCallback","removeEventListener","render","classes","h","Host","class","noPeek","nonInteractive","preventMouseDrag","preventAutoplayPause","preventAutoplayStop","autoplay","autoplayTimeout"],"sources":["src/components/stzh-vbz-carousel/stzh-vbz-carousel.scss?tag=stzh-vbz-carousel&encapsulation=scoped","src/components/stzh-vbz-carousel/stzh-vbz-carousel.tsx"],"sourcesContent":[":host {\n ::slotted(stzh-ratio),\n ::slotted(*) stzh-ratio {\n --ratio: (328 / 585);\n\n @include mq($from: small) {\n --ratio: (330 / 1025);\n }\n\n @include mq($from: medium) {\n --ratio: (555 / 1440);\n }\n\n @include mq($from: large) {\n --ratio: (1120 / 2880);\n }\n }\n}\n\n.stzh-vbz-carousel {\n\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n} from \"@stencil/core\";\n\nimport {\n StzhVbzMajortickerDisturbanceFetchedEvent,\n} from \"../../index\";\n\n/**\n * @slot - Slot any element\n */\n@Component({\n tag: \"stzh-vbz-carousel\",\n styleUrl: \"stzh-vbz-carousel.scss\",\n scoped: true\n})\nexport class StzhVbzCarousel {\n /** Timeout delay in milliseconds used for autoplay */\n @Prop() autoplayTimeout: number = 9000;\n\n @Element() element: HTMLStzhFigureElement;\n\n private majorTicker: HTMLStzhVbzMajortickerElement;\n\n private hideElement() {\n this.element.hidden = true;\n }\n\n private onDisturbanceFetched = (event: CustomEvent<StzhVbzMajortickerDisturbanceFetchedEvent>) => {\n if (event.detail.disturbance) {\n this.hideElement();\n }\n }\n\n async connectedCallback() {\n\t\tthis.majorTicker = document.querySelector(\"stzh-vbz-majorticker\");\n\n if (this.majorTicker) {\n\t\t\tconst disturbance = await this.majorTicker.getDisturbance();\n\n if (disturbance) {\n this.hideElement();\n } else {\n this.majorTicker.addEventListener(\"stzhDisturbanceFetched\", this.onDisturbanceFetched);\n }\n }\n }\n\n disconnectedCallback() {\n if (this.majorTicker) {\n this.majorTicker.removeEventListener(\"stzhDisturbanceFetched\", this.onDisturbanceFetched);\n }\n }\n\n render() {\n const classes = {\n \"stzh-vbz-carousel\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <stzh-carousel\n noPeek={true}\n nonInteractive={true}\n preventMouseDrag={true}\n preventAutoplayPause={true}\n preventAutoplayStop={true}\n autoplay\n autoplayTimeout={this.autoplayTimeout}>\n <slot></slot>\n </stzh-carousel>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,+7D,MCoBdC,EAAe,M,yBAYlBC,KAAAC,qBAAwBC,IAC9B,GAAIA,EAAMC,OAAOC,YAAa,CAC5BJ,KAAKK,a,wBAZyB,G,CAM1B,WAAAA,GACNL,KAAKM,QAAQC,OAAS,I,CASxB,uBAAMC,GACNR,KAAKS,YAAcC,SAASC,cAAc,wBAExC,GAAIX,KAAKS,YAAa,CACvB,MAAML,QAAoBJ,KAAKS,YAAYG,iBAExC,GAAIR,EAAa,CACfJ,KAAKK,a,KACA,CACLL,KAAKS,YAAYI,iBAAiB,yBAA0Bb,KAAKC,qB,GAKvE,oBAAAa,GACE,GAAId,KAAKS,YAAa,CACpBT,KAAKS,YAAYM,oBAAoB,yBAA0Bf,KAAKC,qB,EAIxE,MAAAe,GACE,MAAMC,EAAU,CACd,oBAAqB,MAGvB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,iBACEG,OAAQ,KACRC,eAAgB,KAChBC,iBAAkB,KAClBC,qBAAsB,KACtBC,oBAAqB,KACrBC,SAAQ,KACRC,gBAAiB3B,KAAK2B,iBACtBT,EAAA,e"}
|