@zanichelli/delta_share 2.0.6 → 2.0.7
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/dist/wc/cjs/{breakpoints-a55736d0.js → breakpoints-da666109.js} +0 -2
- package/dist/wc/cjs/delta_share.cjs.js +2 -2
- package/dist/wc/cjs/{icons-2aca6c75.js → icons-f65fa82e.js} +58 -132
- package/dist/wc/cjs/{index-9ca7d5e5.js → index-458dc8f4.js} +0 -12
- package/dist/wc/cjs/index-b9bd2767.js +81 -0
- package/dist/wc/cjs/{license-activation_13.cjs.entry.js → license-activation_16.cjs.entry.js} +493 -131
- package/dist/wc/cjs/loader.cjs.js +2 -2
- package/dist/wc/cjs/utils-1f907efa.js +42 -0
- package/dist/wc/cjs/z-app-header.cjs.entry.js +6 -132
- package/dist/wc/cjs/z-app-switcher.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-app-topbar.cjs.entry.js +28 -15
- package/dist/wc/cjs/z-button-sort.cjs.entry.js +3 -17
- package/dist/wc/cjs/z-candybar.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-card-alert.cjs.entry.js +52 -0
- package/dist/wc/cjs/z-card-body.cjs.entry.js +19 -0
- package/dist/wc/cjs/z-card-cover.cjs.entry.js +22 -0
- package/dist/wc/cjs/z-card-footer.cjs.entry.js +46 -0
- package/dist/wc/cjs/z-card-header.cjs.entry.js +38 -0
- package/dist/wc/cjs/z-card-icon.cjs.entry.js +21 -0
- package/dist/wc/cjs/{z-myz-card-list.cjs.entry.js → z-card-list.cjs.entry.js} +5 -5
- package/dist/wc/cjs/z-card.cjs.entry.js +25 -53
- package/dist/wc/cjs/z-chip.cjs.entry.js +7 -20
- package/dist/wc/cjs/z-combobox.cjs.entry.js +17 -18
- package/dist/wc/cjs/z-cookiebar.cjs.entry.js +5 -5
- package/dist/wc/cjs/z-divider.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-footer-link_3.cjs.entry.js +4 -4
- package/dist/wc/cjs/z-footer.cjs.entry.js +8 -35
- package/dist/wc/cjs/z-header.cjs.entry.js +180 -0
- package/dist/wc/cjs/z-heading.cjs.entry.js +17 -0
- package/dist/wc/cjs/z-icon-package.cjs.entry.js +2 -2
- package/dist/wc/cjs/{z-myz-list-item.cjs.entry.js → z-list-item.cjs.entry.js} +6 -7
- package/dist/wc/cjs/z-list_2.cjs.entry.js +53 -144
- package/dist/wc/cjs/z-logo.cjs.entry.js +10 -12
- package/dist/wc/cjs/z-menu-section.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-menu.cjs.entry.js +4 -58
- package/dist/wc/cjs/z-modal-login.cjs.entry.js +6 -15
- package/dist/wc/cjs/z-pagination-bar.cjs.entry.js +2651 -8
- package/dist/wc/cjs/z-pagination-page.cjs.entry.js +4 -3
- package/dist/wc/cjs/z-panel-elem.cjs.entry.js +1 -1
- package/dist/wc/cjs/{z-table-body.cjs.entry.js → z-registro-table-body.cjs.entry.js} +5 -5
- package/dist/wc/cjs/z-registro-table-cell.cjs.entry.js +34 -0
- package/dist/wc/cjs/{z-table-head.cjs.entry.js → z-registro-table-footer.cjs.entry.js} +5 -5
- package/dist/wc/cjs/{z-table-footer.cjs.entry.js → z-registro-table-head.cjs.entry.js} +5 -5
- package/dist/wc/cjs/z-registro-table-header.cjs.entry.js +23 -0
- package/dist/wc/cjs/z-registro-table-row.cjs.entry.js +23 -0
- package/dist/wc/cjs/z-registro-table-sticky-footer.cjs.entry.js +19 -0
- package/dist/wc/cjs/z-registro-table.cjs.entry.js +31 -0
- package/dist/wc/cjs/z-stepper-item.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-stepper.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-toggle-button.cjs.entry.js +6 -7
- package/dist/wc/cjs/z-tooltip.cjs.entry.js +24 -254
- package/dist/wc/cjs/z-user-dropdown.cjs.entry.js +51 -46
- package/dist/wc/collection/collection-manifest.json +18 -63
- package/dist/wc/collection/components/license-activation-form/license-activation-form.js +23 -11
- package/dist/wc/custom-elements/index.js +2802 -9496
- package/dist/wc/delta_share/delta_share.esm.js +1 -1
- package/dist/wc/delta_share/p-04b614bf.entry.js +1 -0
- package/dist/wc/delta_share/p-0a05abe2.entry.js +1 -0
- package/dist/wc/delta_share/{p-3341f25e.entry.js → p-10d9e4f5.entry.js} +1 -1
- package/dist/wc/delta_share/p-21e76fc5.entry.js +1 -0
- package/dist/wc/delta_share/p-26d039ff.entry.js +1 -0
- package/dist/wc/delta_share/p-3995e58c.entry.js +1 -0
- package/dist/wc/delta_share/p-3c0ba1d7.entry.js +1 -0
- package/dist/wc/delta_share/p-3dae174e.entry.js +1 -0
- package/dist/wc/delta_share/p-466d0fc0.entry.js +1 -0
- package/dist/wc/delta_share/p-57e825ae.entry.js +1 -0
- package/dist/wc/delta_share/p-5a2d329b.entry.js +1 -0
- package/dist/wc/delta_share/p-5e35124a.entry.js +1 -0
- package/dist/wc/delta_share/{p-29d111de.entry.js → p-6215ddbd.entry.js} +1 -1
- package/dist/wc/delta_share/{p-94df01a9.entry.js → p-65c48026.entry.js} +1 -1
- package/dist/wc/delta_share/{p-a0663266.entry.js → p-6684b880.entry.js} +1 -1
- package/dist/wc/delta_share/p-7145c713.entry.js +1 -0
- package/dist/wc/delta_share/p-79e22647.entry.js +3 -0
- package/dist/wc/delta_share/p-7a08a26d.entry.js +1 -0
- package/dist/wc/delta_share/p-7adbb1ec.entry.js +1 -0
- package/dist/wc/delta_share/{p-cfc122de.entry.js → p-800cd436.entry.js} +1 -1
- package/dist/wc/delta_share/p-804eb658.entry.js +1 -0
- package/dist/wc/delta_share/p-81d7702b.entry.js +1 -0
- package/dist/wc/delta_share/p-85623203.entry.js +1 -0
- package/dist/wc/delta_share/{p-f531a563.entry.js → p-873e098b.entry.js} +1 -1
- package/dist/wc/delta_share/p-9dd299b2.js +1 -0
- package/dist/wc/delta_share/{p-6a9fb59c.entry.js → p-a03963a8.entry.js} +1 -1
- package/dist/wc/delta_share/p-a259b62e.entry.js +1 -0
- package/dist/wc/delta_share/p-ab7c95da.entry.js +1 -0
- package/dist/wc/delta_share/p-abd1d378.entry.js +1 -0
- package/dist/wc/delta_share/p-acfe9eb3.entry.js +1 -0
- package/dist/wc/delta_share/p-b5e27e10.js +1 -0
- package/dist/wc/delta_share/p-b5eb340c.entry.js +1 -0
- package/dist/wc/delta_share/p-b60651f2.entry.js +1 -0
- package/dist/wc/delta_share/p-c56e8a41.entry.js +1 -0
- package/dist/wc/delta_share/p-c69e24bf.entry.js +1 -0
- package/dist/wc/delta_share/{p-5b320481.entry.js → p-ca57e6ec.entry.js} +1 -1
- package/dist/wc/delta_share/p-cac71697.js +1 -0
- package/dist/wc/delta_share/p-cad0320b.entry.js +1 -0
- package/dist/wc/delta_share/p-d1270e75.entry.js +1 -0
- package/dist/wc/delta_share/p-d2b8f445.entry.js +1 -0
- package/dist/wc/delta_share/p-d489328b.js +1 -0
- package/dist/wc/delta_share/p-de921fbb.entry.js +1 -0
- package/dist/wc/delta_share/p-ec64cd8e.entry.js +1 -0
- package/dist/wc/delta_share/{p-06b89fb4.entry.js → p-ef4da7dc.entry.js} +1 -1
- package/dist/wc/delta_share/p-f1ba2542.entry.js +1 -0
- package/dist/wc/delta_share/p-f500eb2e.entry.js +1 -0
- package/dist/wc/delta_share/p-f5d6ffbf.entry.js +1 -0
- package/dist/wc/delta_share/p-f6cf7f9f.entry.js +1 -0
- package/dist/wc/delta_share/p-f9175533.entry.js +7 -0
- package/dist/wc/delta_share/p-fb1885ec.js +1 -0
- package/dist/wc/esm/breakpoints-75d56fd9.js +3 -0
- package/dist/wc/esm/delta_share.js +2 -2
- package/dist/wc/esm/{icons-74713b55.js → icons-973d360b.js} +58 -132
- package/dist/wc/esm/{index-b3a91e19.js → index-5ecd661f.js} +0 -12
- package/dist/wc/esm/index-e68ea3a2.js +81 -0
- package/dist/wc/esm/{license-activation_13.entry.js → license-activation_16.entry.js} +491 -132
- package/dist/wc/esm/loader.js +2 -2
- package/dist/wc/esm/utils-1c638931.js +37 -0
- package/dist/wc/esm/z-app-header.entry.js +6 -132
- package/dist/wc/esm/z-app-switcher.entry.js +2 -2
- package/dist/wc/esm/z-app-topbar.entry.js +28 -15
- package/dist/wc/esm/z-button-sort.entry.js +3 -17
- package/dist/wc/esm/z-candybar.entry.js +1 -1
- package/dist/wc/esm/z-card-alert.entry.js +48 -0
- package/dist/wc/esm/z-card-body.entry.js +15 -0
- package/dist/wc/esm/z-card-cover.entry.js +18 -0
- package/dist/wc/esm/z-card-footer.entry.js +42 -0
- package/dist/wc/esm/z-card-header.entry.js +34 -0
- package/dist/wc/esm/z-card-icon.entry.js +17 -0
- package/dist/wc/esm/z-card-list.entry.js +33 -0
- package/dist/wc/esm/z-card.entry.js +25 -53
- package/dist/wc/esm/z-chip.entry.js +7 -20
- package/dist/wc/esm/z-combobox.entry.js +17 -18
- package/dist/wc/esm/z-cookiebar.entry.js +5 -5
- package/dist/wc/esm/z-divider.entry.js +2 -2
- package/dist/wc/esm/z-footer-link_3.entry.js +4 -4
- package/dist/wc/esm/z-footer.entry.js +8 -35
- package/dist/wc/esm/z-header.entry.js +176 -0
- package/dist/wc/esm/z-heading.entry.js +13 -0
- package/dist/wc/esm/z-icon-package.entry.js +2 -2
- package/dist/wc/esm/{z-myz-list-item.entry.js → z-list-item.entry.js} +6 -7
- package/dist/wc/esm/z-list_2.entry.js +53 -144
- package/dist/wc/esm/z-logo.entry.js +10 -12
- package/dist/wc/esm/z-menu-section.entry.js +2 -2
- package/dist/wc/esm/z-menu.entry.js +4 -58
- package/dist/wc/esm/z-modal-login.entry.js +6 -15
- package/dist/wc/esm/z-pagination-bar.entry.js +2651 -8
- package/dist/wc/esm/z-pagination-page.entry.js +4 -3
- package/dist/wc/esm/z-panel-elem.entry.js +1 -1
- package/dist/wc/esm/{z-table-body.entry.js → z-registro-table-body.entry.js} +5 -5
- package/dist/wc/esm/z-registro-table-cell.entry.js +30 -0
- package/dist/wc/esm/{z-table-footer.entry.js → z-registro-table-footer.entry.js} +5 -5
- package/dist/wc/esm/{z-table-head.entry.js → z-registro-table-head.entry.js} +5 -5
- package/dist/wc/esm/z-registro-table-header.entry.js +19 -0
- package/dist/wc/esm/z-registro-table-row.entry.js +19 -0
- package/dist/wc/esm/z-registro-table-sticky-footer.entry.js +15 -0
- package/dist/wc/esm/z-registro-table.entry.js +27 -0
- package/dist/wc/esm/z-stepper-item.entry.js +1 -1
- package/dist/wc/esm/z-stepper.entry.js +1 -1
- package/dist/wc/esm/z-toggle-button.entry.js +6 -7
- package/dist/wc/esm/z-tooltip.entry.js +24 -254
- package/dist/wc/esm/z-user-dropdown.entry.js +51 -46
- package/dist/wc/types/beans/index.d.ts +1 -1
- package/dist/wc/types/components/license-activation/license-activation.d.ts +1 -1
- package/dist/wc/types/components/license-activation-form/license-activation-form.d.ts +2 -1
- package/package.json +1 -1
- package/dist/wc/cjs/hammer-4f20813e.js +0 -2650
- package/dist/wc/cjs/index-9c6fd1db.js +0 -315
- package/dist/wc/cjs/utils-8a10bba9.js +0 -88
- package/dist/wc/cjs/z-alert.cjs.entry.js +0 -19
- package/dist/wc/cjs/z-aria-alert.cjs.entry.js +0 -18
- package/dist/wc/cjs/z-avatar.cjs.entry.js +0 -43
- package/dist/wc/cjs/z-button-deprecated.cjs.entry.js +0 -38
- package/dist/wc/cjs/z-button-filter.cjs.entry.js +0 -49
- package/dist/wc/cjs/z-carousel.cjs.entry.js +0 -24
- package/dist/wc/cjs/z-chip-deprecated.cjs.entry.js +0 -24
- package/dist/wc/cjs/z-contextual-menu.cjs.entry.js +0 -40
- package/dist/wc/cjs/z-date-picker.cjs.entry.js +0 -3104
- package/dist/wc/cjs/z-dragdrop-area_2.cjs.entry.js +0 -48
- package/dist/wc/cjs/z-file-upload.cjs.entry.js +0 -172
- package/dist/wc/cjs/z-file.cjs.entry.js +0 -47
- package/dist/wc/cjs/z-ghost-loading.cjs.entry.js +0 -19
- package/dist/wc/cjs/z-input-deprecated.cjs.entry.js +0 -271
- package/dist/wc/cjs/z-input-label_2.cjs.entry.js +0 -272
- package/dist/wc/cjs/z-list-group.cjs.entry.js +0 -54
- package/dist/wc/cjs/z-menu-dropdown_2.cjs.entry.js +0 -89
- package/dist/wc/cjs/z-messages-pocket.cjs.entry.js +0 -46
- package/dist/wc/cjs/z-myz-card-alert.cjs.entry.js +0 -63
- package/dist/wc/cjs/z-myz-card-dictionary.cjs.entry.js +0 -36
- package/dist/wc/cjs/z-myz-card-footer-sections.cjs.entry.js +0 -19
- package/dist/wc/cjs/z-myz-card-footer.cjs.entry.js +0 -56
- package/dist/wc/cjs/z-myz-card-icon.cjs.entry.js +0 -21
- package/dist/wc/cjs/z-myz-card-info.cjs.entry.js +0 -119
- package/dist/wc/cjs/z-myz-card_4.cjs.entry.js +0 -104
- package/dist/wc/cjs/z-myz-topbar.cjs.entry.js +0 -194
- package/dist/wc/cjs/z-navigation-tab-link.cjs.entry.js +0 -71
- package/dist/wc/cjs/z-navigation-tab.cjs.entry.js +0 -73
- package/dist/wc/cjs/z-navigation-tabs.cjs.entry.js +0 -126
- package/dist/wc/cjs/z-notification.cjs.entry.js +0 -46
- package/dist/wc/cjs/z-offcanvas.cjs.entry.js +0 -63
- package/dist/wc/cjs/z-otp.cjs.entry.js +0 -41
- package/dist/wc/cjs/z-pagination.cjs.entry.js +0 -229
- package/dist/wc/cjs/z-pocket-message.cjs.entry.js +0 -19
- package/dist/wc/cjs/z-pocket_3.cjs.entry.js +0 -125
- package/dist/wc/cjs/z-popover.cjs.entry.js +0 -132
- package/dist/wc/cjs/z-section-title.cjs.entry.js +0 -42
- package/dist/wc/cjs/z-skip-to-content.cjs.entry.js +0 -68
- package/dist/wc/cjs/z-slideshow.cjs.entry.js +0 -112
- package/dist/wc/cjs/z-status-tag.cjs.entry.js +0 -29
- package/dist/wc/cjs/z-table-cell.cjs.entry.js +0 -36
- package/dist/wc/cjs/z-table-empty-box.cjs.entry.js +0 -32
- package/dist/wc/cjs/z-table-expanded-row.cjs.entry.js +0 -19
- package/dist/wc/cjs/z-table-header-row.cjs.entry.js +0 -22
- package/dist/wc/cjs/z-table-header.cjs.entry.js +0 -88
- package/dist/wc/cjs/z-table-row.cjs.entry.js +0 -43
- package/dist/wc/cjs/z-table-sticky-footer.cjs.entry.js +0 -19
- package/dist/wc/cjs/z-table.cjs.entry.js +0 -82
- package/dist/wc/cjs/z-tag.cjs.entry.js +0 -22
- package/dist/wc/cjs/z-toast-notification-list.cjs.entry.js +0 -56
- package/dist/wc/cjs/z-toast-notification.cjs.entry.js +0 -203
- package/dist/wc/cjs/z-toggle-switch.cjs.entry.js +0 -49
- package/dist/wc/cjs/z-visually-hidden.cjs.entry.js +0 -19
- package/dist/wc/delta_share/p-041ff3e2.entry.js +0 -1
- package/dist/wc/delta_share/p-06543221.entry.js +0 -1
- package/dist/wc/delta_share/p-0b0179c7.js +0 -1
- package/dist/wc/delta_share/p-0f55558e.js +0 -1
- package/dist/wc/delta_share/p-103f926c.entry.js +0 -1
- package/dist/wc/delta_share/p-12aa58e4.entry.js +0 -1
- package/dist/wc/delta_share/p-20c14e4e.entry.js +0 -1
- package/dist/wc/delta_share/p-243df9e5.entry.js +0 -1
- package/dist/wc/delta_share/p-244accd2.entry.js +0 -1
- package/dist/wc/delta_share/p-261611b1.js +0 -1
- package/dist/wc/delta_share/p-29cb5018.entry.js +0 -1
- package/dist/wc/delta_share/p-2b05751b.entry.js +0 -1
- package/dist/wc/delta_share/p-3094900a.entry.js +0 -1
- package/dist/wc/delta_share/p-32975e01.entry.js +0 -1
- package/dist/wc/delta_share/p-32d34db1.entry.js +0 -1
- package/dist/wc/delta_share/p-33fb12fc.entry.js +0 -1
- package/dist/wc/delta_share/p-35bccab3.entry.js +0 -1
- package/dist/wc/delta_share/p-36955fc5.entry.js +0 -1
- package/dist/wc/delta_share/p-39440988.entry.js +0 -1
- package/dist/wc/delta_share/p-3f61bc0d.entry.js +0 -1
- package/dist/wc/delta_share/p-422f29e8.entry.js +0 -1
- package/dist/wc/delta_share/p-43ae8e0a.entry.js +0 -1
- package/dist/wc/delta_share/p-44eba966.entry.js +0 -1
- package/dist/wc/delta_share/p-51431ace.js +0 -1
- package/dist/wc/delta_share/p-5374191c.entry.js +0 -16
- package/dist/wc/delta_share/p-5559856c.entry.js +0 -1
- package/dist/wc/delta_share/p-5af0e3cd.entry.js +0 -1
- package/dist/wc/delta_share/p-5d085d01.entry.js +0 -1
- package/dist/wc/delta_share/p-5d88112c.entry.js +0 -1
- package/dist/wc/delta_share/p-5e9898dd.entry.js +0 -1
- package/dist/wc/delta_share/p-6422731e.entry.js +0 -1
- package/dist/wc/delta_share/p-64ffaf7b.entry.js +0 -1
- package/dist/wc/delta_share/p-6613eeee.entry.js +0 -1
- package/dist/wc/delta_share/p-6a39042b.entry.js +0 -1
- package/dist/wc/delta_share/p-6f7064dc.entry.js +0 -1
- package/dist/wc/delta_share/p-767a8d6e.entry.js +0 -1
- package/dist/wc/delta_share/p-76cfb0be.entry.js +0 -1
- package/dist/wc/delta_share/p-775af9dc.entry.js +0 -1
- package/dist/wc/delta_share/p-7f71c41e.entry.js +0 -1
- package/dist/wc/delta_share/p-8b6617d8.entry.js +0 -1
- package/dist/wc/delta_share/p-8fb4a4ea.entry.js +0 -1
- package/dist/wc/delta_share/p-91a4ef35.js +0 -1
- package/dist/wc/delta_share/p-91af6142.entry.js +0 -1
- package/dist/wc/delta_share/p-94b8f342.entry.js +0 -1
- package/dist/wc/delta_share/p-9656b290.entry.js +0 -1
- package/dist/wc/delta_share/p-97e4d621.entry.js +0 -1
- package/dist/wc/delta_share/p-9a1d266e.entry.js +0 -1
- package/dist/wc/delta_share/p-9c147330.entry.js +0 -1
- package/dist/wc/delta_share/p-9d35fb61.entry.js +0 -1
- package/dist/wc/delta_share/p-a150a778.entry.js +0 -1
- package/dist/wc/delta_share/p-a823768b.entry.js +0 -1
- package/dist/wc/delta_share/p-a880ae33.entry.js +0 -3
- package/dist/wc/delta_share/p-a949636a.entry.js +0 -1
- package/dist/wc/delta_share/p-b1c1f030.entry.js +0 -1
- package/dist/wc/delta_share/p-b5f0d2dc.entry.js +0 -1
- package/dist/wc/delta_share/p-badf3f24.entry.js +0 -1
- package/dist/wc/delta_share/p-bb38e604.entry.js +0 -1
- package/dist/wc/delta_share/p-bc225deb.entry.js +0 -1
- package/dist/wc/delta_share/p-bf58b24b.entry.js +0 -1
- package/dist/wc/delta_share/p-c2dde3b3.entry.js +0 -1
- package/dist/wc/delta_share/p-cccef23b.entry.js +0 -1
- package/dist/wc/delta_share/p-cd42e0b5.entry.js +0 -1
- package/dist/wc/delta_share/p-d282ce22.entry.js +0 -1
- package/dist/wc/delta_share/p-d610565d.entry.js +0 -1
- package/dist/wc/delta_share/p-da8144e5.entry.js +0 -1
- package/dist/wc/delta_share/p-dafefe1f.entry.js +0 -1
- package/dist/wc/delta_share/p-dc148f92.entry.js +0 -1
- package/dist/wc/delta_share/p-dd50dd54.entry.js +0 -1
- package/dist/wc/delta_share/p-de117646.entry.js +0 -1
- package/dist/wc/delta_share/p-dec6ab35.entry.js +0 -1
- package/dist/wc/delta_share/p-e37c7b62.entry.js +0 -1
- package/dist/wc/delta_share/p-e43e61ac.js +0 -7
- package/dist/wc/delta_share/p-e7932e20.entry.js +0 -1
- package/dist/wc/delta_share/p-e9412ef0.entry.js +0 -1
- package/dist/wc/delta_share/p-ea6c7be0.entry.js +0 -1
- package/dist/wc/delta_share/p-ebb9a3f9.entry.js +0 -1
- package/dist/wc/delta_share/p-ee76ecea.entry.js +0 -1
- package/dist/wc/delta_share/p-f0723bcc.entry.js +0 -1
- package/dist/wc/delta_share/p-f2323f2a.entry.js +0 -1
- package/dist/wc/delta_share/p-f441efc3.entry.js +0 -1
- package/dist/wc/delta_share/p-fd83d815.entry.js +0 -1
- package/dist/wc/delta_share/p-ff2508eb.entry.js +0 -1
- package/dist/wc/esm/breakpoints-e07f80e7.js +0 -4
- package/dist/wc/esm/hammer-c3266b17.js +0 -2648
- package/dist/wc/esm/index-654849a7.js +0 -315
- package/dist/wc/esm/utils-417652d9.js +0 -80
- package/dist/wc/esm/z-alert.entry.js +0 -15
- package/dist/wc/esm/z-aria-alert.entry.js +0 -14
- package/dist/wc/esm/z-avatar.entry.js +0 -39
- package/dist/wc/esm/z-button-deprecated.entry.js +0 -34
- package/dist/wc/esm/z-button-filter.entry.js +0 -45
- package/dist/wc/esm/z-carousel.entry.js +0 -20
- package/dist/wc/esm/z-chip-deprecated.entry.js +0 -20
- package/dist/wc/esm/z-contextual-menu.entry.js +0 -36
- package/dist/wc/esm/z-date-picker.entry.js +0 -3100
- package/dist/wc/esm/z-dragdrop-area_2.entry.js +0 -43
- package/dist/wc/esm/z-file-upload.entry.js +0 -168
- package/dist/wc/esm/z-file.entry.js +0 -43
- package/dist/wc/esm/z-ghost-loading.entry.js +0 -15
- package/dist/wc/esm/z-input-deprecated.entry.js +0 -267
- package/dist/wc/esm/z-input-label_2.entry.js +0 -267
- package/dist/wc/esm/z-list-group.entry.js +0 -50
- package/dist/wc/esm/z-menu-dropdown_2.entry.js +0 -84
- package/dist/wc/esm/z-messages-pocket.entry.js +0 -42
- package/dist/wc/esm/z-myz-card-alert.entry.js +0 -59
- package/dist/wc/esm/z-myz-card-dictionary.entry.js +0 -32
- package/dist/wc/esm/z-myz-card-footer-sections.entry.js +0 -15
- package/dist/wc/esm/z-myz-card-footer.entry.js +0 -52
- package/dist/wc/esm/z-myz-card-icon.entry.js +0 -17
- package/dist/wc/esm/z-myz-card-info.entry.js +0 -115
- package/dist/wc/esm/z-myz-card-list.entry.js +0 -33
- package/dist/wc/esm/z-myz-card_4.entry.js +0 -97
- package/dist/wc/esm/z-myz-topbar.entry.js +0 -190
- package/dist/wc/esm/z-navigation-tab-link.entry.js +0 -67
- package/dist/wc/esm/z-navigation-tab.entry.js +0 -69
- package/dist/wc/esm/z-navigation-tabs.entry.js +0 -122
- package/dist/wc/esm/z-notification.entry.js +0 -42
- package/dist/wc/esm/z-offcanvas.entry.js +0 -59
- package/dist/wc/esm/z-otp.entry.js +0 -37
- package/dist/wc/esm/z-pagination.entry.js +0 -225
- package/dist/wc/esm/z-pocket-message.entry.js +0 -15
- package/dist/wc/esm/z-pocket_3.entry.js +0 -119
- package/dist/wc/esm/z-popover.entry.js +0 -128
- package/dist/wc/esm/z-section-title.entry.js +0 -38
- package/dist/wc/esm/z-skip-to-content.entry.js +0 -64
- package/dist/wc/esm/z-slideshow.entry.js +0 -108
- package/dist/wc/esm/z-status-tag.entry.js +0 -25
- package/dist/wc/esm/z-table-cell.entry.js +0 -32
- package/dist/wc/esm/z-table-empty-box.entry.js +0 -28
- package/dist/wc/esm/z-table-expanded-row.entry.js +0 -15
- package/dist/wc/esm/z-table-header-row.entry.js +0 -18
- package/dist/wc/esm/z-table-header.entry.js +0 -84
- package/dist/wc/esm/z-table-row.entry.js +0 -39
- package/dist/wc/esm/z-table-sticky-footer.entry.js +0 -15
- package/dist/wc/esm/z-table.entry.js +0 -78
- package/dist/wc/esm/z-tag.entry.js +0 -18
- package/dist/wc/esm/z-toast-notification-list.entry.js +0 -52
- package/dist/wc/esm/z-toast-notification.entry.js +0 -199
- package/dist/wc/esm/z-toggle-switch.entry.js +0 -45
- package/dist/wc/esm/z-visually-hidden.entry.js +0 -15
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-9ca7d5e5.js');
|
|
6
|
-
|
|
7
|
-
const stylesCss = "button{width:42px;height:calc(var(--space-unit) * 5);display:flex;align-items:center;justify-content:center;color:var(--color-primary01);fill:var(--color-primary01);cursor:pointer;outline:none;background:none;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);border-radius:0px var(--border-radius) 0px 0px;margin:0;padding:0px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6)}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius);border:0px}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0px 0px 2px 2px var(--accent-dark)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";
|
|
8
|
-
|
|
9
|
-
const ZMyzCardIcon = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
/** disabled status flag */
|
|
13
|
-
this.isdisabled = false;
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
return (index.h("button", { disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", null, index.h("z-icon", { name: this.icon, width: 16, height: 16 }))));
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
ZMyzCardIcon.style = stylesCss;
|
|
20
|
-
|
|
21
|
-
exports.z_myz_card_icon = ZMyzCardIcon;
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-9ca7d5e5.js');
|
|
6
|
-
const index$1 = require('./index-9c6fd1db.js');
|
|
7
|
-
const utils = require('./utils-8a10bba9.js');
|
|
8
|
-
require('./breakpoints-a55736d0.js');
|
|
9
|
-
|
|
10
|
-
const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden:after{background:linear-gradient(\n 180deg,\n rgba(255, 0, 0, 0),\n rgba(255, 0, 0, 0) 60%,\n white\n );content:\"\";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-tooltip{position:absolute;top:0px;left:calc(var(--space-unit) * 4)}";
|
|
11
|
-
|
|
12
|
-
const ZMyzCardInfo = class {
|
|
13
|
-
constructor(hostRef) {
|
|
14
|
-
index.registerInstance(this, hostRef);
|
|
15
|
-
this.flipCard = index.createEvent(this, "flipCard", 7);
|
|
16
|
-
/** tabindex link attribute (optional) */
|
|
17
|
-
this.htmltabindex = 0;
|
|
18
|
-
this.hiddenContent = false;
|
|
19
|
-
this.tooltip = false;
|
|
20
|
-
this.emitFlipCard = this.emitFlipCard.bind(this);
|
|
21
|
-
}
|
|
22
|
-
emitFlipCard(showBack = false) {
|
|
23
|
-
this.flipCard.emit(showBack);
|
|
24
|
-
}
|
|
25
|
-
componentWillLoad() {
|
|
26
|
-
this.setStringOrArray();
|
|
27
|
-
}
|
|
28
|
-
componentWillUpdate() {
|
|
29
|
-
this.setStringOrArray();
|
|
30
|
-
}
|
|
31
|
-
componentDidRender() {
|
|
32
|
-
this.handleContentHeight();
|
|
33
|
-
}
|
|
34
|
-
handleContentHeight() {
|
|
35
|
-
if (!this.contentWrapper && !this.infoWrapper)
|
|
36
|
-
return (this.hiddenContent = false);
|
|
37
|
-
if (this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight ||
|
|
38
|
-
this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight) {
|
|
39
|
-
const height = this.contentWrapper.offsetHeight -
|
|
40
|
-
this.onlineLicenseWrapper.offsetHeight -
|
|
41
|
-
this.offlineLicenseWrapper.offsetHeight;
|
|
42
|
-
this.infoWrapper.style.height = `${height}px`;
|
|
43
|
-
return (this.hiddenContent = true);
|
|
44
|
-
}
|
|
45
|
-
return (this.hiddenContent = false);
|
|
46
|
-
}
|
|
47
|
-
setStringOrArray() {
|
|
48
|
-
if (typeof this.data === "string") {
|
|
49
|
-
this.cardData = JSON.parse(this.data);
|
|
50
|
-
}
|
|
51
|
-
else {
|
|
52
|
-
this.cardData = this.data;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
renderCloseIcon() {
|
|
56
|
-
return (index.h("z-icon", { name: "multiply-circled-filled", height: 18, width: 18, onClick: () => this.emitFlipCard(false), tabindex: this.htmltabindex, onKeyUp: (e) => {
|
|
57
|
-
utils.handleKeyboardSubmit(e, this.emitFlipCard, false);
|
|
58
|
-
} }));
|
|
59
|
-
}
|
|
60
|
-
renderGeneralSection() {
|
|
61
|
-
var _a, _b;
|
|
62
|
-
const title = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.title;
|
|
63
|
-
const description = (_b = this === null || this === void 0 ? void 0 : this.cardData) === null || _b === void 0 ? void 0 : _b.description;
|
|
64
|
-
return (index.h("section", { class: `info-wrapper ${this.hiddenContent ? "hidden" : ""}`, onClick: () => {
|
|
65
|
-
if (this.hiddenContent)
|
|
66
|
-
this.tooltip = !this.tooltip;
|
|
67
|
-
}, ref: (el) => (this.infoWrapper = el) }, this.renderAuthor(), this.renderYear(), title, index.h("br", null), description));
|
|
68
|
-
}
|
|
69
|
-
renderAuthor() {
|
|
70
|
-
var _a;
|
|
71
|
-
const author = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.author;
|
|
72
|
-
if (!author)
|
|
73
|
-
return null;
|
|
74
|
-
return (index.h("span", null, "Autore: ", index.h("b", null, author), index.h("br", null)));
|
|
75
|
-
}
|
|
76
|
-
renderYear() {
|
|
77
|
-
var _a;
|
|
78
|
-
const year = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.year;
|
|
79
|
-
if (!year)
|
|
80
|
-
return null;
|
|
81
|
-
return (index.h("span", null, "Anno: ", index.h("b", null, year), index.h("br", null)));
|
|
82
|
-
}
|
|
83
|
-
renderTooltip() {
|
|
84
|
-
if (!this.tooltip)
|
|
85
|
-
return;
|
|
86
|
-
if (!this.cardData)
|
|
87
|
-
return;
|
|
88
|
-
const { title, year, author, description } = this.cardData;
|
|
89
|
-
return (index.h("z-tooltip", { content: `${title} ${year} ${author} ${description}`, type: index$1.TooltipPosition.RIGHT, onClick: () => (this.tooltip = false) }));
|
|
90
|
-
}
|
|
91
|
-
setExpirationLicenseMessage(type) {
|
|
92
|
-
if ((type === "online" && this.cardData.onlineLicense.expired) ||
|
|
93
|
-
(type === "offline" && this.cardData.offlineLicense.expired)) {
|
|
94
|
-
return index.h("span", { class: "expired" }, "SCADUTA");
|
|
95
|
-
}
|
|
96
|
-
if ((type === "online" && this.cardData.onlineLicense.expiring) ||
|
|
97
|
-
(type === "offline" && this.cardData.offlineLicense.expiring)) {
|
|
98
|
-
return index.h("span", { class: "expiring" }, "IN SCADENZA");
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
renderOnlineLicenseSection() {
|
|
102
|
-
var _a;
|
|
103
|
-
if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.onlineLicense))
|
|
104
|
-
return;
|
|
105
|
-
return (index.h("section", { ref: (el) => (this.onlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza online"), this.setExpirationLicenseMessage("online")), "Scadenza il ", index.h("b", null, this.cardData.onlineLicense.expiration), index.h("br", null)));
|
|
106
|
-
}
|
|
107
|
-
renderOfflineLicenseSection() {
|
|
108
|
-
var _a;
|
|
109
|
-
if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.offlineLicense))
|
|
110
|
-
return;
|
|
111
|
-
return (index.h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", index.h("b", null, this.cardData.offlineLicense.expiration), index.h("br", null), "Installazioni disponibili:", " ", index.h("b", null, this.cardData.offlineLicense.installations)));
|
|
112
|
-
}
|
|
113
|
-
render() {
|
|
114
|
-
return (index.h("div", null, this.renderCloseIcon(), index.h("div", { class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), index.h("div", { class: "cta-wrapper" }, index.h("slot", null))));
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
ZMyzCardInfo.style = stylesCss;
|
|
118
|
-
|
|
119
|
-
exports.z_myz_card_info = ZMyzCardInfo;
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-9ca7d5e5.js');
|
|
6
|
-
const index$1 = require('./index-9c6fd1db.js');
|
|
7
|
-
|
|
8
|
-
const stylesCss$3 = ":host{--card-overflow:hidden}div{background-color:var(--color-surface01);display:flex;flex-direction:column;width:auto;box-sizing:border-box;width:256px;height:522px;border:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius);overflow:var(--card-overflow)}div.real,div.trial,div.temp{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";
|
|
9
|
-
|
|
10
|
-
const ZMyzCardComponent = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
/** pressed status */
|
|
14
|
-
this.ispressed = false;
|
|
15
|
-
/** highlighted status */
|
|
16
|
-
this.ishighlighted = false;
|
|
17
|
-
}
|
|
18
|
-
retrieveClass() {
|
|
19
|
-
let elemClasses = "";
|
|
20
|
-
if (this.cardtype === index$1.LicenseTypeEnum.real)
|
|
21
|
-
elemClasses += "real";
|
|
22
|
-
else if (this.cardtype === index$1.LicenseTypeEnum.trial)
|
|
23
|
-
elemClasses += "trial";
|
|
24
|
-
else if (this.cardtype === index$1.LicenseTypeEnum.temp)
|
|
25
|
-
elemClasses += "temp";
|
|
26
|
-
if (this.faded) {
|
|
27
|
-
elemClasses += " faded";
|
|
28
|
-
}
|
|
29
|
-
else if (this.ispressed) {
|
|
30
|
-
elemClasses += " pressed";
|
|
31
|
-
}
|
|
32
|
-
else if (this.ishighlighted) {
|
|
33
|
-
elemClasses += " highlighted";
|
|
34
|
-
}
|
|
35
|
-
return elemClasses;
|
|
36
|
-
}
|
|
37
|
-
render() {
|
|
38
|
-
return (index.h("div", { class: this.retrieveClass(), tabindex: "0" }, index.h("slot", null)));
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
ZMyzCardComponent.style = stylesCss$3;
|
|
42
|
-
|
|
43
|
-
const stylesCss$2 = ":host{height:340px;width:auto}:host>div{height:340px;width:auto;display:flex;align-items:center;justify-content:center;position:relative}";
|
|
44
|
-
|
|
45
|
-
const ZMyzCardBody = class {
|
|
46
|
-
constructor(hostRef) {
|
|
47
|
-
index.registerInstance(this, hostRef);
|
|
48
|
-
}
|
|
49
|
-
render() {
|
|
50
|
-
return (index.h("div", null, index.h("slot", { name: "alert" }), index.h("slot", { name: "cover" })));
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
ZMyzCardBody.style = stylesCss$2;
|
|
54
|
-
|
|
55
|
-
const stylesCss$1 = "img{display:block;margin:auto auto;height:340px;max-width:100%;object-fit:cover}img.faded{opacity:0.3}";
|
|
56
|
-
|
|
57
|
-
const ZMyzCardCover = class {
|
|
58
|
-
constructor(hostRef) {
|
|
59
|
-
index.registerInstance(this, hostRef);
|
|
60
|
-
}
|
|
61
|
-
hadleOnImageError() {
|
|
62
|
-
this.img = this.defaultimg;
|
|
63
|
-
}
|
|
64
|
-
render() {
|
|
65
|
-
return (index.h("img", { class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
ZMyzCardCover.style = stylesCss$1;
|
|
69
|
-
|
|
70
|
-
const stylesCss = "header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:auto;height:calc(var(--space-unit) * 6);position:relative;border-bottom:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius) var(--border-radius)\n var(--border-no-radius) var(--border-no-radius);background-color:var(--color-surface01)}header.real,header.trial,header.temp{background-color:var(--accent-lighter);border-bottom:var(--border-size-medium) solid var(--accent)}h2{font-family:var(--font-family-sans);font-weight:var(--font-sb);color:var(--color-surface05);height:calc(var(--space-unit) * 2);font-size:12px;text-transform:uppercase;letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);margin:0px;padding:calc(var(--space-unit) * 2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";
|
|
71
|
-
|
|
72
|
-
const ZMyzCardHeader = class {
|
|
73
|
-
constructor(hostRef) {
|
|
74
|
-
index.registerInstance(this, hostRef);
|
|
75
|
-
this.allowTooltip = false;
|
|
76
|
-
}
|
|
77
|
-
getTitle() {
|
|
78
|
-
return this.allowTooltip ? this.titolo : "";
|
|
79
|
-
}
|
|
80
|
-
componentDidLoad() {
|
|
81
|
-
if (this.elementHasEllipsis())
|
|
82
|
-
this.allowTooltip = true;
|
|
83
|
-
}
|
|
84
|
-
elementHasEllipsis() {
|
|
85
|
-
return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
|
|
86
|
-
}
|
|
87
|
-
retrieveClass() {
|
|
88
|
-
return {
|
|
89
|
-
real: this.cardtype === index$1.LicenseTypeEnum.real,
|
|
90
|
-
trial: this.cardtype === index$1.LicenseTypeEnum.trial,
|
|
91
|
-
temp: this.cardtype === index$1.LicenseTypeEnum.temp,
|
|
92
|
-
faded: this.faded,
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
|
-
render() {
|
|
96
|
-
return (index.h("header", { class: this.retrieveClass() }, index.h("h2", { ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { name: "icon" })));
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
ZMyzCardHeader.style = stylesCss;
|
|
100
|
-
|
|
101
|
-
exports.z_myz_card = ZMyzCardComponent;
|
|
102
|
-
exports.z_myz_card_body = ZMyzCardBody;
|
|
103
|
-
exports.z_myz_card_cover = ZMyzCardCover;
|
|
104
|
-
exports.z_myz_card_header = ZMyzCardHeader;
|
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-9ca7d5e5.js');
|
|
6
|
-
const index$1 = require('./index-9c6fd1db.js');
|
|
7
|
-
const breakpoints = require('./breakpoints-a55736d0.js');
|
|
8
|
-
|
|
9
|
-
const stylesCss = ":host a{cursor:pointer}header{position:sticky;top:0;z-index:99;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main-header\";margin-bottom:calc(var(--space-unit) * 6.5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}.main-header{display:grid;grid-template-columns:2fr 2fr 4fr 100px;grid-template-rows:1fr;grid-template-areas:\"logo link-int link-ext login\";grid-area:main-header;grid-column-gap:calc(var(--space-unit) * 0.5);align-items:center;background-color:var(--bg-grey-900);height:auto;align-items:center;z-index:10}.main-header.myz-out{background-color:var(--bg-white)}.logo{grid-area:logo;padding:6px}z-logo{transform:scale(0.9)}.dropdown-menu{display:none}.dropdown-menu.hidden{visibility:hidden}.dropdown-links{grid-area:dropdown-links;list-style:none;display:block;max-height:32px;margin:0;padding:0}.arrow{fill:var(--text-grey-200)}.dropdown-links>li{list-style:none;display:inline-block;margin:0;padding:0}.dropdown-links>li>a{width:auto;height:auto;color:var(--myz-blue);font-size:14px;letter-spacing:0.18px;line-height:32px;text-decoration:none;margin:var(--space-unit);padding-bottom:calc(var(--space-unit) * 0.5)}.dropdown-links>li>a:hover,.dropdown-links>li>a.active{color:var(--text-grey-800);border-bottom:2px solid var(--myz-blue)}.mobile-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);z-index:inherit;height:52px;position:fixed;top:0px;left:0;z-index:999}.mobile-header.myz-out{background-color:var(--bg-white)}.mobile-header>z-button-deprecated{margin:0 calc(var(--space-unit) * 2)}.mobile-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);position:fixed;top:52px;left:0;z-index:999;max-height:0px;overflow:hidden;transition:max-height 1s cubic-bezier(0.46, 0, 1, 0.79)}.mobile-content.open{max-height:100vh;transition:max-height 2s cubic-bezier(0, 0.79, 0.46, 1)}.mobile-content.myz-out{background-color:var(--bg-white)}hr{display:block;position:relative;padding:0;margin:0px calc(var(--space-unit) * 4);height:0;width:calc(100% - 64px);max-height:0;font-size:1px;line-height:0;clear:both;border:none;border-top:1px solid var(--text-grey-700)}.menu-mobile{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;color:var(--bg-white);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);cursor:pointer}.myz-out .menu-mobile{color:var(--text-grey-800)}.menu-toggle{grid-area:menu-toggle;display:flex;flex-direction:column;margin:0 var(--space-unit)}.menu-toggle .bar{width:20px;height:2px;background-color:var(--bg-white);margin:2px auto;transition:all 0.3s ease-in-out}.myz-out .menu-toggle .bar{background-color:var(--text-grey-800)}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booktab-button,.mobile-login{overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.hidden{visibility:hidden}.login{grid-area:login;display:flex;justify-content:flex-end;padding:0 calc(var(--space-unit) * 2)}.login>z-button-deprecated{color:var(--bg-white);fill:var(--bg-white)}.booktab-button>z-button-deprecated{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding:calc(var(--space-unit) * 2) 0px calc(var(--space-unit) * 4) 0px}.link-ext{grid-area:link-ext;overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-ext-span{display:inline-block;width:100%;margin:calc(var(--space-unit) * 0.5) auto;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-ext-span.myz:hover,.link-ext-span.myz:focus{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-ext z-link{font-size:12px;font-weight:var(--font-sb)}.link-int{overflow:hidden;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-int>span{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start}.link-int>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-int>span>.menu-item:hover,.link-int>span>.menu-item:focus{border-radius:0px}.link-int>span>.menu-item>span{white-space:nowrap}.link-int>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.link-int>span:first-child>.menu-item{margin-top:0}.link-int>span>svg{display:none}.link-int>.mobile-dropdown{padding:0 48px}.mobile-login>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;fill:white}.mobile-login>span:focus,.mobile-login>span:hover{background:var(--text-grey-800)}.myz-out .mobile-login>span:focus,.myz-out .mobile-login>span:hover{background:none}.mobile-login>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.myz-out .mobile-login>span>.menu-item{color:var(--text-grey-800)}.mobile-login>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.mobile-login>span>.menu-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-login>span>.menu-item>span>z-icon{padding-right:var(--space-unit);fill:var(--bg-white)}.menu-item>i::before{border-style:solid;border-width:0.12em 0.12em 0 0;content:\" \";display:inline-block;height:0.45em;left:0.16em;position:relative;top:-0.12em;transform:rotate(135deg) scale(1.2);vertical-align:top;width:0.45em;margin-top:2px;margin-left:2px;margin-right:6px;transition:all 0.5s ease}.menu-item.isopen>i::before{top:0.24em;transform:rotate(-45deg) scale(1.2);transition:all 0.5s ease}.mobile-dropdown{background:white;display:block;overflow:hidden;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px;max-height:0px;transition:max-height 0.3s ease}.mobile-dropdown.visible{max-height:100vh;transition:max-height 0.5s ease}@media only screen and (min-width: 768px){header{grid-template-columns:1fr 0.8fr 1.5fr 1.1fr 0.7fr;grid-template-rows:0.2fr auto;grid-template-areas:\"main-header main-header main-header main-header main-header\" \"dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu\";margin-bottom:0}header.myz-out{top:0px;grid-template-rows:1fr}.main-header{display:grid;grid-template-columns:170px auto auto 120px;grid-template-rows:1fr;grid-template-areas:\"logo link-int link-ext login\";grid-area:main-header}.dropdown-menu{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"dropdown-links\";grid-area:dropdown-menu;grid-column-gap:var(--space-unit);background:var(--bg-grey-200);height:32px;visibility:visible;z-index:9;padding-left:160px}.booktab-button,.mobile-header,.mobile-login,.mobile-dropdown,.menu-mobile{display:none}.link-int{grid-area:link-int;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;max-height:46px;margin-top:calc(var(--space-unit) * 0.5)}.link-int>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;width:auto}.link-int>span>.menu-item{width:auto;height:auto;color:var(--bg-white);letter-spacing:0.2px;line-height:14px;font-weight:var(--font-sb);text-decoration:none;outline:none;padding:calc(var(--space-unit) * 1.5)}.link-int>span>svg{display:block}.menu-item>i{display:none}.link-int>span>.menu-item:focus,.link-int>span>.menu-item:hover{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-int>span>.menu-item::-moz-focus-inner{border:0}.link-int>span>.menu-item:focus+svg{visibility:visible}.link-ext{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;max-height:46px}.link-ext-span{width:auto;line-height:14px;margin:var(--space-unit);padding:calc(var(--space-unit) * 0.5) var(--space-unit)}}@media only screen and (min-width: 1152px){.main-header{grid-template-columns:170px auto auto 180px}}";
|
|
10
|
-
|
|
11
|
-
const ZMyzTopbar = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.isMobile = true;
|
|
15
|
-
this.isMenuMobileOpen = false;
|
|
16
|
-
this.intMenuData = [];
|
|
17
|
-
this.extMenuData = [];
|
|
18
|
-
this.isLogged = false;
|
|
19
|
-
}
|
|
20
|
-
activeIntLinkChange(newValue) {
|
|
21
|
-
this.activeMenuItem = this.currentMenuItem = this.intMenuData.find((item) => item.id === newValue);
|
|
22
|
-
}
|
|
23
|
-
handleResize() {
|
|
24
|
-
this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;
|
|
25
|
-
}
|
|
26
|
-
handleZListItemLinkClick() {
|
|
27
|
-
this.isMenuMobileOpen = false;
|
|
28
|
-
}
|
|
29
|
-
handleZListItemClick() {
|
|
30
|
-
this.isMenuMobileOpen = false;
|
|
31
|
-
}
|
|
32
|
-
componentWillLoad() {
|
|
33
|
-
if (this.intlinkdata) {
|
|
34
|
-
this.intMenuData =
|
|
35
|
-
typeof this.intlinkdata === "string"
|
|
36
|
-
? JSON.parse(this.intlinkdata)
|
|
37
|
-
: this.intlinkdata;
|
|
38
|
-
}
|
|
39
|
-
this.activeMenuItem = this.currentMenuItem = this.intMenuData.find((item) => item.id === this.activeintlinkid);
|
|
40
|
-
if (this.extlinkdata) {
|
|
41
|
-
this.extMenuData =
|
|
42
|
-
typeof this.extlinkdata === "string"
|
|
43
|
-
? JSON.parse(this.extlinkdata)
|
|
44
|
-
: this.extlinkdata;
|
|
45
|
-
}
|
|
46
|
-
if (this.userdata) {
|
|
47
|
-
this.userData =
|
|
48
|
-
typeof this.userdata === "string"
|
|
49
|
-
? JSON.parse(this.userdata)
|
|
50
|
-
: this.userdata;
|
|
51
|
-
this.isLogged = this.userData.islogged;
|
|
52
|
-
}
|
|
53
|
-
this.handleResize();
|
|
54
|
-
}
|
|
55
|
-
renderLogoDiv() {
|
|
56
|
-
return (index.h("div", { class: "logo" }, index.h("z-logo", { link: this.logolink ? this.logolink : null, "target-blank": true, width: 144, height: 36, "image-alt": this.imagealt })));
|
|
57
|
-
}
|
|
58
|
-
renderIntMenu(menuItems) {
|
|
59
|
-
if (!this.isLogged || !this.ismyz)
|
|
60
|
-
return;
|
|
61
|
-
return (index.h("div", { id: "link-int", class: "link-int" }, menuItems.map((item) => this.renderIntMenuItem(item))));
|
|
62
|
-
}
|
|
63
|
-
renderIntMenuItem(menuItem) {
|
|
64
|
-
const { id, label, link } = menuItem;
|
|
65
|
-
return (index.h("span", null, index.h("a", { href: link ? link : null, id: id, class: "menu-item", onClick: () => {
|
|
66
|
-
this.activeMenuItem = this.currentMenuItem = menuItem;
|
|
67
|
-
this.activeintlinkid = menuItem.id;
|
|
68
|
-
if (menuItem.subMenu)
|
|
69
|
-
this.handleToggleMobileMenuItem(menuItem.id);
|
|
70
|
-
}, onMouseEnter: () => {
|
|
71
|
-
this.activeMenuItem = menuItem;
|
|
72
|
-
}, onMouseLeave: () => {
|
|
73
|
-
this.activeMenuItem = this.currentMenuItem;
|
|
74
|
-
}, role: link ? "link" : "button", tabindex: this.getIntMenuItemTabindex(menuItem) }, index.h("span", null, label), menuItem.subMenu ? index.h("i", null) : null), index.h("svg", { height: "8", width: "16", class: {
|
|
75
|
-
hidden: !this.activeMenuItem || this.activeMenuItem.id !== id,
|
|
76
|
-
} }, index.h("polygon", { points: "8,0 16,8 0,8", class: "arrow" })), this.isMobile && this.renderMenuItemsData(menuItem)));
|
|
77
|
-
}
|
|
78
|
-
getIntMenuItemTabindex(item) {
|
|
79
|
-
return this.intMenuData.indexOf(item) + 1;
|
|
80
|
-
}
|
|
81
|
-
handleToggleMobileMenuItem(elementId) {
|
|
82
|
-
if (!this.isMobile)
|
|
83
|
-
return;
|
|
84
|
-
this.element.shadowRoot
|
|
85
|
-
.querySelector(`#${elementId}`)
|
|
86
|
-
.classList.toggle("isopen");
|
|
87
|
-
this.element.shadowRoot
|
|
88
|
-
.querySelector("#mobile-dropdown-" + elementId)
|
|
89
|
-
.classList.toggle("visible");
|
|
90
|
-
}
|
|
91
|
-
renderMenuItemsData(menuItem) {
|
|
92
|
-
if (!menuItem.subMenu)
|
|
93
|
-
return null;
|
|
94
|
-
const listItems = menuItem.subMenu.map((item) => {
|
|
95
|
-
return {
|
|
96
|
-
id: item.id,
|
|
97
|
-
text: item.label,
|
|
98
|
-
link: item.link,
|
|
99
|
-
listitemid: item.id,
|
|
100
|
-
};
|
|
101
|
-
});
|
|
102
|
-
return this.renderMobileSubMenu(listItems, menuItem.id);
|
|
103
|
-
}
|
|
104
|
-
renderMobileSubMenu(menuItems, id) {
|
|
105
|
-
return (index.h("span", { class: "mobile-dropdown", id: id ? `mobile-dropdown-${id}` : "" }, index.h("z-myz-list", { list: menuItems })));
|
|
106
|
-
}
|
|
107
|
-
renderSubMenu(menuItem) {
|
|
108
|
-
if (!this.ismyz || !this.isLogged)
|
|
109
|
-
return;
|
|
110
|
-
if (!menuItem || !menuItem["subMenu"]) {
|
|
111
|
-
return index.h("div", { id: "dropdown-menu", class: `dropdown-menu hidden` });
|
|
112
|
-
}
|
|
113
|
-
return (index.h("div", { id: "dropdown-menu", class: `dropdown-menu` }, index.h("ul", { class: "dropdown-links" }, menuItem.subMenu.map((item) => (index.h("li", null, index.h("a", { id: item.id, class: item.id === this.activesublinkid ? "active" : "", href: item.link ? item.link : null, role: item.link ? "link" : "button", tabindex: this.getIntMenuItemTabindex(menuItem) }, item.label)))))));
|
|
114
|
-
}
|
|
115
|
-
renderExtLinksIcons(icon) {
|
|
116
|
-
const width = window.innerWidth > 0 ? window.innerWidth : screen.width;
|
|
117
|
-
const hideIcons = width > breakpoints.mobileBreakpoint && width < breakpoints.tabletBreakpoint;
|
|
118
|
-
return !hideIcons && { icon };
|
|
119
|
-
}
|
|
120
|
-
renderExtMenu(menuItems) {
|
|
121
|
-
if (!this.isLogged)
|
|
122
|
-
return index.h("div", null);
|
|
123
|
-
return (index.h("div", { id: "link-ext", class: "link-ext" }, menuItems.map((menuItem) => {
|
|
124
|
-
const { id, label, link, icon } = menuItem;
|
|
125
|
-
return (index.h("span", { class: `link-ext-span${this.ismyz ? " myz" : ""}` }, index.h("z-link", Object.assign({ id: id, htmlid: id, href: link, iswhite: !!this.ismyz, target: "_blank", htmltabindex: 10 }, this.renderExtLinksIcons(icon)), label)));
|
|
126
|
-
})));
|
|
127
|
-
}
|
|
128
|
-
renderLoginDiv(userData) {
|
|
129
|
-
return (index.h("div", { class: "login" }, this.isLogged ? (index.h("z-menu-dropdown", { nomeutente: userData.name, menucontent: JSON.stringify(userData.userlinks) })) : (this.renderLoginButton())));
|
|
130
|
-
}
|
|
131
|
-
renderLoginButton() {
|
|
132
|
-
if (this.hideloginbutton) {
|
|
133
|
-
return;
|
|
134
|
-
}
|
|
135
|
-
return (index.h("z-button-deprecated", { htmlid: "login-button", variant: this.ismyz ? index$1.ButtonVariantEnum.secondary : index$1.ButtonVariantEnum.tertiary, icon: "login", issmall: true }, "entra"));
|
|
136
|
-
}
|
|
137
|
-
renderMobileLoginDiv(userData) {
|
|
138
|
-
return (index.h("div", { id: "mobile-login", class: "mobile-login" }, index.h("span", null, index.h("a", { class: "menu-item", id: "user-data", onClick: () => this.handleToggleMobileMenuItem("user-data"), role: "button" }, index.h("span", null, index.h("z-icon", { name: "user-avatar", height: 16, width: 16 }), userData.name), index.h("i", null)), this.renderUserData(userData))));
|
|
139
|
-
}
|
|
140
|
-
renderUserData(userData) {
|
|
141
|
-
if (this.isMobile && !userData)
|
|
142
|
-
return null;
|
|
143
|
-
const listItems = userData.userlinks.map((item) => {
|
|
144
|
-
return {
|
|
145
|
-
text: item.label,
|
|
146
|
-
link: item.link,
|
|
147
|
-
icon: item.icon,
|
|
148
|
-
listitemid: item.id,
|
|
149
|
-
};
|
|
150
|
-
});
|
|
151
|
-
return this.renderMobileSubMenu(listItems, "user-data");
|
|
152
|
-
}
|
|
153
|
-
renderDesktopHeader() {
|
|
154
|
-
return (index.h("header", { class: !this.ismyz ? "myz-out" : "" }, this.renderMainHeader(), this.renderSubMenu(this.activeMenuItem)));
|
|
155
|
-
}
|
|
156
|
-
renderMainHeader() {
|
|
157
|
-
return (index.h("div", { id: "main-header", class: {
|
|
158
|
-
"main-header": true,
|
|
159
|
-
"myz-out": !this.ismyz,
|
|
160
|
-
} }, this.renderLogoDiv(), this.renderIntMenu(this.intMenuData), this.renderExtMenu(this.extMenuData), this.renderLoginDiv(this.userData)));
|
|
161
|
-
}
|
|
162
|
-
renderMobileHeader() {
|
|
163
|
-
return (index.h("header", null, this.renderMobileMenu(), this.renderMobileMenuContent()));
|
|
164
|
-
}
|
|
165
|
-
renderMobileMenu() {
|
|
166
|
-
return (index.h("div", { id: "mobile-header", class: `mobile-header${this.ismyz ? "" : " myz-out"}` }, this.renderLogoDiv(), this.renderMobileMenuToggle()));
|
|
167
|
-
}
|
|
168
|
-
renderMobileMenuToggle() {
|
|
169
|
-
if (!this.isLogged)
|
|
170
|
-
return this.renderLoginButton();
|
|
171
|
-
return (index.h("div", { class: "menu-mobile", id: "mobile-menu-wrapper", onClick: () => (this.isMenuMobileOpen = !this.isMenuMobileOpen) }, index.h("div", { class: `menu-toggle${this.isMenuMobileOpen ? " is-active" : ""}`, id: "mobile-menu" }, index.h("span", { class: "bar" }), index.h("span", { class: "bar" }), index.h("span", { class: "bar" })), index.h("span", null, "Menu")));
|
|
172
|
-
}
|
|
173
|
-
renderMobileMenuContent() {
|
|
174
|
-
if (!this.isLogged)
|
|
175
|
-
return null;
|
|
176
|
-
return (index.h("div", { id: "mobile-content", class: {
|
|
177
|
-
"mobile-content": true,
|
|
178
|
-
open: this.isMenuMobileOpen,
|
|
179
|
-
"myz-out": !this.ismyz,
|
|
180
|
-
} }, this.renderMobileLoginDiv(this.userData), this.ismyz && index.h("hr", null), this.renderIntMenu(this.intMenuData), index.h("hr", null), this.renderExtMenu(this.extMenuData)));
|
|
181
|
-
}
|
|
182
|
-
render() {
|
|
183
|
-
return this.isMobile
|
|
184
|
-
? this.renderMobileHeader()
|
|
185
|
-
: this.renderDesktopHeader();
|
|
186
|
-
}
|
|
187
|
-
get element() { return index.getElement(this); }
|
|
188
|
-
static get watchers() { return {
|
|
189
|
-
"activeintlinkid": ["activeIntLinkChange"]
|
|
190
|
-
}; }
|
|
191
|
-
};
|
|
192
|
-
ZMyzTopbar.style = stylesCss;
|
|
193
|
-
|
|
194
|
-
exports.z_myz_topbar = ZMyzTopbar;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-9ca7d5e5.js');
|
|
6
|
-
const index$1 = require('./index-9c6fd1db.js');
|
|
7
|
-
const icons = require('./icons-2aca6c75.js');
|
|
8
|
-
|
|
9
|
-
const navigationTabCss = "z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentColor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{content:\"\";position:absolute;background-color:var(--color-hover-secondary)}z-navigation-tab[orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab[orientation=\"horizontal\"][selected]>*::after,z-navigation-tab-link[orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation=\"horizontal\"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation=\"horizontal\"] z-icon,z-navigation-tab-link[orientation=\"horizontal\"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}z-navigation-tab[size=\"small\"]>*,z-navigation-tab-link[size=\"small\"]>*{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}z-navigation-tab[size=\"small\"][orientation=\"horizontal\"]>*,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab[size=\"small\"][orientation=\"horizontal\"][selected]>*::after,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]:hover>*::after,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size=\"small\"]:not([orientation=\"vertical\"]) z-icon,z-navigation-tab-link[size=\"small\"]:not([orientation=\"vertical\"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation=\"vertical\"]>*,z-navigation-tab-link[orientation=\"vertical\"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation=\"vertical\"]:hover:not([disabled])>*::after,z-navigation-tab[orientation=\"vertical\"][selected]>*::after,z-navigation-tab-link[orientation=\"vertical\"]:hover>*::after,z-navigation-tab-link[orientation=\"vertical\"][selected]>*::after{width:var(--border-size-large);height:100%;top:0;right:0}";
|
|
10
|
-
|
|
11
|
-
const ZNavigationTabLink = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.selectedEvent = index.createEvent(this, "selected", 7);
|
|
15
|
-
/**
|
|
16
|
-
* Whether the tab is selected.
|
|
17
|
-
*/
|
|
18
|
-
this.selected = false;
|
|
19
|
-
/**
|
|
20
|
-
* Whether the tab is disabled.
|
|
21
|
-
*/
|
|
22
|
-
this.disabled = false;
|
|
23
|
-
/**
|
|
24
|
-
* Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
|
|
25
|
-
*/
|
|
26
|
-
this.orientation = index$1.NavigationTabsOrientations.horizontal;
|
|
27
|
-
/**
|
|
28
|
-
* Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
|
|
29
|
-
*/
|
|
30
|
-
this.size = index$1.NavigationTabsSizes.big;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Scroll into view to center the tab.
|
|
34
|
-
*/
|
|
35
|
-
scrollToTab({ target: button }) {
|
|
36
|
-
const scrollOptions = this.orientation === index$1.NavigationTabsOrientations.horizontal ?
|
|
37
|
-
{ block: "nearest", inline: "center" } :
|
|
38
|
-
{ block: "center", inline: "nearest" };
|
|
39
|
-
button.scrollIntoView(Object.assign({ behavior: "smooth" }, scrollOptions));
|
|
40
|
-
}
|
|
41
|
-
onClick() {
|
|
42
|
-
this.selected = true;
|
|
43
|
-
}
|
|
44
|
-
onSelected() {
|
|
45
|
-
if (this.selected) {
|
|
46
|
-
this.selectedEvent.emit();
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* Render the icon component using the icon's name passed from prop.
|
|
51
|
-
* Use the `filled` version when the tab is `selected`.
|
|
52
|
-
* @returns {HTMLElement}
|
|
53
|
-
*/
|
|
54
|
-
renderIcon() {
|
|
55
|
-
let icon = this.icon;
|
|
56
|
-
const iconFilled = `${icon.replace(/-filled$/, '')}-filled`;
|
|
57
|
-
if (this.selected && Object.keys(icons.icons).includes(iconFilled)) {
|
|
58
|
-
icon = iconFilled;
|
|
59
|
-
}
|
|
60
|
-
return index.h("z-icon", { name: icon });
|
|
61
|
-
}
|
|
62
|
-
render() {
|
|
63
|
-
return (index.h("a", { role: "tab", href: !this.disabled && this.href, title: this.htmlTitle, target: this.target, onFocus: this.scrollToTab.bind(this) }, this.icon && this.renderIcon(), this.orientation === "horizontal" && this.label));
|
|
64
|
-
}
|
|
65
|
-
static get watchers() { return {
|
|
66
|
-
"selected": ["onSelected"]
|
|
67
|
-
}; }
|
|
68
|
-
};
|
|
69
|
-
ZNavigationTabLink.style = navigationTabCss;
|
|
70
|
-
|
|
71
|
-
exports.z_navigation_tab_link = ZNavigationTabLink;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-9ca7d5e5.js');
|
|
6
|
-
const index$1 = require('./index-9c6fd1db.js');
|
|
7
|
-
const icons = require('./icons-2aca6c75.js');
|
|
8
|
-
|
|
9
|
-
const navigationTabCss = "z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentColor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{content:\"\";position:absolute;background-color:var(--color-hover-secondary)}z-navigation-tab[orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab[orientation=\"horizontal\"][selected]>*::after,z-navigation-tab-link[orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation=\"horizontal\"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation=\"horizontal\"] z-icon,z-navigation-tab-link[orientation=\"horizontal\"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}z-navigation-tab[size=\"small\"]>*,z-navigation-tab-link[size=\"small\"]>*{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}z-navigation-tab[size=\"small\"][orientation=\"horizontal\"]>*,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab[size=\"small\"][orientation=\"horizontal\"][selected]>*::after,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]:hover>*::after,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size=\"small\"]:not([orientation=\"vertical\"]) z-icon,z-navigation-tab-link[size=\"small\"]:not([orientation=\"vertical\"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation=\"vertical\"]>*,z-navigation-tab-link[orientation=\"vertical\"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation=\"vertical\"]:hover:not([disabled])>*::after,z-navigation-tab[orientation=\"vertical\"][selected]>*::after,z-navigation-tab-link[orientation=\"vertical\"]:hover>*::after,z-navigation-tab-link[orientation=\"vertical\"][selected]>*::after{width:var(--border-size-large);height:100%;top:0;right:0}";
|
|
10
|
-
|
|
11
|
-
const ZNavigationTab = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.selectedEvent = index.createEvent(this, "selected", 7);
|
|
15
|
-
/**
|
|
16
|
-
* Whether the tab is selected.
|
|
17
|
-
*/
|
|
18
|
-
this.selected = false;
|
|
19
|
-
/**
|
|
20
|
-
* Whether the tab is disabled.
|
|
21
|
-
*/
|
|
22
|
-
this.disabled = false;
|
|
23
|
-
/**
|
|
24
|
-
* Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
|
|
25
|
-
*/
|
|
26
|
-
this.orientation = index$1.NavigationTabsOrientations.horizontal;
|
|
27
|
-
/**
|
|
28
|
-
* Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
|
|
29
|
-
*/
|
|
30
|
-
this.size = index$1.NavigationTabsSizes.big;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Scroll into view to center the tab.
|
|
34
|
-
*/
|
|
35
|
-
scrollToTab({ target: button }) {
|
|
36
|
-
const scrollOptions = this.orientation === index$1.NavigationTabsOrientations.horizontal ?
|
|
37
|
-
{ block: "nearest", inline: "center" } :
|
|
38
|
-
{ block: "center", inline: "nearest" };
|
|
39
|
-
button.scrollIntoView(Object.assign({ behavior: "smooth" }, scrollOptions));
|
|
40
|
-
}
|
|
41
|
-
onClick() {
|
|
42
|
-
if (!this.disabled) {
|
|
43
|
-
this.selected = true;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
onSelected() {
|
|
47
|
-
if (this.selected) {
|
|
48
|
-
this.selectedEvent.emit();
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
/**
|
|
52
|
-
* Render the icon component using the icon's name passed from prop.
|
|
53
|
-
* Use the `filled` version when the tab is `selected`.
|
|
54
|
-
* @returns {HTMLElement}
|
|
55
|
-
*/
|
|
56
|
-
renderIcon() {
|
|
57
|
-
let icon = this.icon;
|
|
58
|
-
const iconFilled = `${icon.replace(/-filled$/, '')}-filled`;
|
|
59
|
-
if (this.selected && Object.keys(icons.icons).includes(iconFilled)) {
|
|
60
|
-
icon = iconFilled;
|
|
61
|
-
}
|
|
62
|
-
return index.h("z-icon", { name: icon });
|
|
63
|
-
}
|
|
64
|
-
render() {
|
|
65
|
-
return (index.h("button", { role: "tab", disabled: this.disabled, title: this.htmlTitle, onFocus: this.scrollToTab.bind(this) }, this.icon && this.renderIcon(), this.orientation === "horizontal" && this.label));
|
|
66
|
-
}
|
|
67
|
-
static get watchers() { return {
|
|
68
|
-
"selected": ["onSelected"]
|
|
69
|
-
}; }
|
|
70
|
-
};
|
|
71
|
-
ZNavigationTab.style = navigationTabCss;
|
|
72
|
-
|
|
73
|
-
exports.z_navigation_tab = ZNavigationTab;
|