@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,64 +0,0 @@
|
|
|
1
|
-
import { c as createCommonjsModule } from './_commonjsHelpers-cb1cd7bb.js';
|
|
2
|
-
|
|
3
|
-
var classnames = createCommonjsModule(function (module) {
|
|
4
|
-
/*!
|
|
5
|
-
Copyright (c) 2018 Jed Watson.
|
|
6
|
-
Licensed under the MIT License (MIT), see
|
|
7
|
-
http://jedwatson.github.io/classnames
|
|
8
|
-
*/
|
|
9
|
-
/* global define */
|
|
10
|
-
|
|
11
|
-
(function () {
|
|
12
|
-
'use strict';
|
|
13
|
-
|
|
14
|
-
var hasOwn = {}.hasOwnProperty;
|
|
15
|
-
|
|
16
|
-
function classNames() {
|
|
17
|
-
var classes = [];
|
|
18
|
-
|
|
19
|
-
for (var i = 0; i < arguments.length; i++) {
|
|
20
|
-
var arg = arguments[i];
|
|
21
|
-
if (!arg) continue;
|
|
22
|
-
|
|
23
|
-
var argType = typeof arg;
|
|
24
|
-
|
|
25
|
-
if (argType === 'string' || argType === 'number') {
|
|
26
|
-
classes.push(arg);
|
|
27
|
-
} else if (Array.isArray(arg)) {
|
|
28
|
-
if (arg.length) {
|
|
29
|
-
var inner = classNames.apply(null, arg);
|
|
30
|
-
if (inner) {
|
|
31
|
-
classes.push(inner);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
} else if (argType === 'object') {
|
|
35
|
-
if (arg.toString === Object.prototype.toString) {
|
|
36
|
-
for (var key in arg) {
|
|
37
|
-
if (hasOwn.call(arg, key) && arg[key]) {
|
|
38
|
-
classes.push(key);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
} else {
|
|
42
|
-
classes.push(arg.toString());
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
return classes.join(' ');
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
if ('object' !== 'undefined' && module.exports) {
|
|
51
|
-
classNames.default = classNames;
|
|
52
|
-
module.exports = classNames;
|
|
53
|
-
} else if (typeof undefined === 'function' && typeof undefined.amd === 'object' && undefined.amd) {
|
|
54
|
-
// register as 'classnames', consistent with npm package name
|
|
55
|
-
undefined('classnames', [], function () {
|
|
56
|
-
return classNames;
|
|
57
|
-
});
|
|
58
|
-
} else {
|
|
59
|
-
window.classNames = classNames;
|
|
60
|
-
}
|
|
61
|
-
}());
|
|
62
|
-
});
|
|
63
|
-
|
|
64
|
-
export { classnames as c };
|
|
@@ -1,383 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Stencil Client Platform v2.6.0 | MIT Licensed | https://stenciljs.com
|
|
3
|
-
*/
|
|
4
|
-
/**
|
|
5
|
-
* @license
|
|
6
|
-
* Copyright Google Inc. All Rights Reserved.
|
|
7
|
-
*
|
|
8
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
9
|
-
* found in the LICENSE file at https://angular.io/license
|
|
10
|
-
*
|
|
11
|
-
* This file is a port of shadowCSS from webcomponents.js to TypeScript.
|
|
12
|
-
* https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
|
|
13
|
-
* https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
|
|
14
|
-
*/
|
|
15
|
-
const safeSelector = (selector) => {
|
|
16
|
-
const placeholders = [];
|
|
17
|
-
let index = 0;
|
|
18
|
-
let content;
|
|
19
|
-
// Replaces attribute selectors with placeholders.
|
|
20
|
-
// The WS in [attr="va lue"] would otherwise be interpreted as a selector separator.
|
|
21
|
-
selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
|
|
22
|
-
const replaceBy = `__ph-${index}__`;
|
|
23
|
-
placeholders.push(keep);
|
|
24
|
-
index++;
|
|
25
|
-
return replaceBy;
|
|
26
|
-
});
|
|
27
|
-
// Replaces the expression in `:nth-child(2n + 1)` with a placeholder.
|
|
28
|
-
// WS and "+" would otherwise be interpreted as selector separators.
|
|
29
|
-
content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
|
|
30
|
-
const replaceBy = `__ph-${index}__`;
|
|
31
|
-
placeholders.push(exp);
|
|
32
|
-
index++;
|
|
33
|
-
return pseudo + replaceBy;
|
|
34
|
-
});
|
|
35
|
-
const ss = {
|
|
36
|
-
content,
|
|
37
|
-
placeholders,
|
|
38
|
-
};
|
|
39
|
-
return ss;
|
|
40
|
-
};
|
|
41
|
-
const restoreSafeSelector = (placeholders, content) => {
|
|
42
|
-
return content.replace(/__ph-(\d+)__/g, (_, index) => placeholders[+index]);
|
|
43
|
-
};
|
|
44
|
-
const _polyfillHost = '-shadowcsshost';
|
|
45
|
-
const _polyfillSlotted = '-shadowcssslotted';
|
|
46
|
-
// note: :host-context pre-processed to -shadowcsshostcontext.
|
|
47
|
-
const _polyfillHostContext = '-shadowcsscontext';
|
|
48
|
-
const _parenSuffix = ')(?:\\((' + '(?:\\([^)(]*\\)|[^)(]*)+?' + ')\\))?([^,{]*)';
|
|
49
|
-
const _cssColonHostRe = new RegExp('(' + _polyfillHost + _parenSuffix, 'gim');
|
|
50
|
-
const _cssColonHostContextRe = new RegExp('(' + _polyfillHostContext + _parenSuffix, 'gim');
|
|
51
|
-
const _cssColonSlottedRe = new RegExp('(' + _polyfillSlotted + _parenSuffix, 'gim');
|
|
52
|
-
const _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';
|
|
53
|
-
const _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
|
|
54
|
-
const _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
|
|
55
|
-
const _selectorReSuffix = '([>\\s~+[.,{:][\\s\\S]*)?$';
|
|
56
|
-
const _polyfillHostRe = /-shadowcsshost/gim;
|
|
57
|
-
const _colonHostRe = /:host/gim;
|
|
58
|
-
const _colonSlottedRe = /::slotted/gim;
|
|
59
|
-
const _colonHostContextRe = /:host-context/gim;
|
|
60
|
-
const _commentRe = /\/\*\s*[\s\S]*?\*\//g;
|
|
61
|
-
const stripComments = (input) => {
|
|
62
|
-
return input.replace(_commentRe, '');
|
|
63
|
-
};
|
|
64
|
-
const _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
|
|
65
|
-
const extractCommentsWithHash = (input) => {
|
|
66
|
-
return input.match(_commentWithHashRe) || [];
|
|
67
|
-
};
|
|
68
|
-
const _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
|
|
69
|
-
const _curlyRe = /([{}])/g;
|
|
70
|
-
const OPEN_CURLY = '{';
|
|
71
|
-
const CLOSE_CURLY = '}';
|
|
72
|
-
const BLOCK_PLACEHOLDER = '%BLOCK%';
|
|
73
|
-
const processRules = (input, ruleCallback) => {
|
|
74
|
-
const inputWithEscapedBlocks = escapeBlocks(input);
|
|
75
|
-
let nextBlockIndex = 0;
|
|
76
|
-
return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
|
|
77
|
-
const selector = m[2];
|
|
78
|
-
let content = '';
|
|
79
|
-
let suffix = m[4];
|
|
80
|
-
let contentPrefix = '';
|
|
81
|
-
if (suffix && suffix.startsWith('{' + BLOCK_PLACEHOLDER)) {
|
|
82
|
-
content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
|
|
83
|
-
suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
|
|
84
|
-
contentPrefix = '{';
|
|
85
|
-
}
|
|
86
|
-
const cssRule = {
|
|
87
|
-
selector,
|
|
88
|
-
content,
|
|
89
|
-
};
|
|
90
|
-
const rule = ruleCallback(cssRule);
|
|
91
|
-
return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
|
|
92
|
-
});
|
|
93
|
-
};
|
|
94
|
-
const escapeBlocks = (input) => {
|
|
95
|
-
const inputParts = input.split(_curlyRe);
|
|
96
|
-
const resultParts = [];
|
|
97
|
-
const escapedBlocks = [];
|
|
98
|
-
let bracketCount = 0;
|
|
99
|
-
let currentBlockParts = [];
|
|
100
|
-
for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
|
|
101
|
-
const part = inputParts[partIndex];
|
|
102
|
-
if (part === CLOSE_CURLY) {
|
|
103
|
-
bracketCount--;
|
|
104
|
-
}
|
|
105
|
-
if (bracketCount > 0) {
|
|
106
|
-
currentBlockParts.push(part);
|
|
107
|
-
}
|
|
108
|
-
else {
|
|
109
|
-
if (currentBlockParts.length > 0) {
|
|
110
|
-
escapedBlocks.push(currentBlockParts.join(''));
|
|
111
|
-
resultParts.push(BLOCK_PLACEHOLDER);
|
|
112
|
-
currentBlockParts = [];
|
|
113
|
-
}
|
|
114
|
-
resultParts.push(part);
|
|
115
|
-
}
|
|
116
|
-
if (part === OPEN_CURLY) {
|
|
117
|
-
bracketCount++;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
if (currentBlockParts.length > 0) {
|
|
121
|
-
escapedBlocks.push(currentBlockParts.join(''));
|
|
122
|
-
resultParts.push(BLOCK_PLACEHOLDER);
|
|
123
|
-
}
|
|
124
|
-
const strEscapedBlocks = {
|
|
125
|
-
escapedString: resultParts.join(''),
|
|
126
|
-
blocks: escapedBlocks,
|
|
127
|
-
};
|
|
128
|
-
return strEscapedBlocks;
|
|
129
|
-
};
|
|
130
|
-
const insertPolyfillHostInCssText = (selector) => {
|
|
131
|
-
selector = selector
|
|
132
|
-
.replace(_colonHostContextRe, _polyfillHostContext)
|
|
133
|
-
.replace(_colonHostRe, _polyfillHost)
|
|
134
|
-
.replace(_colonSlottedRe, _polyfillSlotted);
|
|
135
|
-
return selector;
|
|
136
|
-
};
|
|
137
|
-
const convertColonRule = (cssText, regExp, partReplacer) => {
|
|
138
|
-
// m[1] = :host(-context), m[2] = contents of (), m[3] rest of rule
|
|
139
|
-
return cssText.replace(regExp, (...m) => {
|
|
140
|
-
if (m[2]) {
|
|
141
|
-
const parts = m[2].split(',');
|
|
142
|
-
const r = [];
|
|
143
|
-
for (let i = 0; i < parts.length; i++) {
|
|
144
|
-
const p = parts[i].trim();
|
|
145
|
-
if (!p)
|
|
146
|
-
break;
|
|
147
|
-
r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
|
|
148
|
-
}
|
|
149
|
-
return r.join(',');
|
|
150
|
-
}
|
|
151
|
-
else {
|
|
152
|
-
return _polyfillHostNoCombinator + m[3];
|
|
153
|
-
}
|
|
154
|
-
});
|
|
155
|
-
};
|
|
156
|
-
const colonHostPartReplacer = (host, part, suffix) => {
|
|
157
|
-
return host + part.replace(_polyfillHost, '') + suffix;
|
|
158
|
-
};
|
|
159
|
-
const convertColonHost = (cssText) => {
|
|
160
|
-
return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);
|
|
161
|
-
};
|
|
162
|
-
const colonHostContextPartReplacer = (host, part, suffix) => {
|
|
163
|
-
if (part.indexOf(_polyfillHost) > -1) {
|
|
164
|
-
return colonHostPartReplacer(host, part, suffix);
|
|
165
|
-
}
|
|
166
|
-
else {
|
|
167
|
-
return host + part + suffix + ', ' + part + ' ' + host + suffix;
|
|
168
|
-
}
|
|
169
|
-
};
|
|
170
|
-
const convertColonSlotted = (cssText, slotScopeId) => {
|
|
171
|
-
const slotClass = '.' + slotScopeId + ' > ';
|
|
172
|
-
const selectors = [];
|
|
173
|
-
cssText = cssText.replace(_cssColonSlottedRe, (...m) => {
|
|
174
|
-
if (m[2]) {
|
|
175
|
-
const compound = m[2].trim();
|
|
176
|
-
const suffix = m[3];
|
|
177
|
-
const slottedSelector = slotClass + compound + suffix;
|
|
178
|
-
let prefixSelector = '';
|
|
179
|
-
for (let i = m[4] - 1; i >= 0; i--) {
|
|
180
|
-
const char = m[5][i];
|
|
181
|
-
if (char === '}' || char === ',') {
|
|
182
|
-
break;
|
|
183
|
-
}
|
|
184
|
-
prefixSelector = char + prefixSelector;
|
|
185
|
-
}
|
|
186
|
-
const orgSelector = prefixSelector + slottedSelector;
|
|
187
|
-
const addedSelector = `${prefixSelector.trimRight()}${slottedSelector.trim()}`;
|
|
188
|
-
if (orgSelector.trim() !== addedSelector.trim()) {
|
|
189
|
-
const updatedSelector = `${addedSelector}, ${orgSelector}`;
|
|
190
|
-
selectors.push({
|
|
191
|
-
orgSelector,
|
|
192
|
-
updatedSelector,
|
|
193
|
-
});
|
|
194
|
-
}
|
|
195
|
-
return slottedSelector;
|
|
196
|
-
}
|
|
197
|
-
else {
|
|
198
|
-
return _polyfillHostNoCombinator + m[3];
|
|
199
|
-
}
|
|
200
|
-
});
|
|
201
|
-
return {
|
|
202
|
-
selectors,
|
|
203
|
-
cssText,
|
|
204
|
-
};
|
|
205
|
-
};
|
|
206
|
-
const convertColonHostContext = (cssText) => {
|
|
207
|
-
return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);
|
|
208
|
-
};
|
|
209
|
-
const convertShadowDOMSelectors = (cssText) => {
|
|
210
|
-
return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, ' '), cssText);
|
|
211
|
-
};
|
|
212
|
-
const makeScopeMatcher = (scopeSelector) => {
|
|
213
|
-
const lre = /\[/g;
|
|
214
|
-
const rre = /\]/g;
|
|
215
|
-
scopeSelector = scopeSelector.replace(lre, '\\[').replace(rre, '\\]');
|
|
216
|
-
return new RegExp('^(' + scopeSelector + ')' + _selectorReSuffix, 'm');
|
|
217
|
-
};
|
|
218
|
-
const selectorNeedsScoping = (selector, scopeSelector) => {
|
|
219
|
-
const re = makeScopeMatcher(scopeSelector);
|
|
220
|
-
return !re.test(selector);
|
|
221
|
-
};
|
|
222
|
-
const applySimpleSelectorScope = (selector, scopeSelector, hostSelector) => {
|
|
223
|
-
// In Android browser, the lastIndex is not reset when the regex is used in String.replace()
|
|
224
|
-
_polyfillHostRe.lastIndex = 0;
|
|
225
|
-
if (_polyfillHostRe.test(selector)) {
|
|
226
|
-
const replaceBy = `.${hostSelector}`;
|
|
227
|
-
return selector
|
|
228
|
-
.replace(_polyfillHostNoCombinatorRe, (_, selector) => {
|
|
229
|
-
return selector.replace(/([^:]*)(:*)(.*)/, (_, before, colon, after) => {
|
|
230
|
-
return before + replaceBy + colon + after;
|
|
231
|
-
});
|
|
232
|
-
})
|
|
233
|
-
.replace(_polyfillHostRe, replaceBy + ' ');
|
|
234
|
-
}
|
|
235
|
-
return scopeSelector + ' ' + selector;
|
|
236
|
-
};
|
|
237
|
-
const applyStrictSelectorScope = (selector, scopeSelector, hostSelector) => {
|
|
238
|
-
const isRe = /\[is=([^\]]*)\]/g;
|
|
239
|
-
scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);
|
|
240
|
-
const className = '.' + scopeSelector;
|
|
241
|
-
const _scopeSelectorPart = (p) => {
|
|
242
|
-
let scopedP = p.trim();
|
|
243
|
-
if (!scopedP) {
|
|
244
|
-
return '';
|
|
245
|
-
}
|
|
246
|
-
if (p.indexOf(_polyfillHostNoCombinator) > -1) {
|
|
247
|
-
scopedP = applySimpleSelectorScope(p, scopeSelector, hostSelector);
|
|
248
|
-
}
|
|
249
|
-
else {
|
|
250
|
-
// remove :host since it should be unnecessary
|
|
251
|
-
const t = p.replace(_polyfillHostRe, '');
|
|
252
|
-
if (t.length > 0) {
|
|
253
|
-
const matches = t.match(/([^:]*)(:*)(.*)/);
|
|
254
|
-
if (matches) {
|
|
255
|
-
scopedP = matches[1] + className + matches[2] + matches[3];
|
|
256
|
-
}
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
return scopedP;
|
|
260
|
-
};
|
|
261
|
-
const safeContent = safeSelector(selector);
|
|
262
|
-
selector = safeContent.content;
|
|
263
|
-
let scopedSelector = '';
|
|
264
|
-
let startIndex = 0;
|
|
265
|
-
let res;
|
|
266
|
-
const sep = /( |>|\+|~(?!=))\s*/g;
|
|
267
|
-
// If a selector appears before :host it should not be shimmed as it
|
|
268
|
-
// matches on ancestor elements and not on elements in the host's shadow
|
|
269
|
-
// `:host-context(div)` is transformed to
|
|
270
|
-
// `-shadowcsshost-no-combinatordiv, div -shadowcsshost-no-combinator`
|
|
271
|
-
// the `div` is not part of the component in the 2nd selectors and should not be scoped.
|
|
272
|
-
// Historically `component-tag:host` was matching the component so we also want to preserve
|
|
273
|
-
// this behavior to avoid breaking legacy apps (it should not match).
|
|
274
|
-
// The behavior should be:
|
|
275
|
-
// - `tag:host` -> `tag[h]` (this is to avoid breaking legacy apps, should not match anything)
|
|
276
|
-
// - `tag :host` -> `tag [h]` (`tag` is not scoped because it's considered part of a
|
|
277
|
-
// `:host-context(tag)`)
|
|
278
|
-
const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
|
|
279
|
-
// Only scope parts after the first `-shadowcsshost-no-combinator` when it is present
|
|
280
|
-
let shouldScope = !hasHost;
|
|
281
|
-
while ((res = sep.exec(selector)) !== null) {
|
|
282
|
-
const separator = res[1];
|
|
283
|
-
const part = selector.slice(startIndex, res.index).trim();
|
|
284
|
-
shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
|
|
285
|
-
const scopedPart = shouldScope ? _scopeSelectorPart(part) : part;
|
|
286
|
-
scopedSelector += `${scopedPart} ${separator} `;
|
|
287
|
-
startIndex = sep.lastIndex;
|
|
288
|
-
}
|
|
289
|
-
const part = selector.substring(startIndex);
|
|
290
|
-
shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
|
|
291
|
-
scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
|
|
292
|
-
// replace the placeholders with their original values
|
|
293
|
-
return restoreSafeSelector(safeContent.placeholders, scopedSelector);
|
|
294
|
-
};
|
|
295
|
-
const scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {
|
|
296
|
-
return selector
|
|
297
|
-
.split(',')
|
|
298
|
-
.map(shallowPart => {
|
|
299
|
-
if (slotSelector && shallowPart.indexOf('.' + slotSelector) > -1) {
|
|
300
|
-
return shallowPart.trim();
|
|
301
|
-
}
|
|
302
|
-
if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {
|
|
303
|
-
return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();
|
|
304
|
-
}
|
|
305
|
-
else {
|
|
306
|
-
return shallowPart.trim();
|
|
307
|
-
}
|
|
308
|
-
})
|
|
309
|
-
.join(', ');
|
|
310
|
-
};
|
|
311
|
-
const scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
|
|
312
|
-
return processRules(cssText, (rule) => {
|
|
313
|
-
let selector = rule.selector;
|
|
314
|
-
let content = rule.content;
|
|
315
|
-
if (rule.selector[0] !== '@') {
|
|
316
|
-
selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
|
|
317
|
-
}
|
|
318
|
-
else if (rule.selector.startsWith('@media') || rule.selector.startsWith('@supports') || rule.selector.startsWith('@page') || rule.selector.startsWith('@document')) {
|
|
319
|
-
content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
|
|
320
|
-
}
|
|
321
|
-
const cssRule = {
|
|
322
|
-
selector: selector.replace(/\s{2,}/g, ' ').trim(),
|
|
323
|
-
content,
|
|
324
|
-
};
|
|
325
|
-
return cssRule;
|
|
326
|
-
});
|
|
327
|
-
};
|
|
328
|
-
const scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) => {
|
|
329
|
-
cssText = insertPolyfillHostInCssText(cssText);
|
|
330
|
-
cssText = convertColonHost(cssText);
|
|
331
|
-
cssText = convertColonHostContext(cssText);
|
|
332
|
-
const slotted = convertColonSlotted(cssText, slotScopeId);
|
|
333
|
-
cssText = slotted.cssText;
|
|
334
|
-
cssText = convertShadowDOMSelectors(cssText);
|
|
335
|
-
if (scopeId) {
|
|
336
|
-
cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);
|
|
337
|
-
}
|
|
338
|
-
cssText = cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
|
|
339
|
-
cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, ' $1 ');
|
|
340
|
-
return {
|
|
341
|
-
cssText: cssText.trim(),
|
|
342
|
-
slottedSelectors: slotted.selectors,
|
|
343
|
-
};
|
|
344
|
-
};
|
|
345
|
-
const scopeCss = (cssText, scopeId, commentOriginalSelector) => {
|
|
346
|
-
const hostScopeId = scopeId + '-h';
|
|
347
|
-
const slotScopeId = scopeId + '-s';
|
|
348
|
-
const commentsWithHash = extractCommentsWithHash(cssText);
|
|
349
|
-
cssText = stripComments(cssText);
|
|
350
|
-
const orgSelectors = [];
|
|
351
|
-
if (commentOriginalSelector) {
|
|
352
|
-
const processCommentedSelector = (rule) => {
|
|
353
|
-
const placeholder = `/*!@___${orgSelectors.length}___*/`;
|
|
354
|
-
const comment = `/*!@${rule.selector}*/`;
|
|
355
|
-
orgSelectors.push({ placeholder, comment });
|
|
356
|
-
rule.selector = placeholder + rule.selector;
|
|
357
|
-
return rule;
|
|
358
|
-
};
|
|
359
|
-
cssText = processRules(cssText, rule => {
|
|
360
|
-
if (rule.selector[0] !== '@') {
|
|
361
|
-
return processCommentedSelector(rule);
|
|
362
|
-
}
|
|
363
|
-
else if (rule.selector.startsWith('@media') || rule.selector.startsWith('@supports') || rule.selector.startsWith('@page') || rule.selector.startsWith('@document')) {
|
|
364
|
-
rule.content = processRules(rule.content, processCommentedSelector);
|
|
365
|
-
return rule;
|
|
366
|
-
}
|
|
367
|
-
return rule;
|
|
368
|
-
});
|
|
369
|
-
}
|
|
370
|
-
const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);
|
|
371
|
-
cssText = [scoped.cssText, ...commentsWithHash].join('\n');
|
|
372
|
-
if (commentOriginalSelector) {
|
|
373
|
-
orgSelectors.forEach(({ placeholder, comment }) => {
|
|
374
|
-
cssText = cssText.replace(placeholder, comment);
|
|
375
|
-
});
|
|
376
|
-
}
|
|
377
|
-
scoped.slottedSelectors.forEach(slottedSelector => {
|
|
378
|
-
cssText = cssText.replace(slottedSelector.orgSelector, slottedSelector.updatedSelector);
|
|
379
|
-
});
|
|
380
|
-
return cssText;
|
|
381
|
-
};
|
|
382
|
-
|
|
383
|
-
export { scopeCss };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{display:block;font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:14px;line-height:calc(var(--space-unit) * 2);color:var(--color-surface05);box-sizing:border-box}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{fill:var(--color-success01);background:var(--color-success-inverse)}:host>.warning{fill:var(--color-warning01);background:var(--color-warning-inverse)}:host>.error{fill:var(--color-error01);background:var(--color-error-inverse)}";
|
|
4
|
-
|
|
5
|
-
const ZAlert = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h("div", { class: this.type }, h("slot", null)));
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
ZAlert.style = stylesCss;
|
|
14
|
-
|
|
15
|
-
export { ZAlert as z_alert };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
|
|
2
|
-
import { T as ThemeVariant } from './index-8f67b3da.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;justify-content:center;align-content:center;background-color:transparent;border:none;padding:0}button>z-icon{color:var(--bg-white);fill:currentColor}button>z-icon.light{color:var(--bg-grey-900);fill:currentColor}";
|
|
5
|
-
|
|
6
|
-
const ZAppSwitcher = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.appButtonClick = createEvent(this, "appButtonClick", 7);
|
|
10
|
-
/** theme variant, default 'dark' */
|
|
11
|
-
this.theme = ThemeVariant.dark;
|
|
12
|
-
this.isopen = false;
|
|
13
|
-
this.emitAppButtonClick = this.emitAppButtonClick.bind(this);
|
|
14
|
-
}
|
|
15
|
-
emitAppButtonClick() {
|
|
16
|
-
this.isopen = !this.isopen;
|
|
17
|
-
this.appButtonClick.emit({ isopen: this.isopen });
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
return (h("button", { title: "app-switcher", onClick: () => this.emitAppButtonClick() }, h("z-icon", { name: "app-switcher", class: this.theme })));
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
ZAppSwitcher.style = stylesCss;
|
|
24
|
-
|
|
25
|
-
export { ZAppSwitcher as z_app_switcher };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, e as Host } from './index-44936066.js';
|
|
2
|
-
import { T as ThemeVariant, a as DividerOrientation } from './index-8f67b3da.js';
|
|
3
|
-
import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
|
|
4
|
-
|
|
5
|
-
const stylesCss = ":host{display:block;position:sticky;box-sizing:border-box;top:0;height:calc(var(--space-unit) * 6);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);border-radius:var(--border-no-radius);background-color:var(--gray900);z-index:99}:host(.light){background-color:var(--color-white)}:host>div{display:flex;justify-content:space-between;align-items:center}:host(.limited-width) #content-container{margin:auto;max-width:var(--mw)}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";
|
|
6
|
-
|
|
7
|
-
const ZAppTopbar = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
/** theme variant, default 'dark' */
|
|
11
|
-
this.theme = ThemeVariant.dark;
|
|
12
|
-
this.topbarLinks = [];
|
|
13
|
-
}
|
|
14
|
-
handleResize() {
|
|
15
|
-
this.isMobile = window.innerWidth <= mobileBreakpoint;
|
|
16
|
-
}
|
|
17
|
-
componentWillLoad() {
|
|
18
|
-
this.isMobile = window.screen.width <= mobileBreakpoint || window.innerWidth <= mobileBreakpoint;
|
|
19
|
-
}
|
|
20
|
-
componentWillRender() {
|
|
21
|
-
if (this.topbarContent) {
|
|
22
|
-
this.topbarLinks = typeof this.topbarContent === "string" ? JSON.parse(this.topbarContent) : this.topbarContent;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
renderTopbarLinks() {
|
|
26
|
-
return this.topbarLinks.map((link) => h("z-link", { htmlid: link.id, textcolor: this.theme === ThemeVariant.light ? "black" : "white", href: link.link, target: link.target, icon: this.isMobile ? link.icon : undefined }, !this.isMobile && link.label));
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
29
|
-
return (h(Host, { class: {
|
|
30
|
-
[this.theme]: true,
|
|
31
|
-
"limited-width": !!this.contentMaxWidth
|
|
32
|
-
} }, h("div", { id: "content-container", style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { id: "left-panel", class: "content-panel" }, h("z-logo", { mobileLogo: this.isMobile, width: this.isMobile ? 32 : 128, height: this.isMobile ? 40 : 32, imageAlt: "zanichelli-logo", link: this.logoLink, targetBlank: true }), this.isMobile && this.renderTopbarLinks()), h("div", { id: "right-panel", class: "content-panel" }, !this.isMobile && this.renderTopbarLinks(), this.showAppSwitcher && h("z-app-switcher", { theme: this.theme }), h("div", { id: "divider-container" }, h("z-divider", { orientation: DividerOrientation.vertical, color: this.theme === ThemeVariant.light ? "gray800" : "color-white" })), h("slot", { name: "login" })))));
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
ZAppTopbar.style = stylesCss;
|
|
36
|
-
|
|
37
|
-
export { ZAppTopbar as z_app_topbar };
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, e as Host } from './index-44936066.js';
|
|
2
|
-
import { A as AvatarSize } from './index-8f67b3da.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = ":host{font-family:var(--font-family-sans);background-color:var(--bg-grey-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase}:host(.small),:host(.small)>img{height:calc(var(--space-unit) * 3);width:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{height:calc(var(--space-unit) * 4);width:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{height:calc(var(--space-unit) * 5);width:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";
|
|
5
|
-
|
|
6
|
-
const ZAvatar = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
/** [optional] Avatar size */
|
|
10
|
-
this.size = AvatarSize.medium;
|
|
11
|
-
/** [optional] Avatar text color */
|
|
12
|
-
this.textColor = "text-white";
|
|
13
|
-
/** [optional] Avatar background color */
|
|
14
|
-
this.backgroundColor = "bg-grey-700";
|
|
15
|
-
if (!this.text && !this.image) {
|
|
16
|
-
console.warn("z-avatar must contain at least one prop between text and image");
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
getTextSize() {
|
|
20
|
-
if (this.size === AvatarSize.small) {
|
|
21
|
-
return "5";
|
|
22
|
-
}
|
|
23
|
-
else if (this.size === AvatarSize.medium) {
|
|
24
|
-
return "4";
|
|
25
|
-
}
|
|
26
|
-
else if (this.size === AvatarSize.large) {
|
|
27
|
-
return "2";
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
return (h(Host, { class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
|
|
32
|
-
color: `var(--${this.textColor})`,
|
|
33
|
-
backgroundColor: `var(--${this.backgroundColor})`,
|
|
34
|
-
} }, this.text && !this.image && h("span", null, this.text.substring(0, 2)), this.image && (h("img", { src: this.image, onError: () => (this.image = "") }))));
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
ZAvatar.style = stylesCss;
|
|
38
|
-
|
|
39
|
-
export { ZAvatar as z_avatar };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const ZBody = class {
|
|
4
|
-
constructor(hostRef) {
|
|
5
|
-
registerInstance(this, hostRef);
|
|
6
|
-
this.variant = "regular";
|
|
7
|
-
}
|
|
8
|
-
render() {
|
|
9
|
-
return (h("z-typography", { component: this.component || "span", level: `b${this.level}`, variant: this.variant }, h("slot", null)));
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export { ZBody as z_body };
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = "button.container{min-height:32px;line-height:32px;border:var(--border-size-small) solid var(--bg-grey-200);border-radius:16px;box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-webkit-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-moz-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);text-align:center;padding:0 calc(var(--space-unit) * 2);cursor:pointer;letter-spacing:0.17px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);opacity:1;transition:all 200ms linear}button.container.small{min-height:24px;line-height:24px}button.container:focus{outline:0}button.container::-moz-focus-inner{border:0}.text-container{margin-left:4px}button.container,button.container:focus,button.container:hover{background-color:var(--bg-white);color:var(--text-grey-700);fill:var(--text-grey-700)}button.container.isactive{background-color:var(--bg-white);color:var(--myz-blue);fill:var(--myz-blue)}button.container.isactive:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button.container.isactive:focus{background-color:var(--myz-blue-dark);border-color:var(--myz-blue-dark);box-shadow:0px 0px 4px 0px var(--text-grey-800);color:var(--bg-white);fill:var(--bg-white)}button z-icon{display:inline-block}";
|
|
4
|
-
|
|
5
|
-
const ZButtonFilter = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.removefilter = createEvent(this, "removefilter", 7);
|
|
9
|
-
/** disable action on button */
|
|
10
|
-
this.isfixed = false;
|
|
11
|
-
/** add icon to button */
|
|
12
|
-
this.hasicon = true;
|
|
13
|
-
/** reduce button size (optional) */
|
|
14
|
-
this.issmall = false;
|
|
15
|
-
this.handleRemovingFilterClick = this.handleRemovingFilterClick.bind(this);
|
|
16
|
-
}
|
|
17
|
-
handleRemovingFilterClick() {
|
|
18
|
-
this.removefilter.emit({
|
|
19
|
-
filterid: this.filterid,
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
renderFixedPillow(filtername) {
|
|
23
|
-
return (h("button", { class: `container ${this.issmall ? "small" : ""}` }, this.renderIcon(), this.renderContent(filtername)));
|
|
24
|
-
}
|
|
25
|
-
renderDynamicPillow(filtername) {
|
|
26
|
-
return (h("button", { class: `container isactive ${this.issmall ? "small" : ""}`, onClick: this.handleRemovingFilterClick }, this.renderIcon(), this.renderContent(filtername)));
|
|
27
|
-
}
|
|
28
|
-
renderIcon() {
|
|
29
|
-
if (!this.hasicon)
|
|
30
|
-
return null;
|
|
31
|
-
return (h("z-icon", { class: "close-icon-container", name: "multiply", height: 12, width: 12 }));
|
|
32
|
-
}
|
|
33
|
-
renderContent(filtername) {
|
|
34
|
-
return h("span", { class: "text-container" }, filtername);
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
if (this.isfixed) {
|
|
38
|
-
return this.renderFixedPillow(this.filtername);
|
|
39
|
-
}
|
|
40
|
-
return this.renderDynamicPillow(this.filtername);
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
ZButtonFilter.style = stylesCss;
|
|
44
|
-
|
|
45
|
-
export { ZButtonFilter as z_button_filter };
|