@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,128 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-b3a91e19.js';
|
|
2
|
-
import { c as classnames } from './index-abb47b30.js';
|
|
3
|
-
import { P as PopoverPosition, G as PopoverBorderRadius, H as PopoverShadow, F as KeyboardKeys } from './index-654849a7.js';
|
|
4
|
-
import { a as getElementTree } from './utils-417652d9.js';
|
|
5
|
-
import './_commonjsHelpers-9943807e.js';
|
|
6
|
-
import './breakpoints-e07f80e7.js';
|
|
7
|
-
|
|
8
|
-
const stylesCss = ".sc-z-popover-h{font-family:var(--dashboard-font);font-weight:var(--font-rg);position:relative;display:inline-block;--shadow-arrow-color:rgba(66, 69, 72, 0.2);--shadow-arrow-below-color:rgba(66, 69, 72, 0.1)}.popover-content-container.sc-z-popover{box-sizing:border-box;visibility:hidden;position:absolute;min-width:64px;min-height:32px;z-index:999}.popover-content-container.visible.sc-z-popover{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover{left:0;top:calc(100% + var(--space-unit))}.popover-content-container.below-center.sc-z-popover{left:50%;top:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover{right:0;top:calc(100% + var(--space-unit))}.popover-content-container.before-down.sc-z-popover{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover{bottom:0;right:calc(100% + var(--space-unit))}.popover-content-container.above-right.sc-z-popover{left:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.above-center.sc-z-popover{left:50%;bottom:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover:before{display:none;position:absolute;content:\"\";width:8px;height:8px;z-index:-1;background-color:inherit;transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover:before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover:before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover:before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover:before{left:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover:before{left:calc(50% - 4px);top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover:before{right:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover:before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover:before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover:before{bottom:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover:before{left:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover:before{left:calc(50% - 4px);bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover:before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover:before{display:block}";
|
|
9
|
-
|
|
10
|
-
const ZPopover = class {
|
|
11
|
-
/**
|
|
12
|
-
* Constructor.
|
|
13
|
-
*/
|
|
14
|
-
constructor(hostRef) {
|
|
15
|
-
registerInstance(this, hostRef);
|
|
16
|
-
this.triggerClick = createEvent(this, "triggerClick", 7);
|
|
17
|
-
/** [optional] Popover position */
|
|
18
|
-
this.position = PopoverPosition["after-up"];
|
|
19
|
-
/** [optional] Background color token for popover */
|
|
20
|
-
this.backgroundColor = "color-white";
|
|
21
|
-
/** [optional] Border radius token for popover */
|
|
22
|
-
this.borderRadius = PopoverBorderRadius.small;
|
|
23
|
-
/** [optional] Box shadow token for popover */
|
|
24
|
-
this.boxShadow = PopoverShadow["shadow-1"];
|
|
25
|
-
/** [optional] Show or hide arrow */
|
|
26
|
-
this.showArrow = false;
|
|
27
|
-
/** [optional] Sets padding for Popover container */
|
|
28
|
-
this.padding = "8px";
|
|
29
|
-
this.isVisible = false;
|
|
30
|
-
this.popoverPosition = this.position;
|
|
31
|
-
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
32
|
-
}
|
|
33
|
-
emitTriggerClick() {
|
|
34
|
-
this.triggerClick.emit({
|
|
35
|
-
isVisible: this.isVisible,
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
openPopover() {
|
|
39
|
-
const width = document.body.clientWidth;
|
|
40
|
-
const height = window.innerHeight;
|
|
41
|
-
const rect = this.popoverElem.getBoundingClientRect();
|
|
42
|
-
const l = rect.left;
|
|
43
|
-
const r = rect.right;
|
|
44
|
-
const t = rect.top;
|
|
45
|
-
const b = rect.bottom;
|
|
46
|
-
let firstSide = this.position.split("-")[0];
|
|
47
|
-
let secondSide = this.position.split("-")[1];
|
|
48
|
-
// If top is outside viewport
|
|
49
|
-
if (t < 0) {
|
|
50
|
-
if (this.position.startsWith("above")) {
|
|
51
|
-
firstSide = "below";
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
secondSide = "down";
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
// If bottom is outside viewport
|
|
58
|
-
if (b > height) {
|
|
59
|
-
if (this.position.startsWith("below")) {
|
|
60
|
-
firstSide = "above";
|
|
61
|
-
}
|
|
62
|
-
else {
|
|
63
|
-
secondSide = "up";
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
// If right is outside viewport
|
|
67
|
-
if (r > width) {
|
|
68
|
-
if (this.position.startsWith("above") ||
|
|
69
|
-
this.position.startsWith("below")) {
|
|
70
|
-
secondSide = "left";
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
firstSide = "before";
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
// If left is outside viewport
|
|
77
|
-
if (l < 0) {
|
|
78
|
-
if (this.position.startsWith("above") ||
|
|
79
|
-
this.position.startsWith("below")) {
|
|
80
|
-
secondSide = "right";
|
|
81
|
-
}
|
|
82
|
-
else {
|
|
83
|
-
firstSide = "after";
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
this.popoverPosition = PopoverPosition[`${firstSide}-${secondSide}`];
|
|
87
|
-
this.isVisible = true;
|
|
88
|
-
}
|
|
89
|
-
closePopover() {
|
|
90
|
-
this.popoverPosition = this.position;
|
|
91
|
-
this.isVisible = false;
|
|
92
|
-
}
|
|
93
|
-
closePopoverWithKeyboard(e) {
|
|
94
|
-
if (e.key === KeyboardKeys.ESC) {
|
|
95
|
-
this.closePopover();
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
handleClick(event) {
|
|
99
|
-
this.isVisible ? this.closePopover() : this.openPopover();
|
|
100
|
-
this.emitTriggerClick();
|
|
101
|
-
event.stopPropagation();
|
|
102
|
-
}
|
|
103
|
-
handleKeyDown(event) {
|
|
104
|
-
if (event.code === KeyboardKeys.ENTER) {
|
|
105
|
-
this.isVisible ? this.closePopover() : this.openPopover();
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
handleOutsideClick(e) {
|
|
109
|
-
const tree = getElementTree(e.target);
|
|
110
|
-
const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
|
|
111
|
-
if (!parent) {
|
|
112
|
-
this.closePopover();
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
render() {
|
|
116
|
-
return (h(Host, { onKeyDown: this.handleKeyDown }, h("div", { tabindex: "0", onClick: (event) => this.handleClick(event), onKeyDown: (event) => {
|
|
117
|
-
if (event.key === KeyboardKeys.ENTER) {
|
|
118
|
-
this.handleClick(event);
|
|
119
|
-
}
|
|
120
|
-
} }, h("slot", { name: "trigger" })), h("div", { ref: (e) => (this.popoverElem = e), class: classnames("popover-content-container", this.popoverPosition, `border-radius-${this.borderRadius}`, this.boxShadow, { "show-arrow": this.showArrow }, { visible: this.isVisible }), style: {
|
|
121
|
-
backgroundColor: `var(--${this.backgroundColor})`,
|
|
122
|
-
padding: this.padding,
|
|
123
|
-
} }, h("slot", { name: "popover" }))));
|
|
124
|
-
}
|
|
125
|
-
};
|
|
126
|
-
ZPopover.style = stylesCss;
|
|
127
|
-
|
|
128
|
-
export { ZPopover as z_popover };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, a as getElement } from './index-b3a91e19.js';
|
|
2
|
-
import { r as ZSectionTitleDividerPositions, k as DividerSize } from './index-654849a7.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = ":host{--z-section-title--divider-color:var(--red500);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot=\"secondary-title\"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);text-transform:uppercase;font-size:var(--font-size-3);line-height:1.5rem}::slotted([slot=\"primary-title\"]){font-size:var(--font-size-6);line-height:2rem}:host([uppercase]) ::slotted([slot=\"primary-title\"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot=\"primary-title\"]){font-size:var(--font-size-7);line-height:2.25rem}}";
|
|
5
|
-
|
|
6
|
-
const ZSectionTitle = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
/**
|
|
10
|
-
* Divider position for the primary title.
|
|
11
|
-
* This prop only works if the secondary title is not set.
|
|
12
|
-
*/
|
|
13
|
-
this.dividerPosition = ZSectionTitleDividerPositions.before;
|
|
14
|
-
/**
|
|
15
|
-
* Whether the primary title text is uppercase.
|
|
16
|
-
*/
|
|
17
|
-
this.uppercase = true;
|
|
18
|
-
}
|
|
19
|
-
componentWillRender() {
|
|
20
|
-
this.hasSecondaryTitle = !!this.host.querySelector("[slot=secondary-title]");
|
|
21
|
-
}
|
|
22
|
-
render() {
|
|
23
|
-
return [
|
|
24
|
-
h("slot", { name: "secondary-title" }),
|
|
25
|
-
!this.hasSecondaryTitle &&
|
|
26
|
-
this.dividerPosition == ZSectionTitleDividerPositions.before &&
|
|
27
|
-
h("z-divider", { size: DividerSize.large, color: "z-section-title--divider-color" }),
|
|
28
|
-
h("slot", { name: "primary-title" }),
|
|
29
|
-
!this.hasSecondaryTitle &&
|
|
30
|
-
this.dividerPosition == ZSectionTitleDividerPositions.after &&
|
|
31
|
-
h("z-divider", { size: DividerSize.large, color: "z-section-title--divider-color" }),
|
|
32
|
-
];
|
|
33
|
-
}
|
|
34
|
-
get host() { return getElement(this); }
|
|
35
|
-
};
|
|
36
|
-
ZSectionTitle.style = stylesCss;
|
|
37
|
-
|
|
38
|
-
export { ZSectionTitle as z_section_title };
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, a as getElement } from './index-b3a91e19.js';
|
|
2
|
-
import { a as getElementTree, h as handleKeyboardSubmit } from './utils-417652d9.js';
|
|
3
|
-
import { T as ThemeVariant } from './index-654849a7.js';
|
|
4
|
-
import './breakpoints-e07f80e7.js';
|
|
5
|
-
|
|
6
|
-
const stylesCss = ".sc-z-skip-to-content-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:absolute;left:-100%;background-color:#24f4ff;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);height:60px;box-sizing:border-box}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:block;text-align:center}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{height:0;width:0;overflow:hidden}.sc-z-skip-to-content-h>z-link.link-visible.sc-z-skip-to-content{height:initial;width:initial}.dark.sc-z-skip-to-content-h{background-color:var(--bg-grey-800);color:var(--color-white)}.light.sc-z-skip-to-content-h{background-color:var(--bg-white);color:var(--text-grey-800);border:2px solid var(--text-grey-800)}@media (min-width: 768px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{text-align:left}}@media (min-width: 1152px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:inline-block;padding:0 calc(var(--space-unit) * 3);border-right:1px solid var(--bg-grey-800)}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{height:initial;width:initial;overflow:initial}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child{border-right:none;padding-right:0}.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{border-right:1px solid var(--bg-white)}}";
|
|
7
|
-
|
|
8
|
-
const ZSkipToContent = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
/** Array to fill link into skip-content */
|
|
12
|
-
this.links = [];
|
|
13
|
-
this.visible = false;
|
|
14
|
-
this.visibleLink = "";
|
|
15
|
-
}
|
|
16
|
-
handleFocusOutSkipToContent(e) {
|
|
17
|
-
if (this.isInSkipToContent(e.target))
|
|
18
|
-
this.visible = false;
|
|
19
|
-
}
|
|
20
|
-
handleFocusSkipToContent(e) {
|
|
21
|
-
if (this.isInSkipToContent(e.target))
|
|
22
|
-
this.visible = true;
|
|
23
|
-
}
|
|
24
|
-
componentDidLoad() {
|
|
25
|
-
this.showFirstChild();
|
|
26
|
-
}
|
|
27
|
-
componentWillRender() {
|
|
28
|
-
if (this.links) {
|
|
29
|
-
this.links =
|
|
30
|
-
typeof this.links === "string" ? JSON.parse(this.links) : this.links;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
isInSkipToContent(elem) {
|
|
34
|
-
const tree = getElementTree(elem);
|
|
35
|
-
const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-skip-to-content");
|
|
36
|
-
if (menuParent)
|
|
37
|
-
return true;
|
|
38
|
-
return false;
|
|
39
|
-
}
|
|
40
|
-
getFirstChild() {
|
|
41
|
-
const children = this.hostElement.children;
|
|
42
|
-
if (children.length)
|
|
43
|
-
return children[0];
|
|
44
|
-
return false;
|
|
45
|
-
}
|
|
46
|
-
showFirstChild() {
|
|
47
|
-
const firstChild = this.getFirstChild();
|
|
48
|
-
if (firstChild)
|
|
49
|
-
this.visibleLink = firstChild.id;
|
|
50
|
-
}
|
|
51
|
-
handleLinkClick() {
|
|
52
|
-
this.visible = false;
|
|
53
|
-
}
|
|
54
|
-
render() {
|
|
55
|
-
return (h(Host, { class: `${this.variant} ${this.visible && "skip-to-content-visible"} `, ref: (el) => el }, this.links.map((link, i) => {
|
|
56
|
-
const id = `skip-to-content-${i}`;
|
|
57
|
-
return (h("z-link", { id: id, underline: true, "aria-label": link.ariaLabel || link.label, class: `body-1-sb ${id == this.visibleLink ? "link-visible" : "link-invisible"}`, href: link.href, textcolor: this.variant === ThemeVariant.dark ? "white" : "black", onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label));
|
|
58
|
-
})));
|
|
59
|
-
}
|
|
60
|
-
get hostElement() { return getElement(this); }
|
|
61
|
-
};
|
|
62
|
-
ZSkipToContent.style = stylesCss;
|
|
63
|
-
|
|
64
|
-
export { ZSkipToContent as z_skip_to_content };
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, a as getElement } from './index-b3a91e19.js';
|
|
2
|
-
import { D as DeviceEnum } from './index-654849a7.js';
|
|
3
|
-
import { c as convertJson, g as getDevice, h as handleKeyboardSubmit } from './utils-417652d9.js';
|
|
4
|
-
import './breakpoints-e07f80e7.js';
|
|
5
|
-
|
|
6
|
-
const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:inherit}:host>div{display:flex;flex-direction:column;width:inherit}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;top:50%;width:auto;cursor:pointer;transition:0.6s ease;margin:0 var(--space-unit);fill:var(--color-primary01);z-index:10}main .scroll.disabled{opacity:50%;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;transition:all 300ms;line-height:0px;overflow-y:hidden}footer{height:56px;width:100%;align-items:center;display:grid;grid-template-columns:2;grid-template-rows:2;grid-template-areas:\"center center\" \"left right\";border-top:var(--border-base) solid var(--color-surface02)}footer>div{align-items:center;width:100%}footer .footerCenter{grid-area:center}footer .footerLeft{grid-area:left}footer .footerRight{grid-area:right}footer .bulletContainer{display:flex;margin:0 auto;justify-content:center;align-items:center;min-height:60px}footer .bulletContainer .bullet{width:8px;height:8px;border-radius:50%;background-color:var(--bg-neutral-150);margin:var(--space-unit) 2px;pointer-events:none}footer .bulletContainer .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1;grid-template-areas:\"left center right\";height:76px;border-top:var(--border-base) solid var(--color-surface02)}footer .bulletContainer .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bulletContainer .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);pointer-events:auto;cursor:pointer}}";
|
|
7
|
-
|
|
8
|
-
const ZSlideshow = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.currentSlide = 0;
|
|
12
|
-
}
|
|
13
|
-
watchData() {
|
|
14
|
-
this.parseLinks();
|
|
15
|
-
}
|
|
16
|
-
componentWillLoad() {
|
|
17
|
-
this.parseLinks();
|
|
18
|
-
this.setDevice();
|
|
19
|
-
window.addEventListener("resize", this.handleResize.bind(this));
|
|
20
|
-
}
|
|
21
|
-
componentDidRender() {
|
|
22
|
-
this.setStyle();
|
|
23
|
-
}
|
|
24
|
-
handleResize() {
|
|
25
|
-
this.setDevice();
|
|
26
|
-
this.setStyle();
|
|
27
|
-
}
|
|
28
|
-
parseLinks() {
|
|
29
|
-
var _a;
|
|
30
|
-
switch (typeof this.data) {
|
|
31
|
-
case "string":
|
|
32
|
-
return (this.links = (_a = convertJson(this.data)) !== null && _a !== void 0 ? _a : []);
|
|
33
|
-
default:
|
|
34
|
-
return (this.links = this.data);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
setStyle() {
|
|
38
|
-
const refSlides = this.el.shadowRoot.querySelector("#slides");
|
|
39
|
-
if (!refSlides)
|
|
40
|
-
return;
|
|
41
|
-
const allImages = this.el.shadowRoot.querySelectorAll(".slide");
|
|
42
|
-
const width = this.el.offsetWidth;
|
|
43
|
-
const fullwidth = width * this.links.length;
|
|
44
|
-
refSlides.style.width = `${fullwidth}px`;
|
|
45
|
-
refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;
|
|
46
|
-
allImages.forEach((item) => {
|
|
47
|
-
const img = item.querySelector("img");
|
|
48
|
-
img.style.width = `${width}px`;
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
setDevice() {
|
|
52
|
-
this.device = getDevice();
|
|
53
|
-
}
|
|
54
|
-
setCurrentSlide(index) {
|
|
55
|
-
this.currentSlide = index;
|
|
56
|
-
}
|
|
57
|
-
getBulletDimension() {
|
|
58
|
-
switch (this.device) {
|
|
59
|
-
case DeviceEnum.mobile:
|
|
60
|
-
return 24;
|
|
61
|
-
case DeviceEnum.tablet:
|
|
62
|
-
return 32;
|
|
63
|
-
default:
|
|
64
|
-
return 40;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
renderSlides(items) {
|
|
68
|
-
return (h("div", { id: "slides" }, items.map((item, i) => (h("div", { id: "slide" + i, class: `slide ${this.currentSlide !== i && "hide"}` }, h("img", { src: item }))))));
|
|
69
|
-
}
|
|
70
|
-
renderScroll(direction) {
|
|
71
|
-
let disabled = false, nextSlide = this.currentSlide;
|
|
72
|
-
if (direction === "left") {
|
|
73
|
-
disabled = this.currentSlide === 0;
|
|
74
|
-
nextSlide--;
|
|
75
|
-
}
|
|
76
|
-
else if (direction === "right") {
|
|
77
|
-
disabled = this.currentSlide === this.links.length - 1;
|
|
78
|
-
nextSlide++;
|
|
79
|
-
}
|
|
80
|
-
return (h("z-icon", { class: `scroll ${direction} ${disabled && "disabled"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {
|
|
81
|
-
!disabled && this.setCurrentSlide(nextSlide);
|
|
82
|
-
}, onKeyUp: (e) => !disabled &&
|
|
83
|
-
handleKeyboardSubmit(e, () => {
|
|
84
|
-
this.setCurrentSlide(nextSlide);
|
|
85
|
-
}), tabindex: 0, role: "button" }));
|
|
86
|
-
}
|
|
87
|
-
renderSlideshowMain() {
|
|
88
|
-
return (h("main", null, this.renderScroll("left"), this.renderSlides(this.links), this.renderScroll("right")));
|
|
89
|
-
}
|
|
90
|
-
renderBullet(i) {
|
|
91
|
-
return (h("a", { class: `bullet ${this.currentSlide === i && "selected"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: "button" }));
|
|
92
|
-
}
|
|
93
|
-
renderSlideshowFooter() {
|
|
94
|
-
return (h("footer", null, h("div", { class: "footerLeft" }, h("slot", { name: "footer-left" })), h("div", { class: "footerCenter" }, h("div", { class: "bulletContainer" }, Object.keys(this.links).map(i => this.renderBullet(parseInt(i))))), h("div", { class: "footerRight" }, h("slot", { name: "footer-right" }))));
|
|
95
|
-
}
|
|
96
|
-
render() {
|
|
97
|
-
if (!this.links || !this.links.length)
|
|
98
|
-
return h("div", null);
|
|
99
|
-
return (h("div", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));
|
|
100
|
-
}
|
|
101
|
-
get el() { return getElement(this); }
|
|
102
|
-
static get watchers() { return {
|
|
103
|
-
"data": ["watchData"]
|
|
104
|
-
}; }
|
|
105
|
-
};
|
|
106
|
-
ZSlideshow.style = stylesCss;
|
|
107
|
-
|
|
108
|
-
export { ZSlideshow as z_slideshow };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-b3a91e19.js';
|
|
2
|
-
import { S as StatusTagStatus } from './index-654849a7.js';
|
|
3
|
-
import { c as classnames } from './index-abb47b30.js';
|
|
4
|
-
import './_commonjsHelpers-9943807e.js';
|
|
5
|
-
|
|
6
|
-
const stylesCss = ":host{--z-icon-width:14px;--z-icon-height:14px;font-family:var(--font-family-sans);height:22px;border-radius:var(--border-radius);padding-right:4px;padding-left:4px;text-transform:uppercase;display:inline-flex;align-items:center}:host(.expandable)>z-icon{margin-right:0;transition:margin-right 0.3s ease-out 0.2s}:host(:not(.expandable))>z-icon:not(:last-child),:host(.expandable:hover)>z-icon:not(:last-child){margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}:host(.expandable)>span{max-width:0;transition:max-width 0.3s ease-out 0.2s;white-space:nowrap;overflow:hidden}:host(.expandable:hover)>span{max-width:20rem;transition:max-width 0.3s ease-out 0s}:host([status=\"warning\"]){background-color:var(--status-warning-yellow-lighter);color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status=\"warning\"].light){background-color:transparent;color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status=\"warning\"].dark){background-color:var(--status-warning-yellow-dark);color:var(--status-warning-yellow-lighter);fill:var(--status-warning-yellow-lighter)}:host([status=\"error\"]){background-color:var(--status-error-red-lighter);color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status=\"error\"].light){background-color:transparent;color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status=\"error\"].dark){background-color:var(--status-error-red-dark);color:var(--status-error-red-lighter);fill:var(--status-error-red-lighter)}:host([status=\"success\"]){background-color:var(--status-success-green-lighter);color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status=\"success\"].light){background-color:transparent;color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status=\"success\"].dark){background-color:var(--status-success-green-dark);color:var(--status-success-green-lighter);fill:var(--status-success-green-lighter)}:host([status=\"default\"]){background-color:var(--myz-blue-lighter);color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status=\"default\"].light){background-color:transparent;color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status=\"default\"].dark){background-color:var(--myz-blue-dark);color:var(--myz-blue-lighter);fill:var(--myz-blue-lighter)}:host([status=\"neutral\"]){background-color:var(--bg-grey-050);color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status=\"neutral\"].light){background-color:transparent;color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status=\"neutral\"].dark){background-color:var(--bg-grey-800);color:var(--text-white);fill:var(--text-white)}";
|
|
7
|
-
|
|
8
|
-
const ZStatusTag = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
/** [optional] Status tag color */
|
|
12
|
-
this.status = StatusTagStatus.default;
|
|
13
|
-
if (!this.icon && !this.text) {
|
|
14
|
-
console.warn("z-status-tag must contain at least one prop between icon and text");
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return (h(Host, { class: classnames(this.variant, "body-5-sb", {
|
|
19
|
-
expandable: this.expandable && this.icon && this.text,
|
|
20
|
-
}) }, this.icon && h("z-icon", { name: this.icon }), this.text && h("span", null, this.text)));
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
ZStatusTag.style = stylesCss;
|
|
24
|
-
|
|
25
|
-
export { ZStatusTag as z_status_tag };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, a as getElement } from './index-b3a91e19.js';
|
|
2
|
-
import { x as Size, B as ButtonVariantEnum, b as ButtonSizeEnum } from './index-654849a7.js';
|
|
3
|
-
import { c as classnames } from './index-abb47b30.js';
|
|
4
|
-
import './_commonjsHelpers-9943807e.js';
|
|
5
|
-
|
|
6
|
-
const stylesCss = ":host{display:table-cell;background-color:var(--color-white);border-bottom:var(--border-size-small) solid var(--bg-grey-200);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;right:8px;top:8px;z-index:5}.button-content{position:relative}.contextual-menu-container{display:none;position:absolute;top:calc(100% - var(--space-unit));right:0}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}";
|
|
7
|
-
|
|
8
|
-
const ZTableCell = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
/** Set padding size of cell, if special 0px padding will be set */
|
|
12
|
-
this.padding = Size.medium;
|
|
13
|
-
this.isMenuOpened = false;
|
|
14
|
-
}
|
|
15
|
-
handleMenu() {
|
|
16
|
-
this.isMenuOpened = !this.isMenuOpened;
|
|
17
|
-
}
|
|
18
|
-
componentWillRender() {
|
|
19
|
-
this.host.setAttribute("role", "cell");
|
|
20
|
-
}
|
|
21
|
-
render() {
|
|
22
|
-
return (h(Host, null, this.showButton && (h("div", { class: classnames("button-container", {
|
|
23
|
-
visible: this.isMenuOpened,
|
|
24
|
-
}) }, h("div", { class: "button-content" }, h("z-button-deprecated", { icon: "contextual-menu", variant: ButtonVariantEnum.tertiary, size: ButtonSizeEnum["x-small"], onClick: () => this.handleMenu(), square: true }), h("div", { class: classnames("contextual-menu-container", {
|
|
25
|
-
visible: this.isMenuOpened,
|
|
26
|
-
}) }, h("slot", { name: "contextual-menu" }))))), h("slot", null)));
|
|
27
|
-
}
|
|
28
|
-
get host() { return getElement(this); }
|
|
29
|
-
};
|
|
30
|
-
ZTableCell.style = stylesCss;
|
|
31
|
-
|
|
32
|
-
export { ZTableCell as z_table_cell };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, a as getElement } from './index-b3a91e19.js';
|
|
2
|
-
import { c as classnames } from './index-abb47b30.js';
|
|
3
|
-
import './_commonjsHelpers-9943807e.js';
|
|
4
|
-
|
|
5
|
-
const stylesCss = ".sc-z-table-empty-box-h{display:block;padding:calc(var(--space-unit)) calc(var(--space-unit) * 3)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);background-color:var(--bg-white)}.sc-z-table-empty-box-s>*{margin-top:var(--space-unit)}.cta.sc-z-table-empty-box{display:flex;flex-direction:row;margin-top:calc(var(--space-unit) / 2)}.cta.has2Cta.sc-z-table-empty-box{flex-direction:column}@media only screen and (min-width: 768px){.sc-z-table-empty-box-h{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)}.sc-z-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2)}.cta.sc-z-table-empty-box{margin-top:var(--space-unit)}.cta.has2Cta.sc-z-table-empty-box{flex-direction:row}}";
|
|
6
|
-
|
|
7
|
-
const ZTableEmptyBox = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
/** Sets main title message*/
|
|
11
|
-
this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
|
|
12
|
-
/** Sets message */
|
|
13
|
-
this.subtitle = "";
|
|
14
|
-
}
|
|
15
|
-
componentWillLoad() {
|
|
16
|
-
this.hasCta1Slot = !!this.hostElement.querySelector('[slot="cta1"]');
|
|
17
|
-
this.hasCta2Slot = !!this.hostElement.querySelector('[slot="cta2"]');
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
return (h(Host, null, h("z-body", { level: 3, variant: "semibold" }, this.message), h("br", null), !!this.subtitle && (h("z-body", { level: 4, variant: "regular" }, this.subtitle)), (!!this.hasCta1Slot || !!this.hasCta2Slot) && (h("div", { class: classnames("cta", {
|
|
21
|
-
has2Cta: !!this.hasCta1Slot && !!this.hasCta2Slot
|
|
22
|
-
}) }, h("slot", { name: "cta1" }), h("slot", { name: "cta2" })))));
|
|
23
|
-
}
|
|
24
|
-
get hostElement() { return getElement(this); }
|
|
25
|
-
};
|
|
26
|
-
ZTableEmptyBox.style = stylesCss;
|
|
27
|
-
|
|
28
|
-
export { ZTableEmptyBox as z_table_empty_box };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-b3a91e19.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{background-color:var(--gray50);display:none}:host>td>div.content-container{box-shadow:var(--shadow-2);margin-bottom:calc(var(--space-unit) / 2)}";
|
|
4
|
-
|
|
5
|
-
const ZTableExpandedRow = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h("td", { colSpan: this.colSpan }, h("div", { class: "content-container" }, h("slot", null))));
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
ZTableExpandedRow.style = stylesCss;
|
|
14
|
-
|
|
15
|
-
export { ZTableExpandedRow as z_table_expanded_row };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-b3a91e19.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = "z-table-header-row{display:table-row}z-table-header-row[expandable]>z-table-header:first-child{width:40px;user-select:none;box-sizing:border-box}z-table-header-row[expandable]>z-table-header:nth-child(2){padding-left:8px}";
|
|
4
|
-
|
|
5
|
-
const ZTableHeaderRow = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
_renderExpandHeader() {
|
|
10
|
-
return h("z-table-header", null);
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return (h(Host, { role: "row" }, this.expandable && this._renderExpandHeader(), h("slot", null)));
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
ZTableHeaderRow.style = stylesCss;
|
|
17
|
-
|
|
18
|
-
export { ZTableHeaderRow as z_table_header_row };
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b3a91e19.js';
|
|
2
|
-
import { c as classnames } from './index-abb47b30.js';
|
|
3
|
-
import { x as Size, y as SortDirectionEnum, P as PopoverPosition, B as ButtonVariantEnum, b as ButtonSizeEnum } from './index-654849a7.js';
|
|
4
|
-
import { a as getElementTree } from './utils-417652d9.js';
|
|
5
|
-
import './_commonjsHelpers-9943807e.js';
|
|
6
|
-
import './breakpoints-e07f80e7.js';
|
|
7
|
-
|
|
8
|
-
const stylesCss = ":host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}";
|
|
9
|
-
|
|
10
|
-
const ZTableHeader = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
registerInstance(this, hostRef);
|
|
13
|
-
this.sort = createEvent(this, "sort", 7);
|
|
14
|
-
/** Set padding size of cell, if special 0px padding will be set */
|
|
15
|
-
this.padding = Size.medium;
|
|
16
|
-
/** [Optional] Default sort order */
|
|
17
|
-
this.defaultSortDirection = SortDirectionEnum.asc;
|
|
18
|
-
this.sortDirection = SortDirectionEnum.none;
|
|
19
|
-
this.isMenuOpened = false;
|
|
20
|
-
this.emitOnSort = this.emitOnSort.bind(this);
|
|
21
|
-
}
|
|
22
|
-
emitOnSort() {
|
|
23
|
-
this.sort.emit({
|
|
24
|
-
columnId: this.columnId,
|
|
25
|
-
sortDirection: this.sortDirection,
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
handleSort() {
|
|
29
|
-
if (!this.sortable) {
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
this.sortDirection = (() => {
|
|
33
|
-
switch (this.sortDirection) {
|
|
34
|
-
case SortDirectionEnum.asc:
|
|
35
|
-
return SortDirectionEnum.desc;
|
|
36
|
-
case SortDirectionEnum.desc:
|
|
37
|
-
return SortDirectionEnum.asc;
|
|
38
|
-
case SortDirectionEnum.none:
|
|
39
|
-
return this.defaultSortDirection;
|
|
40
|
-
default:
|
|
41
|
-
return SortDirectionEnum.none;
|
|
42
|
-
}
|
|
43
|
-
})();
|
|
44
|
-
this.emitOnSort();
|
|
45
|
-
}
|
|
46
|
-
handleMenuClick() {
|
|
47
|
-
this.isMenuOpened = !this.isMenuOpened;
|
|
48
|
-
}
|
|
49
|
-
handleOutsideClick(e) {
|
|
50
|
-
const tree = getElementTree(e.target);
|
|
51
|
-
const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
|
|
52
|
-
if (!parent) {
|
|
53
|
-
this.isMenuOpened = false;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
handleClickHeaders(e) {
|
|
57
|
-
const { target } = e;
|
|
58
|
-
const parent = getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-table-header");
|
|
59
|
-
if (!this.sortable || !parent) {
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
const parentColumnId = parent.attributes.getNamedItem("column-id").value;
|
|
63
|
-
const isSortable = target.parentNode.sortable || target.sortable;
|
|
64
|
-
if (parentColumnId !== this.columnId && isSortable) {
|
|
65
|
-
this.sortDirection = SortDirectionEnum.none;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
componentWillRender() {
|
|
69
|
-
this.host.setAttribute("role", "columnheader");
|
|
70
|
-
}
|
|
71
|
-
render() {
|
|
72
|
-
return (h(Host, { class: classnames({
|
|
73
|
-
sortable: this.sortable,
|
|
74
|
-
}), onClick: () => this.handleSort() }, h("div", { class: classnames("container") }, h("slot", null), this.sortable && this.sortDirection !== SortDirectionEnum.none && (h("z-icon", { name: this.sortDirection === SortDirectionEnum.asc
|
|
75
|
-
? "arrow-up"
|
|
76
|
-
: "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: classnames("popover-container", {
|
|
77
|
-
visible: this.isMenuOpened,
|
|
78
|
-
}) }, h("z-popover", { position: PopoverPosition["below-center"], "background-color": "gray200" }, h("z-button-deprecated", { icon: "contextual-menu", variant: ButtonVariantEnum["tertiary"], size: ButtonSizeEnum["x-small"], square: true, slot: "trigger", onClick: () => this.handleMenuClick() }), h("div", { slot: "popover" }, h("slot", { name: "contextual-menu" })))))));
|
|
79
|
-
}
|
|
80
|
-
get host() { return getElement(this); }
|
|
81
|
-
};
|
|
82
|
-
ZTableHeader.style = stylesCss;
|
|
83
|
-
|
|
84
|
-
export { ZTableHeader as z_table_header };
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-b3a91e19.js';
|
|
2
|
-
import { s as ZTableRowExpandedType } from './index-654849a7.js';
|
|
3
|
-
|
|
4
|
-
const stylesCss = "z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type=\"expandable\"]:hover{cursor:pointer}z-table-row[expanded-type=\"expandable\"]>z-table-cell:first-child,z-table-row[expanded-type=\"padding\"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type=\"expandable\"]>z-table-cell:nth-child(2),z-table-row[expanded-type=\"padding\"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}";
|
|
5
|
-
|
|
6
|
-
const ZTableRow = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.expand = createEvent(this, "expand", 7);
|
|
10
|
-
this.expandedType = ZTableRowExpandedType.none;
|
|
11
|
-
this.expanded = false;
|
|
12
|
-
}
|
|
13
|
-
emitOnExpand() {
|
|
14
|
-
this.expand.emit({ expanded: this.expanded });
|
|
15
|
-
}
|
|
16
|
-
handleExpand() {
|
|
17
|
-
this.expanded = !this.expanded;
|
|
18
|
-
this.emitOnExpand();
|
|
19
|
-
}
|
|
20
|
-
renderExpandButton() {
|
|
21
|
-
if (this.expandedType == ZTableRowExpandedType.expandable) {
|
|
22
|
-
return (h("z-table-cell", { style: { borderRight: "none" } }, h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
|
|
23
|
-
}
|
|
24
|
-
return (h("z-table-cell", { style: { borderRight: "none" } }, h("div", { class: "z-icon-placeholder" })));
|
|
25
|
-
}
|
|
26
|
-
render() {
|
|
27
|
-
return (h(Host, { role: "row", expanded: this.expanded, onClick: (event) => {
|
|
28
|
-
const contextualMenuClick = event.target.nodeName === 'Z-CONTEXTUAL-MENU';
|
|
29
|
-
const isExpandable = this.expandedType === ZTableRowExpandedType.expandable;
|
|
30
|
-
if (isExpandable && !contextualMenuClick) {
|
|
31
|
-
this.handleExpand();
|
|
32
|
-
}
|
|
33
|
-
} }, this.expandedType !== ZTableRowExpandedType.none &&
|
|
34
|
-
this.renderExpandButton(), h("slot", null)));
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
ZTableRow.style = stylesCss;
|
|
38
|
-
|
|
39
|
-
export { ZTableRow as z_table_row };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-b3a91e19.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ".sc-z-table-sticky-footer-h{display:block;position:sticky;left:0;padding:var(--basex2);background-color:var(--bg-white);border-style:solid;border-color:var(--gray200);border-width:var(--border-size-small) 0 var(--border-base);font-weight:var(--font-rg)}";
|
|
4
|
-
|
|
5
|
-
const ZTableStickyFooter = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h("slot", null));
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
ZTableStickyFooter.style = stylesCss;
|
|
14
|
-
|
|
15
|
-
export { ZTableStickyFooter as z_table_sticky_footer };
|