@oiz/stzh-components 1.5.0-alpha → 2.0.0
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-3b6f75bd.js → app-globals-ec8cc33e.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/stzh-accordion-item.cjs.entry.js +33 -15
- package/dist/cjs/stzh-actionset.cjs.entry.js +156 -0
- package/dist/cjs/stzh-badge_3.cjs.entry.js +39 -8
- package/dist/cjs/stzh-card-list.cjs.entry.js +78 -0
- package/dist/cjs/stzh-card.cjs.entry.js +312 -0
- package/dist/cjs/stzh-chip-select.cjs.entry.js +52 -4
- package/dist/cjs/stzh-chip.cjs.entry.js +3 -1
- package/dist/cjs/stzh-components.cjs.js +2 -2
- package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datalist.cjs.entry.js +74 -0
- package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datatable.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datepicker_4.cjs.entry.js +5 -4
- package/dist/cjs/stzh-dialog.cjs.entry.js +1 -1
- package/dist/cjs/stzh-dropdown.cjs.entry.js +4 -6
- package/dist/cjs/stzh-ghettobox_2.cjs.entry.js +2 -2
- package/dist/cjs/stzh-heading.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 +4 -5
- package/dist/cjs/stzh-link.cjs.entry.js +9 -5
- package/dist/cjs/stzh-menu_2.cjs.entry.js +6 -2
- package/dist/cjs/stzh-message.cjs.entry.js +1 -1
- package/dist/cjs/stzh-overlay.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagetitle.cjs.entry.js +1 -1
- package/dist/cjs/stzh-popover.cjs.entry.js +30 -28
- package/dist/cjs/stzh-portal-mitwirken.cjs.entry.js +1 -1
- package/dist/cjs/stzh-saptcha.cjs.entry.js +1 -1
- package/dist/cjs/stzh-sortable.cjs.entry.js +20 -2
- package/dist/cjs/stzh-table.cjs.entry.js +1 -1
- package/dist/cjs/stzh-tooltip.cjs.entry.js +3 -1
- package/dist/cjs/stzh-upload.cjs.entry.js +47 -4
- package/dist/cjs/stzh-vbz-ticker.cjs.entry.js +1 -1
- package/dist/cjs/stzh-vspace.cjs.entry.js +1 -1
- package/dist/collection/assets/i18n/de.json +7 -2
- package/dist/collection/assets/i18n/en.json +7 -2
- package/dist/collection/assets/icons/mono/code-window.svg +3 -0
- package/dist/collection/assets/icons/mono/recycling-outline.svg +11 -0
- package/dist/collection/assets/icons/mono/recycling.svg +10 -0
- package/dist/collection/assets/icons/mono/smartphone.svg +10 -0
- package/dist/collection/assets/icons/mono/target.svg +11 -0
- package/dist/collection/collection-manifest.json +4 -2
- package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.css +34 -8
- package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.js +123 -14
- package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.stories.js +9 -0
- package/dist/collection/components/stzh-actionset/stzh-actionset.css +147 -0
- package/dist/collection/components/stzh-actionset/stzh-actionset.js +343 -0
- package/dist/collection/components/{stzh-servicecard-list/stzh-servicecard-list.localization.js → stzh-actionset/stzh-actionset.localization.js} +0 -0
- package/dist/collection/components/stzh-actionset/stzh-actionset.stories.js +72 -0
- package/dist/collection/components/stzh-badge/stzh-badge.css +22 -2
- package/dist/collection/components/stzh-badge/stzh-badge.js +25 -1
- package/dist/collection/components/stzh-button/stzh-button.css +66 -0
- package/dist/collection/components/stzh-button/stzh-button.js +141 -7
- package/dist/collection/components/stzh-button/stzh-button.stories.js +1 -1
- package/dist/collection/components/stzh-card/stzh-card.css +396 -0
- package/dist/collection/components/stzh-card/stzh-card.js +771 -0
- package/dist/collection/components/stzh-card/stzh-card.localization.js +1 -0
- package/dist/collection/components/stzh-card/stzh-card.stories.js +134 -0
- package/dist/collection/components/{stzh-servicecard-list/stzh-servicecard-list.css → stzh-card-list/stzh-card-list.css} +9 -9
- package/dist/collection/components/{stzh-servicecard-list/stzh-servicecard-list.js → stzh-card-list/stzh-card-list.js} +61 -60
- package/dist/collection/components/{stzh-servicecard/stzh-servicecard.localization.js → stzh-card-list/stzh-card-list.localization.js} +0 -0
- package/dist/collection/components/stzh-card-list/stzh-card-list.stories.js +132 -0
- package/dist/collection/components/stzh-chip/stzh-chip.js +38 -1
- package/dist/collection/components/stzh-chip-select/stzh-chip-select.css +80 -0
- package/dist/collection/components/stzh-chip-select/stzh-chip-select.js +213 -3
- package/dist/collection/components/stzh-cspace/stzh-cspace.css +96 -178
- package/dist/collection/components/stzh-datalist/stzh-datalist.css +621 -0
- package/dist/collection/components/stzh-datalist/stzh-datalist.js +237 -0
- package/dist/collection/components/stzh-datalist/stzh-datalist.stories.js +66 -0
- package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.css +3 -8
- package/dist/collection/components/stzh-datatable/stzh-datatable.css +5 -0
- package/dist/collection/components/stzh-datepicker/stzh-datepicker.js +1 -21
- package/dist/collection/components/stzh-dialog/stzh-dialog.css +11 -20
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.css +3 -3
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.js +7 -26
- package/dist/collection/components/stzh-ghettobox/stzh-ghettobox.css +16 -16
- package/dist/collection/components/stzh-heading/stzh-heading.css +5 -15
- package/dist/collection/components/stzh-hspace/stzh-hspace.css +19 -24
- package/dist/collection/components/stzh-icon-sprite/assets/svgsprites/symbol/sprite.symbol.html +93 -28
- package/dist/collection/components/stzh-icon-sprite/assets/svgsprites/symbol/svg/sprite.symbol.svg +1 -1
- package/dist/collection/components/stzh-input/stzh-input.css +5 -5
- package/dist/collection/components/stzh-input/stzh-input.js +3 -24
- package/dist/collection/components/stzh-link/stzh-link.css +5 -0
- package/dist/collection/components/stzh-link/stzh-link.js +46 -6
- package/dist/collection/components/stzh-menu-item/stzh-menu-item.js +42 -2
- package/dist/collection/components/stzh-message/stzh-message.css +5 -0
- package/dist/collection/components/stzh-overlay/stzh-overlay.css +5 -1
- package/dist/collection/components/stzh-pagetitle/stzh-pagetitle.css +3 -8
- package/dist/collection/components/stzh-popover/stzh-popover.js +52 -32
- package/dist/collection/components/stzh-portal-mitwirken/stzh-portal-mitwirken.css +519 -338
- package/dist/collection/components/stzh-radio/stzh-radio.css +2 -2
- package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.js +4 -3
- package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.stories.js +3 -0
- package/dist/collection/components/stzh-richtext/stzh-richtext.css +233 -129
- package/dist/collection/components/stzh-richtext/stzh-richtext.stories.js +19 -0
- package/dist/collection/components/stzh-saptcha/stzh-saptcha.css +8 -8
- package/dist/collection/components/stzh-sortable/stzh-sortable.css +12 -6
- package/dist/collection/components/stzh-sortable/stzh-sortable.js +40 -1
- package/dist/collection/components/stzh-sortable/stzh-sortable.stories.js +1 -1
- package/dist/collection/components/stzh-table/stzh-table.css +5 -0
- package/dist/collection/components/stzh-tooltip/stzh-tooltip.js +21 -1
- package/dist/collection/components/stzh-upload/stzh-upload.css +16 -7
- package/dist/collection/components/stzh-upload/stzh-upload.js +46 -3
- package/dist/collection/components/stzh-upload/stzh-upload.stories.js +1 -1
- package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.css +2 -7
- package/dist/collection/components/stzh-vspace/stzh-vspace.css +19 -24
- package/dist/collection/pages/meinkonto.stories.js +93 -88
- package/dist/components/index.d.ts +4 -2
- package/dist/components/index.js +5 -3
- package/dist/components/stzh-accordion-item.js +51 -16
- package/dist/components/{stzh-servicecard.d.ts → stzh-actionset.d.ts} +4 -4
- package/dist/components/stzh-actionset.js +6 -0
- package/dist/components/stzh-actionset2.js +219 -0
- package/dist/components/stzh-badge2.js +10 -3
- package/dist/components/stzh-button2.js +36 -6
- package/dist/components/{stzh-servicecard-list.d.ts → stzh-card-list.d.ts} +4 -4
- package/dist/components/stzh-card-list.js +121 -0
- package/dist/components/stzh-card.d.ts +11 -0
- package/dist/components/stzh-card.js +393 -0
- package/dist/components/stzh-chip-select.js +63 -6
- package/dist/components/stzh-chip2.js +5 -1
- package/dist/components/stzh-cspace.js +1 -1
- package/dist/components/stzh-datalist.d.ts +11 -0
- package/dist/components/stzh-datalist.js +113 -0
- package/dist/components/stzh-datamessagelist-item.js +1 -1
- package/dist/components/stzh-datatable.js +1 -1
- package/dist/components/stzh-datepicker2.js +1 -2
- package/dist/components/stzh-dialog.js +1 -1
- package/dist/components/stzh-dropdown2.js +4 -7
- package/dist/components/stzh-ghettobox2.js +1 -1
- package/dist/components/stzh-heading2.js +1 -1
- package/dist/components/stzh-hspace.js +1 -1
- package/dist/components/stzh-icon-sprite.js +1 -1
- package/dist/components/stzh-input2.js +4 -6
- package/dist/components/stzh-link2.js +11 -5
- package/dist/components/stzh-menu-item2.js +8 -2
- package/dist/components/stzh-message.js +1 -1
- package/dist/components/stzh-overlay.js +1 -1
- package/dist/components/stzh-pagetitle.js +1 -1
- package/dist/components/stzh-popover2.js +31 -28
- package/dist/components/stzh-portal-mitwirken.js +1 -1
- package/dist/components/stzh-radio2.js +1 -1
- package/dist/components/stzh-radiogroup2.js +3 -2
- package/dist/components/stzh-richtext2.js +1 -1
- package/dist/components/stzh-saptcha.js +1 -1
- package/dist/components/stzh-sortable2.js +20 -2
- package/dist/components/stzh-table.js +1 -1
- package/dist/components/stzh-tooltip2.js +4 -1
- package/dist/components/stzh-upload.js +47 -4
- package/dist/components/stzh-vbz-ticker.js +1 -1
- package/dist/components/stzh-vspace.js +1 -1
- package/dist/esm/{app-globals-c42494e9.js → app-globals-e66420b3.js} +1 -1
- package/dist/esm/{index-0e6d34c6.js → index-84f71a43.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/stzh-accordion-item.entry.js +34 -16
- package/dist/esm/stzh-accordion.entry.js +1 -1
- package/dist/esm/stzh-actions.entry.js +1 -1
- package/dist/esm/stzh-actionset.entry.js +152 -0
- package/dist/esm/stzh-appnav.entry.js +1 -1
- package/dist/esm/stzh-appointments.entry.js +1 -1
- package/dist/esm/stzh-badge_3.entry.js +40 -9
- package/dist/esm/stzh-calendar.entry.js +1 -1
- package/dist/esm/stzh-card-list.entry.js +74 -0
- package/dist/esm/stzh-card.entry.js +308 -0
- package/dist/esm/stzh-cell.entry.js +1 -1
- package/dist/esm/stzh-checkbox.entry.js +2 -2
- package/dist/esm/stzh-checkboxgroup.entry.js +2 -2
- package/dist/esm/stzh-chip-select.entry.js +53 -5
- package/dist/esm/stzh-chip.entry.js +4 -2
- package/dist/esm/stzh-components.js +3 -3
- package/dist/esm/stzh-container.entry.js +1 -1
- package/dist/esm/stzh-cspace.entry.js +2 -2
- package/dist/esm/stzh-datalist.entry.js +70 -0
- package/dist/esm/stzh-datamessagelist-item.entry.js +2 -2
- package/dist/esm/stzh-datamessagelist.entry.js +1 -1
- package/dist/esm/stzh-datatable.entry.js +2 -2
- package/dist/esm/stzh-datepicker_4.entry.js +7 -6
- package/dist/esm/stzh-dialog.entry.js +2 -2
- package/dist/esm/stzh-dropdown.entry.js +6 -8
- package/dist/esm/stzh-fieldset.entry.js +1 -1
- package/dist/esm/stzh-figure.entry.js +1 -1
- package/dist/esm/stzh-flyingfocus.entry.js +1 -1
- package/dist/esm/stzh-footer.entry.js +1 -1
- package/dist/esm/stzh-ghettobox_2.entry.js +3 -3
- package/dist/esm/stzh-header.entry.js +1 -1
- package/dist/esm/stzh-heading.entry.js +2 -2
- package/dist/esm/stzh-hr.entry.js +1 -1
- package/dist/esm/stzh-hspace.entry.js +2 -2
- package/dist/esm/stzh-icon-sprite.entry.js +2 -2
- package/dist/esm/{stzh-input-description-da7b0e98.js → stzh-input-description-8c477f97.js} +1 -1
- package/dist/esm/stzh-input.entry.js +6 -7
- package/dist/esm/stzh-link.entry.js +10 -6
- package/dist/esm/stzh-list-item.entry.js +1 -1
- package/dist/esm/stzh-list.entry.js +1 -1
- package/dist/esm/stzh-loader.entry.js +1 -1
- package/dist/esm/stzh-loadingbar.entry.js +1 -1
- package/dist/esm/stzh-menu_2.entry.js +7 -3
- package/dist/esm/stzh-message.entry.js +2 -2
- package/dist/esm/stzh-metanav.entry.js +1 -1
- package/dist/esm/stzh-overlay.entry.js +2 -2
- package/dist/esm/stzh-page-skiplinks.entry.js +1 -1
- package/dist/esm/stzh-pagetitle.entry.js +2 -2
- package/dist/esm/stzh-popover.entry.js +31 -29
- package/dist/esm/stzh-portal-mitwirken.entry.js +2 -2
- package/dist/esm/stzh-progressbar-item.entry.js +1 -1
- package/dist/esm/stzh-progressbar.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-saptcha.entry.js +2 -2
- package/dist/esm/stzh-section.entry.js +1 -1
- package/dist/esm/stzh-skiplink.entry.js +1 -1
- package/dist/esm/stzh-sortable.entry.js +21 -3
- package/dist/esm/stzh-status.entry.js +1 -1
- package/dist/esm/stzh-table.entry.js +2 -2
- package/dist/esm/stzh-toggle.entry.js +2 -2
- package/dist/esm/stzh-tooltip.entry.js +4 -2
- package/dist/esm/stzh-upload.entry.js +49 -6
- package/dist/esm/stzh-vbz-linechip.entry.js +1 -1
- package/dist/esm/stzh-vbz-majorticker.entry.js +1 -1
- package/dist/esm/stzh-vbz-ticker.entry.js +2 -2
- package/dist/esm/stzh-visuallyhidden.entry.js +1 -1
- package/dist/esm/stzh-vspace.entry.js +2 -2
- package/dist/esm-es5/app-globals-e66420b3.js +1 -0
- package/dist/esm-es5/{index-0e6d34c6.js → index-84f71a43.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/stzh-accordion-item.entry.js +1 -1
- package/dist/esm-es5/stzh-accordion.entry.js +1 -1
- package/dist/esm-es5/stzh-actions.entry.js +1 -1
- package/dist/esm-es5/stzh-actionset.entry.js +1 -0
- package/dist/esm-es5/stzh-appnav.entry.js +1 -1
- package/dist/esm-es5/stzh-appointments.entry.js +1 -1
- package/dist/esm-es5/stzh-badge_3.entry.js +1 -1
- package/dist/esm-es5/stzh-calendar.entry.js +1 -1
- package/dist/esm-es5/stzh-card-list.entry.js +1 -0
- package/dist/esm-es5/stzh-card.entry.js +1 -0
- package/dist/esm-es5/stzh-cell.entry.js +1 -1
- 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-select.entry.js +1 -1
- package/dist/esm-es5/stzh-chip.entry.js +1 -1
- package/dist/esm-es5/stzh-components.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.entry.js +1 -0
- package/dist/esm-es5/stzh-datamessagelist-item.entry.js +1 -1
- package/dist/esm-es5/stzh-datamessagelist.entry.js +1 -1
- package/dist/esm-es5/stzh-datatable.entry.js +2 -2
- package/dist/esm-es5/stzh-datepicker_4.entry.js +1 -1
- package/dist/esm-es5/stzh-dialog.entry.js +1 -1
- package/dist/esm-es5/stzh-dropdown.entry.js +1 -1
- package/dist/esm-es5/stzh-fieldset.entry.js +1 -1
- package/dist/esm-es5/stzh-figure.entry.js +1 -1
- package/dist/esm-es5/stzh-flyingfocus.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-heading.entry.js +1 -1
- package/dist/esm-es5/stzh-hr.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-description-da7b0e98.js → stzh-input-description-8c477f97.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-list-item.entry.js +1 -1
- package/dist/esm-es5/stzh-list.entry.js +1 -1
- package/dist/esm-es5/stzh-loader.entry.js +1 -1
- package/dist/esm-es5/stzh-loadingbar.entry.js +1 -1
- package/dist/esm-es5/stzh-menu_2.entry.js +1 -1
- package/dist/esm-es5/stzh-message.entry.js +1 -1
- package/dist/esm-es5/stzh-metanav.entry.js +1 -1
- package/dist/esm-es5/stzh-overlay.entry.js +1 -1
- package/dist/esm-es5/stzh-page-skiplinks.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-portal-mitwirken.entry.js +1 -1
- package/dist/esm-es5/stzh-progressbar-item.entry.js +1 -1
- package/dist/esm-es5/stzh-progressbar.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-saptcha.entry.js +1 -1
- package/dist/esm-es5/stzh-section.entry.js +1 -1
- package/dist/esm-es5/stzh-skiplink.entry.js +1 -1
- package/dist/esm-es5/stzh-sortable.entry.js +2 -2
- 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-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-vbz-linechip.entry.js +1 -1
- package/dist/esm-es5/stzh-vbz-majorticker.entry.js +1 -1
- package/dist/esm-es5/stzh-vbz-ticker.entry.js +1 -1
- package/dist/esm-es5/stzh-visuallyhidden.entry.js +1 -1
- package/dist/esm-es5/stzh-vspace.entry.js +1 -1
- package/dist/stzh-components/assets/i18n/de.json +7 -2
- package/dist/stzh-components/assets/i18n/en.json +7 -2
- package/dist/stzh-components/assets/icons/mono/code-window.svg +3 -0
- package/dist/stzh-components/assets/icons/mono/recycling-outline.svg +11 -0
- package/dist/stzh-components/assets/icons/mono/recycling.svg +10 -0
- package/dist/stzh-components/assets/icons/mono/smartphone.svg +10 -0
- package/dist/stzh-components/assets/icons/mono/target.svg +11 -0
- package/dist/stzh-components/assets/svgsprites/symbol/sprite.symbol.html +93 -28
- package/dist/stzh-components/assets/svgsprites/symbol/svg/sprite.symbol.svg +1 -1
- package/dist/stzh-components/{p-32988d74.entry.js → p-001b7d10.entry.js} +1 -1
- package/dist/stzh-components/{p-11d0c8f3.entry.js → p-03ea86bd.entry.js} +1 -1
- package/dist/stzh-components/p-051bc2a8.entry.js +1 -0
- package/dist/stzh-components/p-0711e511.entry.js +1 -0
- package/dist/stzh-components/p-073c89b1.system.entry.js +1 -0
- package/dist/stzh-components/{p-0837657c.entry.js → p-08a564af.entry.js} +1 -1
- package/dist/stzh-components/{p-8db4279d.system.entry.js → p-0bbbbe85.system.entry.js} +1 -1
- package/dist/stzh-components/{p-87ab53c4.system.entry.js → p-0fc06049.system.entry.js} +1 -1
- package/dist/stzh-components/p-0fc83964.system.entry.js +1 -0
- package/dist/stzh-components/{p-08d4ed80.entry.js → p-13b3500e.entry.js} +1 -1
- package/dist/stzh-components/{p-f1a58a7c.system.entry.js → p-1440163c.system.entry.js} +1 -1
- package/dist/stzh-components/{p-65444117.system.entry.js → p-17c6c1db.system.entry.js} +1 -1
- package/dist/stzh-components/p-18958371.entry.js +1 -0
- package/dist/stzh-components/{p-b34774e7.entry.js → p-190de4de.entry.js} +1 -1
- package/dist/stzh-components/{p-b2c8c31e.system.entry.js → p-19bff884.system.entry.js} +1 -1
- package/dist/stzh-components/p-20ef4a20.system.entry.js +1 -0
- package/dist/stzh-components/{p-346e26f2.system.entry.js → p-21566d65.system.entry.js} +1 -1
- package/dist/stzh-components/{p-debb00e6.entry.js → p-216577b4.entry.js} +1 -1
- package/dist/stzh-components/p-22701389.system.entry.js +1 -0
- package/dist/stzh-components/p-252d3178.entry.js +1 -0
- package/dist/stzh-components/{p-6edd58a4.system.entry.js → p-27fd6c6f.system.entry.js} +1 -1
- package/dist/stzh-components/{p-fba76dba.entry.js → p-29427863.entry.js} +1 -1
- package/dist/stzh-components/{p-d8471675.entry.js → p-2b338050.entry.js} +1 -1
- package/dist/stzh-components/p-2ca4a828.system.entry.js +1 -0
- package/dist/stzh-components/p-2cf1ae40.system.entry.js +1 -0
- package/dist/stzh-components/{p-fa8651dd.entry.js → p-2e559062.entry.js} +1 -1
- package/dist/stzh-components/p-3042b23e.entry.js +1 -0
- package/dist/stzh-components/{p-c863ffd0.system.entry.js → p-33c0229f.system.entry.js} +1 -1
- package/dist/stzh-components/p-3b912468.system.entry.js +1 -0
- package/dist/stzh-components/p-3beb58d6.system.entry.js +1 -0
- package/dist/stzh-components/{p-1cde29ea.entry.js → p-3d8317b5.entry.js} +1 -1
- package/dist/stzh-components/p-3f0363db.entry.js +1 -0
- package/dist/stzh-components/{p-48bbcc26.system.entry.js → p-45bab70d.system.entry.js} +1 -1
- package/dist/stzh-components/{p-3f03fd94.system.entry.js → p-48b5b697.system.entry.js} +1 -1
- package/dist/stzh-components/{p-ece7ad4d.system.entry.js → p-4c6989ae.system.entry.js} +1 -1
- package/dist/stzh-components/p-530252c6.system.entry.js +1 -0
- package/dist/stzh-components/{p-c7c17bb7.system.entry.js → p-5353ba86.system.entry.js} +2 -2
- package/dist/stzh-components/{p-bb2e1dda.entry.js → p-552f49c4.entry.js} +1 -1
- package/dist/stzh-components/p-55cdbf79.entry.js +1 -0
- package/dist/stzh-components/{p-562394a9.system.entry.js → p-55d23a3c.system.entry.js} +1 -1
- package/dist/stzh-components/{p-07772cd7.system.entry.js → p-560f96f0.system.entry.js} +1 -1
- package/dist/stzh-components/p-562e6c52.entry.js +1 -0
- package/dist/stzh-components/{p-f48a2b00.system.entry.js → p-56b9cc3c.system.entry.js} +1 -1
- package/dist/stzh-components/{p-33946fed.system.entry.js → p-58d886cb.system.entry.js} +1 -1
- package/dist/stzh-components/{p-68a8b7b7.system.entry.js → p-5997e418.system.entry.js} +1 -1
- package/dist/stzh-components/{p-49968bbf.entry.js → p-5a02ef03.entry.js} +1 -1
- package/dist/stzh-components/{p-1c88ceff.system.entry.js → p-5a354428.system.entry.js} +1 -1
- package/dist/stzh-components/{p-0a71fbac.entry.js → p-5bd2849d.entry.js} +1 -1
- package/dist/stzh-components/{p-3ed69b16.entry.js → p-5f4eb46c.entry.js} +1 -1
- package/dist/stzh-components/{p-4a398453.system.entry.js → p-61aac051.system.entry.js} +1 -1
- package/dist/stzh-components/p-62db1e59.entry.js +1 -0
- package/dist/stzh-components/{p-ade1ebcf.system.entry.js → p-6305db38.system.entry.js} +1 -1
- package/dist/stzh-components/{p-95eb03b2.entry.js → p-638bedfa.entry.js} +1 -1
- package/dist/stzh-components/{p-9c0494a6.system.js → p-63d89b96.system.js} +1 -1
- package/dist/stzh-components/{p-33d75303.entry.js → p-6425898c.entry.js} +1 -1
- package/dist/stzh-components/{p-818634d2.entry.js → p-64b4cc74.entry.js} +1 -1
- package/dist/stzh-components/p-676fd54d.entry.js +1 -0
- package/dist/stzh-components/{p-7a6e347d.system.entry.js → p-684c345e.system.entry.js} +2 -2
- package/dist/stzh-components/{p-f44f4d26.system.entry.js → p-69c3187f.system.entry.js} +1 -1
- package/dist/stzh-components/{p-95a297aa.entry.js → p-69f4a27e.entry.js} +1 -1
- package/dist/stzh-components/p-6a873872.entry.js +1 -0
- package/dist/stzh-components/{p-b281b653.entry.js → p-713ae713.entry.js} +2 -2
- package/dist/stzh-components/{p-03b16275.entry.js → p-72f29f07.entry.js} +1 -1
- package/dist/stzh-components/p-764ba190.entry.js +1 -0
- package/dist/stzh-components/p-786a92d4.system.entry.js +1 -0
- package/dist/stzh-components/p-796ae62c.system.entry.js +1 -0
- package/dist/stzh-components/p-7d8c9866.entry.js +1 -0
- package/dist/stzh-components/p-7ec2f3fd.entry.js +9 -0
- package/dist/stzh-components/p-80d70586.entry.js +1 -0
- package/dist/stzh-components/p-838df84a.system.entry.js +1 -0
- package/dist/stzh-components/p-84ab53cc.system.entry.js +1 -0
- package/dist/stzh-components/p-85161133.js +1 -0
- package/dist/stzh-components/{p-aec2d2d1.system.entry.js → p-851e0caa.system.entry.js} +1 -1
- package/dist/stzh-components/p-864d7c50.entry.js +1 -0
- package/dist/stzh-components/{p-690d14cd.entry.js → p-88e0f453.entry.js} +1 -1
- package/dist/stzh-components/{p-0338cec3.system.entry.js → p-89274cd5.system.entry.js} +1 -1
- package/dist/stzh-components/p-8b6de2c0.system.entry.js +1 -0
- package/dist/stzh-components/{p-936cc626.system.entry.js → p-8c648042.system.entry.js} +1 -1
- package/dist/stzh-components/{p-0ae3e066.system.entry.js → p-8d0da18d.system.entry.js} +1 -1
- package/dist/stzh-components/{p-56fccfa3.system.entry.js → p-8d547247.system.entry.js} +1 -1
- package/dist/stzh-components/p-929dbdf1.system.entry.js +1 -0
- package/dist/stzh-components/{p-65282c9d.js → p-93e8e31f.js} +1 -1
- package/dist/stzh-components/p-9469b812.entry.js +1 -0
- package/dist/stzh-components/{p-e9ca8ddc.entry.js → p-961cb979.entry.js} +1 -1
- package/dist/stzh-components/{p-98afd4b0.system.entry.js → p-981b2629.system.entry.js} +1 -1
- package/dist/stzh-components/{p-0ec28130.system.entry.js → p-9c72f491.system.entry.js} +1 -1
- package/dist/stzh-components/p-9e716229.entry.js +1 -0
- package/dist/stzh-components/{p-8cf287d8.system.entry.js → p-9fb4da92.system.entry.js} +1 -1
- package/dist/stzh-components/p-a3fa6122.system.entry.js +1 -0
- package/dist/stzh-components/{p-409c0d50.entry.js → p-a448f5a5.entry.js} +1 -1
- package/dist/stzh-components/{p-96fd158c.entry.js → p-a646c09a.entry.js} +1 -1
- package/dist/stzh-components/p-a6627504.entry.js +1 -0
- package/dist/stzh-components/{p-6c3b2508.system.entry.js → p-a67e09cd.system.entry.js} +1 -1
- package/dist/stzh-components/{p-378be0be.system.entry.js → p-a7c35778.system.entry.js} +1 -1
- package/dist/stzh-components/{p-c8bc2812.entry.js → p-a7ee2636.entry.js} +1 -1
- package/dist/stzh-components/{p-148de4e6.entry.js → p-ab246b66.entry.js} +1 -1
- package/dist/stzh-components/p-b391d962.system.entry.js +1 -0
- package/dist/stzh-components/p-b462a61f.entry.js +1 -0
- package/dist/stzh-components/p-b550feaa.system.entry.js +1 -0
- package/dist/stzh-components/p-b5a85078.system.entry.js +1 -0
- package/dist/stzh-components/p-b70bc70c.system.js +1 -0
- package/dist/stzh-components/{p-46f301c0.entry.js → p-b9a027aa.entry.js} +1 -1
- package/dist/stzh-components/{p-7e3924a0.system.entry.js → p-ba94e315.system.entry.js} +1 -1
- package/dist/stzh-components/{p-f2050d1e.entry.js → p-bb3c1249.entry.js} +1 -1
- package/dist/stzh-components/{p-a760352a.system.entry.js → p-bbe4e3d1.system.entry.js} +1 -1
- package/dist/stzh-components/{p-e972a44f.system.entry.js → p-be461e19.system.entry.js} +1 -1
- package/dist/stzh-components/{p-30b347ee.system.js → p-bf0fdd23.system.js} +2 -2
- package/dist/stzh-components/{p-983f6070.entry.js → p-c1337453.entry.js} +1 -1
- package/dist/stzh-components/{p-915e8ad6.entry.js → p-c3d93395.entry.js} +1 -1
- package/dist/stzh-components/{p-e9bc3a43.entry.js → p-c4b7c2be.entry.js} +1 -1
- package/dist/stzh-components/p-c4fc6433.system.entry.js +1 -0
- package/dist/stzh-components/{p-df422d36.entry.js → p-c58dd9de.entry.js} +1 -1
- package/dist/stzh-components/p-cb1d4678.entry.js +1 -0
- package/dist/stzh-components/p-ccd30d73.system.entry.js +1 -0
- package/dist/stzh-components/p-cd795307.entry.js +1 -0
- package/dist/stzh-components/{p-7d2237ca.entry.js → p-cdc9e600.entry.js} +1 -1
- package/dist/stzh-components/{p-586cae98.entry.js → p-ce070ccd.entry.js} +1 -1
- package/dist/stzh-components/{p-04d7b18f.entry.js → p-d0aa9d3b.entry.js} +1 -1
- package/dist/stzh-components/p-d1552460.system.entry.js +1 -0
- package/dist/stzh-components/{p-006135ed.system.entry.js → p-d6c07494.system.entry.js} +1 -1
- package/dist/stzh-components/{p-cf162e67.entry.js → p-d7893dfd.entry.js} +1 -1
- package/dist/stzh-components/{p-73194e28.entry.js → p-d9643cc4.entry.js} +1 -1
- package/dist/stzh-components/{p-58917ce2.entry.js → p-db5363ef.entry.js} +1 -1
- package/dist/stzh-components/{p-fc9c4fc3.system.entry.js → p-e213663c.system.entry.js} +1 -1
- package/dist/stzh-components/p-e3e3e88c.system.js +1 -0
- package/dist/stzh-components/p-eb61c369.entry.js +1 -0
- package/dist/stzh-components/p-ebeb8d7b.system.entry.js +1 -0
- package/dist/stzh-components/p-eca1732f.entry.js +1 -0
- package/dist/stzh-components/{p-14d728f0.entry.js → p-ee22256f.entry.js} +1 -1
- package/dist/stzh-components/{p-670d4834.entry.js → p-f1356a85.entry.js} +1 -1
- package/dist/stzh-components/p-f24db7e8.system.entry.js +1 -0
- package/dist/stzh-components/{p-1ace5d80.entry.js → p-f788a468.entry.js} +1 -1
- package/dist/stzh-components/{p-99533090.system.entry.js → p-f832e938.system.entry.js} +1 -1
- package/dist/stzh-components/{p-32b78d65.js → p-f84fa2a4.js} +1 -1
- package/dist/stzh-components/{p-80db7aa6.system.entry.js → p-fa56fc0d.system.entry.js} +1 -1
- package/dist/stzh-components/{p-88a4f756.system.entry.js → p-fc13d017.system.entry.js} +1 -1
- package/dist/stzh-components/{p-b4fc71ff.system.entry.js → p-fc6b4f91.system.entry.js} +1 -1
- package/dist/stzh-components/p-fdd1998f.entry.js +1 -0
- package/dist/stzh-components/{p-370b82e7.system.entry.js → p-fdf0b4bc.system.entry.js} +1 -1
- package/dist/stzh-components/stzh-components.css +1 -1
- package/dist/stzh-components/stzh-components.esm.js +1 -1
- package/dist/stzh-components/stzh-components.js +1 -1
- package/dist/types/components/stzh-actionset/stzh-actionset.localization.d.ts +5 -0
- package/dist/types/components/stzh-badge/stzh-badge.d.ts +2 -0
- package/dist/types/components/{stzh-servicecard/stzh-servicecard.localization.d.ts → stzh-card/stzh-card.localization.d.ts} +2 -1
- package/dist/types/components/{stzh-servicecard-list/stzh-servicecard-list.localization.d.ts → stzh-card-list/stzh-card-list.localization.d.ts} +1 -1
- package/dist/types/components.d.ts +626 -245
- package/dist/types/index.d.ts +61 -14
- package/dist/vscode-data.json +559 -183
- package/package.json +1 -1
- package/dist/cjs/stzh-servicecard-list.cjs.entry.js +0 -73
- package/dist/cjs/stzh-servicecard.cjs.entry.js +0 -234
- package/dist/collection/components/stzh-servicecard/stzh-servicecard.css +0 -558
- package/dist/collection/components/stzh-servicecard/stzh-servicecard.js +0 -614
- package/dist/collection/components/stzh-servicecard/stzh-servicecard.stories.js +0 -73
- package/dist/collection/components/stzh-servicecard-list/stzh-servicecard-list.stories.js +0 -116
- package/dist/components/stzh-servicecard-list.js +0 -117
- package/dist/components/stzh-servicecard.js +0 -305
- package/dist/esm/stzh-servicecard-list.entry.js +0 -69
- package/dist/esm/stzh-servicecard.entry.js +0 -230
- package/dist/esm-es5/app-globals-c42494e9.js +0 -1
- package/dist/esm-es5/stzh-servicecard-list.entry.js +0 -1
- package/dist/esm-es5/stzh-servicecard.entry.js +0 -1
- package/dist/stzh-components/p-03e2634c.entry.js +0 -1
- package/dist/stzh-components/p-1cebd703.entry.js +0 -1
- package/dist/stzh-components/p-1f15a4e0.system.entry.js +0 -1
- package/dist/stzh-components/p-2b11d549.system.entry.js +0 -1
- package/dist/stzh-components/p-33d033a3.system.entry.js +0 -1
- package/dist/stzh-components/p-34190502.entry.js +0 -1
- package/dist/stzh-components/p-3c799247.entry.js +0 -1
- package/dist/stzh-components/p-3ebd2c03.js +0 -1
- package/dist/stzh-components/p-4e9bfeb8.system.entry.js +0 -1
- package/dist/stzh-components/p-58ffc722.system.entry.js +0 -1
- package/dist/stzh-components/p-5e0cccc9.system.entry.js +0 -1
- package/dist/stzh-components/p-5ea652ae.system.entry.js +0 -1
- package/dist/stzh-components/p-632d9076.system.entry.js +0 -1
- package/dist/stzh-components/p-63b5068a.system.entry.js +0 -1
- package/dist/stzh-components/p-66556f67.entry.js +0 -1
- package/dist/stzh-components/p-6fc271d0.system.entry.js +0 -1
- package/dist/stzh-components/p-7921db30.system.entry.js +0 -1
- package/dist/stzh-components/p-79bfc485.entry.js +0 -1
- package/dist/stzh-components/p-7bb1bd3b.entry.js +0 -1
- package/dist/stzh-components/p-7d098987.entry.js +0 -9
- package/dist/stzh-components/p-7d62dfeb.system.entry.js +0 -1
- package/dist/stzh-components/p-82e6148a.system.entry.js +0 -1
- package/dist/stzh-components/p-85d78e08.entry.js +0 -1
- package/dist/stzh-components/p-8a60addb.entry.js +0 -1
- package/dist/stzh-components/p-8bd3ba06.entry.js +0 -1
- package/dist/stzh-components/p-90a10825.system.entry.js +0 -1
- package/dist/stzh-components/p-a7253852.entry.js +0 -1
- package/dist/stzh-components/p-a86c6487.entry.js +0 -1
- package/dist/stzh-components/p-aaa2e48f.system.js +0 -1
- package/dist/stzh-components/p-b35b0270.entry.js +0 -1
- package/dist/stzh-components/p-b3b5ee7e.entry.js +0 -1
- package/dist/stzh-components/p-b651f251.entry.js +0 -1
- package/dist/stzh-components/p-bdba7714.entry.js +0 -1
- package/dist/stzh-components/p-c581e798.system.entry.js +0 -1
- package/dist/stzh-components/p-c6cad5ed.system.entry.js +0 -1
- package/dist/stzh-components/p-da063c7e.system.entry.js +0 -1
- package/dist/stzh-components/p-e12db90a.entry.js +0 -1
- package/dist/stzh-components/p-e2ce48f1.system.entry.js +0 -1
- package/dist/stzh-components/p-e4347cfe.entry.js +0 -1
- package/dist/stzh-components/p-ec3d4dd4.entry.js +0 -1
- package/dist/stzh-components/p-ee5ceac4.entry.js +0 -1
- package/dist/stzh-components/p-f0ca6848.system.entry.js +0 -1
- package/dist/stzh-components/p-f21440b3.entry.js +0 -1
- package/dist/stzh-components/p-f610f725.entry.js +0 -1
- package/dist/stzh-components/p-faf20030.system.js +0 -1
- package/dist/stzh-components/p-fce0e218.system.entry.js +0 -1
- package/dist/stzh-components/p-fd16e20e.system.entry.js +0 -1
- package/dist/stzh-components/p-fe9f8a09.system.entry.js +0 -1
|
@@ -1,230 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, i as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-0e6d34c6.js';
|
|
2
|
-
import { h as hasSlot } from './utils-68a28fce.js';
|
|
3
|
-
import { m as media } from './media-utils-9b041ceb.js';
|
|
4
|
-
import { f as fetchTranslations } from './translation-utils-2623783f.js';
|
|
5
|
-
|
|
6
|
-
const stzhServicecardCss = ".sc-stzh-servicecard-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-servicecard-h{display:none}.sc-stzh-servicecard-h *.sc-stzh-servicecard,.sc-stzh-servicecard-h *.sc-stzh-servicecard::before,.sc-stzh-servicecard-h *.sc-stzh-servicecard::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-popover);--border:0.0625rem solid var(--stzh-base-border-color);--border-radius:0.1875rem;--dnd-visibility:hidden;--dnd-opacity:0;position:relative;border-radius:var(--border-radius)}.is-ghost.sc-stzh-servicecard-h::after,.is-ghost .sc-stzh-servicecard-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-selected .sc-stzh-servicecard-h,.is-chosen .sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-servicecard-h,.is-ghost .sc-stzh-servicecard-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-ghost.sc-stzh-servicecard-h,.is-selected.sc-stzh-servicecard-h,.is-drag .sc-stzh-servicecard-h,.is-chosen .sc-stzh-servicecard-h,.is-ghost .sc-stzh-servicecard-h,.is-selected .sc-stzh-servicecard-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*{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)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table{border:0;border-spacing:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td,.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{padding:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*:not(:first-child){margin-top:var(--stzh-space-medium)}.stzh-servicecard.sc-stzh-servicecard{background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:var(--border);-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 (max-width: 1023px){.stzh-servicecard.sc-stzh-servicecard .show-medium.sc-stzh-servicecard{display:none}}@media screen and (min-width: 1024px){.stzh-servicecard.sc-stzh-servicecard .hide-medium.sc-stzh-servicecard{display:none}}.stzh-servicecard__dnd.sc-stzh-servicecard{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-servicecard__dnd.sc-stzh-servicecard{display:block}}@media screen and (min-width: 1260px){.stzh-servicecard__dnd.sc-stzh-servicecard{left:0.25rem;top:1.6875rem}}.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-large)}}.stzh-servicecard__header-left.sc-stzh-servicecard,.stzh-servicecard__header-right.sc-stzh-servicecard{display:-ms-flexbox;display:flex}.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-large)}}.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}.stzh-servicecard__left.sc-stzh-servicecard{-ms-flex-item-align:center;align-self:center}.stzh-servicecard__title-area.sc-stzh-servicecard{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-servicecard__title.sc-stzh-servicecard,.stzh-servicecard__subtitle.sc-stzh-servicecard{margin:0}.stzh-servicecard__title.sc-stzh-servicecard{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 600px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-servicecard__subtitle.sc-stzh-servicecard{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-servicecard__subtitle.sc-stzh-servicecard{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-servicecard__subtitle-text.sc-stzh-servicecard{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-servicecard__subtitle-text.sc-stzh-servicecard::after{content:\",\";position:absolute;left:0}.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__columns.sc-stzh-servicecard{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto;margin-left:calc(var(--stzh-space-medium) / -1);margin-right:calc(var(--stzh-space-medium) / -1)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-left:calc(var(--stzh-space-large) / -1);margin-right:calc(var(--stzh-space-large) / -1)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-left:calc(var(--stzh-space-xlarge) / -1);margin-right:calc(var(--stzh-space-xlarge) / -1)}}@media screen and (min-width: 800px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 2;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{align-self:end;grid-column:2/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:not(:empty),.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard:not(:empty){margin-top:0}.stzh-servicecard__card-actions.sc-stzh-servicecard{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-servicecard__card-action[variant=tertiary].sc-stzh-servicecard{--color:var(--stzh-color-grey70)}.stzh-servicecard__card-action.is-button.sc-stzh-servicecard{--icon-size:var(--stzh-icon-size-small)}.stzh-servicecard__card-action.is-placeholder.sc-stzh-servicecard{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-servicecard__card-action-popover.sc-stzh-servicecard{--width:auto}@media screen and (min-width: 800px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-right.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:1/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{color:var(--stzh-color-error)}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-error)}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard{display:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard{display:block}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard{border-bottom:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:hover,.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";
|
|
7
|
-
|
|
8
|
-
const StzhServicecard = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.stzhCollapse = createEvent(this, "stzhCollapse", 7);
|
|
12
|
-
this.stzhSubtitleClick = createEvent(this, "stzhSubtitleClick", 7);
|
|
13
|
-
this.stzhStarClick = createEvent(this, "stzhStarClick", 7);
|
|
14
|
-
this.stzhActionClick = createEvent(this, "stzhActionClick", 7);
|
|
15
|
-
/** Whether card is collapsed or not */
|
|
16
|
-
this.collapsed = false;
|
|
17
|
-
/** Whether card was starred */
|
|
18
|
-
this.starred = false;
|
|
19
|
-
/** Whether card star is displayed */
|
|
20
|
-
this.starrable = false;
|
|
21
|
-
/** Heading */
|
|
22
|
-
this.heading = "";
|
|
23
|
-
/** Subtitle */
|
|
24
|
-
this.subtitle = "";
|
|
25
|
-
this._subtitles = [];
|
|
26
|
-
/** Card actions */
|
|
27
|
-
this.actions = [];
|
|
28
|
-
/** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */
|
|
29
|
-
this.subtitleInteractive = false;
|
|
30
|
-
/** Type */
|
|
31
|
-
this.type = "default";
|
|
32
|
-
/** Middle column position variant (positioning behaviour on tablet) */
|
|
33
|
-
this.middleVariant = "to-right";
|
|
34
|
-
/** Set middle column vertical spacing */
|
|
35
|
-
this.middleVerticalSpacing = "default";
|
|
36
|
-
/** Set right column vertical spacing */
|
|
37
|
-
this.rightVerticalSpacing = "default";
|
|
38
|
-
/** Whether sorting should be disabled */
|
|
39
|
-
this.sortableDisabled = false;
|
|
40
|
-
/** Whether card is collapsible */
|
|
41
|
-
this.collapsible = false;
|
|
42
|
-
/** Whether movement menu items should be shown */
|
|
43
|
-
this.hideMovementActions = false;
|
|
44
|
-
this.nodeChange = (entries) => {
|
|
45
|
-
let changeInSlot = false;
|
|
46
|
-
entries.forEach((entry) => {
|
|
47
|
-
if (entry.target.closest('[slot]') || entry.target.hasAttribute('slot')) {
|
|
48
|
-
changeInSlot = true;
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
if (changeInSlot) {
|
|
52
|
-
forceUpdate(this.element);
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
this.update = () => {
|
|
56
|
-
if (!this.mainElement) {
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
this.mainElement.classList.remove("stzh-servicecard--has-collapsed-header");
|
|
60
|
-
if (media('medium').matches) {
|
|
61
|
-
const headerWidth = this.headerElement.clientWidth;
|
|
62
|
-
const leftWidth = this.headerLeftElement.clientWidth;
|
|
63
|
-
const rightWidth = this.headerRightElement.clientWidth;
|
|
64
|
-
if (headerWidth - leftWidth <= rightWidth) {
|
|
65
|
-
this.mainElement.classList.add("stzh-servicecard--has-collapsed-header");
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
this.headerClick = (event) => {
|
|
70
|
-
if (!this.collapsible) {
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
const filterTags = ["stzh-popover", "stzh-tooltip", "button", "a", "input", "select", "textarea", "iframe", "details", "label", "area"];
|
|
74
|
-
const composedPathTags = event.composedPath().map(element => { var _a; return (_a = element.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase(); });
|
|
75
|
-
const found = composedPathTags.some(r => filterTags.includes(r));
|
|
76
|
-
if (!found) {
|
|
77
|
-
this.collapsed = !this.collapsed;
|
|
78
|
-
this.stzhCollapse.emit({
|
|
79
|
-
component: "stzh-servicecard",
|
|
80
|
-
collapsed: this.collapsed
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
this.subtitleClick = () => {
|
|
85
|
-
if (this.subtitleInteractive) {
|
|
86
|
-
this.stzhSubtitleClick.emit({
|
|
87
|
-
component: "stzh-servicecard"
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
this.starToggleClick = () => {
|
|
92
|
-
this.stzhStarClick.emit({
|
|
93
|
-
component: "stzh-servicecard",
|
|
94
|
-
starred: this.starred
|
|
95
|
-
});
|
|
96
|
-
};
|
|
97
|
-
this.actionClick = (action) => {
|
|
98
|
-
this.stzhActionClick.emit({
|
|
99
|
-
component: "stzh-servicecard",
|
|
100
|
-
action
|
|
101
|
-
});
|
|
102
|
-
};
|
|
103
|
-
this.arrowUpClick = () => {
|
|
104
|
-
const sortable = this.element.closest("stzh-sortable");
|
|
105
|
-
if (sortable) {
|
|
106
|
-
const element = this.findSortableChildElement();
|
|
107
|
-
sortable.moveItem(element, "up");
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
this.arrowDownClick = () => {
|
|
111
|
-
const sortable = this.element.closest("stzh-sortable");
|
|
112
|
-
if (sortable) {
|
|
113
|
-
const element = this.findSortableChildElement();
|
|
114
|
-
sortable.moveItem(element, "down");
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
}
|
|
118
|
-
handleResize() {
|
|
119
|
-
if (this.debounceResize) {
|
|
120
|
-
window.cancelAnimationFrame(this.debounceResize);
|
|
121
|
-
}
|
|
122
|
-
this.debounceResize = requestAnimationFrame(this.update);
|
|
123
|
-
}
|
|
124
|
-
subtitleWatcher(newValue) {
|
|
125
|
-
if (typeof newValue === "string") {
|
|
126
|
-
try {
|
|
127
|
-
this._subtitles = JSON.parse(newValue);
|
|
128
|
-
}
|
|
129
|
-
catch (err) {
|
|
130
|
-
this._subtitles = [newValue];
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
else {
|
|
134
|
-
this._subtitles = newValue;
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
actionsWatcher(newValue) {
|
|
138
|
-
if (typeof newValue === "string") {
|
|
139
|
-
this._actions = JSON.parse(newValue);
|
|
140
|
-
}
|
|
141
|
-
else {
|
|
142
|
-
this._actions = newValue;
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
findSortableChildElement() {
|
|
146
|
-
const sortable = this.element.closest("stzh-sortable");
|
|
147
|
-
if (sortable) {
|
|
148
|
-
let element = this.element;
|
|
149
|
-
let sortableContainer = null;
|
|
150
|
-
if (typeof sortable.container === "function") {
|
|
151
|
-
sortableContainer = sortable.container();
|
|
152
|
-
}
|
|
153
|
-
else {
|
|
154
|
-
sortableContainer = sortable.container;
|
|
155
|
-
}
|
|
156
|
-
while (element.parentElement !== sortableContainer) {
|
|
157
|
-
element = element.parentElement;
|
|
158
|
-
}
|
|
159
|
-
return element;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
async componentWillLoad() {
|
|
163
|
-
this.subtitleWatcher(this.subtitle);
|
|
164
|
-
this.actionsWatcher(this.actions);
|
|
165
|
-
if (!this.localization) {
|
|
166
|
-
this.localization = await fetchTranslations(this.element, "servicecard");
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
connectedCallback() {
|
|
170
|
-
this.observer = new MutationObserver(this.nodeChange);
|
|
171
|
-
this.observer.observe(this.element, {
|
|
172
|
-
childList: true,
|
|
173
|
-
subtree: true
|
|
174
|
-
});
|
|
175
|
-
}
|
|
176
|
-
disconnectedCallback() {
|
|
177
|
-
this.observer.disconnect();
|
|
178
|
-
}
|
|
179
|
-
render() {
|
|
180
|
-
const leftUsed = hasSlot(this.element, "left");
|
|
181
|
-
const middleUsed = hasSlot(this.element, "middle");
|
|
182
|
-
const rightUsed = hasSlot(this.element, "right");
|
|
183
|
-
const classes = {
|
|
184
|
-
"stzh-servicecard": true,
|
|
185
|
-
"stzh-servicecard--has-left": leftUsed,
|
|
186
|
-
"stzh-servicecard--has-middle": middleUsed,
|
|
187
|
-
"stzh-servicecard--has-right": rightUsed,
|
|
188
|
-
"stzh-servicecard--has-subtitle": !!this.subtitle,
|
|
189
|
-
"stzh-servicecard--has-subtitle-interactive": !!this.subtitle && this.subtitleInteractive,
|
|
190
|
-
"stzh-servicecard--is-collapsed": this.collapsed,
|
|
191
|
-
"stzh-servicecard--is-starred": this.starred,
|
|
192
|
-
[`stzh-servicecard--middle-${this.middleVariant}`]: !!this.middleVariant && middleUsed,
|
|
193
|
-
[`stzh-servicecard--type-${this.type}`]: !!this.type,
|
|
194
|
-
};
|
|
195
|
-
const Subtitle = `${this.subtitleInteractive ? 'button' : 'span'}`;
|
|
196
|
-
return (h(Host, { role: "listitem", "aria-label": this.heading }, h("article", { ref: (el) => (this.mainElement = el), class: classes }, h("stzh-icon", { class: "stzh-servicecard__dnd", name: "drag" }), h("header", { ref: (el) => (this.headerElement = el), class: "stzh-servicecard__header", onClick: this.headerClick }, h("div", { ref: (el) => (this.headerLeftElement = el), class: "stzh-servicecard__header-left" }, h("div", { class: "stzh-servicecard__title-area", "data-dashboardmknlist": "title" }, h("h3", { class: "stzh-servicecard__title", "data-dashboardmknlist": "dnd" }, this.heading), this._subtitles.length > 0 &&
|
|
197
|
-
h(Subtitle, { class: "stzh-servicecard__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-servicecard__subtitle-text" }, subtitle)))))), h("div", { ref: (el) => (this.headerRightElement = el), class: "stzh-servicecard__header-right" }, h("div", { class: "stzh-servicecard__card-actions" }, this._actions.map(action => (h("stzh-button", { class: {
|
|
198
|
-
"stzh-servicecard__card-action": true,
|
|
199
|
-
"is-button": true,
|
|
200
|
-
"show-medium": !action.onlyCollapseText,
|
|
201
|
-
"hide-when-collapsed": !action.onlyCollapseText,
|
|
202
|
-
"hide-text-when-collapsed": action.onlyCollapseText
|
|
203
|
-
}, icon: action.icon, badge: action.badge, variant: "tertiary", size: "tiny", badgePosition: "icon", onClick: () => { this.actionClick(action); } }, h("span", { class: {
|
|
204
|
-
"show-medium": action.onlyCollapseText,
|
|
205
|
-
"hide-when-collapsed": action.onlyCollapseText
|
|
206
|
-
} }, action.label)))), this.starrable &&
|
|
207
|
-
h("stzh-tooltip", null, h("stzh-button", { class: "stzh-servicecard__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)), h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-servicecard__card-action-popover" }, h("stzh-button", { class: "stzh-servicecard__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true }), h("stzh-menu", { slot: "content" }, this.starrable &&
|
|
208
|
-
h("stzh-menu-item", { icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd), this._actions.filter(action => !action.onlyCollapseText).map(action => (h("stzh-menu-item", { class: "hide-medium show-when-collapsed", icon: action.icon, badge: action.badge, onClick: () => { this.actionClick(action); } }, action.label))), (!this.sortableDisabled && !this.hideMovementActions) &&
|
|
209
|
-
h(Fragment, null, h("stzh-menu-item", { icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp), h("stzh-menu-item", { icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown))))))), h("div", { class: "stzh-servicecard__columns hide-when-collapsed" }, h("div", { class: {
|
|
210
|
-
"stzh-servicecard__column": true,
|
|
211
|
-
"is-left": true
|
|
212
|
-
} }, h("slot", { name: "left" })), h("div", { class: {
|
|
213
|
-
"stzh-servicecard__column": true,
|
|
214
|
-
"is-middle": true,
|
|
215
|
-
"has-no-spacing": this.middleVerticalSpacing === "none"
|
|
216
|
-
} }, h("slot", { name: "middle" })), h("div", { class: {
|
|
217
|
-
"stzh-servicecard__column": true,
|
|
218
|
-
"is-right": true,
|
|
219
|
-
"has-no-spacing": this.rightVerticalSpacing === "none"
|
|
220
|
-
} }, h("slot", { name: "right" }))))));
|
|
221
|
-
}
|
|
222
|
-
get element() { return getElement(this); }
|
|
223
|
-
static get watchers() { return {
|
|
224
|
-
"subtitle": ["subtitleWatcher"],
|
|
225
|
-
"actions": ["actionsWatcher"]
|
|
226
|
-
}; }
|
|
227
|
-
};
|
|
228
|
-
StzhServicecard.style = stzhServicecardCss;
|
|
229
|
-
|
|
230
|
-
export { StzhServicecard as stzh_servicecard };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var name="@oiz/stzh-components";var version="1.5.0-alpha";var packageName=name.substring(name.indexOf("/")+1);function applyAutofocus(){window.addEventListener("appload",(function(e){var o=document.querySelector("[autofocus]");if(o&&e.detail.namespace===packageName&&o.tagName.toLowerCase().indexOf("stzh-")===0&&"setFocus"in o){o.setFocus()}}))}function observeScrollbarWidth(){var e={threshold:1};var o=function(e){e.forEach((function(e){var o=0;if(e.intersectionRatio<1){o=window.innerWidth-document.body.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",o+"px")}))};var t=new IntersectionObserver(o,e);t.observe(document.body)}function appGlobalScript(){window.stzhComponents=Object.assign({version:version,labels:"fixed",cacheTranslations:true,pathTranslations:"/",formats:{}},window.stzhComponents||{});applyAutofocus();observeScrollbarWidth()}var globalScripts=appGlobalScript;export{globalScripts as g};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,s,i){function r(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,a){function l(t){try{n(i.next(t))}catch(e){a(e)}}function c(t){try{n(i["throw"](t))}catch(e){a(e)}}function n(t){t.done?s(t.value):r(t.value).then(l,c)}n((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,l;return l={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function c(t){return function(e){return n([t,e])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(s)try{if(i=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(a=s.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){s.label=l[1];break}if(l[0]===6&&s.label<a[1]){s.label=a[1];a=l;break}if(a&&s.label<a[2]){s.label=a[2];s.ops.push(l);break}if(a[2])s.ops.pop();s.trys.pop();continue}l=e.call(t,s)}catch(c){l=[6,c];r=0}finally{i=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{c as cloneElement}from"./utils-68a28fce.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhServicecardListCss=".sc-stzh-servicecard-list-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-servicecard-list-h{display:none}.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::before,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>stzh-text[slot=description]{--color:inherit}.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 1024px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{-ms-flex-direction:row;flex-direction:row}}.stzh-servicecard-list__description.sc-stzh-servicecard-list{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-servicecard-list__description.sc-stzh-servicecard-list{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:0}}.stzh-servicecard-list__switch.sc-stzh-servicecard-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}";var StzhServicecardList=function(){function t(t){var e=this;registerInstance(this,t);this.showToggleLink=false;this.sortableDisabled=false;this.sortableDataIdAttribute="data-id";this.sortableGhostClone=function(t){var e=cloneElement(t),s=e[0],i=e[1],r=e[2];if(i&&r&&i.tagName.toLowerCase()==="stzh-servicecard"){var a=i;var l=r;a.heading=l.heading;a.subtitle=l.subtitle;a.actions=l.actions;a.hideMovementActions=l.hideMovementActions}return s};this.allCollapsed=false;this.collapseClick=function(){var t=Array.from(e.element.querySelectorAll("stzh-servicecard"));t.forEach((function(t){if(t.collapsible){t.collapsed=!e.allCollapsed}}));e.allCollapsed=!e.allCollapsed};this.updateCollapsedState=function(){var t=Array.from(e.element.querySelectorAll("stzh-servicecard"));e.allCollapsed=!t.some((function(t){return!t.collapsed}))}}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"servicecard-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t={"stzh-servicecard-list":true};return h(Host,null,h("div",{class:t},h("div",{class:"stzh-servicecard-list__header"},h("div",{class:"stzh-servicecard-list__description"},h("slot",{name:"description"})),this.showToggleLink&&h("stzh-link",{class:"stzh-servicecard-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),h("stzh-sortable",{disabled:this.sortableDisabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},h("div",{class:"stzh-servicecard-list__cards",role:"list"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhServicecardList.style=stzhServicecardListCss;export{StzhServicecardList as stzh_servicecard_list};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,s,t,r){function i(e){return e instanceof t?e:new t((function(s){s(e)}))}return new(t||(t=Promise))((function(t,a){function c(e){try{d(r.next(e))}catch(s){a(s)}}function n(e){try{d(r["throw"](e))}catch(s){a(s)}}function d(e){e.done?t(e.value):i(e.value).then(c,n)}d((r=r.apply(e,s||[])).next())}))};var __generator=this&&this.__generator||function(e,s){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,c;return c={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function n(e){return function(s){return d([e,s])}}function d(c){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,i&&(a=c[0]&2?i["return"]:c[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,c[1])).done)return a;if(i=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;i=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){t.label=c[1];break}if(c[0]===6&&t.label<a[1]){t.label=a[1];a=c;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(c);break}if(a[2])t.ops.pop();t.trys.pop();continue}c=s.call(e,t)}catch(n){c=[6,n];i=0}finally{r=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,i as forceUpdate,h,F as Fragment,a as Host,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-68a28fce.js";import{m as media}from"./media-utils-9b041ceb.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhServicecardCss='.sc-stzh-servicecard-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-servicecard-h{display:none}.sc-stzh-servicecard-h *.sc-stzh-servicecard,.sc-stzh-servicecard-h *.sc-stzh-servicecard::before,.sc-stzh-servicecard-h *.sc-stzh-servicecard::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-popover);--border:0.0625rem solid var(--stzh-base-border-color);--border-radius:0.1875rem;--dnd-visibility:hidden;--dnd-opacity:0;position:relative;border-radius:var(--border-radius)}.is-ghost.sc-stzh-servicecard-h::after,.is-ghost .sc-stzh-servicecard-h::after{border-radius:var(--border-radius)}.is-selected.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-selected .sc-stzh-servicecard-h,.is-chosen .sc-stzh-servicecard-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-servicecard-h,.is-ghost .sc-stzh-servicecard-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-servicecard-h,.is-chosen.sc-stzh-servicecard-h,.is-ghost.sc-stzh-servicecard-h,.is-selected.sc-stzh-servicecard-h,.is-drag .sc-stzh-servicecard-h,.is-chosen .sc-stzh-servicecard-h,.is-ghost .sc-stzh-servicecard-h,.is-selected .sc-stzh-servicecard-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*{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)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table{border:0;border-spacing:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td,.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table th{padding:0}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-servicecard-h .sc-stzh-servicecard-s>*:not(:first-child){margin-top:var(--stzh-space-medium)}.stzh-servicecard.sc-stzh-servicecard{background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border:var(--border);-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 (max-width: 1023px){.stzh-servicecard.sc-stzh-servicecard .show-medium.sc-stzh-servicecard{display:none}}@media screen and (min-width: 1024px){.stzh-servicecard.sc-stzh-servicecard .hide-medium.sc-stzh-servicecard{display:none}}.stzh-servicecard__dnd.sc-stzh-servicecard{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-servicecard__dnd.sc-stzh-servicecard{display:block}}@media screen and (min-width: 1260px){.stzh-servicecard__dnd.sc-stzh-servicecard{left:0.25rem;top:1.6875rem}}.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard{padding-bottom:var(--stzh-space-large)}}.stzh-servicecard__header-left.sc-stzh-servicecard,.stzh-servicecard__header-right.sc-stzh-servicecard{display:-ms-flexbox;display:flex}.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-servicecard__header-right.sc-stzh-servicecard{padding-left:var(--stzh-space-large)}}.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__header.sc-stzh-servicecard,.stzh-servicecard__columns.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}.stzh-servicecard__left.sc-stzh-servicecard{-ms-flex-item-align:center;align-self:center}.stzh-servicecard__title-area.sc-stzh-servicecard{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-servicecard__title.sc-stzh-servicecard,.stzh-servicecard__subtitle.sc-stzh-servicecard{margin:0}.stzh-servicecard__title.sc-stzh-servicecard{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 600px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-servicecard__title.sc-stzh-servicecard{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-servicecard__subtitle.sc-stzh-servicecard{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-servicecard__subtitle.sc-stzh-servicecard{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-servicecard__subtitle-text.sc-stzh-servicecard{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-servicecard__subtitle-text.sc-stzh-servicecard::after{content:",";position:absolute;left:0}.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__columns.sc-stzh-servicecard{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto;margin-left:calc(var(--stzh-space-medium) / -1);margin-right:calc(var(--stzh-space-medium) / -1)}}@media screen and (min-width: 1024px){.stzh-servicecard__columns.sc-stzh-servicecard{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-left:calc(var(--stzh-space-large) / -1);margin-right:calc(var(--stzh-space-large) / -1)}}@media screen and (min-width: 1260px){.stzh-servicecard__columns.sc-stzh-servicecard{margin-left:calc(var(--stzh-space-xlarge) / -1);margin-right:calc(var(--stzh-space-xlarge) / -1)}}@media screen and (min-width: 800px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard__column.sc-stzh-servicecard{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 2;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{align-self:end;grid-column:2/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-servicecard__column.sc-stzh-servicecard:not(:empty):not(:first-child):not(.has-no-spacing){margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:not(:empty),.stzh-servicecard__column.is-left.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-middle.sc-stzh-servicecard:empty+.stzh-servicecard__column.is-right.sc-stzh-servicecard:not(:empty){margin-top:0}.stzh-servicecard__card-actions.sc-stzh-servicecard{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-servicecard__card-action[variant=tertiary].sc-stzh-servicecard{--color:var(--stzh-color-grey70)}.stzh-servicecard__card-action.is-button.sc-stzh-servicecard{--icon-size:var(--stzh-icon-size-small)}.stzh-servicecard__card-action.is-placeholder.sc-stzh-servicecard{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-servicecard__card-action-popover.sc-stzh-servicecard{--width:auto}@media screen and (min-width: 800px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--has-middle.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-right.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{margin-top:0}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-left.sc-stzh-servicecard{grid-column:1/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 2}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{grid-column:3/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:1/span 1;grid-row:2/span 1}}@media screen and (min-width: 1024px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-middle.sc-stzh-servicecard{grid-column:2/span 1;grid-row:1/span 1}}@media screen and (min-width: 800px){.stzh-servicecard--middle-to-left.sc-stzh-servicecard .stzh-servicecard__column.is-right.sc-stzh-servicecard{margin-top:0}}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--has-subtitle-interactive.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard{color:var(--stzh-color-error)}.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:hover,.stzh-servicecard--type-alert.sc-stzh-servicecard .stzh-servicecard__subtitle.sc-stzh-servicecard:focus{color:var(--stzh-color-error)}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .hide-when-collapsed.sc-stzh-servicecard{display:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard .show-when-collapsed.sc-stzh-servicecard{display:block}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__header.sc-stzh-servicecard{border-bottom:none}.stzh-servicecard--is-collapsed.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard,.stzh-servicecard--has-collapsed-header.sc-stzh-servicecard .stzh-servicecard__card-action.sc-stzh-servicecard{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:hover,.stzh-servicecard--is-starred.sc-stzh-servicecard .stzh-servicecard__card-action.is-star.sc-stzh-servicecard:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}';var StzhServicecard=function(){function e(e){var s=this;registerInstance(this,e);this.stzhCollapse=createEvent(this,"stzhCollapse",7);this.stzhSubtitleClick=createEvent(this,"stzhSubtitleClick",7);this.stzhStarClick=createEvent(this,"stzhStarClick",7);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this.collapsed=false;this.starred=false;this.starrable=false;this.heading="";this.subtitle="";this._subtitles=[];this.actions=[];this.subtitleInteractive=false;this.type="default";this.middleVariant="to-right";this.middleVerticalSpacing="default";this.rightVerticalSpacing="default";this.sortableDisabled=false;this.collapsible=false;this.hideMovementActions=false;this.nodeChange=function(e){var t=false;e.forEach((function(e){if(e.target.closest("[slot]")||e.target.hasAttribute("slot")){t=true}}));if(t){forceUpdate(s.element)}};this.update=function(){if(!s.mainElement){return}s.mainElement.classList.remove("stzh-servicecard--has-collapsed-header");if(media("medium").matches){var e=s.headerElement.clientWidth;var t=s.headerLeftElement.clientWidth;var r=s.headerRightElement.clientWidth;if(e-t<=r){s.mainElement.classList.add("stzh-servicecard--has-collapsed-header")}}};this.headerClick=function(e){if(!s.collapsible){return}var t=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var r=e.composedPath().map((function(e){var s;return(s=e.tagName)===null||s===void 0?void 0:s.toLowerCase()}));var i=r.some((function(e){return t.includes(e)}));if(!i){s.collapsed=!s.collapsed;s.stzhCollapse.emit({component:"stzh-servicecard",collapsed:s.collapsed})}};this.subtitleClick=function(){if(s.subtitleInteractive){s.stzhSubtitleClick.emit({component:"stzh-servicecard"})}};this.starToggleClick=function(){s.stzhStarClick.emit({component:"stzh-servicecard",starred:s.starred})};this.actionClick=function(e){s.stzhActionClick.emit({component:"stzh-servicecard",action:e})};this.arrowUpClick=function(){var e=s.element.closest("stzh-sortable");if(e){var t=s.findSortableChildElement();e.moveItem(t,"up")}};this.arrowDownClick=function(){var e=s.element.closest("stzh-sortable");if(e){var t=s.findSortableChildElement();e.moveItem(t,"down")}}}e.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};e.prototype.subtitleWatcher=function(e){if(typeof e==="string"){try{this._subtitles=JSON.parse(e)}catch(s){this._subtitles=[e]}}else{this._subtitles=e}};e.prototype.actionsWatcher=function(e){if(typeof e==="string"){this._actions=JSON.parse(e)}else{this._actions=e}};e.prototype.findSortableChildElement=function(){var e=this.element.closest("stzh-sortable");if(e){var s=this.element;var t=null;if(typeof e.container==="function"){t=e.container()}else{t=e.container}while(s.parentElement!==t){s=s.parentElement}return s}};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(s){switch(s.label){case 0:this.subtitleWatcher(this.subtitle);this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"servicecard")];case 1:e.localization=s.sent();s.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.observer=new MutationObserver(this.nodeChange);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){this.observer.disconnect()};e.prototype.render=function(){var e;var s=this;var t=hasSlot(this.element,"left");var r=hasSlot(this.element,"middle");var i=hasSlot(this.element,"right");var a=(e={"stzh-servicecard":true,"stzh-servicecard--has-left":t,"stzh-servicecard--has-middle":r,"stzh-servicecard--has-right":i,"stzh-servicecard--has-subtitle":!!this.subtitle,"stzh-servicecard--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-servicecard--is-collapsed":this.collapsed,"stzh-servicecard--is-starred":this.starred},e["stzh-servicecard--middle-".concat(this.middleVariant)]=!!this.middleVariant&&r,e["stzh-servicecard--type-".concat(this.type)]=!!this.type,e);var c="".concat(this.subtitleInteractive?"button":"span");return h(Host,{role:"listitem","aria-label":this.heading},h("article",{ref:function(e){return s.mainElement=e},class:a},h("stzh-icon",{class:"stzh-servicecard__dnd",name:"drag"}),h("header",{ref:function(e){return s.headerElement=e},class:"stzh-servicecard__header",onClick:this.headerClick},h("div",{ref:function(e){return s.headerLeftElement=e},class:"stzh-servicecard__header-left"},h("div",{class:"stzh-servicecard__title-area","data-dashboardmknlist":"title"},h("h3",{class:"stzh-servicecard__title","data-dashboardmknlist":"dnd"},this.heading),this._subtitles.length>0&&h(c,{class:"stzh-servicecard__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(e){return h("span",{class:"stzh-servicecard__subtitle-text"},e)}))))),h("div",{ref:function(e){return s.headerRightElement=e},class:"stzh-servicecard__header-right"},h("div",{class:"stzh-servicecard__card-actions"},this._actions.map((function(e){return h("stzh-button",{class:{"stzh-servicecard__card-action":true,"is-button":true,"show-medium":!e.onlyCollapseText,"hide-when-collapsed":!e.onlyCollapseText,"hide-text-when-collapsed":e.onlyCollapseText},icon:e.icon,badge:e.badge,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){s.actionClick(e)}},h("span",{class:{"show-medium":e.onlyCollapseText,"hide-when-collapsed":e.onlyCollapseText}},e.label))})),this.starrable&&h("stzh-tooltip",null,h("stzh-button",{class:"stzh-servicecard__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),h("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),h("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-servicecard__card-action-popover"},h("stzh-button",{class:"stzh-servicecard__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),h("stzh-menu",{slot:"content"},this.starrable&&h("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),this._actions.filter((function(e){return!e.onlyCollapseText})).map((function(e){return h("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:e.icon,badge:e.badge,onClick:function(){s.actionClick(e)}},e.label)})),!this.sortableDisabled&&!this.hideMovementActions&&h(Fragment,null,h("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),h("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),h("div",{class:"stzh-servicecard__columns hide-when-collapsed"},h("div",{class:{"stzh-servicecard__column":true,"is-left":true}},h("slot",{name:"left"})),h("div",{class:{"stzh-servicecard__column":true,"is-middle":true,"has-no-spacing":this.middleVerticalSpacing==="none"}},h("slot",{name:"middle"})),h("div",{class:{"stzh-servicecard__column":true,"is-right":true,"has-no-spacing":this.rightVerticalSpacing==="none"}},h("slot",{name:"right"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],actions:["actionsWatcher"]}},enumerable:false,configurable:true});return e}();StzhServicecard.style=stzhServicecardCss;export{StzhServicecard as stzh_servicecard};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as h,h as s,a as e,g as i}from"./p-65282c9d.js";import{j as c}from"./p-b10682ee.js";import{s as r}from"./p-1f57d28e.js";import{f as a}from"./p-25a09313.js";import"./p-3e8ff66b.js";const n=class{constructor(s){t(this,s),this.stzhOpen=h(this,"stzhOpen",7),this.stzhClose=h(this,"stzhClose",7),this.hiddenTitle="",this.mainTitle="",this.description="",this.closeTimeKey="global-alert",this.open=!0,this.onCloseButtonClick=()=>{this.hide()},this.init=()=>{const t=this.element.querySelector('stzh-button[slot="button"]');t&&r(t,{size:"small",variant:"secondary",effect:"cta",icon:"arrow-right-long",iconPosition:"right"})}}publishDateWatcher(t){if(this._publishDate="string"==typeof t?new Date(t):t,this.closeTimeKey&&this._publishDate){const t=c.get(`stzh-components-ghettobox-close-time-${this.closeTimeKey}`);t&&Number(t)>=this._publishDate.getTime()&&this.hide(!1)}}async show(){this.open=!0,this.stzhOpen.emit({component:"stzh-ghettobox"})}async hide(t=!0){this.open=!1,this.stzhClose.emit({component:"stzh-ghettobox"}),this.closeTimeKey&&t&&c.set(`stzh-components-ghettobox-close-time-${this.closeTimeKey}`,Date.now().toString())}async componentWillLoad(){this.publishDateWatcher(this.publishDate),this.localization||(this.localization=await a(this.element,"ghettobox"))}connectedCallback(){this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return s(e,{hidden:!this.open},s("div",{class:{"stzh-ghettobox":!0}},s("h1",{class:"stzh-ghettobox__hidden-title"},this.hiddenTitle||this.localization.hiddenTitle),s("div",{class:"stzh-ghettobox__message"},s("h2",{class:"stzh-ghettobox__main-title"},this.mainTitle),s("div",{class:"stzh-ghettobox__description"},this.description?this.description:s("slot",null)),s("div",{class:"stzh-ghettobox__button"},s("slot",{name:"button"}))),s("div",{class:"stzh-ghettobox__close"},s("button",{class:"stzh-ghettobox__close-button",onClick:this.onCloseButtonClick,"aria-label":this.localization.close,type:"button"},s("stzh-icon",{class:"stzh-ghettobox__close-icon",name:"close"})))))}get element(){return i(this)}static get watchers(){return{publishDate:["publishDateWatcher"]}}};n.style=".sc-stzh-ghettobox-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-ghettobox-h{display:none}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-ghettobox-h{--stzh-color-primary:var(--stzh-base-invert-color);--stzh-color-primary-hover:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-richttext-blockquote-footer-color:var(--stzh-base-invert-color);--background-color:var(--stzh-color-error);--color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--button-border-color:var(--stzh-base-invert-color);--button-hover-color:var(--background-color)}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][variant=secondary]{--border-color:var(--button-border-color);--hover-color:var(--button-hover-color);--background-color:transparent}.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-xxlarge);padding-right:var(--stzh-space-xxlarge);position:relative;display:-ms-flexbox;display:flex;background-color:var(--background-color);color:var(--color);-webkit-box-shadow:var(--stzh-box-shadow-message);box-shadow:var(--stzh-box-shadow-message)}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-left:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-left:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{border-radius:0.1875rem}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{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-ghettobox__message.sc-stzh-ghettobox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));margin:0;color:inherit}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty),.stzh-ghettobox__button.sc-stzh-ghettobox:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty),.stzh-ghettobox__button.sc-stzh-ghettobox:not(:empty){margin-top:var(--stzh-space-medium)}}.stzh-ghettobox__close.sc-stzh-ghettobox{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{margin-left:var(--stzh-space-small)}}.stzh-ghettobox__close-button.sc-stzh-ghettobox{top:var(--stzh-space-medium);right:var(--stzh-space-medium);position:absolute;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 1024px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox__close-button.sc-stzh-ghettobox{position:initial;top:initial;right:initial}}.stzh-ghettobox__close-icon.sc-stzh-ghettobox{--size:var(--stzh-icon-size-medium);color:var(--close-color)}";const z=class{constructor(h){t(this,h),this.externalLinkSelector='a[rel*="external"], a.external, a.extern',this.externalLinkIcon="external-link"}addExternalLinkIcons(){this.externalLinks.forEach((t=>{t.classList.add("stzh-richtext__external-link");const h=document.createElement("span");h.classList.add("stzh-richtext__external-icon-wrapper");const s=document.createElement("stzh-icon");s.classList.add("stzh-richtext__external-icon"),s.name=this.externalLinkIcon,h.appendChild(s),t.appendChild(h)}))}componentDidRender(){this.externalLinks=Array.from(this.element.querySelectorAll(this.externalLinkSelector)),this.addExternalLinkIcons()}render(){return s(e,null,s("div",{class:{"stzh-richtext":!0}},s("slot",null)))}get element(){return i(this)}};z.style='@charset "UTF-8";.sc-stzh-richtext-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-richtext-h{display:none}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);margin:0}.sc-stzh-richtext-h .sc-stzh-richtext-s b,.sc-stzh-richtext-h .sc-stzh-richtext-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s i,.sc-stzh-richtext-h .sc-stzh-richtext-s em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3{color:var(--stzh-heading-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{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)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-xsmall);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xbig)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ul ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ul dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ul stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ol dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ol stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ul,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl dl,.sc-stzh-richtext-h .sc-stzh-richtext-s dl stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ul,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ol,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list stzh-list{margin-top:0;margin-bottom:0}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xbig)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-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-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl{list-style:none;padding-left:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ol{counter-reset:li-counter}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{display:inline-block;position:absolute;left:0;top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before{content:"–"}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{content:counter(li-counter) ". "}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-large);color:var(--stzh-richttext-blockquote-color);position:relative}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote:before{background:var(--stzh-richttext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-top:0;margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before,.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{display:inline-block}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before{content:"«"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{content:"»"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));color:var(--stzh-richttext-blockquote-footer-color)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.sc-stzh-richtext-h .sc-stzh-richtext-s a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s a:focus{color:var(--stzh-link-hover-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s a .stzh-richtext__external-link{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s a .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size-default);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s a .stzh-richtext__external-icon{--icon:var(--stzh-icon-size-default);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size-default);height:var(--stzh-icon-size-default)}.sc-stzh-richtext-h .sc-stzh-richtext-s>*:first-child{margin-top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s>*:last-child{margin-bottom:0}';export{n as stzh_ghettobox,z as stzh_richtext}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as o,h as s,a as t,g as e}from"./p-65282c9d.js";const h=class{constructor(s){r(this,s),this.stzhClick=o(this,"stzhClick",7),this.stzhRemove=o(this,"stzhRemove",7),this.stzhFocus=o(this,"stzhFocus",7),this.stzhBlur=o(this,"stzhBlur",7),this.label="",this.icon="",this.removable=!1,this.variant="tag",this.size="default",this.type="default",this.counter="",this.removeLabel="",this.active=!1,this.disabled=!1,this.invert=!1,this.onFocus=r=>{const o=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(o),this.stzhFocus.emit({component:"stzh-chip",originalEvent:r})},this.onBlur=r=>{const o=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(o),this.stzhBlur.emit({component:"stzh-chip",originalEvent:r})},this.onClick=r=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:r})},this.onRemoveClick=r=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:r})}}async setFocus(){this.chip.focus()}render(){return s(t,null,s("div",{class:{"stzh-chip":!0,"stzh-chip--is-active":this.active,"stzh-chip--is-disabled":this.disabled,"stzh-chip--is-removable":this.removable,"stzh-chip--has-counter":!!this.counter,[`stzh-chip--type-${this.type}`]:!!this.type,[`stzh-chip--size-${this.size}`]:!!this.size,[`stzh-chip--${this.variant}`]:!!this.variant}},this.removable&&s("button",{class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button"},s("stzh-icon",{class:"stzh-chip__remove-icon",name:"close"})),s("button",{class:"stzh-chip__button",onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.disabled,type:"button"},s("div",{class:"stzh-chip__icon-wrapper"},this.icon?s("stzh-icon",{class:"stzh-chip__icon",name:this.icon}):s("slot",{name:"icon"})),s("div",{class:"stzh-chip__label"},this.label?this.label:s("slot",null)),this.counter&&s("div",{class:"stzh-chip__counter"},this.counter))))}get element(){return e(this)}};h.style=".sc-stzh-chip-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-chip-h{display:none}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-chip-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:2rem;--border:0.0625rem solid var(--stzh-color-grey13);--border-radius:1rem;--remove-color:var(--stzh-base-lead-color);--remove-border-radius:1.5rem;--background-color:var(--stzh-color-white);--icon-size:var(--stzh-icon-size-small);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-primary48);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border:var(--border);--hover-background-color:var(--stzh-color-primary8);--hover-remove-color:var(--hover-color);--hover-remove-background-color:var(--hover-background-color);--hover-icon-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-counter-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:-ms-inline-flexbox;display:inline-flex;border-radius:var(--border-radius)}[size=small].sc-stzh-chip-h{--height:1.5rem;--border-radius:0.75rem;--icon-size:var(--stzh-icon-size-xsmall)}[variant=input].sc-stzh-chip-h{--border:0.0625rem solid transparent;--background-color:var(--stzh-color-grey5);--hover-border:0.0625rem solid transparent}[variant=tag].sc-stzh-chip-h{--color:var(--stzh-base-color);--icon-color:var(--stzh-base-color);--counter-color:var(--stzh-base-color);--border:0.0625rem solid transparent;--background-color:var(--stzh-color-black8);--hover-color:var(--stzh-base-color);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-black8);--hover-icon-color:var(--stzh-base-color);--hover-counter-color:var(--stzh-base-color)}[type=secondary].sc-stzh-chip-h{--color:var(--stzh-base-lead-color);--counter-color:var(--stzh-color-grey40)}[type=important].sc-stzh-chip-h{--color:var(--stzh-color-error);--icon-color:var(--stzh-color-error);--counter-color:var(--stzh-color-error);--hover-color:var(--stzh-color-error);--hover-icon-color:var(--stzh-color-error);--hover-counter-color:var(--stzh-color-error)}[active].sc-stzh-chip-h:not([active=false]){--color:var(--stzh-color-white);--border:0.0625rem solid transparent;--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-white48);--icon-color:var(--stzh-color-white);--hover-color:var(--stzh-color-white);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-counter-color:var(--stzh-color-white48);--hover-icon-color:var(--stzh-color-white)}[variant=filter][invert].sc-stzh-chip-h:not([invert=false]):not([disabled]){--color:var(--stzh-color-white);--border:0.0625rem solid var(--stzh-color-white);--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-white48);--icon-color:var(--stzh-color-white);--hover-color:var(--stzh-color-white);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-primary48);--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-primary48);--hover-counter-color:var(--stzh-color-white48);--hover-icon-color:var(--stzh-color-white)}[variant=filter][invert].sc-stzh-chip-h:not([invert=false])[active]:not([active=false]):not([disabled]){--border:0.0625rem solid transparent;--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-chip-h:not([disabled=false]){--color:var(--stzh-color-grey25);--border:0.0625rem solid var(--stzh-base-border-color);--remove-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-white);--counter-color:var(--stzh-color-grey25);--icon-color:var(--stzh-color-grey25);--hover-color:var(--stzh-color-grey25);--hover-border:0.0625rem solid var(--stzh-base-border-color);--hover-background-color:var(--stzh-color-white);--hover-remove-color:var(--stzh-color-grey13);--hover-remove-background-color:transparent;--hover-counter-color:var(--stzh-color-grey25);--hover-icon-color:var(--stzh-color-grey25)}.sc-stzh-chip-h .sc-stzh-chip-s>stzh-icon,.stzh-chip__icon.sc-stzh-chip{--size:var(--icon-size)}.stzh-chip.sc-stzh-chip{position:relative;white-space:nowrap}.stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);height:var(--height);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);padding:0 var(--stzh-space-medium);color:var(--color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed)}.stzh-chip__icon-wrapper.sc-stzh-chip{display:-ms-flexbox;display:flex;color:var(--icon-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-chip__counter.sc-stzh-chip{display:-ms-flexbox;display:flex;font-variant-numeric:tabular-nums;margin-left:var(--stzh-space-xsmall);color:var(--counter-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-chip__remove.sc-stzh-chip{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;width:var(--height);height:var(--height);border-radius:var(--remove-border-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:var(--stzh-space-xxsmall);color:var(--remove-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed)}.stzh-chip__remove.sc-stzh-chip:hover{color:var(--hover-remove-color);background-color:var(--hover-remove-background-color)}.stzh-chip__remove-icon.sc-stzh-chip{--size:var(--stzh-icon-size-xxsmall)}.stzh-chip__button.sc-stzh-chip:hover,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color);border:var(--hover-border)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__counter.sc-stzh-chip{color:var(--hover-counter-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__icon-wrapper.sc-stzh-chip{color:var(--hover-icon-color)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0 var(--stzh-space-small)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--stzh-space-xxsmall)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__counter.sc-stzh-chip{margin-left:var(--stzh-space-xxsmall)}.stzh-chip--is-removable.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{padding-right:calc(var(--height) + var(--stzh-space-xxsmall))}.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__button.sc-stzh-chip,.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__remove.sc-stzh-chip{cursor:not-allowed}";export{h as stzh_chip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,a,e,s){function r(t){return t instanceof e?t:new e((function(a){a(t)}))}return new(e||(e=Promise))((function(e,i){function n(t){try{c(s.next(t))}catch(a){i(a)}}function h(t){try{c(s["throw"](t))}catch(a){i(a)}}function c(t){t.done?e(t.value):r(t.value).then(n,h)}c((s=s.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,n;return n={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function h(t){return function(a){return c([t,a])}}function c(n){if(s)throw new TypeError("Generator is already executing.");while(e)try{if(s=1,r&&(i=n[0]&2?r["return"]:n[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,n[1])).done)return i;if(r=0,i)n=[n[0]&2,i.value];switch(n[0]){case 0:case 1:i=n;break;case 4:e.label++;return{value:n[1],done:false};case 5:e.label++;r=n[1];n=[0];continue;case 7:n=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(n[0]===6||n[0]===2)){e=0;continue}if(n[0]===3&&(!i||n[1]>i[0]&&n[1]<i[3])){e.label=n[1];break}if(n[0]===6&&e.label<i[1]){e.label=i[1];i=n;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(n);break}if(i[2])e.ops.pop();e.trys.pop();continue}n=a.call(t,e)}catch(h){n=[6,h];r=0}finally{s=i=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-30b347ee.system.js","./p-a408bfba.system.js"],(function(t){"use strict";var a,e,s,r,i;return{setters:[function(t){a=t.r;e=t.h;s=t.a;r=t.g},function(t){i=t.f}],execute:function(){var n=".sc-stzh-saptcha-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-saptcha-h{display:none}.sc-stzh-saptcha-h *.sc-stzh-saptcha,.sc-stzh-saptcha-h *.sc-stzh-saptcha::before,.sc-stzh-saptcha-h *.sc-stzh-saptcha::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);background-color:var(--stzh-section-highlight-background-color)}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-saptcha__box.sc-stzh-saptcha{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-right:var(--stzh-space-xlarge)}}.stzh-saptcha__info.sc-stzh-saptcha,.stzh-saptcha__question.sc-stzh-saptcha{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-saptcha__answer.sc-stzh-saptcha{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-medium)}}";var h=0;var c=t("stzh_saptcha",function(){function t(t){a(this,t);this.numbers=[];this._numbers=[];this.value="";this.name="saptcha";this.invalid=false;this.disabled=false}t.prototype.numbersWatcher=function(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(a){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(a){switch(a.label){case 0:this.saptchaId="stzh-saptcha-".concat(h++);this.numbersWatcher(this.numbers);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,i(this.element,"saptcha")];case 1:t.localization=a.sent();a.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var a={"stzh-saptcha":true};return e(s,null,e("div",{class:a},e("div",{class:"stzh-saptcha__box"},e("div",{class:"stzh-saptcha__info",id:"".concat(this.saptchaId,"-info")},this.localization.info),e("div",{id:"".concat(this.saptchaId,"-question")},e("div",{class:"stzh-saptcha__question"},this.localization.question),e("div",{class:"stzh-saptcha__answer"},this._numbers.map((function(a,s){return e("span",{class:"stzh-saptcha__number"},a,s<t._numbers.length-1&&(s===t._numbers.length-2?t.localization.answerOr:", "))})))),e("stzh-input",{class:"stzh-saptcha__input",label:this.localization.answer,name:this.name,invalid:this.invalid,error:this.error,disabled:this.disabled,value:this.value,required:true,"show-marker":true,a11yDescribedby:"".concat(this.saptchaId,"-info ").concat(this.saptchaId,"-question")}))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{numbers:["numbersWatcher"],error:["errorWatcher"]}},enumerable:false,configurable:true});return t}());c.style=n}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,s,i){function r(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,a){function l(t){try{n(i.next(t))}catch(e){a(e)}}function c(t){try{n(i["throw"](t))}catch(e){a(e)}}function n(t){t.done?s(t.value):r(t.value).then(l,c)}n((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,l;return l={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function c(t){return function(e){return n([t,e])}}function n(l){if(i)throw new TypeError("Generator is already executing.");while(s)try{if(i=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;r=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(a=s.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){s.label=l[1];break}if(l[0]===6&&s.label<a[1]){s.label=a[1];a=l;break}if(a&&s.label<a[2]){s.label=a[2];s.ops.push(l);break}if(a[2])s.ops.pop();s.trys.pop();continue}l=e.call(t,s)}catch(c){l=[6,c];r=0}finally{i=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-30b347ee.system.js","./p-0230004d.system.js","./p-a408bfba.system.js"],(function(t){"use strict";var e,s,i,r,a,l;return{setters:[function(t){e=t.r;s=t.h;i=t.a;r=t.g},function(t){a=t.c},function(t){l=t.f}],execute:function(){var c=".sc-stzh-servicecard-list-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-servicecard-list-h{display:none}.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::before,.sc-stzh-servicecard-list-h *.sc-stzh-servicecard-list::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-servicecard-list-h .sc-stzh-servicecard-list-s>stzh-text[slot=description]{--color:inherit}.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 1024px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-servicecard-list__header.sc-stzh-servicecard-list{-ms-flex-direction:row;flex-direction:row}}.stzh-servicecard-list__description.sc-stzh-servicecard-list{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-servicecard-list__description.sc-stzh-servicecard-list{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-servicecard-list__description.sc-stzh-servicecard-list:not(:empty){margin-bottom:0}}.stzh-servicecard-list__switch.sc-stzh-servicecard-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}";var n=t("stzh_servicecard_list",function(){function t(t){var s=this;e(this,t);this.showToggleLink=false;this.sortableDisabled=false;this.sortableDataIdAttribute="data-id";this.sortableGhostClone=function(t){var e=a(t),s=e[0],i=e[1],r=e[2];if(i&&r&&i.tagName.toLowerCase()==="stzh-servicecard"){var l=i;var c=r;l.heading=c.heading;l.subtitle=c.subtitle;l.actions=c.actions;l.hideMovementActions=c.hideMovementActions}return s};this.allCollapsed=false;this.collapseClick=function(){var t=Array.from(s.element.querySelectorAll("stzh-servicecard"));t.forEach((function(t){if(t.collapsible){t.collapsed=!s.allCollapsed}}));s.allCollapsed=!s.allCollapsed};this.updateCollapsedState=function(){var t=Array.from(s.element.querySelectorAll("stzh-servicecard"));s.allCollapsed=!t.some((function(t){return!t.collapsed}))}}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,l(this.element,"servicecard-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t={"stzh-servicecard-list":true};return s(i,null,s("div",{class:t},s("div",{class:"stzh-servicecard-list__header"},s("div",{class:"stzh-servicecard-list__description"},s("slot",{name:"description"})),this.showToggleLink&&s("stzh-link",{class:"stzh-servicecard-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),s("stzh-sortable",{disabled:this.sortableDisabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},s("div",{class:"stzh-servicecard-list__cards",role:"list"},s("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());n.style=c}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-30b347ee.system.js"],(function(s){"use strict";var e,a,h;return{setters:[function(s){e=s.r;a=s.h;h=s.a}],execute:function(){var c=".sc-stzh-hspace-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-hspace-h{display:none}.sc-stzh-hspace-h *.sc-stzh-hspace,.sc-stzh-hspace-h *.sc-stzh-hspace::before,.sc-stzh-hspace-h *.sc-stzh-hspace::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-hspace-h{--space:var(--stzh-space-default);--around:0}.sc-stzh-hspace-h .sc-stzh-hspace-s>*{max-width:100%;padding-left:calc(var(--space) * var(--around));padding-right:calc(var(--space) * var(--around));margin:0}.sc-stzh-hspace-h .sc-stzh-hspace-s>*:not(:last-child){margin-right:calc(var(--space) * (1 - var(--around)))}.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-vspace,.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-hspace,.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-row,.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-container,.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-section{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}[around].sc-stzh-hspace-h{--around:1}[curve=tiny].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){[curve=tiny].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){[curve=tiny].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){[curve=tiny].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}[curve=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}@media screen and (min-width: 1024px){[curve=small].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}[curve=regular].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){[curve=regular].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){[curve=regular].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}[curve=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}@media screen and (min-width: 600px){[curve=medium].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){[curve=medium].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){[curve=medium].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}[curve=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}@media screen and (min-width: 600px){[curve=large].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){[curve=large].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){[curve=large].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}[curve=big].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){[curve=big].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){[curve=big].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}[curve=huge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){[curve=huge].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){[curve=huge].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){[curve=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}[size=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}[size=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}[size=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}[size=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}[size=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}[size=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}[size=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}[size=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}[size=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}[size=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}[size=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}[size=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}[size=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}[size=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}[size=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}[size=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}@media screen and (min-width: 600px){[size-small=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){[size-small=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){[size-small=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){[size-small=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 600px){[size-small=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){[size-small=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 600px){[size-small=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){[size-small=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){[size-small=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){[size-small=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){[size-small=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 600px){[size-small=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){[size-small=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){[size-small=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){[size-small=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 600px){[size-small=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 800px){[size-smallheader=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){[size-smallheader=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){[size-smallheader=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){[size-smallheader=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 800px){[size-smallheader=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){[size-smallheader=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 800px){[size-smallheader=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){[size-smallheader=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){[size-smallheader=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){[size-smallheader=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){[size-smallheader=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 800px){[size-smallheader=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){[size-smallheader=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){[size-smallheader=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){[size-smallheader=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 800px){[size-smallheader=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){[size-medium=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){[size-medium=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){[size-medium=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){[size-medium=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){[size-medium=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){[size-medium=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){[size-medium=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){[size-medium=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){[size-medium=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){[size-medium=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){[size-medium=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){[size-medium=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){[size-medium=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){[size-medium=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){[size-medium=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){[size-medium=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){[size-large=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){[size-large=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){[size-large=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){[size-large=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[size-large=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){[size-large=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){[size-large=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){[size-large=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){[size-large=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){[size-large=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){[size-large=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){[size-large=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){[size-large=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){[size-large=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){[size-large=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){[size-large=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){[size-ultra=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){[size-ultra=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){[size-ultra=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){[size-ultra=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){[size-ultra=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[size-ultra=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){[size-ultra=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){[size-ultra=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){[size-ultra=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){[size-ultra=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){[size-ultra=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){[size-ultra=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){[size-ultra=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){[size-ultra=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){[size-ultra=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){[size-ultra=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}.stzh-hspace.sc-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.sc-stzh-hspace:empty{width:var(--space)}.stzh-hspace--border-left.sc-stzh-hspace{border-left:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--border-right.sc-stzh-hspace{border-right:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--justify-center.sc-stzh-hspace{-ms-flex-pack:center;justify-content:center}.stzh-hspace--justify-end.sc-stzh-hspace{-ms-flex-pack:end;justify-content:flex-end}.stzh-hspace--justify-between.sc-stzh-hspace{-ms-flex-pack:justify;justify-content:space-between}.stzh-hspace--justify-around.sc-stzh-hspace{-ms-flex-pack:distribute;justify-content:space-around}.stzh-hspace--justify-evenly.sc-stzh-hspace{-ms-flex-pack:space-evenly;justify-content:space-evenly}";var i=s("stzh_hspace",function(){function s(s){e(this,s);this.curve="none";this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit";this.justify="start";this.around=false;this.border="none"}s.prototype.render=function(){var s;return a(h,null,a("div",{class:(s={"stzh-hspace":true},s["stzh-hspace--justify-".concat(this.justify)]=!!this.justify,s["stzh-hspace--border-".concat(this.border)]=!!this.border,s)},a("slot",null)))};return s}());i.style=c}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,a as o,c as r,F as e,g as n}from"./p-65282c9d.js";import{h as i}from"./p-1f57d28e.js";const h=class{constructor(s){t(this,s),this.label=""}render(){return s(o,null,s("div",{class:"stzh-badge"},this.label))}};h.style=".sc-stzh-badge-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-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{display:-ms-inline-flexbox;display:inline-flex}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--stzh-color-shiraz);color:var(--stzh-color-white);text-transform:uppercase}";const a=class{constructor(s){t(this,s),this.stzhFocus=r(this,"stzhFocus",7),this.stzhBlur=r(this,"stzhBlur",7),this.badge="",this.badgePosition="button",this.fullwidth=!1,this.size="default",this.textAlign="default",this.variant="default",this.icon="",this.iconPosition="left",this.href="",this.target="",this.type="button",this.disabled=!1,this.active=!1,this.label="",this.effect="default",this.iconOnly=!1,this.a11yDescribedby="",this.onFocus=t=>{const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhFocus.emit({component:"stzh-button",originalEvent:t})},this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-button",originalEvent:t})},this.onClick=t=>{this.disabled&&(t.stopPropagation(),t.preventDefault())}}async setFocus(){this.button.focus()}renderIcon(t){return s("div",{class:"stzh-button__icon-wrapper"},this.icon?s("stzh-icon",{class:"stzh-button__icon",name:this.icon}):s("slot",{name:"icon"}),this.badge&&"icon"===this.badgePosition&&t&&s("stzh-badge",{class:"stzh-button__badge",label:this.badge}))}renderContent(){return s("div",{class:"stzh-button__text"},this.label?this.label:s("slot",null))}renderInner(t){return s(e,null,s("div",{class:"stzh-button__inner",onClick:this.onClick},"left"===this.iconPosition&&this.renderIcon(t),this.renderContent(),"right"===this.iconPosition&&this.renderIcon(t)),this.badge&&("button"===this.badgePosition||!t)&&s("stzh-badge",{class:"stzh-button__badge",label:this.badge,onClick:this.onClick}))}render(){const t=i(this.element,"icon")||!!this.icon,r={"stzh-button":!0,"stzh-button--fullwidth":this.fullwidth,"stzh-button--has-icon":t,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-disabled":this.disabled,"stzh-button--is-active":this.active,[`stzh-button--effect-${this.effect}`]:!!this.effect,[`stzh-button--badge-position-${this.badgePosition}`]:!!this.badgePosition,[`stzh-button--align-${this.textAlign}`]:!!this.textAlign,[`stzh-button--size-${this.size}`]:!!this.size,[`stzh-button--${this.variant}`]:!!this.variant};return s(o,null,this.href?s("a",{ref:t=>this.button=t,href:this.disabled?null:this.href,target:this.target,class:r,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)):s("button",{ref:t=>this.button=t,class:r,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)))}get element(){return n(this)}};a.style='@charset "UTF-8";.sc-stzh-button-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-button-h{display:none}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-button-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:var(--stzh-form-input-height);--icon-size:var(--stzh-icon-size-small);--icon-text-margin:var(--stzh-space-small);--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:inline-block;border-radius:var(--stzh-button-border-radius)}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:var(--stzh-space-xxsmall) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{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;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);border:0.0625rem solid var(--border-color);cursor:pointer;text-decoration:none;width:100%;min-width:var(--height);height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{white-space:nowrap}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{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-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}';let c=0;const l=class{constructor(s){t(this,s),this.name="",this.a11yTitle=""}componentWillLoad(){this.iconId="stzh-icon-"+c++}render(){return s(o,null,this.name&&s("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?`${this.iconId}-title`:null},this.a11yTitle&&s("title",{id:`${this.iconId}-title`},this.a11yTitle),s("use",{href:`#stzh-icon-${this.name}`})))}};l.style=".sc-stzh-icon-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-icon-h{display:none}.sc-stzh-icon-h *.sc-stzh-icon,.sc-stzh-icon-h *.sc-stzh-icon::before,.sc-stzh-icon-h *.sc-stzh-icon::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-icon-h{--size:var(--stzh-icon-size-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:currentColor;vertical-align:text-top}.stzh-icon.sc-stzh-icon{width:var(--size);height:var(--size)}";export{h as stzh_badge,a as stzh_button,l as stzh_icon}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,a as e,g as s}from"./p-65282c9d.js";import{w as n}from"./p-df2bb358.js";import{s as r,a,b as c}from"./p-2a5855f8.js";const h=[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],d={duration:300,easing:"linear"},z=[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],l={duration:300,easing:"linear"};let m=0;const g=class{constructor(o){t(this,o),this.stzhOpen=i(this,"stzhOpen",7),this.stzhOpened=i(this,"stzhOpened",7),this.stzhClose=i(this,"stzhClose",7),this.stzhClosed=i(this,"stzhClosed",7),this.open=!1,this.disabled=!1,this.heading="",this.subtitle="",this.headingLevel="3",this.toggledByMethod=!1,this.handleHeaderClick=()=>{this.toggle()},this.onButtonKeydown=t=>{let i=null;"ArrowDown"===t.key?i="next":"ArrowUp"===t.key?i="prev":"Home"===t.key?i="first":"End"===t.key?i="last":"PageDown"===t.key&&t.ctrlKey?i="next":"PageUp"===t.key&&t.ctrlKey&&(i="prev"),i&&(t.preventDefault(),this.element.closest("stzh-accordion").setItemFocus(this.element,i))},this.onContentKeydown=t=>{if(!t.ctrlKey)return;let i=null;"PageDown"===t.key?i="next":"PageUp"===t.key&&(i="prev"),i&&(t.preventDefault(),this.element.closest("stzh-accordion").setItemFocus(this.element,i))}}async openWatcher(t){t?(this.toggledByMethod&&this.stzhOpen.emit({component:"stzh-accordion-item"}),await r(this.bodyElement),this.bodyElement.hidden=!1,await a(this.bodyElement,c(h,this.bodyElement.scrollHeight),d),this.bodyElement.style.height="auto",this.toggledByMethod&&this.stzhOpened.emit({component:"stzh-accordion-item"})):(this.toggledByMethod&&this.stzhClose.emit({component:"stzh-accordion-item"}),await r(this.bodyElement),await a(this.bodyElement,c(z,this.bodyElement.scrollHeight),l),this.bodyElement.hidden=!0,this.bodyElement.style.height="auto",this.toggledByMethod&&this.stzhClosed.emit({component:"stzh-accordion-item"})),this.toggledByMethod=!1}async show(){if(!this.open&&!this.disabled)return this.toggledByMethod=!0,this.open=!0,n(this.element,"stzhOpened")}async hide(){const t=this.element.closest("stzh-accordion");if(this.open&&!this.disabled&&(!t||t.collapsible))return this.toggledByMethod=!0,this.open=!1,n(this.element,"stzhClosed")}async toggle(){return this.open?await this.hide():await this.show()}async setFocus(){this.buttonElement.focus()}componentWillLoad(){this.accordionItemId="stzh-accordion-item-"+m++}componentDidLoad(){this.bodyElement.hidden=!this.open,this.bodyElement.style.height=this.open?"auto":"0"}render(){return o(e,null,o("div",{class:{"stzh-accordion-item":!0,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled}},o(`h${this.headingLevel}`,{id:`${this.accordionItemId}-header`,class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},o("button",{ref:t=>this.buttonElement=t,class:"stzh-accordion-item__button","aria-controls":`${this.accordionItemId}-content`,"aria-expanded":this.open?"true":"false",disabled:this.disabled,onKeyDown:this.onButtonKeydown,type:"button"},o("span",{class:"stzh-accordion-item__button-text"},o("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),o("span",{class:"stzh-accordion-item__heading"},this.heading)),o("span",{class:"stzh-accordion-item__button-icon"}))),o("div",{id:`${this.accordionItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-accordion-item__content","aria-labelledby":`${this.accordionItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},o("div",{class:"stzh-accordion-item__content-inner"},o("slot",null)))))}get element(){return s(this)}static get watchers(){return{open:["openWatcher"]}}};g.style='.sc-stzh-accordion-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-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background)}.stzh-accordion-item__heading.sc-stzh-accordion-item{margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__subtitle.sc-stzh-accordion-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}';export{g as stzh_accordion_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const o=function(){window.stzhComponents=Object.assign({version:"1.5.0-alpha",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}
|