@zanichelli/albe-web-components 2.33.1 → 2.33.3
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 +4 -0
- package/dist/cjs/breakpoints-88c4fd6c.js +7 -0
- package/{www/build/hammer-52e2c4fe.js → dist/cjs/hammer-6e321f0b.js} +18 -4
- package/dist/cjs/index-11a8a536.js +256 -0
- package/dist/cjs/index-dee3e21d.js +1694 -0
- package/dist/cjs/index.cjs.js +13 -0
- package/dist/cjs/loader.cjs.js +21 -0
- package/dist/cjs/utils-00e14fba.js +75 -0
- package/dist/cjs/web-components-library.cjs.js +19 -0
- package/dist/cjs/z-alert_66.cjs.entry.js +3736 -0
- package/dist/{web-components-library/z-app-header.entry.js → cjs/z-app-header.cjs.entry.js} +9 -5
- package/dist/cjs/z-aria-alert.cjs.entry.js +18 -0
- package/{www/build/z-candybar.entry.js → dist/cjs/z-candybar.cjs.entry.js} +8 -4
- package/{www/build/z-cookiebar.entry.js → dist/cjs/z-cookiebar.cjs.entry.js} +11 -7
- package/dist/cjs/z-heading.cjs.entry.js +17 -0
- package/{www/build/z-messages-pocket.entry.js → dist/cjs/z-messages-pocket.cjs.entry.js} +17 -13
- package/dist/cjs/z-modal-login.cjs.entry.js +81 -0
- package/dist/{web-components-library/z-myz-card-dictionary.entry.js → cjs/z-myz-card-dictionary.cjs.entry.js} +10 -6
- package/dist/{web-components-library/z-myz-card-footer-sections.entry.js → cjs/z-myz-card-footer-sections.cjs.entry.js} +8 -4
- package/dist/{web-components-library/z-myz-card-info.entry.js → cjs/z-myz-card-info.cjs.entry.js} +23 -19
- package/{www/build/z-myz-topbar.entry.js → dist/cjs/z-myz-topbar.cjs.entry.js} +33 -29
- package/dist/{web-components-library/z-navigation-tab.entry.js → cjs/z-navigation-tab.cjs.entry.js} +10 -6
- package/{www/build/z-navigation-tabs.entry.js → dist/cjs/z-navigation-tabs.cjs.entry.js} +15 -11
- package/dist/{web-components-library/z-otp.entry.js → cjs/z-otp.cjs.entry.js} +12 -8
- package/dist/{web-components-library/z-pocket-message.entry.js → cjs/z-pocket-message.cjs.entry.js} +8 -4
- package/dist/cjs/z-pocket_3.cjs.entry.js +124 -0
- package/dist/{web-components-library/z-registro-table-footer.entry.js → cjs/z-registro-table-footer.cjs.entry.js} +9 -5
- package/dist/{web-components-library/z-slideshow.entry.js → cjs/z-slideshow.cjs.entry.js} +23 -19
- package/{www/build/z-toast-notification-list.entry.js → dist/cjs/z-toast-notification-list.cjs.entry.js} +11 -7
- package/dist/{web-components-library/z-toast-notification.entry.js → cjs/z-toast-notification.cjs.entry.js} +34 -31
- package/{www/build/z-visually-hidden.entry.js → dist/cjs/z-visually-hidden.cjs.entry.js} +8 -4
- package/{www/build/index-8f67b3da.js → dist/collection/beans/index.js} +35 -37
- package/dist/collection/collection-manifest.json +100 -0
- package/dist/collection/components/buttons/z-button/index.js +219 -0
- package/dist/collection/components/buttons/z-button/styles.css +231 -0
- package/dist/collection/components/buttons/z-button-filter/index.js +155 -0
- package/dist/collection/components/buttons/z-button-filter/styles.css +74 -0
- package/dist/collection/components/buttons/z-button-sort/index.js +216 -0
- package/dist/collection/components/buttons/z-button-sort/styles.css +101 -0
- package/dist/collection/components/buttons/z-chip/index.js +59 -0
- package/dist/collection/components/buttons/z-chip/styles.css +17 -0
- package/dist/collection/components/buttons/z-toggle-button/index.js +122 -0
- package/dist/collection/components/buttons/z-toggle-button/styles.css +62 -0
- package/dist/collection/components/footer/z-footer/index.js +286 -0
- package/dist/collection/components/footer/z-footer/styles.css +242 -0
- package/dist/collection/components/footer/z-footer-link/index.js +37 -0
- package/dist/collection/components/footer/z-footer-link/styles.css +33 -0
- package/dist/collection/components/footer/z-footer-section/index.js +51 -0
- package/dist/collection/components/footer/z-footer-section/styles.css +163 -0
- package/dist/collection/components/footer/z-footer-social/index.js +68 -0
- package/dist/collection/components/footer/z-footer-social/styles.css +23 -0
- package/dist/{web-components-library/icons-9a191d79.js → collection/components/icons/icons.js} +1 -3
- package/dist/collection/components/icons/z-icon/index.js +110 -0
- package/dist/collection/components/icons/z-icon/styles.css +14 -0
- package/dist/collection/components/icons/z-icon-package/index.js +20 -0
- package/dist/collection/components/icons/z-icon-package/styles.css +16 -0
- package/dist/collection/components/indicators/z-stepper/index.js +17 -0
- package/dist/collection/components/indicators/z-stepper/styles.css +19 -0
- package/dist/collection/components/indicators/z-stepper-item/index.js +93 -0
- package/dist/collection/components/indicators/z-stepper-item/styles.css +115 -0
- package/dist/collection/components/inputs/z-combobox/index.js +480 -0
- package/dist/collection/components/inputs/z-combobox/styles.css +148 -0
- package/dist/collection/components/inputs/z-input/index.js +821 -0
- package/dist/collection/components/inputs/z-input/styles.css +304 -0
- package/dist/collection/components/inputs/z-input-label/index.js +72 -0
- package/dist/collection/components/inputs/z-input-label/styles.css +16 -0
- package/dist/collection/components/inputs/z-input-message/index.js +64 -0
- package/dist/collection/components/inputs/z-input-message/styles.css +33 -0
- package/dist/collection/components/inputs/z-select/index.js +647 -0
- package/dist/collection/components/inputs/z-select/styles.css +131 -0
- package/dist/collection/components/list/z-list/index.js +57 -0
- package/dist/collection/components/list/z-list/styles.css +7 -0
- package/dist/collection/components/list/z-list-element/index.js +439 -0
- package/dist/collection/components/list/z-list-element/styles.css +133 -0
- package/dist/collection/components/list/z-list-group/index.js +144 -0
- package/dist/collection/components/list/z-list-group/styles.css +22 -0
- package/dist/collection/components/list/z-toast-notification-list/index.js +97 -0
- package/dist/collection/components/list/z-toast-notification-list/styles.css +107 -0
- package/dist/collection/components/logo/z-logo/index.js +128 -0
- package/dist/collection/components/logo/z-logo/styles.css +29 -0
- package/dist/collection/components/modal/z-modal/index.js +160 -0
- package/dist/collection/components/modal/z-modal/styles.css +185 -0
- package/dist/collection/components/modal/z-modal-login/index.js +272 -0
- package/dist/collection/components/modal/z-modal-login/styles.css +159 -0
- package/dist/collection/components/navigation/z-app-header/index.js +267 -0
- package/dist/collection/components/navigation/z-app-header/styles.css +445 -0
- package/dist/collection/components/navigation/z-app-switcher/index.js +70 -0
- package/dist/collection/components/navigation/z-app-switcher/styles.css +35 -0
- package/dist/collection/components/navigation/z-app-topbar/index.js +156 -0
- package/dist/collection/components/navigation/z-app-topbar/styles.css +71 -0
- package/dist/collection/components/navigation/z-link/index.js +309 -0
- package/dist/collection/components/navigation/z-link/styles.css +164 -0
- package/dist/collection/components/navigation/z-menu/index.js +223 -0
- package/dist/collection/components/navigation/z-menu/styles.css +149 -0
- package/dist/collection/components/navigation/z-menu-dropdown/index.js +125 -0
- package/dist/collection/components/navigation/z-menu-dropdown/styles.css +146 -0
- package/dist/collection/components/navigation/z-menu-section/index.js +109 -0
- package/dist/collection/components/navigation/z-menu-section/styles.css +91 -0
- package/dist/collection/components/navigation/z-navigation-tab/index.js +151 -0
- package/dist/collection/components/navigation/z-navigation-tab/styles.css +113 -0
- package/dist/collection/components/navigation/z-navigation-tabs/index.js +179 -0
- package/dist/collection/components/navigation/z-navigation-tabs/styles.css +117 -0
- package/dist/collection/components/navigation/z-user-dropdown/index.js +252 -0
- package/dist/collection/components/navigation/z-user-dropdown/styles.css +315 -0
- package/dist/collection/components/notification/z-candybar/index.js +18 -0
- package/dist/collection/components/notification/z-candybar/styles.css +61 -0
- package/dist/collection/components/notification/z-cookiebar/index.js +111 -0
- package/dist/collection/components/notification/z-cookiebar/styles.css +109 -0
- package/dist/collection/components/notification/z-info-box/index.js +79 -0
- package/dist/collection/components/notification/z-info-box/styles.css +23 -0
- package/dist/collection/components/notification/z-notification/index.js +171 -0
- package/dist/collection/components/notification/z-notification/styles.css +93 -0
- package/dist/collection/components/notification/z-toast-notification/index.js +402 -0
- package/dist/collection/components/notification/z-toast-notification/styles.css +247 -0
- package/dist/{web-components-library/z-tooltip.entry.js → collection/components/notification/z-tooltip/index.js} +128 -19
- package/dist/collection/components/notification/z-tooltip/styles.css +128 -0
- package/dist/collection/components/pagination/z-pagination-bar/index.js +278 -0
- package/dist/collection/components/pagination/z-pagination-bar/styles.css +23 -0
- package/dist/collection/components/pagination/z-pagination-page/index.js +129 -0
- package/dist/collection/components/pagination/z-pagination-page/styles.css +57 -0
- package/dist/collection/components/panel/z-panel-elem/index.js +193 -0
- package/dist/collection/components/panel/z-panel-elem/styles.css +39 -0
- package/dist/collection/components/typography/z-body/index.js +66 -0
- package/dist/collection/components/typography/z-heading/index.js +66 -0
- package/dist/collection/components/typography/z-typography/index.js +84 -0
- package/dist/collection/components/typography/z-typography/styles.css +61 -0
- package/dist/collection/components/z-aria-alert/index.js +32 -0
- package/dist/collection/components/z-avatar/index.js +137 -0
- package/dist/collection/components/z-avatar/styles.css +35 -0
- package/dist/collection/components/z-card/index.js +153 -0
- package/dist/collection/components/z-card/styles.css +188 -0
- package/dist/collection/components/z-contextual-menu/index.js +122 -0
- package/dist/collection/components/z-contextual-menu/styles.css +45 -0
- package/dist/collection/components/z-divider/index.js +89 -0
- package/dist/collection/components/z-divider/styles.css +37 -0
- package/dist/collection/components/z-ghost-loading/index.js +14 -0
- package/dist/collection/components/z-ghost-loading/styles.css +34 -0
- package/dist/collection/components/z-popover/index.js +274 -0
- package/dist/collection/components/z-popover/styles.css +236 -0
- package/dist/collection/components/z-status-tag/index.js +125 -0
- package/dist/collection/components/z-status-tag/styles.css +133 -0
- package/dist/collection/components/z-visually-hidden/index.js +14 -0
- package/dist/collection/components/z-visually-hidden/styles.css +12 -0
- package/{www/build/breakpoints-c386984e.js → dist/collection/constants/breakpoints.js} +1 -2
- package/dist/collection/constants/icons.js +6 -0
- package/dist/collection/index.js +5 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +119 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +38 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +148 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +62 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +20 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css +13 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +87 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css +11 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +177 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +85 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +190 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css +137 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +23 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css +32 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +101 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +46 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +74 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +70 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +213 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +124 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +53 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +41 -0
- package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +70 -0
- package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css +4 -0
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +188 -0
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +48 -0
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +121 -0
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/styles.css +106 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +181 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket/styles.css +56 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +77 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css +49 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +86 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/styles.css +40 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +23 -0
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/styles.css +53 -0
- package/dist/collection/snowflakes/myz/topbar/index.js +428 -0
- package/dist/collection/snowflakes/myz/topbar/styles.css +594 -0
- package/dist/collection/snowflakes/myz/z-alert/index.js +42 -0
- package/dist/collection/snowflakes/myz/z-alert/styles.css +28 -0
- package/dist/collection/snowflakes/myz/z-otp/index.js +114 -0
- package/dist/collection/snowflakes/myz/z-otp/styles.css +47 -0
- package/dist/collection/snowflakes/myz/z-slideshow/index.js +165 -0
- package/dist/collection/snowflakes/myz/z-slideshow/styles.css +128 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table/index.js +365 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table/styles.css +166 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-body/index.js +19 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-body/styles.css +9 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-cell/index.js +58 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-cell/styles.css +39 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/index.js +69 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/styles.css +24 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/index.js +35 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/styles.css +9 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-footer/index.js +18 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-footer/styles.css +5 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-head/index.js +18 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-head/styles.css +5 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-header/index.js +240 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-header/styles.css +67 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/index.js +37 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/styles.css +13 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-row/index.js +86 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-row/styles.css +54 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/index.js +17 -0
- package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/styles.css +11 -0
- package/dist/collection/themes/index.story.js +18 -0
- package/{www/build/utils-5e70920f.js → dist/collection/utils/utils.js} +12 -15
- package/dist/{web-components-library → esm}/breakpoints-c386984e.js +0 -0
- package/dist/{web-components-library/hammer-52e2c4fe.js → esm/hammer-c807d0b5.js} +15 -4
- package/dist/{web-components-library/index-8f67b3da.js → esm/index-4952bfe3.js} +1 -1
- package/dist/esm/index-fa9e549c.js +1666 -0
- package/dist/esm/index.js +9 -0
- package/dist/esm/loader.js +17 -0
- package/dist/esm/polyfills/core-js.js +11 -0
- package/dist/esm/polyfills/css-shim.js +1 -0
- package/dist/esm/polyfills/dom.js +79 -0
- package/dist/esm/polyfills/es5-html-element.js +1 -0
- package/dist/esm/polyfills/index.js +34 -0
- package/dist/esm/polyfills/system.js +6 -0
- package/dist/{web-components-library/utils-5e70920f.js → esm/utils-889efe17.js} +2 -20
- package/dist/esm/web-components-library.js +17 -0
- package/dist/esm/z-alert_66.entry.js +3667 -0
- package/{www/build → dist/esm}/z-app-header.entry.js +1 -1
- package/{www/build → dist/esm}/z-aria-alert.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-candybar.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-cookiebar.entry.js +2 -2
- package/dist/{web-components-library → esm}/z-heading.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-messages-pocket.entry.js +2 -2
- package/{www/build → dist/esm}/z-modal-login.entry.js +2 -2
- package/{www/build → dist/esm}/z-myz-card-dictionary.entry.js +2 -2
- package/{www/build → dist/esm}/z-myz-card-footer-sections.entry.js +1 -1
- package/{www/build → dist/esm}/z-myz-card-info.entry.js +3 -3
- package/dist/{web-components-library → esm}/z-myz-topbar.entry.js +2 -2
- package/{www/build → dist/esm}/z-navigation-tab.entry.js +1 -1
- package/dist/{web-components-library → esm}/z-navigation-tabs.entry.js +2 -2
- package/{www/build → dist/esm}/z-otp.entry.js +2 -2
- package/{www/build → dist/esm}/z-pocket-message.entry.js +1 -1
- package/dist/esm/z-pocket_3.entry.js +118 -0
- package/{www/build → dist/esm}/z-registro-table-footer.entry.js +1 -1
- package/{www/build → dist/esm}/z-slideshow.entry.js +3 -3
- package/dist/{web-components-library → esm}/z-toast-notification-list.entry.js +2 -2
- package/{www/build → dist/esm}/z-toast-notification.entry.js +3 -4
- package/dist/{web-components-library → esm}/z-visually-hidden.entry.js +1 -1
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/web-components-library/index.esm.js +1 -9
- package/dist/web-components-library/p-017370c7.entry.js +1 -0
- package/dist/web-components-library/p-04c73ec1.entry.js +1 -0
- package/dist/web-components-library/p-0bf8988b.entry.js +1 -0
- package/dist/web-components-library/p-140cc18f.entry.js +1 -0
- package/dist/web-components-library/p-1c72783c.entry.js +1 -0
- package/dist/web-components-library/p-3ea97390.entry.js +1 -0
- package/dist/web-components-library/p-40972dfd.entry.js +1 -0
- package/dist/web-components-library/p-43d00d2f.entry.js +1 -0
- package/dist/web-components-library/p-483d10ba.entry.js +1 -0
- package/dist/web-components-library/p-65c08b33.js +1 -0
- package/dist/web-components-library/p-6719b8e1.entry.js +7 -0
- package/dist/web-components-library/p-6e8f444c.entry.js +1 -0
- package/dist/web-components-library/p-798d5c2f.entry.js +1 -0
- package/dist/web-components-library/p-881b4877.js +1 -0
- package/dist/web-components-library/p-8ad12683.entry.js +1 -0
- package/dist/web-components-library/p-8c24ac2e.entry.js +1 -0
- package/dist/web-components-library/p-904a85e4.js +1 -0
- package/dist/web-components-library/p-96e3aec6.entry.js +1 -0
- package/dist/web-components-library/p-9912e411.js +7 -0
- package/dist/web-components-library/p-b4420ba3.entry.js +1 -0
- package/dist/web-components-library/p-c7af96eb.entry.js +1 -0
- package/dist/web-components-library/p-d1fed95b.entry.js +1 -0
- package/dist/web-components-library/p-d430b1aa.entry.js +1 -0
- package/dist/web-components-library/p-d69e14fb.js +1 -0
- package/dist/web-components-library/p-e64c06a4.entry.js +1 -0
- package/dist/web-components-library/p-f113a03a.entry.js +1 -0
- package/dist/web-components-library/p-fcf19092.entry.js +1 -0
- package/dist/web-components-library/web-components-library.css +1 -789
- package/dist/web-components-library/web-components-library.esm.js +1 -122
- package/package.json +1 -1
- package/www/build/index.esm.js +1 -9
- package/www/build/p-017370c7.entry.js +1 -0
- package/www/build/p-04c73ec1.entry.js +1 -0
- package/www/build/p-0bf8988b.entry.js +1 -0
- package/www/build/p-140cc18f.entry.js +1 -0
- package/www/build/p-1c72783c.entry.js +1 -0
- package/www/build/p-3ea97390.entry.js +1 -0
- package/www/build/p-40972dfd.entry.js +1 -0
- package/www/build/p-43d00d2f.entry.js +1 -0
- package/www/build/p-483d10ba.entry.js +1 -0
- package/www/build/p-65c08b33.js +1 -0
- package/www/build/p-6719b8e1.entry.js +7 -0
- package/www/build/p-6e8f444c.entry.js +1 -0
- package/www/build/p-798d5c2f.entry.js +1 -0
- package/www/build/p-881b4877.js +1 -0
- package/www/build/p-8ad12683.entry.js +1 -0
- package/www/build/p-8c24ac2e.entry.js +1 -0
- package/www/build/p-904a85e4.js +1 -0
- package/www/build/p-96e3aec6.entry.js +1 -0
- package/www/build/p-97a11655.css +789 -0
- package/www/build/p-9912e411.js +7 -0
- package/www/build/p-b4420ba3.entry.js +1 -0
- package/www/build/p-b9f0c115.js +122 -0
- package/www/build/p-c7af96eb.entry.js +1 -0
- package/www/build/p-d1fed95b.entry.js +1 -0
- package/www/build/p-d430b1aa.entry.js +1 -0
- package/www/build/p-d69e14fb.js +1 -0
- package/www/build/p-e64c06a4.entry.js +1 -0
- package/www/build/p-f113a03a.entry.js +1 -0
- package/www/build/p-fcf19092.entry.js +1 -0
- package/www/build/web-components-library.css +1 -789
- package/www/build/web-components-library.esm.js +1 -122
- package/www/index.html +2 -11
- package/dist/web-components-library/_commonjsHelpers-cb1cd7bb.js +0 -44
- package/dist/web-components-library/app-globals-0f993ce5.js +0 -3
- package/dist/web-components-library/css-shim-003e9264.js +0 -4
- package/dist/web-components-library/dom-1b195079.js +0 -73
- package/dist/web-components-library/index-44936066.js +0 -2832
- package/dist/web-components-library/index-8067f807.js +0 -64
- package/dist/web-components-library/shadow-css-c1ad5fdc.js +0 -383
- package/dist/web-components-library/z-alert.entry.js +0 -15
- package/dist/web-components-library/z-app-switcher.entry.js +0 -25
- package/dist/web-components-library/z-app-topbar.entry.js +0 -37
- package/dist/web-components-library/z-aria-alert.entry.js +0 -14
- package/dist/web-components-library/z-avatar.entry.js +0 -39
- package/dist/web-components-library/z-body.entry.js +0 -13
- package/dist/web-components-library/z-button-filter.entry.js +0 -45
- package/dist/web-components-library/z-button-sort.entry.js +0 -50
- package/dist/web-components-library/z-button.entry.js +0 -35
- package/dist/web-components-library/z-card.entry.js +0 -54
- package/dist/web-components-library/z-chip.entry.js +0 -20
- package/dist/web-components-library/z-combobox.entry.js +0 -166
- package/dist/web-components-library/z-contextual-menu.entry.js +0 -36
- package/dist/web-components-library/z-divider.entry.js +0 -22
- package/dist/web-components-library/z-footer-link.entry.js +0 -15
- package/dist/web-components-library/z-footer-section.entry.js +0 -19
- package/dist/web-components-library/z-footer-social.entry.js +0 -15
- package/dist/web-components-library/z-footer.entry.js +0 -98
- package/dist/web-components-library/z-ghost-loading.entry.js +0 -15
- package/dist/web-components-library/z-icon-package.entry.js +0 -19
- package/dist/web-components-library/z-icon.entry.js +0 -24
- package/dist/web-components-library/z-info-box.entry.js +0 -21
- package/dist/web-components-library/z-input-label.entry.js +0 -17
- package/dist/web-components-library/z-input-message.entry.js +0 -20
- package/dist/web-components-library/z-input.entry.js +0 -264
- package/dist/web-components-library/z-link.entry.js +0 -67
- package/dist/web-components-library/z-list-element.entry.js +0 -150
- package/dist/web-components-library/z-list-group.entry.js +0 -50
- package/dist/web-components-library/z-list.entry.js +0 -30
- package/dist/web-components-library/z-logo.entry.js +0 -24
- package/dist/web-components-library/z-menu-dropdown.entry.js +0 -56
- package/dist/web-components-library/z-menu-section.entry.js +0 -42
- package/dist/web-components-library/z-menu.entry.js +0 -106
- package/dist/web-components-library/z-modal-login.entry.js +0 -77
- package/dist/web-components-library/z-modal.entry.js +0 -32
- package/dist/web-components-library/z-myz-card-alert.entry.js +0 -59
- package/dist/web-components-library/z-myz-card-body.entry.js +0 -15
- package/dist/web-components-library/z-myz-card-cover.entry.js +0 -18
- package/dist/web-components-library/z-myz-card-footer.entry.js +0 -48
- package/dist/web-components-library/z-myz-card-header.entry.js +0 -34
- package/dist/web-components-library/z-myz-card-icon.entry.js +0 -17
- package/dist/web-components-library/z-myz-card-list.entry.js +0 -33
- package/dist/web-components-library/z-myz-card.entry.js +0 -37
- package/dist/web-components-library/z-myz-list-item.entry.js +0 -33
- package/dist/web-components-library/z-myz-list.entry.js +0 -31
- package/dist/web-components-library/z-notification.entry.js +0 -38
- package/dist/web-components-library/z-pagination-bar.entry.js +0 -126
- package/dist/web-components-library/z-pagination-page.entry.js +0 -21
- package/dist/web-components-library/z-panel-elem.entry.js +0 -26
- package/dist/web-components-library/z-pocket-body.entry.js +0 -23
- package/dist/web-components-library/z-pocket-header.entry.js +0 -36
- package/dist/web-components-library/z-pocket.entry.js +0 -68
- package/dist/web-components-library/z-popover.entry.js +0 -124
- package/dist/web-components-library/z-registro-table-body.entry.js +0 -20
- package/dist/web-components-library/z-registro-table-cell.entry.js +0 -30
- package/dist/web-components-library/z-registro-table-empty-box.entry.js +0 -24
- package/dist/web-components-library/z-registro-table-expanded-row.entry.js +0 -15
- package/dist/web-components-library/z-registro-table-head.entry.js +0 -19
- package/dist/web-components-library/z-registro-table-header-row.entry.js +0 -18
- package/dist/web-components-library/z-registro-table-header.entry.js +0 -80
- package/dist/web-components-library/z-registro-table-row.entry.js +0 -39
- package/dist/web-components-library/z-registro-table-sticky-footer.entry.js +0 -15
- package/dist/web-components-library/z-registro-table.entry.js +0 -78
- package/dist/web-components-library/z-select.entry.js +0 -281
- package/dist/web-components-library/z-status-tag.entry.js +0 -25
- package/dist/web-components-library/z-stepper-item.entry.js +0 -18
- package/dist/web-components-library/z-stepper.entry.js +0 -15
- package/dist/web-components-library/z-toggle-button.entry.js +0 -32
- package/dist/web-components-library/z-typography.entry.js +0 -25
- package/dist/web-components-library/z-user-dropdown.entry.js +0 -91
- package/www/build/_commonjsHelpers-cb1cd7bb.js +0 -44
- package/www/build/app-globals-0f993ce5.js +0 -3
- package/www/build/css-shim-003e9264.js +0 -4
- package/www/build/dom-1b195079.js +0 -73
- package/www/build/icons-9a191d79.js +0 -475
- package/www/build/index-44936066.js +0 -2832
- package/www/build/index-8067f807.js +0 -64
- package/www/build/shadow-css-c1ad5fdc.js +0 -383
- package/www/build/z-alert.entry.js +0 -15
- package/www/build/z-app-switcher.entry.js +0 -25
- package/www/build/z-app-topbar.entry.js +0 -37
- package/www/build/z-avatar.entry.js +0 -39
- package/www/build/z-body.entry.js +0 -13
- package/www/build/z-button-filter.entry.js +0 -45
- package/www/build/z-button-sort.entry.js +0 -50
- package/www/build/z-button.entry.js +0 -35
- package/www/build/z-card.entry.js +0 -54
- package/www/build/z-chip.entry.js +0 -20
- package/www/build/z-combobox.entry.js +0 -166
- package/www/build/z-contextual-menu.entry.js +0 -36
- package/www/build/z-divider.entry.js +0 -22
- package/www/build/z-footer-link.entry.js +0 -15
- package/www/build/z-footer-section.entry.js +0 -19
- package/www/build/z-footer-social.entry.js +0 -15
- package/www/build/z-footer.entry.js +0 -98
- package/www/build/z-ghost-loading.entry.js +0 -15
- package/www/build/z-heading.entry.js +0 -13
- package/www/build/z-icon-package.entry.js +0 -19
- package/www/build/z-icon.entry.js +0 -24
- package/www/build/z-info-box.entry.js +0 -21
- package/www/build/z-input-label.entry.js +0 -17
- package/www/build/z-input-message.entry.js +0 -20
- package/www/build/z-input.entry.js +0 -264
- package/www/build/z-link.entry.js +0 -67
- package/www/build/z-list-element.entry.js +0 -150
- package/www/build/z-list-group.entry.js +0 -50
- package/www/build/z-list.entry.js +0 -30
- package/www/build/z-logo.entry.js +0 -24
- package/www/build/z-menu-dropdown.entry.js +0 -56
- package/www/build/z-menu-section.entry.js +0 -42
- package/www/build/z-menu.entry.js +0 -106
- package/www/build/z-modal.entry.js +0 -32
- package/www/build/z-myz-card-alert.entry.js +0 -59
- package/www/build/z-myz-card-body.entry.js +0 -15
- package/www/build/z-myz-card-cover.entry.js +0 -18
- package/www/build/z-myz-card-footer.entry.js +0 -48
- package/www/build/z-myz-card-header.entry.js +0 -34
- package/www/build/z-myz-card-icon.entry.js +0 -17
- package/www/build/z-myz-card-list.entry.js +0 -33
- package/www/build/z-myz-card.entry.js +0 -37
- package/www/build/z-myz-list-item.entry.js +0 -33
- package/www/build/z-myz-list.entry.js +0 -31
- package/www/build/z-notification.entry.js +0 -38
- package/www/build/z-pagination-bar.entry.js +0 -126
- package/www/build/z-pagination-page.entry.js +0 -21
- package/www/build/z-panel-elem.entry.js +0 -26
- package/www/build/z-pocket-body.entry.js +0 -23
- package/www/build/z-pocket-header.entry.js +0 -36
- package/www/build/z-pocket.entry.js +0 -68
- package/www/build/z-popover.entry.js +0 -124
- package/www/build/z-registro-table-body.entry.js +0 -20
- package/www/build/z-registro-table-cell.entry.js +0 -30
- package/www/build/z-registro-table-empty-box.entry.js +0 -24
- package/www/build/z-registro-table-expanded-row.entry.js +0 -15
- package/www/build/z-registro-table-head.entry.js +0 -19
- package/www/build/z-registro-table-header-row.entry.js +0 -18
- package/www/build/z-registro-table-header.entry.js +0 -80
- package/www/build/z-registro-table-row.entry.js +0 -39
- package/www/build/z-registro-table-sticky-footer.entry.js +0 -15
- package/www/build/z-registro-table.entry.js +0 -78
- package/www/build/z-select.entry.js +0 -281
- package/www/build/z-status-tag.entry.js +0 -25
- package/www/build/z-stepper-item.entry.js +0 -18
- package/www/build/z-stepper.entry.js +0 -15
- package/www/build/z-toggle-button.entry.js +0 -32
- package/www/build/z-tooltip.entry.js +0 -270
- package/www/build/z-typography.entry.js +0 -25
- package/www/build/z-user-dropdown.entry.js +0 -91
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, e as Host } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{display:inline-block;vertical-align:top;width:255px;height:64px}img{display:block;margin:auto;width:100%;height:100%;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";
|
|
4
|
-
|
|
5
|
-
const ZLogo = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
const style = {};
|
|
11
|
-
if (this.width) {
|
|
12
|
-
style["width"] = style["max-width"] = `${this.width}px`;
|
|
13
|
-
}
|
|
14
|
-
if (this.height) {
|
|
15
|
-
style["height"] = style["max-height"] = `${this.height}px`;
|
|
16
|
-
}
|
|
17
|
-
return (h(Host, { style: style, class: { "mobile": !!this.mobileLogo } }, this.link ?
|
|
18
|
-
h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt })) :
|
|
19
|
-
h("img", { alt: this.imageAlt })));
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
ZLogo.style = stylesCss;
|
|
23
|
-
|
|
24
|
-
export { ZLogo as z_logo };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
import { k as keybordKeyCodeEnum } from './index-8f67b3da.js';
|
|
3
|
-
import { b as getElementTree, d as getClickedElement, h as handleKeyboardSubmit } from './utils-5e70920f.js';
|
|
4
|
-
import './breakpoints-c386984e.js';
|
|
5
|
-
|
|
6
|
-
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:12px;height:32px;width:inherit;letter-spacing:0.17px}a,a:visited,a:active{color:inherit;text-decoration:none}:host>a{display:block;background:var(--bg-grey-050);color:var(--text-grey-800);border-radius:var(--border-radius);border:var(--border-size-small) solid transparent;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{color:var(--myz-blue);fill:var(--myz-blue);border:var(--border-size-small) solid var(--myz-blue);box-shadow:0px 0px 2px 2px var(--myz-blue-light)}:host>a:active{color:var(--myz-blue-light);fill:var(--myz-blue-light);border:var(--border-size-small) solid var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}div.container{display:flex;align-items:center;justify-content:space-between;height:32px;position:relative;padding:0 var(--basex1)}div.container>span.user-wrapper{display:flex}div.container>span.user-wrapper>span.user{padding:0 var(--basex1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;width:30px}div.container>span.arrow{display:flex;justify-content:center;align-items:center}div.container>span.arrow>z-icon{transform:rotate(360deg);transition:all 200ms linear}ul{list-style:none;padding:0 calc(var(--space-unit) * 2);margin:0px}li{height:var(--basex3);display:flex;align-items:center;padding:calc(var(--space-unit) / 4) 0;width:max-content}.menu-opened{padding-bottom:calc(var(--space-unit) * 2);width:auto !important;min-width:147px;position:inherit}.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}}";
|
|
7
|
-
|
|
8
|
-
const ZMenuDropdown = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.ismenuopen = false;
|
|
12
|
-
this.handleToggle = this.handleToggle.bind(this);
|
|
13
|
-
this.handleFocus = this.handleFocus.bind(this);
|
|
14
|
-
}
|
|
15
|
-
componentWillRender() {
|
|
16
|
-
this.linkarray =
|
|
17
|
-
typeof this.menucontent === "string"
|
|
18
|
-
? JSON.parse(this.menucontent)
|
|
19
|
-
: this.menucontent;
|
|
20
|
-
}
|
|
21
|
-
renderMenuOpen() {
|
|
22
|
-
if (this.ismenuopen) {
|
|
23
|
-
return (h("ul", null, this.linkarray.map(bean => (h("li", null, h("z-link", { htmlid: bean.id, href: bean.link, icon: bean.icon }, bean.label))))));
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
renderButtonMenu() {
|
|
27
|
-
return (h("span", { class: "arrow" }, h("z-icon", { name: "caret-down", width: 14, height: 14 })));
|
|
28
|
-
}
|
|
29
|
-
retriveMenuClass() {
|
|
30
|
-
if (this.ismenuopen)
|
|
31
|
-
return "menu-opened";
|
|
32
|
-
}
|
|
33
|
-
handleToggle() {
|
|
34
|
-
this.ismenuopen = !this.ismenuopen;
|
|
35
|
-
}
|
|
36
|
-
handleFocus(e) {
|
|
37
|
-
if (e instanceof KeyboardEvent && e.keyCode !== keybordKeyCodeEnum.TAB)
|
|
38
|
-
return;
|
|
39
|
-
const tree = getElementTree(getClickedElement());
|
|
40
|
-
const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-menu-dropdown");
|
|
41
|
-
if (!menuParent) {
|
|
42
|
-
document.removeEventListener("click", this.handleFocus);
|
|
43
|
-
document.removeEventListener("keyup", this.handleFocus);
|
|
44
|
-
this.ismenuopen = false;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
render() {
|
|
48
|
-
return (h("a", { class: this.retriveMenuClass(), role: "button", tabindex: "0", onFocus: () => {
|
|
49
|
-
document.addEventListener("click", this.handleFocus);
|
|
50
|
-
document.addEventListener("keyup", this.handleFocus);
|
|
51
|
-
}, onKeyUp: (e) => handleKeyboardSubmit(e, this.handleToggle) }, h("div", { class: "container", onClick: () => this.handleToggle() }, h("span", { class: "user-wrapper" }, h("z-icon", { name: "user-avatar", width: 14, height: 14 }), h("span", { class: "user" }, this.nomeutente)), this.renderButtonMenu()), this.renderMenuOpen()));
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
ZMenuDropdown.style = stylesCss;
|
|
55
|
-
|
|
56
|
-
export { ZMenuDropdown as z_menu_dropdown };
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":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(*){font-family:var(--font-family-sans);font-weight:var(--font-rg);color:var(--color-text01)}:host([active]) .label,:host([open]) .label,.label:hover{border-color:var(--color-secondary01)}.label{display:flex;align-items:center;width:100%;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);text-align:left;background:transparent;border-radius:0;border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);cursor:pointer}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary)}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:currentColor}.items{display:flex;flex-direction:column;width:100%;padding:calc(var(--space-unit) * 0.5);padding-bottom:calc(var(--space-unit) * 2)}.items>::slotted([slot='item']){display:inline-flex;margin:0;padding:calc(var(--space-unit) * 0.5);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)}";
|
|
4
|
-
|
|
5
|
-
const ZMenuSection = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.opened = createEvent(this, "opened", 7);
|
|
9
|
-
this.closed = createEvent(this, "closed", 7);
|
|
10
|
-
}
|
|
11
|
-
toggle() {
|
|
12
|
-
if (!this.hasContent) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
this.open = !this.open;
|
|
16
|
-
this.open ? this.opened.emit() : this.closed.emit();
|
|
17
|
-
}
|
|
18
|
-
/** Close the list when a click is performed outside of this Element. */
|
|
19
|
-
handleClick(ev) {
|
|
20
|
-
if (!this.open || this.hostElement.contains(ev.target)) {
|
|
21
|
-
return;
|
|
22
|
-
}
|
|
23
|
-
this.open = false;
|
|
24
|
-
this.closed.emit();
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Check if some content slot is set.
|
|
28
|
-
*/
|
|
29
|
-
checkContent() {
|
|
30
|
-
this.hasContent = !!this.hostElement.querySelectorAll('[slot="item"]').length;
|
|
31
|
-
}
|
|
32
|
-
componentWillLoad() {
|
|
33
|
-
this.checkContent();
|
|
34
|
-
}
|
|
35
|
-
render() {
|
|
36
|
-
return h(Host, { role: "menu", open: this.open }, h("button", { class: "label", "aria-pressed": this.open ? 'true' : 'false', onClick: this.toggle.bind(this) }, h("slot", null), this.hasContent && h("z-icon", { name: this.open ? 'chevron-up' : 'chevron-down' })), this.open && h("div", { class: "items" }, h("slot", { name: "item", onSlotchange: this.checkContent.bind(this) })));
|
|
37
|
-
}
|
|
38
|
-
get hostElement() { return getElement(this); }
|
|
39
|
-
};
|
|
40
|
-
ZMenuSection.style = stylesCss;
|
|
41
|
-
|
|
42
|
-
export { ZMenuSection as z_menu_section };
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h, g as getElement } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host,::slotted(*),*{box-sizing:border-box}:host{display:inline-flex;flex-direction:column;position:relative}::slotted(a){color:var(--color-text01);text-decoration:none}::slotted(*){font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{margin:0;padding:0;color:inherit;background:transparent;border:0;border-radius:0;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;box-shadow:var(--shadow-focus-primary);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5)}.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{width:375px;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host(:not([floating])) .content{width:100%}:host([floating]) .content{position:absolute;top:100%;left:0;box-shadow:var(--shadow-2);min-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);object-fit:contain;height:auto}.header ::slotted([slot='header']:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-weight:var(--font-sb);font-size:var(--font-size-3);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)}";
|
|
4
|
-
|
|
5
|
-
const ZMenu = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.opened = createEvent(this, "opened", 7);
|
|
9
|
-
this.closed = createEvent(this, "closed", 7);
|
|
10
|
-
/**
|
|
11
|
-
* Flag to set the display mode of the list.
|
|
12
|
-
* If true, the list will be absolutely positioned under the menu label,
|
|
13
|
-
* stacked beneath it otherwise.
|
|
14
|
-
* @default false
|
|
15
|
-
*/
|
|
16
|
-
this.floating = false;
|
|
17
|
-
/**
|
|
18
|
-
* The opening state of the menu.
|
|
19
|
-
* @default false
|
|
20
|
-
*/
|
|
21
|
-
this.open = false;
|
|
22
|
-
this.toggle = this.toggle.bind(this);
|
|
23
|
-
this.checkContent = this.checkContent.bind(this);
|
|
24
|
-
this.onItemsChange = this.onItemsChange.bind(this);
|
|
25
|
-
}
|
|
26
|
-
toggle() {
|
|
27
|
-
if (!this.hasContent) {
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
this.open = !this.open;
|
|
31
|
-
this.open ? this.opened.emit() : this.closed.emit();
|
|
32
|
-
}
|
|
33
|
-
/** Close the floating list when a click is performed outside of this Element. */
|
|
34
|
-
handleClick(ev) {
|
|
35
|
-
if (!this.floating ||
|
|
36
|
-
!this.open ||
|
|
37
|
-
this.hostElement.contains(ev.target)) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
this.reflow();
|
|
41
|
-
this.open = false;
|
|
42
|
-
this.closed.emit();
|
|
43
|
-
}
|
|
44
|
-
onOpenChanged() {
|
|
45
|
-
if (this.open) {
|
|
46
|
-
this.reflow(true);
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
cancelAnimationFrame(this.raf);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
componentWillLoad() {
|
|
53
|
-
this.checkContent();
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Correctly set position of the floating menu in order to prevent overflow.
|
|
57
|
-
* @param live Should run the method on every refresh frame.
|
|
58
|
-
*/
|
|
59
|
-
reflow(live = false) {
|
|
60
|
-
if (this.content) {
|
|
61
|
-
const { style } = this.content;
|
|
62
|
-
const { left } = this.hostElement.getBoundingClientRect();
|
|
63
|
-
const widthPx = getComputedStyle(this.content).width;
|
|
64
|
-
const width = widthPx ? parseFloat(widthPx.replace('px', '')) : 375;
|
|
65
|
-
const safeScrollbarSpace = 30;
|
|
66
|
-
style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;
|
|
67
|
-
}
|
|
68
|
-
if (live) {
|
|
69
|
-
this.raf = requestAnimationFrame(this.reflow.bind(this, live));
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Check if some content slot is set.
|
|
74
|
-
*/
|
|
75
|
-
checkContent() {
|
|
76
|
-
this.hasHeader = !!this.hostElement.querySelectorAll('[slot="header"]').length;
|
|
77
|
-
this.hasContent = !!this.hostElement.querySelectorAll('[slot="item"]').length || this.hasHeader;
|
|
78
|
-
}
|
|
79
|
-
/**
|
|
80
|
-
* Set `menuitem` role to all menu items.
|
|
81
|
-
*/
|
|
82
|
-
onItemsChange() {
|
|
83
|
-
this.checkContent();
|
|
84
|
-
const items = this.hostElement.querySelectorAll('[slot="item"]');
|
|
85
|
-
items === null || items === void 0 ? void 0 : items.forEach((item) => item.setAttribute('role', 'menuitem'));
|
|
86
|
-
}
|
|
87
|
-
renderMenuLabel() {
|
|
88
|
-
if (this.hasContent) {
|
|
89
|
-
return h("button", { class: "menu-label", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Chiudi menù' : 'Apri menù', onClick: this.toggle }, h("div", { class: "menu-label-content" }, h("slot", null), h("z-icon", { name: this.open ? 'chevron-up' : 'chevron-down' })));
|
|
90
|
-
}
|
|
91
|
-
return h("div", { class: "menu-label" }, h("div", { class: "menu-label-content" }, h("slot", null)));
|
|
92
|
-
}
|
|
93
|
-
render() {
|
|
94
|
-
return [
|
|
95
|
-
this.renderMenuLabel(),
|
|
96
|
-
h("div", { class: "content", ref: (el) => { this.content = el; }, hidden: !this.open }, this.hasHeader && h("header", { class: "header" }, h("slot", { name: "header", onSlotchange: this.checkContent })), h("div", { class: "items", role: "menu" }, h("slot", { name: "item", onSlotchange: this.onItemsChange })))
|
|
97
|
-
];
|
|
98
|
-
}
|
|
99
|
-
get hostElement() { return getElement(this); }
|
|
100
|
-
static get watchers() { return {
|
|
101
|
-
"open": ["onOpenChanged"]
|
|
102
|
-
}; }
|
|
103
|
-
};
|
|
104
|
-
ZMenu.style = stylesCss;
|
|
105
|
-
|
|
106
|
-
export { ZMenu as z_menu };
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h, g as getElement } from './index-44936066.js';
|
|
2
|
-
import { d as InputStatusEnum, B as ButtonVariantEnum } from './index-8f67b3da.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = ".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{color:var(--text-grey-800);padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 2)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}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-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}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{font-size:12px;align-self:flex-end}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{margin:calc(var(--space-unit) * 3) 0;align-self:flex-start}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>hr.sc-z-modal-login{width:100%;margin-bottom:calc(var(--space-unit) * 3);border:none;border-top:var(--border-size-medium) solid var(--bg-grey-200);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;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}slot-fb[name=\"provider\"].sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}.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-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-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;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{grid-column-start:1;grid-column-end:3;padding-bottom:var(--space-unit)}.sc-z-modal-login-s>[slot=\"provider\"]{width:100%}slot-fb[name=\"provider\"].sc-z-modal-login{grid-column-start:1;grid-column-end:3;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}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)}}";
|
|
5
|
-
|
|
6
|
-
const zModalLogin = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.loginSubmit = createEvent(this, "loginSubmit", 7);
|
|
10
|
-
this.statusUpdate = createEvent(this, "statusUpdate", 7);
|
|
11
|
-
this.signupClick = createEvent(this, "signupClick", 7);
|
|
12
|
-
this.zainoDigitaleClick = createEvent(this, "zainoDigitaleClick", 7);
|
|
13
|
-
/** Login modal title */
|
|
14
|
-
this.heading = "Entra in MyZanichelli";
|
|
15
|
-
this.externalProviderCheck = false;
|
|
16
|
-
}
|
|
17
|
-
componentDidLoad() {
|
|
18
|
-
this.externalProviderCheck = !!this.hostElement.querySelectorAll('[slot="provider"]').length;
|
|
19
|
-
}
|
|
20
|
-
emitLoginSubmit() {
|
|
21
|
-
const usernameInput = this.hostElement.querySelector("z-input#username");
|
|
22
|
-
const passwordInput = this.hostElement.querySelector("z-input#password");
|
|
23
|
-
// INFO: slotted inputs
|
|
24
|
-
if (!usernameInput || !passwordInput)
|
|
25
|
-
return;
|
|
26
|
-
let username = usernameInput.value;
|
|
27
|
-
let password = passwordInput.value;
|
|
28
|
-
if (!username || !password) {
|
|
29
|
-
this.status = InputStatusEnum.error;
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
username = this.cleanUsername(username);
|
|
33
|
-
this.loginSubmit.emit({
|
|
34
|
-
username,
|
|
35
|
-
password,
|
|
36
|
-
originalUsername: usernameInput.value,
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
emitStatusUpdate(status) {
|
|
40
|
-
this.statusUpdate.emit(status);
|
|
41
|
-
}
|
|
42
|
-
emitSignupClick() {
|
|
43
|
-
this.signupClick.emit();
|
|
44
|
-
}
|
|
45
|
-
emitZainoDigitaleClick() {
|
|
46
|
-
this.zainoDigitaleClick.emit();
|
|
47
|
-
}
|
|
48
|
-
handleInputKeyUp(e) {
|
|
49
|
-
if (e.code !== "Enter")
|
|
50
|
-
return;
|
|
51
|
-
this.emitLoginSubmit();
|
|
52
|
-
}
|
|
53
|
-
handleInputChange() {
|
|
54
|
-
this.status = null;
|
|
55
|
-
this.emitStatusUpdate(this.status);
|
|
56
|
-
}
|
|
57
|
-
cleanUsername(username) {
|
|
58
|
-
username = username.trim().toLowerCase();
|
|
59
|
-
const mobileRegex = /^[+]?[\s./0-9]*[(]?[0-9]{1,4}[)]?[(]?[0-9]{1,4}[)]?[-\s./0-9]*$/g;
|
|
60
|
-
if (mobileRegex.test(username)) {
|
|
61
|
-
username = username.replace(/[- .)(]/g, "");
|
|
62
|
-
if (/^[\d ]*$/.test(username))
|
|
63
|
-
username = "+39" + username;
|
|
64
|
-
}
|
|
65
|
-
return username;
|
|
66
|
-
}
|
|
67
|
-
renderZainoDigitaleButton() {
|
|
68
|
-
return (h("z-button", { variant: ButtonVariantEnum.secondary, onClick: () => this.emitZainoDigitaleClick(), class: "zainoDigitale" }, h("div", { class: "zd" }, h("svg", { width: "18px", height: "24px", viewBox: "0 0 18 24" }, h("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(-313.000000, -329.000000)", fill: "#E2001A", "fill-rule": "nonzero" }, h("g", { transform: "translate(25.000000, 191.000000)" }, h("g", null, h("g", { transform: "translate(0.000000, 100.000000)" }, h("g", null, h("g", { transform: "translate(276.000000, 28.000000)" }, h("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" }))))))))), h("span", null, "ZAINO DIGITALE"))));
|
|
69
|
-
}
|
|
70
|
-
render() {
|
|
71
|
-
return (h("z-modal", { modaltitle: this.heading }, h("div", { class: "wrapper", slot: "modalContent" }, h("form", { method: "post" }, h("div", { class: "username" }, h("slot", { name: "username" }, h("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: (e) => this.handleInputKeyUp(e), onInputChange: () => this.handleInputChange() }))), h("div", { class: "password" }, h("slot", { name: "password" }, h("z-input", { id: "password", label: "password", placeholder: "Inserisci la tua password", type: "password", name: "password", autocomplete: "current-password", status: this.status, message: this.pwdmessage, onKeyUp: (e) => this.handleInputKeyUp(e), onInputChange: () => this.handleInputChange() }))), h("z-link", { class: "forget", href: this.forgotPasswordUrl }, "Password dimenticata?"), h("div", { class: "login" }, h("slot", { name: "login" }, h("z-button", { variant: ButtonVariantEnum.primary, onClick: () => this.emitLoginSubmit() }, "Accedi")))), h("hr", null), h("z-body", { class: "signup", level: 4, variant: "semibold" }, "Non hai ancora un account?"), h("div", { class: "signup" }, h("slot", { name: "signup" }, h("z-button", { variant: ButtonVariantEnum.secondary, onClick: () => this.emitSignupClick() }, "Registrati"))), !this.externalProviderCheck && (h("div", { class: "providers" }, h("z-body", { class: "provider", level: 5, variant: "regular" }, "OPPURE ACCEDI CON:"), h("slot", { name: "provider" }, this.renderZainoDigitaleButton(), h("z-link", { icon: "informationsource", href: "https://www.zainodigitale.it/#/landing" }, "Cos'\u00E8 Zaino Digitale?")))))));
|
|
72
|
-
}
|
|
73
|
-
get hostElement() { return getElement(this); }
|
|
74
|
-
};
|
|
75
|
-
zModalLogin.style = stylesCss;
|
|
76
|
-
|
|
77
|
-
export { zModalLogin as z_modal_login };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.modal-container{display:flex;flex-direction:column;z-index:1010;width:100%;height:100vh;overflow:-moz-scrollbars-none;overflow:hidden}.modal-container>header{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{margin:0;padding:0;border:none;background:transparent;cursor:pointer;margin-left:auto}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-icon01)}.modal-container>header>div{display:flex;flex-direction:column;width:100%;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header h2{margin:0;padding:0;font-weight:var(--font-rg);color:var(--color-text01)}.modal-container>header h1{font-size:var(--font-size-5);line-height:1.4;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-3);line-height:1.5;letter-spacing:0}.modal-container>header>div *:empty{display:none}.modal-container>header h1+h2{margin-top:calc(var(--space-unit) * 0.5)}.modal-container>.modal-content{flex:1 auto;background:var(--color-surface01);overflow:auto;overflow-x:hidden}.modal-container .modal-content::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.modal-container .modal-content::-webkit-scrollbar-track{background-color:transparent}.modal-container .modal-content::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.modal-container .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container .modal-content{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-container{position:fixed;top:calc(var(--space-unit) * 6);left:50%;transform:translateX(-50%);width:auto;height:auto;min-width:calc(var(--space-unit) * 40);min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius)}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);line-height:1.33;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-4);line-height:1.5;letter-spacing:0}.modal-container>header h1+h2{margin-top:0}}";
|
|
4
|
-
|
|
5
|
-
const ZModal = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.modalClose = createEvent(this, "modalClose", 7);
|
|
9
|
-
this.modalHeaderActive = createEvent(this, "modalHeaderActive", 7);
|
|
10
|
-
this.modalBackgroundClick = createEvent(this, "modalBackgroundClick", 7);
|
|
11
|
-
/** aria-label for close button (optional) */
|
|
12
|
-
this.closeButtonLabel = "close modal";
|
|
13
|
-
}
|
|
14
|
-
emitModalClose() {
|
|
15
|
-
this.modalClose.emit({ modalid: this.modalid });
|
|
16
|
-
}
|
|
17
|
-
emitModalHeaderActive() {
|
|
18
|
-
this.modalHeaderActive.emit({ modalid: this.modalid });
|
|
19
|
-
}
|
|
20
|
-
emitBackgroundClick() {
|
|
21
|
-
this.modalBackgroundClick.emit({ modalid: this.modalid });
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
return [
|
|
25
|
-
h("div", { class: "modal-container", id: this.modalid, role: "dialog" }, h("header", { onClick: this.emitModalHeaderActive.bind(this) }, h("div", null, this.modaltitle && h("h1", null, this.modaltitle), this.modalsubtitle && h("h2", null, this.modalsubtitle)), h("slot", { name: "modalCloseButton" }, h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) }, h("z-icon", { name: "multiply-circle-filled" })))), h("div", { class: "modal-content" }, h("slot", { name: "modalContent" }))),
|
|
26
|
-
h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
|
|
27
|
-
];
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
ZModal.style = stylesCss;
|
|
31
|
-
|
|
32
|
-
export { ZModal as z_modal };
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
|
|
2
|
-
import { e as AlertTypesEnum } from './index-8f67b3da.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = ":host{position:absolute;font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%;top:0px;left:0px;z-index:2}:host>z-alert{height:calc(var(--space-unit) * 6)}.relativeContainer{position:relative;display:grid;grid-template-columns:18px auto 46px;grid-template-rows:1fr;grid-column-gap:var(--space-unit);align-items:center;padding:0;outline:none}.relativeContainer::-moz-focus-inner{border:0}.alert-external-wrapper.removeAlert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.addAlert{background:var(--color-success-inverse)}:host div.removeAlert{background:var(--color-warning-inverse)}:host div>.contentText{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.contentAction{color:var(--color-primary01);font-size:12px;font-weight:var(--font-sb);height:20px;letter-spacing:0.32px;line-height:20px;cursor:pointer}:host div>z-icon{justify-self:center}";
|
|
5
|
-
|
|
6
|
-
const ZMyzCardAlert = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.undoAction = createEvent(this, "undoAction", 7);
|
|
10
|
-
}
|
|
11
|
-
emitUndoAction() {
|
|
12
|
-
this.undoAction.emit({ actionType: this.type });
|
|
13
|
-
}
|
|
14
|
-
handleSpaceKeyPress(e) {
|
|
15
|
-
if (e.keyCode == 32 || e.keyCode == 13) {
|
|
16
|
-
e.preventDefault();
|
|
17
|
-
this.emitUndoAction();
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
handleActionButtonClick(e) {
|
|
21
|
-
e.preventDefault();
|
|
22
|
-
this.emitUndoAction();
|
|
23
|
-
}
|
|
24
|
-
retrieveClass() {
|
|
25
|
-
let className = "";
|
|
26
|
-
switch (this.type) {
|
|
27
|
-
case "add":
|
|
28
|
-
className = "addAlert";
|
|
29
|
-
break;
|
|
30
|
-
case "remove":
|
|
31
|
-
className = "removeAlert";
|
|
32
|
-
break;
|
|
33
|
-
default:
|
|
34
|
-
className = "";
|
|
35
|
-
break;
|
|
36
|
-
}
|
|
37
|
-
return className;
|
|
38
|
-
}
|
|
39
|
-
getAlertType() {
|
|
40
|
-
switch (this.type) {
|
|
41
|
-
case "add":
|
|
42
|
-
return AlertTypesEnum.success;
|
|
43
|
-
case "remove":
|
|
44
|
-
return AlertTypesEnum.warning;
|
|
45
|
-
default:
|
|
46
|
-
return null;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
render() {
|
|
50
|
-
return (h("div", { class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { type: this.getAlertType() }, h("div", { class: "relativeContainer" }, h("z-icon", { name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { class: "contentText" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "contentAction", onClick: (e) => {
|
|
51
|
-
this.handleActionButtonClick(e);
|
|
52
|
-
}, onKeyPress: (e) => {
|
|
53
|
-
this.handleSpaceKeyPress(e);
|
|
54
|
-
} }, this.actiontext))))));
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
ZMyzCardAlert.style = stylesCss;
|
|
58
|
-
|
|
59
|
-
export { ZMyzCardAlert as z_myz_card_alert };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{height:340px;width:auto}:host>div{height:340px;width:auto;display:flex;align-items:center;justify-content:center;position:relative}";
|
|
4
|
-
|
|
5
|
-
const ZMyzCardBody = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h("div", null, h("slot", { name: "alert" }), h("slot", { name: "cover" })));
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
ZMyzCardBody.style = stylesCss;
|
|
14
|
-
|
|
15
|
-
export { ZMyzCardBody as z_myz_card_body };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = "img{display:block;margin:auto auto;height:340px;max-width:100%;object-fit:cover}img.faded{opacity:0.3}";
|
|
4
|
-
|
|
5
|
-
const ZMyzCardCover = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
hadleOnImageError() {
|
|
10
|
-
this.img = this.defaultimg;
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return (h("img", { class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
ZMyzCardCover.style = stylesCss;
|
|
17
|
-
|
|
18
|
-
export { ZMyzCardCover as z_myz_card_cover };
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
import { L as LicenseTypeEnum } from './index-8f67b3da.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = "footer{font-family:var(--font-family-sans);font-weight:var(--font-rg);color:var(--color-surface05);background-color:var(--color-surface01);margin:0px;padding:0px;position:relative;z-index:5;height:calc(var(--space-unit) * 6);width:auto;top:0px;transition:height 500ms ease-in-out, top 500ms ease-in-out;border-radius:0px 0px var(--border-radius) var(--border-radius);border-top:var(--border-size-medium) solid var(--color-surface03)}footer.real,footer.trial{border-top:var(--border-size-medium) solid var(--accent)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:16px;line-height:22px;height:40px;margin:0px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2)\n var(--space-unit) calc(var(--space-unit) * 2);overflow:hidden;background-color:var(--color-surface01);transition:all 200ms linear}footer.isopen>p{font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear;background-color:var(--bg-neutral-200)}footer.isopen.real>p,footer.isopen.trial>p{background-color:var(--accent)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{height:60px;overflow:hidden}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{font-size:14px;height:20px;line-height:20px;margin:0px;padding:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer>div.content>div>p.year_isbn{padding-top:var(--space-unit);display:flex;flex-direction:row;justify-content:space-between}footer>div.content>div>p.year_isbn>span.isbn{text-overflow:ellipsis;overflow:hidden}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;white-space:initial;text-overflow:initial}footer.isopen>div.content>div>p.year_isbn{flex-direction:column;height:50px;padding-left:0px}footer.isopen>div.content>div>p.year_isbn>span.isbn{display:inline-grid;padding-left:0px}footer.isopen{height:295px;top:-212px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}.toggle{position:absolute;top:-24px;left:16px;z-index:10}.faded{opacity:0.3;pointer-events:none}";
|
|
5
|
-
|
|
6
|
-
const ZMyzCardFooter = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
/** footer opened by default (optional) */
|
|
10
|
-
this.opened = false;
|
|
11
|
-
this.isOpen = false;
|
|
12
|
-
this.allowTooltipAuthors = false;
|
|
13
|
-
}
|
|
14
|
-
handleToggle() {
|
|
15
|
-
this.isOpen = !this.isOpen;
|
|
16
|
-
}
|
|
17
|
-
getTitleAuthors() {
|
|
18
|
-
return this.allowTooltipAuthors ? this.autori : "";
|
|
19
|
-
}
|
|
20
|
-
componentWillLoad() {
|
|
21
|
-
if (this.opened)
|
|
22
|
-
this.isOpen = true;
|
|
23
|
-
}
|
|
24
|
-
elementsEllipsis() {
|
|
25
|
-
this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;
|
|
26
|
-
}
|
|
27
|
-
elementAuthorsHasEllipsis() {
|
|
28
|
-
return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;
|
|
29
|
-
}
|
|
30
|
-
retrieveClass() {
|
|
31
|
-
return {
|
|
32
|
-
isopen: this.isOpen,
|
|
33
|
-
real: this.cardtype === LicenseTypeEnum.real,
|
|
34
|
-
trial: this.cardtype === LicenseTypeEnum.trial,
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
footerTransitionHandler(e) {
|
|
38
|
-
if (["visibility", "height"].includes(e.propertyName)) {
|
|
39
|
-
this.elementsEllipsis();
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
render() {
|
|
43
|
-
return (h("div", { class: this.faded && "faded" }, h("footer", { class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { class: "toggle" }, h("slot", { name: "toggle" })), this.titolo && h("p", null, this.titolo), h("div", { class: "content" }, h("div", null, h("p", { class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { title: this.getTitleAuthors() }, h("span", { class: "bold" }, this.autori))), h("p", { class: "year_isbn" }, h("span", { class: "isbn" }, h("span", null, h("span", { class: "bold" }, this.isbn), " (ed. cartacea)")))), h("div", { class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { name: "list" }))))));
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
ZMyzCardFooter.style = stylesCss;
|
|
47
|
-
|
|
48
|
-
export { ZMyzCardFooter as z_myz_card_footer };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
import { L as LicenseTypeEnum } from './index-8f67b3da.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = "header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:auto;height:calc(var(--space-unit) * 6);position:relative;border-bottom:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius) var(--border-radius)\n var(--border-no-radius) var(--border-no-radius);background-color:var(--color-surface01)}header.real,header.trial{background-color:var(--accent-lighter);border-bottom:var(--border-size-medium) solid var(--accent)}h2{font-family:var(--font-family-sans);font-weight:var(--font-sb);color:var(--color-surface05);height:calc(var(--space-unit) * 2);font-size:12px;text-transform:uppercase;letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);margin:0px;padding:calc(var(--space-unit) * 2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";
|
|
5
|
-
|
|
6
|
-
const ZMyzCardHeader = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.allowTooltip = false;
|
|
10
|
-
}
|
|
11
|
-
getTitle() {
|
|
12
|
-
return this.allowTooltip ? this.titolo : "";
|
|
13
|
-
}
|
|
14
|
-
componentDidLoad() {
|
|
15
|
-
if (this.elementHasEllipsis())
|
|
16
|
-
this.allowTooltip = true;
|
|
17
|
-
}
|
|
18
|
-
elementHasEllipsis() {
|
|
19
|
-
return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
|
|
20
|
-
}
|
|
21
|
-
retrieveClass() {
|
|
22
|
-
return {
|
|
23
|
-
real: this.cardtype === LicenseTypeEnum.real,
|
|
24
|
-
trial: this.cardtype === LicenseTypeEnum.trial,
|
|
25
|
-
faded: this.faded
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
29
|
-
return (h("header", { class: this.retrieveClass() }, h("h2", { ref: el => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { name: "icon" })));
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
ZMyzCardHeader.style = stylesCss;
|
|
33
|
-
|
|
34
|
-
export { ZMyzCardHeader as z_myz_card_header };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = "button{width:42px;height:calc(var(--space-unit) * 5);display:flex;align-items:center;justify-content:center;color:var(--color-primary01);fill:var(--color-primary01);cursor:pointer;outline:none;background:none;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);border-radius:0px var(--border-radius) 0px 0px;margin:0;padding:0px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6)}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius);border:0px}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0px 0px 2px 2px var(--accent-dark)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";
|
|
4
|
-
|
|
5
|
-
const ZMyzCardIcon = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
/** disabled status flag */
|
|
9
|
-
this.isdisabled = false;
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
return (h("button", { disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", null, h("z-icon", { name: this.icon, width: 16, height: 16 }))));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
ZMyzCardIcon.style = stylesCss;
|
|
16
|
-
|
|
17
|
-
export { ZMyzCardIcon as z_myz_card_icon };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = "ul{font-family:var(--font-family-sans);color:var(--color-primary02);margin:0 calc(var(--space-unit) * 2);padding:0px;overflow:hidden;list-style:none;width:auto;height:auto}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;font-size:14px;font-weight:var(--font-sb);text-decoration:none;color:var(--color-primary01);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);padding-top:calc(var(--space-unit) * .5)}ul>li>a:before{content:\"•\";padding-right:5px}ul>li>span{font-size:14px;font-weight:var(--font-rg);text-decoration:none;color:var(--color-surface04);padding:0 calc(var(--space-unit) * 2);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5)}";
|
|
4
|
-
|
|
5
|
-
const ZMyzCardList = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.renderList = this.renderList.bind(this);
|
|
9
|
-
}
|
|
10
|
-
handleSpaceKeyPress(e, url) {
|
|
11
|
-
if (e.keyCode == 32 || e.keyCode == 13) {
|
|
12
|
-
e.preventDefault();
|
|
13
|
-
window.open(url, "_blank");
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
formatListContent(data) {
|
|
17
|
-
const { value, isLink, url } = data;
|
|
18
|
-
if (!isLink)
|
|
19
|
-
return h("span", null, value);
|
|
20
|
-
return (h("a", { role: "button", onKeyPress: (e) => this.handleSpaceKeyPress(e, url), href: url, target: "_blank" }, value));
|
|
21
|
-
}
|
|
22
|
-
renderList(dataArray) {
|
|
23
|
-
return dataArray.map((data) => {
|
|
24
|
-
return h("li", null, this.formatListContent(data));
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
render() {
|
|
28
|
-
return h("ul", null, this.renderList(JSON.parse(this.listdata)));
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
ZMyzCardList.style = stylesCss;
|
|
32
|
-
|
|
33
|
-
export { ZMyzCardList as z_myz_card_list };
|