@zanichelli/albe-web-components 5.6.2 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +48 -0
- package/dist/cjs/{icons-9fc3ff30.js → icons-460f0f1e.js} +104 -104
- package/dist/cjs/{index-e3299e0a.js → index-0b49c192.js} +207 -225
- package/dist/cjs/index-199cd650.js +346 -0
- package/dist/cjs/index.cjs.js +53 -59
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{utils-dfe717c7.js → utils-ce225fb3.js} +13 -13
- package/dist/cjs/{utils-4647eb06.js → utils-ebe45309.js} +21 -35
- package/dist/cjs/web-components-library.cjs.js +3 -3
- package/dist/cjs/z-alert.cjs.entry.js +2 -2
- package/dist/cjs/z-app-header.cjs.entry.js +16 -14
- package/dist/cjs/z-app-switcher_9.cjs.entry.js +159 -177
- package/dist/cjs/z-aria-alert.cjs.entry.js +4 -3
- package/dist/cjs/z-avatar.cjs.entry.js +9 -8
- package/dist/cjs/z-body_2.cjs.entry.js +5 -3
- package/dist/cjs/z-button-deprecated.cjs.entry.js +12 -9
- package/dist/cjs/z-button-filter.cjs.entry.js +4 -3
- package/dist/cjs/z-button-sort.cjs.entry.js +5 -6
- package/dist/cjs/z-button.cjs.entry.js +10 -11
- package/dist/cjs/z-candybar.cjs.entry.js +2 -2
- package/dist/cjs/z-card.cjs.entry.js +16 -19
- package/dist/cjs/z-carousel.cjs.entry.js +8 -13
- package/dist/cjs/z-chip-deprecated.cjs.entry.js +4 -6
- package/dist/cjs/z-chip.cjs.entry.js +7 -7
- package/dist/cjs/z-combobox.cjs.entry.js +30 -26
- package/dist/cjs/z-contextual-menu.cjs.entry.js +5 -10
- package/dist/cjs/z-cookiebar.cjs.entry.js +6 -7
- package/dist/cjs/z-cover-hero.cjs.entry.js +6 -5
- package/dist/cjs/z-date-picker.cjs.entry.js +39 -46
- package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +4 -3
- package/dist/cjs/z-file-upload.cjs.entry.js +18 -20
- package/dist/cjs/z-file.cjs.entry.js +4 -4
- package/dist/cjs/z-footer-link_3.cjs.entry.js +4 -4
- package/dist/cjs/z-footer.cjs.entry.js +13 -16
- package/dist/cjs/z-ghost-loading.cjs.entry.js +3 -3
- package/dist/cjs/z-icon-package.cjs.entry.js +3 -4
- package/dist/cjs/z-info-box.cjs.entry.js +3 -3
- package/dist/cjs/z-info-reveal.cjs.entry.js +9 -8
- package/dist/cjs/z-input-deprecated.cjs.entry.js +55 -67
- package/dist/cjs/z-input-label_2.cjs.entry.js +44 -40
- package/dist/cjs/z-list-group.cjs.entry.js +7 -7
- package/dist/cjs/z-list_2.cjs.entry.js +16 -16
- package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +10 -11
- package/dist/cjs/z-menu-section.cjs.entry.js +3 -3
- package/dist/cjs/z-menu.cjs.entry.js +10 -13
- package/dist/cjs/z-messages-pocket.cjs.entry.js +7 -7
- package/dist/cjs/z-modal-login.cjs.entry.js +17 -15
- package/dist/cjs/z-modal.cjs.entry.js +3 -6
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +8 -8
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +4 -4
- package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +11 -10
- package/dist/cjs/z-myz-card-icon.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card-info.cjs.entry.js +27 -17
- package/dist/cjs/z-myz-card-list.cjs.entry.js +4 -3
- package/dist/cjs/z-myz-card_4.cjs.entry.js +17 -13
- package/dist/cjs/z-myz-list-item.cjs.entry.js +4 -4
- package/dist/cjs/z-myz-topbar.cjs.entry.js +35 -39
- package/dist/cjs/z-navigation-tab-link.cjs.entry.js +11 -11
- package/dist/cjs/z-navigation-tab.cjs.entry.js +12 -12
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +21 -21
- package/dist/cjs/z-notification.cjs.entry.js +3 -8
- package/dist/cjs/z-offcanvas.cjs.entry.js +12 -15
- package/dist/cjs/z-otp.cjs.entry.js +18 -18
- package/dist/cjs/z-pagination-bar.cjs.entry.js +13 -25
- package/dist/cjs/z-pagination-page.cjs.entry.js +2 -2
- package/dist/cjs/z-pagination.cjs.entry.js +14 -17
- package/dist/cjs/z-panel-elem.cjs.entry.js +4 -4
- package/dist/cjs/z-pocket-message.cjs.entry.js +3 -3
- package/dist/cjs/z-pocket_3.cjs.entry.js +19 -19
- package/dist/cjs/z-popover-deprecated.cjs.entry.js +20 -17
- package/dist/cjs/z-popover.cjs.entry.js +38 -56
- package/dist/cjs/z-section-title.cjs.entry.js +5 -14
- package/dist/cjs/z-skip-to-content.cjs.entry.js +19 -21
- package/dist/cjs/z-slideshow.cjs.entry.js +29 -12
- package/dist/cjs/z-status-tag.cjs.entry.js +9 -9
- package/dist/cjs/z-stepper-item.cjs.entry.js +2 -2
- package/dist/cjs/z-stepper.cjs.entry.js +3 -3
- package/dist/cjs/z-table-body.cjs.entry.js +1 -1
- package/dist/cjs/z-table-cell.cjs.entry.js +11 -11
- package/dist/cjs/z-table-empty-box.cjs.entry.js +6 -7
- package/dist/cjs/z-table-expanded-row.cjs.entry.js +2 -2
- package/dist/cjs/z-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-table-head.cjs.entry.js +1 -1
- package/dist/cjs/z-table-header-row.cjs.entry.js +4 -4
- package/dist/cjs/z-table-header.cjs.entry.js +18 -21
- package/dist/cjs/z-table-row.cjs.entry.js +9 -9
- package/dist/cjs/z-table-sticky-footer.cjs.entry.js +3 -3
- package/dist/cjs/z-table.cjs.entry.js +7 -9
- package/dist/cjs/z-tag.cjs.entry.js +3 -3
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +17 -17
- package/dist/cjs/z-toast-notification.cjs.entry.js +38 -41
- package/dist/cjs/z-toggle-button.cjs.entry.js +8 -10
- package/dist/cjs/z-toggle-switch.cjs.entry.js +19 -17
- package/dist/cjs/z-tooltip-deprecated.cjs.entry.js +36 -47
- package/dist/cjs/z-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/z-user-dropdown.cjs.entry.js +6 -8
- package/dist/cjs/z-visually-hidden.cjs.entry.js +2 -2
- package/dist/collection/beans/index.js +258 -266
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/buttons/z-button/index.js +22 -22
- package/dist/collection/components/buttons/z-button/styles.css +31 -30
- package/dist/collection/components/buttons/z-button-sort/index.js +3 -4
- package/dist/collection/components/buttons/z-button-sort/styles.css +14 -14
- package/dist/collection/components/buttons/z-chip/index.js +7 -7
- package/dist/collection/components/buttons/z-chip/styles.css +12 -15
- package/dist/collection/components/buttons/z-toggle-button/index.js +6 -8
- package/dist/collection/components/buttons/z-toggle-button/styles.css +10 -10
- package/dist/collection/components/buttons/z-toggle-switch/index.js +25 -28
- package/dist/collection/components/buttons/z-toggle-switch/styles.css +15 -18
- package/dist/collection/components/date-picker/styles.css +65 -83
- package/dist/collection/components/date-picker/utils.js +21 -35
- package/dist/collection/components/date-picker/z-date-picker/index.js +40 -47
- package/dist/collection/components/date-picker/z-range-picker/index.js +71 -86
- package/dist/collection/components/file-upload/z-dragdrop-area/index.js +1 -1
- package/dist/collection/components/file-upload/z-dragdrop-area/styles.css +14 -25
- package/dist/collection/components/file-upload/z-file/index.js +6 -6
- package/dist/collection/components/file-upload/z-file/styles.css +5 -18
- package/dist/collection/components/file-upload/z-file-upload/index.js +23 -25
- package/dist/collection/components/file-upload/z-file-upload/styles.css +8 -15
- package/dist/collection/components/footer/z-footer/index.js +11 -14
- package/dist/collection/components/footer/z-footer/styles.css +27 -32
- package/dist/collection/components/footer/z-footer-link/styles.css +6 -14
- package/dist/collection/components/footer/z-footer-section/index.js +1 -1
- package/dist/collection/components/footer/z-footer-section/styles.css +35 -48
- package/dist/collection/components/footer/z-footer-social/styles.css +0 -8
- package/dist/collection/components/icons/icons.js +103 -103
- package/dist/collection/components/icons/z-icon/index.js +7 -9
- package/dist/collection/components/icons/z-icon/styles.css +2 -2
- package/dist/collection/components/icons/z-icon-package/index.js +3 -4
- package/dist/collection/components/icons/z-icon-package/styles.css +3 -3
- package/dist/collection/components/indicators/z-stepper/index.js +2 -2
- package/dist/collection/components/indicators/z-stepper/styles.css +3 -3
- package/dist/collection/components/indicators/z-stepper-item/index.js +1 -1
- package/dist/collection/components/indicators/z-stepper-item/styles.css +22 -23
- package/dist/collection/components/inputs/z-combobox/index.js +31 -27
- package/dist/collection/components/inputs/z-combobox/styles.css +43 -48
- package/dist/collection/components/inputs/z-input/index.js +63 -70
- package/dist/collection/components/inputs/z-input/styles.css +83 -93
- package/dist/collection/components/inputs/z-input-message/index.js +4 -4
- package/dist/collection/components/inputs/z-input-message/styles.css +5 -5
- package/dist/collection/components/inputs/z-select/index.js +51 -47
- package/dist/collection/components/inputs/z-select/styles.css +23 -28
- package/dist/collection/components/list/z-list/index.js +3 -3
- package/dist/collection/components/list/z-list/styles.css +2 -3
- package/dist/collection/components/list/z-list-element/index.js +24 -24
- package/dist/collection/components/list/z-list-element/styles.css +18 -40
- package/dist/collection/components/list/z-list-group/index.js +10 -10
- package/dist/collection/components/list/z-list-group/styles.css +1 -2
- package/dist/collection/components/list/z-toast-notification-list/index.js +21 -20
- package/dist/collection/components/list/z-toast-notification-list/styles.css +37 -44
- package/dist/collection/components/logo/z-logo/index.js +1 -3
- package/dist/collection/components/logo/z-logo/styles.css +3 -3
- package/dist/collection/components/modal/z-modal/index.js +2 -5
- package/dist/collection/components/modal/z-modal/styles.css +23 -29
- package/dist/collection/components/modal/z-modal-login/index.js +19 -17
- package/dist/collection/components/modal/z-modal-login/styles.css +28 -37
- package/dist/collection/components/navigation/tabs/navigation-tab.css +19 -19
- package/dist/collection/components/navigation/tabs/z-navigation-tab/index.js +17 -27
- package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js +17 -27
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.js +26 -36
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/styles.css +23 -23
- package/dist/collection/components/navigation/z-app-header/index.js +17 -15
- package/dist/collection/components/navigation/z-app-header/styles.css +68 -78
- package/dist/collection/components/navigation/z-app-switcher/index.js +5 -5
- package/dist/collection/components/navigation/z-app-switcher/styles.css +5 -17
- package/dist/collection/components/navigation/z-app-topbar/index.js +6 -6
- package/dist/collection/components/navigation/z-app-topbar/styles.css +11 -17
- package/dist/collection/components/navigation/z-link/index.js +15 -13
- package/dist/collection/components/navigation/z-link/styles.css +15 -12
- package/dist/collection/components/navigation/z-menu/index.js +9 -12
- package/dist/collection/components/navigation/z-menu/styles.css +22 -25
- package/dist/collection/components/navigation/z-menu-dropdown/index.js +7 -8
- package/dist/collection/components/navigation/z-menu-dropdown/styles.css +21 -21
- package/dist/collection/components/navigation/z-menu-section/index.js +3 -3
- package/dist/collection/components/navigation/z-menu-section/styles.css +14 -14
- package/dist/collection/components/navigation/z-user-dropdown/index.js +4 -6
- package/dist/collection/components/navigation/z-user-dropdown/styles.css +63 -72
- package/dist/collection/components/notification/z-candybar/styles.css +21 -27
- package/dist/collection/components/notification/z-cookiebar/index.js +6 -7
- package/dist/collection/components/notification/z-cookiebar/styles.css +18 -19
- package/dist/collection/components/notification/z-info-box/index.js +2 -2
- package/dist/collection/components/notification/z-info-box/styles.css +8 -8
- package/dist/collection/components/notification/z-notification/index.js +3 -8
- package/dist/collection/components/notification/z-notification/styles.css +11 -11
- package/dist/collection/components/notification/z-toast-notification/index.js +44 -48
- package/dist/collection/components/notification/z-toast-notification/styles.css +38 -30
- package/dist/collection/components/notification/z-tooltip/index.js +6 -6
- package/dist/collection/components/panel/z-panel-elem/index.js +5 -5
- package/dist/collection/components/panel/z-panel-elem/styles.css +6 -6
- package/dist/collection/components/typography/z-body/index.js +4 -3
- package/dist/collection/components/typography/z-heading/index.js +4 -3
- package/dist/collection/components/typography/z-typography/index.js +19 -18
- package/dist/collection/components/typography/z-typography/styles.css +13 -13
- package/dist/collection/components/z-aria-alert/index.js +12 -6
- package/dist/collection/components/z-avatar/index.js +8 -7
- package/dist/collection/components/z-avatar/styles.css +7 -10
- package/dist/collection/components/z-card/index.js +18 -21
- package/dist/collection/components/z-card/styles.css +38 -42
- package/dist/collection/components/z-carousel/index.js +7 -12
- package/dist/collection/components/z-carousel/styles.css +12 -12
- package/dist/collection/components/z-contextual-menu/index.js +5 -10
- package/dist/collection/components/z-contextual-menu/styles.css +8 -8
- package/dist/collection/components/z-cover-hero/index.js +3 -2
- package/dist/collection/components/z-cover-hero/styles.css +4 -4
- package/dist/collection/components/z-divider/index.js +6 -6
- package/dist/collection/components/z-ghost-loading/index.js +2 -2
- package/dist/collection/components/z-ghost-loading/styles.css +14 -14
- package/dist/collection/components/z-info-reveal/index.js +13 -12
- package/dist/collection/components/z-info-reveal/styles.css +9 -8
- package/dist/collection/components/z-offcanvas/index.js +19 -22
- package/dist/collection/components/z-offcanvas/styles.css +65 -45
- package/dist/collection/components/z-pagination/index.js +13 -16
- package/dist/collection/components/z-pagination/styles.css +16 -21
- package/dist/collection/components/z-popover/index.js +41 -59
- package/dist/collection/components/z-popover/styles.css +9 -9
- package/dist/collection/components/z-section-title/index.js +6 -15
- package/dist/collection/components/z-section-title/styles.css +2 -2
- package/dist/collection/components/z-skip-to-content/index.js +17 -19
- package/dist/collection/components/z-skip-to-content/styles.css +11 -15
- package/dist/collection/components/z-table/z-table/index.js +6 -8
- package/dist/collection/components/z-table/z-table/styles.css +23 -74
- package/dist/collection/components/z-table/z-table-cell/index.js +11 -10
- package/dist/collection/components/z-table/z-table-cell/styles.css +5 -4
- package/dist/collection/components/z-table/z-table-empty-box/index.js +4 -4
- package/dist/collection/components/z-table/z-table-empty-box/styles.css +5 -6
- package/dist/collection/components/z-table/z-table-expanded-row/styles.css +2 -2
- package/dist/collection/components/z-table/z-table-footer/styles.css +3 -3
- package/dist/collection/components/z-table/z-table-header/index.js +23 -25
- package/dist/collection/components/z-table/z-table-header/styles.css +4 -2
- package/dist/collection/components/z-table/z-table-header-row/index.js +3 -3
- package/dist/collection/components/z-table/z-table-header-row/styles.css +1 -1
- package/dist/collection/components/z-table/z-table-row/index.js +11 -11
- package/dist/collection/components/z-table/z-table-row/styles.css +9 -18
- package/dist/collection/components/z-table/z-table-sticky-footer/index.js +2 -2
- package/dist/collection/components/z-table/z-table-sticky-footer/styles.css +4 -4
- package/dist/collection/components/z-tag/index.js +1 -1
- package/dist/collection/components/z-tag/styles.css +7 -12
- package/dist/collection/components/z-visually-hidden/styles.css +6 -6
- package/dist/collection/constants/icons.js +1 -1
- package/dist/collection/deprecated/pagination/z-pagination-bar/index.js +9 -23
- package/dist/collection/deprecated/pagination/z-pagination-bar/styles.css +8 -9
- package/dist/collection/deprecated/pagination/z-pagination-page/styles.css +13 -13
- package/dist/collection/deprecated/z-button-deprecated/index.js +24 -19
- package/dist/collection/deprecated/z-button-deprecated/styles.css +39 -39
- package/dist/collection/deprecated/z-button-filter/index.js +2 -1
- package/dist/collection/deprecated/z-button-filter/styles.css +7 -17
- package/dist/collection/deprecated/z-chip-deprecated/index.js +5 -7
- package/dist/collection/deprecated/z-chip-deprecated/styles.css +2 -2
- package/dist/collection/deprecated/z-input-deprecated/index.js +62 -74
- package/dist/collection/deprecated/z-input-deprecated/styles.css +77 -91
- package/dist/collection/deprecated/z-input-label/index.js +1 -1
- package/dist/collection/deprecated/z-input-label/styles.css +2 -2
- package/dist/collection/deprecated/z-popover-deprecated/index.js +24 -20
- package/dist/collection/deprecated/z-popover-deprecated/styles.css +36 -37
- package/dist/collection/deprecated/z-status-tag/index.js +9 -8
- package/dist/collection/deprecated/z-status-tag/styles.css +10 -12
- package/dist/collection/deprecated/z-tooltip-deprecated/index.js +36 -47
- package/dist/collection/deprecated/z-tooltip-deprecated/styles.css +37 -37
- package/dist/collection/index.js +4 -3
- package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +10 -7
- package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +4 -4
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +6 -6
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +16 -16
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css +4 -4
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css +2 -2
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +2 -2
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +10 -27
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +12 -11
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css +52 -50
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css +3 -15
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +9 -8
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +13 -14
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +14 -15
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +23 -13
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +23 -54
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +2 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +13 -13
- package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +4 -4
- package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css +1 -1
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +18 -19
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +7 -7
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/styles.css +13 -17
- package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +15 -15
- package/dist/collection/snowflakes/myz/pocket/z-pocket/styles.css +10 -22
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +4 -4
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css +6 -14
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +1 -1
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/styles.css +9 -22
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +1 -1
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/styles.css +13 -22
- package/dist/collection/snowflakes/myz/topbar/index.js +35 -39
- package/dist/collection/snowflakes/myz/topbar/styles.css +157 -177
- package/dist/collection/snowflakes/myz/z-alert/index.js +3 -3
- package/dist/collection/snowflakes/myz/z-alert/styles.css +6 -6
- package/dist/collection/snowflakes/myz/z-otp/index.js +23 -23
- package/dist/collection/snowflakes/myz/z-otp/styles.css +7 -7
- package/dist/collection/snowflakes/myz/z-slideshow/index.js +26 -9
- package/dist/collection/snowflakes/myz/z-slideshow/styles.css +30 -31
- package/dist/collection/utils/storybook-utils.js +6 -5
- package/dist/collection/utils/utils.js +15 -15
- package/dist/esm/{icons-92a7dcde.js → icons-56ca282c.js} +104 -104
- package/dist/esm/{index-a2ca4b97.js → index-3517583d.js} +207 -225
- package/dist/esm/index-9d028352.js +346 -0
- package/dist/esm/index.js +5 -5
- package/dist/esm/loader.js +3 -3
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/{utils-2c5dfb88.js → utils-39ca028c.js} +13 -13
- package/dist/esm/{utils-3ba1cfd4.js → utils-fbe04cd6.js} +21 -35
- package/dist/esm/web-components-library.js +3 -3
- package/dist/esm/z-alert.entry.js +2 -2
- package/dist/esm/z-app-header.entry.js +16 -14
- package/dist/esm/z-app-switcher_9.entry.js +159 -177
- package/dist/esm/z-aria-alert.entry.js +4 -3
- package/dist/esm/z-avatar.entry.js +9 -8
- package/dist/esm/z-body_2.entry.js +5 -3
- package/dist/esm/z-button-deprecated.entry.js +12 -9
- package/dist/esm/z-button-filter.entry.js +4 -3
- package/dist/esm/z-button-sort.entry.js +5 -6
- package/dist/esm/z-button.entry.js +10 -11
- package/dist/esm/z-candybar.entry.js +2 -2
- package/dist/esm/z-card.entry.js +16 -19
- package/dist/esm/z-carousel.entry.js +8 -13
- package/dist/esm/z-chip-deprecated.entry.js +4 -6
- package/dist/esm/z-chip.entry.js +7 -7
- package/dist/esm/z-combobox.entry.js +30 -26
- package/dist/esm/z-contextual-menu.entry.js +5 -10
- package/dist/esm/z-cookiebar.entry.js +6 -7
- package/dist/esm/z-cover-hero.entry.js +6 -5
- package/dist/esm/z-date-picker.entry.js +39 -46
- package/dist/esm/z-dragdrop-area_2.entry.js +4 -3
- package/dist/esm/z-file-upload.entry.js +18 -20
- package/dist/esm/z-file.entry.js +4 -4
- package/dist/esm/z-footer-link_3.entry.js +4 -4
- package/dist/esm/z-footer.entry.js +13 -16
- package/dist/esm/z-ghost-loading.entry.js +3 -3
- package/dist/esm/z-icon-package.entry.js +3 -4
- package/dist/esm/z-info-box.entry.js +3 -3
- package/dist/esm/z-info-reveal.entry.js +9 -8
- package/dist/esm/z-input-deprecated.entry.js +55 -67
- package/dist/esm/z-input-label_2.entry.js +44 -40
- package/dist/esm/z-list-group.entry.js +7 -7
- package/dist/esm/z-list_2.entry.js +16 -16
- package/dist/esm/z-menu-dropdown_2.entry.js +10 -11
- package/dist/esm/z-menu-section.entry.js +3 -3
- package/dist/esm/z-menu.entry.js +10 -13
- package/dist/esm/z-messages-pocket.entry.js +7 -7
- package/dist/esm/z-modal-login.entry.js +17 -15
- package/dist/esm/z-modal.entry.js +3 -6
- package/dist/esm/z-myz-card-alert.entry.js +8 -8
- package/dist/esm/z-myz-card-dictionary.entry.js +4 -4
- package/dist/esm/z-myz-card-footer-sections.entry.js +2 -2
- package/dist/esm/z-myz-card-footer.entry.js +11 -10
- package/dist/esm/z-myz-card-icon.entry.js +2 -2
- package/dist/esm/z-myz-card-info.entry.js +27 -17
- package/dist/esm/z-myz-card-list.entry.js +4 -3
- package/dist/esm/z-myz-card_4.entry.js +17 -13
- package/dist/esm/z-myz-list-item.entry.js +4 -4
- package/dist/esm/z-myz-topbar.entry.js +35 -39
- package/dist/esm/z-navigation-tab-link.entry.js +11 -11
- package/dist/esm/z-navigation-tab.entry.js +12 -12
- package/dist/esm/z-navigation-tabs.entry.js +21 -21
- package/dist/esm/z-notification.entry.js +3 -8
- package/dist/esm/z-offcanvas.entry.js +12 -15
- package/dist/esm/z-otp.entry.js +18 -18
- package/dist/esm/z-pagination-bar.entry.js +13 -25
- package/dist/esm/z-pagination-page.entry.js +2 -2
- package/dist/esm/z-pagination.entry.js +14 -17
- package/dist/esm/z-panel-elem.entry.js +4 -4
- package/dist/esm/z-pocket-message.entry.js +3 -3
- package/dist/esm/z-pocket_3.entry.js +19 -19
- package/dist/esm/z-popover-deprecated.entry.js +20 -17
- package/dist/esm/z-popover.entry.js +38 -56
- package/dist/esm/z-section-title.entry.js +5 -14
- package/dist/esm/z-skip-to-content.entry.js +19 -21
- package/dist/esm/z-slideshow.entry.js +29 -12
- package/dist/esm/z-status-tag.entry.js +9 -9
- package/dist/esm/z-stepper-item.entry.js +2 -2
- package/dist/esm/z-stepper.entry.js +3 -3
- package/dist/esm/z-table-body.entry.js +1 -1
- package/dist/esm/z-table-cell.entry.js +11 -11
- package/dist/esm/z-table-empty-box.entry.js +6 -7
- package/dist/esm/z-table-expanded-row.entry.js +2 -2
- package/dist/esm/z-table-footer.entry.js +1 -1
- package/dist/esm/z-table-head.entry.js +1 -1
- package/dist/esm/z-table-header-row.entry.js +4 -4
- package/dist/esm/z-table-header.entry.js +18 -21
- package/dist/esm/z-table-row.entry.js +9 -9
- package/dist/esm/z-table-sticky-footer.entry.js +3 -3
- package/dist/esm/z-table.entry.js +7 -9
- package/dist/esm/z-tag.entry.js +3 -3
- package/dist/esm/z-toast-notification-list.entry.js +17 -17
- package/dist/esm/z-toast-notification.entry.js +38 -41
- package/dist/esm/z-toggle-button.entry.js +8 -10
- package/dist/esm/z-toggle-switch.entry.js +19 -17
- package/dist/esm/z-tooltip-deprecated.entry.js +36 -47
- package/dist/esm/z-tooltip.entry.js +4 -4
- package/dist/esm/z-user-dropdown.entry.js +6 -8
- package/dist/esm/z-visually-hidden.entry.js +2 -2
- package/dist/types/beans/index.d.ts +225 -250
- package/dist/types/components/buttons/z-button/index.d.ts +7 -14
- package/dist/types/components/buttons/z-button-sort/index.d.ts +4 -4
- package/dist/types/components/buttons/z-chip/index.d.ts +4 -4
- package/dist/types/components/buttons/z-toggle-button/index.d.ts +2 -3
- package/dist/types/components/buttons/z-toggle-switch/index.d.ts +9 -3
- package/dist/types/components/date-picker/utils.d.ts +4 -4
- package/dist/types/components/date-picker/z-date-picker/index.d.ts +7 -8
- package/dist/types/components/date-picker/z-range-picker/index.d.ts +11 -13
- package/dist/types/components/file-upload/z-dragdrop-area/index.d.ts +3 -3
- package/dist/types/components/file-upload/z-file/index.d.ts +7 -5
- package/dist/types/components/file-upload/z-file-upload/index.d.ts +21 -20
- package/dist/types/components/footer/z-footer/index.d.ts +15 -15
- package/dist/types/components/footer/z-footer-section/index.d.ts +1 -1
- package/dist/types/components/footer/z-footer-social/index.d.ts +1 -1
- package/dist/types/components/icons/icons.d.ts +1 -1
- package/dist/types/components/icons/z-icon/index.d.ts +3 -3
- package/dist/types/components/icons/z-icon-package/index.d.ts +1 -1
- package/dist/types/components/indicators/z-stepper/index.d.ts +1 -1
- package/dist/types/components/indicators/z-stepper-item/index.d.ts +1 -1
- package/dist/types/components/inputs/z-combobox/index.d.ts +17 -18
- package/dist/types/components/inputs/z-input/index.d.ts +24 -45
- package/dist/types/components/inputs/z-input-message/index.d.ts +4 -3
- package/dist/types/components/inputs/z-select/index.d.ts +26 -26
- package/dist/types/components/list/z-list/index.d.ts +4 -3
- package/dist/types/components/list/z-list-element/index.d.ts +11 -7
- package/dist/types/components/list/z-list-group/index.d.ts +4 -3
- package/dist/types/components/list/z-toast-notification-list/index.d.ts +6 -6
- package/dist/types/components/logo/z-logo/index.d.ts +2 -1
- package/dist/types/components/modal/z-modal/index.d.ts +5 -4
- package/dist/types/components/modal/z-modal-login/index.d.ts +13 -14
- package/dist/types/components/navigation/tabs/z-navigation-tab/index.d.ts +6 -5
- package/dist/types/components/navigation/tabs/z-navigation-tab-link/index.d.ts +6 -5
- package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts +8 -7
- package/dist/types/components/navigation/z-app-header/index.d.ts +11 -10
- package/dist/types/components/navigation/z-app-switcher/index.d.ts +4 -4
- package/dist/types/components/navigation/z-app-topbar/index.d.ts +3 -2
- package/dist/types/components/navigation/z-link/index.d.ts +6 -7
- package/dist/types/components/navigation/z-menu/index.d.ts +7 -6
- package/dist/types/components/navigation/z-menu-dropdown/index.d.ts +7 -7
- package/dist/types/components/navigation/z-menu-section/index.d.ts +8 -6
- package/dist/types/components/navigation/z-user-dropdown/index.d.ts +10 -9
- package/dist/types/components/notification/z-candybar/index.d.ts +1 -1
- package/dist/types/components/notification/z-cookiebar/index.d.ts +6 -6
- package/dist/types/components/notification/z-info-box/index.d.ts +3 -3
- package/dist/types/components/notification/z-notification/index.d.ts +6 -5
- package/dist/types/components/notification/z-toast-notification/index.d.ts +22 -21
- package/dist/types/components/notification/z-tooltip/index.d.ts +2 -2
- package/dist/types/components/panel/z-panel-elem/index.d.ts +4 -4
- package/dist/types/components/typography/z-body/index.d.ts +4 -1
- package/dist/types/components/typography/z-heading/index.d.ts +4 -1
- package/dist/types/components/typography/z-typography/index.d.ts +8 -4
- package/dist/types/components/z-aria-alert/index.d.ts +5 -2
- package/dist/types/components/z-avatar/index.d.ts +3 -2
- package/dist/types/components/z-card/index.d.ts +8 -7
- package/dist/types/components/z-contextual-menu/index.d.ts +4 -3
- package/dist/types/components/z-cover-hero/index.d.ts +3 -2
- package/dist/types/components/z-divider/index.d.ts +2 -1
- package/dist/types/components/z-ghost-loading/index.d.ts +2 -1
- package/dist/types/components/z-info-reveal/index.d.ts +9 -7
- package/dist/types/components/z-offcanvas/index.d.ts +12 -11
- package/dist/types/components/z-pagination/index.d.ts +14 -13
- package/dist/types/components/z-popover/index.d.ts +7 -7
- package/dist/types/components/z-section-title/index.d.ts +3 -2
- package/dist/types/components/z-skip-to-content/index.d.ts +8 -8
- package/dist/types/components/z-table/z-table/index.d.ts +5 -4
- package/dist/types/components/z-table/z-table-body/index.d.ts +2 -2
- package/dist/types/components/z-table/z-table-cell/index.d.ts +4 -3
- package/dist/types/components/z-table/z-table-empty-box/index.d.ts +5 -4
- package/dist/types/components/z-table/z-table-expanded-row/index.d.ts +1 -1
- package/dist/types/components/z-table/z-table-footer/index.d.ts +2 -2
- package/dist/types/components/z-table/z-table-head/index.d.ts +2 -2
- package/dist/types/components/z-table/z-table-header/index.d.ts +9 -7
- package/dist/types/components/z-table/z-table-header-row/index.d.ts +4 -2
- package/dist/types/components/z-table/z-table-row/index.d.ts +7 -4
- package/dist/types/components/z-table/z-table-sticky-footer/index.d.ts +1 -1
- package/dist/types/components/z-tag/index.d.ts +2 -1
- package/dist/types/components/z-visually-hidden/index.d.ts +1 -1
- package/dist/types/components.d.ts +255 -84
- package/dist/types/deprecated/pagination/z-pagination-bar/index.d.ts +14 -16
- package/dist/types/deprecated/pagination/z-pagination-page/index.d.ts +1 -1
- package/dist/types/deprecated/z-button-deprecated/index.d.ts +6 -6
- package/dist/types/deprecated/z-button-filter/index.d.ts +6 -6
- package/dist/types/deprecated/z-chip-deprecated/index.d.ts +3 -1
- package/dist/types/deprecated/z-input-deprecated/index.d.ts +24 -35
- package/dist/types/deprecated/z-input-label/index.d.ts +1 -1
- package/dist/types/deprecated/z-popover-deprecated/index.d.ts +8 -7
- package/dist/types/deprecated/z-status-tag/index.d.ts +2 -1
- package/dist/types/deprecated/z-tooltip-deprecated/index.d.ts +4 -3
- package/dist/types/index.d.ts +4 -3
- package/dist/types/snowflakes/myz/card/z-myz-card/index.d.ts +4 -4
- package/dist/types/snowflakes/myz/card/z-myz-card-alert/index.d.ts +6 -7
- package/dist/types/snowflakes/myz/card/z-myz-card-body/index.d.ts +1 -1
- package/dist/types/snowflakes/myz/card/z-myz-card-cover/index.d.ts +2 -2
- package/dist/types/snowflakes/myz/card/z-myz-card-dictionary/index.d.ts +2 -2
- package/dist/types/snowflakes/myz/card/z-myz-card-footer/index.d.ts +8 -14
- package/dist/types/snowflakes/myz/card/z-myz-card-footer-sections/index.d.ts +1 -1
- package/dist/types/snowflakes/myz/card/z-myz-card-header/index.d.ts +6 -11
- package/dist/types/snowflakes/myz/card/z-myz-card-icon/index.d.ts +1 -1
- package/dist/types/snowflakes/myz/card/z-myz-card-info/index.d.ts +12 -12
- package/dist/types/snowflakes/myz/card/z-myz-card-list/index.d.ts +4 -5
- package/dist/types/snowflakes/myz/list/z-myz-list/index.d.ts +4 -4
- package/dist/types/snowflakes/myz/list/z-myz-list-item/index.d.ts +3 -3
- package/dist/types/snowflakes/myz/pocket/z-messages-pocket/index.d.ts +3 -3
- package/dist/types/snowflakes/myz/pocket/z-pocket/index.d.ts +4 -4
- package/dist/types/snowflakes/myz/pocket/z-pocket-body/index.d.ts +1 -1
- package/dist/types/snowflakes/myz/pocket/z-pocket-header/index.d.ts +3 -3
- package/dist/types/snowflakes/myz/pocket/z-pocket-message/index.d.ts +1 -1
- package/dist/types/snowflakes/myz/topbar/index.d.ts +22 -24
- package/dist/types/snowflakes/myz/z-alert/index.d.ts +3 -3
- package/dist/types/snowflakes/myz/z-otp/index.d.ts +8 -4
- package/dist/types/snowflakes/myz/z-slideshow/index.d.ts +14 -14
- package/dist/types/stencil-public-runtime.d.ts +4 -15
- package/dist/types/utils/utils.d.ts +14 -7
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/p-01b7c613.entry.js +1 -0
- package/dist/web-components-library/p-01cbf6d4.entry.js +1 -0
- package/dist/web-components-library/p-0617465e.entry.js +1 -0
- package/dist/web-components-library/p-099ea215.entry.js +1 -0
- package/dist/web-components-library/p-0f21bfa5.entry.js +1 -0
- package/dist/web-components-library/p-14f11a64.entry.js +1 -0
- package/dist/web-components-library/p-182368ea.entry.js +1 -0
- package/dist/web-components-library/p-1d6cbf2f.entry.js +1 -0
- package/dist/web-components-library/p-1e1bc565.entry.js +1 -0
- package/dist/web-components-library/p-2177384f.entry.js +1 -0
- package/dist/web-components-library/p-25769717.entry.js +1 -0
- package/dist/web-components-library/{p-eaa4eba8.entry.js → p-2acf124c.entry.js} +1 -1
- package/dist/web-components-library/{p-9b70eba4.entry.js → p-2ed61157.entry.js} +1 -1
- package/dist/web-components-library/{p-6d9d8a68.entry.js → p-3124aed0.entry.js} +1 -1
- package/dist/web-components-library/p-31604337.entry.js +1 -0
- package/dist/web-components-library/p-31a4c8d5.entry.js +1 -0
- package/dist/web-components-library/p-348c5ada.entry.js +1 -0
- package/dist/web-components-library/p-3492096c.entry.js +1 -0
- package/dist/web-components-library/{p-c4417a91.entry.js → p-363c7e45.entry.js} +1 -1
- package/dist/web-components-library/{p-37e050bd.entry.js → p-3b974737.entry.js} +1 -1
- package/dist/web-components-library/p-3dbe166d.entry.js +1 -0
- package/dist/web-components-library/{p-b9bf1a8d.entry.js → p-41a412f7.entry.js} +1 -1
- package/dist/web-components-library/p-42e2e594.entry.js +1 -0
- package/dist/web-components-library/p-43a7d01c.entry.js +1 -0
- package/dist/web-components-library/p-48134f75.entry.js +1 -0
- package/dist/web-components-library/{p-69fead44.entry.js → p-4aa83df7.entry.js} +1 -1
- package/dist/web-components-library/p-4dc88c3f.entry.js +1 -0
- package/dist/web-components-library/p-4eeb77dc.entry.js +1 -0
- package/dist/web-components-library/p-4fe96235.entry.js +1 -0
- package/dist/web-components-library/p-594c9326.entry.js +1 -0
- package/dist/web-components-library/p-5b8ac754.entry.js +1 -0
- package/dist/web-components-library/p-5bba90cc.entry.js +1 -0
- package/dist/web-components-library/p-5bce77ba.entry.js +1 -0
- package/dist/web-components-library/p-5f111f4c.entry.js +1 -0
- package/dist/web-components-library/p-60ed0e4e.entry.js +1 -0
- package/dist/web-components-library/p-64102759.entry.js +1 -0
- package/dist/web-components-library/p-64309df9.entry.js +1 -0
- package/dist/web-components-library/p-6a53a0d8.entry.js +1 -0
- package/dist/web-components-library/p-6c08910a.entry.js +1 -0
- package/dist/web-components-library/p-6fa0cef6.entry.js +1 -0
- package/dist/web-components-library/p-71ff9b83.entry.js +1 -0
- package/dist/web-components-library/{p-3e60fa3d.entry.js → p-7403d200.entry.js} +1 -1
- package/dist/web-components-library/{p-3c63af71.entry.js → p-7847cab3.entry.js} +1 -1
- package/dist/web-components-library/p-7960c409.entry.js +1 -0
- package/dist/web-components-library/p-79940e8f.entry.js +1 -0
- package/dist/web-components-library/p-7a9d3944.entry.js +1 -0
- package/dist/web-components-library/p-7b8149ca.entry.js +1 -0
- package/dist/web-components-library/p-7c80da52.entry.js +1 -0
- package/dist/web-components-library/p-7e3bb3e0.entry.js +1 -0
- package/dist/web-components-library/p-87942fb9.entry.js +1 -0
- package/dist/web-components-library/{p-d4681325.js → p-87fdd14f.js} +1 -1
- package/dist/web-components-library/{p-2b374cb0.entry.js → p-88b9d5b4.entry.js} +1 -1
- package/dist/web-components-library/p-9adedc68.entry.js +1 -0
- package/dist/web-components-library/p-9c0df331.entry.js +1 -0
- package/dist/web-components-library/p-9d9c0d4b.entry.js +1 -0
- package/dist/web-components-library/p-9f80c0b8.js +1 -0
- package/dist/web-components-library/p-a55ef7b5.entry.js +1 -0
- package/dist/web-components-library/p-ae2dd723.entry.js +1 -0
- package/dist/web-components-library/p-aed38e5d.entry.js +1 -0
- package/dist/web-components-library/p-af6789f2.entry.js +1 -0
- package/dist/web-components-library/p-afc41eed.entry.js +1 -0
- package/dist/web-components-library/{p-3bdf4f63.entry.js → p-b0400e7d.entry.js} +1 -1
- package/dist/web-components-library/p-b1ea0074.entry.js +1 -0
- package/{www/build/p-42b0972c.js → dist/web-components-library/p-b2d16b41.js} +1 -1
- package/dist/web-components-library/p-b366ef8e.js +2 -0
- package/dist/web-components-library/p-b5861f58.entry.js +1 -0
- package/dist/web-components-library/{p-16c0ffce.js → p-bb15a265.js} +1 -1
- package/dist/web-components-library/p-bb413e2a.entry.js +1 -0
- package/dist/web-components-library/p-bb684454.entry.js +1 -0
- package/dist/web-components-library/{p-8c703e92.entry.js → p-bbc113ce.entry.js} +1 -1
- package/dist/web-components-library/p-bffc00d2.entry.js +1 -0
- package/dist/web-components-library/p-c0d382bc.entry.js +1 -0
- package/dist/web-components-library/p-c1c6988e.entry.js +1 -0
- package/dist/web-components-library/p-c4b70baa.entry.js +1 -0
- package/dist/web-components-library/p-c5ecf36a.entry.js +1 -0
- package/dist/web-components-library/p-c9c51bd9.entry.js +1 -0
- package/dist/web-components-library/p-c9ebec8d.entry.js +1 -0
- package/dist/web-components-library/p-cb453344.entry.js +1 -0
- package/dist/web-components-library/p-cd1593fa.entry.js +1 -0
- package/dist/web-components-library/p-d056538a.entry.js +1 -0
- package/dist/web-components-library/p-daeb784d.entry.js +1 -0
- package/dist/web-components-library/p-e137a17f.entry.js +1 -0
- package/dist/web-components-library/p-e2b1cb25.entry.js +1 -0
- package/dist/web-components-library/p-e420edcc.entry.js +1 -0
- package/dist/web-components-library/p-eb0f18a9.entry.js +1 -0
- package/dist/web-components-library/p-eb612914.entry.js +1 -0
- package/dist/web-components-library/p-efdca379.entry.js +1 -0
- package/dist/web-components-library/{p-e177dbef.entry.js → p-f0a63044.entry.js} +1 -1
- package/dist/web-components-library/p-f2136861.entry.js +1 -0
- package/dist/web-components-library/p-fb2d27b5.entry.js +1 -0
- package/dist/web-components-library/p-fd2a947c.entry.js +16 -0
- package/dist/web-components-library/p-ff000765.entry.js +1 -0
- package/{www/build/p-fd13128d.entry.js → dist/web-components-library/p-ff93eb04.entry.js} +1 -1
- package/dist/web-components-library/p-ffacff3f.entry.js +1 -0
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +24 -17
- package/react/index.d.ts +1 -1
- package/readme.md +91 -33
- package/src-react/index.ts +1 -1
- package/www/build/index.esm.js +1 -1
- package/www/build/p-01b7c613.entry.js +1 -0
- package/www/build/p-01cbf6d4.entry.js +1 -0
- package/www/build/p-0617465e.entry.js +1 -0
- package/www/build/p-099ea215.entry.js +1 -0
- package/www/build/p-0f21bfa5.entry.js +1 -0
- package/www/build/p-14f11a64.entry.js +1 -0
- package/www/build/p-182368ea.entry.js +1 -0
- package/www/build/p-1d6cbf2f.entry.js +1 -0
- package/www/build/p-1e1bc565.entry.js +1 -0
- package/www/build/p-2177384f.entry.js +1 -0
- package/www/build/p-25769717.entry.js +1 -0
- package/www/build/{p-eaa4eba8.entry.js → p-2acf124c.entry.js} +1 -1
- package/www/build/{p-9b70eba4.entry.js → p-2ed61157.entry.js} +1 -1
- package/www/build/{p-6d9d8a68.entry.js → p-3124aed0.entry.js} +1 -1
- package/www/build/p-31604337.entry.js +1 -0
- package/www/build/p-31a4c8d5.entry.js +1 -0
- package/www/build/p-348c5ada.entry.js +1 -0
- package/www/build/p-3492096c.entry.js +1 -0
- package/www/build/{p-c4417a91.entry.js → p-363c7e45.entry.js} +1 -1
- package/www/build/{p-37e050bd.entry.js → p-3b974737.entry.js} +1 -1
- package/www/build/p-3dbe166d.entry.js +1 -0
- package/www/build/{p-b9bf1a8d.entry.js → p-41a412f7.entry.js} +1 -1
- package/www/build/p-42e2e594.entry.js +1 -0
- package/www/build/p-43a7d01c.entry.js +1 -0
- package/www/build/p-46a0f894.js +1 -0
- package/www/build/p-48134f75.entry.js +1 -0
- package/www/build/{p-69fead44.entry.js → p-4aa83df7.entry.js} +1 -1
- package/www/build/p-4dc88c3f.entry.js +1 -0
- package/www/build/p-4eeb77dc.entry.js +1 -0
- package/www/build/p-4fe96235.entry.js +1 -0
- package/www/build/p-594c9326.entry.js +1 -0
- package/www/build/p-5b8ac754.entry.js +1 -0
- package/www/build/p-5bba90cc.entry.js +1 -0
- package/www/build/p-5bce77ba.entry.js +1 -0
- package/www/build/p-5f111f4c.entry.js +1 -0
- package/www/build/p-60ed0e4e.entry.js +1 -0
- package/www/build/p-64102759.entry.js +1 -0
- package/www/build/p-64309df9.entry.js +1 -0
- package/www/build/p-6a53a0d8.entry.js +1 -0
- package/www/build/p-6c08910a.entry.js +1 -0
- package/www/build/p-6fa0cef6.entry.js +1 -0
- package/www/build/p-71ff9b83.entry.js +1 -0
- package/www/build/{p-3e60fa3d.entry.js → p-7403d200.entry.js} +1 -1
- package/www/build/{p-3c63af71.entry.js → p-7847cab3.entry.js} +1 -1
- package/www/build/p-7960c409.entry.js +1 -0
- package/www/build/p-79940e8f.entry.js +1 -0
- package/www/build/p-7a9d3944.entry.js +1 -0
- package/www/build/p-7b8149ca.entry.js +1 -0
- package/www/build/p-7c80da52.entry.js +1 -0
- package/www/build/p-7e3bb3e0.entry.js +1 -0
- package/www/build/p-87942fb9.entry.js +1 -0
- package/www/build/{p-d4681325.js → p-87fdd14f.js} +1 -1
- package/www/build/{p-2b374cb0.entry.js → p-88b9d5b4.entry.js} +1 -1
- package/www/build/p-9adedc68.entry.js +1 -0
- package/www/build/p-9c0df331.entry.js +1 -0
- package/www/build/p-9d9c0d4b.entry.js +1 -0
- package/www/build/p-9f80c0b8.js +1 -0
- package/www/build/p-a55ef7b5.entry.js +1 -0
- package/www/build/p-ae2dd723.entry.js +1 -0
- package/www/build/p-aed38e5d.entry.js +1 -0
- package/www/build/p-af6789f2.entry.js +1 -0
- package/www/build/p-afc41eed.entry.js +1 -0
- package/www/build/{p-3bdf4f63.entry.js → p-b0400e7d.entry.js} +1 -1
- package/www/build/p-b1ea0074.entry.js +1 -0
- package/{dist/web-components-library/p-42b0972c.js → www/build/p-b2d16b41.js} +1 -1
- package/www/build/p-b366ef8e.js +2 -0
- package/www/build/p-b5861f58.entry.js +1 -0
- package/www/build/{p-16c0ffce.js → p-bb15a265.js} +1 -1
- package/www/build/p-bb413e2a.entry.js +1 -0
- package/www/build/p-bb684454.entry.js +1 -0
- package/www/build/{p-8c703e92.entry.js → p-bbc113ce.entry.js} +1 -1
- package/www/build/p-bffc00d2.entry.js +1 -0
- package/www/build/p-c0d382bc.entry.js +1 -0
- package/www/build/p-c1c6988e.entry.js +1 -0
- package/www/build/p-c4b70baa.entry.js +1 -0
- package/www/build/p-c5ecf36a.entry.js +1 -0
- package/www/build/p-c9c51bd9.entry.js +1 -0
- package/www/build/p-c9ebec8d.entry.js +1 -0
- package/www/build/p-cb453344.entry.js +1 -0
- package/www/build/p-cd1593fa.entry.js +1 -0
- package/www/build/p-d056538a.entry.js +1 -0
- package/www/build/p-daeb784d.entry.js +1 -0
- package/www/build/p-e137a17f.entry.js +1 -0
- package/www/build/p-e2b1cb25.entry.js +1 -0
- package/www/build/p-e420edcc.entry.js +1 -0
- package/www/build/p-eb0f18a9.entry.js +1 -0
- package/www/build/p-eb612914.entry.js +1 -0
- package/www/build/p-efdca379.entry.js +1 -0
- package/www/build/{p-e177dbef.entry.js → p-f0a63044.entry.js} +1 -1
- package/www/build/p-f2136861.entry.js +1 -0
- package/www/build/p-fb2d27b5.entry.js +1 -0
- package/www/build/p-fd2a947c.entry.js +16 -0
- package/www/build/p-ff000765.entry.js +1 -0
- package/{dist/web-components-library/p-fd13128d.entry.js → www/build/p-ff93eb04.entry.js} +1 -1
- package/www/build/p-ffacff3f.entry.js +1 -0
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/www/pages/file-upload.html +16 -4
- package/www/pages/notification.html +153 -69
- package/dist/cjs/index-1fda0714.js +0 -60
- package/dist/cjs/index-745c0423.js +0 -354
- package/dist/esm/index-8390ddaf.js +0 -354
- package/dist/esm/index-abb47b30.js +0 -58
- package/dist/web-components-library/p-01a95ddd.entry.js +0 -1
- package/dist/web-components-library/p-023e657c.entry.js +0 -1
- package/dist/web-components-library/p-03aa4a29.entry.js +0 -1
- package/dist/web-components-library/p-07af77be.entry.js +0 -1
- package/dist/web-components-library/p-0f0d8a17.entry.js +0 -1
- package/dist/web-components-library/p-137c1289.entry.js +0 -1
- package/dist/web-components-library/p-145ef56b.entry.js +0 -1
- package/dist/web-components-library/p-1c5cb6b6.entry.js +0 -1
- package/dist/web-components-library/p-1cb8f39f.entry.js +0 -1
- package/dist/web-components-library/p-1efa8cfe.entry.js +0 -1
- package/dist/web-components-library/p-204c6ec6.entry.js +0 -1
- package/dist/web-components-library/p-213d7163.entry.js +0 -1
- package/dist/web-components-library/p-21a1b6a9.entry.js +0 -1
- package/dist/web-components-library/p-242e410f.entry.js +0 -1
- package/dist/web-components-library/p-286363e2.js +0 -7
- package/dist/web-components-library/p-2ec1cc4b.entry.js +0 -1
- package/dist/web-components-library/p-33438244.entry.js +0 -1
- package/dist/web-components-library/p-3c715e7d.entry.js +0 -1
- package/dist/web-components-library/p-426c55e1.entry.js +0 -1
- package/dist/web-components-library/p-42d1707b.entry.js +0 -1
- package/dist/web-components-library/p-46f66301.entry.js +0 -1
- package/dist/web-components-library/p-470e984a.entry.js +0 -1
- package/dist/web-components-library/p-4725eda5.entry.js +0 -1
- package/dist/web-components-library/p-478dd7a6.entry.js +0 -1
- package/dist/web-components-library/p-4f4930b5.entry.js +0 -1
- package/dist/web-components-library/p-52ca86db.entry.js +0 -1
- package/dist/web-components-library/p-5a5dde20.entry.js +0 -1
- package/dist/web-components-library/p-5c30dfc5.entry.js +0 -1
- package/dist/web-components-library/p-6ab40b8f.entry.js +0 -1
- package/dist/web-components-library/p-6aba4f0a.entry.js +0 -1
- package/dist/web-components-library/p-6c7251f5.entry.js +0 -1
- package/dist/web-components-library/p-726b4fbd.entry.js +0 -1
- package/dist/web-components-library/p-728a61a6.js +0 -1
- package/dist/web-components-library/p-769ccc9f.entry.js +0 -1
- package/dist/web-components-library/p-79d4e03b.entry.js +0 -1
- package/dist/web-components-library/p-872c8d25.entry.js +0 -1
- package/dist/web-components-library/p-8779fc5f.entry.js +0 -1
- package/dist/web-components-library/p-8e480d71.entry.js +0 -1
- package/dist/web-components-library/p-9124fe26.entry.js +0 -1
- package/dist/web-components-library/p-951c50ad.entry.js +0 -16
- package/dist/web-components-library/p-9bbb27f7.entry.js +0 -1
- package/dist/web-components-library/p-9c83bf57.entry.js +0 -1
- package/dist/web-components-library/p-a30bbd0a.entry.js +0 -1
- package/dist/web-components-library/p-a3eeed2e.entry.js +0 -1
- package/dist/web-components-library/p-a88046a0.entry.js +0 -1
- package/dist/web-components-library/p-a9d0b418.entry.js +0 -1
- package/dist/web-components-library/p-aaa0752b.entry.js +0 -1
- package/dist/web-components-library/p-ad17a4a0.entry.js +0 -1
- package/dist/web-components-library/p-aee1f514.entry.js +0 -1
- package/dist/web-components-library/p-b02aa57c.entry.js +0 -1
- package/dist/web-components-library/p-b54faa73.entry.js +0 -1
- package/dist/web-components-library/p-b622a7fd.entry.js +0 -1
- package/dist/web-components-library/p-baa877db.entry.js +0 -1
- package/dist/web-components-library/p-beec82d9.entry.js +0 -1
- package/dist/web-components-library/p-bf7adc29.entry.js +0 -1
- package/dist/web-components-library/p-c1da93ee.entry.js +0 -1
- package/dist/web-components-library/p-c2a3f15d.entry.js +0 -1
- package/dist/web-components-library/p-c4f778d7.entry.js +0 -1
- package/dist/web-components-library/p-c633d2bb.entry.js +0 -1
- package/dist/web-components-library/p-c6b5ee23.entry.js +0 -1
- package/dist/web-components-library/p-c89cbfcc.entry.js +0 -1
- package/dist/web-components-library/p-cea7a294.entry.js +0 -1
- package/dist/web-components-library/p-d17ebc2f.js +0 -2
- package/dist/web-components-library/p-d1f8d75e.entry.js +0 -1
- package/dist/web-components-library/p-d29153f0.entry.js +0 -1
- package/dist/web-components-library/p-d665ca6b.entry.js +0 -1
- package/dist/web-components-library/p-d8aac365.entry.js +0 -1
- package/dist/web-components-library/p-e527ef6d.entry.js +0 -1
- package/dist/web-components-library/p-e88ad497.entry.js +0 -1
- package/dist/web-components-library/p-eb2634d3.entry.js +0 -1
- package/dist/web-components-library/p-eba1cdd9.entry.js +0 -1
- package/dist/web-components-library/p-ed9dc5b7.entry.js +0 -1
- package/dist/web-components-library/p-f0e73ccb.entry.js +0 -1
- package/dist/web-components-library/p-f4b9f544.entry.js +0 -1
- package/dist/web-components-library/p-f5c3d332.entry.js +0 -1
- package/dist/web-components-library/p-f724f7a1.entry.js +0 -1
- package/dist/web-components-library/p-f77d7a3f.entry.js +0 -1
- package/dist/web-components-library/p-fdb6e67b.entry.js +0 -1
- package/www/build/p-0109f1e9.js +0 -1
- package/www/build/p-01a95ddd.entry.js +0 -1
- package/www/build/p-023e657c.entry.js +0 -1
- package/www/build/p-03aa4a29.entry.js +0 -1
- package/www/build/p-07af77be.entry.js +0 -1
- package/www/build/p-0f0d8a17.entry.js +0 -1
- package/www/build/p-137c1289.entry.js +0 -1
- package/www/build/p-145ef56b.entry.js +0 -1
- package/www/build/p-1c5cb6b6.entry.js +0 -1
- package/www/build/p-1cb8f39f.entry.js +0 -1
- package/www/build/p-1efa8cfe.entry.js +0 -1
- package/www/build/p-204c6ec6.entry.js +0 -1
- package/www/build/p-213d7163.entry.js +0 -1
- package/www/build/p-21a1b6a9.entry.js +0 -1
- package/www/build/p-242e410f.entry.js +0 -1
- package/www/build/p-286363e2.js +0 -7
- package/www/build/p-2ec1cc4b.entry.js +0 -1
- package/www/build/p-33438244.entry.js +0 -1
- package/www/build/p-3c715e7d.entry.js +0 -1
- package/www/build/p-426c55e1.entry.js +0 -1
- package/www/build/p-42d1707b.entry.js +0 -1
- package/www/build/p-46f66301.entry.js +0 -1
- package/www/build/p-470e984a.entry.js +0 -1
- package/www/build/p-4725eda5.entry.js +0 -1
- package/www/build/p-478dd7a6.entry.js +0 -1
- package/www/build/p-4f4930b5.entry.js +0 -1
- package/www/build/p-52ca86db.entry.js +0 -1
- package/www/build/p-5a5dde20.entry.js +0 -1
- package/www/build/p-5c30dfc5.entry.js +0 -1
- package/www/build/p-6ab40b8f.entry.js +0 -1
- package/www/build/p-6aba4f0a.entry.js +0 -1
- package/www/build/p-6c7251f5.entry.js +0 -1
- package/www/build/p-726b4fbd.entry.js +0 -1
- package/www/build/p-728a61a6.js +0 -1
- package/www/build/p-769ccc9f.entry.js +0 -1
- package/www/build/p-79d4e03b.entry.js +0 -1
- package/www/build/p-872c8d25.entry.js +0 -1
- package/www/build/p-8779fc5f.entry.js +0 -1
- package/www/build/p-8e480d71.entry.js +0 -1
- package/www/build/p-9124fe26.entry.js +0 -1
- package/www/build/p-951c50ad.entry.js +0 -16
- package/www/build/p-9bbb27f7.entry.js +0 -1
- package/www/build/p-9c83bf57.entry.js +0 -1
- package/www/build/p-a30bbd0a.entry.js +0 -1
- package/www/build/p-a3eeed2e.entry.js +0 -1
- package/www/build/p-a88046a0.entry.js +0 -1
- package/www/build/p-a9d0b418.entry.js +0 -1
- package/www/build/p-aaa0752b.entry.js +0 -1
- package/www/build/p-ad17a4a0.entry.js +0 -1
- package/www/build/p-aee1f514.entry.js +0 -1
- package/www/build/p-b02aa57c.entry.js +0 -1
- package/www/build/p-b54faa73.entry.js +0 -1
- package/www/build/p-b622a7fd.entry.js +0 -1
- package/www/build/p-baa877db.entry.js +0 -1
- package/www/build/p-beec82d9.entry.js +0 -1
- package/www/build/p-bf7adc29.entry.js +0 -1
- package/www/build/p-c1da93ee.entry.js +0 -1
- package/www/build/p-c2a3f15d.entry.js +0 -1
- package/www/build/p-c4f778d7.entry.js +0 -1
- package/www/build/p-c633d2bb.entry.js +0 -1
- package/www/build/p-c6b5ee23.entry.js +0 -1
- package/www/build/p-c89cbfcc.entry.js +0 -1
- package/www/build/p-cea7a294.entry.js +0 -1
- package/www/build/p-d17ebc2f.js +0 -2
- package/www/build/p-d1f8d75e.entry.js +0 -1
- package/www/build/p-d29153f0.entry.js +0 -1
- package/www/build/p-d665ca6b.entry.js +0 -1
- package/www/build/p-d8aac365.entry.js +0 -1
- package/www/build/p-e527ef6d.entry.js +0 -1
- package/www/build/p-e88ad497.entry.js +0 -1
- package/www/build/p-eb2634d3.entry.js +0 -1
- package/www/build/p-eba1cdd9.entry.js +0 -1
- package/www/build/p-ed9dc5b7.entry.js +0 -1
- package/www/build/p-f0e73ccb.entry.js +0 -1
- package/www/build/p-f4b9f544.entry.js +0 -1
- package/www/build/p-f5c3d332.entry.js +0 -1
- package/www/build/p-f724f7a1.entry.js +0 -1
- package/www/build/p-f77d7a3f.entry.js +0 -1
- package/www/build/p-fdb6e67b.entry.js +0 -1
package/readme.md
CHANGED
|
@@ -11,6 +11,7 @@ yarn add @zanichelli/albe-web-components
|
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
## Start Library Development Server
|
|
14
|
+
|
|
14
15
|
```
|
|
15
16
|
yarn start
|
|
16
17
|
```
|
|
@@ -25,7 +26,7 @@ yarn generate component my-component
|
|
|
25
26
|
|
|
26
27
|
> NB: component name must have a dash (`-`)
|
|
27
28
|
|
|
28
|
-
|
|
29
|
+
---
|
|
29
30
|
|
|
30
31
|
## Symlink Local Development
|
|
31
32
|
|
|
@@ -41,7 +42,7 @@ yarn link
|
|
|
41
42
|
yarn link @zanichelli/albe-web-components
|
|
42
43
|
```
|
|
43
44
|
|
|
44
|
-
|
|
45
|
+
---
|
|
45
46
|
|
|
46
47
|
## Tests
|
|
47
48
|
|
|
@@ -63,7 +64,55 @@ yarn test --spec {componentPath}
|
|
|
63
64
|
yarn test.e2e
|
|
64
65
|
```
|
|
65
66
|
|
|
66
|
-
|
|
67
|
+
---
|
|
68
|
+
|
|
69
|
+
## Linting and autofixing of the code style
|
|
70
|
+
|
|
71
|
+
There are some tools installed to help keeping uniformity of code style:
|
|
72
|
+
|
|
73
|
+
- [Eslint](https://eslint.org/)
|
|
74
|
+
- [Stylelint](https://stylelint.io/)
|
|
75
|
+
- [Prettier](https://prettier.io/)
|
|
76
|
+
|
|
77
|
+
> Install the related official extensions in your IDE to get live errors and warning while coding.
|
|
78
|
+
|
|
79
|
+
### Run lint checks and auto-fix
|
|
80
|
+
|
|
81
|
+
#### Prettier check
|
|
82
|
+
|
|
83
|
+
```sh
|
|
84
|
+
yarn prettier-check
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
#### Prettier auto-format
|
|
88
|
+
|
|
89
|
+
```sh
|
|
90
|
+
yarn prettify
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
#### TypeScript lint check
|
|
94
|
+
|
|
95
|
+
```sh
|
|
96
|
+
yarn lint.eslint
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
#### CSS lint check
|
|
100
|
+
|
|
101
|
+
```sh
|
|
102
|
+
yarn lint.stylelint
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
#### TypeScript auto-fix
|
|
106
|
+
|
|
107
|
+
```sh
|
|
108
|
+
yarn lint-fix.eslint
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
#### CSS auto-fix
|
|
112
|
+
|
|
113
|
+
```sh
|
|
114
|
+
yarn lint-fix.stylelint
|
|
115
|
+
```
|
|
67
116
|
|
|
68
117
|
## Release
|
|
69
118
|
|
|
@@ -73,9 +122,9 @@ Standard-version automatically detects the type of the update (patch, minor or m
|
|
|
73
122
|
|
|
74
123
|
**Publish a new version on NPM registry**
|
|
75
124
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
125
|
+
- Make sure you are logged in NPM
|
|
126
|
+
- Make sure you built the components with `yarn build`
|
|
127
|
+
- Run standard-version:
|
|
79
128
|
|
|
80
129
|
```
|
|
81
130
|
yarn release
|
|
@@ -96,15 +145,15 @@ In general, you can pass any flag supported by standard-version, please refer to
|
|
|
96
145
|
|
|
97
146
|
You need to [manually create the GitHub release](https://github.com/ZanichelliEditore/design-system/releases/new) in order to update the Storybook documentation.
|
|
98
147
|
|
|
99
|
-
|
|
148
|
+
---
|
|
100
149
|
|
|
101
150
|
#### Plugins
|
|
102
151
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
152
|
+
- [storybook-addon-stencil](https://github.com/ZanichelliEditore/storybook-addon-stencil) - custom Storybook plugin for Stencil
|
|
153
|
+
- [@storybook/addon-a11y](https://www.npmjs.com/package/@storybook/addon-a11y)
|
|
154
|
+
- [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)
|
|
155
|
+
- [@storybook/addon-knobs](https://www.npmjs.com/package/@storybook/addon-knobs)
|
|
156
|
+
- [@storybook/addon-viewport](https://www.npmjs.com/package/@storybook/addon-viewport)
|
|
108
157
|
|
|
109
158
|
### Start Storybook:
|
|
110
159
|
|
|
@@ -124,9 +173,10 @@ yarn build
|
|
|
124
173
|
yarn build-storybook
|
|
125
174
|
```
|
|
126
175
|
|
|
127
|
-
|
|
176
|
+
---
|
|
128
177
|
|
|
129
178
|
## Build Library package
|
|
179
|
+
|
|
130
180
|
```
|
|
131
181
|
yarn build
|
|
132
182
|
```
|
|
@@ -137,8 +187,8 @@ yarn build
|
|
|
137
187
|
- Chromium Edge and Safari 10 with [polyfills](https://stackoverflow.com/questions/57020976/polyfills-in-2019-for-ie11)
|
|
138
188
|
|
|
139
189
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br> Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari |
|
|
140
|
-
|
|
|
141
|
-
| > 16.16
|
|
190
|
+
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
191
|
+
| > 16.16 | > 48 | > 69 | > 10.0 |
|
|
142
192
|
|
|
143
193
|
## Usage
|
|
144
194
|
|
|
@@ -147,25 +197,33 @@ yarn build
|
|
|
147
197
|
The library provides a global css variables export. You can import the styles by ES6 import:
|
|
148
198
|
|
|
149
199
|
```javascript
|
|
150
|
-
import
|
|
200
|
+
import "@zanichelli/albe-web-components/www/build/web-components-library.css";
|
|
151
201
|
```
|
|
202
|
+
|
|
152
203
|
or via link tag:
|
|
153
204
|
|
|
154
205
|
```html
|
|
155
206
|
// using jsDelivr
|
|
156
|
-
<link
|
|
207
|
+
<link
|
|
208
|
+
type="text/css"
|
|
209
|
+
rel="stylesheet"
|
|
210
|
+
href="https://cdn.jsdelivr.net/npm/@zanichelli/albe-web-components/www/build/web-components-library.css"
|
|
211
|
+
/>
|
|
157
212
|
|
|
158
213
|
// using unpkg
|
|
159
|
-
<link
|
|
214
|
+
<link
|
|
215
|
+
type="text/css"
|
|
216
|
+
rel="stylesheet"
|
|
217
|
+
href="https://unpkg.com/@zanichelli/albe-web-components/www/build/web-components-library.css"
|
|
218
|
+
/>
|
|
160
219
|
```
|
|
161
220
|
|
|
162
|
-
|
|
163
221
|
### Custom Elements
|
|
164
222
|
|
|
165
223
|
You can use the library by importing the custom elements from npm package:
|
|
166
224
|
|
|
167
225
|
```javascript
|
|
168
|
-
import {
|
|
226
|
+
import {defineCustomElements, applyPolyfills} from "@zanichelli/albe-web-components/loader";
|
|
169
227
|
|
|
170
228
|
applyPolyfills().then(() => {
|
|
171
229
|
defineCustomElements(window);
|
|
@@ -197,27 +255,27 @@ Albe's Web Components come with automatically generated React bindings. This mea
|
|
|
197
255
|
You still need to import and run polyfills, then you can import Component references from the React submodule:
|
|
198
256
|
|
|
199
257
|
```javascript
|
|
200
|
-
import React from
|
|
201
|
-
import ReactDOM from
|
|
202
|
-
import
|
|
203
|
-
import {
|
|
204
|
-
import {
|
|
258
|
+
import React from "react";
|
|
259
|
+
import ReactDOM from "react-dom";
|
|
260
|
+
import "@zanichelli/albe-web-components/www/build/web-components-library.css";
|
|
261
|
+
import {defineCustomElements, applyPolyfills} from "@zanichelli/albe-web-components/loader";
|
|
262
|
+
import {ZButton} from "@zanichelli/albe-web-components/react";
|
|
205
263
|
|
|
206
264
|
applyPolyfills().then(() => {
|
|
207
265
|
defineCustomElements(window);
|
|
208
266
|
});
|
|
209
267
|
|
|
210
|
-
ReactDOM.render(<ZButton>Click me</ZButton>, document.getElementById(
|
|
268
|
+
ReactDOM.render(<ZButton>Click me</ZButton>, document.getElementById("root"));
|
|
211
269
|
```
|
|
212
270
|
|
|
213
271
|
## Component definition
|
|
214
272
|
|
|
215
273
|
Each component is structured as follows:
|
|
216
274
|
|
|
217
|
-
| File name
|
|
218
|
-
|
|
|
219
|
-
| `index.tsx`
|
|
220
|
-
| `styles.css`
|
|
221
|
-
| `index.spec.ts`
|
|
222
|
-
| `index.stories.mdx` | Component storybook file
|
|
223
|
-
| `README.md`
|
|
275
|
+
| File name | Description |
|
|
276
|
+
| ------------------- | ------------------------------ |
|
|
277
|
+
| `index.tsx` | Component markup and UI logics |
|
|
278
|
+
| `styles.css` | Component styles |
|
|
279
|
+
| `index.spec.ts` | Component tests |
|
|
280
|
+
| `index.stories.mdx` | Component storybook file |
|
|
281
|
+
| `README.md` | Component documentation |
|
package/src-react/index.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from "./components";
|
package/www/build/index.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as
|
|
1
|
+
import{c as X}from"./p-87fdd14f.js";export{p as AlertType,A as AvatarSize,c as ButtonSize,b as ButtonType,B as ButtonVariant,C as CardVariant,V as CarouselArrowsPosition,W as CarouselProgressMode,U as CoverHeroContentPosition,R as CoverHeroVariant,q as Device,i as DividerOrientation,D as DividerSize,l as ExpandableListButtonAlign,E as ExpandableListStyle,Q as InfoRevealPosition,d as InputStatus,I as InputType,h as KeyboardCode,K as KeyboardKeyCode,m as LabelPosition,L as LicenseType,n as ListDividerType,j as ListSize,N as NavigationTabsOrientation,a as NavigationTabsSize,o as NotificationType,O as OffCanvasVariant,r as PocketStatus,f as PopoverBorderRadius,e as PopoverPosition,P as PopoverPositions,g as PopoverShadow,k as Size,S as SortDirection,M as StatusTagStatus,T as ThemeVariant,s as ToastNotification,u as ToastNotificationPosition,t as ToastNotificationTransition,w as TransitionDirection,v as ZAriaAlertMode,y as ZChipType,F as ZDatePickerMode,G as ZDatePickerModeValue,H as ZDatePickerPosition,x as ZFileUploadType,J as ZRangePickerMode,z as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-9f80c0b8.js";import"./p-d69e14fb.js";const Y={colorFromId:X};export{Y as Utils}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as o,h as a,g as l}from"./p-b366ef8e.js";import{d as s,B as n,I as t}from"./p-9f80c0b8.js";const e=class{constructor(a){i(this,a),this.loginSubmit=o(this,"loginSubmit",7),this.statusUpdate=o(this,"statusUpdate",7),this.signupClick=o(this,"signupClick",7),this.zainoDigitaleClick=o(this,"zainoDigitaleClick",7),this.heading="Entra in MyZanichelli",this.externalProviderCheck=!1}componentDidLoad(){this.externalProviderCheck=!!this.hostElement.querySelectorAll('[slot="provider"]').length}emitLoginSubmit(){const i=this.hostElement.querySelector("z-input#username"),o=this.hostElement.querySelector("z-input#password");if(!i||!o)return;let a=i.value;const l=o.value;a&&l?(a=this.cleanUsername(a),this.loginSubmit.emit({username:a,password:l,originalUsername:i.value})):this.status=s.ERROR}emitStatusUpdate(i){this.statusUpdate.emit(i)}emitSignupClick(){this.signupClick.emit()}emitZainoDigitaleClick(){this.zainoDigitaleClick.emit()}handleInputKeyUp(i){"Enter"===i.code&&this.emitLoginSubmit()}handleInputChange(){this.status=null,this.emitStatusUpdate(this.status)}cleanUsername(i){return i=i.trim().toLowerCase(),/^[+]?[\s./0-9]*[(]?[0-9]{1,4}[)]?[(]?[0-9]{1,4}[)]?[-\s./0-9]*$/g.test(i)&&(i=i.replace(/[- .)(]/g,""),/^[\d ]*$/.test(i)&&(i="+39"+i)),i}renderZainoDigitaleButton(){return a("z-button",{variant:n.SECONDARY,onClick:()=>this.emitZainoDigitaleClick(),class:"zainoDigitale"},a("div",{class:"zd"},a("svg",{width:"18px",height:"24px",viewBox:"0 0 18 24"},a("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},a("g",{transform:"translate(-313.000000, -329.000000)",fill:"#E2001A","fill-rule":"nonzero"},a("g",{transform:"translate(25.000000, 191.000000)"},a("g",null,a("g",{transform:"translate(0.000000, 100.000000)"},a("g",null,a("g",{transform:"translate(276.000000, 28.000000)"},a("path",{d:"M29.8953704,30.5632326 C29.9143039,30.3327754 29.5356326,30.0447041 29.1380277,29.8142469 C29.2516291,28.7963947 29.4409647,26.9719425 29.2705626,26.3189807 C29.0433598,25.416357 28.3428178,24.8018047 28.380685,23.822362 C28.4185521,22.8429193 28.1913493,16.5437582 27.0364017,15.1802202 C26.1654576,14.162368 25.4649156,12.8372396 23.4390239,12.2418921 C23.4390239,12.0498445 23.4390239,11.8770016 23.4200903,11.7425683 C23.3822232,10.9167637 21.9622056,10.090959 21.6214014,10.0525495 C21.2805972,10.01414 20.371786,9.95652568 20.0309818,10.0525495 C19.6901775,10.1293685 19.0464362,11.128016 18.7434992,11.4352922 C18.5920306,11.5889302 18.5541635,11.9538207 18.5730971,12.3187111 C17.437083,12.6836015 16.1306669,13.4325871 15.4490584,14.9497631 C14.2941108,17.676839 13.4799674,18.9251483 13.6693031,24.1680477 C13.5935688,25.1090809 13.2906318,25.6084046 13.1012961,25.6852237 C12.9119604,25.7620427 12.798359,25.9156808 12.7604919,26.1077284 C12.7226247,26.2805712 12.5522226,28.37389 12.7415583,29.8718612 C12.3818205,30.1023183 12.0788834,30.3519802 12.097817,30.5632326 C12.1546177,31.0625563 11.8516806,31.7731324 12.097817,32.0612038 C12.230352,32.2148419 12.7226247,32.5413228 13.3284989,32.8293942 C13.6125024,33.4631512 14.199443,33.9240655 15.467992,33.9816797 C18.1565586,34.0584988 26.2601254,33.8664512 26.5630625,33.9048607 C26.847066,33.9432702 28.4374857,34.0008845 28.683622,32.8293942 C29.2894962,32.5413228 29.781769,32.2148419 29.9143039,32.0612038 C30.1415067,31.7731324 29.8385697,31.0625563 29.8953704,30.5632326 Z M12.0319858,31.2 C12.1173988,31.1230769 12.3736379,31.0461538 12.743761,31 C12.857645,31.3230769 12.914587,31.6615385 13,32 C12.4021089,31.8153846 11.8611598,31.5692308 12.0319858,31.2 Z M21.1618497,12.8394441 C21.1618497,12.8394441 20.6763006,12.8165075 20,13 L20,12.9770634 C20,12.5642053 20.3121387,11.3256309 20.3988439,11.1192018 C20.4855491,10.9127728 21.265896,11.0274556 21.8554913,11.0733287 C22.6358382,11.0503922 22.4624277,11.2568212 22.8092486,11.9907912 C22.9306358,12.2889666 22.982659,12.6559516 23,13 C22.4797688,12.8623806 21.8728324,12.8165075 21.1618497,12.8394441 Z M28.3324094,30 C28.6648189,30.0833333 28.9085858,30.2222222 28.9750677,30.3888889 C29.1301921,31.1666667 28.5318551,31.6388889 28,32 C28.0221606,31.5 28.0664819,31.1111111 28.0664819,31.1111111 L28.2437669,30.6111111 L28.3324094,30 Z M21.8571429,23 L21.8571429,23.8 L22.7142857,23.8 L22.7142857,24.6 L23.5714286,24.6 L23.5714286,25.4 L24.4285714,25.4 L24.4285714,26.2 L25.2857143,26.2 L25.2857143,27 L26.1428571,27 L26.1428571,27.8 L27,27.8 L27,28.6 L24.4285714,28.6 L24.4285714,29.4 L25.2857143,29.4 L25.2857143,31 L24.4285714,31 L24.4285714,30.2 L23.5714286,30.2 L23.5714286,29.4 L22.7142857,29.4 L22.7142857,30.2 L21.8571429,30.2 L21.8571429,31 L21,31 L21,23 L21.8571429,23 Z"}))))))))),a("span",null,"ZAINO DIGITALE")))}render(){return a("z-modal",{modaltitle:this.heading},a("div",{class:"wrapper",slot:"modalContent"},a("form",{method:"post"},a("div",{class:"username"},a("slot",{name:"username"},a("z-input",{id:"username",label:"email o numero di cellulare",placeholder:"Inserisci l'email o il cellulare",autocomplete:"username",name:"username",status:this.status,message:this.message,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("div",{class:"password"},a("slot",{name:"password"},a("z-input",{id:"password",label:"password",placeholder:"Inserisci la tua password",type:t.PASSWORD,name:"password",autocomplete:"current-password",status:this.status,message:this.pwdmessage,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("z-link",{class:"forget",href:this.forgotPasswordUrl},"Password dimenticata?"),a("div",{class:"login"},a("slot",{name:"login"},a("z-button",{variant:n.PRIMARY,onClick:()=>this.emitLoginSubmit()},"Accedi")))),a("hr",null),a("z-body",{class:"signup",level:4,variant:"semibold"},"Non hai ancora un account?"),a("div",{class:"signup"},a("slot",{name:"signup"},a("z-button",{variant:n.SECONDARY,onClick:()=>this.emitSignupClick()},"Registrati"))),!this.externalProviderCheck&&a("div",{class:"providers"},a("z-body",{class:"provider",level:5,variant:"regular"},"OPPURE ACCEDI CON:"),a("slot",{name:"provider"},this.renderZainoDigitaleButton(),a("z-link",{icon:"informationsource",href:"https://www.zainodigitale.it/#/landing"},"Cos'è Zaino Digitale?")))))}get hostElement(){return l(this)}};e.style='.sc-z-modal-login-h{font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 2) calc(var(--space-unit) * 3)\n calc(var(--space-unit) * 2);color:var(--text-grey-800)}z-button.sc-z-modal-login,z-input.sc-z-modal-login,.sc-z-modal-login-s>z-button,.sc-z-modal-login-s>z-input{display:inline-block;width:100%}z-link.sc-z-modal-login,.sc-z-modal-login-s>z-link{font-size:12px}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start}div.wrapper>form>div.username.sc-z-modal-login-s>z-input,div.wrapper>form>div.password.sc-z-modal-login-s>z-input,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.username.sc-z-modal-login z-input.sc-z-modal-login,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.password.sc-z-modal-login z-input.sc-z-modal-login{margin-bottom:var(--space-unit)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>z-link.forget.sc-z-modal-login{align-self:flex-end;font-size:12px}div.wrapper>form>div.login.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.login.sc-z-modal-login z-button.sc-z-modal-login{align-self:flex-start;margin:calc(var(--space-unit) * 3) 0}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>hr.sc-z-modal-login{width:100%;border:none;border-top:var(--border-size-medium) solid var(--bg-grey-200);margin-bottom:calc(var(--space-unit) * 3);margin-block-start:unset}div.wrapper>div.signup.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.signup.sc-z-modal-login z-button.sc-z-modal-login{display:inline-block;margin:calc(var(--space-unit) * 2) 0}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;gap:calc(var(--space-unit) * 2) 0;grid-auto-rows:auto;grid-template-columns:1fr}slot-fb[name="provider"].sc-z-modal-login{display:grid;gap:calc(var(--space-unit) * 2) 0;grid-auto-rows:auto;grid-template-columns:1fr}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{padding-top:calc(var(--space-unit) * 2)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login{display:flex;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login>svg.sc-z-modal-login{margin-right:var(--space-unit)}@media only screen and (min-width: 768px){z-button.sc-z-modal-login,.sc-z-modal-login-s>z-button{width:initial}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:396px;padding:calc(var(--space-unit) * 3)}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;align-items:center;justify-content:center;gap:var(--space-unit);grid-auto-rows:auto;grid-template-columns:1fr 1fr}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{padding-bottom:var(--space-unit);grid-column:1 / 3}.sc-z-modal-login-s>[slot="provider"]{width:100%}slot-fb[name="provider"].sc-z-modal-login{display:grid;align-items:center;justify-content:center;gap:var(--space-unit);grid-auto-rows:auto;grid-column:1 / 3;grid-template-columns:1fr 1fr}slot-fb[name="provider"].sc-z-modal-login>*.sc-z-modal-login{width:100%}}@media only screen and (min-width: 1366px){.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:477px;padding:calc(var(--space-unit) * 4)}}';export{e as z_modal_login}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as t}from"./p-b366ef8e.js";const e=class{constructor(t){r(this,t)}renderLegacyChip(){return t("div",null,t("span",{class:"boldtext"},this.boldtext)," ",this.regulartext)}render(){return null!=this.boldtext||null!=this.regulartext?this.renderLegacyChip():t("div",null,t("slot",null))}};e.style=":host>div{display:inline-block;min-height:28px;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--bg-grey-200);background-color:var(--bg-white);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:12px;line-height:28px}.boldtext{font-weight:bold}";export{e as z_chip_deprecated}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as r,H as o}from"./p-b366ef8e.js";import{m as e}from"./p-d69e14fb.js";const n=class{constructor(r){i(this,r),this.userButtonClick=t(this,"userButtonClick",7),this.dropdownMenuLinkClick=t(this,"dropdownMenuLinkClick",7),this.useInverseColors=!1,this.isMenuOpen=!1,this.handleLoggedButtonClick=this.handleLoggedButtonClick.bind(this),this.emitDropdownMenuLinkClick=this.emitDropdownMenuLinkClick.bind(this)}componentDidLoad(){this.setMobileAndDivToResizeWidth()}componentWillUpdate(){this.setMobileAndDivToResizeWidth()}componentWillRender(){this.menuContent&&(this.linkArray="string"==typeof this.menuContent?JSON.parse(this.menuContent):this.menuContent)}setMobileAndDivToResizeWidth(){var i;this.divToResize&&(this.isMobile=window.screen.width<=e||window.innerWidth<=e,this.logged&&!this.isMobile&&this.isMenuOpen?this.divToResize.style.width=`${null===(i=this.userButton)||void 0===i?void 0:i.offsetWidth}px`:this.divToResize.removeAttribute("style"))}emitUserButtonClick(){this.userButtonClick.emit(this.isMenuOpen)}emitDropdownMenuLinkClick(i){this.isMenuOpen=!1,this.dropdownMenuLinkClick.emit({e:i,linkId:i.detail.linkId})}handleResize(){this.isMobile=window.innerWidth<=e}handleOrientationChange(){this.isMobile=screen.width<=e}handleClickOutside(i){"Z-USER-DROPDOWN"!==i.target.nodeName&&(this.isMenuOpen=!1)}handleLoggedButtonClick(){this.isMenuOpen=!this.isMenuOpen,this.emitUserButtonClick()}renderGuestButton(){return r("button",{id:"guestbutton",class:this.useInverseColors?"inverse":"",onClick:()=>this.emitUserButtonClick()},"ENTRA")}renderLoggedButton(){const i=this.isMenuOpen?"up":"down",t=this.useInverseColors?"inverse":"";return r("button",{ref:i=>this.userButton=i,title:this.userFullName,class:`${t} ${this.isMenuOpen?"open":""}`,onClick:this.handleLoggedButtonClick},r("div",null,r("div",{class:"firstline"},r("z-icon",{class:t,name:"user-avatar-filled",height:16,width:16}),!this.isMobile&&r("div",{class:`userfullname ${t}`},this.userFullName),r("z-icon",{class:t,name:`caret-${i}-filled`,height:16,width:16})),!this.isMobile&&this.isMenuOpen&&r("div",{class:`useremail ${t}`},this.userEmail)))}getZLinkTextcolor(){return this.isMobile?this.useInverseColors?"black":"white":this.useInverseColors?"white":"black"}renderDropdownMenu(){const i=this.useInverseColors?"inverse":"";return this.isMenuOpen&&r("ul",{class:i},this.isMobile&&r("li",{class:i},r("div",{class:`userfullname ${i}`},this.userFullName),r("div",{class:`useremail ${i}`},this.userEmail)),this.linkArray&&this.linkArray.map((t=>r("li",{id:t.id,class:i},r("z-link",{textcolor:this.getZLinkTextcolor(),href:t.link,htmlid:t.id,target:t.target,icon:t.icon,onZLinkClick:this.emitDropdownMenuLinkClick},t.label)))))}render(){const i=this.logged&&this.isMenuOpen?"open":"",t=this.useInverseColors?"inverse":"";return r(o,{class:t},r("div",{ref:i=>this.divToResize=i,class:i},r("div",{class:`${t} ${i}`},this.logged?this.renderLoggedButton():this.renderGuestButton(),this.logged&&this.renderDropdownMenu())))}};n.style=":host{background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}button{display:flex;width:100%;flex-direction:column;padding:0;border:none;margin:0;background-color:var(--gray900);cursor:pointer;letter-spacing:0.16px;white-space:nowrap}button.inverse{background-color:var(--color-white)}button div.firstline{display:flex;max-width:200px;align-items:center;justify-content:flex-end}button.open div.firstline{max-width:none}z-icon{padding:0 2px;fill:var(--color-white)}z-icon.inverse{fill:var(--gray900)}ul{position:absolute;left:0;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 1.5) 0 0 0;background-color:var(--gray900);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:20px}ul.inverse{background-color:var(--color-white)}ul>li{display:flex;justify-content:flex-end;padding:calc(var(--space-unit) * 1.5 - 1px) 0;border-bottom:var(--border-base) solid var(--gray700);margin:0;white-space:nowrap}ul>li.inverse{border-bottom-color:var(--gray400)}ul>li:first-child{flex-direction:column;align-items:end;padding-top:0;padding-bottom:calc(var(--space-unit) + 6px);border-top:none}ul>li:last-child{border-bottom:none;margin-bottom:0}#guestbutton{display:inline-flex;width:100%;min-width:32px;height:32px;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:center;padding:0 calc(var(--space-unit) * 2);border-width:var(--border-size-medium);border-style:solid;border-color:var(--color-white);background-color:var(--color-white);border-radius:var(--border-radius);color:var(--gray800);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;vertical-align:middle}#guestbutton.inverse{border-color:var(--gray800);background-color:var(--gray800);color:var(--color-white)}.userfullname{overflow:hidden;width:100%;max-width:250px;padding:0;color:var(--color-white);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-sb);letter-spacing:0;line-height:24px;text-align:right;text-overflow:ellipsis}.userfullname.inverse{color:var(--gray800)}.useremail{overflow:hidden;width:100%;color:var(--color-white);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:16px;text-align:right;text-overflow:ellipsis}.useremail.inverse{color:var(--gray800)}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4);background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}:host>div{position:relative;top:50%;transform:translateY(-50%)}:host>div.open{top:auto;transform:none}:host>div>div{padding:0}:host>div>div.open{position:absolute;right:calc(var(--space-unit) * -1);padding:calc(var(--space-unit) / 2 + 1px) var(--space-unit) 0 var(--space-unit);margin-top:calc(var(--space-unit) / 2);background-color:var(--color-white);box-shadow:0 2px calc(var(--space-unit) * 0.5) 0 rgb(0 0 0 / 50%);transform:translate(0, -4px)}:host>div>div.inverse.open{background-color:var(--gray800)}button{display:flex;flex-flow:row nowrap;align-content:center;align-items:end;justify-content:flex-end}button.open{max-width:initial;padding-right:var(--space-unit);border-top:var(--border-size-small) solid var(--color-white);margin-left:var(--space-unit);background-color:var(--color-white);border-top-left-radius:calc(var(--space-unit) * 0.5);border-top-right-radius:calc(var(--space-unit) * 0.5)}button.open.inverse{border-top-color:var(--gray800);background-color:var(--gray800)}button:not(.open) z-icon{fill:var(--color-white)}button:not(.open) z-icon.inverse{fill:var(--gray800)}button.open z-icon{fill:var(--gray800)}button.open z-icon.inverse{fill:var(--color-white)}.userfullname{width:auto;padding:0 calc(var(--space-unit) - 6px) 0 calc(var(--space-unit) - 2px);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:20px}.userfullname.inverse{color:var(--gray800)}button.open div.userfullname{max-width:none;color:var(--gray800);text-overflow:clip}button.open div.userfullname.inverse{color:var(--color-white)}.useremail{box-sizing:border-box;padding-right:calc(var(--space-unit) * 3 - 2px)}button.open div.useremail{color:var(--gray800)}button.open div.useremail.inverse{color:var(--color-white)}ul{position:initial;left:initial;width:100%;padding:0;background-color:var(--color-white)}ul.inverse{border-bottom-color:var(--gray800);background-color:var(--gray800)}ul>li{border-bottom:var(--border-base) solid var(--gray400);margin:0 var(--space-unit);color:var(--gray800)}ul>li.inverse{color:var(--color-white)}ul>li:first-child{padding-top:calc(var(--space-unit) + 3px);padding-bottom:calc(var(--space-unit) + 5px);border-top:var(--border-base) solid var(--gray400)}}";export{n as z_user_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as e,H as i}from"./p-b366ef8e.js";import{r as c}from"./p-87fdd14f.js";import{m as l}from"./p-9f80c0b8.js";import"./p-d69e14fb.js";const o=class{constructor(e){s(this,e),this.toggleClick=t(this,"toggleClick",7),this.disabled=!1,this.labelPosition=l.LEFT,this.checked=!1,this.htmlid=`toggle-switch-id-${c()}`}emitToggleClick(){this.toggleClick.emit({id:this.htmlid,checked:this.checked})}handleClick(s){this.disabled||(this.checked=s.target.checked,this.emitToggleClick())}render(){return e(i,null,e("input",{id:this.htmlid,type:"checkbox",checked:this.checked,disabled:this.disabled,onChange:this.handleClick.bind(this)}),e("label",{htmlFor:this.htmlid,class:{[this.labelPosition]:!0,disabled:this.disabled}},e("span",null,e("slot",null)),e("span",{class:{container:!0,disabled:this.disabled,checked:this.checked}},e("span",{class:"circle"},this.checked&&e("z-icon",{width:12,height:12,name:"checkmark"})))))}};o.style='.sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-text01);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}';export{o as z_toggle_switch}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as r}from"./p-b366ef8e.js";import{p as i}from"./p-9f80c0b8.js";const o=class{constructor(r){e(this,r),this.undoAction=t(this,"undoAction",7)}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){32!=e.keyCode&&13!=e.keyCode||(e.preventDefault(),this.emitUndoAction())}handleActionButtonClick(e){e.preventDefault(),this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e=""}return e}getAlertType(){switch(this.type){case"add":return i.SUCCESS;case"remove":return i.WARNING;default:return null}}render(){return r("div",{class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{type:this.getAlertType()},r("div",{class:"relative-container"},r("z-icon",{name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{role:"button",tabindex:"0",class:"content-action",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}};o.style=":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.add-alert{background:var(--color-success-inverse)}:host div.remove-alert{background:var(--color-warning-inverse)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";export{o as z_myz_card_alert}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as t}from"./p-b366ef8e.js";import{I as a}from"./p-b2d16b41.js";const e=class{constructor(t){i(this,t)}render(){return t("div",null,Object.keys(a).map((i=>t("div",null,t("z-icon",{name:i}),t("label",null,i)))))}};e.style=":host>div{display:flex;flex-flow:row wrap;justify-content:flex-start;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px}:host>div>div{width:300px;margin:5px}:host>div>div>label{margin:0 10px}";export{e as z_icon_package}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as e,h as t,H as s,g as o}from"./p-b366ef8e.js";import{y as n,P as l}from"./p-9f80c0b8.js";import{t as r}from"./p-d69e14fb.js";const h=class{constructor(t){i(this,t),this.removeFile=e(this,"removeFile",7),this.allowPopover=!1,this.popoverVisible=!1}removeFileHandler(){this.removeFile.emit({fileName:this.fileName}),this.el.remove()}onMouseOver(){this.popoverVisible=!0}onMouseLeave(){this.popoverVisible=!1}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var i,e;this.elementHasEllipsis()&&window.innerWidth>r&&(this.allowPopover=!0),null===(e=null===(i=this.icon)||void 0===i?void 0:i.focus)||void 0===e||e.call(i)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return t(s,null,this.allowPopover&&t("z-popover",{open:this.popoverVisible,position:l.AUTO,bindTo:this.chip},t("span",{class:"body-5 tooltip-content"},this.ellipsis.innerText)),t("z-chip",{ref:i=>this.chip=i,id:`chip-${this.fileNumber}`,interactiveIcon:"multiply-circled",type:n.DEFAULT},t("span",{ref:i=>this.ellipsis=i,tabIndex:-1},this.fileName)))}get el(){return o(this)}};h.style=".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";export{h as z_file}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as i}from"./p-b366ef8e.js";import{A as a}from"./p-9f80c0b8.js";const e=class{constructor(s){var i,e;t(this,s),this.size=a.MEDIUM,this.textColor="text-white",this.backgroundColor="bg-grey-700",0===(null===(i=this.text)||void 0===i?void 0:i.length)&&0===(null===(e=this.image)||void 0===e?void 0:e.length)&&console.warn("z-avatar must contain at least one prop between text and image")}getTextSize(){return this.size===a.SMALL?"5":this.size===a.MEDIUM?"4":this.size===a.LARGE?"2":void 0}render(){return s(i,{class:{[this.size]:!0,[`body-${this.getTextSize()}-sb`]:!0},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",null,this.text.substring(0,2)),this.image&&s("img",{src:this.image,onError:()=>this.image=""}))}};e.style=":host{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;background-color:var(--bg-grey-700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";export{e as z_avatar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as e,h as l,H as t,g as a}from"./p-b366ef8e.js";import{x as s,q as n,D as o}from"./p-9f80c0b8.js";import{g as r}from"./p-87fdd14f.js";import"./p-d69e14fb.js";const c=class{constructor(l){i(this,l),this.fileInput=e(this,"fileInput",7),this.type=s.DEFAULT,this.files=[],this.inputAttributes={type:"file",id:"file-elem",multiple:!0}}removeFileListener(i){const e=this.files,l=e.find((e=>e.name===i.detail.fileName));if(l){const i=e.indexOf(l);i>=0&&(e.splice(i,1),this.files=[...e])}}fileDroppedListener(i){this.input.files=i.detail,this.fileInputHandler()}componentDidUpdate(){this.handleAccessibility(),this.invalidFiles.size&&this.errorModal.focus()}componentWillLoad(){this.invalidFiles=new Map,this.type===s.DRAGDROP&&r()!==n.DESKTOP&&(this.type=s.DEFAULT)}fileInputHandler(){this.input.files.length&&(this.invalidFiles=this.checkFiles(Array.from(this.input.files)))}async getFiles(){return this.files}handleAccessibility(){this.files.length>0?this.el.querySelector("z-file:last-child z-chip button").focus():this.type===s.DEFAULT?this.button.shadowRoot.querySelector("button").focus():this.uploadLink.focus()}checkFiles(i){const e=new Map,l=`supera i ${this.fileMaxSize}MB`;return i.forEach((i=>{const t=i.size/1024/1024,a=this.acceptedFormat.split(",").some((e=>i.name.toLowerCase().endsWith(e.trim()))),s=t<=this.fileMaxSize;s&&a?this.files.find((e=>e.name===i.name))||(this.files.push(i),this.fileInput.emit(i),this.input.value=""):(e.set(i.name,[]),s||e.get(i.name).push(l),a||e.get(i.name).push(" ha un'estensione non prevista"))})),e}renderTitle(){return l("z-heading",{id:"title",variant:"semibold",level:2},this.mainTitle)}renderDescription(i,e){return l("z-body",{variant:i,level:e},this.description)}renderAllowedFileExtensions(){let i="",e="";return this.acceptedFormat&&(i=` nei formati ${this.acceptedFormat.split(", ").map((i=>i.substring(1).toUpperCase())).join(", ")}`),this.fileMaxSize&&(e=` per un massimo di ${this.fileMaxSize}MB di peso`),l("z-body",{level:3},i||e?`Puoi allegare file${i}${e}.`:null)}renderFileSection(){if(this.files.length)return this.files.length>0&&l("section",{class:"files-container"},l("z-heading",{variant:"semibold",level:4},"File appena caricati"),l("div",{class:"files"},l("slot",{name:"files"})),l("z-divider",{size:o.MEDIUM}))}renderInput(){return l("input",Object.assign({},this.inputAttributes,{onChange:()=>this.fileInputHandler(),accept:this.acceptedFormat,ref:i=>this.input=i}))}renderUploadButton(){return[this.renderInput(),l("z-button",{onClick:()=>this.input.click(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.input.click())},id:"fileSelect",variant:this.buttonVariant,icon:"upload",ref:i=>this.button=i},"Allega")]}renderUploadLink(){return[this.renderInput(),l("z-body",{class:"upload-link-text",variant:"regular",level:1},"Trascinalo qui o"," ",l("z-body",{tabIndex:0,class:"upload-link",onClick:()=>this.input.click(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.input.click())},variant:"semibold",level:1,ref:i=>this.uploadLink=i},"caricalo")," ","dal tuo computer")]}renderDefaultMode(){return[this.renderDescription("semibold",3),this.renderAllowedFileExtensions(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),l("z-dragdrop-area",null,l("div",{class:"text-container"},this.renderDescription("regular",1),this.renderUploadLink(),this.renderAllowedFileExtensions()))]}formatErrorString(i,e){var l,t;return`Il file ${i} ${null!==(l=e[0])&&void 0!==l?l:""}${e[0]&&e[1]?", ":""} ${null!==(t=e[1])&&void 0!==t?t:""} e non può quindi essere caricato.`}handleErrorModalContent(){return l("div",{slot:"modalContent"},l("div",{class:"modal-wrapper"},l("div",{class:"files"},Array.from(this.invalidFiles).map((([i,e])=>l("z-body",{variant:"regular",level:3},this.formatErrorString(i,e)))))))}render(){return l(t,null,l("div",{tabIndex:0,class:`container ${this.type}`},this.renderTitle(),this.type==s.DEFAULT?this.renderDefaultMode():this.renderDragDropMode()),!!this.invalidFiles.size&&l("z-modal",{tabIndex:0,ref:i=>this.errorModal=i,modaltitle:"Attenzione",onModalClose:()=>this.invalidFiles=new Map,onModalBackgroundClick:()=>this.invalidFiles=new Map},this.handleErrorModalContent()))}get el(){return a(this)}};c.style=".sc-z-file-upload-h{color:var(--color-text01);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-upload-h>.container.sc-z-file-upload{display:flex;flex-direction:column}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{display:flex;align-items:center;justify-content:center}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload>.files.sc-z-file-upload{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto}.sc-z-file-upload-h .text-container.sc-z-file-upload z-body.sc-z-file-upload{text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-link-primary);cursor:pointer}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}input#file-elem.sc-z-file-upload{display:none}#title.sc-z-file-upload{display:inline-block;margin-bottom:var(--space-unit)}.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{display:inline-block;margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>z-heading.sc-z-file-upload{display:inline-block;margin:calc(var(--space-unit) * 3) 0}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>.files.sc-z-file-upload{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>z-divider.sc-z-file-upload{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}@media only screen and (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}}";export{c as z_file_upload}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as a,H as r,g as i}from"./p-b366ef8e.js";const n="undefined"!=typeof IntersectionObserver,o=class{constructor(a){e(this,a),this.sticking=t(this,"sticking",7),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.stucked=!1,this.observer=n&&new IntersectionObserver((([e])=>{this.stucked=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.collectMenuElements.bind(this)}emitStickingEvent(){this.sticking.emit(this.stucked)}componentDidLoad(){this.collectMenuElements(),this.onStuckMode()}get title(){const e=this.hostElement.querySelector('[slot="title"]');return null===e?"":e.textContent.trim()}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this.stucked=!1,this.observer&&this.observer.unobserve(this.container)}onStucked(){this.scrollParent&&this.emitStickingEvent()}setMenuFloatingMode(){if(0===this.menuElements.length)return;const e=this.menuElements;for(let t=0,a=e.length;t<a;t++)e[t].open=!1,e[t].floating=!this.drawerOpen}render(){return a(r,{"menu-length":this.menuLength},a("div",{class:"heading-panel",ref:e=>this.container=e},a("div",{class:"hero-container"},a("slot",{name:"hero"},this.hero&&a("img",{alt:"",src:this.hero}))),a("div",{class:"heading-container"},a("div",{class:"heading-title"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("slot",{name:"title"})),a("div",{class:"heading-subtitle"},a("slot",{name:"subtitle"}))),a("div",{class:"menu-container"},!this.drawerOpen&&"offcanvas"!==this.flow&&a("slot",{name:"menu",onSlotchange:this.collectMenuElements}))),a("div",{class:"drawer-container"},a("div",{class:"drawer-overlay",onClick:this.closeDrawer}),a("div",{class:"drawer-panel"},a("button",{class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer},a("z-icon",{name:"close"})),a("div",{class:"drawer-content"},this.drawerOpen&&a("slot",{name:"menu",onSlotchange:this.collectMenuElements})))),this.stucked&&a("div",{class:"heading-stucked"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("div",{class:"heading-title"},a("slot",{name:"stucked-title"},this.title))))}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}get hostElement(){return i(this)}static get watchers(){return{stuck:["onStuckMode"],stucked:["onStucked"],drawerOpen:["setMenuFloatingMode"]}}};o.style=':host{--app-header-height:auto;--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-stucked-bg:var(--color-white);--app-header-text-color:var(--gray800);--app-header-stucked-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;height:var(--app-header-height);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;justify-content:flex-start;padding:calc(var(--space-unit) * 2) var(--grid-mobile-margin);background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:center}:host(:not([menu-length="0"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stucked{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;display:flex;width:100%;max-width:100%;flex-direction:row;padding:var(--space-unit) var(--grid-mobile-margin);animation:slide-stucked-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot="stucked-title"]){display:block;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.heading-stucked .heading-title>*,::slotted([slot="title"]),::slotted([slot="stucked-title"]){margin:0;font-family:"IBM Plex Serif", serif;font-size:var(--app-header-typography-3-size);font-weight:700;letter-spacing:var(--app-header-typography-3-tracking)}::slotted([slot="title"]){line-height:1}::slotted([slot="subtitle"]){margin:var(--space-unit) 0 0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;font-weight:500;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;max-width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-right:auto}.menu-container{display:none;flex-flow:row wrap;align-items:baseline}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted(*:not(:last-of-type)){margin-right:calc(var(--space-unit) * 4.5)}.drawer-trigger{padding:0;border:0;margin:0 calc(var(--space-unit) * 1.5) 0 0;appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentcolor}.drawer-container{position:fixed;z-index:100;top:var(--app-header-top-offset);left:0;width:100%;height:100%;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:100%;background:var(--gray900);opacity:0;pointer-events:none;transition:opacity 400ms ease-out}.drawer-panel{position:absolute;z-index:2;top:0;left:0;display:flex;width:375px;max-width:100%;height:100%;flex-direction:column;align-items:flex-start;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);pointer-events:none;transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out}.drawer-content{display:flex;overflow:auto;width:100%;flex:1 auto;flex-direction:column;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}.drawer-content::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-track{background-color:transparent}.drawer-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.drawer-content ::slotted(z-menu){width:100%}.drawer-content ::slotted(z-menu:not(:last-of-type)){margin-bottom:calc(var(--space-unit) * 2.5)}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);padding:0;border:0;margin:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);appearance:none;background:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-size:inherit;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([drawer-open]) .drawer-container .drawer-overlay{opacity:0.7;pointer-events:all}:host([drawer-open]) .drawer-container .drawer-panel{pointer-events:all;transform:none}.hero-container{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu:not([open])){--color-surface05:var(--color-white)}:host([overlay]) .hero-container::after{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:var(--color-black);content:"";opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media only screen and (min-width: 768px){.heading-panel{padding:calc(var(--space-unit) * 3) var(--grid-tablet-margin)}.heading-stucked{padding-right:var(--grid-tablet-margin);padding-left:var(--grid-tablet-margin)}:host(:not([flow="offcanvas"])) .heading-subtitle{padding-left:0}:host(:not([flow="offcanvas"])) .menu-container{display:flex}:host(:not([flow="offcanvas"])) .heading-container .drawer-trigger{display:none}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 3)}::slotted([slot="title"]){font-size:var(--app-header-typography-6-size);letter-spacing:var(--app-header-typography-6-tracking)}::slotted([slot="subtitle"]){margin-top:calc(var(--space-unit) * 1.5)}}@media only screen and (min-width: 1152px){.heading-panel,.heading-stucked{padding-right:var(--grid-desktop-margin);padding-left:var(--grid-desktop-margin)}:host(:not([flow="stack"])) .heading-panel{flex-flow:row wrap}::slotted([slot="title"]){margin-right:var(--grid-desktop-gutter);font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking)}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 2)}.menu-container{margin-top:var(--space-unit)}}@media only screen and (min-width: 1366px){.heading-panel,.heading-stucked{padding-right:var(--grid-wide-margin);padding-left:var(--grid-wide-margin)}::slotted([slot="title"]){margin-right:var(--grid-wide-gutter);font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking)}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slide-stucked-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';export{o as z_app_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as n,g as s}from"./p-b366ef8e.js";const a=class{constructor(i){t(this,i),this.opened=e(this,"opened",7),this.closed=e(this,"closed",7),this.floating=!1,this.open=!1,this.toggle=this.toggle.bind(this),this.checkContent=this.checkContent.bind(this),this.onItemsChange=this.onItemsChange.bind(this)}toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(t){this.floating&&this.open&&!this.hostElement.contains(t.target)&&(this.reflow(),this.open=!1,this.closed.emit())}onOpenChanged(){this.open?this.reflow(!0):cancelAnimationFrame(this.raf)}componentWillLoad(){this.checkContent()}reflow(t=!1){if(this.content){const{style:t}=this.content,{left:e}=this.hostElement.getBoundingClientRect(),i=getComputedStyle(this.content).width,n=i?parseFloat(i.replace("px","")):375;t.left=`${Math.min(window.innerWidth-e-n-30,0)}px`}t&&(this.raf=requestAnimationFrame(this.reflow.bind(this,t)))}checkContent(){this.hasHeader=!!this.hostElement.querySelectorAll('[slot="header"]').length,this.hasContent=!!this.hostElement.querySelectorAll('[slot="item"]').length||this.hasHeader}onItemsChange(){this.checkContent();const t=this.hostElement.querySelectorAll('[slot="item"]');null==t||t.forEach((t=>t.setAttribute("role","menuitem")))}renderMenuLabel(){return this.hasContent?i("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},i("div",{class:"menu-label-content"},i("slot",null),i("z-icon",{name:this.open?"chevron-up":"chevron-down"}))):i("div",{class:"menu-label"},i("div",{class:"menu-label-content"},i("slot",null)))}render(){return i(n,null,this.renderMenuLabel(),i("div",{class:"content",ref:t=>{this.content=t},hidden:!this.open},this.hasHeader&&i("header",{class:"header"},i("slot",{name:"header",onSlotchange:this.checkContent})),i("div",{class:"items",role:"menu"},i("slot",{name:"item",onSlotchange:this.onItemsChange}))))}get hostElement(){return s(this)}static get watchers(){return{open:["onOpenChanged"]}}};a.style=':host,::slotted(*),*{box-sizing:border-box}:host{position:relative;display:inline-flex;flex-direction:column}::slotted(a){color:var(--color-text01);text-decoration:none}::slotted(*){font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{display:flex;align-items:center;padding:var(--space-unit) 0;border-bottom:var(--border-size-large) solid var(--color-surface05)}:host([active]) .menu-label-content,:host([open]) .menu-label-content,.menu-label:hover .menu-label-content,.menu-label:focus-within .menu-label-content{border-color:var(--color-secondary01)}.menu-label ::slotted(*){width:100%;margin:0;appearance:none;font-size:var(--font-size-5);line-height:1.2;outline:none}.menu-label z-icon{margin-left:calc(var(--space-unit) * 4);fill:currentcolor}.content{background:var(--color-surface01)}.content[hidden]{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){display:inline-flex;width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:active){border-color:var(--color-secondary01)}';export{a as z_menu}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,g as r}from"./p-
|
|
1
|
+
import{r as o,h as t,g as r}from"./p-b366ef8e.js";const e=class{constructor(t){o(this,t)}componentWillRender(){this.host.setAttribute("role","rowgroup")}render(){return t("slot",null)}get host(){return r(this)}};e.style=".sc-z-table-footer-h{display:table-footer-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";export{e as z_table_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as a}from"./p-
|
|
1
|
+
import{r as i,c as t,h as a}from"./p-b366ef8e.js";import{N as n,a as o}from"./p-9f80c0b8.js";import{I as e}from"./p-b2d16b41.js";const r=class{constructor(a){i(this,a),this.selectedEvent=t(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation=n.HORIZONTAL,this.size=o.BIG}scrollToTab({target:i}){i.scrollIntoView(Object.assign({behavior:"smooth"},this.orientation===n.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"}))}onClick(){this.selected=!0}onSelected(){this.selected&&this.selectedEvent.emit()}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;return this.selected&&Object.keys(e).includes(t)&&(i=t),a("z-icon",{name:i})}render(){return a("a",{role:"tab",href:!this.disabled&&this.href,title:this.htmlTitle,target:this.target,onFocus:this.scrollToTab.bind(this)},this.icon&&this.renderIcon(),"horizontal"===this.orientation&&this.label)}static get watchers(){return{selected:["onSelected"]}}};r.style='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:hover:not([disabled])>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}';export{r as z_navigation_tab_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as s,g as i}from"./p-
|
|
1
|
+
import{r as t,c as e,h as o,H as s,g as i}from"./p-b366ef8e.js";const l=class{constructor(o){t(this,o),this.opened=e(this,"opened",7),this.closed=e(this,"closed",7)}toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(t){this.open&&!this.hostElement.contains(t.target)&&(this.open=!1,this.closed.emit())}checkContent(){this.hasContent=!!this.hostElement.querySelectorAll('[slot="item"]').length}componentWillLoad(){this.checkContent()}render(){return o(s,{role:"menu",open:this.open},o("button",{class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},o("slot",null),this.hasContent&&o("z-icon",{name:this.open?"chevron-up":"chevron-down"})),this.open&&o("div",{class:"items"},o("slot",{name:"item",onSlotchange:this.checkContent.bind(this)})))}get hostElement(){return i(this)}};l.style=':host{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-text01);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([active]) .label,:host([open]) .label,.label:hover{border-color:var(--color-secondary01)}.label{display:flex;width:100%;align-items:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:currentcolor}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) * 0.5);padding-bottom:calc(var(--space-unit) * 2)}.items>::slotted([slot="item"]){display:inline-flex;padding:calc(var(--space-unit) * 0.5);margin:0;font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot="item"]:last-child){padding-bottom:0}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-secondary01)}.items>::slotted([slot="item"]:hover){color:var(--color-secondary01)}';export{l as z_menu_section}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as a}from"./p-b366ef8e.js";const n=class{constructor(a){t(this,a)}render(){return a("a",{href:this.href,target:"_blank"},a("slot",null))}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>a{display:inline-block;width:100%;padding:calc(var(--space-unit) / 2 * 3) 0;border-bottom:1px solid var(--gray50);color:var(--color-white);font-size:14px;text-decoration:none}@media only screen and (min-width: 768px){:host a{width:initial;padding:0;border-bottom:none;font-size:12px;text-decoration:underline}}";const o=class{constructor(a){t(this,a),this.isOpen=!1}renderToggleButton(){return a("button",{class:"toggle-button",onClick:()=>this.isOpen=!this.isOpen},a("z-icon",{name:this.isOpen?"chevron-up":"chevron-down",width:16,height:16}))}render(){return a("nav",null,a("div",{class:"header"},a("h2",null,this.name),this.renderToggleButton()),a("div",{class:"content "+(this.isOpen?"show":"")},a("slot",null)))}};o.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>nav{display:flex;overflow:hidden;flex-direction:column;padding:0;margin:calc(var(--space-unit) / 2) 0;background-color:var(--gray900);justify-items:flex-start}:host>nav>.header{position:relative;display:flex;height:calc(var(--space-unit) * 4);flex-flow:row wrap;align-content:flex-start;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--gray50);fill:var(--color-white);line-height:1}:host>nav>.header>h2{margin:var(--space-unit) 0;color:var(--color-white);font-size:16px}:host>nav>.header>button{position:absolute;top:var(--space-unit);right:0;padding:0;border:0;margin:0;appearance:none;background:transparent;cursor:pointer}:host>nav>.header>z-icon{display:block}:host>nav>.content{display:none;height:0;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);background-color:var(--gray800);transition:0.3s ease}:host>nav>.content.show{display:block;height:auto;transition:0.3s ease}@media only screen and (min-width: 768px){:host>nav{display:grid;padding:calc(var(--space-unit) * 2) 0;border-bottom:1px solid var(--color-white);margin:0;background-color:var(--gray800);grid-column-gap:var(--grid-tablet-margin);grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr}:host>nav>.header>button.toggle-button{display:none}:host>nav>.header{padding:0;border-bottom:none;margin:0}:host>nav>.header>h2{border:none}:host>nav>.content,:host>nav>.content.show{display:grid;width:100%;height:auto;align-content:stretch;align-items:stretch;padding:0;margin:0;gap:var(--space-unit) var(--grid-tablet-margin);grid-column:span 3;grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 1152px){:host>nav{display:grid;padding:0;border-bottom:none;grid-template-columns:1fr;grid-template-rows:40px 4fr}:host>nav>.header{position:relative;display:inline-flex;height:24px}:host>nav>.header>h2{width:auto;padding:0 0 var(--space-unit);margin:0;color:var(--gray50);font-size:16px;font-weight:600;line-height:1}:host>nav>.header::after{position:absolute;top:100%;left:0;display:block;width:120px;border-bottom:1px solid var(--gray50);content:""}:host>nav>.content,:host>nav>.content.show{display:flex;flex-flow:column wrap;justify-content:flex-start;grid-column:auto}}';const e=class{constructor(a){t(this,a)}render(){return a("a",{href:this.href,target:"_blank"},a("img",{src:this.icon,alt:this.description}))}};e.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>a>img{width:calc(var(--space-unit) * 3)}@media only screen and (min-width: 1152px){:host>a>img{width:16px}}";export{n as z_footer_link,o as z_footer_section,e as z_footer_social}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as e,h as r,H as t}from"./p-b366ef8e.js";import{e as p,f as a,g as c,h as n}from"./p-9f80c0b8.js";import{a as s}from"./p-87fdd14f.js";import"./p-d69e14fb.js";const d=class{constructor(r){o(this,r),this.triggerClick=e(this,"triggerClick",7),this.position=p.AFTER_UP,this.backgroundColor="color-white",this.borderRadius=a.SMALL,this.boxShadow=c.SHADOW_1,this.showArrow=!1,this.padding="8px",this.isVisible=!1,this.popoverPosition=this.position,this.handleKeyDown=this.handleKeyDown.bind(this)}emitTriggerClick(){this.triggerClick.emit({isVisible:this.isVisible})}openPopover(){const o=document.body.clientWidth,e=window.innerHeight,r=this.popoverElem.getBoundingClientRect(),t=r.left,a=r.right,c=r.top,n=r.bottom;let s=this.position.split("-")[0],d=this.position.split("-")[1];c<0&&(this.position.startsWith("above")?s="below":d="down"),n>e&&(this.position.startsWith("below")?s="above":d="up"),a>o&&(this.position.startsWith("above")||this.position.startsWith("below")?d="left":s="before"),t<0&&(this.position.startsWith("above")||this.position.startsWith("below")?d="right":s="after"),this.popoverPosition=p[`${s}-${d}`],this.isVisible=!0}closePopover(){this.popoverPosition=this.position,this.isVisible=!1}closePopoverWithKeyboard(o){o.key===n.ESC&&this.closePopover()}handleClick(o){this.isVisible?this.closePopover():this.openPopover(),this.emitTriggerClick(),o.stopPropagation()}handleKeyDown(o){o.code===n.ENTER&&(this.isVisible?this.closePopover():this.openPopover())}handleOutsideClick(o){s(o.target).find((o=>"z-popover-deprecated"===o.nodeName.toLowerCase()))||this.closePopover()}render(){return r(t,{onKeyDown:this.handleKeyDown},r("div",{tabindex:"0",onClick:o=>this.handleClick(o),onKeyDown:o=>{o.key===n.ENTER&&this.handleClick(o)}},r("slot",{name:"trigger"})),r("div",{ref:o=>this.popoverElem=o,class:{"popover-content-container":!0,[this.popoverPosition]:!0,[`border-radius-${this.borderRadius}`]:!0,[this.boxShadow]:!0,"show-arrow":this.showArrow,visible:this.isVisible},style:{backgroundColor:`var(--${this.backgroundColor})`,padding:this.padding}},r("slot",{name:"popover"})))}};d.style='.sc-z-popover-deprecated-h{position:relative;display:inline-block;font-family:var(--dashboard-font);font-weight:var(--font-rg);--shadow-arrow-color:rgb(66 69 72 / 20%);--shadow-arrow-below-color:rgb(66 69 72 / 10%)}.popover-content-container.sc-z-popover-deprecated{position:absolute;z-index:999;min-width:64px;min-height:32px;box-sizing:border-box;visibility:hidden}.popover-content-container.visible.sc-z-popover-deprecated{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover-deprecated{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover-deprecated{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover-deprecated{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover-deprecated{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover-deprecated{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover-deprecated{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover-deprecated{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover-deprecated{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover-deprecated{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover-deprecated{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover-deprecated{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover-deprecated{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover-deprecated{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover-deprecated{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover-deprecated{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover-deprecated{top:calc(100% + var(--space-unit));left:0}.popover-content-container.below-center.sc-z-popover-deprecated{top:calc(100% + var(--space-unit));left:50%;transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover-deprecated{top:calc(100% + var(--space-unit));right:0}.popover-content-container.before-down.sc-z-popover-deprecated{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover-deprecated{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover-deprecated{right:calc(100% + var(--space-unit));bottom:0}.popover-content-container.above-right.sc-z-popover-deprecated{bottom:calc(100% + var(--space-unit));left:0}.popover-content-container.above-center.sc-z-popover-deprecated{bottom:calc(100% + var(--space-unit));left:50%;transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover-deprecated{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover-deprecated::before{position:absolute;z-index:-1;display:none;width:8px;height:8px;background-color:inherit;content:"";transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover-deprecated::before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover-deprecated::before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover-deprecated::before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover-deprecated::before{top:-4px;left:12px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover-deprecated::before{top:-4px;left:calc(50% - 4px);box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover-deprecated::before{top:-4px;right:12px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover-deprecated::before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover-deprecated::before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover-deprecated::before{right:-4px;bottom:12px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover-deprecated::before{bottom:-4px;left:12px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover-deprecated::before{bottom:-4px;left:calc(50% - 4px);box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover-deprecated::before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover-deprecated::before{display:block}';export{d as z_popover_deprecated}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as o}from"./p-b366ef8e.js";const s=class{constructor(o){r(this,o)}render(){return o("div",{class:this.type},o("slot",null))}};s.style=":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-success-inverse);fill:var(--color-success01)}:host>.warning{background:var(--color-warning-inverse);fill:var(--color-warning01)}:host>.error{background:var(--color-error-inverse);fill:var(--color-error01)}";export{s as z_alert}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as e,g as r}from"./p-b366ef8e.js";import{P as i,h as s}from"./p-9f80c0b8.js";const n=document.documentElement;function a(t){return t.parentNode.host?t.parentNode.host:t.parentNode}function h(t,o){const e=t.getBoundingClientRect(),r=e.width,i=e.height;let s,n,a=0,h=0,p=t;for(;p&&p!=o;){if(h+=p.offsetLeft,p===document.body?a+=p.getBoundingClientRect().top+window.scrollY:a+=p.offsetTop,window.DOMMatrix){const t=window.getComputedStyle(p),o=new DOMMatrix(t.transform||t.webkitTransform);o&&(h+=o.m41,p!==document.body&&(a+=o.m42))}if(!p.offsetParent)break;p=p.offsetParent}return p===document.body?(s=window.innerWidth,n=window.innerHeight):(s=p.offsetWidth,n=p.offsetHeight),{top:a,right:s-h-e.width,bottom:n-a-e.height,left:h,width:r,height:i}}const p=class{constructor(e){t(this,e),this.positionChange=o(this,"positionChange",7),this.openChange=o(this,"openChange",7),this.position=i.AUTO,this.open=!1,this.showArrow=!1,this.center=!1,this.closable=!0}closePopoverWithKeyboard(t){this.closable&&t.key===s.ESC&&(this.open=!1)}handleOutsideClick(t){this.closable&&(t.path.find((t=>t===this.host))||(this.open=!1,this.positionChange.emit({position:this.currentPosition})))}validatePosition(t){t&&!Object.values(i).includes(t)&&(this.position=i.AUTO),this.currentPosition=this.position,this.positionChange.emit({position:this.currentPosition})}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.open){const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};t()}else this.host.hasAttribute("current-position")&&(this.host.removeAttribute("current-position"),this.currentPosition=void 0);this.openChange.emit({open:this.open})}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}setPosition(){let t;if(t="string"==typeof this.bindTo?this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.bindTo:this.host.parentElement,!t)return;const o=function(t){let o=a(t);for(;o&&o!==n;){const{overflow:t,overflowX:e,overflowY:r}=window.getComputedStyle(o);if("hidden"===t||"hidden"===r||"hidden"===e)return o;if(o.scrollHeight>o.clientHeight&&"visible"!==t&&"visible"!==r||o.scrollWidth>o.clientWidth&&"visible"!==t&&"visible"!==e)return o;o=a(o)}return n}(t),e=o.getBoundingClientRect(),r=this.host.offsetParent,s=r?h(r,o):{top:0,right:0,bottom:0,left:0},p=h(t,o),c=p.top-o.scrollTop,f=e.height-(p.top+p.height)+o.scrollTop,u=p.left-o.scrollLeft,l=e.width-(p.left+p.width)+o.scrollLeft,b=Math.max(0,e.top+e.height-window.innerHeight),d=Math.max(0,e.left+e.width-window.innerWidth),v=Math.min(c,c+e.top),w=Math.min(f,f-b),m=Math.min(u,u+e.left),g=Math.min(l,l-d),x=v+w+p.height,$=m+g+p.width;let y=this.currentPosition;const z=[];this.position===i.AUTO&&(m/$>.6?z.push(i.LEFT):m/$<.4&&z.push(i.RIGHT),v/x>.9?z.unshift(i.TOP):v/x>.6?z.push(i.TOP):v/x<.1?z.unshift(i.BOTTOM):z.push(i.BOTTOM),y=z.join("_"));const _=this.host.style;_.position="absolute";const M=p.top-s.top,k=p.right-s.right,O=p.bottom-s.bottom,P=p.left-s.left,j=this.center?.5:0,C=this.center?.5:0;y===i.TOP||y===i.TOP_RIGHT?(_.top="auto",_.right="auto",_.bottom=`${O+p.height}px`,_.left=`${P+p.width*j}px`,_.maxHeight=`${v}px`,y===i.TOP_RIGHT&&(_.maxWidth=`${g+p.width*C}px`)):y===i.TOP_LEFT?(_.top="auto",_.right=`${k+p.width*j}px`,_.bottom=`${O+p.height}px`,_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${v}px`):y===i.BOTTOM||y===i.BOTTOM_RIGHT?(_.top=`${M+p.height}px`,_.right="auto",_.bottom="auto",_.left=`${P+p.width*j}px`,_.maxHeight=`${w}px`,y===i.BOTTOM_RIGHT&&(_.maxWidth=`${g+p.width*C}px`)):y===i.BOTTOM_LEFT?(_.top=`${M+p.height}px`,_.right=`${k+p.width*j}px`,_.bottom="auto",_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${w}px`):y===i.RIGHT||y===i.RIGHT_BOTTOM?(_.top=`${M+p.height*j}px`,_.right="auto",_.bottom="auto",_.left=`${P+p.width}px`,_.maxWidth=`${g}px`,_.maxHeight=`${w+p.height*C}px`):y===i.RIGHT_TOP?(_.top="auto",_.right="auto",_.bottom=`${O+p.height*j}px`,_.left=`${P+p.width}px`,_.maxWidth=`${g}px`,_.maxHeight=`${v+p.height*C}px`):y===i.LEFT||y===i.LEFT_BOTTOM?(_.top=`${M+p.height*j}px`,_.right=`${k+p.width}px`,_.bottom="auto",_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${w+p.height*C}px`):y===i.LEFT_TOP&&(_.top="auto",_.right=`${k+p.width}px`,_.bottom=`${O+p.height*j}px`,_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${v+p.height*C}px`),this.currentPosition=y||this.position,this.host.setAttribute("current-position",this.currentPosition)}componentWillLoad(){this.validatePosition(this.position),this.onOpen()}render(){return e("slot",null)}get host(){return r(this)}static get watchers(){return{position:["validatePosition"],open:["onOpen"]}}};p.style=':host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-text01);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open="true"][current-position]){display:flex}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;flex:1 auto}';export{p as z_popover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r,g as t}from"./p-
|
|
1
|
+
import{r as o,h as r,g as t}from"./p-b366ef8e.js";const e=class{constructor(r){o(this,r)}componentWillRender(){this.host.setAttribute("role","rowgroup"),Array.from(this.host.children).forEach(((o,r)=>o.setAttribute("aria-rowindex",`${r}`)))}render(){return r("slot",null)}get host(){return t(this)}};e.style=".sc-z-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";export{e as z_table_body}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as t,g as e}from"./p-
|
|
1
|
+
import{r,h as t,g as e}from"./p-b366ef8e.js";const o=class{constructor(t){r(this,t)}componentWillRender(){this.host.setAttribute("role","rowgroup")}render(){return t("slot",null)}get host(){return e(this)}};o.style=".sc-z-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";export{o as z_table_head}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as i,H as o}from"./p-b366ef8e.js";import{P as n}from"./p-9f80c0b8.js";const l=class{constructor(i){e(this,i),this.clickContextualMenu=t(this,"clickContextualMenu",7),this.color="color-primary01",this.popoverPosition=n.BOTTOM_RIGHT}componentWillRender(){this.elements&&(this.jsonElements=JSON.parse(this.elements.replace(/"/g,'"')))}componentDidLoad(){this.popover.bindTo=this.triggerButton}showIcon(){return!this.jsonElements.some((e=>!e.icon))}togglePopover(){this.popover.open||(this.popover.open=!0)}render(){var e,t;return i(o,null,i("button",{ref:e=>this.triggerButton=e,"aria-label":(null===(e=this.popover)||void 0===e?void 0:e.open)?"chiudi menu contestuale":"apri menu contestuale",onClick:()=>this.togglePopover()},i("z-icon",{name:"contextual-menu",fill:this.color})),i("z-popover",{ref:e=>this.popover=e,position:this.popoverPosition},i("div",{class:"popover-content-container"},i("z-list",null,i("z-list-group",{"divider-type":"element"},null===(t=this.jsonElements)||void 0===t?void 0:t.map(((e,t)=>i("z-list-element",{clickable:!e.disabled,class:"my-z-list-element","align-button":"left","expandable-style":"accordion",color:e.disabled?"color-disabled03":this.color,isContextualMenu:!0,listElementId:t,onClickItem:e=>this.clickContextualMenu.emit(e.detail)},i("div",{class:e.disabled?"disabled-element-container":"element-container"},this.showIcon()&&i("div",{class:"element-icon"},i("z-icon",{name:e.icon,width:16,height:16})),i("div",{class:"element-text"},i("span",null,e.text)))))))))))}};l.style=":host{position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-sans);font-weight:var(--font-rg)}button{width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer}z-popover{overflow:hidden}.popover-content-container{position:relative;min-width:112px;max-width:280px;background-color:var(--color-surface02);box-shadow:var(--shadow-2);white-space:nowrap}.element-container:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.element-text{overflow:hidden;font-size:14px;text-overflow:ellipsis}.element-container,.disabled-element-container{display:flex;min-height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:calc(var(--space-unit) / 2) var(--space-unit);fill:var(--color-disabled03);gap:var(--space-unit)}.element-container{fill:var(--color-primary01)}.element-icon{display:flex}";export{l as z_contextual_menu}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as a}from"./p-
|
|
1
|
+
import{r as i,c as t,h as a}from"./p-b366ef8e.js";import{N as n,a as o}from"./p-9f80c0b8.js";import{I as e}from"./p-b2d16b41.js";const r=class{constructor(a){i(this,a),this.selectedEvent=t(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation=n.HORIZONTAL,this.size=o.BIG}scrollToTab({target:i}){i.scrollIntoView(Object.assign({behavior:"smooth"},this.orientation===n.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"}))}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.selectedEvent.emit()}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;return this.selected&&Object.keys(e).includes(t)&&(i=t),a("z-icon",{name:i})}render(){return a("button",{role:"tab",disabled:this.disabled,title:this.htmlTitle,onFocus:this.scrollToTab.bind(this)},this.icon&&this.renderIcon(),this.orientation===n.HORIZONTAL&&this.label)}static get watchers(){return{selected:["onSelected"]}}};r.style='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:hover:not([disabled])>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}';export{r as z_navigation_tab}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t}from"./p-b366ef8e.js";import{K as i}from"./p-9f80c0b8.js";import{a,h as n,e as r}from"./p-87fdd14f.js";import"./p-d69e14fb.js";const s=class{constructor(t){e(this,t),this.ismenuopen=!1,this.handleToggle=this.handleToggle.bind(this),this.handleFocus=this.handleFocus.bind(this)}componentWillRender(){this.linkarray="string"==typeof this.menucontent?JSON.parse(this.menucontent):this.menucontent}renderMenuOpen(){if(this.ismenuopen)return t("ul",null,this.linkarray.map((e=>t("li",null,t("z-link",{htmlid:e.id,href:e.link,icon:e.icon},e.label)))))}renderButtonMenu(){return t("span",{class:"arrow"},t("z-icon",{name:"caret-down",width:14,height:14}))}retriveMenuClass(){if(this.ismenuopen)return"menu-opened"}handleToggle(){this.ismenuopen=!this.ismenuopen}handleFocus(e){e instanceof KeyboardEvent&&e.keyCode!==i.TAB||a(r()).find((e=>"z-menu-dropdown"===e.nodeName.toLowerCase()))||(document.removeEventListener("click",this.handleFocus),document.removeEventListener("keyup",this.handleFocus),this.ismenuopen=!1)}render(){return t("a",{class:this.retriveMenuClass(),role:"button",tabindex:"0",onFocus:()=>{document.addEventListener("click",this.handleFocus),document.addEventListener("keyup",this.handleFocus)},onKeyUp:e=>n(e,this.handleToggle)},t("div",{class:"container",onClick:()=>this.handleToggle()},t("span",{class:"user-wrapper"},t("z-icon",{name:"user-avatar",width:14,height:14}),t("span",{class:"user"},this.nomeutente)),this.renderButtonMenu()),this.renderMenuOpen())}};s.style=":host{width:inherit;height:32px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.17px}a,a:visited,a:active{color:inherit;text-decoration:none}:host>a{display:block;border:var(--border-size-small) solid transparent;background:var(--bg-grey-050);border-radius:var(--border-radius);color:var(--text-grey-800);outline:none}:host>a::-moz-focus-inner{border:0}:host>a:hover,:host>a.menu-opened:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host>a:focus{border:var(--border-size-small) solid var(--myz-blue);box-shadow:0 0 2px 2px var(--myz-blue-light);color:var(--myz-blue);fill:var(--myz-blue)}:host>a:active{border:var(--border-size-small) solid var(--myz-blue-light);box-shadow:0 2px 4px 0 rgb(0 0 0 / 40%);color:var(--myz-blue-light);fill:var(--myz-blue-light)}div.container{position:relative;display:flex;height:32px;align-items:center;justify-content:space-between;padding:0 var(--basex1)}div.container>span.user-wrapper{display:flex}div.container>span.user-wrapper>span.user{overflow:hidden;width:30px;padding:0 var(--basex1);cursor:pointer;text-overflow:ellipsis;white-space:nowrap}div.container>span.arrow{display:flex;align-items:center;justify-content:center}div.container>span.arrow>z-icon{transform:rotate(360deg);transition:all 200ms linear}ul{padding:0 calc(var(--space-unit) * 2);margin:0;list-style:none}li{display:flex;width:max-content;height:var(--basex3);align-items:center;padding:calc(var(--space-unit) / 4) 0}.menu-opened{position:inherit;width:auto !important;min-width:147px;padding-bottom:calc(var(--space-unit) * 2)}.menu-opened a,.menu-opened a:active,.menu-opened a:visited{color:var(--myz-blue);fill:var(--myz-blue)}.menu-opened a:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.menu-opened>div.container{margin-bottom:var(--basex1)}.menu-opened>div.container>span.user-wrapper>span.user{width:auto}.menu-opened>div.container>span.arrow>z-icon{transform:rotate(180deg);transition:all 200ms linear}@media only screen and (min-width: 1152px){:host>a{width:147px;padding:0 calc(var(--space-unit) / 4)}:host>a.menu-opened{width:147px;padding-bottom:calc(var(--space-unit) * 2)}div.container>span.user-wrapper>span.user{width:80px}}";const o=class{constructor(t){e(this,t)}componentWillLoad(){this.inputrawdata&&this.parseinputrawdata(this.inputrawdata)}parseinputrawdata(e){this.list=[...JSON.parse(e)]}oninputrawdataChange(e){this.parseinputrawdata(e)}render(){const e=this.list?this.list.length-1:-1;return t("ul",null,this.list&&this.list.map(((i,a)=>t("z-myz-list-item",{listitemid:i.listitemid,text:i.text,link:i.link,linktarget:i.linktarget,icon:i.icon,underlined:e!=a}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};o.style="ul{padding:0;margin:0}";export{s as z_menu_dropdown,o as z_myz_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,H as a,g as o}from"./p-b366ef8e.js";import{k as e,S as r,B as n,c as l,P as c}from"./p-9f80c0b8.js";import{a as p}from"./p-87fdd14f.js";import"./p-d69e14fb.js";const d=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding=e.MEDIUM,this.defaultSortDirection=r.ASC,this.sortDirection=r.NONE,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case r.ASC:return r.DESC;case r.DESC:return r.ASC;case r.NONE:return this.defaultSortDirection;default:return r.NONE}})(),this.emitOnSort())}handleMenuClick(){this.popover.open=!this.popover.open}handleOutsideClick(t){!p(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))&&this.popover&&(this.popover.open=!1)}handleClickHeaders(t){const s=t.target,i=p(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection=r.NONE)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:{sortable:this.sortable},onClick:()=>this.handleSort()},i("div",{class:"container"},i("slot",null),this.sortable&&this.sortDirection!==r.NONE&&i("z-icon",{name:this.sortDirection===r.ASC?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:"popover-container"},i("z-button",{ref:t=>this.triggerButton=t,class:"contextual-popover-button",icon:"contextual-menu",variant:n.TERTIARY,size:l.X_SMALL,onClick:()=>this.handleMenuClick()}),i("z-popover",{ref:t=>this.popover=t,position:c.BOTTOM,center:!0,bindTo:this.triggerButton},i("div",null,i("slot",{name:"contextual-menu"})))))}get host(){return o(this)}};d.style=':host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';export{d as z_table_header}
|