@oiz/stzh-components 2.3.0-alpha → 2.3.0-alpha2
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-13e786d3.js → app-globals-03f189c4.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/stzh-actions.cjs.entry.js +1 -1
- package/dist/cjs/stzh-appnav.cjs.entry.js +1 -1
- package/dist/cjs/stzh-audio.cjs.entry.js +1 -1
- package/dist/cjs/stzh-badge_3.cjs.entry.js +6 -2
- package/dist/cjs/stzh-card_3.cjs.entry.js +4 -3
- package/dist/cjs/stzh-cell.cjs.entry.js +1 -1
- package/dist/cjs/stzh-chart.cjs.entry.js +406 -1473
- package/dist/cjs/stzh-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/stzh-checkboxgroup.cjs.entry.js +1 -1
- package/dist/cjs/stzh-chip_2.cjs.entry.js +1 -1
- package/dist/cjs/stzh-components.cjs.js +2 -2
- package/dist/cjs/stzh-contact.cjs.entry.js +1 -1
- package/dist/cjs/stzh-container.cjs.entry.js +1 -1
- package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datalist_2.cjs.entry.js +20 -7
- package/dist/cjs/stzh-datepicker_3.cjs.entry.js +1 -1
- package/dist/cjs/stzh-details.cjs.entry.js +1 -1
- package/dist/cjs/stzh-dialog.cjs.entry.js +1 -1
- package/dist/cjs/stzh-dropdown.cjs.entry.js +6 -2
- package/dist/cjs/stzh-figure.cjs.entry.js +1 -1
- package/dist/cjs/stzh-footer.cjs.entry.js +1 -1
- package/dist/cjs/stzh-ghettobox_2.cjs.entry.js +1 -1
- package/dist/cjs/stzh-header.cjs.entry.js +1 -1
- package/dist/cjs/stzh-hspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-icon-sprite.cjs.entry.js +1 -1
- package/dist/cjs/stzh-input.cjs.entry.js +1 -1
- package/dist/cjs/stzh-link.cjs.entry.js +1 -1
- package/dist/cjs/stzh-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagebottom.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagetitle-hero.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagetitle.cjs.entry.js +1 -1
- package/dist/cjs/stzh-popover.cjs.entry.js +1 -1
- package/dist/cjs/stzh-progressbar-item.cjs.entry.js +1 -1
- package/dist/cjs/stzh-readspeaker.cjs.entry.js +1 -1
- package/dist/cjs/stzh-row.cjs.entry.js +1 -1
- package/dist/cjs/stzh-section.cjs.entry.js +1 -1
- package/dist/cjs/stzh-sortable.cjs.entry.js +2 -2
- package/dist/cjs/stzh-space.cjs.entry.js +1 -1
- package/dist/cjs/stzh-status.cjs.entry.js +1 -1
- package/dist/cjs/stzh-table.cjs.entry.js +1 -1
- package/dist/cjs/stzh-textandimage.cjs.entry.js +1 -1
- package/dist/cjs/stzh-toggle.cjs.entry.js +1 -1
- package/dist/cjs/stzh-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/stzh-upload.cjs.entry.js +2 -2
- package/dist/cjs/stzh-vspace.cjs.entry.js +1 -1
- package/dist/cjs/{utils-ff153309.js → utils-a2ff9f84.js} +39 -11
- package/dist/collection/assets/i18n/de.json +3 -3
- package/dist/collection/assets/icons/mono/calculator.svg +10 -0
- package/dist/collection/components/stzh-button/stzh-button.css +26 -2
- package/dist/collection/components/stzh-button/stzh-button.js +40 -0
- package/dist/collection/components/stzh-button/stzh-button.stories.js +9 -0
- package/dist/collection/components/stzh-card/stzh-card.css +3 -0
- package/dist/collection/components/stzh-card-list/stzh-card-list.js +2 -2
- package/dist/collection/components/stzh-cell/stzh-cell.css +5 -0
- package/dist/collection/components/stzh-chart/stzh-chart.css +37 -55
- package/dist/collection/components/stzh-chip/stzh-chip.css +7 -3
- package/dist/collection/components/stzh-chip/stzh-chip.js +2 -2
- package/dist/collection/components/stzh-chip-select/stzh-chip-select.js +1 -0
- package/dist/collection/components/stzh-container/stzh-container.css +8 -0
- package/dist/collection/components/stzh-cspace/stzh-cspace.css +8 -6
- package/dist/collection/components/stzh-datalist/stzh-datalist.css +3 -3
- package/dist/collection/components/stzh-datalist/stzh-datalist.js +5 -5
- package/dist/collection/components/stzh-datalist/stzh-datalist.stories.js +18 -6
- package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css +57 -18
- package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js +70 -4
- package/dist/collection/components/stzh-datatable/stzh-datatable.js +1 -1
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.js +22 -2
- package/dist/collection/components/stzh-hspace/stzh-hspace.css +19 -13
- package/dist/collection/components/stzh-icon-sprite/assets/svgsprites/symbol/sprite.symbol.html +47 -34
- package/dist/collection/components/stzh-icon-sprite/assets/svgsprites/symbol/svg/sprite.symbol.svg +1 -1
- package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.css +0 -3
- package/dist/collection/components/stzh-row/stzh-row.css +5 -0
- package/dist/collection/components/stzh-section/stzh-section.css +6 -0
- package/dist/collection/components/stzh-sortable/stzh-sortable.js +3 -3
- package/dist/collection/components/stzh-space/stzh-space.css +6 -0
- package/dist/collection/components/stzh-status/stzh-status.css +5 -1
- package/dist/collection/components/stzh-status/stzh-status.js +1 -1
- package/dist/collection/components/stzh-table/stzh-table.js +1 -1
- package/dist/collection/components/stzh-upload/stzh-upload.js +1 -1
- package/dist/collection/components/stzh-vspace/stzh-vspace.css +6 -0
- package/dist/collection/pages/website.stories.js +4 -1
- package/dist/collection/utils/utils.js +41 -20
- package/dist/components/index.js +1 -1
- package/dist/components/stzh-button2.js +7 -1
- package/dist/components/stzh-card-list2.js +2 -2
- package/dist/components/stzh-card2.js +1 -1
- package/dist/components/stzh-cell.js +1 -1
- package/dist/components/stzh-chart.js +406 -1473
- package/dist/components/stzh-chip-select2.js +1 -0
- package/dist/components/stzh-chip2.js +1 -1
- package/dist/components/stzh-contact.js +18 -12
- package/dist/components/stzh-container.js +1 -1
- package/dist/components/stzh-cspace.js +1 -1
- package/dist/components/stzh-datalist-item2.js +33 -11
- package/dist/components/stzh-datalist2.js +17 -11
- package/dist/components/stzh-dropdown2.js +6 -1
- package/dist/components/stzh-hspace.js +1 -1
- package/dist/components/stzh-icon-sprite.js +1 -1
- package/dist/components/stzh-progressbar-item2.js +1 -1
- package/dist/components/stzh-row.js +1 -1
- package/dist/components/stzh-section.js +1 -1
- package/dist/components/stzh-sitemap.js +16 -10
- package/dist/components/stzh-sortable2.js +2 -2
- package/dist/components/stzh-space.js +1 -1
- package/dist/components/stzh-status2.js +2 -2
- package/dist/components/stzh-upload.js +1 -1
- package/dist/components/stzh-vspace.js +1 -1
- package/dist/components/utils.js +39 -11
- package/dist/esm/{app-globals-2e508622.js → app-globals-02f560cd.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/stzh-actions.entry.js +1 -1
- package/dist/esm/stzh-appnav.entry.js +1 -1
- package/dist/esm/stzh-audio.entry.js +1 -1
- package/dist/esm/stzh-badge_3.entry.js +6 -2
- package/dist/esm/stzh-card_3.entry.js +4 -3
- package/dist/esm/stzh-cell.entry.js +1 -1
- package/dist/esm/stzh-chart.entry.js +406 -1473
- package/dist/esm/stzh-checkbox.entry.js +1 -1
- package/dist/esm/stzh-checkboxgroup.entry.js +1 -1
- package/dist/esm/stzh-chip_2.entry.js +1 -1
- package/dist/esm/stzh-components.js +2 -2
- package/dist/esm/stzh-contact.entry.js +1 -1
- package/dist/esm/stzh-container.entry.js +1 -1
- package/dist/esm/stzh-cspace.entry.js +1 -1
- package/dist/esm/stzh-datalist_2.entry.js +20 -7
- package/dist/esm/stzh-datepicker_3.entry.js +1 -1
- package/dist/esm/stzh-details.entry.js +1 -1
- package/dist/esm/stzh-dialog.entry.js +1 -1
- package/dist/esm/stzh-dropdown.entry.js +6 -2
- package/dist/esm/stzh-figure.entry.js +1 -1
- package/dist/esm/stzh-footer.entry.js +1 -1
- package/dist/esm/stzh-ghettobox_2.entry.js +1 -1
- package/dist/esm/stzh-header.entry.js +1 -1
- package/dist/esm/stzh-hspace.entry.js +1 -1
- package/dist/esm/stzh-icon-sprite.entry.js +1 -1
- package/dist/esm/stzh-input.entry.js +1 -1
- package/dist/esm/stzh-link.entry.js +1 -1
- package/dist/esm/stzh-menu_2.entry.js +1 -1
- package/dist/esm/stzh-pagebottom.entry.js +1 -1
- package/dist/esm/stzh-pagetitle-hero.entry.js +1 -1
- package/dist/esm/stzh-pagetitle.entry.js +1 -1
- package/dist/esm/stzh-popover.entry.js +1 -1
- package/dist/esm/stzh-progressbar-item.entry.js +1 -1
- package/dist/esm/stzh-readspeaker.entry.js +1 -1
- package/dist/esm/stzh-row.entry.js +1 -1
- package/dist/esm/stzh-section.entry.js +1 -1
- package/dist/esm/stzh-sortable.entry.js +2 -2
- package/dist/esm/stzh-space.entry.js +1 -1
- package/dist/esm/stzh-status.entry.js +1 -1
- package/dist/esm/stzh-table.entry.js +1 -1
- package/dist/esm/stzh-textandimage.entry.js +1 -1
- package/dist/esm/stzh-toggle.entry.js +1 -1
- package/dist/esm/stzh-tooltip.entry.js +1 -1
- package/dist/esm/stzh-upload.entry.js +2 -2
- package/dist/esm/stzh-vspace.entry.js +1 -1
- package/dist/esm/{utils-92a77db5.js → utils-51148d9a.js} +39 -11
- package/dist/esm-es5/app-globals-02f560cd.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/stzh-actions.entry.js +1 -1
- package/dist/esm-es5/stzh-appnav.entry.js +1 -1
- package/dist/esm-es5/stzh-audio.entry.js +1 -1
- package/dist/esm-es5/stzh-badge_3.entry.js +1 -1
- package/dist/esm-es5/stzh-card_3.entry.js +1 -1
- package/dist/esm-es5/stzh-cell.entry.js +1 -1
- package/dist/esm-es5/stzh-chart.entry.js +3 -3
- package/dist/esm-es5/stzh-checkbox.entry.js +1 -1
- package/dist/esm-es5/stzh-checkboxgroup.entry.js +1 -1
- package/dist/esm-es5/stzh-chip_2.entry.js +1 -1
- package/dist/esm-es5/stzh-components.js +1 -1
- package/dist/esm-es5/stzh-contact.entry.js +1 -1
- package/dist/esm-es5/stzh-container.entry.js +1 -1
- package/dist/esm-es5/stzh-cspace.entry.js +1 -1
- package/dist/esm-es5/stzh-datalist_2.entry.js +1 -1
- package/dist/esm-es5/stzh-datepicker_3.entry.js +1 -1
- package/dist/esm-es5/stzh-details.entry.js +1 -1
- package/dist/esm-es5/stzh-dialog.entry.js +1 -1
- package/dist/esm-es5/stzh-dropdown.entry.js +2 -2
- package/dist/esm-es5/stzh-figure.entry.js +1 -1
- package/dist/esm-es5/stzh-footer.entry.js +1 -1
- package/dist/esm-es5/stzh-ghettobox_2.entry.js +1 -1
- package/dist/esm-es5/stzh-header.entry.js +1 -1
- package/dist/esm-es5/stzh-hspace.entry.js +1 -1
- package/dist/esm-es5/stzh-icon-sprite.entry.js +1 -1
- package/dist/esm-es5/stzh-input.entry.js +1 -1
- package/dist/esm-es5/stzh-link.entry.js +1 -1
- package/dist/esm-es5/stzh-menu_2.entry.js +1 -1
- package/dist/esm-es5/stzh-pagebottom.entry.js +1 -1
- package/dist/esm-es5/stzh-pagetitle-hero.entry.js +1 -1
- package/dist/esm-es5/stzh-pagetitle.entry.js +1 -1
- package/dist/esm-es5/stzh-popover.entry.js +1 -1
- package/dist/esm-es5/stzh-progressbar-item.entry.js +1 -1
- package/dist/esm-es5/stzh-readspeaker.entry.js +1 -1
- package/dist/esm-es5/stzh-row.entry.js +1 -1
- package/dist/esm-es5/stzh-section.entry.js +1 -1
- package/dist/esm-es5/stzh-sortable.entry.js +2 -2
- package/dist/esm-es5/stzh-space.entry.js +1 -1
- package/dist/esm-es5/stzh-status.entry.js +1 -1
- package/dist/esm-es5/stzh-table.entry.js +1 -1
- package/dist/esm-es5/stzh-textandimage.entry.js +1 -1
- package/dist/esm-es5/stzh-toggle.entry.js +1 -1
- package/dist/esm-es5/stzh-tooltip.entry.js +1 -1
- package/dist/esm-es5/stzh-upload.entry.js +1 -1
- package/dist/esm-es5/stzh-vspace.entry.js +1 -1
- package/dist/esm-es5/utils-51148d9a.js +1 -0
- package/dist/stzh-components/assets/i18n/de.json +3 -3
- package/dist/stzh-components/assets/icons/mono/calculator.svg +10 -0
- package/dist/stzh-components/assets/svgsprites/symbol/sprite.symbol.html +47 -34
- package/dist/stzh-components/assets/svgsprites/symbol/svg/sprite.symbol.svg +1 -1
- package/dist/stzh-components/{p-d6a11daa.entry.js → p-02d51685.entry.js} +1 -1
- package/dist/stzh-components/p-0759cd7e.entry.js +1 -0
- package/dist/stzh-components/{p-6c80b920.system.entry.js → p-07dc23a3.system.entry.js} +1 -1
- package/dist/stzh-components/{p-bb82fa2d.system.entry.js → p-088b16c6.system.entry.js} +1 -1
- package/dist/stzh-components/{p-2ba88798.entry.js → p-0ba944ab.entry.js} +1 -1
- package/dist/stzh-components/{p-06f5abab.system.entry.js → p-0ffd0de8.system.entry.js} +1 -1
- package/dist/stzh-components/{p-2c490268.system.entry.js → p-102e2bcd.system.entry.js} +1 -1
- package/dist/stzh-components/{p-a2b2cfac.system.entry.js → p-12856e02.system.entry.js} +1 -1
- package/dist/stzh-components/{p-b9427914.entry.js → p-155ecf6c.entry.js} +1 -1
- package/dist/stzh-components/p-16c0b9ae.entry.js +3 -0
- package/dist/stzh-components/p-18e20038.entry.js +1 -0
- package/dist/stzh-components/{p-f433e62a.system.entry.js → p-1a98470f.system.entry.js} +1 -1
- package/dist/stzh-components/p-1bcda13d.system.entry.js +1 -0
- package/dist/stzh-components/p-1d435dd8.system.entry.js +1 -0
- package/dist/stzh-components/{p-8972cf20.entry.js → p-1f74846f.entry.js} +1 -1
- package/dist/stzh-components/{p-ac3e3b2a.system.entry.js → p-215d2cf6.system.entry.js} +1 -1
- package/dist/stzh-components/{p-1f925e84.system.entry.js → p-25d8a9c0.system.entry.js} +1 -1
- package/dist/stzh-components/{p-97e4272b.system.entry.js → p-2674dc69.system.entry.js} +1 -1
- package/dist/stzh-components/p-29e9ad9f.system.entry.js +1 -0
- package/dist/stzh-components/p-2c42ae68.entry.js +1 -0
- package/dist/stzh-components/{p-d32965be.system.entry.js → p-309fc559.system.entry.js} +1 -1
- package/dist/stzh-components/p-30a9de85.system.entry.js +1 -0
- package/dist/stzh-components/{p-64e27ac1.entry.js → p-31b995e8.entry.js} +1 -1
- package/dist/stzh-components/p-326fcb23.js +1 -0
- package/dist/stzh-components/{p-705aa56d.entry.js → p-32a03d1c.entry.js} +1 -1
- package/dist/stzh-components/p-37920e74.system.entry.js +1 -0
- package/dist/stzh-components/{p-125a8244.entry.js → p-4633b93d.entry.js} +1 -1
- package/dist/stzh-components/{p-81b4b0e6.system.entry.js → p-48e79dc0.system.entry.js} +1 -1
- package/dist/stzh-components/p-4c60da30.entry.js +1 -0
- package/dist/stzh-components/p-4eee30ea.system.entry.js +1 -0
- package/dist/stzh-components/{p-41fa7e81.entry.js → p-532b4218.entry.js} +1 -1
- package/dist/stzh-components/{p-668b4025.system.entry.js → p-552d0e82.system.entry.js} +1 -1
- package/dist/stzh-components/p-57235597.system.entry.js +1 -0
- package/dist/stzh-components/p-5c697491.js +1 -0
- package/dist/stzh-components/{p-a0a033bd.system.entry.js → p-5c72664e.system.entry.js} +1 -1
- package/dist/stzh-components/p-5d55a672.system.entry.js +1 -0
- package/dist/stzh-components/p-63bb1d5e.system.js +1 -0
- package/dist/stzh-components/{p-7b0c04b3.system.entry.js → p-6606e17e.system.entry.js} +1 -1
- package/dist/stzh-components/{p-8ee705ed.entry.js → p-66692130.entry.js} +1 -1
- package/dist/stzh-components/{p-bc36fda4.system.entry.js → p-6769b9a8.system.entry.js} +1 -1
- package/dist/stzh-components/{p-04d390eb.entry.js → p-67816aa4.entry.js} +1 -1
- package/dist/stzh-components/{p-e7e9b295.system.entry.js → p-6a94e520.system.entry.js} +1 -1
- package/dist/stzh-components/p-6deb516e.entry.js +1 -0
- package/dist/stzh-components/{p-ed58b644.system.entry.js → p-72a62d0d.system.entry.js} +1 -1
- package/dist/stzh-components/p-761ee059.entry.js +1 -0
- package/dist/stzh-components/{p-c33b7d23.entry.js → p-77320d20.entry.js} +1 -1
- package/dist/stzh-components/p-798ac79c.entry.js +1 -0
- package/dist/stzh-components/{p-7185f634.entry.js → p-7f857e56.entry.js} +1 -1
- package/dist/stzh-components/{p-9d5c70ee.system.entry.js → p-809ed955.system.entry.js} +1 -1
- package/dist/stzh-components/{p-fa615b51.system.entry.js → p-84a6e023.system.entry.js} +1 -1
- package/dist/stzh-components/p-89bd0d46.entry.js +1 -0
- package/dist/stzh-components/{p-5c717080.system.entry.js → p-8f577bc6.system.entry.js} +1 -1
- package/dist/stzh-components/{p-cbe6d2ea.entry.js → p-919cf183.entry.js} +1 -1
- package/dist/stzh-components/p-94918f2a.system.entry.js +1 -0
- package/dist/stzh-components/p-951b04ab.entry.js +1 -0
- package/dist/stzh-components/{p-da98a8bb.system.entry.js → p-963a7526.system.entry.js} +1 -1
- package/dist/stzh-components/{p-126a0f14.entry.js → p-9be21c72.entry.js} +1 -1
- package/dist/stzh-components/p-9de8b25b.entry.js +1 -0
- package/dist/stzh-components/{p-fe5d5fc8.entry.js → p-a1727d35.entry.js} +1 -1
- package/dist/stzh-components/{p-7e94b787.entry.js → p-a2df0ea1.entry.js} +1 -1
- package/dist/stzh-components/{p-6496df0a.system.entry.js → p-a32ae73a.system.entry.js} +2 -2
- package/dist/stzh-components/{p-8c5a6832.system.entry.js → p-a7eb3e02.system.entry.js} +1 -1
- package/dist/stzh-components/p-acf59d10.entry.js +1 -0
- package/dist/stzh-components/p-ad62a793.system.entry.js +1 -0
- package/dist/stzh-components/{p-4370efe7.entry.js → p-ae38f1d2.entry.js} +1 -1
- package/dist/stzh-components/p-b04a9d0f.system.entry.js +1 -0
- package/dist/stzh-components/p-b422041d.entry.js +1 -0
- package/dist/stzh-components/{p-b050c1f4.entry.js → p-b9372a2a.entry.js} +1 -1
- package/dist/stzh-components/{p-f5b2c12e.entry.js → p-bb698e26.entry.js} +1 -1
- package/dist/stzh-components/{p-dbe5320f.entry.js → p-bc2af057.entry.js} +1 -1
- package/dist/stzh-components/{p-1c2c9ca8.entry.js → p-bc545121.entry.js} +1 -1
- package/dist/stzh-components/{p-d5644c25.entry.js → p-be97cb22.entry.js} +1 -1
- package/dist/stzh-components/{p-b6e6f847.entry.js → p-c2a22eb8.entry.js} +1 -1
- package/dist/stzh-components/{p-0af8a184.system.entry.js → p-c4c620fa.system.entry.js} +1 -1
- package/dist/stzh-components/p-c87e9b71.entry.js +1 -0
- package/dist/stzh-components/p-cc722b35.system.entry.js +3 -0
- package/dist/stzh-components/{p-38e7645a.entry.js → p-d1cfe06b.entry.js} +1 -1
- package/dist/stzh-components/p-d4b7a303.system.js +1 -0
- package/dist/stzh-components/p-d4c006e8.entry.js +1 -0
- package/dist/stzh-components/{p-a3c7aa63.entry.js → p-d9ae09b5.entry.js} +4 -4
- package/dist/stzh-components/p-db6aa108.system.js +1 -0
- package/dist/stzh-components/{p-8715198b.entry.js → p-de76e01b.entry.js} +1 -1
- package/dist/stzh-components/{p-a44527f8.entry.js → p-e1b2785b.entry.js} +1 -1
- package/dist/stzh-components/{p-00c4c8c0.system.entry.js → p-e4a8f1bc.system.entry.js} +1 -1
- package/dist/stzh-components/p-e59c2adc.system.entry.js +1 -0
- package/dist/stzh-components/p-e9994d05.system.entry.js +1 -0
- package/dist/stzh-components/{p-e78fe899.system.entry.js → p-ed783154.system.entry.js} +1 -1
- package/dist/stzh-components/{p-4d8c81b2.system.entry.js → p-eed126cf.system.entry.js} +1 -1
- package/dist/stzh-components/{p-f3d69226.system.entry.js → p-f3276ca5.system.entry.js} +1 -1
- package/dist/stzh-components/p-f4deacf4.system.entry.js +1 -0
- package/dist/stzh-components/{p-99aacd74.entry.js → p-f7e18135.entry.js} +1 -1
- package/dist/stzh-components/{p-09f582cd.entry.js → p-febba79b.entry.js} +1 -1
- package/dist/stzh-components/{p-5f9b58fb.system.entry.js → p-ff328114.system.entry.js} +1 -1
- package/dist/stzh-components/stzh-components.esm.js +1 -1
- package/dist/stzh-components/stzh-components.js +1 -1
- package/dist/types/components.d.ts +58 -14
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/utils.d.ts +4 -2
- package/dist/vscode-data.json +46 -6
- package/package.json +2 -2
- package/dist/esm-es5/app-globals-2e508622.js +0 -1
- package/dist/esm-es5/utils-92a77db5.js +0 -1
- package/dist/stzh-components/p-0447b178.system.entry.js +0 -1
- package/dist/stzh-components/p-0ada0b0a.system.entry.js +0 -1
- package/dist/stzh-components/p-0afba769.entry.js +0 -1
- package/dist/stzh-components/p-101f9b11.system.entry.js +0 -1
- package/dist/stzh-components/p-2ad73c0c.system.entry.js +0 -1
- package/dist/stzh-components/p-2f4c5e18.entry.js +0 -1
- package/dist/stzh-components/p-3238b0bf.entry.js +0 -1
- package/dist/stzh-components/p-3e433996.entry.js +0 -1
- package/dist/stzh-components/p-4a298117.system.entry.js +0 -1
- package/dist/stzh-components/p-537adcfe.system.entry.js +0 -3
- package/dist/stzh-components/p-563b1abc.system.entry.js +0 -1
- package/dist/stzh-components/p-5cb1cd93.system.entry.js +0 -1
- package/dist/stzh-components/p-6414454e.system.entry.js +0 -1
- package/dist/stzh-components/p-65ea23f6.entry.js +0 -1
- package/dist/stzh-components/p-74d6e349.system.entry.js +0 -1
- package/dist/stzh-components/p-791bc813.system.js +0 -1
- package/dist/stzh-components/p-86a29c35.js +0 -1
- package/dist/stzh-components/p-8ccefd49.system.entry.js +0 -1
- package/dist/stzh-components/p-906caf97.js +0 -1
- package/dist/stzh-components/p-9380fb85.entry.js +0 -1
- package/dist/stzh-components/p-99e27f57.system.js +0 -1
- package/dist/stzh-components/p-99e43fb0.entry.js +0 -1
- package/dist/stzh-components/p-9be29697.entry.js +0 -1
- package/dist/stzh-components/p-a4dd5ba3.entry.js +0 -1
- package/dist/stzh-components/p-a51dd210.system.entry.js +0 -1
- package/dist/stzh-components/p-b689b882.entry.js +0 -1
- package/dist/stzh-components/p-bf071e77.system.js +0 -1
- package/dist/stzh-components/p-c0ec905d.entry.js +0 -1
- package/dist/stzh-components/p-c646c712.entry.js +0 -1
- package/dist/stzh-components/p-ccf023da.entry.js +0 -3
- package/dist/stzh-components/p-da85cf73.system.entry.js +0 -1
- package/dist/stzh-components/p-dd5f29aa.entry.js +0 -1
- package/dist/stzh-components/p-de9edaf2.entry.js +0 -1
- package/dist/stzh-components/p-fd3acd16.system.entry.js +0 -1
- package/dist/stzh-components/p-fe9acc68.system.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,r,e,i){function o(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,s){function a(t){try{h(i.next(t))}catch(r){s(r)}}function n(t){try{h(i["throw"](t))}catch(r){s(r)}}function h(t){t.done?e(t.value):o(t.value).then(a,n)}h((i=i.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,o,s,a;return a={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function n(t){return function(r){return h([t,r])}}function h(n){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,n[0]&&(e=0)),e)try{if(i=1,o&&(s=n[0]&2?o["return"]:n[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,n[1])).done)return s;if(o=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:e.label++;return{value:n[1],done:false};case 5:e.label++;o=n[1];n=[0];continue;case 7:n=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){e=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){e.label=n[1];break}if(n[0]===6&&e.label<s[1]){e.label=s[1];s=n;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(n);break}if(s[2])e.ops.pop();e.trys.pop();continue}n=r.call(t,e)}catch(h){n=[6,h];o=0}finally{i=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-36e72c1d.system.js","./p-a408bfba.system.js","./p-11816251.system.js","./p-309d2b66.system.js","./p-791bc813.system.js","./p-db339680.system.js","./p-f58c28ad.system.js"],(function(t){"use strict";var r,e,i,o,s,a,n,h,d,c,l,p,u;return{setters:[function(t){r=t.r;e=t.e;i=t.h;o=t.F;s=t.c;a=t.g},function(t){n=t.f},function(t){h=t.a;d=t.p},function(t){c=t.c},function(t){l=t.h},function(t){p=t.S},function(t){u=t.c}],execute:function(){var z=".sc-stzh-datepicker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-datepicker-h{width:100%}.stzh-datepicker__popover.sc-stzh-datepicker{--padding:var(--stzh-space-medium);--width:auto}.stzh-datepicker__actions.sc-stzh-datepicker{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){margin-top:var(--stzh-space-xsmall)}";var f=t("stzh_datepicker",function(){function t(t){var i=this;r(this,t);this.stzhChange=e(this,"stzhChange",7);this.onInputChange=function(){var t=i.dateAdapter.parse(i.input.value,"inputdate");if(i.input.value===""||t){var r=h(t);if(i.calendar){i.calendar.value=r}i.value=r;i.stzhChange.emit({component:"stzh-datepicker",value:i.value,valueAsDate:t})}};this.onCalendarChange=function(t){i.value=t.detail.value;i.stzhChange.emit({component:"stzh-datepicker",value:i.value,valueAsDate:t.detail.valueAsDate});if(i.input){i.input.value=t.detail.valueAsDate&&i.dateAdapter.format(t.detail.valueAsDate,"inputdate")}if(i.popover){i.popover.hide()}};this.calendarMin="";this.calendarMax="";this.calendarIsDateDisabled=function(){return false};this.name="";this.value="";this.label="";this.readonly=false;this.disabled=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.showMarker=false;this.size="default";this.inline=false;this.dateAdapter=undefined;this.localization=undefined;this.buttonLabel=undefined}t.prototype.createDateFormatters=function(){if(this.localization){this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"})}};t.prototype.valueWatcher=function(t){var r=d(t);if(this.calendar){this.calendar.value=t}if(this.input){this.input.value=this.dateAdapter.format(r,"inputdate")}this.updateButtonAccessibleLabel()};t.prototype.setDate=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=h(t);return[2]}))}))};t.prototype.getPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.popover]}))}))};t.prototype.updateButtonAccessibleLabel=function(){if(!this.localization){return}try{var t=d(this.value);this.buttonLabel="".concat(this.localization.buttonLabel,", ").concat(this.localization.selectedDateMessage," ").concat(this.dateFormatLong.format(t))}catch(r){this.buttonLabel=this.localization.buttonLabel}};t.prototype.connectedCallback=function(){this.createDateFormatters()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,n(this.element,"datepicker")];case 1:t.localization=r.sent();r.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=c(this.localization.$formats,this.localization.$globals)}return[2]}}))}))};t.prototype.componentDidLoad=function(){this.valueWatcher(this.value)};t.prototype.render=function(){var t=this;var r={"stzh-datepicker":true,"stzh-datepicker--inline":this.inline};return i(s,null,i("div",{class:r},i("input",{type:"hidden",name:this.name,value:this.value}),this.inline&&i(o,null,i("stzh-calendar",{ref:function(r){return t.calendar=r},isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"}))),!this.inline&&i("stzh-input",{label:this.label,ref:function(r){return t.input=r},noAutocomplete:true,onStzhChange:this.onInputChange,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,showMarker:this.showMarker,size:this.size},i("stzh-popover",{ref:function(r){return t.popover=r},class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",label:this.label},i("stzh-button",{variant:"input","icon-only":true,icon:"calendar",disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{slot:"content"},i("stzh-calendar",{ref:function(r){return t.calendar=r},isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{localization:["createDateFormatters"],value:["valueWatcher"]}},enumerable:false,configurable:true});return t}());f.style=z;var g='.sc-stzh-radio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-radio-h{display:inline-block;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-radio-h .sc-stzh-radio-s>stzh-text{--color:inherit}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radio__marker-text.sc-stzh-radio{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-radio__description-wrapper.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radio__description-long.sc-stzh-radio{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-popover[open].sc-stzh-radio:not([open=false]) .stzh-radio__description-long-button.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__description-long-button.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radio__description-long-button.sc-stzh-radio:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxsmall)}.stzh-radio__field-wrapper.sc-stzh-radio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.stzh-radio__input.sc-stzh-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-radio__mark.sc-stzh-radio{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-radio__check.sc-stzh-radio{background-color:ButtonText}}.stzh-radio__label.sc-stzh-radio{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__marker-symbol.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:focus:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:focus~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-error)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-grey61)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:transparent}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-black8)}';var b=0;var v=t("stzh_radio",function(){function t(t){var i=this;r(this,t);this.stzhChange=e(this,"stzhChange",7);this.stzhFocus=e(this,"stzhFocus",7);this.stzhBlur=e(this,"stzhBlur",7);this.onInput=function(t){i.checked=i.input.checked;i.stzhChange.emit({component:"stzh-radio",originalEvent:t,value:i.value,checked:i.checked})};this.onFocus=function(t){var r=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});i.element.dispatchEvent(r);i.stzhFocus.emit({component:"stzh-radio",originalEvent:t})};this.onBlur=function(t){var r=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});i.element.dispatchEvent(r);i.stzhBlur.emit({component:"stzh-radio",originalEvent:t})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.showMarker=false;this.checked=false;this.label="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby=""}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.focus();return[2]}))}))};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(r){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:this.inputId="stzh-radio-".concat(b++);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,n(this.element,"radio")];case 1:t.localization=r.sent();r.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var r=l(this.element,"description")||!!this.description;var e=l(this.element,"description-long")||!!this.descriptionLong;var o=l(this.element,"error")||!!this.error;var s={"stzh-radio":true,"stzh-radio--has-description":r,"stzh-radio--has-description-long":e,"stzh-radio--has-error":o,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid,"stzh-radio--is-disabled":this.disabled};return i("div",{class:s},i("label",{class:"stzh-radio__field-wrapper"},i("input",{class:"stzh-radio__input",ref:function(r){return t.input=r},type:"radio",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),i("div",{class:"stzh-radio__mark"},i("div",{class:"stzh-radio__check"})),i("div",{class:"stzh-radio__label"},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-radio__marker"},i("span",{class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),i(p,{classPrefix:"stzh-radio",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{error:["errorWatcher"]}},enumerable:false,configurable:true});return t}());v.style=g;var m=".sc-stzh-radiogroup-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-radiogroup-h[direction=vertical] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-radiogroup-h[direction=horizontal] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{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-radiogroup__description-wrapper.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-popover[open].sc-stzh-radiogroup:not([open=false]) .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxsmall)}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-radiogroup__legend.sc-stzh-radiogroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{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-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{-ms-flex-direction:row;flex-direction:row}";var _="stzh-radio, stzh-button[type=radio], stzh-card";var y=0;var k=t("stzh_radiogroup",function(){function t(t){var e=this;r(this,t);this._preventUpdateProperties=[];this.init=function(){e.radios=Array.from(e.element.querySelectorAll(_));e.updateRadiosProperty("show-marker",false);e.updateRadiosProperty("a11y-describedby","".concat(e.radiogroupId,"-description"));e.watchValue(e.value);e.watchName(e.name);e.watchDisabled(e.disabled);e.watchInvalid(e.invalid);e.watchRequired(e.required)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.required=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedRadio=null;this.preventUpdateProperties=[]}t.prototype.watchName=function(t){this.updateRadiosProperty("name",t)};t.prototype.watchDisabled=function(t){this.updateRadiosProperty("disabled",t)};t.prototype.watchInvalid=function(t){this.updateRadiosProperty("invalid",t)};t.prototype.watchRequired=function(t){this.updateRadiosProperty("required",t)};t.prototype.watchValue=function(t){this.updateCheckedRadioByValue(t)};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(r){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.preventUpdatePropertiesWatcher=function(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}};t.prototype.onChange=function(t){this.value=t.detail.value};t.prototype.updateRadiosProperty=function(t,r){var e=this;this.radios.forEach((function(i){if(t==="name"||e._preventUpdateProperties.indexOf(t)===-1){i[u(t)]=r}}))};t.prototype.updateCheckedRadioByValue=function(t){this.checkedRadio=this.radios.find((function(r){return r.value===t}));if(this.checkedRadio){this.checkedRadio.checked=true}this.uncheckRadios()};t.prototype.uncheckRadios=function(){var t=this;this.radios.forEach((function(r){if(!t.checkedRadio||r!==t.checkedRadio){r.checked=false}}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:this.radiogroupId="stzh-radiogroup-".concat(y++);this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!!this.localization)return[3,2];t=this;return[4,n(this.element,"radiogroup")];case 1:t.localization=r.sent();r.label=2;case 2:return[2]}}))}))};t.prototype.componentShouldUpdate=function(t,r,e){return e!=="checkedRadio"};t.prototype.componentDidRender=function(){this.init()};t.prototype.connectedCallback=function(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll(_));var t=this.radios.find((function(t){return t.checked}));if(t){this.value=t.value}}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t;var r=l(this.element,"description")||!!this.description;var e=l(this.element,"description-long")||!!this.descriptionLong;var o=l(this.element,"error")||!!this.error;var s=(t={"stzh-radiogroup":true,"stzh-radiogroup--has-description":r,"stzh-radiogroup--has-description-long":e,"stzh-radiogroup--has-error":o,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid,"stzh-radiogroup--hide-legend":this.hideLegend},t["stzh-radiogroup--direction-".concat(this.direction)]=!!this.direction,t);return i("fieldset",{class:s},this.legend&&i("legend",{class:"stzh-radiogroup__legend"},this.legend,this.showMarker&&i("span",{class:"stzh-radiogroup__marker"},i("span",{class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-radiogroup__fields"},i("slot",null)),i(p,{classPrefix:"stzh-radiogroup",id:"".concat(this.radiogroupId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}},enumerable:false,configurable:true});return t}());k.style=m}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,r,e,i){function o(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,s){function a(t){try{h(i.next(t))}catch(r){s(r)}}function n(t){try{h(i["throw"](t))}catch(r){s(r)}}function h(t){t.done?e(t.value):o(t.value).then(a,n)}h((i=i.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,o,s,a;return a={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function n(t){return function(r){return h([t,r])}}function h(n){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,n[0]&&(e=0)),e)try{if(i=1,o&&(s=n[0]&2?o["return"]:n[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,n[1])).done)return s;if(o=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:e.label++;return{value:n[1],done:false};case 5:e.label++;o=n[1];n=[0];continue;case 7:n=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){e=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){e.label=n[1];break}if(n[0]===6&&e.label<s[1]){e.label=s[1];s=n;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(n);break}if(s[2])e.ops.pop();e.trys.pop();continue}n=r.call(t,e)}catch(h){n=[6,h];o=0}finally{i=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-36e72c1d.system.js","./p-a408bfba.system.js","./p-11816251.system.js","./p-309d2b66.system.js","./p-d4b7a303.system.js","./p-db339680.system.js","./p-f58c28ad.system.js"],(function(t){"use strict";var r,e,i,o,s,a,n,h,d,c,l,p,u;return{setters:[function(t){r=t.r;e=t.e;i=t.h;o=t.F;s=t.c;a=t.g},function(t){n=t.f},function(t){h=t.a;d=t.p},function(t){c=t.c},function(t){l=t.h},function(t){p=t.S},function(t){u=t.c}],execute:function(){var z=".sc-stzh-datepicker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-datepicker-h{width:100%}.stzh-datepicker__popover.sc-stzh-datepicker{--padding:var(--stzh-space-medium);--width:auto}.stzh-datepicker__actions.sc-stzh-datepicker{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){margin-top:var(--stzh-space-xsmall)}";var f=t("stzh_datepicker",function(){function t(t){var i=this;r(this,t);this.stzhChange=e(this,"stzhChange",7);this.onInputChange=function(){var t=i.dateAdapter.parse(i.input.value,"inputdate");if(i.input.value===""||t){var r=h(t);if(i.calendar){i.calendar.value=r}i.value=r;i.stzhChange.emit({component:"stzh-datepicker",value:i.value,valueAsDate:t})}};this.onCalendarChange=function(t){i.value=t.detail.value;i.stzhChange.emit({component:"stzh-datepicker",value:i.value,valueAsDate:t.detail.valueAsDate});if(i.input){i.input.value=t.detail.valueAsDate&&i.dateAdapter.format(t.detail.valueAsDate,"inputdate")}if(i.popover){i.popover.hide()}};this.calendarMin="";this.calendarMax="";this.calendarIsDateDisabled=function(){return false};this.name="";this.value="";this.label="";this.readonly=false;this.disabled=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.showMarker=false;this.size="default";this.inline=false;this.dateAdapter=undefined;this.localization=undefined;this.buttonLabel=undefined}t.prototype.createDateFormatters=function(){if(this.localization){this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"})}};t.prototype.valueWatcher=function(t){var r=d(t);if(this.calendar){this.calendar.value=t}if(this.input){this.input.value=this.dateAdapter.format(r,"inputdate")}this.updateButtonAccessibleLabel()};t.prototype.setDate=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=h(t);return[2]}))}))};t.prototype.getPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.popover]}))}))};t.prototype.updateButtonAccessibleLabel=function(){if(!this.localization){return}try{var t=d(this.value);this.buttonLabel="".concat(this.localization.buttonLabel,", ").concat(this.localization.selectedDateMessage," ").concat(this.dateFormatLong.format(t))}catch(r){this.buttonLabel=this.localization.buttonLabel}};t.prototype.connectedCallback=function(){this.createDateFormatters()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,n(this.element,"datepicker")];case 1:t.localization=r.sent();r.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=c(this.localization.$formats,this.localization.$globals)}return[2]}}))}))};t.prototype.componentDidLoad=function(){this.valueWatcher(this.value)};t.prototype.render=function(){var t=this;var r={"stzh-datepicker":true,"stzh-datepicker--inline":this.inline};return i(s,null,i("div",{class:r},i("input",{type:"hidden",name:this.name,value:this.value}),this.inline&&i(o,null,i("stzh-calendar",{ref:function(r){return t.calendar=r},isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"}))),!this.inline&&i("stzh-input",{label:this.label,ref:function(r){return t.input=r},noAutocomplete:true,onStzhChange:this.onInputChange,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,showMarker:this.showMarker,size:this.size},i("stzh-popover",{ref:function(r){return t.popover=r},class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",label:this.label},i("stzh-button",{variant:"input","icon-only":true,icon:"calendar",disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{slot:"content"},i("stzh-calendar",{ref:function(r){return t.calendar=r},isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{localization:["createDateFormatters"],value:["valueWatcher"]}},enumerable:false,configurable:true});return t}());f.style=z;var g='.sc-stzh-radio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-radio-h{display:inline-block;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-radio-h .sc-stzh-radio-s>stzh-text{--color:inherit}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radio__marker-text.sc-stzh-radio{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-radio__description-wrapper.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radio__description-long.sc-stzh-radio{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-popover[open].sc-stzh-radio:not([open=false]) .stzh-radio__description-long-button.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__description-long-button.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radio__description-long-button.sc-stzh-radio:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxsmall)}.stzh-radio__field-wrapper.sc-stzh-radio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.stzh-radio__input.sc-stzh-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-radio__mark.sc-stzh-radio{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-radio__check.sc-stzh-radio{background-color:ButtonText}}.stzh-radio__label.sc-stzh-radio{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__marker-symbol.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:focus:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:focus~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-error)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-grey61)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:transparent}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-black8)}';var b=0;var v=t("stzh_radio",function(){function t(t){var i=this;r(this,t);this.stzhChange=e(this,"stzhChange",7);this.stzhFocus=e(this,"stzhFocus",7);this.stzhBlur=e(this,"stzhBlur",7);this.onInput=function(t){i.checked=i.input.checked;i.stzhChange.emit({component:"stzh-radio",originalEvent:t,value:i.value,checked:i.checked})};this.onFocus=function(t){var r=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});i.element.dispatchEvent(r);i.stzhFocus.emit({component:"stzh-radio",originalEvent:t})};this.onBlur=function(t){var r=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});i.element.dispatchEvent(r);i.stzhBlur.emit({component:"stzh-radio",originalEvent:t})};this.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.showMarker=false;this.checked=false;this.label="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby=""}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.input.focus();return[2]}))}))};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(r){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:this.inputId="stzh-radio-".concat(b++);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,n(this.element,"radio")];case 1:t.localization=r.sent();r.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var r=l(this.element,"description")||!!this.description;var e=l(this.element,"description-long")||!!this.descriptionLong;var o=l(this.element,"error")||!!this.error;var s={"stzh-radio":true,"stzh-radio--has-description":r,"stzh-radio--has-description-long":e,"stzh-radio--has-error":o,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid,"stzh-radio--is-disabled":this.disabled};return i("div",{class:s},i("label",{class:"stzh-radio__field-wrapper"},i("input",{class:"stzh-radio__input",ref:function(r){return t.input=r},type:"radio",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":"".concat(this.inputId,"-description ").concat(this.a11yDescribedby),"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),i("div",{class:"stzh-radio__mark"},i("div",{class:"stzh-radio__check"})),i("div",{class:"stzh-radio__label"},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-radio__marker"},i("span",{class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),i(p,{classPrefix:"stzh-radio",id:"".concat(this.inputId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{error:["errorWatcher"]}},enumerable:false,configurable:true});return t}());v.style=g;var m=".sc-stzh-radiogroup-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-radiogroup-h[direction=vertical] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-radiogroup-h[direction=horizontal] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{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-radiogroup__description-wrapper.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-popover[open].sc-stzh-radiogroup:not([open=false]) .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxsmall)}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-radiogroup__legend.sc-stzh-radiogroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{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-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{-ms-flex-direction:row;flex-direction:row}";var _="stzh-radio, stzh-button[type=radio], stzh-card";var y=0;var k=t("stzh_radiogroup",function(){function t(t){var e=this;r(this,t);this._preventUpdateProperties=[];this.init=function(){e.radios=Array.from(e.element.querySelectorAll(_));e.updateRadiosProperty("show-marker",false);e.updateRadiosProperty("a11y-describedby","".concat(e.radiogroupId,"-description"));e.watchValue(e.value);e.watchName(e.name);e.watchDisabled(e.disabled);e.watchInvalid(e.invalid);e.watchRequired(e.required)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.required=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedRadio=null;this.preventUpdateProperties=[]}t.prototype.watchName=function(t){this.updateRadiosProperty("name",t)};t.prototype.watchDisabled=function(t){this.updateRadiosProperty("disabled",t)};t.prototype.watchInvalid=function(t){this.updateRadiosProperty("invalid",t)};t.prototype.watchRequired=function(t){this.updateRadiosProperty("required",t)};t.prototype.watchValue=function(t){this.updateCheckedRadioByValue(t)};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(r){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.preventUpdatePropertiesWatcher=function(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}};t.prototype.onChange=function(t){this.value=t.detail.value};t.prototype.updateRadiosProperty=function(t,r){var e=this;this.radios.forEach((function(i){if(t==="name"||e._preventUpdateProperties.indexOf(t)===-1){i[u(t)]=r}}))};t.prototype.updateCheckedRadioByValue=function(t){this.checkedRadio=this.radios.find((function(r){return r.value===t}));if(this.checkedRadio){this.checkedRadio.checked=true}this.uncheckRadios()};t.prototype.uncheckRadios=function(){var t=this;this.radios.forEach((function(r){if(!t.checkedRadio||r!==t.checkedRadio){r.checked=false}}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:this.radiogroupId="stzh-radiogroup-".concat(y++);this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!!this.localization)return[3,2];t=this;return[4,n(this.element,"radiogroup")];case 1:t.localization=r.sent();r.label=2;case 2:return[2]}}))}))};t.prototype.componentShouldUpdate=function(t,r,e){return e!=="checkedRadio"};t.prototype.componentDidRender=function(){this.init()};t.prototype.connectedCallback=function(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll(_));var t=this.radios.find((function(t){return t.checked}));if(t){this.value=t.value}}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t;var r=l(this.element,"description")||!!this.description;var e=l(this.element,"description-long")||!!this.descriptionLong;var o=l(this.element,"error")||!!this.error;var s=(t={"stzh-radiogroup":true,"stzh-radiogroup--has-description":r,"stzh-radiogroup--has-description-long":e,"stzh-radiogroup--has-error":o,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid,"stzh-radiogroup--hide-legend":this.hideLegend},t["stzh-radiogroup--direction-".concat(this.direction)]=!!this.direction,t);return i("fieldset",{class:s},this.legend&&i("legend",{class:"stzh-radiogroup__legend"},this.legend,this.showMarker&&i("span",{class:"stzh-radiogroup__marker"},i("span",{class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-radiogroup__fields"},i("slot",null)),i(p,{classPrefix:"stzh-radiogroup",id:"".concat(this.radiogroupId,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}},enumerable:false,configurable:true});return t}());k.style=m}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-36e72c1d.system.js"],(function(s){"use strict";var c,h,t;return{setters:[function(s){c=s.r;h=s.h;t=s.c}],execute:function(){var e='.sc-stzh-cspace-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-cspace-h{display:none}.sc-stzh-cspace-h *.sc-stzh-cspace,.sc-stzh-cspace-h *.sc-stzh-cspace::before,.sc-stzh-cspace-h *.sc-stzh-cspace::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-cspace-h{clear:both}.sc-stzh-cspace-h::after{content:"";display:table;clear:both}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-input,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datepicker,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-dropdown,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-upload,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkbox,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkboxgroup,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radiogroup{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="3"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="3"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="3"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-sticky{display:contents}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-actions,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-actions[variant=process],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions[variant=process]{margin-top:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-fieldset,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-fieldset[legend],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset[legend]{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]+stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]+stzh-datalist{margin-top:0}.sc-stzh-cspace-h .sc-stzh-cspace-s .section:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .section[no-cspace-top],.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys[no-cspace-top],.sc-stzh-cspace-h .sc-stzh-cspace-s>:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-top]{margin-top:0 !important}.sc-stzh-cspace-h .sc-stzh-cspace-s .section:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .section[no-cspace-bottom],.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys[no-cspace-bottom],.sc-stzh-cspace-h .sc-stzh-cspace-s>:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-bottom]{margin-bottom:0 !important}';var a=s("stzh_cspace",function(){function s(s){c(this,s)}s.prototype.render=function(){var s={"stzh-cspace":true};return h(t,null,h("div",{class:s},h("slot",null)))};return s}());a.style=e}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,e as s,h as t,F as e,c as o}from"./p-99a3742a.js";const i=class{constructor(t){r(this,t),this.stzhClick=s(this,"stzhClick",7),this.stzhDottedClick=s(this,"stzhDottedClick",7),this.onClick=r=>{this.stzhClick.emit({component:"stzh-progressbar-item",originalEvent:r})},this.onDottedClick=r=>{this.stzhDottedClick.emit({component:"stzh-progressbar-item",originalEvent:r})},this.disabled=!1,this.first=!1,this.last=!1,this.passed=!1,this.current=!1,this.hide=!1,this.dotted=!1,this.step=1,this.icon=""}render(){const r={"stzh-progressbar-item":!0,"stzh-progressbar-item--first":this.first,"stzh-progressbar-item--last":this.last,"stzh-progressbar-item--passed":this.passed,"stzh-progressbar-item--current":this.current,"stzh-progressbar-item--hide":this.hide,"stzh-progressbar-item--dotted":this.dotted,"stzh-progressbar-item--has-icon":!!this.icon,"stzh-progressbar-item--is-disabled":this.disabled},s=t("button",{class:"stzh-progressbar-item__dotted",onClick:this.onDottedClick},t("stzh-icon",{class:"stzh-progressbar-item__dotted-icon",name:"more-horizontal"}));return t(o,{role:"listitem"},t("div",{class:r},this.last&&this.dotted&&s,t("button",{class:"stzh-progressbar-item__button","aria-pressed":this.current?"true":"false",disabled:this.dotted&&this.first||this.disabled,onClick:this.onClick},t("span",{class:"stzh-progressbar-item__number-block"},this.icon?t("stzh-icon",{class:"stzh-progressbar-item__user-icon",name:this.icon}):t(e,null,t("span",{class:"stzh-progressbar-item__number"},this.step),this.passed&&t("stzh-icon",{class:"stzh-progressbar-item__icon",name:"checkmark"}))),t("span",{class:"stzh-progressbar-item__label-block"},t("slot",null))),this.first&&this.dotted&&s))}};i.style='.sc-stzh-progressbar-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-progressbar-item-h{display:none}.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::before,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hide].sc-stzh-progressbar-item-h{display:none}.stzh-progressbar-item.sc-stzh-progressbar-item{text-align:center}.stzh-progressbar-item__button.sc-stzh-progressbar-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background-color:transparent;border:none;cursor:pointer;border-radius:var(--stzh-form-input-border-radius)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight;border-color:Highlight}}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary8)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;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);position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2.1875rem;height:2.1875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-grey13);border-radius:1.3125rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stzh-color-grey55);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 1024px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-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)}}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{width:2.625rem;height:2.625rem;margin-bottom:var(--stzh-space-large)}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:none;content:"";position:absolute;top:1rem;right:2.125rem;width:100vw;height:0.0625rem;background-color:var(--stzh-color-grey13);z-index:-2;overflow:hidden}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:CanvasText}}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:1.25rem;right:2.5625rem}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item::after{content:"";z-index:0;position:absolute;display:block;width:100%;height:100%;top:0;left:0;border-radius:1.3125rem;-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:block;font-size:0.875rem;line-height:1.28;color:var(--stzh-color-grey55);padding:var(--stzh-space-xxsmall) var(--stzh-space-small);letter-spacing:0.01em;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 599px){.stzh-progressbar-item__label-block.sc-stzh-progressbar-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-progressbar-item__number.sc-stzh-progressbar-item,.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{z-index:1}.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-xsmall);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:CanvasText}}.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-small);color:currentColor}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;position:absolute;top:0.1875rem;width:1.6875rem;height:1.6875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-grey13);border-radius:50%;cursor:pointer;-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:Highlight}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:var(--stzh-color-primary8)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:Canvas}}@media screen and (min-width: 600px){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{top:0.3125rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before,.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block}.stzh-progressbar-item--first.sc-stzh-progressbar-item{position:relative}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.84375rem))}@media screen and (min-width: 600px){.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.96875rem))}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:Canvas;border-color:CanvasText}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{border-color:Highlight}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:transparent}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Canvas}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:SelectedItem}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item:hover{text-decoration:none}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:SelectedItem;border-color:SelectedItem;background-color:Canvas}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));z-index:-1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:CanvasText}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:Canvas}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:SelectedItem}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{margin-bottom:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{padding-left:0;padding-right:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{position:relative;z-index:0;top:0.3125rem;width:1.6875rem;height:1.6875rem;border:none;background-color:transparent}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{top:0.5rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.75rem;right:1.625rem}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.8125rem;right:1.875rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:none}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:var(--stzh-color-white);z-index:1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:Canvas}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-grey13)}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{cursor:not-allowed}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55);border-color:var(--stzh-color-grey13)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:GrayText;border-color:GrayText}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:GrayText}}';export{i as stzh_progressbar_item}
|
|
1
|
+
import{r,e as s,h as t,F as e,c as o}from"./p-99a3742a.js";const i=class{constructor(t){r(this,t),this.stzhClick=s(this,"stzhClick",7),this.stzhDottedClick=s(this,"stzhDottedClick",7),this.onClick=r=>{this.stzhClick.emit({component:"stzh-progressbar-item",originalEvent:r})},this.onDottedClick=r=>{this.stzhDottedClick.emit({component:"stzh-progressbar-item",originalEvent:r})},this.disabled=!1,this.first=!1,this.last=!1,this.passed=!1,this.current=!1,this.hide=!1,this.dotted=!1,this.step=1,this.icon=""}render(){const r={"stzh-progressbar-item":!0,"stzh-progressbar-item--first":this.first,"stzh-progressbar-item--last":this.last,"stzh-progressbar-item--passed":this.passed,"stzh-progressbar-item--current":this.current,"stzh-progressbar-item--hide":this.hide,"stzh-progressbar-item--dotted":this.dotted,"stzh-progressbar-item--has-icon":!!this.icon,"stzh-progressbar-item--is-disabled":this.disabled},s=t("button",{class:"stzh-progressbar-item__dotted",onClick:this.onDottedClick},t("stzh-icon",{class:"stzh-progressbar-item__dotted-icon",name:"more-horizontal"}));return t(o,{role:"listitem"},t("div",{class:r},this.last&&this.dotted&&s,t("button",{class:"stzh-progressbar-item__button","aria-pressed":this.current?"true":"false",disabled:this.dotted&&this.first||this.disabled,onClick:this.onClick},t("span",{class:"stzh-progressbar-item__number-block"},this.icon?t("stzh-icon",{class:"stzh-progressbar-item__user-icon",name:this.icon}):t(e,null,t("span",{class:"stzh-progressbar-item__number"},this.step),this.passed&&t("stzh-icon",{class:"stzh-progressbar-item__icon",name:"checkmark"}))),t("span",{class:"stzh-progressbar-item__label-block"},t("slot",null))),this.first&&this.dotted&&s))}};i.style='.sc-stzh-progressbar-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-progressbar-item-h{display:none}.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::before,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hide].sc-stzh-progressbar-item-h{display:none}.stzh-progressbar-item.sc-stzh-progressbar-item{text-align:center}.stzh-progressbar-item__button.sc-stzh-progressbar-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background-color:transparent;border:none;cursor:pointer;border-radius:var(--stzh-form-input-border-radius)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight;border-color:Highlight}}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary8)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;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);position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2.1875rem;height:2.1875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-grey13);border-radius:1.3125rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stzh-color-grey55);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 1024px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-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)}}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{width:2.625rem;height:2.625rem;margin-bottom:var(--stzh-space-large)}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:none;content:"";position:absolute;top:1rem;right:2.125rem;width:100vw;height:0.0625rem;background-color:var(--stzh-color-grey13);z-index:-2;overflow:hidden}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:CanvasText}}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:1.25rem;right:2.5625rem}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item::after{content:"";z-index:0;position:absolute;display:block;width:100%;height:100%;top:0;left:0;border-radius:1.3125rem;-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:block;font-size:0.875rem;line-height:1.28;color:var(--stzh-color-grey55);padding:var(--stzh-space-xxsmall) var(--stzh-space-small);letter-spacing:0.01em;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 599px){.stzh-progressbar-item__label-block.sc-stzh-progressbar-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-progressbar-item__number.sc-stzh-progressbar-item,.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{z-index:1}.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-xsmall);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:CanvasText}}.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-small);color:currentColor}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;position:absolute;top:0.1875rem;width:1.6875rem;height:1.6875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-grey13);border-radius:50%;cursor:pointer;-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:Highlight}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:var(--stzh-color-primary8)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:Canvas}}@media screen and (min-width: 600px){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{top:0.3125rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before,.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block}.stzh-progressbar-item--first.sc-stzh-progressbar-item{position:relative}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.84375rem))}@media screen and (min-width: 600px){.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.96875rem))}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:Canvas;border-color:CanvasText}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{border-color:Highlight}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:transparent}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Canvas}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:SelectedItem}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item:hover{text-decoration:none}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:SelectedItem;border-color:SelectedItem;background-color:Canvas}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));z-index:-1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:CanvasText}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:Canvas}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:SelectedItem}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{margin-bottom:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{padding-left:0;padding-right:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{position:relative;z-index:0;top:0.3125rem;width:1.6875rem;height:1.6875rem;border:none;background-color:transparent}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{top:0.5rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.75rem;right:1.625rem}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.8125rem;right:1.875rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:none}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:var(--stzh-color-white);z-index:1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:Canvas}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{cursor:not-allowed}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55);border-color:var(--stzh-color-grey13)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:GrayText;border-color:GrayText}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:GrayText}}';export{i as stzh_progressbar_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const o=function(){window.stzhComponents=Object.assign({version:"2.3.0-alpha2",labels:"fixed",cacheTranslations:!0,pathTranslations:"/",formats:{}},window.stzhComponents||{}),window.addEventListener("appload",(o=>{const t=document.querySelector("[autofocus]");t&&"stzh-components"===o.detail.namespace&&0===t.tagName.toLowerCase().indexOf("stzh-")&&"setFocus"in t&&t.setFocus()})),new IntersectionObserver((o=>{o.forEach((o=>{let t=0;o.intersectionRatio<1&&(t=window.innerWidth-document.body.clientWidth),document.documentElement.style.setProperty("--stzh-scrollbar-width",t+"px")}))}),{threshold:1}).observe(document.body)};export{o as g}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,e as s,h as i,c as n,g as h}from"./p-99a3742a.js";import{h as p}from"./p-86a29c35.js";import{f as e}from"./p-25a09313.js";import{S as u}from"./p-7f0fb35c.js";let r=0;const a=class{constructor(i){t(this,i),this.stzhChange=s(this,"stzhChange",7),this.stzhFocus=s(this,"stzhFocus",7),this.stzhBlur=s(this,"stzhBlur",7),this.onClearClick=t=>{this.value="",this.input.focus(),this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})},this.onInput=t=>{this.value=this.input.value,this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})},this.onFocus=t=>{const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhFocus.emit({component:"stzh-input",originalEvent:t})},this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-input",originalEvent:t})},this.localization=void 0,this.multiline=!1,this.rows=void 0,this.type="text",this.step=1,this.min=void 0,this.max=void 0,this.showSpin=!1,this.readonly=!1,this.disabled=!1,this.clearable=!1,this.showMarker=!1,this.minlength=void 0,this.maxlength=void 0,this.name=void 0,this.value="",this.description=void 0,this.descriptionLong=void 0,this.error=void 0,this.invalid=!1,this.required=!1,this.inputmode=void 0,this.autocomplete="on",this.noAutocomplete=!1,this.label="",this.size="default",this.a11yDescribedby="",this.filled=void 0}async setFocus(){this.input.focus()}valueWatcher(t){this.filled=""!==t}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[];this.invalid=this._error.length>0}typeWatcher(t){if(!this.multiline&&!["text","search","password","email","url","tel","number"].includes(t))throw new Error(`Type ${t} not supported`)}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,value:this.value,rows:this.rows,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.type,name:this.name,value:this.value,min:this.min,max:this.max,step:this.step,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":void 0,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}async componentWillLoad(){this.inputId="stzh-input-"+r++,this.typeWatcher(this.type),this.valueWatcher(this.value),this.errorWatcher(this.error),this.localization||(this.localization=await e(this.element,"input"))}render(){var t;const s=p(this.element,"button-right"),h=p(this.element,"description")||!!this.description,e=p(this.element,"description-long")||!!this.descriptionLong,r=p(this.element,"error")||!!this.error,a={"stzh-input":!0,"stzh-input--has-button-right":s||"search"===this.type||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":h,"stzh-input--has-description-long":e,"stzh-input--has-error":r,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--is-filled":this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--has-fixed-label":"fixed"===(null===(t=null===window||void 0===window?void 0:window.stzhComponents)||void 0===t?void 0:t.labels),[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(n,null,i("div",{class:a},i("div",{class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),i("label",{class:"stzh-input__label",htmlFor:this.inputId},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-input__marker"},i("span",{class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),this.clearable||"search"===this.type?i("stzh-button",{class:"stzh-input__button-right",icon:this.disabled||this.readonly||!this.filled?"search":"close-circle","icon-only":!0,variant:"input",onClick:this.onClearClick,disabled:this.disabled||this.readonly||!this.filled,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):i("slot",{name:"button-right"})),i(u,{classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};a.style='.sc-stzh-input-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-input-h{width:100%;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0;right:0}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][variant=input],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-button[variant=input],.stzh-input__button-right[variant=input].sc-stzh-input{--border-color:transparent;--hover-border-color:transparent}.stzh-input.sc-stzh-input{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-input__marker-text.sc-stzh-input{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-input__description-wrapper.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-input__description-long.sc-stzh-input{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-popover[open].sc-stzh-input:not([open=false]) .stzh-input__description-long-button.sc-stzh-input{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input__description-long-button.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-input__description-long-button.sc-stzh-input:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxsmall)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:-ms-flexbox;display:flex}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.0625rem solid var(--stzh-color-grey61);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-form-input-border-radius);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);width:100%;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));background:var(--stzh-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:hover,.stzh-input__input.sc-stzh-input:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__input.sc-stzh-input::-ms-clear{display:none}.stzh-input__input.sc-stzh-input:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.stzh-input__input.sc-stzh-input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-color-grey61);width:auto;position:absolute;top:calc(var(--stzh-form-input-height) / 2);left:calc(var(--stzh-space-medium) + 0.0625rem);max-width:calc(100% - var(--stzh-space-medium) * 2);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__label.sc-stzh-input::before{content:"";display:none;background:var(--stzh-color-white);position:absolute;width:100%;z-index:-1;left:0;top:50%;margin-top:-0.03125rem;height:0.125rem}.stzh-input__input.sc-stzh-input:hover+.stzh-input__label.sc-stzh-input,.stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__button-right.sc-stzh-input{display:none}.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:transparent}.stzh-input--is-clearable.stzh-input--is-filled.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{display:block}.stzh-input--type-search.sc-stzh-input:not(.stzh-input--is-filled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--is-filled.sc-stzh-input .stzh-input__button-right.is-search.sc-stzh-input{pointer-events:initial}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{display:block;top:0;left:calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall));height:1.25rem;line-height:1.25rem;padding:0 var(--stzh-space-xxsmall);max-width:calc(100% - var(--stzh-space-small) * 2);pointer-events:all}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before{display:block}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-form-input-height))}.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-height))}.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xxsmall) - var(--stzh-form-input-height))}.stzh-input--size-small.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__label.sc-stzh-input{top:calc(var(--stzh-form-input-small-height) / 2)}.stzh-input--size-small.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{top:0}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xxsmall) + var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xsmall) - var(--stzh-form-input-small-height))}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input{border-color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input{color:var(--stzh-color-grey61);border-color:transparent;background-color:var(--stzh-color-black8);cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:focus,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:focus{border-color:transparent}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input::before{background:transparent}.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input],.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-grey61)}';export{a as stzh_input}
|
|
1
|
+
import{r as t,e as s,h as i,c as n,g as h}from"./p-99a3742a.js";import{h as p}from"./p-5c697491.js";import{f as e}from"./p-25a09313.js";import{S as u}from"./p-7f0fb35c.js";let r=0;const a=class{constructor(i){t(this,i),this.stzhChange=s(this,"stzhChange",7),this.stzhFocus=s(this,"stzhFocus",7),this.stzhBlur=s(this,"stzhBlur",7),this.onClearClick=t=>{this.value="",this.input.focus(),this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})},this.onInput=t=>{this.value=this.input.value,this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})},this.onFocus=t=>{const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhFocus.emit({component:"stzh-input",originalEvent:t})},this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-input",originalEvent:t})},this.localization=void 0,this.multiline=!1,this.rows=void 0,this.type="text",this.step=1,this.min=void 0,this.max=void 0,this.showSpin=!1,this.readonly=!1,this.disabled=!1,this.clearable=!1,this.showMarker=!1,this.minlength=void 0,this.maxlength=void 0,this.name=void 0,this.value="",this.description=void 0,this.descriptionLong=void 0,this.error=void 0,this.invalid=!1,this.required=!1,this.inputmode=void 0,this.autocomplete="on",this.noAutocomplete=!1,this.label="",this.size="default",this.a11yDescribedby="",this.filled=void 0}async setFocus(){this.input.focus()}valueWatcher(t){this.filled=""!==t}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[];this.invalid=this._error.length>0}typeWatcher(t){if(!this.multiline&&!["text","search","password","email","url","tel","number"].includes(t))throw new Error(`Type ${t} not supported`)}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,value:this.value,rows:this.rows,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.type,name:this.name,value:this.value,min:this.min,max:this.max,step:this.step,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":void 0,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}async componentWillLoad(){this.inputId="stzh-input-"+r++,this.typeWatcher(this.type),this.valueWatcher(this.value),this.errorWatcher(this.error),this.localization||(this.localization=await e(this.element,"input"))}render(){var t;const s=p(this.element,"button-right"),h=p(this.element,"description")||!!this.description,e=p(this.element,"description-long")||!!this.descriptionLong,r=p(this.element,"error")||!!this.error,a={"stzh-input":!0,"stzh-input--has-button-right":s||"search"===this.type||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":h,"stzh-input--has-description-long":e,"stzh-input--has-error":r,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--is-filled":this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--has-fixed-label":"fixed"===(null===(t=null===window||void 0===window?void 0:window.stzhComponents)||void 0===t?void 0:t.labels),[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(n,null,i("div",{class:a},i("div",{class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),i("label",{class:"stzh-input__label",htmlFor:this.inputId},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-input__marker"},i("span",{class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),this.clearable||"search"===this.type?i("stzh-button",{class:"stzh-input__button-right",icon:this.disabled||this.readonly||!this.filled?"search":"close-circle","icon-only":!0,variant:"input",onClick:this.onClearClick,disabled:this.disabled||this.readonly||!this.filled,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):i("slot",{name:"button-right"})),i(u,{classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};a.style='.sc-stzh-input-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-input-h{width:100%;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0;right:0}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][variant=input],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-button[variant=input],.stzh-input__button-right[variant=input].sc-stzh-input{--border-color:transparent;--hover-border-color:transparent}.stzh-input.sc-stzh-input{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-input__marker-text.sc-stzh-input{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-input__description-wrapper.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-input__description-long.sc-stzh-input{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-popover[open].sc-stzh-input:not([open=false]) .stzh-input__description-long-button.sc-stzh-input{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input__description-long-button.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-input__description-long-button.sc-stzh-input:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxsmall)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:-ms-flexbox;display:flex}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.0625rem solid var(--stzh-color-grey61);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-form-input-border-radius);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);width:100%;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));background:var(--stzh-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:hover,.stzh-input__input.sc-stzh-input:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__input.sc-stzh-input::-ms-clear{display:none}.stzh-input__input.sc-stzh-input:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.stzh-input__input.sc-stzh-input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-color-grey61);width:auto;position:absolute;top:calc(var(--stzh-form-input-height) / 2);left:calc(var(--stzh-space-medium) + 0.0625rem);max-width:calc(100% - var(--stzh-space-medium) * 2);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__label.sc-stzh-input::before{content:"";display:none;background:var(--stzh-color-white);position:absolute;width:100%;z-index:-1;left:0;top:50%;margin-top:-0.03125rem;height:0.125rem}.stzh-input__input.sc-stzh-input:hover+.stzh-input__label.sc-stzh-input,.stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__button-right.sc-stzh-input{display:none}.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:transparent}.stzh-input--is-clearable.stzh-input--is-filled.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{display:block}.stzh-input--type-search.sc-stzh-input:not(.stzh-input--is-filled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--is-filled.sc-stzh-input .stzh-input__button-right.is-search.sc-stzh-input{pointer-events:initial}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{display:block;top:0;left:calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall));height:1.25rem;line-height:1.25rem;padding:0 var(--stzh-space-xxsmall);max-width:calc(100% - var(--stzh-space-small) * 2);pointer-events:all}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before{display:block}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-form-input-height))}.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-height))}.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xxsmall) - var(--stzh-form-input-height))}.stzh-input--size-small.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__label.sc-stzh-input{top:calc(var(--stzh-form-input-small-height) / 2)}.stzh-input--size-small.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{top:0}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xxsmall) + var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xsmall) - var(--stzh-form-input-small-height))}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input{border-color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input{color:var(--stzh-color-grey61);border-color:transparent;background-color:var(--stzh-color-black8);cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:focus,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:focus{border-color:transparent}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input::before{background:transparent}.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input],.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-grey61)}';export{a as stzh_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-36e72c1d.system.js"],(function(e){"use strict";var s,a,h;return{setters:[function(e){s=e.r;a=e.h;h=e.c}],execute:function(){var t=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--h-space:var(--stzh-space-default);--h-around:0;clear:both}:host::after{content:"";display:table;clear:both}:host ::slotted(*){max-width:100%;padding-left:calc(var(--h-space) * var(--h-around));padding-right:calc(var(--h-space) * var(--h-around));margin:0}:host ::slotted(*:not(:last-child)){margin-right:calc(var(--h-space) * (1 - var(--h-around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty){--h-around:1;width:var(--h-space)}:host([around]:not([around=false])){--h-around:1}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--h-space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--h-space:var(--stzh-space-medium)}}:host([curve=small]){--h-space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--h-space:var(--stzh-space-large)}}:host([curve=regular]){--h-space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--h-space:var(--stzh-space-xlarge)}}:host([curve=medium]){--h-space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--h-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--h-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--h-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--h-space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--h-space:var(--stzh-space-xbig)}}:host([curve=huge]){--h-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--h-space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--h-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--h-space:var(--stzh-space-xsmall)}:host([size=small]){--h-space:var(--stzh-space-small)}:host([size=medium]){--h-space:var(--stzh-space-medium)}:host([size=large]){--h-space:var(--stzh-space-large)}:host([size=xlarge]){--h-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--h-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--h-space:var(--stzh-space-big)}:host([size=xbig]){--h-space:var(--stzh-space-xbig)}:host([size=huge]){--h-space:var(--stzh-space-huge)}:host([size=xhuge]){--h-space:var(--stzh-space-xhuge)}:host([size=none]){--h-space:var(--stzh-space-none)}:host([size=default]){--h-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--h-space:var(--stzh-space-default)}}.stzh-hspace{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0;}.stzh-hspace--border-left{border-left:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--border-right{border-right:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-hspace--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-hspace--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-hspace--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-hspace--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-hspace--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-hspace--items-center{-ms-flex-align:center;align-items:center}.stzh-hspace--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-hspace--items-stretch{-ms-flex-align:stretch;align-items:stretch}';var i=e("stzh_hspace",function(){function e(e){s(this,e);this.curve="none";this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit";this.justify="start";this.items="start";this.around=false;this.border="none"}e.prototype.render=function(){var e;return a(h,null,a("div",{class:(e={"stzh-hspace":true},e["stzh-hspace--justify-".concat(this.justify)]=!!this.justify,e["stzh-hspace--items-".concat(this.items)]=!!this.items,e)},a("slot",null)))};return e}());i.style=t}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,f as a,i as s,h as t,c as i,g as r}from"./p-99a3742a.js";import{h}from"./p-86a29c35.js";import{m as n}from"./p-9111e257.js";const d=class{constructor(a){e(this,a),this.href="https://www.stadt-zuerich.ch",this.metabarStay=!1,this.stickyDisabled=!1,this.preventAppnavPlaceholder=!1,this.hideLogo=!1,this.paddingTop=void 0,this.metabarTransform=void 0,this.sticky=!1,this.stickyClosing=!1,this.stickyMetabar=!1,this.stickyMetabarEnd=!1}async updatePosition(){if(this.stickyDisabled)return;const e=()=>{this.sticky=!1,this.stickyClosing=!1,this.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint)!this.sticky&&this.belowStartStickyPoint&&(this.paddingTop=this.headerHeight,this.sticky=!0),this.updateMetabarPosition();else if(this.sticky&&this.belowStayStickyPoint){const a=()=>{e(),this.updateMetabarPosition(),this.innerElement.removeEventListener("animationend",a)};this.innerElement.addEventListener("animationend",a),this.stickyClosing=!0}else e(),this.updateMetabarPosition()}resizeListener(){this.stickyDisabled||(this.debounceResize&&window.cancelAnimationFrame(this.debounceResize),this.debounceResize=requestAnimationFrame((()=>{a((()=>{this.isSmall=n("small").matches,this.isSmallheader=n("smallheader").matches,this.headerTop=this.element.offsetTop,this.headerHeight=this.element.offsetHeight,this.appnavHeight=this.appnavElement?this.appnavElement.offsetHeight:0,this.metabarHeight=this.metabarElement?this.metabarElement.offsetHeight:0})),s((()=>{this.appnavPlaceholderElement.style.height=!this.appnavHeight||this.isSmall||this.preventAppnavPlaceholder?"0px":`${this.appnavHeight}px`})),this.scrollListener()})))}scrollListener(){this.stickyDisabled||(a((()=>{this.scrollTop=this.getScrollTop(),this.scrollingUp=this.lastScrollTop&&this.lastScrollTop>this.scrollTop,this.lastScrollTop=this.scrollTop,this.innerHeight=this.innerElement?this.innerElement.offsetHeight:0,this.mainHeight=this.mainElement?this.mainElement.offsetHeight:0,this.logobarHeight=this.sticky?this.isSmall?this.headerHeight-this.innerHeight:this.headerHeight-this.mainHeight:this.logobarElement?this.logobarElement.offsetHeight:0,this.belowStayStickyPoint=this.scrollTop>this.logobarHeight,this.belowStartStickyPoint=this.scrollTop>this.headerHeight,this.headerOverlap=(this.headerTop-this.scrollTop)/-1,this.hideLogo=this.isSmallheader&&this.headerOverlap>10})),s((()=>{this.updatePosition()})))}getScrollTop(){return window.pageYOffset||document.documentElement.scrollTop}updateMetabarPosition(){this.metabarElement&&!this.stickyDisabled&&(CSS&&CSS.supports&&CSS.supports("position","sticky")||(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing?this.headerOverlap<this.mainHeight-this.metabarHeight?(this.stickyMetabar=!0,this.stickyMetabarEnd=!1,this.metabarTransform="translateY(0)"):(this.stickyMetabar=!1,this.stickyMetabarEnd=!0,this.metabarTransform=`translateY(${this.logobarHeight}px)`):(this.stickyMetabar=!1,this.stickyMetabarEnd=!1,this.metabarTransform="translateY(0)")))}connectedCallback(){this.appnavPlaceholderElement=document.createElement("div"),this.element.parentElement.appendChild(this.appnavPlaceholderElement)}disconnectedCallback(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement)}render(){const e=h(this.element,"nav"),a=h(this.element,"login"),s=h(this.element,"appnav"),r=h(this.element,"langnav");return t(i,null,t("div",{style:{paddingTop:`${this.paddingTop}px`},class:{header:!0,"header--is-sticky-disabled":this.stickyDisabled,"header--sticky":this.sticky,"header--sticky-closing":this.stickyClosing,"header--hide-logo":this.hideLogo,"header--sticky-metabar":this.stickyMetabar,"header--sticky-metabar-end":this.stickyMetabarEnd,"header--has-metabar-stay":this.metabarStay,"header--has-empty-metabar-mobile":!a,"header--has-empty-metabar":!a&&!r&&!e,"header--has-appnav":s}},t("div",{class:"header__inner",ref:e=>this.innerElement=e},t("div",{class:"header__main",ref:e=>this.mainElement=e},t("div",{class:"header__logobar",ref:e=>this.logobarElement=e},t("div",{class:"header__logobar-logo"},t("a",{href:this.href,class:"header__logo-link"},t("slot",{name:"logo"})))),t("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:e=>this.metabarElement=e},t("div",{class:"header__metabar-inner"},t("div",{class:"header__metabar-nav"},t("slot",{name:"nav"})),t("div",{class:"header__metabar-login"},t("slot",{name:"login"})),t("div",{class:"header__metabar-langnav"},t("slot",{name:"langnav"}))))),t("div",{class:"header__appnav",ref:e=>this.appnavElement=e},t("div",{class:"header__appnav-inner"},t("slot",{name:"appnav"}))))))}get element(){return r(this)}};d.style=".sc-stzh-header-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-header-h{display:none}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::after{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.sc-stzh-header-h .sc-stzh-header-s>img[slot=logo]{width:auto;height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login]{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover,.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover__trigger{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);height:auto}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{border-radius:0;height:100%}}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button__badge{top:0.5rem;right:0.4375rem}}.header__inner.sc-stzh-header{-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}.header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 800px){.header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:4rem}@supports ((position: -webkit-sticky) or (position: sticky)){.header__main.sc-stzh-header{padding-top:0}}}.header__metabar.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 800px){.header__metabar.sc-stzh-header{border-top:none;background-color:var(--stzh-color-grey5);z-index:1;position:absolute;top:0;left:0;right:0}@supports ((position: -webkit-sticky) or (position: sticky)){.header__metabar.sc-stzh-header{position:-webkit-sticky;position:sticky}}}.header__metabar-inner.sc-stzh-header{margin:0 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;height:3rem}@media screen and (min-width: 600px){.header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (max-width: 799px){.header__metabar-inner.sc-stzh-header{margin:0 auto}}@media screen and (min-width: 800px){.header__metabar-inner.sc-stzh-header{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:4rem}}.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:none}@media screen and (min-width: 800px){.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}.header__metabar-login.sc-stzh-header{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%}@media screen and (min-width: 800px){.header__metabar-login.sc-stzh-header:not(:empty){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}@media screen and (min-width: 800px){.header__metabar-langnav.sc-stzh-header:not(:empty){margin-left:var(--stzh-space-medium)}}.header__logobar.sc-stzh-header{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.header__logobar-logo.sc-stzh-header{-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);overflow:hidden;width:calc(100% - 3rem - 0.0625rem)}@media screen and (min-width: 800px){.header__logobar-logo.sc-stzh-header{width:25rem}}@media screen and (min-width: 1260px){.header__logobar-logo.sc-stzh-header{width:28.75rem}}@media screen and (min-width: 1440px){.header__logobar-logo.sc-stzh-header{padding-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.header__logo-link.sc-stzh-header{-ms-flex-positive:1;flex-grow:1;display:-ms-inline-flexbox;display:inline-flex;height:4.75rem;padding:var(--stzh-space-medium);padding-left:1.25rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.header__logo-link.sc-stzh-header{padding-left:2rem}}@media screen and (min-width: 800px){.header__logo-link.sc-stzh-header{height:5.625rem}}@media screen and (min-width: 1260px){.header__logo-link.sc-stzh-header{height:7.5rem;padding:var(--stzh-space-large);padding-left:5.5rem}}@media screen and (min-width: 1440px){.header__logo-link.sc-stzh-header{padding-left:0}}.header__appnav.sc-stzh-header{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--stzh-z-index-header) - 1);-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.header__appnav.sc-stzh-header{position:static;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}.header--hide-logo.sc-stzh-header .header__logo-link.sc-stzh-header{opacity:0}@media screen and (max-width: 799px){.header--has-empty-metabar-mobile.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-nav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar.sc-stzh-header{display:block;border-top:none;background-color:var(--stzh-color-grey5)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 1.25rem;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 799px) and (min-width: 600px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (max-width: 799px) and (min-width: 1024px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (max-width: 799px) and (min-width: 1260px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (max-width: 799px) and (min-width: 1440px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky):not(.header--is-sticky-disabled) .header__metabar.sc-stzh-header{position:fixed}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (max-width: 599px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width: 799px){.header--sticky.sc-stzh-header .header__appnav.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}}.header--sticky.sc-stzh-header .header__metabar.sc-stzh-header{border-top:none}.header--sticky.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (min-width: 600px){.header--sticky.header--has-empty-metabar.sc-stzh-header:not(.header--has-appnav) .header__main.sc-stzh-header{border-bottom:none}}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@media screen and (max-width: 599px){.header--sticky.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (min-width: 600px){.header--sticky-closing.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.header--sticky-closing.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__main.sc-stzh-header{padding-top:4rem}}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__metabar.sc-stzh-header{position:absolute}}}";export{d as stzh_header}
|
|
1
|
+
import{r as e,f as a,i as s,h as t,c as i,g as r}from"./p-99a3742a.js";import{h}from"./p-5c697491.js";import{m as n}from"./p-9111e257.js";const d=class{constructor(a){e(this,a),this.href="https://www.stadt-zuerich.ch",this.metabarStay=!1,this.stickyDisabled=!1,this.preventAppnavPlaceholder=!1,this.hideLogo=!1,this.paddingTop=void 0,this.metabarTransform=void 0,this.sticky=!1,this.stickyClosing=!1,this.stickyMetabar=!1,this.stickyMetabarEnd=!1}async updatePosition(){if(this.stickyDisabled)return;const e=()=>{this.sticky=!1,this.stickyClosing=!1,this.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint)!this.sticky&&this.belowStartStickyPoint&&(this.paddingTop=this.headerHeight,this.sticky=!0),this.updateMetabarPosition();else if(this.sticky&&this.belowStayStickyPoint){const a=()=>{e(),this.updateMetabarPosition(),this.innerElement.removeEventListener("animationend",a)};this.innerElement.addEventListener("animationend",a),this.stickyClosing=!0}else e(),this.updateMetabarPosition()}resizeListener(){this.stickyDisabled||(this.debounceResize&&window.cancelAnimationFrame(this.debounceResize),this.debounceResize=requestAnimationFrame((()=>{a((()=>{this.isSmall=n("small").matches,this.isSmallheader=n("smallheader").matches,this.headerTop=this.element.offsetTop,this.headerHeight=this.element.offsetHeight,this.appnavHeight=this.appnavElement?this.appnavElement.offsetHeight:0,this.metabarHeight=this.metabarElement?this.metabarElement.offsetHeight:0})),s((()=>{this.appnavPlaceholderElement.style.height=!this.appnavHeight||this.isSmall||this.preventAppnavPlaceholder?"0px":`${this.appnavHeight}px`})),this.scrollListener()})))}scrollListener(){this.stickyDisabled||(a((()=>{this.scrollTop=this.getScrollTop(),this.scrollingUp=this.lastScrollTop&&this.lastScrollTop>this.scrollTop,this.lastScrollTop=this.scrollTop,this.innerHeight=this.innerElement?this.innerElement.offsetHeight:0,this.mainHeight=this.mainElement?this.mainElement.offsetHeight:0,this.logobarHeight=this.sticky?this.isSmall?this.headerHeight-this.innerHeight:this.headerHeight-this.mainHeight:this.logobarElement?this.logobarElement.offsetHeight:0,this.belowStayStickyPoint=this.scrollTop>this.logobarHeight,this.belowStartStickyPoint=this.scrollTop>this.headerHeight,this.headerOverlap=(this.headerTop-this.scrollTop)/-1,this.hideLogo=this.isSmallheader&&this.headerOverlap>10})),s((()=>{this.updatePosition()})))}getScrollTop(){return window.pageYOffset||document.documentElement.scrollTop}updateMetabarPosition(){this.metabarElement&&!this.stickyDisabled&&(CSS&&CSS.supports&&CSS.supports("position","sticky")||(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing?this.headerOverlap<this.mainHeight-this.metabarHeight?(this.stickyMetabar=!0,this.stickyMetabarEnd=!1,this.metabarTransform="translateY(0)"):(this.stickyMetabar=!1,this.stickyMetabarEnd=!0,this.metabarTransform=`translateY(${this.logobarHeight}px)`):(this.stickyMetabar=!1,this.stickyMetabarEnd=!1,this.metabarTransform="translateY(0)")))}connectedCallback(){this.appnavPlaceholderElement=document.createElement("div"),this.element.parentElement.appendChild(this.appnavPlaceholderElement)}disconnectedCallback(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement)}render(){const e=h(this.element,"nav"),a=h(this.element,"login"),s=h(this.element,"appnav"),r=h(this.element,"langnav");return t(i,null,t("div",{style:{paddingTop:`${this.paddingTop}px`},class:{header:!0,"header--is-sticky-disabled":this.stickyDisabled,"header--sticky":this.sticky,"header--sticky-closing":this.stickyClosing,"header--hide-logo":this.hideLogo,"header--sticky-metabar":this.stickyMetabar,"header--sticky-metabar-end":this.stickyMetabarEnd,"header--has-metabar-stay":this.metabarStay,"header--has-empty-metabar-mobile":!a,"header--has-empty-metabar":!a&&!r&&!e,"header--has-appnav":s}},t("div",{class:"header__inner",ref:e=>this.innerElement=e},t("div",{class:"header__main",ref:e=>this.mainElement=e},t("div",{class:"header__logobar",ref:e=>this.logobarElement=e},t("div",{class:"header__logobar-logo"},t("a",{href:this.href,class:"header__logo-link"},t("slot",{name:"logo"})))),t("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:e=>this.metabarElement=e},t("div",{class:"header__metabar-inner"},t("div",{class:"header__metabar-nav"},t("slot",{name:"nav"})),t("div",{class:"header__metabar-login"},t("slot",{name:"login"})),t("div",{class:"header__metabar-langnav"},t("slot",{name:"langnav"}))))),t("div",{class:"header__appnav",ref:e=>this.appnavElement=e},t("div",{class:"header__appnav-inner"},t("slot",{name:"appnav"}))))))}get element(){return r(this)}};d.style=".sc-stzh-header-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-header-h{display:none}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::after{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.sc-stzh-header-h .sc-stzh-header-s>img[slot=logo]{width:auto;height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login]{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover,.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover__trigger{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);height:auto}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{border-radius:0;height:100%}}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button__badge{top:0.5rem;right:0.4375rem}}.header__inner.sc-stzh-header{-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}.header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 800px){.header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:4rem}@supports ((position: -webkit-sticky) or (position: sticky)){.header__main.sc-stzh-header{padding-top:0}}}.header__metabar.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 800px){.header__metabar.sc-stzh-header{border-top:none;background-color:var(--stzh-color-grey5);z-index:1;position:absolute;top:0;left:0;right:0}@supports ((position: -webkit-sticky) or (position: sticky)){.header__metabar.sc-stzh-header{position:-webkit-sticky;position:sticky}}}.header__metabar-inner.sc-stzh-header{margin:0 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;height:3rem}@media screen and (min-width: 600px){.header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (max-width: 799px){.header__metabar-inner.sc-stzh-header{margin:0 auto}}@media screen and (min-width: 800px){.header__metabar-inner.sc-stzh-header{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:4rem}}.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:none}@media screen and (min-width: 800px){.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}.header__metabar-login.sc-stzh-header{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%}@media screen and (min-width: 800px){.header__metabar-login.sc-stzh-header:not(:empty){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}@media screen and (min-width: 800px){.header__metabar-langnav.sc-stzh-header:not(:empty){margin-left:var(--stzh-space-medium)}}.header__logobar.sc-stzh-header{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.header__logobar-logo.sc-stzh-header{-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);overflow:hidden;width:calc(100% - 3rem - 0.0625rem)}@media screen and (min-width: 800px){.header__logobar-logo.sc-stzh-header{width:25rem}}@media screen and (min-width: 1260px){.header__logobar-logo.sc-stzh-header{width:28.75rem}}@media screen and (min-width: 1440px){.header__logobar-logo.sc-stzh-header{padding-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.header__logo-link.sc-stzh-header{-ms-flex-positive:1;flex-grow:1;display:-ms-inline-flexbox;display:inline-flex;height:4.75rem;padding:var(--stzh-space-medium);padding-left:1.25rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.header__logo-link.sc-stzh-header{padding-left:2rem}}@media screen and (min-width: 800px){.header__logo-link.sc-stzh-header{height:5.625rem}}@media screen and (min-width: 1260px){.header__logo-link.sc-stzh-header{height:7.5rem;padding:var(--stzh-space-large);padding-left:5.5rem}}@media screen and (min-width: 1440px){.header__logo-link.sc-stzh-header{padding-left:0}}.header__appnav.sc-stzh-header{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--stzh-z-index-header) - 1);-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.header__appnav.sc-stzh-header{position:static;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}.header--hide-logo.sc-stzh-header .header__logo-link.sc-stzh-header{opacity:0}@media screen and (max-width: 799px){.header--has-empty-metabar-mobile.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-nav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar.sc-stzh-header{display:block;border-top:none;background-color:var(--stzh-color-grey5)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 1.25rem;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 799px) and (min-width: 600px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (max-width: 799px) and (min-width: 1024px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (max-width: 799px) and (min-width: 1260px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (max-width: 799px) and (min-width: 1440px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky):not(.header--is-sticky-disabled) .header__metabar.sc-stzh-header{position:fixed}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (max-width: 599px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width: 799px){.header--sticky.sc-stzh-header .header__appnav.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}}.header--sticky.sc-stzh-header .header__metabar.sc-stzh-header{border-top:none}.header--sticky.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (min-width: 600px){.header--sticky.header--has-empty-metabar.sc-stzh-header:not(.header--has-appnav) .header__main.sc-stzh-header{border-bottom:none}}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@media screen and (max-width: 599px){.header--sticky.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (min-width: 600px){.header--sticky-closing.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.header--sticky-closing.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__main.sc-stzh-header{padding-top:4rem}}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__metabar.sc-stzh-header{position:absolute}}}";export{d as stzh_header}
|