@oiz/stzh-components 1.4.0-npmjstest → 2.0.0-beta
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/README.md +1 -56
- package/dist/cjs/{app-globals-e07b8f5f.js → app-globals-58a084a9.js} +5 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/stzh-actions.cjs.entry.js +1 -1
- package/dist/cjs/stzh-actionset.cjs.entry.js +164 -0
- package/dist/cjs/stzh-appnav.cjs.entry.js +1 -1
- package/dist/cjs/stzh-badge_3.cjs.entry.js +25 -4
- package/dist/cjs/stzh-card-list.cjs.entry.js +79 -0
- package/dist/cjs/stzh-card.cjs.entry.js +294 -0
- package/dist/cjs/stzh-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/stzh-checkboxgroup.cjs.entry.js +2 -4
- package/dist/cjs/stzh-chip-select.cjs.entry.js +1 -1
- package/dist/cjs/stzh-components.cjs.js +2 -2
- package/dist/cjs/stzh-cspace.cjs.entry.js +1 -1
- package/dist/cjs/stzh-datalist.cjs.entry.js +74 -0
- package/dist/cjs/stzh-datepicker_4.cjs.entry.js +7 -8
- package/dist/cjs/stzh-dialog.cjs.entry.js +2 -2
- package/dist/cjs/stzh-dropdown.cjs.entry.js +33 -8
- package/dist/cjs/stzh-figure.cjs.entry.js +1 -1
- package/dist/cjs/stzh-footer.cjs.entry.js +1 -1
- package/dist/cjs/stzh-ghettobox_2.cjs.entry.js +2 -2
- package/dist/cjs/stzh-header.cjs.entry.js +1 -1
- package/dist/cjs/stzh-icon-sprite.cjs.entry.js +1 -1
- package/dist/cjs/stzh-input.cjs.entry.js +10 -6
- package/dist/cjs/stzh-link.cjs.entry.js +2 -2
- package/dist/cjs/stzh-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/stzh-overlay.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pagetitle.cjs.entry.js +1 -1
- package/dist/cjs/stzh-popover.cjs.entry.js +30 -28
- package/dist/cjs/stzh-portal-mitwirken.cjs.entry.js +1 -1
- package/dist/cjs/stzh-readspeaker.cjs.entry.js +1 -1
- package/dist/cjs/stzh-sortable.cjs.entry.js +3230 -2440
- package/dist/cjs/stzh-table.cjs.entry.js +1 -1
- package/dist/cjs/stzh-toggle.cjs.entry.js +1 -1
- package/dist/cjs/stzh-tooltip.cjs.entry.js +3 -1
- package/dist/cjs/stzh-upload.cjs.entry.js +44 -11
- package/dist/cjs/utils-8dc66449.js +76 -0
- package/dist/collection/assets/fonts.css +5 -5
- package/dist/collection/assets/i18n/de.json +7 -2
- package/dist/collection/assets/i18n/en.json +7 -2
- package/dist/collection/assets/icons/mono/recycling-outline.svg +11 -0
- package/dist/collection/assets/icons/mono/recycling.svg +10 -0
- package/dist/collection/assets/icons/mono/smartphone.svg +10 -0
- package/dist/collection/assets/icons/mono/target.svg +11 -0
- package/dist/collection/collection-manifest.json +4 -2
- package/dist/collection/components/stzh-actionset/stzh-actionset.css +147 -0
- package/dist/collection/components/stzh-actionset/stzh-actionset.js +351 -0
- package/dist/collection/components/{stzh-servicecard-list/stzh-servicecard-list.localization.js → stzh-actionset/stzh-actionset.localization.js} +0 -0
- package/dist/collection/components/stzh-actionset/stzh-actionset.stories.js +72 -0
- package/dist/collection/components/stzh-button/stzh-button.css +66 -0
- package/dist/collection/components/stzh-button/stzh-button.js +98 -4
- package/dist/collection/components/stzh-button/stzh-button.stories.js +1 -1
- package/dist/collection/components/stzh-card/stzh-card.css +408 -0
- package/dist/collection/components/stzh-card/stzh-card.js +771 -0
- package/dist/collection/components/stzh-card/stzh-card.localization.js +1 -0
- package/dist/collection/components/stzh-card/stzh-card.stories.js +137 -0
- package/dist/collection/components/{stzh-servicecard-list/stzh-servicecard-list.css → stzh-card-list/stzh-card-list.css} +9 -9
- package/dist/collection/components/stzh-card-list/stzh-card-list.js +224 -0
- package/dist/collection/components/{stzh-servicecard/stzh-servicecard.localization.js → stzh-card-list/stzh-card-list.localization.js} +0 -0
- package/dist/collection/components/stzh-card-list/stzh-card-list.stories.js +132 -0
- package/dist/collection/components/stzh-checkboxgroup/stzh-checkboxgroup.js +1 -3
- package/dist/collection/components/stzh-chip-select/stzh-chip-select.js +1 -1
- package/dist/collection/components/stzh-cspace/stzh-cspace.css +19 -6
- package/dist/collection/components/stzh-datalist/stzh-datalist.css +621 -0
- package/dist/collection/components/stzh-datalist/stzh-datalist.js +237 -0
- package/dist/collection/components/stzh-datalist/stzh-datalist.stories.js +66 -0
- package/dist/collection/components/stzh-datepicker/stzh-datepicker.js +1 -21
- package/dist/collection/components/stzh-dialog/stzh-dialog.css +11 -2
- package/dist/collection/components/stzh-dialog/stzh-dialog.stories.js +18 -8
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.css +5 -7
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.js +86 -27
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.stories.js +3328 -0
- package/dist/collection/components/stzh-icon-sprite/assets/svgsprites/symbol/sprite.symbol.html +63 -11
- package/dist/collection/components/stzh-icon-sprite/assets/svgsprites/symbol/svg/sprite.symbol.svg +1 -1
- package/dist/collection/components/stzh-input/stzh-input.css +18 -9
- package/dist/collection/components/stzh-input/stzh-input.js +80 -26
- package/dist/collection/components/stzh-link/stzh-link.css +5 -0
- package/dist/collection/components/stzh-link/stzh-link.js +2 -2
- package/dist/collection/components/stzh-overlay/stzh-overlay.css +5 -1
- package/dist/collection/components/stzh-popover/stzh-popover.js +52 -32
- package/dist/collection/components/stzh-portal-mitwirken/stzh-portal-mitwirken.css +292 -9
- package/dist/collection/components/stzh-radio/stzh-radio.css +2 -2
- package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.js +5 -6
- package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.stories.js +3 -0
- package/dist/collection/components/stzh-richtext/stzh-richtext.css +145 -0
- package/dist/collection/components/stzh-richtext/stzh-richtext.stories.js +19 -0
- package/dist/collection/components/stzh-sortable/stzh-sortable.js +75 -8
- package/dist/collection/components/stzh-sortable/stzh-sortable.stories.js +1 -1
- package/dist/collection/components/stzh-tooltip/stzh-tooltip.js +21 -1
- package/dist/collection/components/stzh-upload/stzh-upload.css +3 -0
- package/dist/collection/components/stzh-upload/stzh-upload.js +43 -10
- package/dist/collection/components/stzh-upload/stzh-upload.stories.js +10 -8
- package/dist/collection/global/js/helpers/autofocus.js +3 -1
- package/dist/collection/global/js/script.js +1 -1
- package/dist/collection/libraries/sortable.js +3791 -0
- package/dist/collection/pages/meinkonto.stories.js +93 -88
- package/dist/collection/utils/utils.js +39 -0
- package/dist/components/index.d.ts +4 -2
- package/dist/components/index.js +9 -5
- package/dist/components/{stzh-servicecard.d.ts → stzh-actionset.d.ts} +4 -4
- package/dist/components/stzh-actionset.js +6 -0
- package/dist/components/stzh-actionset2.js +227 -0
- package/dist/components/stzh-button2.js +27 -3
- package/dist/components/{stzh-servicecard-list.d.ts → stzh-card-list.d.ts} +4 -4
- package/dist/components/stzh-card-list.js +123 -0
- package/dist/components/stzh-card.d.ts +11 -0
- package/dist/components/stzh-card.js +376 -0
- package/dist/components/stzh-checkboxgroup.js +1 -3
- package/dist/components/stzh-chip-select.js +1 -1
- package/dist/components/stzh-cspace.js +1 -1
- package/dist/components/stzh-datalist.d.ts +11 -0
- package/dist/components/stzh-datalist.js +113 -0
- package/dist/components/stzh-datepicker2.js +1 -2
- package/dist/components/stzh-dialog.js +1 -1
- package/dist/components/stzh-dropdown2.js +36 -9
- package/dist/components/stzh-icon-sprite.js +1 -1
- package/dist/components/stzh-input2.js +13 -6
- package/dist/components/stzh-link2.js +1 -1
- package/dist/components/stzh-overlay.js +1 -1
- package/dist/components/stzh-popover2.js +31 -28
- package/dist/components/stzh-portal-mitwirken.js +1 -1
- package/dist/components/stzh-radio2.js +1 -1
- package/dist/components/stzh-radiogroup2.js +4 -5
- package/dist/components/stzh-richtext2.js +1 -1
- package/dist/components/stzh-sortable2.js +3232 -2441
- package/dist/components/stzh-tooltip2.js +4 -1
- package/dist/components/stzh-upload.js +43 -10
- package/dist/components/utils.js +40 -1
- package/dist/esm/{app-globals-70c229e3.js → app-globals-6b6ff890.js} +5 -3
- package/dist/esm/{index-0e6d34c6.js → index-84f71a43.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/stzh-accordion-item.entry.js +1 -1
- package/dist/esm/stzh-accordion.entry.js +1 -1
- package/dist/esm/stzh-actions.entry.js +2 -2
- package/dist/esm/stzh-actionset.entry.js +160 -0
- package/dist/esm/stzh-appnav.entry.js +2 -2
- package/dist/esm/stzh-appointments.entry.js +1 -1
- package/dist/esm/stzh-badge_3.entry.js +26 -5
- package/dist/esm/stzh-calendar.entry.js +1 -1
- package/dist/esm/stzh-card-list.entry.js +75 -0
- package/dist/esm/stzh-card.entry.js +290 -0
- package/dist/esm/stzh-cell.entry.js +1 -1
- package/dist/esm/stzh-checkbox.entry.js +3 -3
- package/dist/esm/stzh-checkboxgroup.entry.js +4 -6
- package/dist/esm/stzh-chip-select.entry.js +2 -2
- package/dist/esm/stzh-chip.entry.js +1 -1
- package/dist/esm/stzh-components.js +3 -3
- package/dist/esm/stzh-container.entry.js +1 -1
- package/dist/esm/stzh-cspace.entry.js +2 -2
- package/dist/esm/stzh-datalist.entry.js +70 -0
- package/dist/esm/stzh-datamessagelist-item.entry.js +1 -1
- package/dist/esm/stzh-datamessagelist.entry.js +1 -1
- package/dist/esm/stzh-datatable.entry.js +1 -1
- package/dist/esm/stzh-datepicker_4.entry.js +9 -10
- package/dist/esm/stzh-dialog.entry.js +3 -3
- package/dist/esm/stzh-dropdown.entry.js +35 -10
- package/dist/esm/stzh-fieldset.entry.js +1 -1
- package/dist/esm/stzh-figure.entry.js +2 -2
- package/dist/esm/stzh-flyingfocus.entry.js +1 -1
- package/dist/esm/stzh-footer.entry.js +2 -2
- package/dist/esm/stzh-ghettobox_2.entry.js +3 -3
- package/dist/esm/stzh-header.entry.js +2 -2
- package/dist/esm/stzh-heading.entry.js +1 -1
- package/dist/esm/stzh-hr.entry.js +1 -1
- package/dist/esm/stzh-hspace.entry.js +1 -1
- package/dist/esm/stzh-icon-sprite.entry.js +2 -2
- package/dist/esm/{stzh-input-description-da7b0e98.js → stzh-input-description-8c477f97.js} +1 -1
- package/dist/esm/stzh-input.entry.js +12 -8
- package/dist/esm/stzh-link.entry.js +3 -3
- package/dist/esm/stzh-list-item.entry.js +1 -1
- package/dist/esm/stzh-list.entry.js +1 -1
- package/dist/esm/stzh-loader.entry.js +1 -1
- package/dist/esm/stzh-loadingbar.entry.js +1 -1
- package/dist/esm/stzh-menu_2.entry.js +2 -2
- package/dist/esm/stzh-message.entry.js +1 -1
- package/dist/esm/stzh-metanav.entry.js +1 -1
- package/dist/esm/stzh-overlay.entry.js +2 -2
- package/dist/esm/stzh-page-skiplinks.entry.js +1 -1
- package/dist/esm/stzh-pagetitle.entry.js +2 -2
- package/dist/esm/stzh-popover.entry.js +31 -29
- package/dist/esm/stzh-portal-mitwirken.entry.js +2 -2
- package/dist/esm/stzh-progressbar-item.entry.js +1 -1
- package/dist/esm/stzh-progressbar.entry.js +1 -1
- package/dist/esm/stzh-readspeaker.entry.js +2 -2
- package/dist/esm/stzh-row.entry.js +1 -1
- package/dist/esm/stzh-saptcha.entry.js +1 -1
- package/dist/esm/stzh-section.entry.js +1 -1
- package/dist/esm/stzh-skiplink.entry.js +1 -1
- package/dist/esm/stzh-sortable.entry.js +3231 -2441
- package/dist/esm/stzh-status.entry.js +1 -1
- package/dist/esm/stzh-table.entry.js +2 -2
- package/dist/esm/stzh-toggle.entry.js +3 -3
- package/dist/esm/stzh-tooltip.entry.js +4 -2
- package/dist/esm/stzh-upload.entry.js +46 -13
- package/dist/esm/stzh-vbz-linechip.entry.js +1 -1
- package/dist/esm/stzh-vbz-majorticker.entry.js +1 -1
- package/dist/esm/stzh-vbz-ticker.entry.js +1 -1
- package/dist/esm/stzh-visuallyhidden.entry.js +1 -1
- package/dist/esm/stzh-vspace.entry.js +1 -1
- package/dist/esm/utils-68a28fce.js +72 -0
- package/dist/esm-es5/app-globals-6b6ff890.js +1 -0
- package/dist/esm-es5/{index-0e6d34c6.js → index-84f71a43.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/stzh-accordion-item.entry.js +1 -1
- package/dist/esm-es5/stzh-accordion.entry.js +1 -1
- package/dist/esm-es5/stzh-actions.entry.js +1 -1
- package/dist/esm-es5/stzh-actionset.entry.js +1 -0
- package/dist/esm-es5/stzh-appnav.entry.js +1 -1
- package/dist/esm-es5/stzh-appointments.entry.js +1 -1
- package/dist/esm-es5/stzh-badge_3.entry.js +1 -1
- package/dist/esm-es5/stzh-calendar.entry.js +1 -1
- package/dist/esm-es5/stzh-card-list.entry.js +1 -0
- package/dist/esm-es5/stzh-card.entry.js +1 -0
- package/dist/esm-es5/stzh-cell.entry.js +1 -1
- package/dist/esm-es5/stzh-checkbox.entry.js +1 -1
- package/dist/esm-es5/stzh-checkboxgroup.entry.js +1 -1
- package/dist/esm-es5/stzh-chip-select.entry.js +1 -1
- package/dist/esm-es5/stzh-chip.entry.js +1 -1
- package/dist/esm-es5/stzh-components.js +1 -1
- package/dist/esm-es5/stzh-container.entry.js +1 -1
- package/dist/esm-es5/stzh-cspace.entry.js +1 -1
- package/dist/esm-es5/stzh-datalist.entry.js +1 -0
- package/dist/esm-es5/stzh-datamessagelist-item.entry.js +1 -1
- package/dist/esm-es5/stzh-datamessagelist.entry.js +1 -1
- package/dist/esm-es5/stzh-datatable.entry.js +1 -1
- package/dist/esm-es5/stzh-datepicker_4.entry.js +1 -1
- package/dist/esm-es5/stzh-dialog.entry.js +1 -1
- package/dist/esm-es5/stzh-dropdown.entry.js +1 -1
- package/dist/esm-es5/stzh-fieldset.entry.js +1 -1
- package/dist/esm-es5/stzh-figure.entry.js +1 -1
- package/dist/esm-es5/stzh-flyingfocus.entry.js +1 -1
- package/dist/esm-es5/stzh-footer.entry.js +1 -1
- package/dist/esm-es5/stzh-ghettobox_2.entry.js +1 -1
- package/dist/esm-es5/stzh-header.entry.js +1 -1
- package/dist/esm-es5/stzh-heading.entry.js +1 -1
- package/dist/esm-es5/stzh-hr.entry.js +1 -1
- package/dist/esm-es5/stzh-hspace.entry.js +1 -1
- package/dist/esm-es5/stzh-icon-sprite.entry.js +1 -1
- package/dist/esm-es5/{stzh-input-description-da7b0e98.js → stzh-input-description-8c477f97.js} +1 -1
- package/dist/esm-es5/stzh-input.entry.js +1 -1
- package/dist/esm-es5/stzh-link.entry.js +1 -1
- package/dist/esm-es5/stzh-list-item.entry.js +1 -1
- package/dist/esm-es5/stzh-list.entry.js +1 -1
- package/dist/esm-es5/stzh-loader.entry.js +1 -1
- package/dist/esm-es5/stzh-loadingbar.entry.js +1 -1
- package/dist/esm-es5/stzh-menu_2.entry.js +1 -1
- package/dist/esm-es5/stzh-message.entry.js +1 -1
- package/dist/esm-es5/stzh-metanav.entry.js +1 -1
- package/dist/esm-es5/stzh-overlay.entry.js +1 -1
- package/dist/esm-es5/stzh-page-skiplinks.entry.js +1 -1
- package/dist/esm-es5/stzh-pagetitle.entry.js +1 -1
- package/dist/esm-es5/stzh-popover.entry.js +1 -1
- package/dist/esm-es5/stzh-portal-mitwirken.entry.js +1 -1
- package/dist/esm-es5/stzh-progressbar-item.entry.js +1 -1
- package/dist/esm-es5/stzh-progressbar.entry.js +1 -1
- package/dist/esm-es5/stzh-readspeaker.entry.js +1 -1
- package/dist/esm-es5/stzh-row.entry.js +1 -1
- package/dist/esm-es5/stzh-saptcha.entry.js +1 -1
- package/dist/esm-es5/stzh-section.entry.js +1 -1
- package/dist/esm-es5/stzh-skiplink.entry.js +1 -1
- package/dist/esm-es5/stzh-sortable.entry.js +2 -2
- package/dist/esm-es5/stzh-status.entry.js +1 -1
- package/dist/esm-es5/stzh-table.entry.js +1 -1
- package/dist/esm-es5/stzh-toggle.entry.js +1 -1
- package/dist/esm-es5/stzh-tooltip.entry.js +1 -1
- package/dist/esm-es5/stzh-upload.entry.js +1 -1
- package/dist/esm-es5/stzh-vbz-linechip.entry.js +1 -1
- package/dist/esm-es5/stzh-vbz-majorticker.entry.js +1 -1
- package/dist/esm-es5/stzh-vbz-ticker.entry.js +1 -1
- package/dist/esm-es5/stzh-visuallyhidden.entry.js +1 -1
- package/dist/esm-es5/stzh-vspace.entry.js +1 -1
- package/dist/esm-es5/utils-68a28fce.js +1 -0
- package/dist/stzh-components/assets/fonts.css +5 -5
- package/dist/stzh-components/assets/i18n/de.json +7 -2
- package/dist/stzh-components/assets/i18n/en.json +7 -2
- package/dist/stzh-components/assets/icons/mono/recycling-outline.svg +11 -0
- package/dist/stzh-components/assets/icons/mono/recycling.svg +10 -0
- package/dist/stzh-components/assets/icons/mono/smartphone.svg +10 -0
- package/dist/stzh-components/assets/icons/mono/target.svg +11 -0
- package/dist/stzh-components/assets/svgsprites/symbol/sprite.symbol.html +63 -11
- package/dist/stzh-components/assets/svgsprites/symbol/svg/sprite.symbol.svg +1 -1
- package/dist/stzh-components/{p-07f16263.entry.js → p-001b7d10.entry.js} +1 -1
- package/dist/stzh-components/p-0230004d.system.js +1 -0
- package/dist/stzh-components/{p-0837657c.entry.js → p-08a564af.entry.js} +1 -1
- package/dist/stzh-components/{p-a6486f64.system.entry.js → p-0b8de542.system.entry.js} +1 -1
- package/dist/stzh-components/{p-8db4279d.system.entry.js → p-0bbbbe85.system.entry.js} +1 -1
- package/dist/stzh-components/p-0d5522dc.system.entry.js +1 -0
- package/dist/stzh-components/{p-33d033a3.system.entry.js → p-0efe125f.system.entry.js} +1 -1
- package/dist/stzh-components/{p-4cfe83b5.system.entry.js → p-0fc06049.system.entry.js} +1 -1
- package/dist/stzh-components/p-0fc83964.system.entry.js +1 -0
- package/dist/stzh-components/{p-08d4ed80.entry.js → p-13b3500e.entry.js} +1 -1
- package/dist/stzh-components/p-13f44000.entry.js +1 -0
- package/dist/stzh-components/{p-65444117.system.entry.js → p-17c6c1db.system.entry.js} +1 -1
- package/dist/stzh-components/{p-b34774e7.entry.js → p-190de4de.entry.js} +1 -1
- package/dist/stzh-components/{p-b2c8c31e.system.entry.js → p-19bff884.system.entry.js} +1 -1
- package/dist/stzh-components/p-1f57d28e.js +1 -0
- package/dist/stzh-components/{p-debb00e6.entry.js → p-216577b4.entry.js} +1 -1
- package/dist/stzh-components/{p-6edd58a4.system.entry.js → p-27fd6c6f.system.entry.js} +1 -1
- package/dist/stzh-components/{p-55188328.entry.js → p-2818488f.entry.js} +1 -1
- package/dist/stzh-components/{p-f9dc7a9b.entry.js → p-29427863.entry.js} +1 -1
- package/dist/stzh-components/{p-3c4478b0.entry.js → p-2b338050.entry.js} +1 -1
- package/dist/stzh-components/p-2cf1ae40.system.entry.js +1 -0
- package/dist/stzh-components/{p-fa8651dd.entry.js → p-2e559062.entry.js} +1 -1
- package/dist/stzh-components/{p-11d0c8f3.entry.js → p-332e4fd3.entry.js} +1 -1
- package/dist/stzh-components/{p-1ccbd2d6.system.entry.js → p-33c0229f.system.entry.js} +1 -1
- package/dist/stzh-components/p-373f79e8.entry.js +1 -0
- package/dist/stzh-components/{p-b651f251.entry.js → p-3ac93a01.entry.js} +1 -1
- package/dist/stzh-components/p-3b27a43f.system.entry.js +7 -0
- package/dist/stzh-components/{p-1cde29ea.entry.js → p-3d8317b5.entry.js} +1 -1
- package/dist/stzh-components/{p-48bbcc26.system.entry.js → p-45bab70d.system.entry.js} +1 -1
- package/dist/stzh-components/{p-3f03fd94.system.entry.js → p-48b5b697.system.entry.js} +1 -1
- package/dist/stzh-components/{p-ece7ad4d.system.entry.js → p-4c6989ae.system.entry.js} +1 -1
- package/dist/stzh-components/{p-79ca1ba6.entry.js → p-552f49c4.entry.js} +1 -1
- package/dist/stzh-components/{p-562394a9.system.entry.js → p-55d23a3c.system.entry.js} +1 -1
- package/dist/stzh-components/{p-60b4f34c.system.entry.js → p-560f96f0.system.entry.js} +1 -1
- package/dist/stzh-components/{p-f48a2b00.system.entry.js → p-56b9cc3c.system.entry.js} +1 -1
- package/dist/stzh-components/{p-cb4a91b7.system.entry.js → p-58d886cb.system.entry.js} +1 -1
- package/dist/stzh-components/p-5975c355.system.entry.js +1 -0
- package/dist/stzh-components/p-5987573e.system.entry.js +1 -0
- package/dist/stzh-components/{p-634095bd.system.entry.js → p-5997e418.system.entry.js} +1 -1
- package/dist/stzh-components/p-59c323ce.entry.js +1 -0
- package/dist/stzh-components/{p-49968bbf.entry.js → p-5a02ef03.entry.js} +1 -1
- package/dist/stzh-components/{p-82d85c3a.system.entry.js → p-5a354428.system.entry.js} +1 -1
- package/dist/stzh-components/{p-0a71fbac.entry.js → p-5bd2849d.entry.js} +1 -1
- package/dist/stzh-components/{p-19344366.system.entry.js → p-61aac051.system.entry.js} +1 -1
- package/dist/stzh-components/{p-ade1ebcf.system.entry.js → p-6305db38.system.entry.js} +1 -1
- package/dist/stzh-components/{p-ff8a3e96.entry.js → p-6354fee3.entry.js} +1 -1
- package/dist/stzh-components/{p-86d3ce62.entry.js → p-638bedfa.entry.js} +1 -1
- package/dist/stzh-components/{p-9c0494a6.system.js → p-63d89b96.system.js} +1 -1
- package/dist/stzh-components/{p-33d75303.entry.js → p-63d8db7b.entry.js} +1 -1
- package/dist/stzh-components/{p-818634d2.entry.js → p-64b4cc74.entry.js} +1 -1
- package/dist/stzh-components/p-653c6bbc.entry.js +1 -0
- package/dist/stzh-components/{p-b1976630.entry.js → p-67f906b1.entry.js} +1 -1
- package/dist/stzh-components/{p-f44f4d26.system.entry.js → p-69c3187f.system.entry.js} +1 -1
- package/dist/stzh-components/{p-c2d58384.entry.js → p-69f4a27e.entry.js} +1 -1
- package/dist/stzh-components/p-6a81e64b.entry.js +1 -0
- package/dist/stzh-components/p-6a873872.entry.js +1 -0
- package/dist/stzh-components/{p-03b16275.entry.js → p-72f29f07.entry.js} +1 -1
- package/dist/stzh-components/p-75cdc8a6.system.entry.js +1 -0
- package/dist/stzh-components/{p-a4100bd8.system.entry.js → p-7ad87d98.system.entry.js} +1 -1
- package/dist/stzh-components/p-7d8c9866.entry.js +1 -0
- package/dist/stzh-components/{p-1cebd703.entry.js → p-7f9f9a8d.entry.js} +1 -1
- package/dist/stzh-components/{p-7d098987.entry.js → p-83b1e379.entry.js} +1 -1
- package/dist/stzh-components/{p-aec2d2d1.system.entry.js → p-851e0caa.system.entry.js} +1 -1
- package/dist/stzh-components/{p-1f15a4e0.system.entry.js → p-86bc421e.system.entry.js} +1 -1
- package/dist/stzh-components/{p-690d14cd.entry.js → p-88e0f453.entry.js} +1 -1
- package/dist/stzh-components/{p-0338cec3.system.entry.js → p-89274cd5.system.entry.js} +1 -1
- package/dist/stzh-components/{p-346e26f2.system.entry.js → p-8a9e588e.system.entry.js} +1 -1
- package/dist/stzh-components/{p-66556f67.entry.js → p-8aebb240.entry.js} +1 -1
- package/dist/stzh-components/{p-bba52769.system.entry.js → p-8cbc987f.system.entry.js} +1 -1
- package/dist/stzh-components/{p-0ae3e066.system.entry.js → p-8d0da18d.system.entry.js} +1 -1
- package/dist/stzh-components/{p-56fccfa3.system.entry.js → p-8d547247.system.entry.js} +1 -1
- package/dist/stzh-components/p-8f16b0ac.entry.js +8 -0
- package/dist/stzh-components/{p-85d78e08.entry.js → p-938ef748.entry.js} +1 -1
- package/dist/stzh-components/{p-65282c9d.js → p-93e8e31f.js} +1 -1
- package/dist/stzh-components/{p-e9ca8ddc.entry.js → p-961cb979.entry.js} +1 -1
- package/dist/stzh-components/{p-98afd4b0.system.entry.js → p-981b2629.system.entry.js} +1 -1
- package/dist/stzh-components/p-9bda100f.system.js +1 -0
- package/dist/stzh-components/{p-0ec28130.system.entry.js → p-9c72f491.system.entry.js} +1 -1
- package/dist/stzh-components/{p-8cf287d8.system.entry.js → p-9fb4da92.system.entry.js} +1 -1
- package/dist/stzh-components/{p-e58d3bc7.entry.js → p-a448f5a5.entry.js} +1 -1
- package/dist/stzh-components/{p-96fd158c.entry.js → p-a646c09a.entry.js} +1 -1
- package/dist/stzh-components/p-a6627504.entry.js +1 -0
- package/dist/stzh-components/{p-2f2cb544.system.entry.js → p-a67e09cd.system.entry.js} +1 -1
- package/dist/stzh-components/{p-378be0be.system.entry.js → p-a7c35778.system.entry.js} +1 -1
- package/dist/stzh-components/{p-c8bc2812.entry.js → p-a7ee2636.entry.js} +1 -1
- package/dist/stzh-components/{p-632d9076.system.entry.js → p-a99d3e97.system.entry.js} +1 -1
- package/dist/stzh-components/{p-148de4e6.entry.js → p-ab246b66.entry.js} +1 -1
- package/dist/stzh-components/{p-936cc626.system.entry.js → p-ab455116.system.entry.js} +1 -1
- package/dist/stzh-components/p-af2664fc.system.entry.js +1 -0
- package/dist/stzh-components/p-b084fcbf.system.entry.js +1 -0
- package/dist/stzh-components/p-b550feaa.system.entry.js +1 -0
- package/dist/stzh-components/{p-f8d9411d.system.entry.js → p-b636a18a.system.entry.js} +1 -1
- package/dist/stzh-components/{p-f544cf3d.entry.js → p-b9295dc2.entry.js} +1 -1
- package/dist/stzh-components/{p-1bfc1097.entry.js → p-b9382599.entry.js} +1 -1
- package/dist/stzh-components/{p-46f301c0.entry.js → p-b9a027aa.entry.js} +1 -1
- package/dist/stzh-components/{p-e4347cfe.entry.js → p-b9c3f3cc.entry.js} +1 -1
- package/dist/stzh-components/{p-7e3924a0.system.entry.js → p-ba94e315.system.entry.js} +1 -1
- package/dist/stzh-components/{p-7d62dfeb.system.entry.js → p-bd178c32.system.entry.js} +1 -1
- package/dist/stzh-components/{p-e972a44f.system.entry.js → p-be461e19.system.entry.js} +1 -1
- package/dist/stzh-components/{p-30b347ee.system.js → p-bf0fdd23.system.js} +2 -2
- package/dist/stzh-components/{p-0433fff9.system.entry.js → p-c013a00b.system.entry.js} +1 -1
- package/dist/stzh-components/p-c1337453.entry.js +1 -0
- package/dist/stzh-components/{p-915e8ad6.entry.js → p-c3d93395.entry.js} +1 -1
- package/dist/stzh-components/{p-c6cad5ed.system.entry.js → p-c456c04b.system.entry.js} +1 -1
- package/dist/stzh-components/{p-298276e4.entry.js → p-c499e04d.entry.js} +1 -1
- package/dist/stzh-components/{p-e9bc3a43.entry.js → p-c4b7c2be.entry.js} +1 -1
- package/dist/stzh-components/{p-df422d36.entry.js → p-c58dd9de.entry.js} +1 -1
- package/dist/stzh-components/{p-7d2237ca.entry.js → p-c692e405.entry.js} +1 -1
- package/dist/stzh-components/{p-4e9bfeb8.system.entry.js → p-c83e4fec.system.entry.js} +1 -1
- package/dist/stzh-components/p-ca062c11.system.js +1 -0
- package/dist/stzh-components/{p-49e37004.entry.js → p-ce070ccd.entry.js} +1 -1
- package/dist/stzh-components/{p-b3b5ee7e.entry.js → p-ce28428b.entry.js} +1 -1
- package/dist/stzh-components/p-cfaac121.js +1 -0
- package/dist/stzh-components/{p-6ec17efc.entry.js → p-d0aa9d3b.entry.js} +1 -1
- package/dist/stzh-components/{p-2990206c.system.entry.js → p-d11a70e2.system.entry.js} +1 -1
- package/dist/stzh-components/p-d1dba399.system.entry.js +1 -0
- package/dist/stzh-components/p-d2b5e066.entry.js +1 -0
- package/dist/stzh-components/{p-58ffc722.system.entry.js → p-d54f04c8.system.entry.js} +1 -1
- package/dist/stzh-components/p-d645d645.entry.js +1 -0
- package/dist/stzh-components/{p-30cb8bc0.system.entry.js → p-d6c07494.system.entry.js} +1 -1
- package/dist/stzh-components/{p-cf162e67.entry.js → p-d7893dfd.entry.js} +1 -1
- package/dist/stzh-components/{p-73194e28.entry.js → p-d9643cc4.entry.js} +1 -1
- package/dist/stzh-components/{p-c6ad1a8c.entry.js → p-da7b363e.entry.js} +1 -1
- package/dist/stzh-components/{p-58917ce2.entry.js → p-db5363ef.entry.js} +1 -1
- package/dist/stzh-components/p-de017b87.system.entry.js +1 -0
- package/dist/stzh-components/{p-2d0685e3.entry.js → p-e009bfdc.entry.js} +1 -1
- package/dist/stzh-components/{p-fc9c4fc3.system.entry.js → p-e213663c.system.entry.js} +1 -1
- package/dist/stzh-components/{p-7a6e347d.system.entry.js → p-e7a84e53.system.entry.js} +1 -1
- package/dist/stzh-components/{p-14d728f0.entry.js → p-ee22256f.entry.js} +1 -1
- package/dist/stzh-components/{p-670d4834.entry.js → p-f1356a85.entry.js} +1 -1
- package/dist/stzh-components/{p-82e6148a.system.entry.js → p-f167eaa4.system.entry.js} +1 -1
- package/dist/stzh-components/{p-3c799247.entry.js → p-f2ee016a.entry.js} +1 -1
- package/dist/stzh-components/{p-1ace5d80.entry.js → p-f788a468.entry.js} +1 -1
- package/dist/stzh-components/{p-99533090.system.entry.js → p-f832e938.system.entry.js} +1 -1
- package/dist/stzh-components/{p-32b78d65.js → p-f84fa2a4.js} +1 -1
- package/dist/stzh-components/{p-80db7aa6.system.entry.js → p-fa56fc0d.system.entry.js} +1 -1
- package/dist/stzh-components/{p-88a4f756.system.entry.js → p-fc13d017.system.entry.js} +1 -1
- package/dist/stzh-components/p-fc6b4f91.system.entry.js +1 -0
- package/dist/stzh-components/p-fdd1998f.entry.js +1 -0
- package/dist/stzh-components/{p-9e6c25ed.system.entry.js → p-fdf0b4bc.system.entry.js} +1 -1
- package/dist/stzh-components/{p-0c92ee26.system.entry.js → p-ffa1e9dd.system.entry.js} +1 -1
- package/dist/stzh-components/stzh-components.css +1 -1
- package/dist/stzh-components/stzh-components.esm.js +1 -1
- package/dist/stzh-components/stzh-components.js +1 -1
- package/dist/types/components/stzh-actionset/stzh-actionset.localization.d.ts +5 -0
- package/dist/types/components/{stzh-servicecard/stzh-servicecard.localization.d.ts → stzh-card/stzh-card.localization.d.ts} +2 -1
- package/dist/types/components/{stzh-servicecard-list/stzh-servicecard-list.localization.d.ts → stzh-card-list/stzh-card-list.localization.d.ts} +1 -1
- package/dist/types/components.d.ts +518 -239
- package/dist/types/index.d.ts +57 -14
- package/dist/types/utils/utils.d.ts +2 -0
- package/dist/vscode-data.json +366 -132
- package/package.json +1 -1
- package/dist/cjs/stzh-servicecard-list.cjs.entry.js +0 -56
- package/dist/cjs/stzh-servicecard.cjs.entry.js +0 -212
- package/dist/cjs/utils-d327c19d.js +0 -36
- package/dist/collection/components/stzh-servicecard/stzh-servicecard.css +0 -558
- package/dist/collection/components/stzh-servicecard/stzh-servicecard.js +0 -592
- package/dist/collection/components/stzh-servicecard/stzh-servicecard.stories.js +0 -73
- package/dist/collection/components/stzh-servicecard-list/stzh-servicecard-list.js +0 -153
- package/dist/collection/components/stzh-servicecard-list/stzh-servicecard-list.stories.js +0 -115
- package/dist/components/stzh-servicecard-list.js +0 -99
- package/dist/components/stzh-servicecard.js +0 -283
- package/dist/esm/stzh-servicecard-list.entry.js +0 -52
- package/dist/esm/stzh-servicecard.entry.js +0 -208
- package/dist/esm/utils-904416df.js +0 -33
- package/dist/esm-es5/app-globals-70c229e3.js +0 -1
- package/dist/esm-es5/stzh-servicecard-list.entry.js +0 -1
- package/dist/esm-es5/stzh-servicecard.entry.js +0 -1
- package/dist/esm-es5/utils-904416df.js +0 -1
- package/dist/stzh-components/p-043ab41e.system.entry.js +0 -1
- package/dist/stzh-components/p-1d914f6c.entry.js +0 -1
- package/dist/stzh-components/p-323fdc2f.entry.js +0 -1
- package/dist/stzh-components/p-49ea222f.system.entry.js +0 -1
- package/dist/stzh-components/p-5f7b72c8.entry.js +0 -1
- package/dist/stzh-components/p-5f856307.system.js +0 -1
- package/dist/stzh-components/p-63b5068a.system.entry.js +0 -1
- package/dist/stzh-components/p-6c502e6e.js +0 -1
- package/dist/stzh-components/p-6ea5c23d.system.entry.js +0 -7
- package/dist/stzh-components/p-7279af4a.system.entry.js +0 -1
- package/dist/stzh-components/p-7bb1bd3b.entry.js +0 -1
- package/dist/stzh-components/p-8462ba57.entry.js +0 -1
- package/dist/stzh-components/p-88bef2cd.entry.js +0 -1
- package/dist/stzh-components/p-a7c3b41a.entry.js +0 -1
- package/dist/stzh-components/p-a86c6487.entry.js +0 -1
- package/dist/stzh-components/p-aa4e28cc.system.js +0 -1
- package/dist/stzh-components/p-ac1da083.system.js +0 -1
- package/dist/stzh-components/p-b63d6ded.system.entry.js +0 -1
- package/dist/stzh-components/p-bcade28e.entry.js +0 -1
- package/dist/stzh-components/p-be21cebd.js +0 -1
- package/dist/stzh-components/p-d04e8743.system.entry.js +0 -1
- package/dist/stzh-components/p-d8819b74.system.entry.js +0 -1
- package/dist/stzh-components/p-e048de42.entry.js +0 -8
- package/dist/stzh-components/p-e2ce48f1.system.entry.js +0 -1
- package/dist/stzh-components/p-e987954a.system.entry.js +0 -1
- package/dist/stzh-components/p-f21440b3.entry.js +0 -1
- package/dist/stzh-components/p-fe9f8a09.system.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,o,i){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function s(t){try{c(i.next(t))}catch(e){r(e)}}function a(t){try{c(i["throw"](t))}catch(e){r(e)}}function c(t){t.done?o(t.value):n(t.value).then(s,a)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){o.label=s[1];break}if(s[0]===6&&o.label<r[1]){o.label=r[1];r=s;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(s);break}if(r[2])o.ops.pop();o.trys.pop();continue}s=e.call(t,o)}catch(a){s=[6,a];n=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{w as waitForEvent}from"./event-utils-7a709e21.js";import{s as stopAnimations,a as animateTo,b as shimKeyframesHeightAuto}from"./animation-utils-25c74e5b.js";var stzhAccordionItemCss='.sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background)}.stzh-accordion-item__heading.sc-stzh-accordion-item{margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__subtitle.sc-stzh-accordion-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}';var ANIMATION_SHOW={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};var ANIMATION_HIDE={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};var accordionItemCounter=0;var StzhAccordionItem=function(){function t(t){var e=this;registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhOpened=createEvent(this,"stzhOpened",7);this.stzhClose=createEvent(this,"stzhClose",7);this.stzhClosed=createEvent(this,"stzhClosed",7);this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.headingLevel="3";this.toggledByMethod=false;this.handleHeaderClick=function(){e.toggle()};this.onButtonKeydown=function(t){var o=null;if(t.key==="ArrowDown"){o="next"}else if(t.key==="ArrowUp"){o="prev"}else if(t.key==="Home"){o="first"}else if(t.key==="End"){o="last"}else if(t.key==="PageDown"&&t.ctrlKey){o="next"}else if(t.key==="PageUp"&&t.ctrlKey){o="prev"}if(o){t.preventDefault();var i=e.element.closest("stzh-accordion");i.setItemFocus(e.element,o)}};this.onContentKeydown=function(t){if(!t.ctrlKey){return}var o=null;if(t.key==="PageDown"){o="next"}else if(t.key==="PageUp"){o="prev"}if(o){t.preventDefault();var i=e.element.closest("stzh-accordion");i.setItemFocus(e.element,o)}}}t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}return[4,stopAnimations(this.bodyElement)];case 1:e.sent();this.bodyElement.hidden=false;return[4,animateTo(this.bodyElement,shimKeyframesHeightAuto(ANIMATION_SHOW.keyframes,this.bodyElement.scrollHeight),ANIMATION_SHOW.options)];case 2:e.sent();this.bodyElement.style.height="auto";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}return[4,stopAnimations(this.bodyElement)];case 4:e.sent();return[4,animateTo(this.bodyElement,shimKeyframesHeightAuto(ANIMATION_HIDE.keyframes,this.bodyElement.scrollHeight),ANIMATION_HIDE.options)];case 5:e.sent();this.bodyElement.hidden=true;this.bodyElement.style.height="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}e.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open||this.disabled){return[2]}this.toggledByMethod=true;this.open=true;return[2,waitForEvent(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.element.closest("stzh-accordion");if(!this.open||this.disabled||t&&!t.collapsible){return[2]}this.toggledByMethod=true;this.open=false;return[2,waitForEvent(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.buttonElement.focus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.accordionItemId="stzh-accordion-item-".concat(accordionItemCounter++)};t.prototype.componentDidLoad=function(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0"};t.prototype.render=function(){var t=this;var e="h".concat(this.headingLevel);var o={"stzh-accordion-item":true,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled};return h(Host,null,h("div",{class:o},h(e,{id:"".concat(this.accordionItemId,"-header"),class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},h("button",{ref:function(e){return t.buttonElement=e},class:"stzh-accordion-item__button","aria-controls":"".concat(this.accordionItemId,"-content"),"aria-expanded":"".concat(this.open?"true":"false"),disabled:this.disabled,onKeyDown:this.onButtonKeydown,type:"button"},h("span",{class:"stzh-accordion-item__button-text"},h("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),h("span",{class:"stzh-accordion-item__heading"},this.heading)),h("span",{class:"stzh-accordion-item__button-icon"}))),h("div",{id:"".concat(this.accordionItemId,"-content"),ref:function(e){return t.bodyElement=e},class:"stzh-accordion-item__content","aria-labelledby":"".concat(this.accordionItemId,"-header"),role:"region",onKeyDown:this.onContentKeydown},h("div",{class:"stzh-accordion-item__content-inner"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"]}},enumerable:false,configurable:true});return t}();StzhAccordionItem.style=stzhAccordionItemCss;export{StzhAccordionItem as stzh_accordion_item};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,o,i){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function s(t){try{c(i.next(t))}catch(e){r(e)}}function a(t){try{c(i["throw"](t))}catch(e){r(e)}}function c(t){t.done?o(t.value):n(t.value).then(s,a)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){o.label=s[1];break}if(s[0]===6&&o.label<r[1]){o.label=r[1];r=s;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(s);break}if(r[2])o.ops.pop();o.trys.pop();continue}s=e.call(t,o)}catch(a){s=[6,a];n=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-84f71a43.js";import{w as waitForEvent}from"./event-utils-7a709e21.js";import{s as stopAnimations,a as animateTo,b as shimKeyframesHeightAuto}from"./animation-utils-25c74e5b.js";var stzhAccordionItemCss='.sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background)}.stzh-accordion-item__heading.sc-stzh-accordion-item{margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__subtitle.sc-stzh-accordion-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}';var ANIMATION_SHOW={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};var ANIMATION_HIDE={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};var accordionItemCounter=0;var StzhAccordionItem=function(){function t(t){var e=this;registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhOpened=createEvent(this,"stzhOpened",7);this.stzhClose=createEvent(this,"stzhClose",7);this.stzhClosed=createEvent(this,"stzhClosed",7);this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.headingLevel="3";this.toggledByMethod=false;this.handleHeaderClick=function(){e.toggle()};this.onButtonKeydown=function(t){var o=null;if(t.key==="ArrowDown"){o="next"}else if(t.key==="ArrowUp"){o="prev"}else if(t.key==="Home"){o="first"}else if(t.key==="End"){o="last"}else if(t.key==="PageDown"&&t.ctrlKey){o="next"}else if(t.key==="PageUp"&&t.ctrlKey){o="prev"}if(o){t.preventDefault();var i=e.element.closest("stzh-accordion");i.setItemFocus(e.element,o)}};this.onContentKeydown=function(t){if(!t.ctrlKey){return}var o=null;if(t.key==="PageDown"){o="next"}else if(t.key==="PageUp"){o="prev"}if(o){t.preventDefault();var i=e.element.closest("stzh-accordion");i.setItemFocus(e.element,o)}}}t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}return[4,stopAnimations(this.bodyElement)];case 1:e.sent();this.bodyElement.hidden=false;return[4,animateTo(this.bodyElement,shimKeyframesHeightAuto(ANIMATION_SHOW.keyframes,this.bodyElement.scrollHeight),ANIMATION_SHOW.options)];case 2:e.sent();this.bodyElement.style.height="auto";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}return[4,stopAnimations(this.bodyElement)];case 4:e.sent();return[4,animateTo(this.bodyElement,shimKeyframesHeightAuto(ANIMATION_HIDE.keyframes,this.bodyElement.scrollHeight),ANIMATION_HIDE.options)];case 5:e.sent();this.bodyElement.hidden=true;this.bodyElement.style.height="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}e.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open||this.disabled){return[2]}this.toggledByMethod=true;this.open=true;return[2,waitForEvent(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.element.closest("stzh-accordion");if(!this.open||this.disabled||t&&!t.collapsible){return[2]}this.toggledByMethod=true;this.open=false;return[2,waitForEvent(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.buttonElement.focus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.accordionItemId="stzh-accordion-item-".concat(accordionItemCounter++)};t.prototype.componentDidLoad=function(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0"};t.prototype.render=function(){var t=this;var e="h".concat(this.headingLevel);var o={"stzh-accordion-item":true,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled};return h(Host,null,h("div",{class:o},h(e,{id:"".concat(this.accordionItemId,"-header"),class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},h("button",{ref:function(e){return t.buttonElement=e},class:"stzh-accordion-item__button","aria-controls":"".concat(this.accordionItemId,"-content"),"aria-expanded":"".concat(this.open?"true":"false"),disabled:this.disabled,onKeyDown:this.onButtonKeydown,type:"button"},h("span",{class:"stzh-accordion-item__button-text"},h("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),h("span",{class:"stzh-accordion-item__heading"},this.heading)),h("span",{class:"stzh-accordion-item__button-icon"}))),h("div",{id:"".concat(this.accordionItemId,"-content"),ref:function(e){return t.bodyElement=e},class:"stzh-accordion-item__content","aria-labelledby":"".concat(this.accordionItemId,"-header"),role:"region",onKeyDown:this.onContentKeydown},h("div",{class:"stzh-accordion-item__content-inner"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"]}},enumerable:false,configurable:true});return t}();StzhAccordionItem.style=stzhAccordionItemCss;export{StzhAccordionItem as stzh_accordion_item};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,r,n){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function s(t){try{a(n.next(t))}catch(e){i(e)}}function c(t){try{a(n["throw"](t))}catch(e){i(e)}}function a(t){t.done?r(t.value):o(t.value).then(s,c)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return a([t,e])}}function a(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(c){s=[6,c];o=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,r,n){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function s(t){try{a(n.next(t))}catch(e){i(e)}}function c(t){try{a(n["throw"](t))}catch(e){i(e)}}function a(t){t.done?r(t.value):o(t.value).then(s,c)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return a([t,e])}}function a(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(c){s=[6,c];o=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-84f71a43.js";var stzhAccordionCss=".sc-stzh-accordion-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-h{display:none}.sc-stzh-accordion-h *.sc-stzh-accordion,.sc-stzh-accordion-h *.sc-stzh-accordion::before,.sc-stzh-accordion-h *.sc-stzh-accordion::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-h .sc-stzh-accordion-s>stzh-accordion-item:not(:last-child){margin-bottom:var(--stzh-space-small)}";var StzhAccordion=function(){function t(t){registerInstance(this,t);this.collapsible=true;this.multiselectable=true}t.prototype.openListener=function(t){var e=t.target;var r=e.closest("stzh-accordion");if(this.multiselectable||r!==this.element){return}var n=Array.from(r.querySelectorAll("stzh-accordion-item"));n.forEach((function(t){if(t!==e){t.hide()}}))};t.prototype.setItemFocus=function(t,e){return __awaiter(this,void 0,void 0,(function(){var r,n,o;return __generator(this,(function(i){r=t.closest("stzh-accordion");if(r!==this.element){return[2]}n=Array.from(r.querySelectorAll("stzh-accordion-item")).filter((function(t){return!t.disabled}));o=n.indexOf(t);if((e==="prev"||e==="next")&&o===null){e=e==="prev"?"last":"first"}if(e==="prev"&&o===0){e="last"}if(e==="next"&&o===n.length-1){e="first"}if(e==="prev"){n[o-1].setFocus()}else if(e==="next"){n[o+1].setFocus()}else if(e==="last"){n[n.length-1].setFocus()}else if(e==="first"){n[0].setFocus()}else{t.setFocus()}return[2]}))}))};t.prototype.render=function(){var t={"stzh-accordion":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAccordion.style=stzhAccordionCss;export{StzhAccordion as stzh_accordion};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,a as Host,g as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,h,a as Host,g as getElement}from"./index-84f71a43.js";import{s as setPropsIfNull}from"./utils-68a28fce.js";var stzhActionsCss=".sc-stzh-actions-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-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--with-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";var StzhActions=function(){function t(t){var s=this;registerInstance(this,t);this.variant="form";this.withBorder=false;this.init=function(){var t=s.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');var o=s.element.querySelectorAll("stzh-button");t.forEach((function(t){setPropsIfNull(t,{variant:"secondary"})}));o.forEach((function(t){t.setAttribute("role","listitem")}))}}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t;var s=(t={"stzh-actions":true,"stzh-actions--with-border":this.withBorder},t["stzh-actions--".concat(this.variant)]=!!this.variant,t);return h(Host,null,h("div",{class:s},h("div",{class:"stzh-actions__actions",role:"list"},h("div",{class:"stzh-actions__secondary-actions"},h("slot",{name:"secondary"})),h("div",{class:"stzh-actions__primary-actions"},h("slot",{name:"primary"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhActions.style=stzhActionsCss;export{StzhActions as stzh_actions};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,i,e,s){function n(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,a){function o(t){try{r(s.next(t))}catch(i){a(i)}}function c(t){try{r(s["throw"](t))}catch(i){a(i)}}function r(t){t.done?e(t.value):n(t.value).then(o,c)}r((s=s.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,n,a,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(i){return r([t,i])}}function r(o){if(s)throw new TypeError("Generator is already executing.");while(e)try{if(s=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){e.label=o[1];break}if(o[0]===6&&e.label<a[1]){e.label=a[1];a=o;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(o);break}if(a[2])e.ops.pop();e.trys.pop();continue}o=i.call(t,e)}catch(c){o=[6,c];n=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-84f71a43.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media}from"./media-utils-9b041ceb.js";var stzhActionsetCss=".sc-stzh-actionset-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-actionset-h{display:none}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-actionset__actions.sc-stzh-actionset{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto;opacity:1}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover.sc-stzh-actionset{display:none}}";var StzhActionset=function(){function t(t){var i=this;registerInstance(this,t);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this._actions=[];this.actionsCollapsed=[];this.actionClick=function(t){i.stzhActionClick.emit({component:"stzh-actionset",action:t})};this.update=function(){i.isSmall=media("small").matches;i.isMedium=media("medium").matches;if(!i.actionsElement){return}Object.assign(i.actionsElement.style,{width:null,height:null});var t=0;if(i.variant==="overflow"&&i.isMedium||i.variant==="stack"&&i.isSmall){i.dynamicActions=true;var e=0;var s=0;Array.from(i.actionsElement.children).forEach((function(i){if(i.offsetTop===0){t++;var n=getComputedStyle(i);var a=parseInt(n.marginLeft);var o=parseInt(n.marginRight);var c=parseInt(n.marginTop);var r=parseInt(n.marginBottom);var l=i.offsetWidth+a+o;var h=i.offsetHeight+c+r;if(e<h){e=h}s=s+l}}));Object.assign(i.actionsElement.style,{width:"".concat(s+1,"px"),height:"".concat(e,"px")})}else{i.dynamicActions=false;if(i.variant==="overflow"){t=0}else if(i.variant==="stack"){t=i._actions.length<=3?i._actions.length:2}}i.actionsCollapsed=i._actions.slice(t)}}t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"actionset")];case 1:t.localization=i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.update()};t.prototype.render=function(){var t;var i=this;var e=(t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0},t["stzh-actionset--".concat(this.variant)]=!!this.variant,t);var s=function(t){return h("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},role:"listitem",icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:i.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:i.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:function(){i.actionClick(t)}},h("span",{class:{}},t.label))};return h(Host,{"has-collapsed-items":this.actionsCollapsed.length>0},h("div",{class:e},h("div",{class:"stzh-actionset__actions",role:"list"},h("div",{ref:function(t){return i.actionsElement=t},class:"stzh-actionset__actions-wrapper"},this._actions.map((function(t){return(i.dynamicActions||!i.dynamicActions&&i.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?h("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t)):s(t))}))),h("stzh-popover",{label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},h("stzh-button",{fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"default":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:""}),h("stzh-menu",{slot:"content"},this.actionsCollapsed.map((function(t){return h("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:function(){i.actionClick(t)}},t.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{actions:["actionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhActionset.style=stzhActionsetCss;export{StzhActionset as stzh_actionset};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,a as Host,g as getElement}from"./index-
|
|
1
|
+
import{r as registerInstance,h,a as Host,g as getElement}from"./index-84f71a43.js";import{s as setPropsIfNull}from"./utils-68a28fce.js";var stzhAppnavCss=".sc-stzh-appnav-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-appnav-h{display:none}.sc-stzh-appnav-h *.sc-stzh-appnav,.sc-stzh-appnav-h *.sc-stzh-appnav::before,.sc-stzh-appnav-h *.sc-stzh-appnav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-appnav-h{width:100%}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link{--text-decoration:none;--hover-text-decoration:none;letter-spacing:0.01em}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:row;flex-direction:row}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-xsmall)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__icon-wrapper{height:auto}}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>*:not(:last-child){margin-right:var(--stzh-space-xlarge)}}.stzh-appnav.sc-stzh-appnav{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);height:4rem;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (min-width: 600px){.stzh-appnav.sc-stzh-appnav{height:3rem;text-align:left}}.stzh-appnav__items.sc-stzh-appnav{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-appnav__items.sc-stzh-appnav{-ms-flex-positive:0;flex-grow:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}}.stzh-appnav__title.sc-stzh-appnav{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);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);color:var(--stzh-base-color);text-decoration:none;white-space:nowrap;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);display:none}@media screen and (min-width: 800px){.stzh-appnav__title.sc-stzh-appnav{display:-ms-flexbox;display:flex}}.stzh-appnav__title.sc-stzh-appnav:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-appnav__title.sc-stzh-appnav:hover .stzh-appnav__status.sc-stzh-appnav{border-color:rgba(7, 2, 80, 0.4)}.stzh-appnav__status.sc-stzh-appnav{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:0.875rem;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;border:0.0625rem solid rgba(115, 115, 115, 0.25);color:inherit;-webkit-transform:translateY(calc(var(--stzh-space-xsmall) * -1));transform:translateY(calc(var(--stzh-space-xsmall) * -1));margin-left:var(--stzh-space-xxsmall);-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}";var StzhAppnav=function(){function t(t){var s=this;registerInstance(this,t);this.appTitle="";this.appStatus="";this.appHref="";this.init=function(){var t=s.element.querySelectorAll("stzh-link");t.forEach((function(t){setPropsIfNull(t,{size:"small",variant:"secondary"});t.setAttribute("role","listitem")}))}}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-appnav"},h("div",{class:"stzh-appnav__items",role:"list"},h("slot",null)),this.appTitle&&h("a",{class:"stzh-appnav__title",href:this.appHref},this.appTitle,this.appStatus&&h("span",{class:"stzh-appnav__status"},this.appStatus))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhAppnav.style=stzhAppnavCss;export{StzhAppnav as stzh_appnav};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,s){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{p(s.next(t))}catch(e){a(e)}}function r(t){try{p(s["throw"](t))}catch(e){a(e)}}function p(t){t.done?n(t.value):i(t.value).then(o,r)}p((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,i,a,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(t){return function(e){return p([t,e])}}function p(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(r){o=[6,r];i=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-0e6d34c6.js";import{f as fetchTranslations,t as tc}from"./translation-utils-2623783f.js";import{p as parseISODate,a as printISODate}from"./date-utils-be83fff1.js";import{c as createGlobalAdapter}from"./date-adapter-cbc340fa.js";var stzhAppointmentsCss=".sc-stzh-appointments-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-appointments-h{display:none}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-appointments__wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-large)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);height:var(--stzh-space-xxlarge)}}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{display:-ms-flexbox;display:flex}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{margin-right:var(--stzh-space-xsmall);display:none}@media screen and (min-width: 1024px){.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{display:-ms-inline-flexbox;display:inline-flex}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments,.stzh-appointments__appointments-content.sc-stzh-appointments{background-color:var(--stzh-color-white);border:0.0625rem solid var(--stzh-color-grey13);border-radius:0.125rem}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{padding:var(--stzh-space-xlarge);-ms-flex-positive:1;flex-grow:1}.stzh-appointments__more-link.sc-stzh-appointments{margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 1024px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}";var StzhAppointments=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.sortBy="start";this.appointments=[];this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=function(t){var n=!!e._appointments.find((function(e){return e.start.getFullYear()===t.getFullYear()&&e.start.getMonth()===t.getMonth()&&e.start.getDate()===t.getDate()}));return!n};this.onNextActiveDateClick=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.nextDate)return[3,2];this.currentDate=this.nextDate;return[4,this.datepickerElement.getPopover()];case 1:t=e.sent();if(t){t.hide()}e.label=2;case 2:return[2]}}))}))};this.onMoreClick=function(){e.showItems=e.stepItems+e.showItems;var t=e.inputElement.querySelector("stzh-radio");t.setFocus()};this.onDropdownChange=function(t){return __awaiter(e,void 0,void 0,(function(){var e,n;return __generator(this,(function(s){switch(s.label){case 0:e=t.target;return[4,e.getValue()];case 1:n=s.sent();if(n){this.sortBy=n}return[2]}}))}))};this.onDatepickerChange=function(t){if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}e.currentDate=t.detail.valueAsDate;e.showItems=e.stepItems};this.onRadioChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-appointments",value:e.value})}}t.prototype.currentDateWatcher=function(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=parseISODate(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;this.setValueToFirstAppointmentOfCurrentDate()}};t.prototype.sortByWatcher=function(){this.setValueToFirstAppointmentOfCurrentDate()};t.prototype.valueWatcher=function(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)};t.prototype.appointmentsWatcher=function(t){if(typeof t==="string"){this._appointments=JSON.parse(t)}else{this._appointments=t}this._appointments.forEach((function(t){t.start=new Date(t.start);t.end=new Date(t.end)}));if(this._appointments.length>0){this._appointments.sort((function(t,e){return t["start"]>e["start"]?1:-1}));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){var e=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((function(t){return t.start})).every((function(t){return"".concat(t.getFullYear(),"-").concat(t.getMonth(),"-").concat(t.getDate())==="".concat(e.getFullYear(),"-").concat(e.getMonth(),"-").concat(e.getDate())}))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)};t.prototype.updateDateByValue=function(){var t=this;this.dateByValue=this.value&&this._appointments.find((function(e){return e.value===t.value})).start};t.prototype.getCurrentDateAppointments=function(){var t=this;var e=0;var n=this._appointments.filter((function(n,s){var i=n.start.getFullYear()===t._currentDate.getFullYear()&&n.start.getMonth()===t._currentDate.getMonth()&&n.start.getDate()===t._currentDate.getDate();if(i){e=s}return i}));if(this._appointments[e+1]){this.nextDate=this._appointments[e+1].start}else{this.nextDate=null}n.sort((function(e,n){return e[t.sortBy]>n[t.sortBy]?1:-1}));return n};t.prototype.setValueToFirstAppointmentOfCurrentDate=function(){var t=this.getCurrentDateAppointments().filter((function(t){return!t.disabled}));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.appointmentsWatcher(this.appointments);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"appointments")];case 1:t.localization=e.sent();e.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=createGlobalAdapter(this.localization.$formats,this.localization.$globals)}return[2]}}))}))};t.prototype.componentWillRender=function(){var t=this;var e=this.getCurrentDateAppointments();this.appointmentsShown=e.slice(0,this.showItems);this.showMoreLink=this.showItems<e.length;this.moreItemsLeft=e.length-this.showItems;this.showSortStart=e.map((function(e){return t.dateAdapter.format(e.start,"time")})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.showSortPlace=e.map((function(t){return t.place})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy};t.prototype.componentDidRender=function(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}};t.prototype.render=function(){var t=this;var e={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-appointments__wrapper"},this.showCalendar&&h("div",{class:"stzh-appointments__calendar-wrapper"},h("div",{class:"stzh-appointments__calendar-title-wrapper"},h("div",{class:"stzh-appointments__calendar-title"},h("stzh-icon",{class:"stzh-appointments__calendar-icon",name:"calendar"}),h("stzh-text",{font:"heavy"},this.calendarTitle||this.localization.calendarTitle))),h("div",{class:"stzh-appointments__calendar-content"},h("stzh-datepicker",{ref:function(e){return t.datepickerElement=e},onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},h("stzh-link",{slot:"action",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments)))),h("div",{class:"stzh-appointments__calendar-content-medium"},h("stzh-datepicker",{ref:function(e){return t.datepickerElementMedium=e},onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},this.nextDate&&h("stzh-link",{slot:"action",onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments))))),h("div",{class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&h("div",{class:"stzh-appointments__appointments-title-wrapper"},h("div",{class:"stzh-appointments__appointments-title"},h("stzh-icon",{class:"stzh-appointments__appointments-icon",name:"clock"}),h("stzh-text",{font:"heavy"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&h("div",{class:"stzh-appointments__sort"},h("stzh-dropdown",{inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),h("div",{class:"stzh-appointments__appointments-content"},h("stzh-radiogroup",{ref:function(e){return t.inputElement=e},legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((function(e){return h("stzh-radio",{onStzhChange:t.onRadioChange,value:e.value,disabled:typeof e.disabled!=="undefined"?e.disabled:false},h("stzh-text",{font:"heavy",size:"milli"},!t.showCalendar&&h("span",null,t.dateAdapter.format(e.start),", "),t.dateAdapter.format(e.start,"time"),h("span",{innerHTML:t.localization.$formats.timeRange}),t.dateAdapter.format(e.end,"time"),h("span",{innerHTML:t.localization.$formats.timePostfix})),h("stzh-text",{size:"milli"},e.caption))}))),this.showMoreLink&&h("stzh-link",{class:"stzh-appointments__more-link",onClick:this.onMoreClick},h("stzh-text",{size:"milli"},tc(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}},enumerable:false,configurable:true});return t}();StzhAppointments.style=stzhAppointmentsCss;export{StzhAppointments as stzh_appointments};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,s){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{p(s.next(t))}catch(e){a(e)}}function r(t){try{p(s["throw"](t))}catch(e){a(e)}}function p(t){t.done?n(t.value):i(t.value).then(o,r)}p((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,i,a,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(t){return function(e){return p([t,e])}}function p(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(r){o=[6,r];i=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-84f71a43.js";import{f as fetchTranslations,t as tc}from"./translation-utils-2623783f.js";import{p as parseISODate,a as printISODate}from"./date-utils-be83fff1.js";import{c as createGlobalAdapter}from"./date-adapter-cbc340fa.js";var stzhAppointmentsCss=".sc-stzh-appointments-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-appointments-h{display:none}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-appointments__wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-large)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--stzh-space-medium);height:var(--stzh-space-xxlarge)}}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{display:-ms-flexbox;display:flex}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{margin-right:var(--stzh-space-xsmall);display:none}@media screen and (min-width: 1024px){.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{display:-ms-inline-flexbox;display:inline-flex}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments,.stzh-appointments__appointments-content.sc-stzh-appointments{background-color:var(--stzh-color-white);border:0.0625rem solid var(--stzh-color-grey13);border-radius:0.125rem}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{padding:var(--stzh-space-xlarge);-ms-flex-positive:1;flex-grow:1}.stzh-appointments__more-link.sc-stzh-appointments{margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 1024px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}";var StzhAppointments=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this.sortBy="start";this.appointments=[];this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=function(t){var n=!!e._appointments.find((function(e){return e.start.getFullYear()===t.getFullYear()&&e.start.getMonth()===t.getMonth()&&e.start.getDate()===t.getDate()}));return!n};this.onNextActiveDateClick=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.nextDate)return[3,2];this.currentDate=this.nextDate;return[4,this.datepickerElement.getPopover()];case 1:t=e.sent();if(t){t.hide()}e.label=2;case 2:return[2]}}))}))};this.onMoreClick=function(){e.showItems=e.stepItems+e.showItems;var t=e.inputElement.querySelector("stzh-radio");t.setFocus()};this.onDropdownChange=function(t){return __awaiter(e,void 0,void 0,(function(){var e,n;return __generator(this,(function(s){switch(s.label){case 0:e=t.target;return[4,e.getValue()];case 1:n=s.sent();if(n){this.sortBy=n}return[2]}}))}))};this.onDatepickerChange=function(t){if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}e.currentDate=t.detail.valueAsDate;e.showItems=e.stepItems};this.onRadioChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-appointments",value:e.value})}}t.prototype.currentDateWatcher=function(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=parseISODate(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;this.setValueToFirstAppointmentOfCurrentDate()}};t.prototype.sortByWatcher=function(){this.setValueToFirstAppointmentOfCurrentDate()};t.prototype.valueWatcher=function(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)};t.prototype.appointmentsWatcher=function(t){if(typeof t==="string"){this._appointments=JSON.parse(t)}else{this._appointments=t}this._appointments.forEach((function(t){t.start=new Date(t.start);t.end=new Date(t.end)}));if(this._appointments.length>0){this._appointments.sort((function(t,e){return t["start"]>e["start"]?1:-1}));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){var e=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((function(t){return t.start})).every((function(t){return"".concat(t.getFullYear(),"-").concat(t.getMonth(),"-").concat(t.getDate())==="".concat(e.getFullYear(),"-").concat(e.getMonth(),"-").concat(e.getDate())}))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)};t.prototype.updateDateByValue=function(){var t=this;this.dateByValue=this.value&&this._appointments.find((function(e){return e.value===t.value})).start};t.prototype.getCurrentDateAppointments=function(){var t=this;var e=0;var n=this._appointments.filter((function(n,s){var i=n.start.getFullYear()===t._currentDate.getFullYear()&&n.start.getMonth()===t._currentDate.getMonth()&&n.start.getDate()===t._currentDate.getDate();if(i){e=s}return i}));if(this._appointments[e+1]){this.nextDate=this._appointments[e+1].start}else{this.nextDate=null}n.sort((function(e,n){return e[t.sortBy]>n[t.sortBy]?1:-1}));return n};t.prototype.setValueToFirstAppointmentOfCurrentDate=function(){var t=this.getCurrentDateAppointments().filter((function(t){return!t.disabled}));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.appointmentsWatcher(this.appointments);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"appointments")];case 1:t.localization=e.sent();e.label=2;case 2:if(!this.dateAdapter){this.dateAdapter=createGlobalAdapter(this.localization.$formats,this.localization.$globals)}return[2]}}))}))};t.prototype.componentWillRender=function(){var t=this;var e=this.getCurrentDateAppointments();this.appointmentsShown=e.slice(0,this.showItems);this.showMoreLink=this.showItems<e.length;this.moreItemsLeft=e.length-this.showItems;this.showSortStart=e.map((function(e){return t.dateAdapter.format(e.start,"time")})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.showSortPlace=e.map((function(t){return t.place})).filter((function(t,e,n){return n.indexOf(t)==e})).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy};t.prototype.componentDidRender=function(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}};t.prototype.render=function(){var t=this;var e={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-appointments__wrapper"},this.showCalendar&&h("div",{class:"stzh-appointments__calendar-wrapper"},h("div",{class:"stzh-appointments__calendar-title-wrapper"},h("div",{class:"stzh-appointments__calendar-title"},h("stzh-icon",{class:"stzh-appointments__calendar-icon",name:"calendar"}),h("stzh-text",{font:"heavy"},this.calendarTitle||this.localization.calendarTitle))),h("div",{class:"stzh-appointments__calendar-content"},h("stzh-datepicker",{ref:function(e){return t.datepickerElement=e},onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},h("stzh-link",{slot:"action",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments)))),h("div",{class:"stzh-appointments__calendar-content-medium"},h("stzh-datepicker",{ref:function(e){return t.datepickerElementMedium=e},onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:printISODate(this.earliestDate),calendarMax:printISODate(this.latestDate)},this.nextDate&&h("stzh-link",{slot:"action",onClick:this.onNextActiveDateClick},h("stzh-text",{size:"milli"},this.localization.nextDayWithAppointments))))),h("div",{class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&h("div",{class:"stzh-appointments__appointments-title-wrapper"},h("div",{class:"stzh-appointments__appointments-title"},h("stzh-icon",{class:"stzh-appointments__appointments-icon",name:"clock"}),h("stzh-text",{font:"heavy"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&h("div",{class:"stzh-appointments__sort"},h("stzh-dropdown",{inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),h("div",{class:"stzh-appointments__appointments-content"},h("stzh-radiogroup",{ref:function(e){return t.inputElement=e},legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((function(e){return h("stzh-radio",{onStzhChange:t.onRadioChange,value:e.value,disabled:typeof e.disabled!=="undefined"?e.disabled:false},h("stzh-text",{font:"heavy",size:"milli"},!t.showCalendar&&h("span",null,t.dateAdapter.format(e.start),", "),t.dateAdapter.format(e.start,"time"),h("span",{innerHTML:t.localization.$formats.timeRange}),t.dateAdapter.format(e.end,"time"),h("span",{innerHTML:t.localization.$formats.timePostfix})),h("stzh-text",{size:"milli"},e.caption))}))),this.showMoreLink&&h("stzh-link",{class:"stzh-appointments__more-link",onClick:this.onMoreClick},h("stzh-text",{size:"milli"},tc(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}},enumerable:false,configurable:true});return t}();StzhAppointments.style=stzhAppointmentsCss;export{StzhAppointments as stzh_appointments};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,o,e,s){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,r){function i(t){try{h(s.next(t))}catch(o){r(o)}}function a(t){try{h(s["throw"](t))}catch(o){r(o)}}function h(t){t.done?e(t.value):n(t.value).then(i,a)}h((s=s.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(o){return h([t,o])}}function h(i){if(s)throw new TypeError("Generator is already executing.");while(e)try{if(s=1,n&&(r=i[0]&2?n["return"]:i[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,i[1])).done)return r;if(n=0,r)i=[i[0]&2,r.value];switch(i[0]){case 0:case 1:r=i;break;case 4:e.label++;return{value:i[1],done:false};case 5:e.label++;n=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!r||i[1]>r[0]&&i[1]<r[3])){e.label=i[1];break}if(i[0]===6&&e.label<r[1]){e.label=r[1];r=i;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(i);break}if(r[2])e.ops.pop();e.trys.pop();continue}i=o.call(t,e)}catch(a){i=[6,a];n=0}finally{s=r=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,c as createEvent,F as Fragment,g as getElement}from"./index-0e6d34c6.js";import{h as hasSlot}from"./utils-904416df.js";var stzhBadgeCss=".sc-stzh-badge-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{display:-ms-inline-flexbox;display:inline-flex}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--stzh-color-shiraz);color:var(--stzh-color-white);text-transform:uppercase}";var StzhBadge=function(){function t(t){registerInstance(this,t);this.label=""}t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-badge"},this.label))};return t}();StzhBadge.style=stzhBadgeCss;var 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:var(--stzh-space-xsmall) var(--stzh-space-xlarge);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:inline-block;border-radius:var(--stzh-button-border-radius)}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:var(--stzh-space-xxsmall) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);border:0.0625rem solid var(--border-color);cursor:pointer;text-decoration:none;width:100%;min-width:var(--height);height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{white-space:nowrap}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}';var StzhButton=function(){function t(t){var o=this;registerInstance(this,t);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.badge="";this.badgePosition="button";this.fullwidth=false;this.size="default";this.textAlign="default";this.variant="default";this.icon="";this.iconPosition="left";this.href="";this.target="";this.type="button";this.disabled=false;this.active=false;this.label="";this.effect="default";this.iconOnly=false;this.a11yDescribedby="";this.onFocus=function(t){var e=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(e);o.stzhFocus.emit({component:"stzh-button",originalEvent:t})};this.onBlur=function(t){var e=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(e);o.stzhBlur.emit({component:"stzh-button",originalEvent:t})};this.onClick=function(t){if(o.disabled){t.stopPropagation();t.preventDefault()}}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus();return[2]}))}))};t.prototype.renderIcon=function(t){return h("div",{class:"stzh-button__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-button__icon",name:this.icon}):h("slot",{name:"icon"}),this.badge&&this.badgePosition==="icon"&&t&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge}))};t.prototype.renderContent=function(){return h("div",{class:"stzh-button__text"},this.label?this.label:h("slot",null))};t.prototype.renderInner=function(t){return h(Fragment,null,h("div",{class:"stzh-button__inner",onClick:this.onClick},this.iconPosition==="left"&&this.renderIcon(t),this.renderContent(),this.iconPosition==="right"&&this.renderIcon(t)),this.badge&&(this.badgePosition==="button"||!t)&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,onClick:this.onClick}))};t.prototype.render=function(){var t;var o=this;var e=hasSlot(this.element,"icon")||!!this.icon;var s=(t={"stzh-button":true,"stzh-button--fullwidth":this.fullwidth,"stzh-button--has-icon":e,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-disabled":this.disabled,"stzh-button--is-active":this.active},t["stzh-button--effect-".concat(this.effect)]=!!this.effect,t["stzh-button--badge-position-".concat(this.badgePosition)]=!!this.badgePosition,t["stzh-button--align-".concat(this.textAlign)]=!!this.textAlign,t["stzh-button--size-".concat(this.size)]=!!this.size,t["stzh-button--".concat(this.variant)]=!!this.variant,t);return h(Host,null,this.href?h("a",{ref:function(t){return o.button=t},href:this.disabled?null:this.href,target:this.target,class:s,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(e)):h("button",{ref:function(t){return o.button=t},class:s,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(e)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhButton.style=stzhButtonCss;var stzhIconCss=".sc-stzh-icon-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-icon-h{display:none}.sc-stzh-icon-h *.sc-stzh-icon,.sc-stzh-icon-h *.sc-stzh-icon::before,.sc-stzh-icon-h *.sc-stzh-icon::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-icon-h{--size:var(--stzh-icon-size-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:currentColor;vertical-align:text-top}.stzh-icon.sc-stzh-icon{width:var(--size);height:var(--size)}";var iconCounter=0;var StzhIcon=function(){function t(t){registerInstance(this,t);this.name="";this.a11yTitle=""}t.prototype.componentWillLoad=function(){this.iconId="stzh-icon-".concat(iconCounter++)};t.prototype.render=function(){return h(Host,null,this.name&&h("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?"".concat(this.iconId,"-title"):null},this.a11yTitle&&h("title",{id:"".concat(this.iconId,"-title")},this.a11yTitle),h("use",{href:"#stzh-icon-".concat(this.name)})))};return t}();StzhIcon.style=stzhIconCss;export{StzhBadge as stzh_badge,StzhButton as stzh_button,StzhIcon as stzh_icon};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,o,s,e){function n(t){return t instanceof s?t:new s((function(o){o(t)}))}return new(s||(s=Promise))((function(s,r){function i(t){try{h(e.next(t))}catch(o){r(o)}}function a(t){try{h(e["throw"](t))}catch(o){r(o)}}function h(t){t.done?s(t.value):n(t.value).then(i,a)}h((e=e.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var s={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},e,n,r,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(o){return h([t,o])}}function h(i){if(e)throw new TypeError("Generator is already executing.");while(s)try{if(e=1,n&&(r=i[0]&2?n["return"]:i[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,i[1])).done)return r;if(n=0,r)i=[i[0]&2,r.value];switch(i[0]){case 0:case 1:r=i;break;case 4:s.label++;return{value:i[1],done:false};case 5:s.label++;n=i[1];i=[0];continue;case 7:i=s.ops.pop();s.trys.pop();continue;default:if(!(r=s.trys,r=r.length>0&&r[r.length-1])&&(i[0]===6||i[0]===2)){s=0;continue}if(i[0]===3&&(!r||i[1]>r[0]&&i[1]<r[3])){s.label=i[1];break}if(i[0]===6&&s.label<r[1]){s.label=r[1];r=i;break}if(r&&s.label<r[2]){s.label=r[2];s.ops.push(i);break}if(r[2])s.ops.pop();s.trys.pop();continue}i=o.call(t,s)}catch(a){i=[6,a];n=0}finally{e=r=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,c as createEvent,F as Fragment,g as getElement}from"./index-84f71a43.js";import{h as hasSlot}from"./utils-68a28fce.js";var stzhBadgeCss=".sc-stzh-badge-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{display:-ms-inline-flexbox;display:inline-flex}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--stzh-color-shiraz);color:var(--stzh-color-white);text-transform:uppercase}";var StzhBadge=function(){function t(t){registerInstance(this,t);this.label=""}t.prototype.render=function(){return h(Host,null,h("div",{class:"stzh-badge"},this.label))};return t}();StzhBadge.style=stzhBadgeCss;var 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:var(--stzh-space-xsmall) var(--stzh-space-xlarge);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:inline-block;border-radius:var(--stzh-button-border-radius)}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:var(--stzh-space-xxsmall) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;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);height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{white-space:nowrap}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button__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:var(--stzh-color-grey5)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-grey5)}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}';var StzhButton=function(){function t(t){var o=this;registerInstance(this,t);this.stzhFocus=createEvent(this,"stzhFocus",7);this.stzhBlur=createEvent(this,"stzhBlur",7);this.stzhChange=createEvent(this,"stzhChange",7);this.badge="";this.badgePosition="button";this.fullwidth=false;this.size="default";this.textAlign="default";this.variant="default";this.icon="";this.iconPosition="left";this.checked=false;this.name="";this.value="";this.href="";this.target="";this.type="button";this.disabled=false;this.active=false;this.label="";this.effect="default";this.iconOnly=false;this.a11yDescribedby="";this.onInput=function(t){o.checked=o.input.checked;o.stzhChange.emit({component:"stzh-button",originalEvent:t,value:o.value,checked:o.checked})};this.onFocus=function(t){var s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(s);o.stzhFocus.emit({component:"stzh-button",originalEvent:t})};this.onBlur=function(t){var s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});o.element.dispatchEvent(s);o.stzhBlur.emit({component:"stzh-button",originalEvent:t})};this.onClick=function(t){if(o.disabled){t.stopPropagation();t.preventDefault()}}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus();return[2]}))}))};t.prototype.renderIcon=function(t){return h("div",{class:"stzh-button__icon-wrapper"},this.icon?h("stzh-icon",{class:"stzh-button__icon",name:this.icon}):h("slot",{name:"icon"}),this.badge&&this.badgePosition==="icon"&&t&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge}))};t.prototype.renderContent=function(){return h("div",{class:"stzh-button__text"},this.label?this.label:h("slot",null))};t.prototype.renderInner=function(t){return h(Fragment,null,h("div",{class:"stzh-button__inner",onClick:this.onClick},this.type==="radio"&&h("div",{class:"stzh-button__mark"},h("div",{class:"stzh-button__check"})),this.iconPosition==="left"&&this.renderIcon(t),this.renderContent(),this.iconPosition==="right"&&this.renderIcon(t)),this.badge&&(this.badgePosition==="button"||!t)&&h("stzh-badge",{class:"stzh-button__badge",label:this.badge,onClick:this.onClick}))};t.prototype.render=function(){var t;var o=this;var s=hasSlot(this.element,"icon")||!!this.icon;var e=(t={"stzh-button":true,"stzh-button--fullwidth":this.fullwidth,"stzh-button--has-icon":s,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-disabled":this.disabled,"stzh-button--is-active":this.active},t["stzh-button--effect-".concat(this.effect)]=!!this.effect,t["stzh-button--badge-position-".concat(this.badgePosition)]=!!this.badgePosition,t["stzh-button--align-".concat(this.textAlign)]=!!this.textAlign,t["stzh-button--size-".concat(this.size)]=!!this.size,t["stzh-button--type-".concat(this.type)]=!!this.type,t["stzh-button--".concat(this.variant)]=!!this.variant,t);return h(Host,null,this.href?h("a",{ref:function(t){return o.button=t},href:this.disabled?null:this.href,target:this.target,class:e,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(s)):this.type==="radio"?h("label",{ref:function(t){return o.button=t},class:e,onClick:this.onClick},h("input",{ref:function(t){return o.input=t},type:"radio",class:"stzh-button__input",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,onInput:this.onInput}),this.renderInner(s)):h("button",{ref:function(t){return o.button=t},class:e,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(s)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhButton.style=stzhButtonCss;var stzhIconCss=".sc-stzh-icon-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-icon-h{display:none}.sc-stzh-icon-h *.sc-stzh-icon,.sc-stzh-icon-h *.sc-stzh-icon::before,.sc-stzh-icon-h *.sc-stzh-icon::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-icon-h{--size:var(--stzh-icon-size-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:currentColor;vertical-align:text-top}.stzh-icon.sc-stzh-icon{width:var(--size);height:var(--size)}";var iconCounter=0;var StzhIcon=function(){function t(t){registerInstance(this,t);this.name="";this.a11yTitle=""}t.prototype.componentWillLoad=function(){this.iconId="stzh-icon-".concat(iconCounter++)};t.prototype.render=function(){return h(Host,null,this.name&&h("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?"".concat(this.iconId,"-title"):null},this.a11yTitle&&h("title",{id:"".concat(this.iconId,"-title")},this.a11yTitle),h("use",{href:"#stzh-icon-".concat(this.name)})))};return t}();StzhIcon.style=stzhIconCss;export{StzhBadge as stzh_badge,StzhButton as stzh_button,StzhIcon as stzh_icon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,a,t,s){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(s.next(e))}catch(a){r(a)}}function i(e){try{l(s["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):n(e.value).then(o,i)}l((s=s.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function i(e){return function(a){return l([e,a])}}function l(o){if(s)throw new TypeError("Generator is already executing.");while(t)try{if(s=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=a.call(e,t)}catch(i){o=[6,i];n=0}finally{s=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{h,r as registerInstance,c as createEvent,a as Host,g as getElement}from"./index-0e6d34c6.js";import{i as isEqual,b as isEqualMonth,g as getViewOfMonth,c as inRange,D as DaysOfWeek,p as parseISODate,d as clamp,a as printISODate,e as addDays,s as startOfWeek,f as endOfWeek,h as setMonth,j as startOfMonth,k as endOfMonth,l as setYear}from"./date-utils-be83fff1.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var StzhCalendarDay=function(e){var a=e.focusedDay,t=e.today,s=e.day,n=e.onDaySelect,r=e.onKeyboardNavigation,o=e.focusedDayRef,i=e.disabled,l=e.inRange,c=e.isSelected,d=e.dateFormatter;var u=isEqual(s,t);var f=isEqualMonth(s,a);var z=isEqual(s,a);var p=!l;function y(e){n(e,s)}return h("button",{class:{"stzh-calendar__day":true,"is-outside":p,"is-today":u,"is-month":f,"is-disabled":i},tabIndex:z?0:-1,onClick:y,onKeyDown:r,"aria-disabled":i?"true":undefined,disabled:p,type:"button","aria-pressed":c?"true":"false","aria-current":u?"date":undefined,ref:function(e){if(z&&e&&o){o(e)}}},h("span",{"aria-hidden":"true"},s.getDate()),h("span",{class:"stzh-calendar__vhidden"},d.format(s)))};function chunk(e,a){var t=[];for(var s=0;s<e.length;s+=a){t.push(e.slice(s,s+a))}return t}function mapWithOffset(e,a,t){return e.map((function(s,n){var r=(n+a)%e.length;return t(e[r])}))}var StzhCalendarMonth=function(e){var a=e.selectedDate,t=e.focusedDate,s=e.labelledById,n=e.localization,r=e.firstDayOfWeek,o=e.min,i=e.max,l=e.dateFormatter,c=e.isDateDisabled,d=e.onDateSelect,u=e.onKeyboardNavigation,f=e.focusedDayRef;var z=new Date;var p=getViewOfMonth(t,r);return h("table",{class:"stzh-calendar__table","aria-labelledby":s},h("thead",null,h("tr",null,mapWithOffset(n.$globals.dayNames,r,(function(e){return h("th",{class:"stzh-calendar__table-header",scope:"col"},h("span",{"aria-hidden":"true"},e.substring(0,2)),h("span",{class:"stzh-calendar__vhidden"},e))})))),h("tbody",null,chunk(p,7).map((function(e){return h("tr",{class:"stzh-calendar__row"},e.map((function(e){return h("td",{class:"stzh-calendar__cell"},h(StzhCalendarDay,{day:e,today:z,focusedDay:t,isSelected:isEqual(e,a),disabled:c(e),inRange:inRange(e,o,i),onDaySelect:d,dateFormatter:l,onKeyboardNavigation:u,focusedDayRef:f}))})))}))))};var 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;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:0}.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}';function range(e,a){var t=[];for(var s=e;s<=a;s++){t.push(s)}return t}var keyCode={TAB:9,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};var calendarCounter=0;var StzhCalendar=function(){function e(e){var a=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this.value="";this.min="";this.max="";this.firstDayOfWeek=DaysOfWeek.Monday;this.isDateDisabled=function(){return false};this.activeFocus=false;this.focusedDay=new Date;this.initialTouchX=null;this.initialTouchY=null;this.enableActiveFocus=function(){a.activeFocus=true};this.disableActiveFocus=function(){a.activeFocus=false};this.handleTouchStart=function(e){var t=e.changedTouches[0];a.initialTouchX=t.pageX;a.initialTouchY=t.pageY};this.handleTouchEnd=function(e){var t=e.changedTouches[0];var s=t.pageX-a.initialTouchX;var n=t.pageY-a.initialTouchY;var r=70;var o=Math.abs(s)>=r&&Math.abs(n)<=r;if(o){a.addMonths(s<0?1:-1)}a.initialTouchY=null;a.initialTouchX=null};this.handleNextMonthClick=function(e){e.preventDefault();a.addMonths(1)};this.handlePreviousMonthClick=function(e){e.preventDefault();a.addMonths(-1)};this.handleKeyboardNavigation=function(e){var t=true;switch(e.keyCode){case keyCode.RIGHT:a.addDays(1);break;case keyCode.LEFT:a.addDays(-1);break;case keyCode.DOWN:a.addDays(7);break;case keyCode.UP:a.addDays(-7);break;case keyCode.PAGE_UP:if(e.shiftKey){a.addYears(-1)}else{a.addMonths(-1)}break;case keyCode.PAGE_DOWN:if(e.shiftKey){a.addYears(1)}else{a.addMonths(1)}break;case keyCode.HOME:a.startOfWeek();break;case keyCode.END:a.endOfWeek();break;default:t=false}if(t){e.preventDefault();a.enableActiveFocus()}};this.handleDaySelect=function(e,t){var s=inRange(t,parseISODate(a.min),parseISODate(a.max));var n=!a.isDateDisabled(t);if(s&&n){a.setDate(t);a.stzhChange.emit({component:"stzh-calendar",value:a.value,valueAsDate:t})}else{a.setFocusedDay(t)}};this.handleMonthSelect=function(e){a.setMonth(parseInt(e.target.value,10))};this.handleYearSelect=function(e){a.setYear(parseInt(e.target.value,10))};this.processFocusedDayNode=function(e){if(a.activeFocus){setTimeout((function(){return e.focus()}),0)}}}e.prototype.createDateFormatters=function(){if(this.localization){this.dateFormatShort=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long"})}};e.prototype.valueWatcher=function(e){if(e){this.setFocusedDay(parseISODate(this.value))}else{this.setFocusedDay(new Date)}};e.prototype.setFocusedDay=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.focusedDay=clamp(e,parseISODate(this.min),parseISODate(this.max));return[2]}))}))};e.prototype.setDate=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=printISODate(e);return[2]}))}))};e.prototype.addDays=function(e){this.setFocusedDay(addDays(this.focusedDay,e))};e.prototype.addMonths=function(e){this.setMonth(this.focusedDay.getMonth()+e)};e.prototype.addYears=function(e){this.setYear(this.focusedDay.getFullYear()+e)};e.prototype.startOfWeek=function(){this.setFocusedDay(startOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.setMonth=function(e){var a=setMonth(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setMonth(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.setYear=function(e){var a=setYear(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setYear(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){switch(a.label){case 0:this.monthSelectId="stzh-calendar-month-".concat(calendarCounter);this.yearSelectId="stzh-calendar-year-".concat(calendarCounter);this.dialogLabelId="stzh-calendar-dialog-".concat(calendarCounter);calendarCounter++;this.valueWatcher(this.value);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"calendar")];case 1:e.localization=a.sent();a.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.createDateFormatters()};e.prototype.render=function(){var e=parseISODate(this.value);var a=(e||this.focusedDay).getFullYear();var t=this.focusedDay.getMonth();var s=this.focusedDay.getFullYear();var n=parseISODate(this.min);var r=parseISODate(this.max);var o=n!=null&&n.getMonth()===t&&n.getFullYear()===s;var i=r!=null&&r.getMonth()===t&&r.getFullYear()===s;var l=n?n.getFullYear():a-10;var c=r?r.getFullYear():a+10;return h(Host,null,h("div",{class:{"stzh-calendar":true},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{class:"stzh-calendar__wrapper"},h("div",{class:"stzh-calendar__header",onFocusin:this.disableActiveFocus},h("div",null,h("h2",{id:this.dialogLabelId,class:"stzh-calendar__vhidden","aria-live":"polite","aria-atomic":"true"},this.localization.$globals.monthNames[t],this.focusedDay.getFullYear()),h("label",{htmlFor:this.monthSelectId,class:"stzh-calendar__vhidden"},this.localization.monthSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.monthSelectId,class:"stzh-calendar__select stzh-calendar__select--month",onChange:this.handleMonthSelect},this.localization.$globals.monthNames.map((function(e,a){return h("option",{key:e,value:a,selected:a===t,disabled:!inRange(new Date(s,a,1),n?startOfMonth(n):null,r?endOfMonth(r):null)},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.localization.$globals.monthNamesShort[t]),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"}))),h("label",{htmlFor:this.yearSelectId,class:"stzh-calendar__vhidden"},this.localization.yearSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.yearSelectId,class:"stzh-calendar__select stzh-calendar__select--year",onChange:this.handleYearSelect},range(l,c).map((function(e){return h("option",{key:e,selected:e===s},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"})))),h("div",{class:"stzh-calendar__nav"},h("button",{class:"stzh-calendar__prev",onClick:this.handlePreviousMonthClick,disabled:o,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-left"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.prevMonthLabel)),h("button",{class:"stzh-calendar__next",onClick:this.handleNextMonthClick,disabled:i,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-right"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.nextMonthLabel)))),h(StzhCalendarMonth,{dateFormatter:this.dateFormatShort,selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:n,max:r,isDateDisabled:this.isDateDisabled}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{localization:["createDateFormatters"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();StzhCalendar.style=stzhCalendarCss;export{StzhCalendar as stzh_calendar};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,a,t,s){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(s.next(e))}catch(a){r(a)}}function i(e){try{l(s["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):n(e.value).then(o,i)}l((s=s.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function i(e){return function(a){return l([e,a])}}function l(o){if(s)throw new TypeError("Generator is already executing.");while(t)try{if(s=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=a.call(e,t)}catch(i){o=[6,i];n=0}finally{s=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{h,r as registerInstance,c as createEvent,a as Host,g as getElement}from"./index-84f71a43.js";import{i as isEqual,b as isEqualMonth,g as getViewOfMonth,c as inRange,D as DaysOfWeek,p as parseISODate,d as clamp,a as printISODate,e as addDays,s as startOfWeek,f as endOfWeek,h as setMonth,j as startOfMonth,k as endOfMonth,l as setYear}from"./date-utils-be83fff1.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var StzhCalendarDay=function(e){var a=e.focusedDay,t=e.today,s=e.day,n=e.onDaySelect,r=e.onKeyboardNavigation,o=e.focusedDayRef,i=e.disabled,l=e.inRange,c=e.isSelected,d=e.dateFormatter;var u=isEqual(s,t);var f=isEqualMonth(s,a);var z=isEqual(s,a);var p=!l;function y(e){n(e,s)}return h("button",{class:{"stzh-calendar__day":true,"is-outside":p,"is-today":u,"is-month":f,"is-disabled":i},tabIndex:z?0:-1,onClick:y,onKeyDown:r,"aria-disabled":i?"true":undefined,disabled:p,type:"button","aria-pressed":c?"true":"false","aria-current":u?"date":undefined,ref:function(e){if(z&&e&&o){o(e)}}},h("span",{"aria-hidden":"true"},s.getDate()),h("span",{class:"stzh-calendar__vhidden"},d.format(s)))};function chunk(e,a){var t=[];for(var s=0;s<e.length;s+=a){t.push(e.slice(s,s+a))}return t}function mapWithOffset(e,a,t){return e.map((function(s,n){var r=(n+a)%e.length;return t(e[r])}))}var StzhCalendarMonth=function(e){var a=e.selectedDate,t=e.focusedDate,s=e.labelledById,n=e.localization,r=e.firstDayOfWeek,o=e.min,i=e.max,l=e.dateFormatter,c=e.isDateDisabled,d=e.onDateSelect,u=e.onKeyboardNavigation,f=e.focusedDayRef;var z=new Date;var p=getViewOfMonth(t,r);return h("table",{class:"stzh-calendar__table","aria-labelledby":s},h("thead",null,h("tr",null,mapWithOffset(n.$globals.dayNames,r,(function(e){return h("th",{class:"stzh-calendar__table-header",scope:"col"},h("span",{"aria-hidden":"true"},e.substring(0,2)),h("span",{class:"stzh-calendar__vhidden"},e))})))),h("tbody",null,chunk(p,7).map((function(e){return h("tr",{class:"stzh-calendar__row"},e.map((function(e){return h("td",{class:"stzh-calendar__cell"},h(StzhCalendarDay,{day:e,today:z,focusedDay:t,isSelected:isEqual(e,a),disabled:c(e),inRange:inRange(e,o,i),onDaySelect:d,dateFormatter:l,onKeyboardNavigation:u,focusedDayRef:f}))})))}))))};var 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;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:0}.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}';function range(e,a){var t=[];for(var s=e;s<=a;s++){t.push(s)}return t}var keyCode={TAB:9,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};var calendarCounter=0;var StzhCalendar=function(){function e(e){var a=this;registerInstance(this,e);this.stzhChange=createEvent(this,"stzhChange",7);this.value="";this.min="";this.max="";this.firstDayOfWeek=DaysOfWeek.Monday;this.isDateDisabled=function(){return false};this.activeFocus=false;this.focusedDay=new Date;this.initialTouchX=null;this.initialTouchY=null;this.enableActiveFocus=function(){a.activeFocus=true};this.disableActiveFocus=function(){a.activeFocus=false};this.handleTouchStart=function(e){var t=e.changedTouches[0];a.initialTouchX=t.pageX;a.initialTouchY=t.pageY};this.handleTouchEnd=function(e){var t=e.changedTouches[0];var s=t.pageX-a.initialTouchX;var n=t.pageY-a.initialTouchY;var r=70;var o=Math.abs(s)>=r&&Math.abs(n)<=r;if(o){a.addMonths(s<0?1:-1)}a.initialTouchY=null;a.initialTouchX=null};this.handleNextMonthClick=function(e){e.preventDefault();a.addMonths(1)};this.handlePreviousMonthClick=function(e){e.preventDefault();a.addMonths(-1)};this.handleKeyboardNavigation=function(e){var t=true;switch(e.keyCode){case keyCode.RIGHT:a.addDays(1);break;case keyCode.LEFT:a.addDays(-1);break;case keyCode.DOWN:a.addDays(7);break;case keyCode.UP:a.addDays(-7);break;case keyCode.PAGE_UP:if(e.shiftKey){a.addYears(-1)}else{a.addMonths(-1)}break;case keyCode.PAGE_DOWN:if(e.shiftKey){a.addYears(1)}else{a.addMonths(1)}break;case keyCode.HOME:a.startOfWeek();break;case keyCode.END:a.endOfWeek();break;default:t=false}if(t){e.preventDefault();a.enableActiveFocus()}};this.handleDaySelect=function(e,t){var s=inRange(t,parseISODate(a.min),parseISODate(a.max));var n=!a.isDateDisabled(t);if(s&&n){a.setDate(t);a.stzhChange.emit({component:"stzh-calendar",value:a.value,valueAsDate:t})}else{a.setFocusedDay(t)}};this.handleMonthSelect=function(e){a.setMonth(parseInt(e.target.value,10))};this.handleYearSelect=function(e){a.setYear(parseInt(e.target.value,10))};this.processFocusedDayNode=function(e){if(a.activeFocus){setTimeout((function(){return e.focus()}),0)}}}e.prototype.createDateFormatters=function(){if(this.localization){this.dateFormatShort=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long"})}};e.prototype.valueWatcher=function(e){if(e){this.setFocusedDay(parseISODate(this.value))}else{this.setFocusedDay(new Date)}};e.prototype.setFocusedDay=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.focusedDay=clamp(e,parseISODate(this.min),parseISODate(this.max));return[2]}))}))};e.prototype.setDate=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=printISODate(e);return[2]}))}))};e.prototype.addDays=function(e){this.setFocusedDay(addDays(this.focusedDay,e))};e.prototype.addMonths=function(e){this.setMonth(this.focusedDay.getMonth()+e)};e.prototype.addYears=function(e){this.setYear(this.focusedDay.getFullYear()+e)};e.prototype.startOfWeek=function(){this.setFocusedDay(startOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay,this.firstDayOfWeek))};e.prototype.setMonth=function(e){var a=setMonth(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setMonth(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.setYear=function(e){var a=setYear(startOfMonth(this.focusedDay),e);var t=endOfMonth(a);var s=setYear(this.focusedDay,e);this.setFocusedDay(clamp(s,a,t))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){switch(a.label){case 0:this.monthSelectId="stzh-calendar-month-".concat(calendarCounter);this.yearSelectId="stzh-calendar-year-".concat(calendarCounter);this.dialogLabelId="stzh-calendar-dialog-".concat(calendarCounter);calendarCounter++;this.valueWatcher(this.value);if(!!this.localization)return[3,2];e=this;return[4,fetchTranslations(this.element,"calendar")];case 1:e.localization=a.sent();a.label=2;case 2:return[2]}}))}))};e.prototype.connectedCallback=function(){this.createDateFormatters()};e.prototype.render=function(){var e=parseISODate(this.value);var a=(e||this.focusedDay).getFullYear();var t=this.focusedDay.getMonth();var s=this.focusedDay.getFullYear();var n=parseISODate(this.min);var r=parseISODate(this.max);var o=n!=null&&n.getMonth()===t&&n.getFullYear()===s;var i=r!=null&&r.getMonth()===t&&r.getFullYear()===s;var l=n?n.getFullYear():a-10;var c=r?r.getFullYear():a+10;return h(Host,null,h("div",{class:{"stzh-calendar":true},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},h("div",{class:"stzh-calendar__wrapper"},h("div",{class:"stzh-calendar__header",onFocusin:this.disableActiveFocus},h("div",null,h("h2",{id:this.dialogLabelId,class:"stzh-calendar__vhidden","aria-live":"polite","aria-atomic":"true"},this.localization.$globals.monthNames[t],this.focusedDay.getFullYear()),h("label",{htmlFor:this.monthSelectId,class:"stzh-calendar__vhidden"},this.localization.monthSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.monthSelectId,class:"stzh-calendar__select stzh-calendar__select--month",onChange:this.handleMonthSelect},this.localization.$globals.monthNames.map((function(e,a){return h("option",{key:e,value:a,selected:a===t,disabled:!inRange(new Date(s,a,1),n?startOfMonth(n):null,r?endOfMonth(r):null)},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.localization.$globals.monthNamesShort[t]),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"}))),h("label",{htmlFor:this.yearSelectId,class:"stzh-calendar__vhidden"},this.localization.yearSelectLabel),h("div",{class:"stzh-calendar__select-wrapper"},h("select",{id:this.yearSelectId,class:"stzh-calendar__select stzh-calendar__select--year",onChange:this.handleYearSelect},range(l,c).map((function(e){return h("option",{key:e,selected:e===s},e)}))),h("div",{class:"stzh-calendar__select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-down"})))),h("div",{class:"stzh-calendar__nav"},h("button",{class:"stzh-calendar__prev",onClick:this.handlePreviousMonthClick,disabled:o,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-left"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.prevMonthLabel)),h("button",{class:"stzh-calendar__next",onClick:this.handleNextMonthClick,disabled:i,type:"button"},h("stzh-icon",{class:"stzh-calendar__icon",name:"angle-right"}),h("span",{class:"stzh-calendar__vhidden"},this.localization.nextMonthLabel)))),h(StzhCalendarMonth,{dateFormatter:this.dateFormatShort,selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:n,max:r,isDateDisabled:this.isDateDisabled}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{localization:["createDateFormatters"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}();StzhCalendar.style=stzhCalendarCss;export{StzhCalendar as stzh_calendar};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,s,i){function a(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,l){function r(t){try{o(i.next(t))}catch(e){l(e)}}function n(t){try{o(i["throw"](t))}catch(e){l(e)}}function o(t){t.done?s(t.value):a(t.value).then(r,n)}o((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},i,a,l,r;return r={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function n(t){return function(e){return o([t,e])}}function o(r){if(i)throw new TypeError("Generator is already executing.");while(s)try{if(i=1,a&&(l=r[0]&2?a["return"]:r[0]?a["throw"]||((l=a["return"])&&l.call(a),0):a.next)&&!(l=l.call(a,r[1])).done)return l;if(a=0,l)r=[r[0]&2,l.value];switch(r[0]){case 0:case 1:l=r;break;case 4:s.label++;return{value:r[1],done:false};case 5:s.label++;a=r[1];r=[0];continue;case 7:r=s.ops.pop();s.trys.pop();continue;default:if(!(l=s.trys,l=l.length>0&&l[l.length-1])&&(r[0]===6||r[0]===2)){s=0;continue}if(r[0]===3&&(!l||r[1]>l[0]&&r[1]<l[3])){s.label=r[1];break}if(r[0]===6&&s.label<l[1]){s.label=l[1];l=r;break}if(l&&s.label<l[2]){s.label=l[2];s.ops.push(r);break}if(l[2])s.ops.pop();s.trys.pop();continue}r=e.call(t,s)}catch(n){r=[6,n];a=0}finally{i=l=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-84f71a43.js";import{c as cloneElement}from"./utils-68a28fce.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhCardListCss=".sc-stzh-card-list-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-list-h{display:none}.sc-stzh-card-list-h *.sc-stzh-card-list,.sc-stzh-card-list-h *.sc-stzh-card-list::before,.sc-stzh-card-list-h *.sc-stzh-card-list::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-card-list-h .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-card-list-h .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-card-list-h .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-card-list-h .sc-stzh-card-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-card-list-h .sc-stzh-card-list-s>stzh-text[slot=description]{--color:inherit}.stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 1024px){.stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){.stzh-card-list__header.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row}}.stzh-card-list__description.sc-stzh-card-list{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-card-list__description.sc-stzh-card-list{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:0}}.stzh-card-list__switch.sc-stzh-card-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}";var StzhCardList=function(){function t(t){var e=this;registerInstance(this,t);this.stzhCollapseAll=createEvent(this,"stzhCollapseAll",7);this.showToggleLink=false;this.sortableDisabled=false;this.sortableDataIdAttribute="data-id";this.sortableGhostClone=function(t){var e=cloneElement(t),s=e[0],i=e[1],a=e[2];if(i&&a&&i.tagName.toLowerCase()==="stzh-card"){var l=i;var r=a;l.heading=r.heading;l.subtitle=r.subtitle;l.headerActions=r.headerActions;l.footerActions=r.footerActions;l.hideMovementActions=r.hideMovementActions}return s};this.allCollapsed=false;this.collapseClick=function(){var t=Array.from(e.element.querySelectorAll("stzh-card"));t.forEach((function(t){if(t.collapsible){t.collapsed=!e.allCollapsed}}));e.allCollapsed=!e.allCollapsed;e.stzhCollapseAll.emit({component:"stzh-card-list",allCollapsed:e.allCollapsed})};this.updateCollapsedState=function(){var t=Array.from(e.element.querySelectorAll("stzh-card"));e.allCollapsed=!t.some((function(t){return!t.collapsed}))}}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"card-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t={"stzh-card-list":true};return h(Host,null,h("div",{class:t},h("div",{class:"stzh-card-list__header"},h("div",{class:"stzh-card-list__description"},h("slot",{name:"description"})),this.showToggleLink&&h("stzh-link",{class:"stzh-card-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),h("stzh-sortable",{disabled:this.sortableDisabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},h("div",{class:"stzh-card-list__cards",role:"list"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhCardList.style=stzhCardListCss;export{StzhCardList as stzh_card_list};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,s,a){function r(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,i){function c(t){try{h(a.next(t))}catch(e){i(e)}}function n(t){try{h(a["throw"](t))}catch(e){i(e)}}function h(t){t.done?s(t.value):r(t.value).then(c,n)}h((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,r,i,c;return c={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function n(t){return function(e){return h([t,e])}}function h(c){if(a)throw new TypeError("Generator is already executing.");while(s)try{if(a=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:s.label++;return{value:c[1],done:false};case 5:s.label++;r=c[1];c=[0];continue;case 7:c=s.ops.pop();s.trys.pop();continue;default:if(!(i=s.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){s=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){s.label=c[1];break}if(c[0]===6&&s.label<i[1]){s.label=i[1];i=c;break}if(i&&s.label<i[2]){s.label=i[2];s.ops.push(c);break}if(i[2])s.ops.pop();s.trys.pop();continue}c=e.call(t,s)}catch(n){c=[6,n];r=0}finally{a=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,f as forceUpdate,h,F as Fragment,a as Host,g as getElement}from"./index-84f71a43.js";import{s as setPropsIfNull,h as hasSlot}from"./utils-68a28fce.js";import{m as media}from"./media-utils-9b041ceb.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var 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;--dnd-visibility:hidden;--dnd-opacity:0;position:relative;border-radius:var(--border-radius)}[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)}.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]{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)}.stzh-card.sc-stzh-card{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 .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}.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: 600px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-large)}}.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.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);color:var(--stzh-base-lead-color)}@media screen and (min-width: 600px){.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){.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__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: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__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-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-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--type-alert.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{color:var(--stzh-color-error)}.stzh-card--type-alert.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--type-alert.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-error)}.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}';var StzhCard=function(){function t(t){var e=this;registerInstance(this,t);this.stzhCollapse=createEvent(this,"stzhCollapse",7);this.stzhSubtitleClick=createEvent(this,"stzhSubtitleClick",7);this.stzhStarClick=createEvent(this,"stzhStarClick",7);this.stzhHeaderActionClick=createEvent(this,"stzhHeaderActionClick",7);this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.value="";this.disabled=false;this.heading="";this.subtitle="";this._subtitles=[];this.headerActions=[];this.footerActions=[];this.subtitleInteractive=false;this.type="default";this.sortableDisabled=false;this.collapsible=false;this.hideHeaderBorder=false;this.hideFooterBorder=false;this.hideMovementActions=false;this.nodeChange=function(t){var s=false;t.forEach((function(t){if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){forceUpdate(e.element)}};this.update=function(){if(!e.mainElement){return}e.mainElement.classList.remove("stzh-card--has-collapsed-header");if(media("medium").matches){var t=e.headerElement.clientWidth;var s=e.headerLeftElement.clientWidth;var a=e.headerRightElement.clientWidth;if(t-s<=a){e.mainElement.classList.add("stzh-card--has-collapsed-header")}}};this.headerClick=function(t){if(!e.collapsible){return}var s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var a=t.composedPath().map((function(t){var e;return(e=t.tagName)===null||e===void 0?void 0:e.toLowerCase()}));var r=a.some((function(t){return s.includes(t)}));if(!r){e.collapsed=!e.collapsed;e.stzhCollapse.emit({component:"stzh-card",collapsed:e.collapsed})}};this.subtitleClick=function(){if(e.subtitleInteractive){e.stzhSubtitleClick.emit({component:"stzh-card"})}};this.starToggleClick=function(){e.stzhStarClick.emit({component:"stzh-card",starred:e.starred})};this.actionClick=function(t){e.stzhHeaderActionClick.emit({component:"stzh-card",action:t})};this.arrowUpClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=function(){var t=e.element.closest("stzh-sortable");if(!t){e.sortable.removeEventListener("stzhUpdate",e.updateElementInsideSortable);e.sortable.removeEventListener("stzhDisable",e.updateElementInsideSortable);return}if(e.element){forceUpdate(e.element)}};this.init=function(){var t=e.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');t.forEach((function(t){setPropsIfNull(t,{size:"small"})}))};this.handleMutation=function(t){e.init();e.nodeChange(t)};this.handleSelectionChange=function(t){e.checked=t.detail.checked;console.log(e.element,e.checked)}}t.prototype.handleResize=function(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};t.prototype.subtitleWatcher=function(t){if(typeof t==="string"){try{this._subtitles=JSON.parse(t)}catch(e){this._subtitles=[t]}}else{this._subtitles=t}};t.prototype.headerActionsWatcher=function(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}};t.prototype.footerActionsWatcher=function(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}};t.prototype.findSortableChildElement=function(){var t=this.element.closest("stzh-sortable");if(t){var e=this.element;var s=null;if(typeof t.container==="function"){s=t.container()}else{s=t.container}while(e.parentElement&&e.parentElement!==s){e=e.parentElement}return e}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"card")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.render=function(){var t;var e=this;var s,a,r;var i=hasSlot(this.element,"image");var c=hasSlot(this.element,"content");var n=(t={"stzh-card":true,"stzh-card--has-image":i,"stzh-card--has-content":c,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-hidden-header-border":this.hideHeaderBorder,"stzh-card--has-hidden-footer-border":this.hideFooterBorder,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked},t["stzh-card--type-".concat(this.type)]=!!this.type,t);var o="".concat(this.subtitleInteractive?"button":"span");var d=this.findSortableChildElement();var l=(d===null||d===void 0?void 0:d.parentElement)&&Array.from((s=d===null||d===void 0?void 0:d.parentElement)===null||s===void 0?void 0:s.children).indexOf(d)===0;var z=(d===null||d===void 0?void 0:d.parentElement)&&Array.from((a=d===null||d===void 0?void 0:d.parentElement)===null||a===void 0?void 0:a.children).indexOf(d)===((r=d===null||d===void 0?void 0:d.parentElement)===null||r===void 0?void 0:r.children.length)-1;return h(Host,{role:"listitem","aria-label":this.heading},h("article",{ref:function(t){return e.mainElement=t},class:n},h("slot",{name:"image"}),h("div",{class:"stzh-card__content-wrapper"},h("stzh-icon",{class:"stzh-card__dnd",name:"drag"}),h("header",{ref:function(t){return e.headerElement=t},class:"stzh-card__header",onClick:this.headerClick},h("div",{class:"stzh-card__header-top"},h("div",{ref:function(t){return e.headerLeftElement=t},class:"stzh-card__header-left"},h("div",{class:"stzh-card__title-area"},h("h3",{class:"stzh-card__title"},this.heading),this._subtitles.length>0&&h(o,{class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(t){return h("span",{class:"stzh-card__subtitle-text"},t)}))))),h("div",{ref:function(t){return e.headerRightElement=t},class:"stzh-card__header-right"},h("div",{class:"stzh-card__card-actions"},this._headerActions.map((function(t){return h("stzh-button",{class:{"stzh-card__card-action":true,"is-button":true,"show-medium":!t.onlyCollapseText,"hide-when-collapsed":!t.onlyCollapseText,"hide-text-when-collapsed":t.onlyCollapseText},icon:t.icon,badge:t.badge,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){e.actionClick(t)}},h("span",{class:{"show-medium":t.onlyCollapseText,"hide-when-collapsed":t.onlyCollapseText}},t.label))})),this.starrable&&h("stzh-tooltip",null,h("stzh-button",{class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),h("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),h("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-card__card-action-popover"},h("stzh-button",{class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),h("stzh-menu",{slot:"content"},this.starrable&&h("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),this._headerActions.filter((function(t){return!t.onlyCollapseText})).map((function(t){return h("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:t.icon,badge:t.badge,onClick:function(){e.actionClick(t)}},t.label)})),!this.sortableDisabled&&!this.hideMovementActions&&this.sortable&&!this.sortable.disabled&&h(Fragment,null,!l&&h("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!z&&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"},this._footerActions.length>0&&h("stzh-actionset",{actions:this._footerActions}),this.selectable&&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})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhCard.style=stzhCardCss;export{StzhCard as stzh_card};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,a as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,a as Host}from"./index-84f71a43.js";var stzhCellCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span="1"]){--cell-width:8.3333333333%}:host([span="2"]){--cell-width:16.6666666667%}:host([span="3"]){--cell-width:25%}:host([span="4"]){--cell-width:33.3333333333%}:host([span="5"]){--cell-width:41.6666666667%}:host([span="6"]){--cell-width:50%}:host([span="7"]){--cell-width:58.3333333333%}:host([span="8"]){--cell-width:66.6666666667%}:host([span="9"]){--cell-width:75%}:host([span="10"]){--cell-width:83.3333333333%}:host([span="11"]){--cell-width:91.6666666667%}:host([span="12"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}';var StzhCell=function(){function e(e){registerInstance(this,e);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justifySelf="auto";this.alignSelf="auto"}e.prototype.render=function(){return h(Host,null,h("div",{class:{"stzh-cell":true}},h("slot",null)))};return e}();StzhCell.style=stzhCellCss;export{StzhCell as stzh_cell};
|