@oiz/stzh-components 2.4.0-beta → 2.5.0-alpha-carousel
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/{_commonjsHelpers-dcc4cf71.js → _commonjsHelpers-bcc1208a.js} +0 -16
- package/dist/cjs/app-globals-d7bd37fe.js +889 -0
- package/dist/cjs/{js.cookie-226c94ed.js → js.cookie-9c263d23.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/stzh-actions.cjs.entry.js +3 -1
- package/dist/cjs/stzh-actionset.cjs.entry.js +11 -6
- package/dist/cjs/stzh-appnav.cjs.entry.js +3 -1
- package/dist/cjs/stzh-badge_3.cjs.entry.js +20 -8
- package/dist/cjs/stzh-calendar.cjs.entry.js +1 -1
- package/dist/cjs/stzh-card_3.cjs.entry.js +36 -29
- package/dist/cjs/stzh-carousel.cjs.entry.js +522 -0
- package/dist/cjs/stzh-chart.cjs.entry.js +5998 -5171
- package/dist/cjs/stzh-checkboxgroup.cjs.entry.js +3 -1
- package/dist/cjs/stzh-chip_2.cjs.entry.js +82 -5
- package/dist/cjs/stzh-components.cjs.js +2 -2
- package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datalist_2.cjs.entry.js +10 -3
- package/dist/cjs/stzh-datamessagelist-item.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datatable.cjs.entry.js +16 -4
- package/dist/cjs/stzh-datepicker_3.cjs.entry.js +3 -1
- package/dist/cjs/stzh-dialog.cjs.entry.js +16 -13
- package/dist/cjs/stzh-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/stzh-footer.cjs.entry.js +3 -1
- package/dist/cjs/stzh-ghettobox_2.cjs.entry.js +17 -4
- package/dist/cjs/stzh-header.cjs.entry.js +32 -27
- package/dist/cjs/stzh-hspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-input.cjs.entry.js +1 -1
- package/dist/cjs/stzh-invert.cjs.entry.js +1 -1
- package/dist/cjs/stzh-link.cjs.entry.js +15 -4
- package/dist/cjs/stzh-loader.cjs.entry.js +1 -1
- package/dist/cjs/stzh-menu_2.cjs.entry.js +2 -2
- package/dist/cjs/stzh-message.cjs.entry.js +2 -2
- package/dist/cjs/stzh-metanav.cjs.entry.js +3 -1
- package/dist/cjs/stzh-microsite-teaserlist.cjs.entry.js +1 -1
- package/dist/cjs/stzh-olmap.cjs.entry.js +1 -1
- package/dist/cjs/stzh-page-skiplinks.cjs.entry.js +3 -1
- package/dist/cjs/stzh-pagetitle-hero.cjs.entry.js +4 -2
- package/dist/cjs/stzh-pagetitle.cjs.entry.js +3 -1
- package/dist/cjs/stzh-popover.cjs.entry.js +1 -1
- package/dist/cjs/stzh-portal-mitwirken.cjs.entry.js +1 -1
- package/dist/cjs/stzh-readspeaker.cjs.entry.js +3 -1
- package/dist/cjs/stzh-sortable.cjs.entry.js +4 -2
- package/dist/cjs/stzh-space.cjs.entry.js +1 -1
- package/dist/cjs/stzh-sticky.cjs.entry.js +3 -1
- package/dist/cjs/stzh-table.cjs.entry.js +14 -4
- package/dist/cjs/stzh-upload.cjs.entry.js +1 -1
- package/dist/cjs/stzh-vbz-linechip.cjs.entry.js +1 -1
- package/dist/cjs/stzh-vbz-ticker.cjs.entry.js +16 -11
- package/dist/cjs/stzh-vspace.cjs.entry.js +1 -1
- package/dist/collection/assets/i18n/de.json +10 -0
- package/dist/collection/assets/i18n/en.json +11 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/stzh-actions/stzh-actions.js +3 -1
- package/dist/collection/components/stzh-actionset/stzh-actionset.js +11 -33
- package/dist/collection/components/stzh-appnav/stzh-appnav.js +3 -1
- package/dist/collection/components/stzh-button/stzh-button.css +16 -1
- package/dist/collection/components/stzh-button/stzh-button.js +73 -7
- package/dist/collection/components/stzh-calendar/stzh-calendar.css +1 -1
- package/dist/collection/components/stzh-card/stzh-card.css +34 -9
- package/dist/collection/components/stzh-card/stzh-card.js +52 -54
- package/dist/collection/components/stzh-carousel/stzh-carousel.css +253 -0
- package/dist/collection/components/stzh-carousel/stzh-carousel.js +966 -0
- package/dist/collection/components/stzh-carousel/stzh-carousel.localization.js +1 -0
- package/dist/collection/components/stzh-carousel/stzh-carousel.stories.js +138 -0
- package/dist/collection/components/stzh-chart/stzh-chart.css +101 -54
- package/dist/collection/components/stzh-chart/stzh-chart.stories.js +1 -0
- package/dist/collection/components/stzh-checkboxgroup/stzh-checkboxgroup.js +3 -1
- package/dist/collection/components/stzh-chip/stzh-chip.css +19 -17
- package/dist/collection/components/stzh-chip/stzh-chip.js +2 -1
- package/dist/collection/components/stzh-chip-select/stzh-chip-select.css +1 -1
- package/dist/collection/components/stzh-clamp/stzh-clamp.css +46 -160
- package/dist/collection/components/stzh-clamp/stzh-clamp.js +218 -8
- package/dist/collection/components/stzh-clamp/stzh-clamp.localization.js +1 -0
- package/dist/collection/components/stzh-clamp/stzh-clamp.stories.js +1 -1
- package/dist/collection/components/stzh-cspace/stzh-cspace.css +36 -0
- package/dist/collection/components/stzh-datalist/stzh-datalist.js +18 -18
- package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css +11 -0
- package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js +28 -1
- package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.css +10 -0
- package/dist/collection/components/stzh-datatable/stzh-datatable.js +15 -12
- package/dist/collection/components/stzh-dialog/stzh-dialog.css +2 -2
- package/dist/collection/components/stzh-dialog/stzh-dialog.js +15 -12
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.css +1 -1
- package/dist/collection/components/stzh-footer/stzh-footer.js +3 -1
- package/dist/collection/components/stzh-ghettobox/stzh-ghettobox.js +3 -1
- package/dist/collection/components/stzh-header/stzh-header.js +32 -45
- package/dist/collection/components/stzh-hspace/stzh-hspace.css +4 -0
- package/dist/collection/components/stzh-input/stzh-input.css +1 -1
- package/dist/collection/components/stzh-input/stzh-input.stories.js +12 -12
- package/dist/collection/components/stzh-invert/stzh-invert.css +4 -4
- package/dist/collection/components/stzh-link/stzh-link.css +11 -0
- package/dist/collection/components/stzh-link/stzh-link.js +68 -3
- package/dist/collection/components/stzh-loader/stzh-loader.css +4 -4
- package/dist/collection/components/stzh-menu-item/stzh-menu-item.js +27 -27
- package/dist/collection/components/stzh-metanav/stzh-metanav.js +3 -1
- package/dist/collection/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js +1 -1
- package/dist/collection/components/stzh-page-skiplinks/stzh-page-skiplinks.js +3 -1
- package/dist/collection/components/stzh-pagetitle/stzh-pagetitle.js +3 -1
- package/dist/collection/components/stzh-pagetitle-hero/stzh-pagetitle-hero.css +4 -4
- package/dist/collection/components/stzh-pagetitle-hero/stzh-pagetitle-hero.js +3 -1
- package/dist/collection/components/stzh-popover/stzh-popover.css +3 -3
- package/dist/collection/components/stzh-portal-mitwirken/stzh-portal-mitwirken.css +118 -12
- package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.js +3 -1
- package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.js +3 -1
- package/dist/collection/components/stzh-richtext/stzh-richtext.css +14 -3
- package/dist/collection/components/stzh-richtext/stzh-richtext.js +32 -0
- package/dist/collection/components/stzh-sortable/stzh-sortable.css +1 -1
- package/dist/collection/components/stzh-sortable/stzh-sortable.js +3 -1
- package/dist/collection/components/stzh-space/stzh-space.css +4 -0
- package/dist/collection/components/stzh-sticky/stzh-sticky.js +3 -1
- package/dist/collection/components/stzh-table/stzh-table.js +14 -13
- package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.js +16 -11
- package/dist/collection/components/stzh-vspace/stzh-vspace.css +4 -0
- package/dist/collection/global/js/script.js +2 -0
- package/dist/components/_commonjsHelpers.js +1 -16
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +835 -1
- package/dist/components/stzh-actions.js +3 -1
- package/dist/components/stzh-actionset2.js +12 -7
- package/dist/components/stzh-appnav.js +3 -1
- package/dist/components/stzh-button2.js +23 -8
- package/dist/components/stzh-calendar2.js +1 -1
- package/dist/components/stzh-card2.js +37 -29
- package/dist/components/stzh-carousel.d.ts +11 -0
- package/dist/components/stzh-carousel.js +568 -0
- package/dist/components/stzh-chart.js +5995 -5168
- package/dist/components/stzh-checkboxgroup.js +3 -1
- package/dist/components/stzh-chip-select2.js +21 -9
- package/dist/components/stzh-chip2.js +19 -6
- package/dist/components/stzh-clamp2.js +110 -11
- package/dist/components/stzh-cspace.js +1 -1
- package/dist/components/stzh-datalist-item2.js +10 -2
- package/dist/components/stzh-datalist2.js +3 -3
- package/dist/components/stzh-datamessagelist-item.js +17 -11
- package/dist/components/stzh-datatable.js +16 -4
- package/dist/components/stzh-dialog.js +16 -13
- package/dist/components/stzh-dropdown2.js +1 -1
- package/dist/components/stzh-footer.js +3 -1
- package/dist/components/stzh-ghettobox2.js +3 -1
- package/dist/components/stzh-header.js +33 -28
- package/dist/components/stzh-hspace.js +1 -1
- package/dist/components/stzh-input2.js +1 -1
- package/dist/components/stzh-invert.js +1 -1
- package/dist/components/stzh-link2.js +18 -4
- package/dist/components/stzh-loader2.js +1 -1
- package/dist/components/stzh-menu-item2.js +4 -4
- package/dist/components/stzh-metanav.js +3 -1
- package/dist/components/stzh-microsite-teaserlist.js +1 -1
- package/dist/components/stzh-page-skiplinks.js +3 -1
- package/dist/components/stzh-pagetitle-hero.js +4 -2
- package/dist/components/stzh-pagetitle.js +3 -1
- package/dist/components/stzh-popover2.js +1 -1
- package/dist/components/stzh-portal-mitwirken.js +1 -1
- package/dist/components/stzh-radiogroup2.js +3 -1
- package/dist/components/stzh-readspeaker.js +3 -1
- package/dist/components/stzh-richtext2.js +14 -1
- package/dist/components/stzh-sortable2.js +4 -2
- package/dist/components/stzh-space.js +1 -1
- package/dist/components/stzh-sticky.js +3 -1
- package/dist/components/stzh-table.js +15 -5
- package/dist/components/stzh-upload.js +1 -1
- package/dist/components/stzh-vbz-ticker.js +16 -11
- package/dist/components/stzh-vspace.js +1 -1
- package/dist/esm/{_commonjsHelpers-f9dc4873.js → _commonjsHelpers-ba3f0406.js} +1 -16
- package/dist/esm/app-globals-62e1178d.js +887 -0
- package/dist/esm/{js.cookie-53735b72.js → js.cookie-28a40640.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/stzh-actions.entry.js +3 -1
- package/dist/esm/stzh-actionset.entry.js +11 -6
- package/dist/esm/stzh-appnav.entry.js +3 -1
- package/dist/esm/stzh-badge_3.entry.js +20 -8
- package/dist/esm/stzh-calendar.entry.js +1 -1
- package/dist/esm/stzh-card_3.entry.js +36 -29
- package/dist/esm/stzh-carousel.entry.js +518 -0
- package/dist/esm/stzh-chart.entry.js +5995 -5168
- package/dist/esm/stzh-checkboxgroup.entry.js +3 -1
- package/dist/esm/stzh-chip_2.entry.js +82 -5
- package/dist/esm/stzh-components.js +2 -2
- package/dist/esm/stzh-cspace.entry.js +1 -1
- package/dist/esm/stzh-datalist_2.entry.js +10 -3
- package/dist/esm/stzh-datamessagelist-item.entry.js +1 -1
- package/dist/esm/stzh-datatable.entry.js +16 -4
- package/dist/esm/stzh-datepicker_3.entry.js +3 -1
- package/dist/esm/stzh-dialog.entry.js +16 -13
- package/dist/esm/stzh-dropdown.entry.js +2 -2
- package/dist/esm/stzh-footer.entry.js +3 -1
- package/dist/esm/stzh-ghettobox_2.entry.js +17 -4
- package/dist/esm/stzh-header.entry.js +32 -27
- package/dist/esm/stzh-hspace.entry.js +1 -1
- package/dist/esm/stzh-input.entry.js +1 -1
- package/dist/esm/stzh-invert.entry.js +1 -1
- package/dist/esm/stzh-link.entry.js +15 -4
- package/dist/esm/stzh-loader.entry.js +1 -1
- package/dist/esm/stzh-menu_2.entry.js +2 -2
- package/dist/esm/stzh-message.entry.js +2 -2
- package/dist/esm/stzh-metanav.entry.js +3 -1
- package/dist/esm/stzh-microsite-teaserlist.entry.js +1 -1
- package/dist/esm/stzh-olmap.entry.js +1 -1
- package/dist/esm/stzh-page-skiplinks.entry.js +3 -1
- package/dist/esm/stzh-pagetitle-hero.entry.js +4 -2
- package/dist/esm/stzh-pagetitle.entry.js +3 -1
- package/dist/esm/stzh-popover.entry.js +1 -1
- package/dist/esm/stzh-portal-mitwirken.entry.js +1 -1
- package/dist/esm/stzh-readspeaker.entry.js +3 -1
- package/dist/esm/stzh-sortable.entry.js +4 -2
- package/dist/esm/stzh-space.entry.js +1 -1
- package/dist/esm/stzh-sticky.entry.js +3 -1
- package/dist/esm/stzh-table.entry.js +14 -4
- package/dist/esm/stzh-upload.entry.js +1 -1
- package/dist/esm/stzh-vbz-linechip.entry.js +1 -1
- package/dist/esm/stzh-vbz-ticker.entry.js +16 -11
- package/dist/esm/stzh-vspace.entry.js +1 -1
- package/dist/esm-es5/_commonjsHelpers-ba3f0406.js +1 -0
- package/dist/esm-es5/app-globals-62e1178d.js +1 -0
- package/dist/esm-es5/{js.cookie-53735b72.js → js.cookie-28a40640.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/stzh-actions.entry.js +1 -1
- package/dist/esm-es5/stzh-actionset.entry.js +1 -1
- package/dist/esm-es5/stzh-appnav.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_3.entry.js +1 -1
- package/dist/esm-es5/stzh-carousel.entry.js +1 -0
- package/dist/esm-es5/stzh-chart.entry.js +3 -3
- package/dist/esm-es5/stzh-checkboxgroup.entry.js +1 -1
- package/dist/esm-es5/stzh-chip_2.entry.js +1 -1
- package/dist/esm-es5/stzh-components.js +1 -1
- package/dist/esm-es5/stzh-cspace.entry.js +1 -1
- package/dist/esm-es5/stzh-datalist_2.entry.js +1 -1
- package/dist/esm-es5/stzh-datamessagelist-item.entry.js +1 -1
- package/dist/esm-es5/stzh-datatable.entry.js +2 -2
- package/dist/esm-es5/stzh-datepicker_3.entry.js +1 -1
- package/dist/esm-es5/stzh-dialog.entry.js +1 -1
- package/dist/esm-es5/stzh-dropdown.entry.js +2 -2
- package/dist/esm-es5/stzh-footer.entry.js +1 -1
- package/dist/esm-es5/stzh-ghettobox_2.entry.js +1 -1
- package/dist/esm-es5/stzh-header.entry.js +1 -1
- package/dist/esm-es5/stzh-hspace.entry.js +1 -1
- package/dist/esm-es5/stzh-input.entry.js +1 -1
- package/dist/esm-es5/stzh-invert.entry.js +1 -1
- package/dist/esm-es5/stzh-link.entry.js +1 -1
- package/dist/esm-es5/stzh-loader.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-microsite-teaserlist.entry.js +1 -1
- package/dist/esm-es5/stzh-olmap.entry.js +1 -1
- package/dist/esm-es5/stzh-page-skiplinks.entry.js +1 -1
- package/dist/esm-es5/stzh-pagetitle-hero.entry.js +1 -1
- package/dist/esm-es5/stzh-pagetitle.entry.js +1 -1
- package/dist/esm-es5/stzh-popover.entry.js +1 -1
- package/dist/esm-es5/stzh-portal-mitwirken.entry.js +1 -1
- package/dist/esm-es5/stzh-readspeaker.entry.js +1 -1
- package/dist/esm-es5/stzh-sortable.entry.js +2 -2
- package/dist/esm-es5/stzh-space.entry.js +1 -1
- package/dist/esm-es5/stzh-sticky.entry.js +1 -1
- package/dist/esm-es5/stzh-table.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-ticker.entry.js +1 -1
- package/dist/esm-es5/stzh-vspace.entry.js +1 -1
- package/dist/stzh-components/assets/i18n/de.json +10 -0
- package/dist/stzh-components/assets/i18n/en.json +11 -1
- package/dist/stzh-components/p-0a408348.entry.js +1 -0
- package/dist/stzh-components/{p-ff328114.system.entry.js → p-0c779613.system.entry.js} +1 -1
- package/dist/stzh-components/{p-55752bd5.system.entry.js → p-0e690e3e.system.entry.js} +1 -1
- package/dist/stzh-components/p-10b4fedd.system.entry.js +1 -0
- package/dist/stzh-components/p-14729939.entry.js +1 -0
- package/dist/stzh-components/p-1494b502.entry.js +1 -0
- package/dist/stzh-components/p-14d5a56d.entry.js +1 -0
- package/dist/stzh-components/p-205f5111.system.entry.js +1 -0
- package/dist/stzh-components/{p-c8cc2563.system.entry.js → p-263fd0bb.system.entry.js} +1 -1
- package/dist/stzh-components/p-2ed20db5.entry.js +1 -0
- package/dist/stzh-components/p-322e74e9.system.entry.js +1 -0
- package/dist/stzh-components/p-353294ce.entry.js +1 -0
- package/dist/stzh-components/p-396697db.system.entry.js +1 -0
- package/dist/stzh-components/p-3a73b8b5.system.js +1 -0
- package/dist/stzh-components/p-3af95b5d.entry.js +1 -0
- package/dist/stzh-components/p-3e8ff66b.js +1 -0
- package/dist/stzh-components/p-3f80ce87.entry.js +1 -0
- package/dist/stzh-components/{p-c2f909c1.system.entry.js → p-3fc51ad1.system.entry.js} +1 -1
- package/dist/stzh-components/p-4453449f.entry.js +1 -0
- package/dist/stzh-components/{p-6a94e520.system.entry.js → p-454e50f8.system.entry.js} +1 -1
- package/dist/stzh-components/{p-d54ff4d4.system.entry.js → p-47175c6f.system.entry.js} +1 -1
- package/dist/stzh-components/p-48d40c7c.system.entry.js +1 -0
- package/dist/stzh-components/{p-5c72664e.system.entry.js → p-4acb6752.system.entry.js} +1 -1
- package/dist/stzh-components/{p-b1ffc2a9.system.entry.js → p-4b995fe4.system.entry.js} +1 -1
- package/dist/stzh-components/{p-be97cb22.entry.js → p-4da7ebff.entry.js} +1 -1
- package/dist/stzh-components/p-4f8085e5.entry.js +1 -0
- package/dist/stzh-components/{p-2f4448c9.system.entry.js → p-558f336d.system.entry.js} +1 -1
- package/dist/stzh-components/p-5a4aef52.entry.js +1 -0
- package/dist/stzh-components/{p-484a366f.system.js → p-5db542ae.system.js} +1 -1
- package/dist/stzh-components/{p-72a62d0d.system.entry.js → p-6659b6f6.system.entry.js} +1 -1
- package/dist/stzh-components/{p-f3276ca5.system.entry.js → p-6a109ce9.system.entry.js} +1 -1
- package/dist/stzh-components/{p-1a98470f.system.entry.js → p-6a26c9eb.system.entry.js} +1 -1
- package/dist/stzh-components/p-6bc7f44a.entry.js +1 -0
- package/dist/stzh-components/{p-02d51685.entry.js → p-6ee87986.entry.js} +1 -1
- package/dist/stzh-components/p-7ff1640c.entry.js +1 -0
- package/dist/stzh-components/{p-26889a91.entry.js → p-814e5ae7.entry.js} +2 -2
- package/dist/stzh-components/p-821ca4af.system.entry.js +1 -0
- package/dist/stzh-components/{p-2b67b0b3.system.entry.js → p-884793dd.system.entry.js} +2 -2
- package/dist/stzh-components/{p-a32ae73a.system.entry.js → p-88fbb2fc.system.entry.js} +2 -2
- package/dist/stzh-components/p-8b16550d.entry.js +1 -0
- package/dist/stzh-components/{p-963a7526.system.entry.js → p-8c371d1d.system.entry.js} +1 -1
- package/dist/stzh-components/p-8eda017e.entry.js +1 -0
- package/dist/stzh-components/p-949f7885.system.js +1 -0
- package/dist/stzh-components/{p-6adc5f0c.system.entry.js → p-95bfbf67.system.entry.js} +1 -1
- package/dist/stzh-components/p-99d85a97.entry.js +1 -0
- package/dist/stzh-components/p-9a94b249.system.entry.js +1 -0
- package/dist/stzh-components/{p-32a03d1c.entry.js → p-9ed30a9f.entry.js} +1 -1
- package/dist/stzh-components/{p-febba79b.entry.js → p-9f29e6c3.entry.js} +1 -1
- package/dist/stzh-components/{p-67816aa4.entry.js → p-a0b2739a.entry.js} +1 -1
- package/dist/stzh-components/p-a2121744.system.entry.js +1 -0
- package/dist/stzh-components/p-a22ac109.entry.js +1 -0
- package/dist/stzh-components/p-a3bf419d.entry.js +1 -0
- package/dist/stzh-components/{p-c9c7d88a.entry.js → p-a47e205f.entry.js} +1 -1
- package/dist/stzh-components/p-aa2c81e6.system.entry.js +3 -0
- package/dist/stzh-components/{p-088b16c6.system.entry.js → p-abf13db9.system.entry.js} +1 -1
- package/dist/stzh-components/p-ad96eb50.entry.js +1 -0
- package/dist/stzh-components/p-ae7255f6.entry.js +1 -0
- package/dist/stzh-components/p-af05718d.system.entry.js +1 -0
- package/dist/stzh-components/p-af9aac53.entry.js +3 -0
- package/dist/stzh-components/{p-24b8df26.js → p-b10682ee.js} +1 -1
- package/dist/stzh-components/p-b4c28bf5.entry.js +1 -0
- package/dist/stzh-components/p-b4db3558.js +1 -0
- package/dist/stzh-components/p-b61f7404.entry.js +1 -0
- package/dist/stzh-components/p-b9adebdc.entry.js +1 -0
- package/dist/stzh-components/{p-c4c620fa.system.entry.js → p-b9bd42e6.system.entry.js} +1 -1
- package/dist/stzh-components/p-b9f784e4.system.entry.js +1 -0
- package/dist/stzh-components/{p-b92734db.entry.js → p-bcfba21f.entry.js} +1 -1
- package/dist/stzh-components/p-bd1a5d6d.system.entry.js +1 -0
- package/dist/stzh-components/p-c457dad2.system.entry.js +1 -0
- package/dist/stzh-components/{p-f8feb07b.entry.js → p-c80a9d50.entry.js} +1 -1
- package/dist/stzh-components/p-c9940c35.entry.js +1 -0
- package/dist/stzh-components/p-cab1a192.entry.js +1 -0
- package/dist/stzh-components/p-cd59cead.system.js +1 -0
- package/dist/stzh-components/{p-102e2bcd.system.entry.js → p-cd979ce9.system.entry.js} +1 -1
- package/dist/stzh-components/{p-512c38b3.system.entry.js → p-ce5db779.system.entry.js} +1 -1
- package/dist/stzh-components/p-d29fd401.entry.js +1 -0
- package/dist/stzh-components/{p-7e4261ce.system.entry.js → p-d5514e5b.system.entry.js} +1 -1
- package/dist/stzh-components/{p-51b3a560.system.entry.js → p-d585e8fd.system.entry.js} +1 -1
- package/dist/stzh-components/p-d5994419.system.entry.js +1 -0
- package/dist/stzh-components/p-d6e5f396.system.entry.js +1 -0
- package/dist/stzh-components/{p-444b2baf.entry.js → p-e085a0a0.entry.js} +1 -1
- package/dist/stzh-components/p-e1501622.system.entry.js +1 -0
- package/dist/stzh-components/p-e2d80ee3.entry.js +1 -0
- package/dist/stzh-components/p-e4aa12ba.system.entry.js +1 -0
- package/dist/stzh-components/p-e54f66ea.system.entry.js +1 -0
- package/dist/stzh-components/{p-d9ae09b5.entry.js → p-eb16ad0d.entry.js} +2 -2
- package/dist/stzh-components/p-eb1ea7f0.entry.js +1 -0
- package/dist/stzh-components/{p-e1b2785b.entry.js → p-ec87506f.entry.js} +1 -1
- package/dist/stzh-components/{p-309fc559.system.entry.js → p-ee20b95b.system.entry.js} +1 -1
- package/dist/stzh-components/p-f122e15d.system.entry.js +1 -0
- package/dist/stzh-components/{p-809ed955.system.entry.js → p-f27d1a06.system.entry.js} +1 -1
- package/dist/stzh-components/p-f449f909.entry.js +1 -0
- package/dist/stzh-components/{p-af67ea5e.entry.js → p-f4c0d928.entry.js} +1 -1
- package/dist/stzh-components/p-f725921a.entry.js +1 -0
- package/dist/stzh-components/p-fe1c8047.system.entry.js +1 -0
- package/dist/stzh-components/stzh-components.css +1 -1
- package/dist/stzh-components/stzh-components.esm.js +1 -1
- package/dist/stzh-components/stzh-components.js +1 -1
- package/dist/types/components/stzh-carousel/stzh-carousel.localization.d.ts +5 -0
- package/dist/types/components/stzh-clamp/stzh-clamp.localization.d.ts +5 -0
- package/dist/types/components.d.ts +250 -2
- package/dist/types/index.d.ts +20 -0
- package/dist/types/utils/translation-utils.d.ts +2 -0
- package/dist/vscode-data.json +106 -17
- package/package.json +6 -4
- package/dist/cjs/app-globals-57922fc2.js +0 -56
- package/dist/esm/app-globals-b848652e.js +0 -54
- package/dist/esm-es5/_commonjsHelpers-f9dc4873.js +0 -1
- package/dist/esm-es5/app-globals-b848652e.js +0 -1
- package/dist/stzh-components/p-07dc23a3.system.entry.js +0 -1
- package/dist/stzh-components/p-0ba944ab.entry.js +0 -1
- package/dist/stzh-components/p-12856e02.system.entry.js +0 -1
- package/dist/stzh-components/p-16c0b9ae.entry.js +0 -3
- package/dist/stzh-components/p-18e20038.entry.js +0 -1
- package/dist/stzh-components/p-1bcda13d.system.entry.js +0 -1
- package/dist/stzh-components/p-1d435dd8.system.entry.js +0 -1
- package/dist/stzh-components/p-1f74846f.entry.js +0 -1
- package/dist/stzh-components/p-29e9ad9f.system.entry.js +0 -1
- package/dist/stzh-components/p-30a9de85.system.entry.js +0 -1
- package/dist/stzh-components/p-37920e74.system.entry.js +0 -1
- package/dist/stzh-components/p-4633b93d.entry.js +0 -1
- package/dist/stzh-components/p-4c60da30.entry.js +0 -1
- package/dist/stzh-components/p-4eee30ea.system.entry.js +0 -1
- package/dist/stzh-components/p-532b4218.entry.js +0 -1
- package/dist/stzh-components/p-5d55a672.system.entry.js +0 -1
- package/dist/stzh-components/p-64cdef2f.entry.js +0 -1
- package/dist/stzh-components/p-65918f6f.system.js +0 -1
- package/dist/stzh-components/p-761ee059.entry.js +0 -1
- package/dist/stzh-components/p-798ac79c.entry.js +0 -1
- package/dist/stzh-components/p-7f857e56.entry.js +0 -1
- package/dist/stzh-components/p-84a6e023.system.entry.js +0 -1
- package/dist/stzh-components/p-89bd0d46.entry.js +0 -1
- package/dist/stzh-components/p-8caafed2.system.entry.js +0 -1
- package/dist/stzh-components/p-923dffc7.entry.js +0 -1
- package/dist/stzh-components/p-94662bed.system.js +0 -1
- package/dist/stzh-components/p-951b04ab.entry.js +0 -1
- package/dist/stzh-components/p-990f395b.entry.js +0 -1
- package/dist/stzh-components/p-99b82949.entry.js +0 -1
- package/dist/stzh-components/p-9be21c72.entry.js +0 -1
- package/dist/stzh-components/p-9c35c9cd.entry.js +0 -1
- package/dist/stzh-components/p-9c90535a.system.js +0 -1
- package/dist/stzh-components/p-9de8b25b.entry.js +0 -1
- package/dist/stzh-components/p-a11ef2d6.system.entry.js +0 -1
- package/dist/stzh-components/p-a691fe87.js +0 -1
- package/dist/stzh-components/p-a6be6aca.system.entry.js +0 -1
- package/dist/stzh-components/p-a6d4a8b1.js +0 -1
- package/dist/stzh-components/p-a7eb3e02.system.entry.js +0 -1
- package/dist/stzh-components/p-ae38f1d2.entry.js +0 -1
- package/dist/stzh-components/p-b04a9d0f.system.entry.js +0 -1
- package/dist/stzh-components/p-b422041d.entry.js +0 -1
- package/dist/stzh-components/p-b9372a2a.entry.js +0 -1
- package/dist/stzh-components/p-bb698e26.entry.js +0 -1
- package/dist/stzh-components/p-bc545121.entry.js +0 -1
- package/dist/stzh-components/p-c2a22eb8.entry.js +0 -1
- package/dist/stzh-components/p-cc722b35.system.entry.js +0 -3
- package/dist/stzh-components/p-d1cfe06b.entry.js +0 -1
- package/dist/stzh-components/p-d943e02c.system.entry.js +0 -1
- package/dist/stzh-components/p-db306e24.entry.js +0 -1
- package/dist/stzh-components/p-e4a8f1bc.system.entry.js +0 -1
- package/dist/stzh-components/p-ed783154.system.entry.js +0 -1
- package/dist/stzh-components/p-ee4b939a.entry.js +0 -1
- package/dist/stzh-components/p-f0e2a32d.entry.js +0 -1
- package/dist/stzh-components/p-fd15cc86.entry.js +0 -1
- package/dist/types/components/stzh-clamp/stzh-clamp.d.ts +0 -16
|
@@ -74,6 +74,12 @@ const StzhActionset = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
74
74
|
}
|
|
75
75
|
this.actionsCollapsed = this._actions.slice(newActionsVisible);
|
|
76
76
|
};
|
|
77
|
+
this.handleResize = () => {
|
|
78
|
+
if (this.debounceResize) {
|
|
79
|
+
window.cancelAnimationFrame(this.debounceResize);
|
|
80
|
+
}
|
|
81
|
+
this.debounceResize = requestAnimationFrame(this.update);
|
|
82
|
+
};
|
|
77
83
|
this.mediaChangeHandler = () => {
|
|
78
84
|
this.actionsCollapsed = [];
|
|
79
85
|
requestAnimationFrame(this.update);
|
|
@@ -97,12 +103,6 @@ const StzhActionset = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
97
103
|
this._actions = newValue;
|
|
98
104
|
}
|
|
99
105
|
}
|
|
100
|
-
handleLoad() {
|
|
101
|
-
if (this.debounceResize) {
|
|
102
|
-
window.cancelAnimationFrame(this.debounceResize);
|
|
103
|
-
}
|
|
104
|
-
this.debounceResize = requestAnimationFrame(this.update);
|
|
105
|
-
}
|
|
106
106
|
async componentWillLoad() {
|
|
107
107
|
this.actionsWatcher(this.actions);
|
|
108
108
|
if (!this.localization) {
|
|
@@ -111,9 +111,14 @@ const StzhActionset = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
111
111
|
}
|
|
112
112
|
connectedCallback() {
|
|
113
113
|
addMediaChangeListener(this.mediaChangeHandler);
|
|
114
|
+
this.resizeObserver = new ResizeObserver(this.handleResize);
|
|
115
|
+
this.resizeObserver.observe(this.element);
|
|
114
116
|
}
|
|
115
117
|
disconnectedCallback() {
|
|
116
118
|
removeMediaChangeListener(this.mediaChangeHandler);
|
|
119
|
+
if (this.resizeObserver) {
|
|
120
|
+
this.resizeObserver.disconnect();
|
|
121
|
+
}
|
|
117
122
|
}
|
|
118
123
|
componentDidLoad() {
|
|
119
124
|
this.update();
|
|
@@ -176,7 +181,7 @@ const StzhActionset = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
176
181
|
"dynamicActions": [32],
|
|
177
182
|
"isSmall": [32],
|
|
178
183
|
"isMedium": [32]
|
|
179
|
-
}
|
|
184
|
+
}]);
|
|
180
185
|
function defineCustomElement() {
|
|
181
186
|
if (typeof customElements === "undefined") {
|
|
182
187
|
return;
|
|
@@ -30,7 +30,9 @@ const StzhAppnav$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
disconnectedCallback() {
|
|
33
|
-
this.observer
|
|
33
|
+
if (this.observer) {
|
|
34
|
+
this.observer.disconnect();
|
|
35
|
+
}
|
|
34
36
|
}
|
|
35
37
|
render() {
|
|
36
38
|
return (h(Host, null, h("div", { class: "stzh-appnav" }, h("div", { class: "stzh-appnav__items", role: "list" }, h("slot", null)), this.appTitle &&
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { h as hasSlot } from './utils.js';
|
|
3
|
+
import { f as fetchTranslations } from './translation-utils.js';
|
|
3
4
|
import { d as defineCustomElement$2 } from './stzh-badge2.js';
|
|
4
5
|
import { d as defineCustomElement$1 } from './stzh-icon2.js';
|
|
5
6
|
|
|
6
|
-
const stzhButtonCss = "@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:calc(var(--stzh-space-xsmall) - 0.0625rem) var(--stzh-space-xlarge);--white-space:normal;--border-radius:var(--stzh-button-border-radius);--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));--floating-position:sticky;--floating-float:right;--floating-bottom:var(--stzh-space-medium);--floating-right:var(--stzh-space-medium);display:inline-block;border-radius:var(--border-radius)}@media screen and (min-width: 600px){.sc-stzh-button-h{--floating-bottom:var(--stzh-space-xlarge);--floating-right:var(--stzh-space-xlarge)}}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[rounded].sc-stzh-button-h:not([rounded=false]){--border-radius:var(--height)}[floating].sc-stzh-button-h:not([floating=false]){position:var(--floating-position);bottom:var(--floating-bottom);right:var(--floating-right);float:var(--floating-float)}[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:calc(var(--stzh-space-xxsmall) - 0.0625rem) 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);line-height:1.25;font-family:inherit;position:relative;z-index:0;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);min-height:var(--height);border-radius:var(--border-radius);text-align:left}.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{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:var(--white-space);text-align:center}.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__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-button__mark.sc-stzh-button{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed);width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__mark.sc-stzh-button::before{content:\"\"}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey61)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:transparent}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-black8)}.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--is-floating.sc-stzh-button{-webkit-box-shadow:var(--stzh-box-shadow-overlay);box-shadow:var(--stzh-box-shadow-overlay)}.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}";
|
|
7
|
+
const stzhButtonCss = "@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-width:0.0625rem;--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-radius:var(--stzh-button-border-radius);--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:calc(var(--stzh-space-xsmall) - 0.0625rem) var(--stzh-space-xlarge);--white-space:normal;--border-radius:var(--stzh-button-border-radius);--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));--floating-position:sticky;--floating-float:right;--floating-bottom:var(--stzh-space-medium);--floating-right:var(--stzh-space-medium);display:inline-block;border-radius:var(--border-radius)}@media screen and (min-width: 600px){.sc-stzh-button-h{--floating-bottom:var(--stzh-space-xlarge);--floating-right:var(--stzh-space-xlarge)}}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[rounded].sc-stzh-button-h:not([rounded=false]){--border-radius:var(--height)}[floating].sc-stzh-button-h:not([floating=false]){position:var(--floating-position);bottom:var(--floating-bottom);right:var(--floating-right);float:var(--floating-float)}[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:calc(var(--stzh-space-xxsmall) - 0.0625rem) 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);line-height:1.25;font-family:inherit;position:relative;z-index:0;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-style:solid;border-width:var(--border-width);border-color:var(--border-color);cursor:pointer;text-decoration:none;width:100%;min-width:var(--height);min-height:var(--height);border-radius:var(--border-radius);text-align:left}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__vhidden.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__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{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:var(--white-space);text-align:center}.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__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-button__mark.sc-stzh-button{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed);width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__mark.sc-stzh-button::before{content:\"\"}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey61)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:transparent}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-black8)}.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--is-floating.sc-stzh-button{-webkit-box-shadow:var(--stzh-box-shadow-overlay);box-shadow:var(--stzh-box-shadow-overlay)}.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}";
|
|
7
8
|
|
|
8
9
|
const StzhButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
10
|
constructor() {
|
|
@@ -51,6 +52,7 @@ const StzhButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
51
52
|
event.preventDefault();
|
|
52
53
|
}
|
|
53
54
|
};
|
|
55
|
+
this.localization = undefined;
|
|
54
56
|
this.badge = "";
|
|
55
57
|
this.badgeType = "default";
|
|
56
58
|
this.badgePosition = "button";
|
|
@@ -80,7 +82,9 @@ const StzhButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
80
82
|
this.a11yLabel = undefined;
|
|
81
83
|
this.a11yDescribedby = "";
|
|
82
84
|
this.a11yExpanded = undefined;
|
|
85
|
+
this.a11yDisabled = undefined;
|
|
83
86
|
this.a11yControls = undefined;
|
|
87
|
+
this.a11yTabindex = undefined;
|
|
84
88
|
}
|
|
85
89
|
/** Focus button */
|
|
86
90
|
async setFocus() {
|
|
@@ -94,13 +98,18 @@ const StzhButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
94
98
|
h("stzh-badge", { class: "stzh-button__badge", label: this.badge, type: this.badgeType })));
|
|
95
99
|
}
|
|
96
100
|
renderContent() {
|
|
97
|
-
return (h("div", { class: "stzh-button__text" }, this.label ? this.label : h("slot", null)));
|
|
101
|
+
return (h("div", { class: "stzh-button__text" }, this.rel && this.rel.includes('external') && h("div", { class: "stzh-button__vhidden" }, this.localization.$globals.externalLinkLabel), this.download && h("div", { class: "stzh-button__vhidden" }, this.localization.$globals.downloadLinkLabel), this.label ? this.label : h("slot", null)));
|
|
98
102
|
}
|
|
99
103
|
renderInner(iconUsed) {
|
|
100
104
|
return (h(Fragment, null, h("div", { class: "stzh-button__inner", onClick: this.onClick }, this.type === "radio" &&
|
|
101
105
|
h("div", { class: "stzh-button__mark" }, h("div", { class: "stzh-button__check" })), this.iconPosition === "left" && this.renderIcon(iconUsed), this.renderContent(), this.iconPosition === "right" && this.renderIcon(iconUsed)), (this.badge || this.badgeEmpty) && (this.badgePosition === "button" || !iconUsed) &&
|
|
102
106
|
h("stzh-badge", { class: "stzh-button__badge", label: this.badge, type: this.badgeType, onClick: this.onClick })));
|
|
103
107
|
}
|
|
108
|
+
async componentWillLoad() {
|
|
109
|
+
if (!this.localization) {
|
|
110
|
+
this.localization = await fetchTranslations(this.element, "button");
|
|
111
|
+
}
|
|
112
|
+
}
|
|
104
113
|
render() {
|
|
105
114
|
const iconUsed = hasSlot(this.element, "icon") || !!this.icon;
|
|
106
115
|
const classes = {
|
|
@@ -121,19 +130,23 @@ const StzhButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
121
130
|
[`stzh-button--${this.variant}`]: !!this.variant
|
|
122
131
|
};
|
|
123
132
|
return (h(Host, null, this.href ?
|
|
124
|
-
h("a", { ref: (el) => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, "aria-
|
|
125
|
-
? (this.
|
|
133
|
+
h("a", { ref: (el) => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, "aria-disabled": typeof this.a11yDisabled !== "undefined"
|
|
134
|
+
? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined"
|
|
135
|
+
? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))
|
|
126
136
|
:
|
|
127
137
|
this.type === "radio" ?
|
|
128
|
-
h("label", { ref: (el) => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: (el) => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, "aria-
|
|
129
|
-
? (this.
|
|
138
|
+
h("label", { ref: (el) => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: (el) => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, "aria-disabled": typeof this.a11yDisabled !== "undefined"
|
|
139
|
+
? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined"
|
|
140
|
+
? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))
|
|
130
141
|
:
|
|
131
|
-
h("button", { ref: (el) => (this.button = el), class: classes, type: this.type, disabled: this.disabled, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, "aria-
|
|
132
|
-
? (this.
|
|
142
|
+
h("button", { ref: (el) => (this.button = el), class: classes, type: this.type, disabled: this.disabled, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, "aria-disabled": typeof this.a11yDisabled !== "undefined"
|
|
143
|
+
? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined"
|
|
144
|
+
? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))));
|
|
133
145
|
}
|
|
134
146
|
get element() { return this; }
|
|
135
147
|
static get style() { return stzhButtonCss; }
|
|
136
148
|
}, [6, "stzh-button", {
|
|
149
|
+
"localization": [16],
|
|
137
150
|
"badge": [1],
|
|
138
151
|
"badgeType": [513, "badge-type"],
|
|
139
152
|
"badgePosition": [513, "badge-position"],
|
|
@@ -163,7 +176,9 @@ const StzhButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
163
176
|
"a11yLabel": [1, "a11y-label"],
|
|
164
177
|
"a11yDescribedby": [1, "a11y-describedby"],
|
|
165
178
|
"a11yExpanded": [516, "a11y-expanded"],
|
|
179
|
+
"a11yDisabled": [516, "a11y-disabled"],
|
|
166
180
|
"a11yControls": [1, "a11y-controls"],
|
|
181
|
+
"a11yTabindex": [1, "a11y-tabindex"],
|
|
167
182
|
"setFocus": [64]
|
|
168
183
|
}]);
|
|
169
184
|
function defineCustomElement() {
|
|
@@ -51,7 +51,7 @@ const StzhCalendarMonth = ({ selectedDate, focusedDate, labelledById, localizati
|
|
|
51
51
|
h(StzhCalendarDay, { day: day, today: today, focusedDay: focusedDate, isSelected: isEqual(day, selectedDate), disabled: isDateDisabled(day), inRange: inRange(day, min, max), onDaySelect: onDateSelect, dateFormatter: dateFormatter, onKeyboardNavigation: onKeyboardNavigation, focusedDayRef: focusedDayRef }))))))))));
|
|
52
52
|
};
|
|
53
53
|
|
|
54
|
-
const stzhCalendarCss = ".sc-stzh-calendar-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-calendar-h{display:none}.sc-stzh-calendar-h *.sc-stzh-calendar,.sc-stzh-calendar-h *.sc-stzh-calendar::before,.sc-stzh-calendar-h *.sc-stzh-calendar::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-calendar-h{display:block}.stzh-calendar.sc-stzh-calendar{display:-ms-flexbox;display:flex;position:relative;text-align:left;color:var(--stzh-base-color);-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stzh-calendar__wrapper.sc-stzh-calendar{width:100%}@media screen and (min-width: 600px){.stzh-calendar__wrapper.sc-stzh-calendar{min-width:18.125rem}}.stzh-calendar__table.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border-collapse:collapse;border-spacing:0;color:var(--stzh-base-color);text-align:center;width:100%}.stzh-calendar__table-header.sc-stzh-calendar,.stzh-calendar__cell.sc-stzh-calendar{padding:var(--stzh-space-xxxsmall)}.stzh-calendar__table-header.sc-stzh-calendar:first-child,.stzh-calendar__cell.sc-stzh-calendar:first-child{padding-left:0}.stzh-calendar__table-header.sc-stzh-calendar:last-child,.stzh-calendar__cell.sc-stzh-calendar:last-child{padding-right:0}.stzh-calendar__row.sc-stzh-calendar:last-child .stzh-calendar__cell.sc-stzh-calendar{padding-bottom:0}.stzh-calendar__table-header.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-decoration:none;padding-top:0}.stzh-calendar__cell.sc-stzh-calendar{text-align:center}.stzh-calendar__day.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;color:var(--stzh-base-color);cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;height:2.5rem;padding:0 0 0.0625rem;position:relative;text-align:center;vertical-align:middle;width:2.5rem;z-index:1}.stzh-calendar__day.sc-stzh-calendar::before{border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0}.stzh-calendar__day.is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));position:relative;z-index:200}.stzh-calendar__day.sc-stzh-calendar:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day.sc-stzh-calendar:hover::before{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.08}.stzh-calendar__day[aria-pressed=true].sc-stzh-calendar,.stzh-calendar__day.sc-stzh-calendar:focus{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-color-white)}.stzh-calendar__day.sc-stzh-calendar:active{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white);z-index:200}.stzh-calendar__day.sc-stzh-calendar:focus{z-index:200}.stzh-calendar__day.sc-stzh-calendar:not(.is-month){-webkit-box-shadow:none;box-shadow:none}.stzh-calendar__day.sc-stzh-calendar:not(.is-month),.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar{background:transparent;color:var(--stzh-color-grey25);cursor:default}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13);box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13)}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar:focus{-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar::before{display:none}.stzh-calendar__day.is-disabled.sc-stzh-calendar{text-decoration:line-through}.stzh-calendar__day.is-outside.sc-stzh-calendar{background:var(--stzh-color-grey5);-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-base-color);cursor:default;opacity:0.6;pointer-events:none;text-decoration:none}.stzh-calendar__day.is-outside.sc-stzh-calendar::before{display:none}.stzh-calendar__header.sc-stzh-calendar{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);width:100%}.stzh-calendar__nav.sc-stzh-calendar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-calendar__prev.sc-stzh-calendar,.stzh-calendar__next.sc-stzh-calendar{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:0.0625rem solid var(--stzh-color-grey13);border-radius:50%;color:var(--stzh-color-grey70);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;margin-left:var(--stzh-space-xsmall);padding:0;-webkit-transition:background-color 300ms ease;transition:background-color 300ms ease;height:2rem;width:2rem}.stzh-calendar__prev.sc-stzh-calendar:disabled,.stzh-calendar__next.sc-stzh-calendar:disabled{cursor:default;opacity:0.5}.stzh-calendar__select-wrapper.sc-stzh-calendar{display:-ms-inline-flexbox;display:inline-flex;position:relative}.stzh-calendar__select-wrapper.sc-stzh-calendar span.sc-stzh-calendar{margin-right:
|
|
54
|
+
const stzhCalendarCss = ".sc-stzh-calendar-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-calendar-h{display:none}.sc-stzh-calendar-h *.sc-stzh-calendar,.sc-stzh-calendar-h *.sc-stzh-calendar::before,.sc-stzh-calendar-h *.sc-stzh-calendar::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-calendar-h{display:block}.stzh-calendar.sc-stzh-calendar{display:-ms-flexbox;display:flex;position:relative;text-align:left;color:var(--stzh-base-color);-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stzh-calendar__wrapper.sc-stzh-calendar{width:100%}@media screen and (min-width: 600px){.stzh-calendar__wrapper.sc-stzh-calendar{min-width:18.125rem}}.stzh-calendar__table.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border-collapse:collapse;border-spacing:0;color:var(--stzh-base-color);text-align:center;width:100%}.stzh-calendar__table-header.sc-stzh-calendar,.stzh-calendar__cell.sc-stzh-calendar{padding:var(--stzh-space-xxxsmall)}.stzh-calendar__table-header.sc-stzh-calendar:first-child,.stzh-calendar__cell.sc-stzh-calendar:first-child{padding-left:0}.stzh-calendar__table-header.sc-stzh-calendar:last-child,.stzh-calendar__cell.sc-stzh-calendar:last-child{padding-right:0}.stzh-calendar__row.sc-stzh-calendar:last-child .stzh-calendar__cell.sc-stzh-calendar{padding-bottom:0}.stzh-calendar__table-header.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-decoration:none;padding-top:0}.stzh-calendar__cell.sc-stzh-calendar{text-align:center}.stzh-calendar__day.sc-stzh-calendar{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;color:var(--stzh-base-color);cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;height:2.5rem;padding:0 0 0.0625rem;position:relative;text-align:center;vertical-align:middle;width:2.5rem;z-index:1}.stzh-calendar__day.sc-stzh-calendar::before{border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0}.stzh-calendar__day.is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));position:relative;z-index:200}.stzh-calendar__day.sc-stzh-calendar:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day.sc-stzh-calendar:hover::before{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.08}.stzh-calendar__day[aria-pressed=true].sc-stzh-calendar,.stzh-calendar__day.sc-stzh-calendar:focus{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-color-white)}.stzh-calendar__day.sc-stzh-calendar:active{background:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white);z-index:200}.stzh-calendar__day.sc-stzh-calendar:focus{z-index:200}.stzh-calendar__day.sc-stzh-calendar:not(.is-month){-webkit-box-shadow:none;box-shadow:none}.stzh-calendar__day.sc-stzh-calendar:not(.is-month),.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar{background:transparent;color:var(--stzh-color-grey25);cursor:default}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13);box-shadow:0 0 0 0.0625rem var(--stzh-color-grey13)}.stzh-calendar__day[aria-disabled=true].is-today.sc-stzh-calendar:focus{-webkit-box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0.3125rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar::before{display:none}.stzh-calendar__day.is-disabled.sc-stzh-calendar{text-decoration:line-through}.stzh-calendar__day.is-outside.sc-stzh-calendar{background:var(--stzh-color-grey5);-webkit-box-shadow:none;box-shadow:none;color:var(--stzh-base-color);cursor:default;opacity:0.6;pointer-events:none;text-decoration:none}.stzh-calendar__day.is-outside.sc-stzh-calendar::before{display:none}.stzh-calendar__header.sc-stzh-calendar{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);width:100%}.stzh-calendar__nav.sc-stzh-calendar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-calendar__prev.sc-stzh-calendar,.stzh-calendar__next.sc-stzh-calendar{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:0.0625rem solid var(--stzh-color-grey13);border-radius:50%;color:var(--stzh-color-grey70);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;margin-left:var(--stzh-space-xsmall);padding:0;-webkit-transition:background-color 300ms ease;transition:background-color 300ms ease;height:2rem;width:2rem}.stzh-calendar__prev.sc-stzh-calendar:disabled,.stzh-calendar__next.sc-stzh-calendar:disabled{cursor:default;opacity:0.5}.stzh-calendar__select-wrapper.sc-stzh-calendar{display:-ms-inline-flexbox;display:inline-flex;position:relative}.stzh-calendar__select-wrapper.sc-stzh-calendar span.sc-stzh-calendar{margin-right:0px}.stzh-calendar__select.sc-stzh-calendar{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);cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2;border-radius:var(--stzh-form-input-border-radius)}.stzh-calendar__select-label.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);-ms-flex-align:center;align-items:center;border-radius:var(--stzh-form-input-border-radius);color:var(--stzh-color-grey70);display:-ms-flexbox;display:flex;padding:0 var(--stzh-space-xxsmall) 0 var(--stzh-space-xsmall);pointer-events:none;position:relative;width:100%;z-index:1}.stzh-calendar__icon.sc-stzh-calendar{--size:var(--stzh-icon-size-medium)}.stzh-calendar__vhidden.sc-stzh-calendar{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}";
|
|
55
55
|
|
|
56
56
|
function range(from, to) {
|
|
57
57
|
var result = [];
|
|
@@ -11,7 +11,7 @@ import { d as defineCustomElement$3 } from './stzh-menu-item2.js';
|
|
|
11
11
|
import { d as defineCustomElement$2 } from './stzh-popover2.js';
|
|
12
12
|
import { d as defineCustomElement$1 } from './stzh-tooltip2.js';
|
|
13
13
|
|
|
14
|
-
const stzhCardCss = ".sc-stzh-card-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-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border:0.0625rem solid var(--stzh-base-border-color);--border-radius:0.1875rem;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:var(--border-radius)}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}[href].sc-stzh-card-h:hover,[href].sc-stzh-card-h:focus-within,.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border:0.0625rem solid transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-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-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{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)}@media screen and (min-width: 600px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{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-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{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-card.sc-stzh-card{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;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-card.sc-stzh-card .vshow-medium.sc-stzh-card{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}}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--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-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-meta.sc-stzh-card:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;text-decoration:none}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{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-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:\",\";position:absolute;left:0}.stzh-card__content.sc-stzh-card{-ms-flex-positive:1;flex-grow:1}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer-arrow.sc-stzh-card{--size:var(--stzh-icon-size-medium);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-decoration:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-card--has-link.sc-stzh-card:hover .stzh-card__footer-arrow.sc-stzh-card{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;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-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .vhide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .vhide-when-collapsed.sc-stzh-card{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-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0;--badge-icon-text-margin:0}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}";
|
|
14
|
+
const stzhCardCss = ".sc-stzh-card-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-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border-color:var(--stzh-base-border-color);--border-radius:0.1875rem;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:var(--border-radius)}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:none}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:hover,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:focus-within,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-selected,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-chosen,.is-selected [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]),.is-chosen [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:var(--stzh-box-shadow-popover)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}[href].sc-stzh-card-h:hover,[href].sc-stzh-card-h:focus-within,.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border-color:transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-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-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{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)}@media screen and (min-width: 600px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{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-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{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-card.sc-stzh-card{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-width:0.0625rem;border-style:solid;border-color:var(--border-color);-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-card.sc-stzh-card .vshow-medium.sc-stzh-card{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}}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--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-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex}.stzh-card__header-meta.sc-stzh-card:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;text-decoration:none}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{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-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:\",\";position:absolute;left:0}.stzh-card__content.sc-stzh-card{-ms-flex-positive:1;flex-grow:1}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer-arrow.sc-stzh-card{--size:var(--stzh-icon-size-medium);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-decoration:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:\"\";z-index:1;display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__card-actions.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card .stzh-card__image-link.sc-stzh-card:hover+.stzh-card__content-wrapper.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:hover,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-link.sc-stzh-card:hover .stzh-card__footer-arrow.sc-stzh-card{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;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-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .vhide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .vhide-when-collapsed.sc-stzh-card{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-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}";
|
|
15
15
|
|
|
16
16
|
const StzhCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
17
17
|
constructor() {
|
|
@@ -116,6 +116,12 @@ const StzhCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
116
116
|
});
|
|
117
117
|
});
|
|
118
118
|
};
|
|
119
|
+
this.handleResize = () => {
|
|
120
|
+
if (this.debounceResize) {
|
|
121
|
+
window.cancelAnimationFrame(this.debounceResize);
|
|
122
|
+
}
|
|
123
|
+
this.debounceResize = requestAnimationFrame(this.update);
|
|
124
|
+
};
|
|
119
125
|
this.handleMutation = (entries) => {
|
|
120
126
|
this.init();
|
|
121
127
|
this.nodeChange(entries);
|
|
@@ -150,14 +156,9 @@ const StzhCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
150
156
|
this.collapsible = false;
|
|
151
157
|
this.hideHeaderBorder = false;
|
|
152
158
|
this.hideFooterBorder = false;
|
|
159
|
+
this.hideElevation = false;
|
|
153
160
|
this.hideMovementActions = false;
|
|
154
161
|
}
|
|
155
|
-
handleResize() {
|
|
156
|
-
if (this.debounceResize) {
|
|
157
|
-
window.cancelAnimationFrame(this.debounceResize);
|
|
158
|
-
}
|
|
159
|
-
this.debounceResize = requestAnimationFrame(this.update);
|
|
160
|
-
}
|
|
161
162
|
subtitleWatcher(newValue) {
|
|
162
163
|
if (typeof newValue === "string") {
|
|
163
164
|
try {
|
|
@@ -229,14 +230,35 @@ const StzhCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
229
230
|
childList: true,
|
|
230
231
|
subtree: true
|
|
231
232
|
});
|
|
233
|
+
this.resizeObserver = new ResizeObserver(this.handleResize);
|
|
234
|
+
this.resizeObserver.observe(this.element);
|
|
232
235
|
}
|
|
233
236
|
disconnectedCallback() {
|
|
234
|
-
this.observer
|
|
237
|
+
if (this.observer) {
|
|
238
|
+
this.observer.disconnect();
|
|
239
|
+
}
|
|
240
|
+
if (this.resizeObserver) {
|
|
241
|
+
this.resizeObserver.disconnect();
|
|
242
|
+
}
|
|
235
243
|
}
|
|
236
244
|
render() {
|
|
237
245
|
var _a, _b, _c;
|
|
238
246
|
const imageUsed = hasSlot(this.element, "image");
|
|
239
247
|
const contentUsed = hasSlot(this.element, "content");
|
|
248
|
+
const Subtitle = `${this.subtitleInteractive ? 'button' : 'span'}`;
|
|
249
|
+
const sortableChildElement = this.findSortableChildElement();
|
|
250
|
+
const isFirstItemInSortable = (sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement)
|
|
251
|
+
&& Array.from((_a = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _a === void 0 ? void 0 : _a.children)
|
|
252
|
+
.indexOf(sortableChildElement) === 0;
|
|
253
|
+
const isLastItemInSortable = (sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement)
|
|
254
|
+
&& Array.from((_b = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _b === void 0 ? void 0 : _b.children)
|
|
255
|
+
.indexOf(sortableChildElement) === ((_c = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _c === void 0 ? void 0 : _c.children.length) - 1;
|
|
256
|
+
const sortableEnabled = !this.sortableDisabled && this.sortable && !this.sortable.disabled;
|
|
257
|
+
const sortableActionsEnabled = sortableEnabled && !this.hideMovementActions;
|
|
258
|
+
const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);
|
|
259
|
+
// const headerActions = [
|
|
260
|
+
// ...this._headerActions
|
|
261
|
+
// ];
|
|
240
262
|
const classes = {
|
|
241
263
|
"stzh-card": true,
|
|
242
264
|
"stzh-card--has-link": !!this.href,
|
|
@@ -249,25 +271,10 @@ const StzhCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
249
271
|
"stzh-card--is-collapsible": this.collapsible,
|
|
250
272
|
"stzh-card--is-collapsed": this.collapsed,
|
|
251
273
|
"stzh-card--is-starred": this.starred,
|
|
252
|
-
"stzh-card--is-checked": this.checked
|
|
274
|
+
"stzh-card--is-checked": this.checked,
|
|
275
|
+
"stzh-card--is-sortable": sortableEnabled
|
|
253
276
|
};
|
|
254
|
-
|
|
255
|
-
const sortableChildElement = this.findSortableChildElement();
|
|
256
|
-
const isFirstItemInSortable = (sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement)
|
|
257
|
-
&& Array.from((_a = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _a === void 0 ? void 0 : _a.children)
|
|
258
|
-
.indexOf(sortableChildElement) === 0;
|
|
259
|
-
const isLastItemInSortable = (sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement)
|
|
260
|
-
&& Array.from((_b = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _b === void 0 ? void 0 : _b.children)
|
|
261
|
-
.indexOf(sortableChildElement) === ((_c = sortableChildElement === null || sortableChildElement === void 0 ? void 0 : sortableChildElement.parentElement) === null || _c === void 0 ? void 0 : _c.children.length) - 1;
|
|
262
|
-
const sortableActionsEnabled = !this.sortableDisabled
|
|
263
|
-
&& !this.hideMovementActions
|
|
264
|
-
&& this.sortable
|
|
265
|
-
&& !this.sortable.disabled;
|
|
266
|
-
const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);
|
|
267
|
-
// const headerActions = [
|
|
268
|
-
// ...this._headerActions
|
|
269
|
-
// ];
|
|
270
|
-
return (h(Host, { role: "listitem", "aria-label": this.heading }, h("article", { ref: (el) => (this.mainElement = el), class: classes }, h("a", { "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: this.href, target: this.target, onClick: this.href ? this.cardClick : null }, h("slot", { name: "image" })), h("div", { class: "stzh-card__content-wrapper" }, h("stzh-icon", { class: "stzh-card__dnd", name: "drag" }), h("header", { ref: (el) => (this.headerElement = el), class: "stzh-card__header", onClick: this.headerClick }, h("div", { class: "stzh-card__header-top" }, h("div", { ref: (el) => (this.headerLeftElement = el), class: "stzh-card__header-left" }, h("div", { class: "stzh-card__title-area" }, h("h3", { class: "stzh-card__title" }, h("a", { class: "stzh-card__title-link", href: this.href, target: this.target, onClick: this.href ? this.cardClick : null }, this.heading ? this.heading : h("slot", { name: "heading" }))), this._subtitles.length > 0 &&
|
|
277
|
+
return (h(Host, { role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { ref: (el) => (this.mainElement = el), class: classes }, h("a", { "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: this.href, target: this.target, onClick: this.href ? this.cardClick : null }, h("slot", { name: "image" })), h("div", { class: "stzh-card__content-wrapper" }, h("stzh-icon", { class: "stzh-card__dnd", name: "drag" }), h("header", { ref: (el) => (this.headerElement = el), class: "stzh-card__header", onClick: this.headerClick }, h("div", { class: "stzh-card__header-top" }, h("div", { ref: (el) => (this.headerLeftElement = el), class: "stzh-card__header-left" }, h("div", { class: "stzh-card__title-area" }, h("h3", { class: "stzh-card__title" }, h("a", { class: "stzh-card__title-link", href: this.href, target: this.target, onClick: this.href ? this.cardClick : null }, this.heading ? this.heading : h("slot", { name: "heading" }))), this._subtitles.length > 0 &&
|
|
271
278
|
h(Subtitle, { class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle)))))), h("div", { ref: (el) => (this.headerRightElement = el), class: "stzh-card__header-right" }, h("div", { class: "stzh-card__card-actions" }, this._headerActions.map(action => (h("stzh-button", { class: {
|
|
272
279
|
"stzh-card__card-action": true,
|
|
273
280
|
"is-button": true,
|
|
@@ -287,8 +294,8 @@ const StzhCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
287
294
|
h(Fragment, null, !isFirstItemInSortable &&
|
|
288
295
|
h("stzh-menu-item", { icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp), !isLastItemInSortable &&
|
|
289
296
|
h("stzh-menu-item", { icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown))))))), h("div", { class: "stzh-card__header-meta" }, h("slot", { name: "meta" }))), h("div", { class: "stzh-card__content hide-when-collapsed" }, h("slot", { name: "content" })), h("div", { class: "stzh-card__footer hide-when-collapsed" }, h("slot", { name: "footer" }, this._footerActions.length > 0 &&
|
|
290
|
-
h("stzh-actionset", { actions: this._footerActions }), this.selectable &&
|
|
291
|
-
h("stzh-button", { fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }), this.withArrow &&
|
|
297
|
+
h("stzh-actionset", { class: "stzh-card__footer-actionset", actions: this._footerActions }), this.selectable &&
|
|
298
|
+
h("stzh-button", { class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }), this.withArrow &&
|
|
292
299
|
h("stzh-icon", { class: "stzh-card__footer-arrow", name: "arrow-right-long" })))))));
|
|
293
300
|
}
|
|
294
301
|
get element() { return this; }
|
|
@@ -321,8 +328,9 @@ const StzhCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
321
328
|
"collapsible": [516],
|
|
322
329
|
"hideHeaderBorder": [516, "hide-header-border"],
|
|
323
330
|
"hideFooterBorder": [516, "hide-footer-border"],
|
|
331
|
+
"hideElevation": [516, "hide-elevation"],
|
|
324
332
|
"hideMovementActions": [4, "hide-movement-actions"]
|
|
325
|
-
}
|
|
333
|
+
}]);
|
|
326
334
|
function defineCustomElement() {
|
|
327
335
|
if (typeof customElements === "undefined") {
|
|
328
336
|
return;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface StzhCarousel extends Components.StzhCarousel, HTMLElement {}
|
|
4
|
+
export const StzhCarousel: {
|
|
5
|
+
prototype: StzhCarousel;
|
|
6
|
+
new (): StzhCarousel;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|