@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,38 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
|
|
2
|
-
import { N as NotificationType } from './index-8f67b3da.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = ":host{width:100%;color:var(--color-text01)}.notification-container{display:flex;padding:0 0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);outline:none;border-bottom:var(--border-size-medium) solid var(--color-surface03)}.shadow{box-shadow:var(--shadow-3)}.content-container{display:flex;justify-content:space-between;flex:1 1 auto;flex-wrap:wrap}.content-text{max-width:800px;margin-top:calc(var(--space-unit) * 2);margin-right:calc(var(--space-unit) * 2)}.action-text{margin-top:calc(var(--space-unit) * 2);margin-right:calc(var(--space-unit) * 2);height:fit-content;color:var(--color-primary01);cursor:pointer;white-space:nowrap}:host div>z-icon{justify-self:center;margin-top:calc(var(--space-unit) * 2);margin-right:calc(var(--space-unit))}:host div.success-notification{background:var(--color-success-inverse)}:host div.warning-notification{background:var(--color-warning-inverse)}:host div.error-notification{background:var(--color-error-inverse)}:host div.success-notification>z-icon{fill:var(--color-success01)}:host div.warning-notification>z-icon{fill:var(--color-warning02)}:host div.error-notification>z-icon{fill:var(--color-error01)}:host div>z-icon.close-icon{cursor:pointer;fill:var(--color-primary01);margin-right:calc(var(--space-unit) * 2)}@media only screen and (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text{margin-right:calc(var(--space-unit) * 5)}}";
|
|
5
|
-
|
|
6
|
-
const ZNotification = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.notificationAction = createEvent(this, "notificationAction", 7);
|
|
10
|
-
this.notificationClose = createEvent(this, "notificationClose", 7);
|
|
11
|
-
/** enable close icon */
|
|
12
|
-
this.showclose = false;
|
|
13
|
-
/** enable shadow */
|
|
14
|
-
this.showshadow = false;
|
|
15
|
-
}
|
|
16
|
-
handleActionButtonClick(e) {
|
|
17
|
-
e.preventDefault();
|
|
18
|
-
this.notificationAction.emit();
|
|
19
|
-
}
|
|
20
|
-
handleCloseButtonClick(e) {
|
|
21
|
-
e.preventDefault();
|
|
22
|
-
this.notificationClose.emit();
|
|
23
|
-
}
|
|
24
|
-
render() {
|
|
25
|
-
return (h("div", { class: {
|
|
26
|
-
"notification-container": true,
|
|
27
|
-
"success-notification": this.type === NotificationType.success,
|
|
28
|
-
"warning-notification": this.type === NotificationType.warning,
|
|
29
|
-
"error-notification": this.type === NotificationType.error,
|
|
30
|
-
"shadow": this.showshadow
|
|
31
|
-
} }, this.contenticonname && (h("z-icon", { name: this.contenticonname, width: 16, height: 16 })), h("div", { class: "content-container" }, h("z-body", { class: "content-text", level: 4 }, h("slot", null)), this.actiontext && !!this.actiontext.trim().length && (h("z-body", { class: "action-text", role: "button", tabindex: "0", onClick: (e) => {
|
|
32
|
-
this.handleActionButtonClick(e);
|
|
33
|
-
}, level: 5, variant: "semibold" }, this.actiontext))), this.showclose && (h("z-icon", { class: "close-icon", name: "multiply-circle", width: 16, height: 16, onClick: (e) => this.handleCloseButtonClick(e) }))));
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
ZNotification.style = stylesCss;
|
|
37
|
-
|
|
38
|
-
export { ZNotification as z_notification };
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
|
|
2
|
-
import { h as hammer } from './hammer-52e2c4fe.js';
|
|
3
|
-
import { h as handleKeyboardSubmit } from './utils-5e70920f.js';
|
|
4
|
-
import './_commonjsHelpers-cb1cd7bb.js';
|
|
5
|
-
import './index-8f67b3da.js';
|
|
6
|
-
import './breakpoints-c386984e.js';
|
|
7
|
-
|
|
8
|
-
const stylesCss = ":host>div{height:48px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:center}:host>div>z-icon{cursor:pointer;margin:calc(var(--space-unit) * 2) 0;color:var(--color-primary01);fill:var(--color-primary01)}:host>div>z-icon.disabled{cursor:default;pointer-events:none;color:var(--color-disabled01);fill:var(--color-disabled01)}";
|
|
9
|
-
|
|
10
|
-
const ZPaginationBar = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
registerInstance(this, hostRef);
|
|
13
|
-
this.goToPage = createEvent(this, "goToPage", 7);
|
|
14
|
-
this.changeStartPage = createEvent(this, "changeStartPage", 7);
|
|
15
|
-
this.addPageToHistory = createEvent(this, "addPageToHistory", 7);
|
|
16
|
-
/** current displayed page (mutable) */
|
|
17
|
-
this.currentpage = 1;
|
|
18
|
-
/** initial page (mutable) */
|
|
19
|
-
this.startpage = 1;
|
|
20
|
-
/** array of history of visited pages (mutable, optional) */
|
|
21
|
-
this.listhistoryrow = [];
|
|
22
|
-
this.currentPages = [];
|
|
23
|
-
this.velocityConstantMultiplier = 2;
|
|
24
|
-
this.navigateRight = this.navigateRight.bind(this);
|
|
25
|
-
this.navigateLeft = this.navigateLeft.bind(this);
|
|
26
|
-
this.emitGoToPage = this.emitGoToPage.bind(this);
|
|
27
|
-
}
|
|
28
|
-
componentDidLoad() {
|
|
29
|
-
this.scrollPage = this.scrollPage.bind(this);
|
|
30
|
-
let mc = new hammer(this.bar);
|
|
31
|
-
// listen to events...
|
|
32
|
-
mc.on("swiperight", this.scrollPage);
|
|
33
|
-
mc.on("swipeleft", this.scrollPage);
|
|
34
|
-
}
|
|
35
|
-
componentWillRender() {
|
|
36
|
-
this.initPagination();
|
|
37
|
-
}
|
|
38
|
-
componentWillUpdate() {
|
|
39
|
-
this.initPagination();
|
|
40
|
-
}
|
|
41
|
-
initPagination() {
|
|
42
|
-
this.loadPages();
|
|
43
|
-
if (this.historyraw) {
|
|
44
|
-
this.parsehistoryraw(this.historyraw);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
parsehistoryraw(historyraw) {
|
|
48
|
-
this.listhistoryrow = [...JSON.parse(historyraw)];
|
|
49
|
-
}
|
|
50
|
-
scrollPage(ev) {
|
|
51
|
-
let vel = Math.round(Math.abs(ev.velocity)) * this.velocityConstantMultiplier;
|
|
52
|
-
const deltaPage = Math.max(1, vel);
|
|
53
|
-
switch (ev.type) {
|
|
54
|
-
case "swiperight":
|
|
55
|
-
if (!this.canNavigateLeft())
|
|
56
|
-
break;
|
|
57
|
-
const newstartPage1 = this.startpage - deltaPage;
|
|
58
|
-
if (newstartPage1 > 1)
|
|
59
|
-
this.emitChangeStartPage(newstartPage1);
|
|
60
|
-
else
|
|
61
|
-
this.emitChangeStartPage(1);
|
|
62
|
-
break;
|
|
63
|
-
case "swipeleft":
|
|
64
|
-
if (!this.canNavigateRight())
|
|
65
|
-
break;
|
|
66
|
-
const newstartPage2 = this.startpage + deltaPage;
|
|
67
|
-
if (newstartPage2 < this.pages - this.visiblepages + 1)
|
|
68
|
-
this.emitChangeStartPage(newstartPage2);
|
|
69
|
-
else
|
|
70
|
-
this.emitChangeStartPage(this.pages - this.visiblepages + 1);
|
|
71
|
-
break;
|
|
72
|
-
default:
|
|
73
|
-
break;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
emitGoToPage(page) {
|
|
77
|
-
this.currentpage = page;
|
|
78
|
-
this.goToPage.emit({ page: page });
|
|
79
|
-
this.addPageToHistory.emit({ page: page });
|
|
80
|
-
}
|
|
81
|
-
emitChangeStartPage(startpage) {
|
|
82
|
-
this.startpage = startpage;
|
|
83
|
-
this.changeStartPage.emit({ startpage: startpage });
|
|
84
|
-
}
|
|
85
|
-
emitAddPageToHistory(page) {
|
|
86
|
-
this.listhistoryrow.push(page);
|
|
87
|
-
this.changeStartPage.emit({ page: page });
|
|
88
|
-
}
|
|
89
|
-
loadPages() {
|
|
90
|
-
this.currentPages.splice(0);
|
|
91
|
-
const lastPage = this.pageWindow();
|
|
92
|
-
let i;
|
|
93
|
-
for (i = 0; i < lastPage; i++) {
|
|
94
|
-
this.currentPages.push(i + this.startpage);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
pageWindow() {
|
|
98
|
-
return Math.min(this.pages, this.visiblepages); //How many pages are there to show?
|
|
99
|
-
}
|
|
100
|
-
canNavigateLeft() {
|
|
101
|
-
return this.startpage > 1;
|
|
102
|
-
}
|
|
103
|
-
canNavigateRight() {
|
|
104
|
-
return this.startpage + this.visiblepages - 1 < this.pages;
|
|
105
|
-
}
|
|
106
|
-
navigateLeft() {
|
|
107
|
-
if (this.canNavigateLeft()) {
|
|
108
|
-
this.startpage--;
|
|
109
|
-
this.emitChangeStartPage(this.startpage);
|
|
110
|
-
this.loadPages();
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
navigateRight() {
|
|
114
|
-
if (this.canNavigateRight()) {
|
|
115
|
-
this.startpage++;
|
|
116
|
-
this.emitChangeStartPage(this.startpage);
|
|
117
|
-
this.loadPages();
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
render() {
|
|
121
|
-
return (h("div", { ref: el => (this.bar = el) }, h("z-icon", { name: "chevron-left", class: !this.canNavigateLeft() && "disabled", onClick: () => this.navigateLeft(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.navigateLeft), tabindex: this.canNavigateLeft() ? 0 : -1 }), this.currentPages.map(page => (h("z-pagination-page", { value: page, isselected: page === this.currentpage, onClick: () => this.emitGoToPage(page), onKeyDown: (ev) => handleKeyboardSubmit(ev, this.emitGoToPage, page), isvisited: this.listhistoryrow.includes(page) }))), h("z-icon", { name: "chevron-right", class: !this.canNavigateRight() && "disabled", onClick: () => this.navigateRight(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.navigateRight), tabindex: this.canNavigateRight() ? 0 : -1 })));
|
|
122
|
-
}
|
|
123
|
-
};
|
|
124
|
-
ZPaginationBar.style = stylesCss;
|
|
125
|
-
|
|
126
|
-
export { ZPaginationBar as z_pagination_bar };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-sb);display:inline-block}:host>button{cursor:pointer;outline:none;display:inline-block;box-sizing:border-box;margin:0;height:48px;line-height:48px;text-align:center;border:none;border-bottom:var(--border-size-large) solid transparent;color:var(--color-primary01);font-size:var(--font-size-2);font-family:var(--font-family-sans);font-weight:inherit;background:transparent;text-decoration:none;transition:border-bottom 0.2s ease, font-size 0.2s ease;min-width:56px}:host>button[disabled]{pointer-events:none;cursor:default;color:var(--color-disabled02)}:host>button:hover{border-bottom:var(--border-size-large) solid var(--color-hover-light);background-color:var(--color-background);text-decoration:none;transition:border-bottom 0.2s ease, background-color 0.2s ease}:host>button:focus{border-bottom:var(--border-size-large) solid var(--color-hover-light);box-shadow:var(--shadow-focus-primary);background-color:var(--color-background);text-decoration:none}:host>button.visited{border-color:var(--color-hover-light);text-decoration:none}:host>button.selected{border-bottom:var(--border-size-large) solid var(--color-primary01);font-size:var(--font-size-7);transition:border-bottom 0.2s ease, font-size 0.2s ease}";
|
|
4
|
-
|
|
5
|
-
const ZPaginationPage = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
/** selected status flag */
|
|
9
|
-
this.isselected = false;
|
|
10
|
-
/** disabled status flag */
|
|
11
|
-
this.isdisabled = false;
|
|
12
|
-
/** visited status flag */
|
|
13
|
-
this.isvisited = false;
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
return (h("button", { id: this.pageid, "aria-label": this.ariaLabel ? this.ariaLabel : `Go to page ${this.value}`, class: { selected: this.isselected, visited: this.isvisited }, disabled: this.isdisabled, type: "button" }, this.value));
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
ZPaginationPage.style = stylesCss;
|
|
20
|
-
|
|
21
|
-
export { ZPaginationPage as z_pagination_page };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg);width:inherit}.panel-elem-container{width:100%}.panel-elem-icon{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon img{display:block;object-fit:contain;max-width:96px;height:32px;margin:auto}.panel-elem-link{border-radius:var(--border-no-radius);margin:var(--space-unit) auto 0;text-align:center;font-size:12px}.panel-elem-link>z-link{font-weight:var(--font-sb)}.panel-elem-desc{letter-spacing:0.16px;text-align:center;margin:0;padding-top:var(--space-unit)}";
|
|
4
|
-
|
|
5
|
-
const ZPanelElem = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
/** link target (optional) */
|
|
9
|
-
this.target = "_blank";
|
|
10
|
-
/** disabled status flag (optional) */
|
|
11
|
-
this.isdisabled = false;
|
|
12
|
-
}
|
|
13
|
-
renderIcon() {
|
|
14
|
-
if (this.isdisabled) {
|
|
15
|
-
return h("img", { src: this.imgurl, alt: this.imgalt });
|
|
16
|
-
}
|
|
17
|
-
return (h("a", { class: "elem-icon", href: this.url, target: this.target }, h("img", { src: this.imgurl, alt: this.imgalt })));
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
const elemId = this.elemid ? this.elemid : "";
|
|
21
|
-
return (h("div", { class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { class: "panel-elem-icon" }, this.renderIcon())), h("div", { class: "panel-elem-link" }, h("z-link", { href: this.url, icon: this.linkicon, isdisabled: this.isdisabled, target: this.target, htmlid: elemId + "link_id" }, this.linklabel)), this.descr_slot_name && (h("div", { class: "panel-elem-desc body-long-01" }, h("slot", { name: this.descr_slot_name })))));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
ZPanelElem.style = stylesCss;
|
|
25
|
-
|
|
26
|
-
export { ZPanelElem as z_panel_elem };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
import { c as PocketStatusEnum } from './index-8f67b3da.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";
|
|
5
|
-
|
|
6
|
-
const ZPocketBody = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
/** pocket status */
|
|
10
|
-
this.status = PocketStatusEnum.preview;
|
|
11
|
-
}
|
|
12
|
-
handlePocketToggle(e) {
|
|
13
|
-
if (e.detail.id && e.detail.id === this.pocketid) {
|
|
14
|
-
this.status = e.detail.status;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return (h("main", { class: this.status }, h("slot", null)));
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
ZPocketBody.style = stylesCss;
|
|
22
|
-
|
|
23
|
-
export { ZPocketBody as z_pocket_body };
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
|
|
2
|
-
import { h as handleKeyboardSubmit } from './utils-5e70920f.js';
|
|
3
|
-
import { h as hammer } from './hammer-52e2c4fe.js';
|
|
4
|
-
import './index-8f67b3da.js';
|
|
5
|
-
import './breakpoints-c386984e.js';
|
|
6
|
-
import './_commonjsHelpers-cb1cd7bb.js';
|
|
7
|
-
|
|
8
|
-
const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";
|
|
9
|
-
|
|
10
|
-
const ZPocketHeader = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
registerInstance(this, hostRef);
|
|
13
|
-
this.pocketHeaderClick = createEvent(this, "pocketHeaderClick", 7);
|
|
14
|
-
this.pocketHeaderPan = createEvent(this, "pocketHeaderPan", 7);
|
|
15
|
-
this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);
|
|
16
|
-
}
|
|
17
|
-
emitPocketHeaderClick() {
|
|
18
|
-
this.pocketHeaderClick.emit({ id: this.pocketid });
|
|
19
|
-
}
|
|
20
|
-
emitPocketHeaderPan(direction) {
|
|
21
|
-
this.pocketHeaderPan.emit({ id: this.pocketid, direction });
|
|
22
|
-
}
|
|
23
|
-
componentDidLoad() {
|
|
24
|
-
// INFO: swipe handling
|
|
25
|
-
const mc = new hammer(this.swipeWrap);
|
|
26
|
-
mc.get("pan").set({ direction: hammer.DIRECTION_VERTICAL });
|
|
27
|
-
mc.on("panup", () => this.emitPocketHeaderPan("up"));
|
|
28
|
-
mc.on("pandown", () => this.emitPocketHeaderPan("down"));
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
return (h("header", { role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: el => (this.swipeWrap = el) }, h("slot", null)));
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
ZPocketHeader.style = stylesCss;
|
|
35
|
-
|
|
36
|
-
export { ZPocketHeader as z_pocket_header };
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h, g as getElement } from './index-44936066.js';
|
|
2
|
-
import { c as PocketStatusEnum } from './index-8f67b3da.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";
|
|
5
|
-
|
|
6
|
-
const ZPocket = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.pocketToggle = createEvent(this, "pocketToggle", 7);
|
|
10
|
-
/** pocket status */
|
|
11
|
-
this.status = PocketStatusEnum.preview;
|
|
12
|
-
}
|
|
13
|
-
/** open z-pocket */
|
|
14
|
-
async open() {
|
|
15
|
-
this.status = PocketStatusEnum.open;
|
|
16
|
-
}
|
|
17
|
-
/** close z-pocket */
|
|
18
|
-
async close() {
|
|
19
|
-
this.status = PocketStatusEnum.closed;
|
|
20
|
-
}
|
|
21
|
-
emitPocketToggle(id, status) {
|
|
22
|
-
this.pocketToggle.emit({ id, status });
|
|
23
|
-
}
|
|
24
|
-
handlePocketHeaderClick(e) {
|
|
25
|
-
if (e.detail.id && e.detail.id === this.pocketid) {
|
|
26
|
-
switch (this.status) {
|
|
27
|
-
case PocketStatusEnum.preview:
|
|
28
|
-
case PocketStatusEnum.closed:
|
|
29
|
-
this.status = PocketStatusEnum.open;
|
|
30
|
-
break;
|
|
31
|
-
case PocketStatusEnum.open:
|
|
32
|
-
this.status = PocketStatusEnum.closed;
|
|
33
|
-
break;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
handlePocketHeaderPan(e) {
|
|
38
|
-
if (e.detail.id && e.detail.id === this.pocketid) {
|
|
39
|
-
if (e.detail.direction === "up") {
|
|
40
|
-
this.status = PocketStatusEnum.open;
|
|
41
|
-
}
|
|
42
|
-
else if (e.detail.direction === "down") {
|
|
43
|
-
this.status = PocketStatusEnum.closed;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
watchStatusHandler(newVal) {
|
|
48
|
-
this.emitPocketToggle(this.pocketid, newVal);
|
|
49
|
-
}
|
|
50
|
-
componentWillLoad() {
|
|
51
|
-
this.emitPocketToggle(this.pocketid, this.status);
|
|
52
|
-
}
|
|
53
|
-
handleBackgroundClick(e) {
|
|
54
|
-
if (e.target.dataset.action == "pocketBackground") {
|
|
55
|
-
this.close();
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
render() {
|
|
59
|
-
return (h("div", null, h("div", { "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { id: this.pocketid, class: "contentWrapper" }, h("div", null, h("slot", null)))));
|
|
60
|
-
}
|
|
61
|
-
get hostElement() { return getElement(this); }
|
|
62
|
-
static get watchers() { return {
|
|
63
|
-
"status": ["watchStatusHandler"]
|
|
64
|
-
}; }
|
|
65
|
-
};
|
|
66
|
-
ZPocket.style = stylesCss;
|
|
67
|
-
|
|
68
|
-
export { ZPocket as z_pocket };
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, e as Host } from './index-44936066.js';
|
|
2
|
-
import { c as classnames } from './index-8067f807.js';
|
|
3
|
-
import { P as PopoverPosition, s as PopoverBorderRadius, t as PopoverShadow, K as KeyboardKeys } from './index-8f67b3da.js';
|
|
4
|
-
import { b as getElementTree } from './utils-5e70920f.js';
|
|
5
|
-
import './_commonjsHelpers-cb1cd7bb.js';
|
|
6
|
-
import './breakpoints-c386984e.js';
|
|
7
|
-
|
|
8
|
-
const stylesCss = ".sc-z-popover-h{font-family:var(--dashboard-font);font-weight:var(--font-rg);position:relative;display:inline-block;--shadow-arrow-color:rgba(66, 69, 72, 0.2);--shadow-arrow-below-color:rgba(66, 69, 72, 0.1)}.popover-content-container.sc-z-popover{box-sizing:border-box;visibility:hidden;position:absolute;min-width:64px;min-height:32px;z-index:999}.popover-content-container.visible.sc-z-popover{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover{left:0;top:calc(100% + var(--space-unit))}.popover-content-container.below-center.sc-z-popover{left:50%;top:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover{right:0;top:calc(100% + var(--space-unit))}.popover-content-container.before-down.sc-z-popover{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover{bottom:0;right:calc(100% + var(--space-unit))}.popover-content-container.above-right.sc-z-popover{left:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.above-center.sc-z-popover{left:50%;bottom:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover:before{display:none;position:absolute;content:\"\";width:8px;height:8px;z-index:-1;background-color:inherit;transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover:before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover: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:before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover:before{left:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover:before{left:calc(50% - 4px);top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover:before{right:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover:before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover: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:before{bottom:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover:before{left:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover:before{left:calc(50% - 4px);bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover:before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover:before{display:block}";
|
|
9
|
-
|
|
10
|
-
const ZPopover = class {
|
|
11
|
-
/**
|
|
12
|
-
* Constructor.
|
|
13
|
-
*/
|
|
14
|
-
constructor(hostRef) {
|
|
15
|
-
registerInstance(this, hostRef);
|
|
16
|
-
/** [optional] Popover position */
|
|
17
|
-
this.position = PopoverPosition["after-up"];
|
|
18
|
-
/** [optional] Background color token for popover */
|
|
19
|
-
this.backgroundColor = "color-white";
|
|
20
|
-
/** [optional] Border radius token for popover */
|
|
21
|
-
this.borderRadius = PopoverBorderRadius.small;
|
|
22
|
-
/** [optional] Box shadow token for popover */
|
|
23
|
-
this.boxShadow = PopoverShadow["shadow-1"];
|
|
24
|
-
/** [optional] Show or hide arrow */
|
|
25
|
-
this.showArrow = false;
|
|
26
|
-
/** [optional] Sets padding for Popover container */
|
|
27
|
-
this.padding = "8px";
|
|
28
|
-
this.isVisible = false;
|
|
29
|
-
this.defaultPosition = this.position;
|
|
30
|
-
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
31
|
-
}
|
|
32
|
-
closePopover() {
|
|
33
|
-
this.isVisible = false;
|
|
34
|
-
}
|
|
35
|
-
closePopoverWithKeyboard(e) {
|
|
36
|
-
if (e.key === KeyboardKeys.ESC) {
|
|
37
|
-
this.closePopover();
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
handleClick(event) {
|
|
41
|
-
this.isVisible = !this.isVisible;
|
|
42
|
-
this.checkSpaceAvailable();
|
|
43
|
-
event.stopPropagation();
|
|
44
|
-
}
|
|
45
|
-
handleKeyDown(event) {
|
|
46
|
-
if (event.code === KeyboardKeys.ENTER) {
|
|
47
|
-
this.isVisible = !this.isVisible;
|
|
48
|
-
this.checkSpaceAvailable();
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
handleOutsideClick(e) {
|
|
52
|
-
const tree = getElementTree(e.target);
|
|
53
|
-
const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
|
|
54
|
-
if (!parent) {
|
|
55
|
-
this.isVisible = false;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
checkSpaceAvailable() {
|
|
59
|
-
if (!this.isVisible) {
|
|
60
|
-
this.position = this.defaultPosition;
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
const width = document.body.clientWidth;
|
|
64
|
-
const height = window.innerHeight;
|
|
65
|
-
const l = this.popoverElem.getBoundingClientRect().left;
|
|
66
|
-
const r = this.popoverElem.getBoundingClientRect().right;
|
|
67
|
-
const t = this.popoverElem.getBoundingClientRect().top;
|
|
68
|
-
const b = this.popoverElem.getBoundingClientRect().bottom;
|
|
69
|
-
let firstSide = this.position.split("-")[0];
|
|
70
|
-
let secondSide = this.position.split("-")[1];
|
|
71
|
-
// If top is outside viewport
|
|
72
|
-
if (t < 0) {
|
|
73
|
-
if (this.position.startsWith("above")) {
|
|
74
|
-
firstSide = "below";
|
|
75
|
-
}
|
|
76
|
-
else {
|
|
77
|
-
secondSide = "down";
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
// If bottom is outside viewport
|
|
81
|
-
if (b > height) {
|
|
82
|
-
if (this.position.startsWith("below")) {
|
|
83
|
-
firstSide = "above";
|
|
84
|
-
}
|
|
85
|
-
else {
|
|
86
|
-
secondSide = "up";
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
// If right is outside viewport
|
|
90
|
-
if (r > width) {
|
|
91
|
-
if (this.position.startsWith("above") ||
|
|
92
|
-
this.position.startsWith("below")) {
|
|
93
|
-
secondSide = "left";
|
|
94
|
-
}
|
|
95
|
-
else {
|
|
96
|
-
firstSide = "before";
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
// If left is outside viewport
|
|
100
|
-
if (l < 0) {
|
|
101
|
-
if (this.position.startsWith("above") ||
|
|
102
|
-
this.position.startsWith("below")) {
|
|
103
|
-
secondSide = "right";
|
|
104
|
-
}
|
|
105
|
-
else {
|
|
106
|
-
firstSide = "after";
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
this.position = PopoverPosition[`${firstSide}-${secondSide}`];
|
|
110
|
-
}
|
|
111
|
-
render() {
|
|
112
|
-
return (h(Host, { onKeyDown: this.handleKeyDown }, h("div", { tabindex: "0", onClick: (event) => this.handleClick(event), onKeyDown: (event) => {
|
|
113
|
-
if (event.key === KeyboardKeys.ENTER) {
|
|
114
|
-
this.handleClick(event);
|
|
115
|
-
}
|
|
116
|
-
} }, h("slot", { name: "trigger" })), h("div", { ref: (e) => (this.popoverElem = e), class: classnames("popover-content-container", this.position, `border-radius-${this.borderRadius}`, this.boxShadow, { "show-arrow": this.showArrow }, { visible: this.isVisible }), style: {
|
|
117
|
-
backgroundColor: `var(--${this.backgroundColor})`,
|
|
118
|
-
padding: this.padding,
|
|
119
|
-
} }, h("slot", { name: "popover" }))));
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
ZPopover.style = stylesCss;
|
|
123
|
-
|
|
124
|
-
export { ZPopover as z_popover };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ".sc-z-registro-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-registro-table-body-h>z-registro-table-row[expanded].sc-z-registro-table-body+z-registro-table-expanded-row.sc-z-registro-table-body{display:table-row}";
|
|
4
|
-
|
|
5
|
-
const ZRegistroTableBody = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
componentWillRender() {
|
|
10
|
-
this.host.setAttribute("role", "rowgroup");
|
|
11
|
-
Array.from(this.host.children).forEach((child, index) => child.setAttribute("aria-rowindex", `${index}`));
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
return h("slot", null);
|
|
15
|
-
}
|
|
16
|
-
get host() { return getElement(this); }
|
|
17
|
-
};
|
|
18
|
-
ZRegistroTableBody.style = stylesCss;
|
|
19
|
-
|
|
20
|
-
export { ZRegistroTableBody as z_registro_table_body };
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, e as Host, g as getElement } from './index-44936066.js';
|
|
2
|
-
import { B as ButtonVariantEnum, b as ButtonSizeEnum } from './index-8f67b3da.js';
|
|
3
|
-
import { c as classnames } from './index-8067f807.js';
|
|
4
|
-
import './_commonjsHelpers-cb1cd7bb.js';
|
|
5
|
-
|
|
6
|
-
const stylesCss = ":host{display:table-cell;padding:calc(var(--space-unit) * 2);background-color:var(--color-white);border-bottom:var(--border-size-small) solid var(--bg-grey-200);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;right:8px;top:8px;z-index:5}.button-content{position:relative}.contextual-menu-container{display:none;position:absolute;top:calc(100% - var(--space-unit));right:0}.button-container.visible,.contextual-menu-container.visible{display:initial}";
|
|
7
|
-
|
|
8
|
-
const ZRegistroTableCell = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.isMenuOpened = false;
|
|
12
|
-
}
|
|
13
|
-
handleMenu() {
|
|
14
|
-
this.isMenuOpened = !this.isMenuOpened;
|
|
15
|
-
}
|
|
16
|
-
componentWillRender() {
|
|
17
|
-
this.host.setAttribute("role", "cell");
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
return (h(Host, null, this.showButton && (h("div", { class: classnames("button-container", {
|
|
21
|
-
visible: this.isMenuOpened,
|
|
22
|
-
}) }, h("div", { class: "button-content" }, h("z-button", { icon: "contextual-menu", variant: ButtonVariantEnum.tertiary, size: ButtonSizeEnum["x-small"], onClick: () => this.handleMenu(), square: true }), h("div", { class: classnames("contextual-menu-container", {
|
|
23
|
-
visible: this.isMenuOpened,
|
|
24
|
-
}) }, h("slot", { name: "contextual-menu" }))))), h("slot", null)));
|
|
25
|
-
}
|
|
26
|
-
get host() { return getElement(this); }
|
|
27
|
-
};
|
|
28
|
-
ZRegistroTableCell.style = stylesCss;
|
|
29
|
-
|
|
30
|
-
export { ZRegistroTableCell as z_registro_table_cell };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, e as Host, g as getElement } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ".sc-z-registro-table-empty-box-h{display:block;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 7);background-color:var(--bg-white)}.sc-z-registro-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2);margin-top:var(--space-unit)}div.cta.sc-z-registro-table-empty-box{display:flex;flex-direction:row;margin-top:var(--space-unit)}@media only screen and (max-width: 768px){div.cta.sc-z-registro-table-empty-box{flex-direction:column}}";
|
|
4
|
-
|
|
5
|
-
const ZRegistroTableEmptyBox = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
/** Sets main title message*/
|
|
9
|
-
this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
|
|
10
|
-
/** Sets message */
|
|
11
|
-
this.subtitle = "";
|
|
12
|
-
}
|
|
13
|
-
componentWillLoad() {
|
|
14
|
-
this.hasCta1Slot = !!this.hostElement.querySelector('[slot="cta1"]');
|
|
15
|
-
this.hasCta2Slot = !!this.hostElement.querySelector('[slot="cta2"]');
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return (h(Host, null, h("z-body", { level: 3, variant: "semibold" }, this.message), h("br", null), !!this.subtitle && (h("z-body", { level: 4, variant: "regular" }, this.subtitle)), (!!this.hasCta1Slot || !!this.hasCta2Slot) && (h("div", { class: "cta" }, h("slot", { name: "cta1" }), h("slot", { name: "cta2" })))));
|
|
19
|
-
}
|
|
20
|
-
get hostElement() { return getElement(this); }
|
|
21
|
-
};
|
|
22
|
-
ZRegistroTableEmptyBox.style = stylesCss;
|
|
23
|
-
|
|
24
|
-
export { ZRegistroTableEmptyBox as z_registro_table_empty_box };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{background-color:var(--gray50);display:none}:host>td>div.content-container{box-shadow:var(--shadow-2);margin-bottom:calc(var(--space-unit) / 2)}";
|
|
4
|
-
|
|
5
|
-
const ZRegistroTableExpandedRow = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h("td", { colSpan: this.colSpan }, h("div", { class: "content-container" }, h("slot", null))));
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
ZRegistroTableExpandedRow.style = stylesCss;
|
|
14
|
-
|
|
15
|
-
export { ZRegistroTableExpandedRow as z_registro_table_expanded_row };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ".sc-z-registro-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
|
|
4
|
-
|
|
5
|
-
const ZRegistroTableHead = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
componentWillRender() {
|
|
10
|
-
this.host.setAttribute("role", "rowgroup");
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("slot", null);
|
|
14
|
-
}
|
|
15
|
-
get host() { return getElement(this); }
|
|
16
|
-
};
|
|
17
|
-
ZRegistroTableHead.style = stylesCss;
|
|
18
|
-
|
|
19
|
-
export { ZRegistroTableHead as z_registro_table_head };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, e as Host } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = "z-registro-table-header-row{display:table-row}z-registro-table-header-row[expandable]>z-registro-table-header:first-child{width:40px;user-select:none;box-sizing:border-box}z-registro-table-header-row[expandable]>z-registro-table-header:nth-child(2){padding-left:8px}";
|
|
4
|
-
|
|
5
|
-
const ZRegistroTableHeaderRow = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
_renderExpandHeader() {
|
|
10
|
-
return h("z-registro-table-header", null);
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return (h(Host, { role: "row" }, this.expandable && this._renderExpandHeader(), h("slot", null)));
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
ZRegistroTableHeaderRow.style = stylesCss;
|
|
17
|
-
|
|
18
|
-
export { ZRegistroTableHeaderRow as z_registro_table_header_row };
|