@zanichelli/albe-web-components 6.3.3 → 6.4.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/CHANGELOG.md +15 -0
- package/dist/cjs/{index-e3299e0a.js → index-0b49c192.js} +207 -225
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/web-components-library.cjs.js +3 -3
- package/dist/cjs/z-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-anchor-navigation.cjs.entry.js +1 -1
- package/dist/cjs/z-app-header_2.cjs.entry.js +1 -1
- package/dist/cjs/z-app-switcher_2.cjs.entry.js +1 -1
- package/dist/cjs/z-app-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-avatar.cjs.entry.js +1 -1
- package/dist/cjs/z-body_2.cjs.entry.js +1 -1
- package/dist/cjs/z-button-sort.cjs.entry.js +1 -1
- package/dist/cjs/z-button.cjs.entry.js +1 -1
- package/dist/cjs/z-card.cjs.entry.js +1 -1
- package/dist/cjs/z-carousel.cjs.entry.js +1 -1
- package/dist/cjs/z-chip.cjs.entry.js +1 -1
- package/dist/cjs/z-combobox.cjs.entry.js +22 -2
- package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
- package/dist/cjs/z-cover-hero.cjs.entry.js +1 -1
- package/dist/cjs/z-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/z-divider.cjs.entry.js +1 -1
- package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +1 -1
- package/dist/cjs/z-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/z-file.cjs.entry.js +1 -1
- package/dist/cjs/z-ghost-loading.cjs.entry.js +1 -1
- package/dist/cjs/z-icon-package.cjs.entry.js +1 -1
- package/dist/cjs/z-info-box.cjs.entry.js +1 -1
- package/dist/cjs/z-info-reveal.cjs.entry.js +1 -1
- package/dist/cjs/z-input_2.cjs.entry.js +1 -1
- package/dist/cjs/z-link.cjs.entry.js +1 -1
- package/dist/cjs/z-list_3.cjs.entry.js +1 -1
- package/dist/cjs/z-menu-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/z-menu-section.cjs.entry.js +1 -1
- package/dist/cjs/z-menu.cjs.entry.js +1 -1
- package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
- package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
- package/dist/cjs/z-modal.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-icon.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-list.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-list-item.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-list.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tab-link.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
- package/dist/cjs/z-notification.cjs.entry.js +1 -1
- package/dist/cjs/z-offcanvas.cjs.entry.js +2 -2
- package/dist/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/cjs/z-pagination.cjs.entry.js +1 -1
- package/dist/cjs/z-panel-elem.cjs.entry.js +1 -1
- package/dist/cjs/z-pocket-message.cjs.entry.js +1 -1
- package/dist/cjs/z-pocket_3.cjs.entry.js +1 -1
- package/dist/cjs/z-popover.cjs.entry.js +1 -1
- package/dist/cjs/z-range-picker.cjs.entry.js +1 -1
- package/dist/cjs/z-section-title.cjs.entry.js +1 -1
- package/dist/cjs/z-select.cjs.entry.js +12 -9
- package/dist/cjs/z-skip-to-content.cjs.entry.js +1 -1
- package/dist/cjs/z-slideshow.cjs.entry.js +1 -1
- package/dist/cjs/z-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/z-stepper.cjs.entry.js +1 -1
- package/dist/cjs/z-table-body.cjs.entry.js +1 -1
- package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/z-table-empty-box.cjs.entry.js +1 -1
- package/dist/cjs/z-table-expanded-row.cjs.entry.js +1 -1
- package/dist/cjs/z-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-table-head.cjs.entry.js +1 -1
- package/dist/cjs/z-table-header-row.cjs.entry.js +1 -1
- package/dist/cjs/z-table-header.cjs.entry.js +1 -1
- package/dist/cjs/z-table-row.cjs.entry.js +1 -1
- package/dist/cjs/z-table-sticky-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-table.cjs.entry.js +1 -1
- package/dist/cjs/z-tag.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
- package/dist/cjs/z-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/z-toggle-switch.cjs.entry.js +1 -1
- package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/z-user-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/z-visually-hidden.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/inputs/z-combobox/index.js +39 -2
- package/dist/collection/components/inputs/z-select/index.js +9 -6
- package/dist/collection/components/z-offcanvas/styles.css +5 -2
- package/dist/esm/{index-a2ca4b97.js → index-3517583d.js} +207 -225
- package/dist/esm/loader.js +3 -3
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/web-components-library.js +3 -3
- package/dist/esm/z-alert.entry.js +1 -1
- package/dist/esm/z-anchor-navigation.entry.js +1 -1
- package/dist/esm/z-app-header_2.entry.js +1 -1
- package/dist/esm/z-app-switcher_2.entry.js +1 -1
- package/dist/esm/z-app-topbar.entry.js +1 -1
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +1 -1
- package/dist/esm/z-body_2.entry.js +1 -1
- package/dist/esm/z-button-sort.entry.js +1 -1
- package/dist/esm/z-button.entry.js +1 -1
- package/dist/esm/z-card.entry.js +1 -1
- package/dist/esm/z-carousel.entry.js +1 -1
- package/dist/esm/z-chip.entry.js +1 -1
- package/dist/esm/z-combobox.entry.js +23 -3
- package/dist/esm/z-contextual-menu.entry.js +1 -1
- package/dist/esm/z-cover-hero.entry.js +1 -1
- package/dist/esm/z-date-picker.entry.js +1 -1
- package/dist/esm/z-divider.entry.js +1 -1
- package/dist/esm/z-dragdrop-area_2.entry.js +1 -1
- package/dist/esm/z-file-upload.entry.js +1 -1
- package/dist/esm/z-file.entry.js +1 -1
- package/dist/esm/z-ghost-loading.entry.js +1 -1
- package/dist/esm/z-icon-package.entry.js +1 -1
- package/dist/esm/z-info-box.entry.js +1 -1
- package/dist/esm/z-info-reveal.entry.js +1 -1
- package/dist/esm/z-input_2.entry.js +1 -1
- package/dist/esm/z-link.entry.js +1 -1
- package/dist/esm/z-list_3.entry.js +1 -1
- package/dist/esm/z-menu-dropdown.entry.js +1 -1
- package/dist/esm/z-menu-section.entry.js +1 -1
- package/dist/esm/z-menu.entry.js +1 -1
- package/dist/esm/z-messages-pocket.entry.js +1 -1
- package/dist/esm/z-modal-login.entry.js +1 -1
- package/dist/esm/z-modal.entry.js +1 -1
- package/dist/esm/z-myz-card-alert.entry.js +1 -1
- package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
- package/dist/esm/z-myz-card-footer-sections.entry.js +1 -1
- package/dist/esm/z-myz-card-footer.entry.js +1 -1
- package/dist/esm/z-myz-card-icon.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +1 -1
- package/dist/esm/z-myz-card-list.entry.js +1 -1
- package/dist/esm/z-myz-card_4.entry.js +1 -1
- package/dist/esm/z-myz-list-item.entry.js +1 -1
- package/dist/esm/z-myz-list.entry.js +1 -1
- package/dist/esm/z-navigation-tab-link.entry.js +1 -1
- package/dist/esm/z-navigation-tab.entry.js +1 -1
- package/dist/esm/z-navigation-tabs.entry.js +1 -1
- package/dist/esm/z-notification.entry.js +1 -1
- package/dist/esm/z-offcanvas.entry.js +2 -2
- package/dist/esm/z-otp.entry.js +1 -1
- package/dist/esm/z-pagination.entry.js +1 -1
- package/dist/esm/z-panel-elem.entry.js +1 -1
- package/dist/esm/z-pocket-message.entry.js +1 -1
- package/dist/esm/z-pocket_3.entry.js +1 -1
- package/dist/esm/z-popover.entry.js +1 -1
- package/dist/esm/z-range-picker.entry.js +1 -1
- package/dist/esm/z-section-title.entry.js +1 -1
- package/dist/esm/z-select.entry.js +10 -7
- package/dist/esm/z-skip-to-content.entry.js +1 -1
- package/dist/esm/z-slideshow.entry.js +1 -1
- package/dist/esm/z-stepper-item.entry.js +1 -1
- package/dist/esm/z-stepper.entry.js +1 -1
- package/dist/esm/z-table-body.entry.js +1 -1
- package/dist/esm/z-table-cell.entry.js +1 -1
- package/dist/esm/z-table-empty-box.entry.js +1 -1
- package/dist/esm/z-table-expanded-row.entry.js +1 -1
- package/dist/esm/z-table-footer.entry.js +1 -1
- package/dist/esm/z-table-head.entry.js +1 -1
- package/dist/esm/z-table-header-row.entry.js +1 -1
- package/dist/esm/z-table-header.entry.js +1 -1
- package/dist/esm/z-table-row.entry.js +1 -1
- package/dist/esm/z-table-sticky-footer.entry.js +1 -1
- package/dist/esm/z-table.entry.js +1 -1
- package/dist/esm/z-tag.entry.js +1 -1
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +1 -1
- package/dist/esm/z-toggle-button.entry.js +1 -1
- package/dist/esm/z-toggle-switch.entry.js +1 -1
- package/dist/esm/z-tooltip.entry.js +1 -1
- package/dist/esm/z-user-dropdown.entry.js +1 -1
- package/dist/esm/z-visually-hidden.entry.js +1 -1
- package/dist/types/beans/index.d.ts +1 -0
- package/dist/types/components/inputs/z-combobox/index.d.ts +4 -0
- package/dist/types/components/inputs/z-select/index.d.ts +1 -0
- package/dist/types/components.d.ts +8 -0
- package/dist/types/stencil-public-runtime.d.ts +4 -15
- package/dist/web-components-library/{p-7af991f5.entry.js → p-04e21cfc.entry.js} +1 -1
- package/dist/web-components-library/{p-3c2d438b.entry.js → p-0617465e.entry.js} +1 -1
- package/dist/web-components-library/{p-e40b16fa.entry.js → p-0a03d96b.entry.js} +1 -1
- package/dist/web-components-library/{p-1b6279a6.entry.js → p-11277636.entry.js} +1 -1
- package/dist/web-components-library/{p-8980398c.entry.js → p-14088110.entry.js} +1 -1
- package/dist/web-components-library/{p-2acd6a51.entry.js → p-146d00a4.entry.js} +1 -1
- package/dist/web-components-library/{p-5b6d2bcf.entry.js → p-14f11a64.entry.js} +1 -1
- package/dist/web-components-library/{p-411cbcd6.entry.js → p-2274996e.entry.js} +1 -1
- package/dist/web-components-library/{p-a2b67e2d.entry.js → p-23cf5ac4.entry.js} +1 -1
- package/dist/web-components-library/{p-f158d205.entry.js → p-25769717.entry.js} +1 -1
- package/dist/web-components-library/{p-0843b0e7.entry.js → p-25d2f10b.entry.js} +1 -1
- package/dist/web-components-library/{p-9965827d.entry.js → p-2808b914.entry.js} +1 -1
- package/dist/web-components-library/{p-20a3247c.entry.js → p-29508ba1.entry.js} +1 -1
- package/dist/web-components-library/{p-eaa4eba8.entry.js → p-2acf124c.entry.js} +1 -1
- package/{www/build/p-bdc6f2e5.entry.js → dist/web-components-library/p-2bf3dfd8.entry.js} +1 -1
- package/dist/web-components-library/{p-93dc6d51.entry.js → p-309f0d89.entry.js} +1 -1
- package/dist/web-components-library/{p-f95cc914.entry.js → p-3124aed0.entry.js} +1 -1
- package/dist/web-components-library/{p-3a468aa9.entry.js → p-33a1112a.entry.js} +1 -1
- package/dist/web-components-library/{p-074ea569.entry.js → p-348c5ada.entry.js} +1 -1
- package/dist/web-components-library/{p-c4417a91.entry.js → p-363c7e45.entry.js} +1 -1
- package/dist/web-components-library/{p-37e050bd.entry.js → p-3b974737.entry.js} +1 -1
- package/dist/web-components-library/{p-f0653e72.entry.js → p-3e597061.entry.js} +1 -1
- package/{www/build/p-f20d1242.entry.js → dist/web-components-library/p-406d605a.entry.js} +1 -1
- package/dist/web-components-library/{p-26f834e5.entry.js → p-45348cbc.entry.js} +1 -1
- package/dist/web-components-library/{p-ce83ce18.entry.js → p-48134f75.entry.js} +1 -1
- package/dist/web-components-library/p-481db363.entry.js +1 -0
- package/dist/web-components-library/{p-3f55dce6.entry.js → p-4fe96235.entry.js} +1 -1
- package/dist/web-components-library/{p-810bd730.entry.js → p-6a53a0d8.entry.js} +1 -1
- package/dist/web-components-library/{p-33352f9e.entry.js → p-6c63079c.entry.js} +1 -1
- package/dist/web-components-library/{p-8bf0844b.entry.js → p-7191be2d.entry.js} +1 -1
- package/dist/web-components-library/{p-73c91de3.entry.js → p-71ff9b83.entry.js} +1 -1
- package/dist/web-components-library/{p-59cfee8d.entry.js → p-78ff0efe.entry.js} +1 -1
- package/dist/web-components-library/{p-540c7d73.entry.js → p-79940e8f.entry.js} +1 -1
- package/{www/build/p-a82ea410.entry.js → dist/web-components-library/p-7c415bfe.entry.js} +1 -1
- package/dist/web-components-library/{p-beba3e67.entry.js → p-822a2027.entry.js} +1 -1
- package/{www/build/p-009c9f67.entry.js → dist/web-components-library/p-82c03635.entry.js} +1 -1
- package/dist/web-components-library/{p-07e18572.entry.js → p-852f3031.entry.js} +1 -1
- package/dist/web-components-library/{p-b33f5e6a.entry.js → p-8709db71.entry.js} +1 -1
- package/dist/web-components-library/p-87942fb9.entry.js +1 -0
- package/dist/web-components-library/{p-a79d1412.entry.js → p-88b9d5b4.entry.js} +1 -1
- package/{www/build/p-9c338aeb.entry.js → dist/web-components-library/p-8a21c30e.entry.js} +1 -1
- package/dist/web-components-library/{p-6b1a5309.entry.js → p-8db62c1c.entry.js} +1 -1
- package/{www/build/p-95b8f109.entry.js → dist/web-components-library/p-8f8a9683.entry.js} +1 -1
- package/dist/web-components-library/{p-9ed27651.entry.js → p-90f3dc7f.entry.js} +1 -1
- package/dist/web-components-library/{p-34c26207.entry.js → p-98f4fdb5.entry.js} +1 -1
- package/dist/web-components-library/{p-38a3cf3b.entry.js → p-9aeb2e7a.entry.js} +1 -1
- package/dist/web-components-library/{p-4cd6c6f4.entry.js → p-9c0df331.entry.js} +1 -1
- package/dist/web-components-library/{p-ede9fbf5.entry.js → p-a55ef7b5.entry.js} +1 -1
- package/dist/web-components-library/{p-5dd9a2c6.entry.js → p-a9cf8d5a.entry.js} +1 -1
- package/dist/web-components-library/{p-9d57a84c.entry.js → p-ae2dd723.entry.js} +1 -1
- package/{www/build/p-01f001fd.entry.js → dist/web-components-library/p-b2dc5cee.entry.js} +1 -1
- package/dist/web-components-library/p-b366ef8e.js +2 -0
- package/dist/web-components-library/{p-9c28b8fc.entry.js → p-bc28797e.entry.js} +1 -1
- package/{www/build/p-2d1b6c3c.entry.js → dist/web-components-library/p-be4dcede.entry.js} +1 -1
- package/dist/web-components-library/p-bffce318.entry.js +1 -0
- package/dist/web-components-library/{p-bb0fe7bc.entry.js → p-c0d382bc.entry.js} +1 -1
- package/dist/web-components-library/{p-9d03a7d6.entry.js → p-c1c6988e.entry.js} +1 -1
- package/dist/web-components-library/{p-61424b8a.entry.js → p-c4b70baa.entry.js} +1 -1
- package/dist/web-components-library/{p-214b6cee.entry.js → p-c5056ee2.entry.js} +1 -1
- package/dist/web-components-library/{p-af4d1987.entry.js → p-c5ecf36a.entry.js} +1 -1
- package/dist/web-components-library/{p-c25b0b2a.entry.js → p-c7fdb1ba.entry.js} +1 -1
- package/dist/web-components-library/{p-8ffc17b7.entry.js → p-cabf67dc.entry.js} +1 -1
- package/dist/web-components-library/{p-8b960526.entry.js → p-cb39beff.entry.js} +1 -1
- package/dist/web-components-library/{p-8c105bd1.entry.js → p-cc228556.entry.js} +1 -1
- package/dist/web-components-library/{p-0fa4b50b.entry.js → p-d0f719a2.entry.js} +1 -1
- package/dist/web-components-library/{p-db3c8e3e.entry.js → p-d4f61a8f.entry.js} +1 -1
- package/dist/web-components-library/{p-682528b2.entry.js → p-dcea5be3.entry.js} +1 -1
- package/dist/web-components-library/{p-b17981a4.entry.js → p-ddd1a2f9.entry.js} +1 -1
- package/dist/web-components-library/{p-b6f36170.entry.js → p-de98b941.entry.js} +1 -1
- package/dist/web-components-library/p-dee7b19b.entry.js +1 -0
- package/dist/web-components-library/p-e137a17f.entry.js +1 -0
- package/dist/web-components-library/{p-1cb23bbb.entry.js → p-e589999c.entry.js} +1 -1
- package/dist/web-components-library/{p-279655eb.entry.js → p-e7990dec.entry.js} +1 -1
- package/dist/web-components-library/{p-51e308ca.entry.js → p-ea140c86.entry.js} +1 -1
- package/dist/web-components-library/{p-2efedcf4.entry.js → p-eb612914.entry.js} +1 -1
- package/dist/web-components-library/{p-475ca461.entry.js → p-eddaa3ce.entry.js} +1 -1
- package/dist/web-components-library/{p-344e7ae7.entry.js → p-f0a63044.entry.js} +1 -1
- package/dist/web-components-library/{p-05ced71c.entry.js → p-f2f9134b.entry.js} +1 -1
- package/dist/web-components-library/{p-1ba8d432.entry.js → p-f6b8bc8d.entry.js} +1 -1
- package/dist/web-components-library/{p-67d6cfcb.entry.js → p-fb45f2b0.entry.js} +1 -1
- package/dist/web-components-library/{p-3be171d0.entry.js → p-ff000765.entry.js} +1 -1
- package/dist/web-components-library/{p-735bdfa3.entry.js → p-ffacff3f.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.css +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/{p-7af991f5.entry.js → p-04e21cfc.entry.js} +1 -1
- package/www/build/{p-3c2d438b.entry.js → p-0617465e.entry.js} +1 -1
- package/www/build/{p-e40b16fa.entry.js → p-0a03d96b.entry.js} +1 -1
- package/www/build/{p-1b6279a6.entry.js → p-11277636.entry.js} +1 -1
- package/www/build/{p-8980398c.entry.js → p-14088110.entry.js} +1 -1
- package/www/build/{p-2acd6a51.entry.js → p-146d00a4.entry.js} +1 -1
- package/www/build/{p-5b6d2bcf.entry.js → p-14f11a64.entry.js} +1 -1
- package/www/build/{p-411cbcd6.entry.js → p-2274996e.entry.js} +1 -1
- package/www/build/{p-a2b67e2d.entry.js → p-23cf5ac4.entry.js} +1 -1
- package/www/build/{p-f158d205.entry.js → p-25769717.entry.js} +1 -1
- package/www/build/{p-0843b0e7.entry.js → p-25d2f10b.entry.js} +1 -1
- package/www/build/{p-9965827d.entry.js → p-2808b914.entry.js} +1 -1
- package/www/build/{p-20a3247c.entry.js → p-29508ba1.entry.js} +1 -1
- package/www/build/{p-eaa4eba8.entry.js → p-2acf124c.entry.js} +1 -1
- package/{dist/web-components-library/p-bdc6f2e5.entry.js → www/build/p-2bf3dfd8.entry.js} +1 -1
- package/www/build/{p-93dc6d51.entry.js → p-309f0d89.entry.js} +1 -1
- package/www/build/{p-f95cc914.entry.js → p-3124aed0.entry.js} +1 -1
- package/www/build/{p-3a468aa9.entry.js → p-33a1112a.entry.js} +1 -1
- package/www/build/{p-074ea569.entry.js → p-348c5ada.entry.js} +1 -1
- package/www/build/{p-c4417a91.entry.js → p-363c7e45.entry.js} +1 -1
- package/www/build/{p-37e050bd.entry.js → p-3b974737.entry.js} +1 -1
- package/www/build/{p-f0653e72.entry.js → p-3e597061.entry.js} +1 -1
- package/{dist/web-components-library/p-f20d1242.entry.js → www/build/p-406d605a.entry.js} +1 -1
- package/www/build/{p-26f834e5.entry.js → p-45348cbc.entry.js} +1 -1
- package/www/build/{p-ce83ce18.entry.js → p-48134f75.entry.js} +1 -1
- package/www/build/p-481db363.entry.js +1 -0
- package/www/build/p-4c9c83c0.css +1 -0
- package/www/build/{p-3f55dce6.entry.js → p-4fe96235.entry.js} +1 -1
- package/www/build/{p-810bd730.entry.js → p-6a53a0d8.entry.js} +1 -1
- package/www/build/{p-33352f9e.entry.js → p-6c63079c.entry.js} +1 -1
- package/www/build/{p-8bf0844b.entry.js → p-7191be2d.entry.js} +1 -1
- package/www/build/{p-73c91de3.entry.js → p-71ff9b83.entry.js} +1 -1
- package/www/build/{p-59cfee8d.entry.js → p-78ff0efe.entry.js} +1 -1
- package/www/build/{p-540c7d73.entry.js → p-79940e8f.entry.js} +1 -1
- package/{dist/web-components-library/p-a82ea410.entry.js → www/build/p-7c415bfe.entry.js} +1 -1
- package/www/build/{p-beba3e67.entry.js → p-822a2027.entry.js} +1 -1
- package/{dist/web-components-library/p-009c9f67.entry.js → www/build/p-82c03635.entry.js} +1 -1
- package/www/build/{p-07e18572.entry.js → p-852f3031.entry.js} +1 -1
- package/www/build/{p-b33f5e6a.entry.js → p-8709db71.entry.js} +1 -1
- package/www/build/p-87942fb9.entry.js +1 -0
- package/www/build/{p-a79d1412.entry.js → p-88b9d5b4.entry.js} +1 -1
- package/{dist/web-components-library/p-9c338aeb.entry.js → www/build/p-8a21c30e.entry.js} +1 -1
- package/www/build/{p-6b1a5309.entry.js → p-8db62c1c.entry.js} +1 -1
- package/{dist/web-components-library/p-95b8f109.entry.js → www/build/p-8f8a9683.entry.js} +1 -1
- package/www/build/{p-9ed27651.entry.js → p-90f3dc7f.entry.js} +1 -1
- package/www/build/{p-34c26207.entry.js → p-98f4fdb5.entry.js} +1 -1
- package/www/build/{p-38a3cf3b.entry.js → p-9aeb2e7a.entry.js} +1 -1
- package/www/build/{p-4cd6c6f4.entry.js → p-9c0df331.entry.js} +1 -1
- package/www/build/{p-ede9fbf5.entry.js → p-a55ef7b5.entry.js} +1 -1
- package/www/build/{p-5dd9a2c6.entry.js → p-a9cf8d5a.entry.js} +1 -1
- package/www/build/{p-9d57a84c.entry.js → p-ae2dd723.entry.js} +1 -1
- package/{dist/web-components-library/p-01f001fd.entry.js → www/build/p-b2dc5cee.entry.js} +1 -1
- package/www/build/p-b366ef8e.js +2 -0
- package/www/build/{p-9c28b8fc.entry.js → p-bc28797e.entry.js} +1 -1
- package/{dist/web-components-library/p-2d1b6c3c.entry.js → www/build/p-be4dcede.entry.js} +1 -1
- package/www/build/p-bffce318.entry.js +1 -0
- package/www/build/{p-bb0fe7bc.entry.js → p-c0d382bc.entry.js} +1 -1
- package/www/build/{p-9d03a7d6.entry.js → p-c1c6988e.entry.js} +1 -1
- package/www/build/{p-61424b8a.entry.js → p-c4b70baa.entry.js} +1 -1
- package/www/build/{p-214b6cee.entry.js → p-c5056ee2.entry.js} +1 -1
- package/www/build/{p-af4d1987.entry.js → p-c5ecf36a.entry.js} +1 -1
- package/www/build/{p-c25b0b2a.entry.js → p-c7fdb1ba.entry.js} +1 -1
- package/www/build/{p-8ffc17b7.entry.js → p-cabf67dc.entry.js} +1 -1
- package/www/build/{p-8b960526.entry.js → p-cb39beff.entry.js} +1 -1
- package/www/build/{p-8c105bd1.entry.js → p-cc228556.entry.js} +1 -1
- package/www/build/{p-0fa4b50b.entry.js → p-d0f719a2.entry.js} +1 -1
- package/www/build/{p-db3c8e3e.entry.js → p-d4f61a8f.entry.js} +1 -1
- package/www/build/{p-682528b2.entry.js → p-dcea5be3.entry.js} +1 -1
- package/www/build/{p-b17981a4.entry.js → p-ddd1a2f9.entry.js} +1 -1
- package/www/build/{p-b6f36170.entry.js → p-de98b941.entry.js} +1 -1
- package/www/build/p-dee7b19b.entry.js +1 -0
- package/www/build/p-e137a17f.entry.js +1 -0
- package/www/build/p-e2c6535b.js +1 -0
- package/www/build/{p-1cb23bbb.entry.js → p-e589999c.entry.js} +1 -1
- package/www/build/{p-279655eb.entry.js → p-e7990dec.entry.js} +1 -1
- package/www/build/{p-51e308ca.entry.js → p-ea140c86.entry.js} +1 -1
- package/www/build/{p-2efedcf4.entry.js → p-eb612914.entry.js} +1 -1
- package/www/build/{p-475ca461.entry.js → p-eddaa3ce.entry.js} +1 -1
- package/www/build/{p-344e7ae7.entry.js → p-f0a63044.entry.js} +1 -1
- package/www/build/{p-05ced71c.entry.js → p-f2f9134b.entry.js} +1 -1
- package/www/build/{p-1ba8d432.entry.js → p-f6b8bc8d.entry.js} +1 -1
- package/www/build/{p-67d6cfcb.entry.js → p-fb45f2b0.entry.js} +1 -1
- package/www/build/{p-3be171d0.entry.js → p-ff000765.entry.js} +1 -1
- package/www/build/{p-735bdfa3.entry.js → p-ffacff3f.entry.js} +1 -1
- package/www/build/web-components-library.css +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/web-components-library/p-057600de.entry.js +0 -1
- package/dist/web-components-library/p-496863be.entry.js +0 -1
- package/dist/web-components-library/p-8f46e548.entry.js +0 -1
- package/dist/web-components-library/p-c6aad085.entry.js +0 -1
- package/dist/web-components-library/p-d17ebc2f.js +0 -2
- package/dist/web-components-library/p-f54f63e1.entry.js +0 -1
- package/www/build/p-057600de.entry.js +0 -1
- package/www/build/p-496863be.entry.js +0 -1
- package/www/build/p-8f46e548.entry.js +0 -1
- package/www/build/p-c6aad085.entry.js +0 -1
- package/www/build/p-d17ebc2f.js +0 -2
- package/www/build/p-d70c7670.css +0 -1
- package/www/build/p-e9bbbd5a.js +0 -1
- package/www/build/p-f54f63e1.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as o,h as t,H as i}from"./p-
|
|
1
|
+
import{r as a,c as o,h as t,H as i}from"./p-b366ef8e.js";const e=class{constructor(t){a(this,t),this.modalClose=o(this,"modalClose",7),this.modalHeaderActive=o(this,"modalHeaderActive",7),this.modalBackgroundClick=o(this,"modalBackgroundClick",7),this.closeButtonLabel="close modal"}emitModalClose(){this.modalClose.emit({modalid:this.modalid})}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){this.modalBackgroundClick.emit({modalid:this.modalid})}render(){return t(i,null,t("div",{class:"modal-container",id:this.modalid,role:"dialog"},t("header",{onClick:this.emitModalHeaderActive.bind(this)},t("div",null,this.modaltitle&&t("h1",null,this.modaltitle),this.modalsubtitle&&t("h2",null,this.modalsubtitle)),t("slot",{name:"modalCloseButton"},t("button",{"aria-label":this.closeButtonLabel,onClick:this.emitModalClose.bind(this)},t("z-icon",{name:"multiply-circle-filled"})))),t("div",{class:"modal-content"},t("slot",{name:"modalContent"}))),t("div",{class:"modal-background","data-action":"modalBackground","data-modal":this.modalid,onClick:this.emitBackgroundClick.bind(this)}))}};e.style=":host{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;flex-direction:row;justify-content:center;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.modal-container{z-index:1010;display:flex;overflow:-moz-scrollbars-none;overflow:hidden;width:100%;height:100vh;flex-direction:column}.modal-container>header{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-start;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{padding:0;border:none;margin:0;margin-left:auto;background:transparent;cursor:pointer}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-icon01)}.modal-container>header>div{display:flex;width:100%;flex-direction:column;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header h2{padding:0;margin:0;color:var(--color-text01);font-weight:var(--font-rg)}.modal-container>header h1{font-size:var(--font-size-5);letter-spacing:0;line-height:1.4}.modal-container>header h2{font-size:var(--font-size-3);letter-spacing:0;line-height:1.5}.modal-container>header>div *:empty{display:none}.modal-container>header h1+h2{margin-top:calc(var(--space-unit) * 0.5)}.modal-container>.modal-content{overflow:auto;flex:1 auto;background:var(--color-surface01);overflow-x:hidden}.modal-container .modal-content::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.modal-container .modal-content::-webkit-scrollbar-track{background-color:transparent}.modal-container .modal-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.modal-container .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container .modal-content{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-container{position:fixed;top:calc(var(--space-unit) * 6);left:50%;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius);transform:translateX(-50%)}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);letter-spacing:0;line-height:1.33}.modal-container>header h2{font-size:var(--font-size-4);letter-spacing:0;line-height:1.5}.modal-container>header h1+h2{margin-top:0}}";export{e as z_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as i}from"./p-
|
|
1
|
+
import{r as t,c as r,h as i}from"./p-b366ef8e.js";import{t as o}from"./p-d69e14fb.js";const s=class{constructor(i){t(this,i),this.buttonSortClick=r(this,"buttonSortClick",7),this.sortlabelasc="A-Z",this.sortlabeldesc="Z-A",this.isselected=!1,this.sortasc=!0,this.allowTooltip=!1}emitButtonSortClick(){this.isselected?this.sortasc=!this.sortasc:this.isselected=!0,this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})}componentDidLoad(){this.elementHasEllipsis()&&window.innerWidth>o&&(this.allowTooltip=!0)}setButtonTitle(){return this.allowTooltip?`${this.sortasc?this.label:this.desclabel}`:""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return i("button",{title:this.setButtonTitle(),id:this.buttonid,class:this.isselected&&"selected",onClick:()=>this.emitButtonSortClick()},i("label",null,i("span",{ref:t=>this.ellipsis=t,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),i("span",{class:"counter"},this.counter&&` (${this.counter})`),i("span",{class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),i("z-icon",{name:"caret-up-down",width:16,height:16})))}};s.style=":host,button{max-width:100%}button{height:36px;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--myz-blue);background-color:var(--bg-white);border-radius:var(--border-radius);color:var(--myz-blue);cursor:pointer;fill:var(--myz-blue);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--myz-blue-dark);color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{border-color:var(--myz-blue);box-shadow:0 0 2px 2px var(--accent-dark);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.selected{border-color:var(--myz-blue-dark);background-color:var(--myz-blue-dark);color:var(--bg-white);fill:var(--bg-white)}button>label{display:flex;align-items:center;cursor:pointer;font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}button>label>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>label>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>label>span.sort{margin-right:var(--half-x1);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) * 0.5);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-rg)}button>z-icon{padding-top:calc(var(--space-unit) * 0.5)}@media only screen and (min-width: 768px){:host,button{max-width:325px}}@media only screen and (min-width: 1025px){:host,button{max-width:490px}}";export{s as z_button_sort}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as r}from"./p-
|
|
1
|
+
import{r as t,c as i,h as r}from"./p-b366ef8e.js";import{d as n}from"./p-a23e9115.js";const s=class{constructor(r){t(this,r),this.otpChange=i(this,"otpChange",7),this.inputNum=6}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)],this.otpRef=[...Array(this.inputNum)]}render(){return r("div",{class:"otp-container"},r("div",{class:"digits-container"},this.otp.map(((t,i)=>r("input",{class:this.status==n.ERROR?"error":null,onKeyDown:t=>{t.keyCode>47&&(this.otpRef[i].value="")},onKeyUp:t=>{t.keyCode>47&&i<this.inputNum-1&&this.otpRef[i+1].focus()},onInput:t=>{this.otp[i]=t.target.value,this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[i]=t})))),r("z-input-message",{message:this.message,status:this.status}))}};s.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-error01);background-color:var(--color-error-inverse);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";export{s as z_otp}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as a,H as e}from"./p-
|
|
1
|
+
import{r,h as a,H as e}from"./p-b366ef8e.js";const n=class{constructor(a){r(this,a)}render(){return a(e,null)}};n.style=':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--bg-neutral-100);border-radius:4px;transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(\n 90deg,\n var(--bg-neutral-100) 0%,\n var(--bg-neutral-150) 95%,\n var(--bg-neutral-100) 100%\n );box-shadow:#e8ebee20 0 0 1px;content:" "}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}';export{n as z_ghost_loading}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as a,H as n,g as o}from"./p-d17ebc2f.js";import{I as s}from"./p-a23e9115.js";const e=class{constructor(a){t(this,a),this.pageChanged=i(this,"pageChanged",7),this.navArrows=!0,this.skip=0,this.edges=!1,this.currentPage=1,this._visiblePages=this.visiblePages,this.isMobile=!1,this.goToPageValue=null}setPagesContainerWidth(){if(!this._visiblePages||this.split)return void this.host.style.setProperty("--z-pagination--pages-container-max-width","100%");const t=window.getComputedStyle(this.host).getPropertyValue("--z-pagination--page-button-width");this.host.style.setProperty("--z-pagination--pages-container-max-width",`calc(${t} * ${this._visiblePages})`)}setVisiblePages(){this._visiblePages=Math.min(this.visiblePages||this.totalPages,this.totalPages)}onPageChanged(){this.pageChanged.emit(this.currentPage),this.scrollToPage()}onSplitChanged(){this.split&&(this.edges=!1)}onResize(){this.setMobile()}setMobile(){this.isMobile=window.matchMedia("screen and (max-width: 767px)").matches}getPagesChunks(){const t=Array.from({length:this.totalPages},((t,i)=>i+1)),i=[],a=Math.ceil(t.length/this._visiblePages);for(let n=0;n<a;n++)i.push(t.slice(n*this._visiblePages,(n+1)*this._visiblePages));return i}scrollToPage(){const t=this.host.querySelector(`[data-page="${this.currentPage}"]`);t&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}selectPage(t){this.currentPage=Math.min(Math.max(t,1),this.totalPages)}renderPage(t){return a("button",{class:"page-button",type:"button","aria-current":this.currentPage===t?"page":"false",title:`Vai alla pagina ${t}`,"data-page":t,"data-current":this.currentPage===t,onClick:()=>this.selectPage(t)},t)}renderEllipsisButton(t){return a("button",{class:"ellipsis-button",type:"button",title:`Vai alla pagina ${t}`,onClick:()=>this.selectPage(t)},"…")}renderPages(){const t=this.getPagesChunks();if(!(t.length<=0))return t.map((t=>a("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))}renderSplitPages(){return this.totalPages<=2*this.split+5?Array.from({length:this.totalPages},((t,i)=>this.renderPage(i+1))):this.currentPage<=2*this.split+2?[...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(i+1))),this.renderEllipsisButton(2*this.split+4),this.renderPage(this.totalPages)]:this.currentPage>2*this.split+2&&this.currentPage<this.totalPages-2*this.split-1?[this.renderPage(1),this.renderEllipsisButton(this.currentPage-this.split-1),...Array.from({length:2*this.split+1},((t,i)=>this.renderPage(this.currentPage-this.split+i))),this.renderEllipsisButton(this.currentPage+this.split+1),this.renderPage(this.totalPages)]:[this.renderPage(1),this.renderEllipsisButton(this.totalPages-2*this.split-3),...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(this.totalPages-2*this.split-2+i)))]}renderBackButton(){return a("button",{class:"navigation-button",type:"button",title:"Vai alla pagina precedente",disabled:1===this.currentPage,onClick:()=>this.selectPage(this.currentPage-1)},a("z-icon",{name:"chevron-left"}))}renderForwardButton(){return a("button",{class:"navigation-button",type:"button",title:"Vai alla prossima pagina",disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.currentPage+1)},a("z-icon",{name:"chevron-right"}))}renderMobile(){const t=this.getPagesChunks();return[this.label&&a("span",{class:"page-label body-1-sb"},this.label),a("div",{class:"pagination-bar"},this.renderBackButton(),!this.goToPage&&a("div",{class:"pages-container",role:"navigation",tabIndex:-1},t.length>0&&t.map((t=>a("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))),this.goToPage&&a("form",{class:"mobile-go-to-page",onSubmit:t=>{t.preventDefault(),this.selectPage(this.goToPageValue)}},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:!1,onInput:t=>{this.goToPageValue=t.target.value},placeholder:this.currentPage.toString(),hasclearicon:!1}),a("span",null,`/${this.totalPages}`)),this.renderForwardButton())]}componentDidLoad(){this.setVisiblePages()}componentDidRender(){0!==this.split&&(this.edges=!1),this.setPagesContainerWidth(),this.setMobile()}render(){return this.isMobile?a(n,null,this.renderMobile()):a(n,null,a("div",{class:"pagination-bar"},this.label&&a("span",{class:"page-label body-1-sb"},this.label),this.edges&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina 1",disabled:1===this.currentPage,onClick:()=>this.selectPage(1)},"Pagina 1"),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina "+(this.currentPage-this.skip),disabled:this.currentPage<=this.skip,onClick:()=>this.selectPage(this.currentPage-this.skip)},"-",this.skip),this.navArrows&&this.renderBackButton(),a("div",{class:"pages-container",role:"navigation",tabIndex:-1},this.split?this.renderSplitPages():this.renderPages()),this.navArrows&&this.renderForwardButton(),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:`Vai alla pagina ${this.currentPage+this.skip}`,disabled:this.currentPage>this.totalPages-this.skip,onClick:()=>this.selectPage(this.currentPage+this.skip)},"+",this.skip),this.edges&&a("button",{class:"pagination-button",type:"button",title:`Vai alla pagina ${this.totalPages}`,disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.totalPages)},"Pagina ",this.totalPages)),this.goToPage&&a("div",{class:"go-to-page"},a("span",{class:"label body-5-sb"},"Vai a pagina:"),a("div",{class:"inputs"},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:!1,placeholder:"2",hasclearicon:!1,onInput:t=>{this.goToPageValue=t.target.value},onKeyDown:t=>"Enter"===t.key&&this.selectPage(this.goToPageValue)}),a("z-button",{disabled:!this.goToPageValue,title:"Vai alla pagina inserita",onClick:()=>this.selectPage(this.goToPageValue)},"vai"))))}get host(){return o(this)}static get watchers(){return{_visiblePages:["setPagesContainerWidth"],visiblePages:["setVisiblePages"],currentPage:["onPageChanged"],split:["onSplitChanged"]}}};e.style="z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-icon01)}z-pagination *:disabled z-icon{fill:var(--color-disabled02)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-text02)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--color-surface03);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out, color 0.15s ease-out, border-bottom-color 0.15s ease-out,\n font-size 0.15s ease-in-out, font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-hover-surface);box-shadow:inset var(--shadow-focus-primary);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{background-color:var(--color-disabled01);color:var(--color-disabled02);cursor:default;pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button:focus-visible{border-bottom-color:var(--color-hover-light)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:flex;flex-direction:column;row-gap:var(--space-unit)}z-pagination .go-to-page .label{color:var(--color-text02);text-transform:uppercase}z-pagination .go-to-page .inputs{display:flex;column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;appearance:none}z-pagination .mobile-go-to-page{display:flex;height:100%;flex:1 auto;align-items:center;justify-content:center;background-color:var(--color-surface03)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--color-hover-surface)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-light)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;flex-direction:row;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";export{e as z_pagination}
|
|
1
|
+
import{r as t,c as i,h as a,H as n,g as o}from"./p-b366ef8e.js";import{I as s}from"./p-a23e9115.js";const e=class{constructor(a){t(this,a),this.pageChanged=i(this,"pageChanged",7),this.navArrows=!0,this.skip=0,this.edges=!1,this.currentPage=1,this._visiblePages=this.visiblePages,this.isMobile=!1,this.goToPageValue=null}setPagesContainerWidth(){if(!this._visiblePages||this.split)return void this.host.style.setProperty("--z-pagination--pages-container-max-width","100%");const t=window.getComputedStyle(this.host).getPropertyValue("--z-pagination--page-button-width");this.host.style.setProperty("--z-pagination--pages-container-max-width",`calc(${t} * ${this._visiblePages})`)}setVisiblePages(){this._visiblePages=Math.min(this.visiblePages||this.totalPages,this.totalPages)}onPageChanged(){this.pageChanged.emit(this.currentPage),this.scrollToPage()}onSplitChanged(){this.split&&(this.edges=!1)}onResize(){this.setMobile()}setMobile(){this.isMobile=window.matchMedia("screen and (max-width: 767px)").matches}getPagesChunks(){const t=Array.from({length:this.totalPages},((t,i)=>i+1)),i=[],a=Math.ceil(t.length/this._visiblePages);for(let n=0;n<a;n++)i.push(t.slice(n*this._visiblePages,(n+1)*this._visiblePages));return i}scrollToPage(){const t=this.host.querySelector(`[data-page="${this.currentPage}"]`);t&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}selectPage(t){this.currentPage=Math.min(Math.max(t,1),this.totalPages)}renderPage(t){return a("button",{class:"page-button",type:"button","aria-current":this.currentPage===t?"page":"false",title:`Vai alla pagina ${t}`,"data-page":t,"data-current":this.currentPage===t,onClick:()=>this.selectPage(t)},t)}renderEllipsisButton(t){return a("button",{class:"ellipsis-button",type:"button",title:`Vai alla pagina ${t}`,onClick:()=>this.selectPage(t)},"…")}renderPages(){const t=this.getPagesChunks();if(!(t.length<=0))return t.map((t=>a("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))}renderSplitPages(){return this.totalPages<=2*this.split+5?Array.from({length:this.totalPages},((t,i)=>this.renderPage(i+1))):this.currentPage<=2*this.split+2?[...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(i+1))),this.renderEllipsisButton(2*this.split+4),this.renderPage(this.totalPages)]:this.currentPage>2*this.split+2&&this.currentPage<this.totalPages-2*this.split-1?[this.renderPage(1),this.renderEllipsisButton(this.currentPage-this.split-1),...Array.from({length:2*this.split+1},((t,i)=>this.renderPage(this.currentPage-this.split+i))),this.renderEllipsisButton(this.currentPage+this.split+1),this.renderPage(this.totalPages)]:[this.renderPage(1),this.renderEllipsisButton(this.totalPages-2*this.split-3),...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(this.totalPages-2*this.split-2+i)))]}renderBackButton(){return a("button",{class:"navigation-button",type:"button",title:"Vai alla pagina precedente",disabled:1===this.currentPage,onClick:()=>this.selectPage(this.currentPage-1)},a("z-icon",{name:"chevron-left"}))}renderForwardButton(){return a("button",{class:"navigation-button",type:"button",title:"Vai alla prossima pagina",disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.currentPage+1)},a("z-icon",{name:"chevron-right"}))}renderMobile(){const t=this.getPagesChunks();return[this.label&&a("span",{class:"page-label body-1-sb"},this.label),a("div",{class:"pagination-bar"},this.renderBackButton(),!this.goToPage&&a("div",{class:"pages-container",role:"navigation",tabIndex:-1},t.length>0&&t.map((t=>a("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))),this.goToPage&&a("form",{class:"mobile-go-to-page",onSubmit:t=>{t.preventDefault(),this.selectPage(this.goToPageValue)}},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:!1,onInput:t=>{this.goToPageValue=t.target.value},placeholder:this.currentPage.toString(),hasclearicon:!1}),a("span",null,`/${this.totalPages}`)),this.renderForwardButton())]}componentDidLoad(){this.setVisiblePages()}componentDidRender(){0!==this.split&&(this.edges=!1),this.setPagesContainerWidth(),this.setMobile()}render(){return this.isMobile?a(n,null,this.renderMobile()):a(n,null,a("div",{class:"pagination-bar"},this.label&&a("span",{class:"page-label body-1-sb"},this.label),this.edges&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina 1",disabled:1===this.currentPage,onClick:()=>this.selectPage(1)},"Pagina 1"),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina "+(this.currentPage-this.skip),disabled:this.currentPage<=this.skip,onClick:()=>this.selectPage(this.currentPage-this.skip)},"-",this.skip),this.navArrows&&this.renderBackButton(),a("div",{class:"pages-container",role:"navigation",tabIndex:-1},this.split?this.renderSplitPages():this.renderPages()),this.navArrows&&this.renderForwardButton(),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:`Vai alla pagina ${this.currentPage+this.skip}`,disabled:this.currentPage>this.totalPages-this.skip,onClick:()=>this.selectPage(this.currentPage+this.skip)},"+",this.skip),this.edges&&a("button",{class:"pagination-button",type:"button",title:`Vai alla pagina ${this.totalPages}`,disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.totalPages)},"Pagina ",this.totalPages)),this.goToPage&&a("div",{class:"go-to-page"},a("span",{class:"label body-5-sb"},"Vai a pagina:"),a("div",{class:"inputs"},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:!1,placeholder:"2",hasclearicon:!1,onInput:t=>{this.goToPageValue=t.target.value},onKeyDown:t=>"Enter"===t.key&&this.selectPage(this.goToPageValue)}),a("z-button",{disabled:!this.goToPageValue,title:"Vai alla pagina inserita",onClick:()=>this.selectPage(this.goToPageValue)},"vai"))))}get host(){return o(this)}static get watchers(){return{_visiblePages:["setPagesContainerWidth"],visiblePages:["setVisiblePages"],currentPage:["onPageChanged"],split:["onSplitChanged"]}}};e.style="z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-icon01)}z-pagination *:disabled z-icon{fill:var(--color-disabled02)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-text02)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--color-surface03);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out, color 0.15s ease-out, border-bottom-color 0.15s ease-out,\n font-size 0.15s ease-in-out, font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-hover-surface);box-shadow:inset var(--shadow-focus-primary);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{background-color:var(--color-disabled01);color:var(--color-disabled02);cursor:default;pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button:focus-visible{border-bottom-color:var(--color-hover-light)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:flex;flex-direction:column;row-gap:var(--space-unit)}z-pagination .go-to-page .label{color:var(--color-text02);text-transform:uppercase}z-pagination .go-to-page .inputs{display:flex;column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;appearance:none}z-pagination .mobile-go-to-page{display:flex;height:100%;flex:1 auto;align-items:center;justify-content:center;background-color:var(--color-surface03)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--color-hover-surface)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-light)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;flex-direction:row;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";export{e as z_pagination}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let e,t,n,l=!1,o=!1,s=!1,i=!1,r=!1;const c="undefined"!=typeof window?window:{},f=c.document||{head:{}},a={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),$=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=h(e,n),i=p(t,o),r=m(n);a.ael(s,l,i,r),(t.o=t.o||[]).push((()=>a.rel(s,l,i,r)))}))},p=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){ce(e)}},h=(e,t)=>4&t?f:8&t?c:16&t?f.body:e,m=e=>0!=(2&e),b="http://www.w3.org/1999/xlink",y=new WeakMap,w=e=>"sc-"+e.$,g={},v=e=>"object"==(e=typeof e)||"function"===e,k=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,r=!1;const c=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!v(l))&&(l+=""),i&&r?c[c.length-1].p+=l:c.push(i?j(null,l):l),r=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=j(e,null);return a.h=t,c.length>0&&(a.m=c),a.g=o,a.v=s,a},j=(e,t)=>({t:0,k:e,p:t,j:null,m:null,h:null,g:null,v:null}),S={},O=(e,t,n,l,o,s)=>{if(n!==l){let i=re(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=C(n),s=C(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=v(l);if((i||c&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(b,t):e.removeAttribute(t)):(!i||4&s||o)&&!c&&(l=!0===l?"":l,f?e.setAttributeNS(b,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):re(c,r)?r.slice(2):r[2]+t.slice(3),n&&a.rel(e,t,n,!1),l&&a.ael(e,t,l,!1)}},M=/\s/,C=e=>e?e.split(M):[],R=(e,t,n,l)=>{const o=11===t.j.nodeType&&t.j.host?t.j.host:t.j,s=e&&e.h||g,i=t.h||g;for(l in s)l in i||O(o,l,s[l],void 0,n,t.t);for(l in i)O(o,l,s[l],i[l],n,t.t)},x=(o,r,c,a)=>{const u=r.m[c];let d,$,p,h=0;if(l||(s=!0,"slot"===u.k&&(e&&a.classList.add(e+"-s"),u.t|=u.m?2:1)),null!==u.p)d=u.j=f.createTextNode(u.p);else if(1&u.t)d=u.j=f.createTextNode("");else{if(i||(i="svg"===u.k),d=u.j=f.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.t?"slot-fb":u.k),i&&"foreignObject"===u.k&&(i=!1),R(null,u,i),null!=e&&d["s-si"]!==e&&d.classList.add(d["s-si"]=e),u.m)for(h=0;h<u.m.length;++h)$=x(o,u,h,d),$&&d.appendChild($);"svg"===u.k?i=!1:"foreignObject"===d.tagName&&(i=!0)}return d["s-hn"]=n,3&u.t&&(d["s-sr"]=!0,d["s-cr"]=t,d["s-sn"]=u.v||"",p=o&&o.m&&o.m[c],p&&p.k===u.k&&o.j&&P(o.j,!1)),d},P=(e,t)=>{a.t|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(U(o).insertBefore(o,N(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&P(o,t)}a.t&=-2},T=(e,t,l,o,s,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=i;++s)o[s]&&(r=x(null,l,s,e),r&&(o[s].j=r,c.insertBefore(r,N(t))))},W=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.j,q(l),o=!0,s["s-ol"]?s["s-ol"].remove():P(s,!0),s.remove())},L=(e,t)=>e.k===t.k&&("slot"===e.k?e.v===t.v:e.g===t.g),N=e=>e&&e["s-ol"]||e,U=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,D=(e,t)=>{const n=t.j=e.j,l=e.m,o=t.m,s=t.k,r=t.p;let c;null===r?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||R(e,t,i),null!==l&&null!==o?((e,t,n,l)=>{let o,s,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],d=t[a],$=l.length-1,p=l[0],h=l[$];for(;i<=a&&r<=$;)if(null==u)u=t[++i];else if(null==d)d=t[--a];else if(null==p)p=l[++r];else if(null==h)h=l[--$];else if(L(u,p))D(u,p),u=t[++i],p=l[++r];else if(L(d,h))D(d,h),d=t[--a],h=l[--$];else if(L(u,h))"slot"!==u.k&&"slot"!==h.k||P(u.j.parentNode,!1),D(u,h),e.insertBefore(u.j,d.j.nextSibling),u=t[++i],h=l[--$];else if(L(d,p))"slot"!==u.k&&"slot"!==h.k||P(d.j.parentNode,!1),D(d,p),e.insertBefore(d.j,u.j),d=t[--a],p=l[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].g&&t[f].g===p.g){c=f;break}c>=0?(s=t[c],s.k!==p.k?o=x(t&&t[r],n,c,e):(D(s,p),t[c]=void 0,o=s.j),p=l[++r]):(o=x(t&&t[r],n,r,e),p=l[++r]),o&&U(u.j).insertBefore(o,N(u.j))}i>a?T(e,null==l[$+1]?null:l[$+1].j,n,l,r,$):r>$&&W(t,i,a)})(n,l,t,o):null!==o?(null!==e.p&&(n.textContent=""),T(n,null,t,o,0,o.length-1)):null!==l&&W(l,0,l.length-1),i&&"svg"===s&&(i=!1)):(c=n["s-cr"])?c.parentNode.textContent=r:e.p!==r&&(n.data=r)},E=e=>{const t=e.childNodes;let n,l,o,s,i,r;for(l=0,o=t.length;l<o;l++)if(n=t[l],1===n.nodeType){if(n["s-sr"])for(i=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(r=t[s].nodeType,t[s]["s-hn"]!==n["s-hn"]||""!==i){if(1===r&&i===t[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===r||3===r&&""!==t[s].textContent.trim()){n.hidden=!0;break}E(n)}},A=[],F=e=>{let t,n,l,s,i,r,c=0;const f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],r=l.length-1;r>=0;r--)n=l[r],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(H(n,s)?(i=A.find((e=>e.S===n)),o=!0,n["s-sn"]=n["s-sn"]||s,i?i.O=t:A.push({O:t,S:n}),n["s-sr"]&&A.map((e=>{H(e.S,n["s-sn"])&&(i=A.find((e=>e.S===n)),i&&!e.O&&(e.O=i.O))}))):A.some((e=>e.S===n))||A.push({S:n}));1===t.nodeType&&F(t)}},H=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,q=e=>{e.h&&e.h.ref&&e.h.ref(null),e.m&&e.m.map(q)},V=e=>oe(e).M,_=(e,t,n)=>{const l=V(e);return{emit:e=>z(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},z=(e,t,n)=>{const l=a.ce(t,n);return e.dispatchEvent(l),l},B=(e,t)=>{t&&!e.C&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.C=t)))},G=(e,t)=>{if(e.t|=16,!(4&e.t))return B(e,e.R),ye((()=>I(e,t)));e.t|=512},I=(e,t)=>{const n=e.i;let l;return t?(e.t|=256,e.u&&(e.u.map((([e,t])=>Y(n,e,t))),e.u=null),l=Y(n,"componentWillLoad")):l=Y(n,"componentWillUpdate"),l=Z(l,(()=>Y(n,"componentWillRender"))),Z(l,(()=>J(e,n,t)))},J=async(e,t,n)=>{const l=e.M,o=l["s-rc"];n&&(e=>{const t=e.P,n=e.M,l=t.t,o=((e,t)=>{let n=w(t);const l=ue.get(n);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let t,o=y.get(e=e.head||e);o||y.set(e,o=new Set),o.has(n)||(t=f.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(e);K(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>Q(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},K=(i,r)=>{try{r=r.render(),i.t&=-17,i.t|=2,((i,r)=>{const c=i.M,u=i.P,d=i.T||j(null,null),$=(e=>e&&e.k===S)(r)?r:k(null,null,r);if(n=c.tagName,u.W&&($.h=$.h||{},u.W.map((([e,t])=>$.h[t]=c[e]))),$.k=null,$.t|=4,i.T=$,$.j=d.j=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],l=0!=(1&u.t),o=!1,D(d,$),a.t|=1,s){let e,t,n,l,o,s;F($.j);let i=0;for(;i<A.length;i++)e=A[i],t=e.S,t["s-ol"]||(n=f.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<A.length;i++)if(e=A[i],t=e.S,e.O){for(l=e.O.parentNode,o=e.O.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&E($.j),a.t&=-2,A.length=0})(i,r)}catch(e){ce(e,i.M)}return null},Q=e=>{const t=e.M,n=e.i,l=e.R;Y(n,"componentDidRender"),64&e.t?Y(n,"componentDidUpdate"):(e.t|=64,ee(t),Y(n,"componentDidLoad"),e.L(t),l||X()),e.N(t),e.C&&(e.C(),e.C=void 0),512&e.t&&be((()=>G(e,!1))),e.t&=-517},X=()=>{ee(f.documentElement),be((()=>z(c,"appload",{detail:{namespace:"web-components-library"}})))},Y=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){ce(e)}},Z=(e,t)=>e&&e.then?e.then(t):t(),ee=e=>e.classList.add("hydrated"),te=(e,t,n)=>{if(t.U){e.watchers&&(t.D=e.watchers);const l=Object.entries(t.U),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>oe(this).A.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=oe(e),s=o.M,i=o.A.get(t),r=o.t,c=o.i;if(n=((e,t)=>null==e||v(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.U[t][0]),(!(8&r)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.A.set(t,n),c)){if(l.D&&128&r){const e=l.D[t];e&&e.map((e=>{try{c[e](n,i,t)}catch(e){ce(e,s)}}))}2==(18&r)&&G(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=oe(this);return n.F.then((()=>n.i[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){a.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.W.push([e,o]),o}))}}return e},ne=(e,t={})=>{const n=[],l=t.exclude||[],o=c.customElements,s=f.head,i=s.querySelector("meta[charset]"),r=f.createElement("style"),u=[];let p,h=!0;Object.assign(a,t),a.l=new URL(t.resourcesUrl||"./",f.baseURI).href,e.map((e=>{e[1].map((t=>{const s={t:t[0],$:t[1],U:t[2],H:t[3]};s.U=t[2],s.H=t[3],s.W=[],s.D={};const i=s.$,r=class extends HTMLElement{constructor(e){super(e),ie(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){p&&(clearTimeout(p),p=null),h?u.push(this):a.jmp((()=>(e=>{if(0==(1&a.t)){const t=oe(e),n=t.P,l=()=>{};if(1&t.t)$(e,t,n.H);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){B(t,t.R=n);break}}n.U&&Object.entries(n.U).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=ae(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.D=o.watchers,te(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){ce(e)}t.t&=-9,t.t|=128,e()}if(o.style){let e=o.style;const t=w(n);if(!ue.has(t)){const l=()=>{};((e,t,n)=>{let l=ue.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,ue.set(e,l)})(t,e,!!(1&n.t)),l()}}}const s=t.R,i=()=>G(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(()=>{if(0==(1&a.t)){const e=oe(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),Y(t,"disconnectedCallback")}})()))}componentOnReady(){return oe(this).q}};s.V=e[0],l.includes(i)||o.get(i)||(n.push(i),o.define(i,te(r,s,1)))}))})),r.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),s.insertBefore(r,i?i.nextSibling:s.firstChild),h=!1,u.length?u.map((e=>e.connectedCallback())):a.jmp((()=>p=setTimeout(X,30)))},le=new WeakMap,oe=e=>le.get(e),se=(e,t)=>le.set(t.i=e,t),ie=(e,t)=>{const n={t:0,M:e,P:t,A:new Map};return n.F=new Promise((e=>n.N=e)),n.q=new Promise((e=>n.L=e)),e["s-p"]=[],e["s-rc"]=[],$(e,n,t.H),le.set(e,n)},re=(e,t)=>t in e,ce=(e,t)=>(0,console.error)(e,t),fe=new Map,ae=e=>{const t=e.$.replace(/-/g,"_"),n=e.V,l=fe.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(fe.set(n,e),e[t])),ce)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ue=new Map,de=[],$e=[],pe=(e,t)=>n=>{e.push(n),r||(r=!0,t&&4&a.t?be(me):a.raf(me))},he=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ce(e)}e.length=0},me=()=>{he(de),he($e),(r=de.length>0)&&a.raf(me)},be=e=>u().then(e),ye=pe($e,!0);export{S as H,ne as b,_ as c,V as g,k as h,u as p,se as r}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as n,H as a}from"./p-
|
|
1
|
+
import{r as o,h as n,H as a}from"./p-b366ef8e.js";import{B as i}from"./p-a23e9115.js";const t=class{constructor(n){o(this,n),this.hideUnselected=!1,this.collapsed=!1}setAriaCurrent(){Array.from(this.nav.children).forEach((o=>{const n=o instanceof HTMLAnchorElement?o:o.querySelector("a"),a=window.location.href===n.href;n.setAttribute("aria-current",a.toString()),o.toggleAttribute("current",a)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){window.addEventListener("hashchange",this.setAriaCurrent.bind(this)),this.setAriaCurrent()}disconnectedCallback(){window.removeEventListener("hashchange",this.setAriaCurrent)}render(){return n(a,{collapsed:this.collapsed},n("z-button",{class:"toggle",variant:i.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},"salta a"),n("nav",{ref:o=>this.nav=o},n("slot",null)))}};t.style="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;color:inherit;font-weight:inherit;-webkit-line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-surface04);color:var(--color-text01);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out}z-anchor-navigation nav>[current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button,z-icon){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}z-anchor-navigation nav z-icon{--z-icon-width:16px;--z-icon-height:16px;display:flex;padding:calc(var(--space-unit) * 1.5);fill:var(--color-icon02)}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav a{outline:none}@media (hover: hover){z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-secondary);background-color:var(--color-hover-surface);color:var(--color-hover-link)}}z-anchor-navigation nav>*:is(:focus,:focus-within),z-anchor-navigation nav :is(z-icon,button):focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation[hide-unselected] nav>*:not([current],:hover,:focus,:focus-within){color:transparent}z-anchor-navigation nav>*:not([current],:hover,:focus,:focus-within)>*:is(z-button,button,z-icon):not(:focus:focus-visible){opacity:0;pointer-events:none}@media (hover: none){z-anchor-navigation:not([hide-unselected]) nav>*>*:is(z-button,button,z-icon){opacity:1;pointer-events:all}}}";export{t as z_anchor_navigation}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r,g as t}from"./p-
|
|
1
|
+
import{r as o,h as r,g as t}from"./p-b366ef8e.js";import{b as a,B as n,c}from"./p-a23e9115.js";const e=class{constructor(r){o(this,r),this.ariaLabel="",this.disabled=!1,this.type=a.BUTTON,this.variant=n.PRIMARY,this.size=c.BIG}getAttributes(){return{id:this.htmlid,class:{"z-button--container":!0,"z-button--has-text":!!this.hostElement.textContent.trim()}}}render(){return this.href?r("a",Object.assign({},this.getAttributes(),{"aria-label":this.ariaLabel,href:this.href,target:this.target}),this.icon&&r("z-icon",{name:this.icon,width:16,height:16}),r("slot",null)):r("button",Object.assign({},this.getAttributes(),{"aria-label":this.ariaLabel,name:this.name,type:this.type,disabled:this.disabled}),this.icon&&r("z-icon",{name:this.icon,width:16,height:16}),r("slot",null))}get hostElement(){return t(this)}};e.style='.sc-z-button-h{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:0}[disabled].sc-z-button-h:not([disabled="false"]){pointer-events:none}.sc-z-button-h .z-button--container.sc-z-button{display:inline-flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center;padding:0;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;white-space:nowrap}.sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button z-icon.sc-z-button{--z-icon-right-margin:var(--space-unit)}[size="big"].sc-z-button-h .z-button--container.sc-z-button{min-width:44px;height:44px}[size="small"].sc-z-button-h .z-button--container.sc-z-button{min-width:36px;height:36px}[size="x-small"].sc-z-button-h .z-button--container.sc-z-button{min-width:32px;height:32px}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse)}}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-text-inverse)}[variant="primary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled02)}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-surface01);color:var(--color-primary01)}@media (hover: hover){[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-surface01);color:var(--color-hover-primary)}}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-surface01);box-shadow:var(--shadow-2);color:var(--color-pressed-primary)}[variant="secondary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-surface01);color:var(--color-disabled02)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button{border-color:transparent;background-color:transparent;color:var(--color-primary01)}@media (hover: hover){[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-primary03);background-color:var(--color-primary03);color:var(--color-hover-primary)}}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{border-color:var(--color-surface01);background-color:var(--color-surface01);color:var(--color-primary01)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-surface01);background-color:var(--color-surface01);box-shadow:var(--shadow-2);color:var(--color-primary01)}[variant="tertiary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:transparent;background-color:transparent;color:var(--color-disabled02)}';export{e as z_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as n,h as t,H as o,g as s}from"./p-b366ef8e.js";import{O as r,u as i}from"./p-a23e9115.js";const c=class{constructor(t){a(this,t),this.canvasOpenStatusChanged=n(this,"canvasOpenStatusChanged",7),this.variant=r.PUSHCONTENT,this.open=!1,this.transitiondirection=i.LEFT}componentWillLoad(){this.handleOpenStatus()}onOpenChanged(){this.handleOpenStatus(),this.canvasOpenStatusChanged.emit(this.open)}handleOpenStatus(){this.open?this.hostElement.style.display="flex":this.variant===r.PUSHCONTENT&&(this.hostElement.style.display="none",document.body.style.overflowX="hidden")}handleAnimationEnd(){this.hostElement.hasAttribute("open")?this.hostElement.querySelector(".canvas-content").focus():this.variant===r.OVERLAY&&(this.hostElement.style.display="none",document.body.style.overflowX="initial")}render(){return t(o,null,t("div",{class:"canvas-container",onAnimationEnd:()=>this.handleAnimationEnd()},t("div",{class:"canvas-content"},t("slot",{name:"canvasContent"}))),t("div",{class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=!1}))}get hostElement(){return s(this)}static get watchers(){return{open:["onOpenChanged"]}}};c.style='.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}.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}}';export{c as z_offcanvas}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t}from"./p-
|
|
1
|
+
import{r as o,h as t}from"./p-b366ef8e.js";const a=class{constructor(t){o(this,t)}render(){return t("td",{colSpan:this.colSpan},t("div",{class:"content-container"},t("slot",null)))}};a.style=":host{display:none;background-color:var(--gray50)}:host>td>div.content-container{margin-bottom:calc(var(--space-unit) / 2);box-shadow:var(--shadow-2)}";export{a as z_table_expanded_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as t,h as o}from"./p-
|
|
1
|
+
import{r,c as t,h as o}from"./p-b366ef8e.js";const i=class{constructor(o){r(this,o),this.toggleClick=t(this,"toggleClick",7),this.isdisabled=!1,this.opened=!1}emitToggleClick(){this.isdisabled||(this.opened=!this.opened,this.toggleClick.emit(this.opened))}render(){return o("button",{tabindex:this.avoidclick?"-1":"0",class:{isopen:this.opened,"avoid-clicks":this.avoidclick},disabled:this.isdisabled,onClick:()=>this.emitToggleClick()},o("z-icon",{name:this.opened?"chevron-down":"chevron-up",width:16,height:16}),this.label)}};i.style="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;transition:all 200ms linear}button::-moz-focus-inner{border:0}button:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{border-color:var(--myz-blue);box-shadow:0 0 2px 2px var(--accent-dark);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}";export{i as z_toggle_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as i}from"./p-
|
|
1
|
+
import{r as t,c as o,h as i}from"./p-b366ef8e.js";const r=class{constructor(i){t(this,i),this.infoBoxClose=o(this,"infoBoxClose",7),this.isclosable=!0}emitInfoBoxClose(){this.infoBoxClose.emit({boxid:this.boxid})}render(){return i("div",{id:this.boxid},i("slot",{name:"content"}),this.isclosable&&i("z-icon",{name:"multiply","data-action":"infoBoxClose",onClick:()=>this.emitInfoBoxClose()}))}};r.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--accent-lighter);border-radius:var(--border-radius)}:host>div>slot{color:var(--text-grey-800);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--myz-blue)}";export{r as z_info_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,g as o}from"./p-
|
|
1
|
+
import{r as t,h as e,H as i,g as o}from"./p-b366ef8e.js";import{x as s,D as r}from"./p-a23e9115.js";const l=class{constructor(e){t(this,e),this.dividerPosition=s.BEFORE,this.uppercase=!0}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return e(i,null,e("slot",{name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.BEFORE&&e("z-divider",{size:r.LARGE,color:"z-section-title--divider-color"}),e("slot",{name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.AFTER&&e("z-divider",{size:r.LARGE,color:"z-section-title--divider-color"}))}get host(){return o(this)}};l.style=':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;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);font-size:var(--font-size-3);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::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}}';export{l as z_section_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r}from"./p-
|
|
1
|
+
import{r as o,h as r}from"./p-b366ef8e.js";const t=class{constructor(r){o(this,r)}render(){return r("div",null,r("footer",null,r("div",{class:"top"},r("slot",{name:"top"})),r("div",{class:"bottom"},r("slot",{name:"bottom"}))))}};t.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-base) solid var(--color-surface03);border-radius:0 0 var(--radius-base) var(--radius-base);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";export{t as z_myz_card_footer_sections}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-b366ef8e.js";import{o as r}from"./p-a23e9115.js";import{e as s,g as o,h as n}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks(),this.setDevice(),window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice(),this.setStyle()}parseLinks(){var t,e;switch(typeof this.data){case"string":{const i=null!==(t=s(this.data))&&void 0!==t?t:[];if(e=i,!Array.isArray(e)||!e.every((t=>"string"==typeof t)))throw new Error("Passed data is invalid");this.links=i;break}default:this.links=this.data}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t)return;const e=this.el.shadowRoot.querySelectorAll(".slide"),i=this.el.offsetWidth;t.style.width=i*this.links.length+"px",t.style.transform=`translate(-${i*this.currentSlide}px)`,e.forEach((t=>{t.querySelector("img").style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.MOBILE:return 24;case r.TABLET:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=!1,r=this.currentSlide;return"left"===t?(i=0===this.currentSlide,r--):"right"===t&&(i=this.currentSlide===this.links.length-1,r++),e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{!i&&this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footer-left"},e("slot",{name:"footer-left"})),e("div",{class:"footer-center"},e("div",{class:"bullet-container"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footer-right"},e("slot",{name:"footer-right"})))}render(){return this.links&&this.links.length?e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter()):e("div",null)}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};a.style=':host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-base) solid var(--color-surface02);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--bg-neutral-150);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-base) solid var(--color-surface02);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .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 .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';export{a as z_slideshow}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as a}from"./p-
|
|
1
|
+
import{r as i,c as t,h as a}from"./p-b366ef8e.js";import{N as n,a as o}from"./p-a23e9115.js";import{I as e}from"./p-b2d16b41.js";const r=class{constructor(a){i(this,a),this.selectedEvent=t(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation=n.HORIZONTAL,this.size=o.BIG}scrollToTab({target:i}){i.scrollIntoView(Object.assign({behavior:"smooth"},this.orientation===n.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"}))}onClick(){this.selected=!0}onSelected(){this.selected&&this.selectedEvent.emit()}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;return this.selected&&Object.keys(e).includes(t)&&(i=t),a("z-icon",{name:i})}render(){return a("a",{role:"tab",href:!this.disabled&&this.href,title:this.htmlTitle,target:this.target,onFocus:this.scrollToTab.bind(this)},this.icon&&this.renderIcon(),"horizontal"===this.orientation&&this.label)}static get watchers(){return{selected:["onSelected"]}}};r.style='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:hover:not([disabled])>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}';export{r as z_navigation_tab_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as
|
|
1
|
+
import{r as t,c as o,h as e,g as r}from"./p-b366ef8e.js";import{P as i,e as s}from"./p-a23e9115.js";import{a as n}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const a=document.documentElement;function p(t){return t.parentNode.host?t.parentNode.host:t.parentNode}function h(t,o){const e=t.getBoundingClientRect(),r=e.width,i=e.height;let s,n,a=0,p=0,h=t;for(;h&&h!=o;){if(p+=h.offsetLeft,h===document.body?a+=h.getBoundingClientRect().top+window.scrollY:a+=h.offsetTop,window.DOMMatrix){const t=window.getComputedStyle(h),o=new DOMMatrix(t.transform||t.webkitTransform);o&&(p+=o.m41,h!==document.body&&(a+=o.m42))}if(!h.offsetParent)break;h=h.offsetParent}return h===document.body?(s=window.innerWidth,n=window.innerHeight):(s=h.offsetWidth,n=h.offsetHeight),{top:a,right:s-p-e.width,bottom:n-a-e.height,left:p,width:r,height:i}}const c=class{constructor(e){t(this,e),this.positionChange=o(this,"positionChange",7),this.openChange=o(this,"openChange",7),this.position=i.AUTO,this.open=!1,this.showArrow=!1,this.center=!1,this.closable=!0}closePopoverWithKeyboard(t){this.closable&&t.key===s.ESC&&(this.open=!1)}handleOutsideClick(t){this.closable&&(n(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.open=!1,this.positionChange.emit({position:this.currentPosition})))}validatePosition(t){t&&!Object.values(i).includes(t)&&(this.position=i.AUTO),this.currentPosition=this.position,this.positionChange.emit({position:this.currentPosition})}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.open){const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};t()}else this.host.hasAttribute("current-position")&&(this.host.removeAttribute("current-position"),this.currentPosition=void 0);this.openChange.emit({open:this.open})}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}setPosition(){let t;if(t="string"==typeof this.bindTo?this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.bindTo:this.host.parentElement,!t)return;const o=function(t){let o=p(t);for(;o&&o!==a;){const{overflow:t,overflowX:e,overflowY:r}=window.getComputedStyle(o);if("hidden"===t||"hidden"===r||"hidden"===e)return o;if(o.scrollHeight>o.clientHeight&&"visible"!==t&&"visible"!==r||o.scrollWidth>o.clientWidth&&"visible"!==t&&"visible"!==e)return o;o=p(o)}return a}(t),e=o.getBoundingClientRect(),r=this.host.offsetParent,s=r?h(r,o):{top:0,right:0,bottom:0,left:0},n=h(t,o),c=n.top-o.scrollTop,f=e.height-(n.top+n.height)+o.scrollTop,u=n.left-o.scrollLeft,l=e.width-(n.left+n.width)+o.scrollLeft,d=Math.max(0,e.top+e.height-window.innerHeight),b=Math.max(0,e.left+e.width-window.innerWidth),v=Math.min(c,c+e.top),w=Math.min(f,f-d),m=Math.min(u,u+e.left),g=Math.min(l,l-b),x=v+w+n.height,$=m+g+n.width;let z=this.currentPosition;const y=[];this.position===i.AUTO&&(m/$>.6?y.push(i.LEFT):m/$<.4&&y.push(i.RIGHT),v/x>.9?y.unshift(i.TOP):v/x>.6?y.push(i.TOP):v/x<.1?y.unshift(i.BOTTOM):y.push(i.BOTTOM),z=y.join("_"));const _=this.host.style;_.position="absolute";const M=n.top-s.top,j=n.right-s.right,k=n.bottom-s.bottom,O=n.left-s.left,P=this.center?.5:0,C=this.center?.5:0;z===i.TOP||z===i.TOP_RIGHT?(_.top="auto",_.right="auto",_.bottom=`${k+n.height}px`,_.left=`${O+n.width*P}px`,_.maxHeight=`${v}px`,z===i.TOP_RIGHT&&(_.maxWidth=`${g+n.width*C}px`)):z===i.TOP_LEFT?(_.top="auto",_.right=`${j+n.width*P}px`,_.bottom=`${k+n.height}px`,_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${v}px`):z===i.BOTTOM||z===i.BOTTOM_RIGHT?(_.top=`${M+n.height}px`,_.right="auto",_.bottom="auto",_.left=`${O+n.width*P}px`,_.maxHeight=`${w}px`,z===i.BOTTOM_RIGHT&&(_.maxWidth=`${g+n.width*C}px`)):z===i.BOTTOM_LEFT?(_.top=`${M+n.height}px`,_.right=`${j+n.width*P}px`,_.bottom="auto",_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${w}px`):z===i.RIGHT||z===i.RIGHT_BOTTOM?(_.top=`${M+n.height*P}px`,_.right="auto",_.bottom="auto",_.left=`${O+n.width}px`,_.maxWidth=`${g}px`,_.maxHeight=`${w+n.height*C}px`):z===i.RIGHT_TOP?(_.top="auto",_.right="auto",_.bottom=`${k+n.height*P}px`,_.left=`${O+n.width}px`,_.maxWidth=`${g}px`,_.maxHeight=`${v+n.height*C}px`):z===i.LEFT||z===i.LEFT_BOTTOM?(_.top=`${M+n.height*P}px`,_.right=`${j+n.width}px`,_.bottom="auto",_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${w+n.height*C}px`):z===i.LEFT_TOP&&(_.top="auto",_.right=`${j+n.width}px`,_.bottom=`${k+n.height*P}px`,_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${v+n.height*C}px`),this.currentPosition=z||this.position,this.host.setAttribute("current-position",this.currentPosition)}componentWillLoad(){this.validatePosition(this.position),this.onOpen()}render(){return e("slot",null)}get host(){return r(this)}static get watchers(){return{position:["validatePosition"],open:["onOpen"]}}};c.style=':host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-text01);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open="true"][current-position]){display:flex}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;flex:1 auto}';export{c as z_popover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as i}from"./p-
|
|
1
|
+
import{r as t,h as s,H as i}from"./p-b366ef8e.js";import{A as a}from"./p-a23e9115.js";const e=class{constructor(s){var i,e;t(this,s),this.size=a.MEDIUM,this.textColor="text-white",this.backgroundColor="bg-grey-700",0===(null===(i=this.text)||void 0===i?void 0:i.length)&&0===(null===(e=this.image)||void 0===e?void 0:e.length)&&console.warn("z-avatar must contain at least one prop between text and image")}getTextSize(){return this.size===a.SMALL?"5":this.size===a.MEDIUM?"4":this.size===a.LARGE?"2":void 0}render(){return s(i,{class:{[this.size]:!0,[`body-${this.getTextSize()}-sb`]:!0},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",null,this.text.substring(0,2)),this.image&&s("img",{src:this.image,onError:()=>this.image=""}))}};e.style=":host{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;background-color:var(--bg-grey-700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";export{e as z_avatar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as n,H as a,g as i}from"./p-
|
|
1
|
+
import{r as t,h as n,H as a,g as i}from"./p-b366ef8e.js";import{h as o,B as e,c as s}from"./p-a23e9115.js";const l=class{constructor(n){t(this,n),this.padding=o.MEDIUM,this.isMenuOpened=!1}handleMenu(){this.isMenuOpened=!this.isMenuOpened}componentWillRender(){this.host.setAttribute("role","cell")}render(){return n(a,null,this.showButton&&n("div",{class:{"button-container":!0,visible:this.isMenuOpened}},n("div",{class:"button-content"},n("z-button",{icon:"contextual-menu",variant:e.TERTIARY,size:s.X_SMALL,onClick:()=>this.handleMenu()}),n("div",{class:{"contextual-menu-container":!0,visible:this.isMenuOpened}},n("slot",{name:"contextual-menu"})))),n("slot",null))}get host(){return i(this)}};l.style=':host{display:table-cell;border-bottom:var(--border-size-small) solid var(--bg-grey-200);background-color:var(--color-white);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;z-index:5;top:8px;right:8px}.button-content{position:relative}.contextual-menu-container{position:absolute;top:calc(100% - var(--space-unit));right:0;display:none}.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}';export{l as z_table_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as r,g as e,H as s}from"./p-d17ebc2f.js";import{j as n,I as a}from"./p-a23e9115.js";import{r as c,d as o}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const p=class{constructor(r){t(this,r),this.inputChange=i(this,"inputChange",7),this.startTyping=i(this,"startTyping",7),this.stopTyping=i(this,"stopTyping",7),this.inputCheck=i(this,"inputCheck",7),this.htmlid=`id-${c()}`,this.ariaLabel="",this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.message=!0,this.labelPosition=n.RIGHT,this.hasclearicon=!0,this.isTyping=!1,this.passwordHidden=!0,this.typingtimeout=300}inputCheckListener(t){const i=t.detail;switch(this.type){case a.RADIO:i.type===a.RADIO&&i.name===this.name&&i.id!==this.htmlid&&(this.checked=!1)}}async isChecked(){switch(this.type){case a.CHECKBOX:case a.RADIO:return this.checked;default:return console.warn("`isChecked` method is only available for type `checkbox` and `radio`"),!1}}emitInputChange(t){let i;this.isTyping||this.emitStartTyping(),i=this.getValidity(this.type===a.TEXTAREA?"textarea":"input"),this.value=t,this.inputChange.emit({value:t,validity:i}),clearTimeout(this.timer),this.timer=setTimeout((()=>{this.emitStopTyping(this.value,i)}),this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(t,i){this.isTyping=!1,this.stopTyping.emit({value:t,validity:i})}emitInputCheck(t){this.inputCheck.emit({id:this.htmlid,checked:t,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}getValidity(t){return this.hostElement.querySelector(t).validity}getTextAttributes(){return{id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,class:{[`input-${this.status}`]:!!this.status,filled:!!this.value},autocomplete:this.autocomplete,onInput:t=>this.emitInputChange(t.target.value)}}getNumberAttributes(t){if(t==a.NUMBER)return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(t){if(t==a.PASSWORD||t==a.TEXT||t==a.TEL||t==a.SEARCH||t==a.URL||t==a.EMAIL)return{pattern:this.pattern}}renderInputText(t=a.TEXT){const i=Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(t)),this.getPatternAttribute(t));return(this.icon||t===a.PASSWORD)&&Object.assign(i.class,{"has-icon":!0}),this.hasclearicon&&t!=a.NUMBER&&Object.assign(i.class,{"has-clear-icon":!0}),r("div",{class:"text-wrapper"},this.renderLabel(),r("div",null,r("input",Object.assign({type:t!==a.PASSWORD||this.passwordHidden?t:a.TEXT},i,{"aria-label":this.ariaLabel||this.label})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return r("label",{class:"input-label body-5-sb",id:`${this.htmlid}_label`,htmlFor:this.htmlid,"aria-label":this.label},this.label)}renderIcons(){return r("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){return this.type===a.PASSWORD?this.renderShowHidePassword():this.icon?r("button",{type:"button",class:"icon-button input-icon",tabIndex:-1},r("z-icon",{name:this.icon})):void 0}renderResetIcon(){if(this.hasclearicon&&this.value&&!this.disabled&&!this.readonly&&this.type!=a.NUMBER)return r("button",{type:"button",class:"icon-button reset-icon","aria-label":"cancella il contenuto dell'input",onClick:()=>this.emitInputChange("")},r("z-icon",{name:"multiply"}))}renderShowHidePassword(){return r("button",{type:"button",class:"icon-button toggle-password-icon",disabled:this.disabled,"aria-label":this.passwordHidden?"mostra password":"nascondi password",onClick:()=>this.passwordHidden=!this.passwordHidden},r("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled"}))}renderMessage(){if(!1!==o(this.message))return r("z-input-message",{message:!0===o(this.message)?void 0:this.message,status:this.status})}renderTextarea(){const t=this.getTextAttributes();return r("div",{class:"text-wrapper"},this.renderLabel(),r("div",{class:Object.assign(Object.assign({},t.class),{"textarea-wrapper":!0,readonly:t.readonly})},r("textarea",Object.assign({},t,{"aria-label":this.ariaLabel||this.label}))),this.renderMessage())}handleCheck(t){this.checked=t.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return r("div",{class:"checkbox-wrapper"},r("input",{id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value}),r("label",{htmlFor:this.htmlid,class:{"checkbox-label":!0,after:this.labelPosition===n.RIGHT,before:this.labelPosition===n.LEFT}},r("z-icon",{name:this.checked?"checkbox-checked":"checkbox","aria-hidden":"true"}),this.label&&r("span",{innerHTML:this.label})))}renderRadio(){return r("div",{class:"radio-wrapper"},r("input",{id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value}),r("label",{htmlFor:this.htmlid,class:{"radio-label":!0,after:this.labelPosition===n.RIGHT,before:this.labelPosition===n.LEFT}},r("z-icon",{name:this.checked?"radio-button-checked":"radio-button","aria-hidden":"true"}),this.label&&r("span",{innerHTML:this.label})))}render(){switch(this.type){case a.TEXTAREA:return this.renderTextarea();case a.CHECKBOX:return this.renderCheckbox();case a.RADIO:return this.renderRadio();default:return this.renderInputText(this.type)}}get hostElement(){return e(this)}};p.style='.sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textarea-wrapper.sc-z-input{box-sizing:border-box;border:var(--border-size-small) solid var(--color-surface04);background:var(--color-input-field01);border-radius:var(--border-radius-small);color:var(--color-text02);fill:var(--color-icon02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}input.sc-z-input:focus:focus-visible,.textarea-wrapper.sc-z-input:focus-within{box-shadow:var(--shadow-focus-primary)}input.sc-z-input:focus:focus-visible,textarea.sc-z-input:focus:focus-visible{color:var(--color-primary01)}.filled.sc-z-input{border-color:var(--color-surface05)}.input-success.sc-z-input{border-color:var(--color-success01);background:var(--color-success-inverse);fill:var(--color-success01)}.input-error.sc-z-input{border-color:var(--color-error01);background:var(--color-error-inverse);fill:var(--color-error01)}.input-warning.sc-z-input{border-color:var(--color-warning01);background:var(--color-warning-inverse);fill:var(--color-warning01)}input.sc-z-input:hover,.textarea-wrapper.sc-z-input:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) z-icon.sc-z-input{border-color:var(--color-disabled01);box-shadow:none;color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input:placeholder{color:var(--color-text05)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled="false"]) label.input-label.sc-z-input{color:var(--color-disabled02)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-icon02)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input{padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input+button.icon-button.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill,.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:hover,.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:focus,.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:active{background-clip:text !important}.textarea-wrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-text01);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentcolor}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled02)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}';const l=class{constructor(i){t(this,i),this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"}}render(){return r(s,{role:"alert","aria-label":this.message,tabindex:this.message?0:-1},this.statusIcons[this.status]&&this.message&&r("z-icon",{name:this.statusIcons[this.status]}),r("span",{innerHTML:this.message}))}};l.style=':host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-text05);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host([status="success"]){color:var(--color-text-success)}:host([status="error"]){color:var(--color-text-error)}:host([status="warning"]){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit)}';export{p as z_input,l as z_input_message}
|
|
1
|
+
import{r as t,c as i,h as r,g as e,H as s}from"./p-b366ef8e.js";import{j as n,I as a}from"./p-a23e9115.js";import{r as o,d as c}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const p=class{constructor(r){t(this,r),this.inputChange=i(this,"inputChange",7),this.startTyping=i(this,"startTyping",7),this.stopTyping=i(this,"stopTyping",7),this.inputCheck=i(this,"inputCheck",7),this.htmlid=`id-${o()}`,this.ariaLabel="",this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.message=!0,this.labelPosition=n.RIGHT,this.hasclearicon=!0,this.isTyping=!1,this.passwordHidden=!0,this.typingtimeout=300}inputCheckListener(t){const i=t.detail;switch(this.type){case a.RADIO:i.type===a.RADIO&&i.name===this.name&&i.id!==this.htmlid&&(this.checked=!1)}}async isChecked(){switch(this.type){case a.CHECKBOX:case a.RADIO:return this.checked;default:return console.warn("`isChecked` method is only available for type `checkbox` and `radio`"),!1}}emitInputChange(t){let i;this.isTyping||this.emitStartTyping(),i=this.getValidity(this.type===a.TEXTAREA?"textarea":"input"),this.value=t,this.inputChange.emit({value:t,validity:i}),clearTimeout(this.timer),this.timer=setTimeout((()=>{this.emitStopTyping(this.value,i)}),this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(t,i){this.isTyping=!1,this.stopTyping.emit({value:t,validity:i})}emitInputCheck(t){this.inputCheck.emit({id:this.htmlid,checked:t,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}getValidity(t){return this.hostElement.querySelector(t).validity}getTextAttributes(){return{id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,class:{[`input-${this.status}`]:!!this.status,filled:!!this.value},autocomplete:this.autocomplete,onInput:t=>this.emitInputChange(t.target.value)}}getNumberAttributes(t){if(t==a.NUMBER)return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(t){if(t==a.PASSWORD||t==a.TEXT||t==a.TEL||t==a.SEARCH||t==a.URL||t==a.EMAIL)return{pattern:this.pattern}}renderInputText(t=a.TEXT){const i=Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(t)),this.getPatternAttribute(t));return(this.icon||t===a.PASSWORD)&&Object.assign(i.class,{"has-icon":!0}),this.hasclearicon&&t!=a.NUMBER&&Object.assign(i.class,{"has-clear-icon":!0}),r("div",{class:"text-wrapper"},this.renderLabel(),r("div",null,r("input",Object.assign({type:t!==a.PASSWORD||this.passwordHidden?t:a.TEXT},i,{"aria-label":this.ariaLabel||this.label})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return r("label",{class:"input-label body-5-sb",id:`${this.htmlid}_label`,htmlFor:this.htmlid,"aria-label":this.label},this.label)}renderIcons(){return r("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){return this.type===a.PASSWORD?this.renderShowHidePassword():this.icon?r("button",{type:"button",class:"icon-button input-icon",tabIndex:-1},r("z-icon",{name:this.icon})):void 0}renderResetIcon(){if(this.hasclearicon&&this.value&&!this.disabled&&!this.readonly&&this.type!=a.NUMBER)return r("button",{type:"button",class:"icon-button reset-icon","aria-label":"cancella il contenuto dell'input",onClick:()=>this.emitInputChange("")},r("z-icon",{name:"multiply"}))}renderShowHidePassword(){return r("button",{type:"button",class:"icon-button toggle-password-icon",disabled:this.disabled,"aria-label":this.passwordHidden?"mostra password":"nascondi password",onClick:()=>this.passwordHidden=!this.passwordHidden},r("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled"}))}renderMessage(){if(!1!==c(this.message))return r("z-input-message",{message:!0===c(this.message)?void 0:this.message,status:this.status})}renderTextarea(){const t=this.getTextAttributes();return r("div",{class:"text-wrapper"},this.renderLabel(),r("div",{class:Object.assign(Object.assign({},t.class),{"textarea-wrapper":!0,readonly:t.readonly})},r("textarea",Object.assign({},t,{"aria-label":this.ariaLabel||this.label}))),this.renderMessage())}handleCheck(t){this.checked=t.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return r("div",{class:"checkbox-wrapper"},r("input",{id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value}),r("label",{htmlFor:this.htmlid,class:{"checkbox-label":!0,after:this.labelPosition===n.RIGHT,before:this.labelPosition===n.LEFT}},r("z-icon",{name:this.checked?"checkbox-checked":"checkbox","aria-hidden":"true"}),this.label&&r("span",{innerHTML:this.label})))}renderRadio(){return r("div",{class:"radio-wrapper"},r("input",{id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value}),r("label",{htmlFor:this.htmlid,class:{"radio-label":!0,after:this.labelPosition===n.RIGHT,before:this.labelPosition===n.LEFT}},r("z-icon",{name:this.checked?"radio-button-checked":"radio-button","aria-hidden":"true"}),this.label&&r("span",{innerHTML:this.label})))}render(){switch(this.type){case a.TEXTAREA:return this.renderTextarea();case a.CHECKBOX:return this.renderCheckbox();case a.RADIO:return this.renderRadio();default:return this.renderInputText(this.type)}}get hostElement(){return e(this)}};p.style='.sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textarea-wrapper.sc-z-input{box-sizing:border-box;border:var(--border-size-small) solid var(--color-surface04);background:var(--color-input-field01);border-radius:var(--border-radius-small);color:var(--color-text02);fill:var(--color-icon02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}input.sc-z-input:focus:focus-visible,.textarea-wrapper.sc-z-input:focus-within{box-shadow:var(--shadow-focus-primary)}input.sc-z-input:focus:focus-visible,textarea.sc-z-input:focus:focus-visible{color:var(--color-primary01)}.filled.sc-z-input{border-color:var(--color-surface05)}.input-success.sc-z-input{border-color:var(--color-success01);background:var(--color-success-inverse);fill:var(--color-success01)}.input-error.sc-z-input{border-color:var(--color-error01);background:var(--color-error-inverse);fill:var(--color-error01)}.input-warning.sc-z-input{border-color:var(--color-warning01);background:var(--color-warning-inverse);fill:var(--color-warning01)}input.sc-z-input:hover,.textarea-wrapper.sc-z-input:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) z-icon.sc-z-input{border-color:var(--color-disabled01);box-shadow:none;color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input:placeholder{color:var(--color-text05)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled="false"]) label.input-label.sc-z-input{color:var(--color-disabled02)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-icon02)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input{padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input+button.icon-button.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill,.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:hover,.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:focus,.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:active{background-clip:text !important}.textarea-wrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-text01);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentcolor}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled02)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}';const l=class{constructor(i){t(this,i),this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"}}render(){return r(s,{role:"alert","aria-label":this.message,tabindex:this.message?0:-1},this.statusIcons[this.status]&&this.message&&r("z-icon",{name:this.statusIcons[this.status]}),r("span",{innerHTML:this.message}))}};l.style=':host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-text05);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host([status="success"]){color:var(--color-text-success)}:host([status="error"]){color:var(--color-text-error)}:host([status="warning"]){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit)}';export{p as z_input,l as z_input_message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a}from"./p-
|
|
1
|
+
import{r as e,h as a}from"./p-b366ef8e.js";import{K as r}from"./p-a23e9115.js";import{a as i,h as t,b as n}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const o=class{constructor(a){e(this,a),this.ismenuopen=!1,this.handleToggle=this.handleToggle.bind(this),this.handleFocus=this.handleFocus.bind(this)}componentWillRender(){this.linkarray="string"==typeof this.menucontent?JSON.parse(this.menucontent):this.menucontent}renderMenuOpen(){if(this.ismenuopen)return a("ul",null,this.linkarray.map((e=>a("li",null,a("z-link",{htmlid:e.id,href:e.link,icon:e.icon},e.label)))))}renderButtonMenu(){return a("span",{class:"arrow"},a("z-icon",{name:"caret-down",width:14,height:14}))}retriveMenuClass(){if(this.ismenuopen)return"menu-opened"}handleToggle(){this.ismenuopen=!this.ismenuopen}handleFocus(e){e instanceof KeyboardEvent&&e.keyCode!==r.TAB||i(n()).find((e=>"z-menu-dropdown"===e.nodeName.toLowerCase()))||(document.removeEventListener("click",this.handleFocus),document.removeEventListener("keyup",this.handleFocus),this.ismenuopen=!1)}render(){return a("a",{class:this.retriveMenuClass(),role:"button",tabindex:"0",onFocus:()=>{document.addEventListener("click",this.handleFocus),document.addEventListener("keyup",this.handleFocus)},onKeyUp:e=>t(e,this.handleToggle)},a("div",{class:"container",onClick:()=>this.handleToggle()},a("span",{class:"user-wrapper"},a("z-icon",{name:"user-avatar",width:14,height:14}),a("span",{class:"user"},this.nomeutente)),this.renderButtonMenu()),this.renderMenuOpen())}};o.style=":host{width:inherit;height:32px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.17px}a,a:visited,a:active{color:inherit;text-decoration:none}:host>a{display:block;border:var(--border-size-small) solid transparent;background:var(--bg-grey-050);border-radius:var(--border-radius);color:var(--text-grey-800);outline:none}:host>a::-moz-focus-inner{border:0}:host>a:hover,:host>a.menu-opened:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host>a:focus{border:var(--border-size-small) solid var(--myz-blue);box-shadow:0 0 2px 2px var(--myz-blue-light);color:var(--myz-blue);fill:var(--myz-blue)}:host>a:active{border:var(--border-size-small) solid 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)}div.container{position:relative;display:flex;height:32px;align-items:center;justify-content:space-between;padding:0 var(--basex1)}div.container>span.user-wrapper{display:flex}div.container>span.user-wrapper>span.user{overflow:hidden;width:30px;padding:0 var(--basex1);cursor:pointer;text-overflow:ellipsis;white-space:nowrap}div.container>span.arrow{display:flex;align-items:center;justify-content:center}div.container>span.arrow>z-icon{transform:rotate(360deg);transition:all 200ms linear}ul{padding:0 calc(var(--space-unit) * 2);margin:0;list-style:none}li{display:flex;width:max-content;height:var(--basex3);align-items:center;padding:calc(var(--space-unit) / 4) 0}.menu-opened{position:inherit;width:auto !important;min-width:147px;padding-bottom:calc(var(--space-unit) * 2)}.menu-opened a,.menu-opened a:active,.menu-opened a:visited{color:var(--myz-blue);fill:var(--myz-blue)}.menu-opened a:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.menu-opened>div.container{margin-bottom:var(--basex1)}.menu-opened>div.container>span.user-wrapper>span.user{width:auto}.menu-opened>div.container>span.arrow>z-icon{transform:rotate(180deg);transition:all 200ms linear}@media only screen and (min-width: 1152px){:host>a{width:147px;padding:0 calc(var(--space-unit) / 4)}:host>a.menu-opened{width:147px;padding-bottom:calc(var(--space-unit) * 2)}div.container>span.user-wrapper>span.user{width:80px}}";export{o as z_menu_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as o,h as e}from"./p-
|
|
1
|
+
import{r,c as o,h as e}from"./p-b366ef8e.js";const a=class{constructor(e){r(this,e),this.fileDropped=o(this,"fileDropped",7)}fileDroppedHandler(r){this.fileDropped.emit(r)}renderOnDragOverMessage(){return e("div",{class:"dragover-container"},e("div",{class:"dragover-message"},e("z-body",{variant:"semibold",level:2},"Rilascia i file in questa area per allegarli.")))}render(){return e("div",{tabIndex:0,ref:r=>this.dragDropContainer=r,class:"dragdrop",onDragOver:r=>{r.preventDefault(),this.dragDropContainer.classList.add("dragover")},onDragLeave:()=>{this.dragDropContainer.classList.remove("dragover")},onDrop:r=>{r.preventDefault(),r.dataTransfer.files.length&&(this.dragDropContainer.classList.remove("dragover"),this.fileDroppedHandler(r.dataTransfer.files))}},this.renderOnDragOverMessage(),e("slot",null))}};a.style=":host{margin-top:calc(var(--space-unit) * 3);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.dragdrop{position:relative;display:flex;height:228px;flex-direction:column;border-color:var(--color-surface04);background-color:var(--color-surface02);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");border-radius:2px;color:var(--color-text01)}:host>.dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text04)}:host>.dragdrop.dragover .dragover-container{display:flex;align-items:center;justify-content:center}";const t=class{constructor(o){r(this,o),this.variant="regular"}render(){return e("z-typography",{tabIndex:0,component:this.component||`h${this.level}`,level:`h${this.level}`,variant:this.variant},e("slot",null))}};export{a as z_dragdrop_area,t as z_heading}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as r,h as a,g as e}from"./p-
|
|
1
|
+
import{r as t,c as r,h as a,g as e}from"./p-b366ef8e.js";import{f as i,i as o,s as n,a as p,v as l}from"./p-b3c29822.js";import{c,a as d}from"./p-112455b1.js";import{y as s,F as f,I as h}from"./p-a23e9115.js";var m=c((function(t){t.exports=function(){
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,g as i}from"./p-b366ef8e.js";import{e as r,k as l}from"./p-a23e9115.js";import{r as c,d as a,a as o,h as n,b as h}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const p=class{constructor(s){t(this,s),this.optionSelect=e(this,"optionSelect",7),this.htmlid=`id-${c()}`,this.ariaLabel="",this.disabled=!1,this.readonly=!1,this.message=!0,this.autocomplete=!1,this.noresultslabel="Nessun risultato",this.isOpen=!1,this.selectedItem=null,this.itemsList=[],this.toggleSelectUl=this.toggleSelectUl.bind(this),this.selectItem=this.selectItem.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItem=this.itemsList.find((t=>t.selected))}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(t){let e=[];"string"==typeof t?e.push(t):e=t,this.selectedItem=this.itemsList.find((t=>e.includes(t.id)))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return"string"==typeof this.items?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){return this.getInitialItemsArray().map((t=>{var e;return t.selected=t.id===(null===(e=this.selectedItem)||void 0===e?void 0:e.id),t}))}getSelectedValue(){var t;return null===(t=this.selectedItem)||void 0===t?void 0:t.id}filterItems(t){const e=this.mapSelectedItemToItemsArray();this.itemsList=(null==t?void 0:t.length)?e.filter((e=>e.name.toUpperCase().includes(t.toUpperCase()))).map((e=>{const s=e.name.toUpperCase().indexOf(t.toUpperCase()),i=s+t.length,r=e.name.substring(0,s)+`<strong>${e.name.substring(s,i)}</strong>`+e.name.substring(i,e.name.length);return e.name=r,e})):e}hasAutocomplete(){return!0===a(this.autocomplete)}handleInputChange(t){this.searchString=t.detail.value,this.isOpen||this.toggleSelectUl()}selectItem(t,e){t&&t.disabled||(this.itemsList=this.mapSelectedItemToItemsArray(),this.itemsList=this.itemsList.map((s=>(s.selected=!1,s.id===(null==t?void 0:t.id)&&(s.selected=e),s))),this.selectedItem=this.itemsList.find((t=>t.selected)),this.emitOptionSelect(),this.searchString&&(this.searchString=null))}arrowsSelectNav(t,e){if(![r.ARROW_DOWN,r.ARROW_UP].includes(t.key))return;let s;t.preventDefault(),t.stopPropagation(),this.isOpen||this.toggleSelectUl(),t.key===r.ARROW_DOWN?s=e+1===this.itemsList.length?0:e+1:t.key===r.ARROW_UP&&(s=e<=0?this.itemsList.length-1:e-1),this.focusSelectItem(s)}focusSelectItem(t){const e=this.element.querySelector(`#${this.htmlid}_${t}`);e&&e.focus()}toggleSelectUl(t=!1){this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),t&&this.element.querySelector(`#${this.htmlid}_input`).focus()):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.isOpen=!this.isOpen)}handleInputClick(t){t.composedPath().find((t=>t.classList&&t.classList.contains("reset-icon")))?t.stopPropagation():this.toggleSelectUl()}handleSelectFocus(t){if(t instanceof KeyboardEvent&&t.key===r.ESC)return t.stopPropagation(),this.toggleSelectUl(!0);t instanceof KeyboardEvent&&t.key!==r.TAB&&t.key!==r.ENTER||o(h()).find((t=>"z-input"===t.nodeName.toLowerCase()&&t.id===`${this.htmlid}_input`))||this.toggleSelectUl(t instanceof MouseEvent)}scrollToLetter(t){const e=this.itemsList.find((e=>e.name.charAt(0)===t));e&&this.focusSelectItem(this.itemsList.indexOf(e))}renderInput(){return s("z-input",{id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_input`,placeholder:this.placeholder,value:!this.isOpen&&this.selectedItem?this.selectedItem.name.replace(/<[^>]+>/g,""):null,label:this.label,"aria-label":this.ariaLabel,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutocomplete(),message:!1,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?void 0:this.status,autocomplete:"off",onClick:t=>{this.handleInputClick(t)},onKeyUp:t=>{13!==t.keyCode&&t.preventDefault(),n(t,this.toggleSelectUl)},onKeyDown:t=>this.arrowsSelectNav(t,this.selectedItem?this.itemsList.indexOf(this.selectedItem):-1),onInputChange:t=>{this.handleInputChange(t)},onKeyPress:t=>{this.hasAutocomplete()||(t.preventDefault(),this.scrollToLetter(String.fromCharCode(t.keyCode)))}})}renderSelectUl(){var t;return s("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},s("div",{class:"ul-scroll-wrapper",tabindex:"-1"},s("z-list",{role:"listbox",tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:this.htmlid,"aria-activedescendant":null===(t=this.selectedItem)||void 0===t?void 0:t.id,"aria-multiselectable":!1,class:{disabled:this.disabled,readonly:this.readonly,filled:!!this.selectedItem,[`input-${this.status}`]:!this.isOpen&&!!this.status}},this.renderSelectUlItems())))}renderItem(t,e,i){return s("z-list-element",{clickable:!t.disabled,disabled:t.disabled,dividerType:i?l.HEADER:l.ELEMENT,role:"option",tabindex:t.disabled||!this.isOpen?-1:0,"aria-selected":!!t.selected,id:`${this.htmlid}_${e}`,onClickItem:()=>this.selectItem(t,!0),onKeyDown:t=>this.arrowsSelectNav(t,e)},s("span",{class:{selected:!!t.selected},innerHTML:t.name}))}renderSelectUlItems(){return this.itemsList.length?this.hasGroupItems?this.renderSelectGroupItems():this.itemsList.map(((t,e,s)=>this.renderItem(t,e,s.length===e+1))):this.renderNoSearchResults()}renderSelectGroupItems(){const t=this.itemsList.reduce(((t,e,s,i)=>{var r;const{category:l}=e,c=this.renderItem(e,s,i.length===s+1);return t[l]=null!==(r=t[l])&&void 0!==r?r:[],t[l].push(c),t}),{});return Object.entries(t).map((([t,e])=>s("z-list-group",{"divider-type":l.ELEMENT},s("z-body",{class:"z-list-group-title",level:3,slot:"header-title",variant:"semibold"},t),e.map((t=>t)))))}renderNoSearchResults(){return s("z-list-element",{color:"blue500",class:"no-results"},s("z-icon",{name:"multiply-circle",fill:"blue500"}),this.noresultslabel)}renderMessage(){if(!1!==a(this.message))return s("z-input-message",{message:!0===a(this.message)?void 0:this.message,status:this.status})}render(){return s("div",{class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return i(this)}static get watchers(){return{items:["watchItems"]}}};p.style=".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.sc-z-select{display:block;padding:0 calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}";export{p as z_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e}from"./p-b366ef8e.js";const r=class{constructor(e){t(this,e)}render(){return e("slot",null)}};r.style=":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{r as z_visually_hidden}
|