@zanichelli/delta_share 3.0.2 → 3.2.0
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-e7c8838e.js} +3 -1
- package/dist/wc/cjs/delta_share.cjs.js +1 -1
- package/dist/wc/cjs/{icons-9d7fe21e.js → icons-5006d741.js} +30 -0
- package/dist/wc/cjs/index-0119322e.js +20 -0
- package/dist/wc/cjs/index-044ebc8a.js +67 -0
- package/dist/wc/cjs/index-05a1b9dc.js +70 -0
- package/dist/wc/cjs/index-18a2a552.js +49 -0
- package/dist/wc/cjs/index-47449986.js +41 -0
- package/dist/wc/cjs/index-4a04e2aa.js +21 -0
- package/dist/wc/cjs/index-51009bcf.js +29 -0
- package/dist/wc/cjs/index-6d0848b5.js +21 -0
- package/dist/wc/cjs/index-732ae62f.js +22 -0
- package/dist/wc/cjs/index-81603b4a.js +17 -0
- package/dist/wc/cjs/index-8da01bc6.js +34 -0
- package/dist/wc/cjs/index-9886a665.js +21 -0
- package/dist/wc/cjs/index-a9a1f262.js +79 -0
- package/dist/wc/cjs/{index-1112cdb1.js → index-c0af2262.js} +43 -9
- package/dist/wc/cjs/index-db42857f.js +17 -0
- package/dist/wc/cjs/index-f4792a6f.js +21 -0
- package/dist/wc/cjs/index-f824355b.js +17 -0
- package/dist/wc/cjs/license-activation_11.cjs.entry.js +940 -52
- package/dist/wc/cjs/loader.cjs.js +1 -1
- package/dist/wc/cjs/{utils-3ac19501.js → utils-8fd01df0.js} +13 -3
- package/dist/wc/cjs/{utils-2bfaab77.js → utils-f2cac0dc.js} +1 -1
- package/dist/wc/cjs/z-accordion.cjs.entry.js +67 -0
- package/dist/wc/cjs/z-anchor-navigation.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-app-header.cjs.entry.js +91 -39
- package/dist/wc/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-avatar.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-book-card.cjs.entry.js +111 -0
- package/dist/wc/cjs/z-breadcrumb.cjs.entry.js +232 -0
- package/dist/wc/cjs/z-button-sort.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-card.cjs.entry.js +5 -18
- package/dist/wc/cjs/z-carousel.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-chip.cjs.entry.js +10 -7
- package/dist/wc/cjs/z-combobox.cjs.entry.js +11 -9
- package/dist/wc/cjs/z-contextual-menu.cjs.entry.js +5 -5
- package/dist/wc/cjs/z-cover-hero.cjs.entry.js +24 -7
- package/dist/wc/cjs/z-date-picker.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-divider.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-file-upload.cjs.entry.js +4 -4
- package/dist/wc/cjs/z-file.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-info-reveal.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-list_3.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-menu-section.cjs.entry.js +11 -3
- package/dist/wc/cjs/z-menu.cjs.entry.js +26 -14
- package/dist/wc/cjs/z-messages-pocket.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-myz-card-alert.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-myz-card-footer.cjs.entry.js +14 -2
- package/dist/wc/cjs/z-myz-card-icon.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-myz-card-info.cjs.entry.js +3 -3
- package/dist/wc/cjs/z-myz-card_4.cjs.entry.js +3 -3
- package/dist/wc/cjs/z-myz-list-item.cjs.entry.js +4 -4
- package/dist/wc/cjs/z-navigation-tab-link.cjs.entry.js +3 -3
- package/dist/wc/cjs/z-navigation-tab.cjs.entry.js +3 -3
- package/dist/wc/cjs/z-navigation-tabs.cjs.entry.js +75 -3
- package/dist/wc/cjs/z-offcanvas_2.cjs.entry.js +281 -0
- package/dist/wc/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-pagination.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-pocket_3.cjs.entry.js +3 -3
- package/dist/wc/cjs/z-popover.cjs.entry.js +3 -2
- package/dist/wc/cjs/z-range-picker.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-section-title.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-select.cjs.entry.js +18 -10
- package/dist/wc/cjs/z-skip-to-content.cjs.entry.js +3 -3
- package/dist/wc/cjs/z-slideshow.cjs.entry.js +3 -3
- package/dist/wc/cjs/z-stepper-item.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-table-body.cjs.entry.js +3 -17
- package/dist/wc/cjs/z-table-cell.cjs.entry.js +4 -29
- package/dist/wc/cjs/z-table-deprecated.cjs.entry.js +91 -0
- package/dist/wc/cjs/z-table-empty-box.cjs.entry.js +3 -24
- package/dist/wc/cjs/z-table-expanded-row.cjs.entry.js +3 -12
- package/dist/wc/cjs/z-table-footer.cjs.entry.js +3 -16
- package/dist/wc/cjs/z-table-head.cjs.entry.js +3 -16
- package/dist/wc/cjs/z-table-header-row.cjs.entry.js +3 -15
- package/dist/wc/cjs/z-table-header.cjs.entry.js +6 -75
- package/dist/wc/cjs/z-table-row.cjs.entry.js +4 -36
- package/dist/wc/cjs/z-table-sticky-footer.cjs.entry.js +3 -12
- package/dist/wc/cjs/z-table.cjs.entry.js +36 -58
- package/dist/wc/cjs/z-tbody.cjs.entry.js +10 -0
- package/dist/wc/cjs/z-td.cjs.entry.js +11 -0
- package/dist/wc/cjs/z-tfoot.cjs.entry.js +10 -0
- package/dist/wc/cjs/z-th.cjs.entry.js +11 -0
- package/dist/wc/cjs/z-thead.cjs.entry.js +10 -0
- package/dist/wc/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/wc/cjs/z-toast-notification.cjs.entry.js +2 -2
- package/dist/wc/cjs/z-toggle-button.cjs.entry.js +4 -2
- package/dist/wc/cjs/z-toggle-switch.cjs.entry.js +3 -3
- package/dist/wc/cjs/z-tooltip.cjs.entry.js +10 -4
- package/dist/wc/cjs/z-tr.cjs.entry.js +15 -0
- package/dist/wc/collection/collection-manifest.json +10 -1
- package/dist/wc/collection/components/license-activation/license-activation.js +16 -25
- package/dist/wc/collection/components/license-activation-form/license-activation-form.css +11 -12
- package/dist/wc/collection/components/license-activation-form/license-activation-form.js +1 -1
- package/dist/wc/custom-elements/index.js +2415 -640
- package/dist/wc/delta_share/delta_share.esm.js +1 -1
- package/dist/wc/delta_share/p-057858cb.entry.js +1 -0
- package/dist/wc/delta_share/p-06aacfed.entry.js +1 -0
- package/dist/wc/delta_share/{p-42dd4f36.entry.js → p-06fa5b43.entry.js} +1 -1
- package/dist/wc/delta_share/p-09fe90e6.entry.js +1 -0
- package/dist/wc/delta_share/p-0acc73cd.entry.js +1 -0
- package/dist/wc/delta_share/{p-c51ebb01.entry.js → p-0fe7f1ad.entry.js} +1 -1
- package/dist/wc/delta_share/{p-99ffd017.entry.js → p-171202cb.js} +1 -1
- package/dist/wc/delta_share/p-1b8b3092.entry.js +1 -0
- package/dist/wc/delta_share/p-1c4015c7.entry.js +1 -0
- package/dist/wc/delta_share/p-27537f0b.js +1 -0
- package/dist/wc/delta_share/p-2d1b1197.entry.js +1 -0
- package/dist/wc/delta_share/{p-a2b564ef.entry.js → p-2e12c305.entry.js} +1 -1
- package/dist/wc/delta_share/{p-3fa29874.entry.js → p-2eed13ce.entry.js} +1 -1
- package/dist/wc/delta_share/p-30b524e2.entry.js +1 -0
- package/dist/wc/delta_share/{p-81ddcb87.entry.js → p-31922918.entry.js} +1 -1
- package/dist/wc/delta_share/p-3605faee.entry.js +1 -0
- package/dist/wc/delta_share/p-3b4879bc.js +1 -0
- package/dist/wc/delta_share/p-3b7aeb99.entry.js +1 -0
- package/dist/wc/delta_share/p-3de56f4a.entry.js +1 -0
- package/dist/wc/delta_share/{p-950aa417.entry.js → p-3e66faf7.entry.js} +1 -1
- package/dist/wc/delta_share/{p-57f2b8d8.entry.js → p-46e4fe9d.entry.js} +1 -1
- package/dist/wc/delta_share/p-4bcbac62.entry.js +1 -0
- package/dist/wc/delta_share/p-5588386c.entry.js +1 -0
- package/dist/wc/delta_share/p-55924409.entry.js +1 -0
- package/dist/wc/delta_share/p-589b8717.js +1 -0
- package/dist/wc/delta_share/p-5d29a5a7.entry.js +1 -0
- package/dist/wc/delta_share/p-5f021095.js +1 -0
- package/dist/wc/delta_share/{p-b38b27f2.entry.js → p-627de5ca.entry.js} +1 -1
- package/dist/wc/delta_share/p-63f5644d.js +1 -0
- package/dist/wc/delta_share/{p-8876b438.entry.js → p-6619cb5a.entry.js} +1 -1
- package/dist/wc/delta_share/p-6776c695.entry.js +1 -0
- package/dist/wc/delta_share/{p-9ad5616e.entry.js → p-699d0efb.entry.js} +1 -1
- package/dist/wc/delta_share/p-6d1c4af9.js +1 -0
- package/dist/wc/delta_share/p-6d888c61.js +1 -0
- package/dist/wc/delta_share/{p-2f289949.entry.js → p-71af40a8.entry.js} +1 -1
- package/dist/wc/delta_share/{p-8d532866.entry.js → p-74027654.js} +1 -1
- package/dist/wc/delta_share/{p-6d853df0.entry.js → p-75b9448a.entry.js} +1 -1
- package/dist/wc/delta_share/p-776a9611.entry.js +1 -0
- package/dist/wc/delta_share/p-78b1d100.js +1 -0
- package/dist/wc/delta_share/p-7966c7e6.entry.js +1 -0
- package/dist/wc/delta_share/p-7ae04b31.entry.js +1 -0
- package/dist/wc/delta_share/{p-963999a8.entry.js → p-81a1b7cc.entry.js} +1 -1
- package/dist/wc/delta_share/p-83156f0c.entry.js +1 -0
- package/dist/wc/delta_share/{p-8825d8e4.entry.js → p-858613c0.entry.js} +1 -1
- package/dist/wc/delta_share/p-8649f025.entry.js +1 -0
- package/dist/wc/delta_share/{p-c885d25c.entry.js → p-86683a1d.entry.js} +1 -1
- package/dist/wc/delta_share/{p-7546c464.entry.js → p-86dfdccc.js} +1 -1
- package/dist/wc/delta_share/{p-d8e80ee8.entry.js → p-8b3b862c.js} +1 -1
- package/dist/wc/delta_share/p-93504934.entry.js +1 -0
- package/dist/wc/delta_share/p-967acc0e.entry.js +1 -0
- package/dist/wc/delta_share/{p-c436e1af.entry.js → p-974d6235.entry.js} +1 -1
- package/dist/wc/delta_share/{p-3cf0c6a5.entry.js → p-9c3fcef2.entry.js} +1 -1
- package/dist/wc/delta_share/{p-cb16715b.entry.js → p-9cc6b2ff.entry.js} +1 -1
- package/dist/wc/delta_share/p-9d3e6cff.entry.js +1 -0
- package/dist/wc/delta_share/p-a54c1c69.entry.js +1 -0
- package/dist/wc/delta_share/p-a6252f41.entry.js +1 -0
- package/dist/wc/delta_share/{p-c31b160e.entry.js → p-a7afd1e8.entry.js} +1 -1
- package/dist/wc/delta_share/p-ade21d10.entry.js +1 -0
- package/dist/wc/delta_share/p-b0dc0f33.entry.js +1 -0
- package/dist/wc/delta_share/p-bcac4e8a.entry.js +1 -0
- package/dist/wc/delta_share/p-bd5862be.js +1 -0
- package/dist/wc/delta_share/{p-925fc6c3.entry.js → p-bdbd52af.entry.js} +1 -1
- package/dist/wc/delta_share/p-c16ef2ed.js +1 -0
- package/dist/wc/delta_share/{p-0bb97b61.js → p-c176a537.js} +1 -1
- package/dist/wc/delta_share/p-c86f3f18.entry.js +1 -0
- package/dist/wc/delta_share/{p-1009b417.entry.js → p-ca0ad68e.entry.js} +1 -1
- package/dist/wc/delta_share/p-ce9c796f.entry.js +1 -0
- package/dist/wc/delta_share/p-cf49d91e.entry.js +1 -0
- package/dist/wc/delta_share/p-cf520177.entry.js +1 -0
- package/dist/wc/delta_share/p-cfd5d8d9.entry.js +1 -0
- package/dist/wc/delta_share/{p-45dcece4.entry.js → p-d57e2650.entry.js} +1 -1
- package/dist/wc/delta_share/p-d736e782.js +1 -0
- package/dist/wc/delta_share/p-d8592d42.js +1 -0
- package/dist/wc/delta_share/p-d85af2d2.entry.js +1 -0
- package/dist/wc/delta_share/p-d91beeb4.js +1 -0
- package/dist/wc/delta_share/{p-6c54d53f.entry.js → p-db957062.entry.js} +1 -1
- package/dist/wc/delta_share/p-df19c0b3.entry.js +3 -0
- package/dist/wc/delta_share/p-df665c83.entry.js +1 -0
- package/dist/wc/delta_share/p-e27aa743.entry.js +1 -0
- package/dist/wc/delta_share/p-e47768ad.entry.js +1 -0
- package/dist/wc/delta_share/p-e533db54.entry.js +1 -0
- package/dist/wc/delta_share/{p-0aa553ea.entry.js → p-e849b3b3.entry.js} +1 -1
- package/dist/wc/delta_share/p-e9fa5c23.js +1 -0
- package/dist/wc/delta_share/p-ecb09670.js +1 -0
- package/dist/wc/delta_share/p-f366927f.entry.js +1 -0
- package/dist/wc/delta_share/{p-badf3f24.entry.js → p-f6bd0767.js} +1 -1
- package/dist/wc/delta_share/p-f8604cd3.entry.js +1 -0
- package/dist/wc/delta_share/p-fe94390e.entry.js +1 -0
- package/dist/wc/delta_share/{p-5e503d5f.entry.js → p-fff3f7a2.entry.js} +1 -1
- package/dist/wc/esm/breakpoints-3c3dbb8c.js +5 -0
- package/dist/wc/esm/delta_share.js +1 -1
- package/dist/wc/esm/{icons-7a34b033.js → icons-5cd8a05c.js} +30 -0
- package/dist/wc/esm/index-01c34720.js +77 -0
- package/dist/wc/esm/index-23578879.js +19 -0
- package/dist/wc/esm/index-2dfebd9d.js +15 -0
- package/dist/wc/esm/index-474bdeac.js +18 -0
- package/dist/wc/esm/index-4cbd9bd5.js +19 -0
- package/dist/wc/esm/index-5ee15750.js +68 -0
- package/dist/wc/esm/{index-4f1e2705.js → index-6b9f0af9.js} +44 -10
- package/dist/wc/esm/index-7ab3efeb.js +15 -0
- package/dist/wc/esm/index-8304b962.js +65 -0
- package/dist/wc/esm/index-8c51661a.js +19 -0
- package/dist/wc/esm/index-a4bf756b.js +19 -0
- package/dist/wc/esm/index-a4c6be93.js +39 -0
- package/dist/wc/esm/index-a9ad9a02.js +47 -0
- package/dist/wc/esm/index-be1fa551.js +32 -0
- package/dist/wc/esm/index-d0687862.js +27 -0
- package/dist/wc/esm/index-eb1fc2a8.js +15 -0
- package/dist/wc/esm/index-fcff2847.js +20 -0
- package/dist/wc/esm/license-activation_11.entry.js +940 -52
- package/dist/wc/esm/loader.js +1 -1
- package/dist/wc/esm/{utils-5a24a17b.js → utils-90d51f4b.js} +13 -4
- package/dist/wc/esm/{utils-711517a4.js → utils-e64576be.js} +1 -1
- package/dist/wc/esm/z-accordion.entry.js +63 -0
- package/dist/wc/esm/z-anchor-navigation.entry.js +1 -1
- package/dist/wc/esm/z-app-header.entry.js +91 -39
- package/dist/wc/esm/z-aria-alert.entry.js +1 -1
- package/dist/wc/esm/z-avatar.entry.js +1 -1
- package/dist/wc/esm/z-book-card.entry.js +107 -0
- package/dist/wc/esm/z-breadcrumb.entry.js +228 -0
- package/dist/wc/esm/z-button-sort.entry.js +2 -2
- package/dist/wc/esm/z-card.entry.js +6 -19
- package/dist/wc/esm/z-carousel.entry.js +2 -2
- package/dist/wc/esm/z-chip.entry.js +10 -7
- package/dist/wc/esm/z-combobox.entry.js +11 -9
- package/dist/wc/esm/z-contextual-menu.entry.js +5 -5
- package/dist/wc/esm/z-cover-hero.entry.js +24 -7
- package/dist/wc/esm/z-date-picker.entry.js +2 -2
- package/dist/wc/esm/z-divider.entry.js +1 -1
- package/dist/wc/esm/z-file-upload.entry.js +4 -4
- package/dist/wc/esm/z-file.entry.js +2 -2
- package/dist/wc/esm/z-info-reveal.entry.js +1 -1
- package/dist/wc/esm/z-list_3.entry.js +2 -2
- package/dist/wc/esm/z-menu-section.entry.js +11 -3
- package/dist/wc/esm/z-menu.entry.js +26 -14
- package/dist/wc/esm/z-messages-pocket.entry.js +1 -1
- package/dist/wc/esm/z-myz-card-alert.entry.js +1 -1
- package/dist/wc/esm/z-myz-card-dictionary.entry.js +1 -1
- package/dist/wc/esm/z-myz-card-footer.entry.js +15 -3
- package/dist/wc/esm/z-myz-card-icon.entry.js +1 -1
- package/dist/wc/esm/z-myz-card-info.entry.js +3 -3
- package/dist/wc/esm/z-myz-card_4.entry.js +3 -3
- package/dist/wc/esm/z-myz-list-item.entry.js +4 -4
- package/dist/wc/esm/z-navigation-tab-link.entry.js +3 -3
- package/dist/wc/esm/z-navigation-tab.entry.js +3 -3
- package/dist/wc/esm/z-navigation-tabs.entry.js +75 -3
- package/dist/wc/esm/z-offcanvas_2.entry.js +276 -0
- package/dist/wc/esm/z-otp.entry.js +1 -1
- package/dist/wc/esm/z-pagination.entry.js +1 -1
- package/dist/wc/esm/z-pocket_3.entry.js +3 -3
- package/dist/wc/esm/z-popover.entry.js +3 -2
- package/dist/wc/esm/z-range-picker.entry.js +2 -2
- package/dist/wc/esm/z-section-title.entry.js +2 -2
- package/dist/wc/esm/z-select.entry.js +18 -10
- package/dist/wc/esm/z-skip-to-content.entry.js +3 -3
- package/dist/wc/esm/z-slideshow.entry.js +3 -3
- package/dist/wc/esm/z-stepper-item.entry.js +1 -1
- package/dist/wc/esm/z-table-body.entry.js +2 -20
- package/dist/wc/esm/z-table-cell.entry.js +3 -32
- package/dist/wc/esm/z-table-deprecated.entry.js +87 -0
- package/dist/wc/esm/z-table-empty-box.entry.js +2 -27
- package/dist/wc/esm/z-table-expanded-row.entry.js +2 -15
- package/dist/wc/esm/z-table-footer.entry.js +2 -19
- package/dist/wc/esm/z-table-head.entry.js +2 -19
- package/dist/wc/esm/z-table-header-row.entry.js +2 -18
- package/dist/wc/esm/z-table-header.entry.js +5 -78
- package/dist/wc/esm/z-table-row.entry.js +3 -39
- package/dist/wc/esm/z-table-sticky-footer.entry.js +2 -15
- package/dist/wc/esm/z-table.entry.js +37 -59
- package/dist/wc/esm/z-tbody.entry.js +2 -0
- package/dist/wc/esm/z-td.entry.js +3 -0
- package/dist/wc/esm/z-tfoot.entry.js +2 -0
- package/dist/wc/esm/z-th.entry.js +3 -0
- package/dist/wc/esm/z-thead.entry.js +2 -0
- package/dist/wc/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/wc/esm/z-toast-notification.entry.js +2 -2
- package/dist/wc/esm/z-toggle-button.entry.js +4 -2
- package/dist/wc/esm/z-toggle-switch.entry.js +3 -3
- package/dist/wc/esm/z-tooltip.entry.js +10 -4
- package/dist/wc/esm/z-tr.entry.js +7 -0
- package/dist/wc/types/components/license-activation/license-activation.d.ts +1 -1
- package/package.json +1 -1
- package/dist/wc/cjs/z-app-switcher.cjs.entry.js +0 -29
- package/dist/wc/cjs/z-offcanvas.cjs.entry.js +0 -70
- package/dist/wc/cjs/z-searchbar.cjs.entry.js +0 -235
- package/dist/wc/delta_share/p-0434c900.entry.js +0 -1
- package/dist/wc/delta_share/p-063881e2.entry.js +0 -1
- package/dist/wc/delta_share/p-11cc4828.entry.js +0 -3
- package/dist/wc/delta_share/p-1c2d7c30.entry.js +0 -1
- package/dist/wc/delta_share/p-1d2cb6f9.entry.js +0 -1
- package/dist/wc/delta_share/p-23905d08.entry.js +0 -1
- package/dist/wc/delta_share/p-29310a24.entry.js +0 -1
- package/dist/wc/delta_share/p-42e9c740.entry.js +0 -1
- package/dist/wc/delta_share/p-500ff0dd.entry.js +0 -1
- package/dist/wc/delta_share/p-51431ace.js +0 -1
- package/dist/wc/delta_share/p-5530ca81.entry.js +0 -1
- package/dist/wc/delta_share/p-5d88112c.entry.js +0 -1
- package/dist/wc/delta_share/p-61264c72.entry.js +0 -1
- package/dist/wc/delta_share/p-64decd7d.entry.js +0 -1
- package/dist/wc/delta_share/p-65be6de6.entry.js +0 -1
- package/dist/wc/delta_share/p-6cb8def6.entry.js +0 -1
- package/dist/wc/delta_share/p-702dd7b4.entry.js +0 -1
- package/dist/wc/delta_share/p-74b71f61.entry.js +0 -1
- package/dist/wc/delta_share/p-78d71789.js +0 -1
- package/dist/wc/delta_share/p-7ae0c21f.js +0 -1
- package/dist/wc/delta_share/p-8794c0c7.entry.js +0 -1
- package/dist/wc/delta_share/p-8cc7c2c7.entry.js +0 -1
- package/dist/wc/delta_share/p-8d91a5b7.entry.js +0 -1
- package/dist/wc/delta_share/p-90fdd23f.entry.js +0 -1
- package/dist/wc/delta_share/p-a150a778.entry.js +0 -1
- package/dist/wc/delta_share/p-afb5bfe5.entry.js +0 -1
- package/dist/wc/delta_share/p-b16fd965.entry.js +0 -1
- package/dist/wc/delta_share/p-c229c90e.entry.js +0 -1
- package/dist/wc/delta_share/p-c9df8e5d.entry.js +0 -1
- package/dist/wc/delta_share/p-cf58d833.js +0 -1
- package/dist/wc/delta_share/p-d69c3b08.entry.js +0 -1
- package/dist/wc/delta_share/p-ddab353c.entry.js +0 -1
- package/dist/wc/delta_share/p-ea6c67f2.entry.js +0 -1
- package/dist/wc/delta_share/p-fc49c455.entry.js +0 -1
- package/dist/wc/esm/breakpoints-e07f80e7.js +0 -4
- package/dist/wc/esm/z-app-switcher.entry.js +0 -25
- package/dist/wc/esm/z-offcanvas.entry.js +0 -66
- package/dist/wc/esm/z-searchbar.entry.js +0 -231
|
@@ -1,74 +1,52 @@
|
|
|
1
|
-
import { r as registerInstance,
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { r as registerInstance, h, H as Host, a as getElement } from './index-b3a91e19.js';
|
|
2
|
+
import './index-23578879.js';
|
|
3
|
+
import './index-7ab3efeb.js';
|
|
4
|
+
import './index-8304b962.js';
|
|
5
|
+
import './index-4cbd9bd5.js';
|
|
6
|
+
import './utils-90d51f4b.js';
|
|
7
|
+
import './index-6b9f0af9.js';
|
|
8
|
+
import './breakpoints-3c3dbb8c.js';
|
|
9
|
+
import './index-a9ad9a02.js';
|
|
10
|
+
import './index-5ee15750.js';
|
|
4
11
|
|
|
5
|
-
const stylesCss = "z-table
|
|
12
|
+
const stylesCss = ":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}.table{min-width:max-content}";
|
|
6
13
|
|
|
7
14
|
const ZTable = class {
|
|
8
15
|
constructor(hostRef) {
|
|
9
16
|
registerInstance(this, hostRef);
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
|
|
14
|
-
/** Sets table with border */
|
|
17
|
+
/**
|
|
18
|
+
* Whether the table cells should show a border between them.
|
|
19
|
+
*/
|
|
15
20
|
this.bordered = false;
|
|
16
|
-
/**
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
this.
|
|
20
|
-
/** Set error status */
|
|
21
|
-
this.error = false;
|
|
22
|
-
/** Sets header sticky */
|
|
23
|
-
this.headerSticky = false;
|
|
24
|
-
/** Set message */
|
|
25
|
-
this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
|
|
26
|
-
/** Set subtitle */
|
|
27
|
-
this.subtitle = "";
|
|
21
|
+
/**
|
|
22
|
+
* Whether the table contains some expandable rows.
|
|
23
|
+
*/
|
|
24
|
+
this.expandable = false;
|
|
28
25
|
}
|
|
29
|
-
|
|
30
|
-
this.
|
|
31
|
-
}
|
|
32
|
-
handleOrientationChange() {
|
|
33
|
-
this.isMobile = screen.width <= mobileBreakpoint;
|
|
26
|
+
updateExpandable() {
|
|
27
|
+
this.expandable = this.host.querySelectorAll("z-tr[expandable]").length > 0;
|
|
34
28
|
}
|
|
29
|
+
/**
|
|
30
|
+
* Setup the table creating a mutation observer for the expandable attribute.
|
|
31
|
+
*/
|
|
35
32
|
componentWillLoad() {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
this.
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-error", null, h("div", { class: "error-content", style: { minHeight } }, h("slot", { name: "error-image" }), h("div", { class: "text" }, h("span", { class: "body-3-sb error-message" }, this.errorMessage), h("slot", { name: "error-action" }))))));
|
|
50
|
-
}
|
|
51
|
-
renderEmpty(tableClass) {
|
|
52
|
-
const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;
|
|
53
|
-
const tableContentClass = `${this.hasTableBody ? "table-content" : ""}`;
|
|
54
|
-
if (this.hasTableBody) {
|
|
55
|
-
return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" }), h("div", { class: tableContentClass }, h("slot", { name: "table-body" }), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
|
|
56
|
-
}
|
|
57
|
-
return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
|
|
33
|
+
this.expandableMutationObserver = new MutationObserver(() => {
|
|
34
|
+
this.updateExpandable();
|
|
35
|
+
});
|
|
36
|
+
this.expandableMutationObserver.observe(this.host, {
|
|
37
|
+
childList: true,
|
|
38
|
+
subtree: true,
|
|
39
|
+
attributes: true,
|
|
40
|
+
attributeFilter: ["expandable"],
|
|
41
|
+
attributeOldValue: false,
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
disconnectedCallback() {
|
|
45
|
+
this.expandableMutationObserver.disconnect();
|
|
58
46
|
}
|
|
59
47
|
render() {
|
|
60
|
-
|
|
61
|
-
${this.columnSticky ? "table-column-sticky" : ""}
|
|
62
|
-
${this.headerSticky ? "table-header-sticky" : ""}`;
|
|
63
|
-
if (this.error) {
|
|
64
|
-
return this.renderError(tableClass);
|
|
65
|
-
}
|
|
66
|
-
if (this.empty) {
|
|
67
|
-
return this.renderEmpty(tableClass);
|
|
68
|
-
}
|
|
69
|
-
return (h(Host, null, h("div", { class: tableClass }, h("slot", null)), h("slot", { name: "sticky-footer" })));
|
|
48
|
+
return (h(Host, { expandable: this.expandable }, h("div", { class: "table", role: "table" }, h("slot", null))));
|
|
70
49
|
}
|
|
71
|
-
static get assetsDirs() { return ["assets"]; }
|
|
72
50
|
get host() { return getElement(this); }
|
|
73
51
|
};
|
|
74
52
|
ZTable.style = stylesCss;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, a as getElement } from './index-b3a91e19.js';
|
|
2
|
-
import {
|
|
2
|
+
import { Q as ToastNotificationPosition } from './index-6b9f0af9.js';
|
|
3
3
|
|
|
4
4
|
const stylesCss = ":host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position=\"bottom-centre\"]),:host([position=\"bottom-right\"]),:host([position=\"bottom-left\"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position=\"top-left\"]),:host([position=\"top-right\"]),:host([position=\"top-centre\"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position=\"top-centre\"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position=\"top-left\"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position=\"top-right\"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position=\"bottom-centre\"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position=\"bottom-right\"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position=\"bottom-left\"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}";
|
|
5
5
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b3a91e19.js';
|
|
2
|
-
import {
|
|
3
|
-
import { m as mobileBreakpoint } from './breakpoints-
|
|
2
|
+
import { M as ToastNotificationTransition } from './index-6b9f0af9.js';
|
|
3
|
+
import { m as mobileBreakpoint } from './breakpoints-3c3dbb8c.js';
|
|
4
4
|
import { h as hammer } from './hammer-c3266b17.js';
|
|
5
5
|
import './_commonjsHelpers-9943807e.js';
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-b3a91e19.js';
|
|
2
2
|
|
|
3
|
-
const stylesCss = "button{height:36px;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--bg-white);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--myz-blue);cursor:pointer;fill:var(--myz-blue);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase
|
|
3
|
+
const stylesCss = "button{height:36px;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--bg-white);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--myz-blue);cursor:pointer;fill:var(--myz-blue);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{box-shadow:var(--shadow-focus-primary);color:var(--myz-blue);fill:var(--myz-blue)}button:active{border-color:var(--myz-blue-light);box-shadow:0 2px 4px 0 rgb(0 0 0 / 40%);color:var(--myz-blue-light);fill:var(--myz-blue-light)}button:disabled{color:var(--text-grey-700);fill:var(--text-grey-700)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";
|
|
4
4
|
|
|
5
5
|
const ZToggleButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -10,6 +10,8 @@ const ZToggleButton = class {
|
|
|
10
10
|
this.isdisabled = false;
|
|
11
11
|
/** open by default (optional) */
|
|
12
12
|
this.opened = false;
|
|
13
|
+
/** aria-label for the button */
|
|
14
|
+
this.ariaLabel = "";
|
|
13
15
|
}
|
|
14
16
|
emitToggleClick() {
|
|
15
17
|
if (this.isdisabled) {
|
|
@@ -22,7 +24,7 @@ const ZToggleButton = class {
|
|
|
22
24
|
return (h("button", { tabindex: this.avoidclick ? "-1" : "0", class: {
|
|
23
25
|
"isopen": this.opened,
|
|
24
26
|
"avoid-clicks": this.avoidclick,
|
|
25
|
-
}, disabled: this.isdisabled, onClick: () => this.emitToggleClick() }, h("z-icon", { name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
|
|
27
|
+
}, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
|
|
26
28
|
}
|
|
27
29
|
};
|
|
28
30
|
ZToggleButton.style = stylesCss;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-b3a91e19.js';
|
|
2
|
-
import { r as randomId } from './utils-
|
|
3
|
-
import { L as LabelPosition } from './index-
|
|
4
|
-
import './breakpoints-
|
|
2
|
+
import { r as randomId } from './utils-90d51f4b.js';
|
|
3
|
+
import { L as LabelPosition } from './index-6b9f0af9.js';
|
|
4
|
+
import './breakpoints-3c3dbb8c.js';
|
|
5
5
|
|
|
6
6
|
const stylesCss = ".sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-text01);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type=\"checkbox\"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}";
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-b3a91e19.js';
|
|
2
|
-
import { P as PopoverPosition } from './index-
|
|
2
|
+
import { P as PopoverPosition } from './index-6b9f0af9.js';
|
|
3
3
|
|
|
4
|
-
const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
|
|
4
|
+
const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
|
|
5
5
|
|
|
6
6
|
const ZTooltip = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -14,12 +14,18 @@ const ZTooltip = class {
|
|
|
14
14
|
* The open state of the tooltip.
|
|
15
15
|
*/
|
|
16
16
|
this.open = false;
|
|
17
|
+
/**
|
|
18
|
+
* Reflects `closable` prop of the popover.
|
|
19
|
+
* "If true, the popover can be closed by clicking outside of it or pressing the escape key.
|
|
20
|
+
* Otherwise, it will be closed only programmatically (by setting `open` to `false`)."
|
|
21
|
+
*/
|
|
22
|
+
this.closable = true;
|
|
17
23
|
}
|
|
18
24
|
onPopoverOpenChange() {
|
|
19
|
-
this.open = this.
|
|
25
|
+
this.open = this.popoverEl.open;
|
|
20
26
|
}
|
|
21
27
|
render() {
|
|
22
|
-
return (h("z-popover", { ref: (el) => (this.
|
|
28
|
+
return (h("z-popover", { ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", null)));
|
|
23
29
|
}
|
|
24
30
|
};
|
|
25
31
|
ZTooltip.style = stylesCss;
|
|
@@ -61,7 +61,7 @@ export declare class LicenseActivation {
|
|
|
61
61
|
mapInputStatus(licenseActivationStatus: "initial" | "success" | "fail"): null | "success" | "error" | "warning";
|
|
62
62
|
renderLicenseActivationBox(variant: LicenseActivationVariantEnum.box | LicenseActivationVariantEnum.preview): HTMLLicenseActivationBoxElement;
|
|
63
63
|
renderLicenseActivationModal(): HTMLLicenseActivationModalElement;
|
|
64
|
-
retrieveTextsObject(): LicenseActivationFormTexts;
|
|
64
|
+
retrieveTextsObject(variant: LicenseActivationVariantType): LicenseActivationFormTexts;
|
|
65
65
|
renderLicenseActivationForm(variant: LicenseActivationVariantType): HTMLLicenseActivationFormElement;
|
|
66
66
|
renderMobileButton(): HTMLZButtonElement;
|
|
67
67
|
render(): HostElement;
|
package/package.json
CHANGED
|
@@ -1,29 +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-1112cdb1.js');
|
|
7
|
-
|
|
8
|
-
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;align-content:center;justify-content:center;padding:0;border:none;background-color:transparent}button>z-icon{color:var(--bg-white);fill:currentcolor}button>z-icon.light{color:var(--bg-grey-900);fill:currentcolor}";
|
|
9
|
-
|
|
10
|
-
const ZAppSwitcher = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.appButtonClick = index.createEvent(this, "appButtonClick", 7);
|
|
14
|
-
/** theme variant, default 'dark' */
|
|
15
|
-
this.theme = index$1.ThemeVariant.DARK;
|
|
16
|
-
this.isopen = false;
|
|
17
|
-
this.emitAppButtonClick = this.emitAppButtonClick.bind(this);
|
|
18
|
-
}
|
|
19
|
-
emitAppButtonClick() {
|
|
20
|
-
this.isopen = !this.isopen;
|
|
21
|
-
this.appButtonClick.emit({ isopen: this.isopen });
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
return (index.h("button", { title: "app-switcher", onClick: () => this.emitAppButtonClick() }, index.h("z-icon", { name: "app-switcher", class: this.theme })));
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
ZAppSwitcher.style = stylesCss;
|
|
28
|
-
|
|
29
|
-
exports.z_app_switcher = ZAppSwitcher;
|
|
@@ -1,70 +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-1112cdb1.js');
|
|
7
|
-
|
|
8
|
-
const stylesCss = ".sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0;display:none;min-width:100%;height:100%;justify-content:end;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;overflow:-moz-scrollbars-none;overflow:hidden;min-width:100%;height:100%;flex-direction:column;background:var(--color-surface01);transform:translateX(100%)}@keyframes enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}[open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:enter-right;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exit-right{from{transform:translateX(0)}to{transform:translateX(100%)}}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"]>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:exit-right;animation-timing-function:ease-out;transform:translateX(100%)}[variant=\"overlay\"].sc-z-offcanvas-h{position:fixed;z-index:1000;top:var(--z-offcanvas--top-space);right:0;bottom:0;left:0;height:calc(100% - var(--z-offcanvas--top-space))}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1010}[variant=\"overlay\"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}[transitiondirection=\"right\"].sc-z-offcanvas-h{justify-content:start}[transitiondirection=\"right\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}@keyframes enter-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}[transitiondirection=\"right\"][open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:enter-left;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exit-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"][transitiondirection=\"right\"]>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:exit-left;animation-timing-function:ease-out;transform:translateX(-100%)}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;overflow-x:hidden}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{padding:0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;min-width:max(var(--z-offcanvas--container-width), 375px);max-width:max(var(--z-offcanvas--container-width), 375px);height:auto;min-height:calc(var(--space-unit) * 40)}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}.sc-z-offcanvas-h:not([variant=\"overlay\"])[open]{width:auto;animation-duration:0.4s;animation-name:grow;animation-timing-function:ease-out}}";
|
|
9
|
-
|
|
10
|
-
const ZOffcanvas = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.canvasOpenStatusChanged = index.createEvent(this, "canvasOpenStatusChanged", 7);
|
|
14
|
-
/**
|
|
15
|
-
* Offcanvas variant.
|
|
16
|
-
* Can be one of "overlay", "pushcontent"
|
|
17
|
-
* Default variant: pushcontent
|
|
18
|
-
*/
|
|
19
|
-
this.variant = index$1.OffCanvasVariant.PUSHCONTENT;
|
|
20
|
-
/** open component. Default: false */
|
|
21
|
-
this.open = false;
|
|
22
|
-
/** open content transitioning in a specified direction left | right. Default: left */
|
|
23
|
-
this.transitiondirection = index$1.TransitionDirection.LEFT;
|
|
24
|
-
}
|
|
25
|
-
componentWillLoad() {
|
|
26
|
-
this.handleOpenStatus();
|
|
27
|
-
}
|
|
28
|
-
onOpenChanged() {
|
|
29
|
-
this.handleOpenStatus();
|
|
30
|
-
this.canvasOpenStatusChanged.emit(this.open);
|
|
31
|
-
}
|
|
32
|
-
handleOpenStatus() {
|
|
33
|
-
if (this.open) {
|
|
34
|
-
this.hostElement.style.opacity = "0";
|
|
35
|
-
this.hostElement.style.display = "flex";
|
|
36
|
-
if (this.variant === index$1.OffCanvasVariant.OVERLAY) {
|
|
37
|
-
document.body.style.overflowY = "hidden";
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
else if (this.variant === index$1.OffCanvasVariant.PUSHCONTENT) {
|
|
41
|
-
this.hostElement.style.display = "none";
|
|
42
|
-
document.body.style.overflowX = "hidden";
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
handleAnimationEnd() {
|
|
46
|
-
if (this.hostElement.hasAttribute("open")) {
|
|
47
|
-
this.hostElement.querySelector(`.canvas-content`).focus();
|
|
48
|
-
}
|
|
49
|
-
else if (this.variant === index$1.OffCanvasVariant.OVERLAY) {
|
|
50
|
-
this.hostElement.style.display = "none";
|
|
51
|
-
document.body.style.overflowX = "initial";
|
|
52
|
-
document.body.style.overflowY = "initial";
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
handleAnimationStart() {
|
|
56
|
-
if (this.hostElement.hasAttribute("open")) {
|
|
57
|
-
this.hostElement.style.opacity = "1";
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
render() {
|
|
61
|
-
return (index.h(index.Host, null, index.h("div", { class: "canvas-container", onAnimationEnd: () => this.handleAnimationEnd(), onAnimationStart: () => this.handleAnimationStart() }, index.h("div", { class: "canvas-content" }, index.h("slot", { name: "canvasContent" }))), index.h("div", { class: "canvas-background", "data-action": "canvasBackground", onClick: () => (this.open = false) })));
|
|
62
|
-
}
|
|
63
|
-
get hostElement() { return index.getElement(this); }
|
|
64
|
-
static get watchers() { return {
|
|
65
|
-
"open": ["onOpenChanged"]
|
|
66
|
-
}; }
|
|
67
|
-
};
|
|
68
|
-
ZOffcanvas.style = stylesCss;
|
|
69
|
-
|
|
70
|
-
exports.z_offcanvas = ZOffcanvas;
|
|
@@ -1,235 +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-1112cdb1.js');
|
|
7
|
-
const utils = require('./utils-3ac19501.js');
|
|
8
|
-
require('./breakpoints-a55736d0.js');
|
|
9
|
-
|
|
10
|
-
const stylesCss = ":host{position:relative;z-index:5;display:block;width:inherit;height:44px;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:absolute;z-index:10;display:grid;width:100%;gap:0 calc(var(--space-unit) * 2);grid-template-columns:auto;grid-template-rows:auto}:host>div.has-submit{grid-template-columns:auto min-content}:host>div.has-results{grid-template-rows:auto auto}:host>div>z-input{width:100%;grid-column:1;grid-row:1}:host>div>z-button{grid-column:2;grid-row:1}:host>div>div.results-wrapper{overflow:auto;padding:calc(var(--space-unit) / 4);padding-bottom:calc(var(--space-unit) / 4);border:var(--border-size-small) solid var(--color-surface03);border-top:none;margin-top:-1px;background:var(--color-surface01);grid-column:1;grid-row:2}:host>div>div.results-wrapper>div.results{overflow:auto;max-height:var(--z-searchbar-results-height, 540px);padding:var(--space-unit) calc(var(--space-unit) * 1.5);padding-bottom:calc(var(--space-unit) / 2);scrollbar-color:var(--color-primary01) transparent}:host>div>div.results-wrapper>div.results::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}:host>div>div.results-wrapper>div.results::-webkit-scrollbar-track{background-color:transparent}:host>div>div.results-wrapper>div.results::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}:host>div>div.results-wrapper>div.results .category-heading{display:block;font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:var(--font-size-3)}:host>div>div.results-wrapper>div.results .category-heading>*{display:block}:host>div>div.results-wrapper>div.results span.category-heading>span.category{color:var(--color-text05);font-style:italic}:host>div>div.results-wrapper>div.results span.category-heading>span.subcategory{margin-top:8px;color:var(--color-text01);text-transform:uppercase}:host>div>div.results-wrapper>div.results z-list-element{display:block}:host>div>div.results-wrapper>div.results z-list-element:focus{box-shadow:var(--shadow-focus-primary)}:host>div>div.results-wrapper>div.results .item{--z-icon-height:12px;--z-icon-width:12px;display:flex;flex-flow:row nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;color:var(--color-text01);fill:var(--color-icon02);font-size:var(--font-size-2);line-height:var(--font-size-3)}:host>div>div.results-wrapper>div.results .item.ellipsis>span.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>div>div.results-wrapper>div.results .item>span.item-label>mark,:host>div>div.results-wrapper>div.results .item>span.item-label>*>mark{background:var(--color-primary03)}:host>div>div.results-wrapper>div.results .item.has-category{padding-left:calc(var(--space-unit) * 3)}:host>div>div.results-wrapper>div.results .item>z-icon.item-icon{padding:2px 0;margin-right:calc(var(--space-unit) * 1.5)}:host>div>div.results-wrapper>div.results .item.item-search{--z-icon-height:16px;--z-icon-width:16px}:host>div>div.results-wrapper>div.results .item.item-search>z-icon{margin-right:var(--space-unit)}:host>div>div.results-wrapper>div.results .item-show-all{display:block;text-align:center}:host>div>div.results-wrapper>div.results .item-no-results{display:block;font-size:var(--font-size-2);font-style:italic;line-height:var(--font-size-5)}:host>div>div.results-wrapper>div.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){:host>div>div.results-wrapper>div.results .category-heading{font-size:var(--font-size-3);line-height:var(--font-size-6)}:host>div>div.results-wrapper>div.results .item{--z-icon-height:12px;--z-icon-width:12px;font-size:var(--font-size-3);line-height:var(--font-size-6)}:host>div>div.results-wrapper>div.results .item.item-search{--z-icon-height:18px;--z-icon-width:18px}:host>div>div.results-wrapper>div.results .item.item-search>z-icon{margin-top:calc(var(--space-unit) / 4)}:host>div>div.results-wrapper>div.results .item.ellipsis>span.item-label{height:24px}:host>div>div.results-wrapper>div.results .item>z-icon.item-icon{padding:6px 0}}@media (min-width: 1152px){:host>div>div.results-wrapper>div.results .item{cursor:pointer}:host>div>div.results-wrapper>div.results .item-no-results{cursor:default;font-size:var(--font-size-3);line-height:var(--font-size-6)}}";
|
|
11
|
-
|
|
12
|
-
const ZSearchbar = class {
|
|
13
|
-
constructor(hostRef) {
|
|
14
|
-
index.registerInstance(this, hostRef);
|
|
15
|
-
this.searchSubmit = index.createEvent(this, "searchSubmit", 7);
|
|
16
|
-
this.searchTyping = index.createEvent(this, "searchTyping", 7);
|
|
17
|
-
this.searchItemClick = index.createEvent(this, "searchItemClick", 7);
|
|
18
|
-
/** the id of the searchbar element */
|
|
19
|
-
this.htmlid = `searchbar-${utils.randomId()}`;
|
|
20
|
-
/** Show simple input without submit button */
|
|
21
|
-
this.preventSubmit = false;
|
|
22
|
-
/** Show autocomplete results */
|
|
23
|
-
this.autocomplete = false;
|
|
24
|
-
/** Minimun number of characters to dispatch typing event */
|
|
25
|
-
this.autocompleteMinChars = 3;
|
|
26
|
-
/** Truncate results to single row */
|
|
27
|
-
this.resultsEllipsis = true;
|
|
28
|
-
/** Search helper text */
|
|
29
|
-
this.searchHelperLabel = "Cerca {searchString}";
|
|
30
|
-
/** Sort autocomplete results items */
|
|
31
|
-
this.sortResultsItems = false;
|
|
32
|
-
this.searchString = "";
|
|
33
|
-
this.currResultsCount = 0;
|
|
34
|
-
this.showResults = false;
|
|
35
|
-
this.resultsItemsList = null;
|
|
36
|
-
}
|
|
37
|
-
emitSearchSubmit() {
|
|
38
|
-
this.searchSubmit.emit(this.searchString);
|
|
39
|
-
}
|
|
40
|
-
emitSearchTyping(search) {
|
|
41
|
-
this.searchTyping.emit(search);
|
|
42
|
-
}
|
|
43
|
-
emitSearchItemClick(item) {
|
|
44
|
-
this.searchItemClick.emit(item);
|
|
45
|
-
}
|
|
46
|
-
watchItems() {
|
|
47
|
-
this.resultsItemsList = this.getResultsItemsList();
|
|
48
|
-
}
|
|
49
|
-
watchResultsCount() {
|
|
50
|
-
this.currResultsCount = this.resultsCount;
|
|
51
|
-
}
|
|
52
|
-
watchValue() {
|
|
53
|
-
this.handleInput(this.value);
|
|
54
|
-
}
|
|
55
|
-
watchSearchString() {
|
|
56
|
-
this.emitSearchTyping(this.searchString);
|
|
57
|
-
if (!this.searchString) {
|
|
58
|
-
this.currResultsCount = this.resultsCount;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
clickListener(e) {
|
|
62
|
-
this.handleOutsideClick(e);
|
|
63
|
-
}
|
|
64
|
-
componentWillLoad() {
|
|
65
|
-
this.resultsItemsList = this.getResultsItemsList();
|
|
66
|
-
this.currResultsCount = this.resultsCount;
|
|
67
|
-
this.handleInput(this.value);
|
|
68
|
-
}
|
|
69
|
-
getResultsItemsList() {
|
|
70
|
-
return typeof this.resultsItems === "string" ? JSON.parse(this.resultsItems) : this.resultsItems;
|
|
71
|
-
}
|
|
72
|
-
getGroupedItems(items) {
|
|
73
|
-
const groupedItems = {};
|
|
74
|
-
items.forEach((item) => {
|
|
75
|
-
var _a;
|
|
76
|
-
const key = `${item === null || item === void 0 ? void 0 : item.category}${item === null || item === void 0 ? void 0 : item.subcategory}`;
|
|
77
|
-
groupedItems[key] = (_a = groupedItems[key]) !== null && _a !== void 0 ? _a : {
|
|
78
|
-
category: item === null || item === void 0 ? void 0 : item.category,
|
|
79
|
-
subcategory: item === null || item === void 0 ? void 0 : item.subcategory,
|
|
80
|
-
items: [],
|
|
81
|
-
};
|
|
82
|
-
groupedItems[key]["items"].push(item);
|
|
83
|
-
});
|
|
84
|
-
if (this.sortResultsItems) {
|
|
85
|
-
return Object.keys(groupedItems)
|
|
86
|
-
.sort()
|
|
87
|
-
.reduce((obj, key) => {
|
|
88
|
-
obj[key] = Object.assign(Object.assign({}, groupedItems[key]), { items: groupedItems[key]["items"].sort((a, b) => {
|
|
89
|
-
const nameA = a.label.toUpperCase();
|
|
90
|
-
const nameB = b.label.toUpperCase();
|
|
91
|
-
if (nameA < nameB) {
|
|
92
|
-
return -1;
|
|
93
|
-
}
|
|
94
|
-
if (nameA > nameB) {
|
|
95
|
-
return 1;
|
|
96
|
-
}
|
|
97
|
-
return 0;
|
|
98
|
-
}) });
|
|
99
|
-
return obj;
|
|
100
|
-
}, {});
|
|
101
|
-
}
|
|
102
|
-
return groupedItems;
|
|
103
|
-
}
|
|
104
|
-
checkResultsCount(counter) {
|
|
105
|
-
if (!this.currResultsCount || counter < this.currResultsCount) {
|
|
106
|
-
return true;
|
|
107
|
-
}
|
|
108
|
-
return false;
|
|
109
|
-
}
|
|
110
|
-
handleStopTyping(e) {
|
|
111
|
-
e.stopPropagation();
|
|
112
|
-
this.handleInput(e.detail.value);
|
|
113
|
-
}
|
|
114
|
-
handleInput(value) {
|
|
115
|
-
if ((value === null || value === void 0 ? void 0 : value.length) >= this.autocompleteMinChars) {
|
|
116
|
-
this.searchString = value;
|
|
117
|
-
}
|
|
118
|
-
else if (this.searchString) {
|
|
119
|
-
this.searchString = "";
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
handleSubmit() {
|
|
123
|
-
if (this.preventSubmit) {
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
this.emitSearchSubmit();
|
|
127
|
-
}
|
|
128
|
-
handleOutsideClick(e) {
|
|
129
|
-
const cp = e.composedPath();
|
|
130
|
-
const searchbar = cp.find((elem) => elem.nodeName === "Z-SEARCHBAR");
|
|
131
|
-
if (!searchbar || searchbar.htmlid !== this.htmlid) {
|
|
132
|
-
this.showResults = false;
|
|
133
|
-
return;
|
|
134
|
-
}
|
|
135
|
-
if (cp.find((elem) => { var _a; return (elem === null || elem === void 0 ? void 0 : elem.nodeName) === "Z-INPUT" || ((_a = elem === null || elem === void 0 ? void 0 : elem.classList) === null || _a === void 0 ? void 0 : _a.contains("results")); })) {
|
|
136
|
-
this.showResults = true;
|
|
137
|
-
return;
|
|
138
|
-
}
|
|
139
|
-
this.showResults = false;
|
|
140
|
-
}
|
|
141
|
-
renderInput() {
|
|
142
|
-
return (index.h("z-input", { message: false, placeholder: this.placeholder, onStopTyping: (e) => this.handleStopTyping(e), onKeyUp: (e) => utils.handleKeyboardSubmit(e, () => this.handleSubmit()), value: this.value }));
|
|
143
|
-
}
|
|
144
|
-
renderButton() {
|
|
145
|
-
if (this.preventSubmit) {
|
|
146
|
-
return null;
|
|
147
|
-
}
|
|
148
|
-
return (index.h("z-button", { variant: index$1.ButtonVariant.PRIMARY, onClick: () => this.handleSubmit() }, "CERCA"));
|
|
149
|
-
}
|
|
150
|
-
renderResults() {
|
|
151
|
-
if (!this.showResults ||
|
|
152
|
-
!this.autocomplete ||
|
|
153
|
-
!this.searchString ||
|
|
154
|
-
this.searchString.length < this.autocompleteMinChars ||
|
|
155
|
-
!this.resultsItemsList) {
|
|
156
|
-
return null;
|
|
157
|
-
}
|
|
158
|
-
return (index.h("div", { class: "results-wrapper" }, index.h("div", { class: "results" }, this.renderResultsList())));
|
|
159
|
-
}
|
|
160
|
-
renderResultsList() {
|
|
161
|
-
var _a, _b;
|
|
162
|
-
if (this.preventSubmit && !((_a = this.resultsItemsList) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
163
|
-
return (index.h("span", { class: "item item-no-results" }, "Non abbiamo trovato risultati per ", index.h("b", null, this.searchString), index.h("br", null), index.h("br", null), "Cosa puoi fare?", index.h("ul", null, index.h("li", null, "Verificare di aver scritto bene"), index.h("li", null, "Provare a cercare un'altra parola"), index.h("li", null, "Provare a cercare qualcosa di pi\u00F9 generico"))));
|
|
164
|
-
}
|
|
165
|
-
return (index.h("z-list", { role: "listbox", id: `list-${this.htmlid}` }, this.renderSearchHelper(!!((_b = this.resultsItemsList) === null || _b === void 0 ? void 0 : _b.length)), this.renderItems(), this.renderShowAllResults()));
|
|
166
|
-
}
|
|
167
|
-
renderItems() {
|
|
168
|
-
var _a;
|
|
169
|
-
if (!((_a = this.resultsItemsList) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
170
|
-
return [];
|
|
171
|
-
}
|
|
172
|
-
const groupedItems = this.getGroupedItems(this.resultsItemsList);
|
|
173
|
-
const listGroups = [];
|
|
174
|
-
let counter = 0;
|
|
175
|
-
Object.values(groupedItems).forEach((groupItem, index$2, array) => {
|
|
176
|
-
if (this.checkResultsCount(counter)) {
|
|
177
|
-
const listGroupsElements = [];
|
|
178
|
-
groupItem.items.forEach((item, subindex, subarray) => {
|
|
179
|
-
if (this.checkResultsCount(counter)) {
|
|
180
|
-
const isLast = index$2 === array.length - 1 && subindex === subarray.length - 1;
|
|
181
|
-
listGroupsElements.push(this.renderItem(item, subindex, !isLast));
|
|
182
|
-
}
|
|
183
|
-
counter++;
|
|
184
|
-
});
|
|
185
|
-
if (listGroupsElements.length) {
|
|
186
|
-
listGroups.push(index.h("z-list-group", { "divider-type": index$1.ListDividerType.ELEMENT }, this.renderItemCategory(groupItem), listGroupsElements));
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
});
|
|
190
|
-
return listGroups;
|
|
191
|
-
}
|
|
192
|
-
renderItem(item, key, divider) {
|
|
193
|
-
return (index.h("z-list-element", { id: `list-item-${this.htmlid}-${key}`, role: "option", tabindex: 0, dividerType: divider ? index$1.ListDividerType.ELEMENT : undefined, clickable: true, onClickItem: () => this.emitSearchItemClick(item) }, index.h("span", { class: { "item": true, "ellipsis": this.resultsEllipsis, "has-category": !!item.category } }, (item === null || item === void 0 ? void 0 : item.icon) && (index.h("z-icon", { class: "item-icon", name: item.icon })), index.h("span", { class: "item-label", title: item.label, innerHTML: this.renderItemLabel(item.label) }))));
|
|
194
|
-
}
|
|
195
|
-
renderItemLabel(label) {
|
|
196
|
-
if (!this.searchString) {
|
|
197
|
-
return label;
|
|
198
|
-
}
|
|
199
|
-
return label.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gmi"), (found) => `<mark>${found}</mark>`);
|
|
200
|
-
}
|
|
201
|
-
renderItemCategory(groupItem) {
|
|
202
|
-
if (!(groupItem === null || groupItem === void 0 ? void 0 : groupItem.category)) {
|
|
203
|
-
return null;
|
|
204
|
-
}
|
|
205
|
-
return (index.h("span", { class: "category-heading", slot: "header-title" }, index.h("span", { class: "category" }, groupItem.category), (groupItem === null || groupItem === void 0 ? void 0 : groupItem.subcategory) && index.h("span", { class: "subcategory" }, groupItem.subcategory)));
|
|
206
|
-
}
|
|
207
|
-
renderSearchHelper(hasDivider = true) {
|
|
208
|
-
if (!this.autocomplete || this.preventSubmit || !this.searchString) {
|
|
209
|
-
return null;
|
|
210
|
-
}
|
|
211
|
-
return (index.h("z-list-element", { role: "option", tabindex: 0, dividerType: hasDivider ? index$1.ListDividerType.ELEMENT : undefined, clickable: true, id: `list-item-${this.htmlid}-search`, onClickItem: () => this.emitSearchSubmit() }, index.h("span", { class: "item item-search" }, index.h("z-icon", { class: "search-icon", name: "left-magnifying-glass" }), index.h("span", { class: "item-label", innerHTML: this.searchHelperLabel.replace("{searchString}", `<mark>${this.searchString}</mark>`) }))));
|
|
212
|
-
}
|
|
213
|
-
renderShowAllResults() {
|
|
214
|
-
var _a, _b;
|
|
215
|
-
if (!this.currResultsCount ||
|
|
216
|
-
!this.searchString ||
|
|
217
|
-
!((_a = this.resultsItemsList) === null || _a === void 0 ? void 0 : _a.length) ||
|
|
218
|
-
this.currResultsCount >= ((_b = this.resultsItemsList) === null || _b === void 0 ? void 0 : _b.length)) {
|
|
219
|
-
return null;
|
|
220
|
-
}
|
|
221
|
-
return (index.h("z-list-element", { role: "option", tabindex: 0, clickable: true, id: `list-item-${this.htmlid}-show-all`, onClickItem: () => (this.currResultsCount = 0) }, index.h("span", { class: "item-show-all" }, index.h("z-link", null, "Vedi tutti i risultati"))));
|
|
222
|
-
}
|
|
223
|
-
render() {
|
|
224
|
-
return (index.h(index.Host, { onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e) }, index.h("div", { class: { "has-submit": !this.preventSubmit, "has-results": this.autocomplete } }, this.renderInput(), this.renderResults(), this.renderButton())));
|
|
225
|
-
}
|
|
226
|
-
static get watchers() { return {
|
|
227
|
-
"resultsItems": ["watchItems"],
|
|
228
|
-
"resultsCount": ["watchResultsCount"],
|
|
229
|
-
"value": ["watchValue"],
|
|
230
|
-
"searchString": ["watchSearchString"]
|
|
231
|
-
}; }
|
|
232
|
-
};
|
|
233
|
-
ZSearchbar.style = stylesCss;
|
|
234
|
-
|
|
235
|
-
exports.z_searchbar = ZSearchbar;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as i}from"./p-0f55558e.js";import{T as r}from"./p-78d71789.js";const n=class{constructor(i){t(this,i),this.appButtonClick=o(this,"appButtonClick",7),this.theme=r.DARK,this.isopen=!1,this.emitAppButtonClick=this.emitAppButtonClick.bind(this)}emitAppButtonClick(){this.isopen=!this.isopen,this.appButtonClick.emit({isopen:this.isopen})}render(){return i("button",{title:"app-switcher",onClick:()=>this.emitAppButtonClick()},i("z-icon",{name:"app-switcher",class:this.theme}))}};n.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;align-content:center;justify-content:center;padding:0;border:none;background-color:transparent}button>z-icon{color:var(--bg-white);fill:currentcolor}button>z-icon.light{color:var(--bg-grey-900);fill:currentcolor}";export{n as z_app_switcher}
|