@zanichelli/albe-web-components 18.0.2-RC1 → 18.0.2
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 +14 -0
- package/dist/cjs/{index-16eceba8.js → index-0cb5e57a.js} +2 -2
- package/dist/cjs/{index-16eceba8.js.map → index-0cb5e57a.js.map} +1 -1
- package/dist/cjs/{index-ddc26ddb.js → index-1c3f7a64.js} +2 -2
- package/dist/cjs/{index-ddc26ddb.js.map → index-1c3f7a64.js.map} +1 -1
- package/dist/cjs/{index-659fbdf4.js → index-24b23a97.js} +4 -4
- package/dist/cjs/{index-659fbdf4.js.map → index-24b23a97.js.map} +1 -1
- package/dist/cjs/{index-39dd24c6.js → index-41d3dc9e.js} +2 -2
- package/dist/cjs/{index-39dd24c6.js.map → index-41d3dc9e.js.map} +1 -1
- package/dist/cjs/{index-e71fc644.js → index-48540995.js} +2 -2
- package/dist/cjs/{index-e71fc644.js.map → index-48540995.js.map} +1 -1
- package/dist/cjs/index-4f18c0e2.js.map +1 -1
- package/dist/cjs/index-96af6326.js +0 -4
- package/dist/cjs/{index-11f52abf.js → index-f9fe3768.js} +2 -2
- package/dist/cjs/{index-11f52abf.js.map → index-f9fe3768.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-accordion.cjs.entry.js +1 -1
- 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_12.cjs.entry.js +7 -7
- package/dist/cjs/z-app-header_12.cjs.entry.js.map +1 -1
- package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-avatar.cjs.entry.js +2 -2
- package/dist/cjs/z-breadcrumb.cjs.entry.js +11 -5
- package/dist/cjs/z-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/z-button-sort.cjs.entry.js +1 -1
- package/dist/cjs/z-chip.cjs.entry.js +2 -2
- package/dist/cjs/z-combobox.cjs.entry.js +1 -1
- package/dist/cjs/z-cover-hero.cjs.entry.js +2 -2
- package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +4 -4
- package/dist/cjs/z-ghost-loading.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-logo.cjs.entry.js +1 -1
- package/dist/cjs/z-menu-section.cjs.entry.js +5 -2
- package/dist/cjs/z-menu-section.cjs.entry.js.map +1 -1
- package/dist/cjs/z-menu.cjs.entry.js +1 -1
- package/dist/cjs/z-menu.cjs.entry.js.map +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 +4 -4
- 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-tabs.cjs.entry.js +2 -2
- package/dist/cjs/z-notification.cjs.entry.js +1 -1
- package/dist/cjs/z-otp.cjs.entry.js +2 -2
- package/dist/cjs/z-panel-elem.cjs.entry.js +2 -2
- package/dist/cjs/z-popover.cjs.entry.js +1 -1
- package/dist/cjs/z-section-title.cjs.entry.js +1 -1
- package/dist/cjs/z-select.cjs.entry.js +16 -23
- package/dist/cjs/z-select.cjs.entry.js.map +1 -1
- package/dist/cjs/z-skip-to-content.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.cjs.entry.js +7 -7
- package/dist/cjs/z-tbody.cjs.entry.js +1 -1
- package/dist/cjs/z-td.cjs.entry.js +1 -1
- package/dist/cjs/z-tfoot.cjs.entry.js +1 -1
- package/dist/cjs/z-th.cjs.entry.js +1 -1
- package/dist/cjs/z-thead.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 +3 -3
- package/dist/cjs/z-toast-notification.cjs.entry.js.map +1 -1
- package/dist/cjs/z-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/z-toggle-switch.cjs.entry.js +3 -3
- package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/z-tr.cjs.entry.js +3 -3
- package/dist/cjs/z-visually-hidden.cjs.entry.js +1 -1
- package/dist/collection/beans/index.js.map +1 -1
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/table/cells/z-td/index.js +1 -1
- package/dist/collection/components/table/cells/z-th/index.js +1 -1
- package/dist/collection/components/table/z-table/index.js +1 -1
- package/dist/collection/components/table/z-tbody/index.js +1 -1
- package/dist/collection/components/table/z-tfoot/index.js +1 -1
- package/dist/collection/components/table/z-thead/index.js +1 -1
- package/dist/collection/components/table/z-tr/index.js +1 -1
- package/dist/collection/components/z-accordion/index.js +1 -1
- package/dist/collection/components/z-anchor-navigation/index.js +1 -1
- package/dist/collection/components/z-app-header/index.js +1 -1
- package/dist/collection/components/z-aria-alert/index.js +1 -1
- package/dist/collection/components/z-avatar/index.js +2 -2
- package/dist/collection/components/z-breadcrumb/index.js +10 -4
- package/dist/collection/components/z-breadcrumb/index.js.map +1 -1
- package/dist/collection/components/z-breadcrumb/styles.css +1 -0
- package/dist/collection/components/z-button/styles.css +4 -4
- package/dist/collection/components/z-button-sort/index.js +1 -1
- package/dist/collection/components/z-chip/index.js +2 -2
- package/dist/collection/components/z-combobox/index.js +1 -1
- package/dist/collection/components/z-cover-hero/index.js +2 -2
- package/dist/collection/components/z-divider/index.js +1 -1
- package/dist/collection/components/z-ghost-loading/index.js +1 -1
- package/dist/collection/components/z-info-box/index.js +1 -1
- package/dist/collection/components/z-info-reveal/index.js +1 -1
- package/dist/collection/components/z-input/index.js +1 -1
- package/dist/collection/components/z-input-message/index.js +1 -1
- package/dist/collection/components/z-logo/index.js +1 -1
- package/dist/collection/components/z-menu/index.js +1 -1
- package/dist/collection/components/z-menu/index.js.map +1 -1
- package/dist/collection/components/z-menu/styles.css +4 -2
- package/dist/collection/components/z-menu-section/index.js +5 -2
- package/dist/collection/components/z-menu-section/index.js.map +1 -1
- package/dist/collection/components/z-menu-section/styles.css +3 -1
- package/dist/collection/components/z-modal/index.js +4 -4
- package/dist/collection/components/z-navigation-tabs/index.js +2 -2
- package/dist/collection/components/z-notification/index.js +1 -1
- package/dist/collection/components/z-offcanvas/index.js +1 -1
- package/dist/collection/components/z-panel-elem/index.js +2 -2
- package/dist/collection/components/z-popover/index.js +1 -1
- package/dist/collection/components/z-searchbar/index.js +1 -1
- package/dist/collection/components/z-section-title/index.js +1 -1
- package/dist/collection/components/z-select/index.js +16 -23
- package/dist/collection/components/z-select/index.js.map +1 -1
- package/dist/collection/components/z-skip-to-content/index.js +1 -1
- package/dist/collection/components/z-stepper/index.js +1 -1
- package/dist/collection/components/z-stepper-item/index.js +1 -1
- package/dist/collection/components/z-toast-notification/index.js +2 -2
- package/dist/collection/components/z-toast-notification/index.js.map +1 -1
- package/dist/collection/components/z-toast-notification/styles.css +5 -3
- package/dist/collection/components/z-toast-notification-list/index.js +1 -1
- package/dist/collection/components/z-toggle-button/index.js +2 -2
- package/dist/collection/components/z-toggle-switch/index.js +3 -3
- package/dist/collection/components/z-tooltip/index.js +1 -1
- package/dist/collection/components/z-visually-hidden/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +1 -1
- package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +1 -1
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +1 -1
- package/dist/collection/snowflakes/myz/z-alert/index.js +1 -1
- package/dist/collection/snowflakes/myz/z-otp/index.js +2 -2
- package/dist/components/index.d.ts +0 -2
- package/dist/components/index.js +0 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/index10.js +1 -1
- package/dist/components/index11.js +1 -1
- package/dist/components/index12.js +1 -1
- package/dist/components/index16.js +4 -4
- package/dist/components/index17.js +1 -1
- package/dist/components/index18.js +1 -1
- package/dist/components/index19.js +1 -1
- package/dist/components/index2.js.map +1 -1
- package/dist/components/index20.js +1 -1
- package/dist/components/index21.js +1 -1
- package/dist/components/index22.js +1 -1
- package/dist/components/index23.js +1 -1
- package/dist/components/index24.js +1 -1
- package/dist/components/index3.js +1 -1
- package/dist/components/index4.js +1 -1
- package/dist/components/index4.js.map +1 -1
- package/dist/components/index5.js +2 -2
- package/dist/components/index6.js +1 -1
- package/dist/components/index8.js +1 -1
- package/dist/components/z-accordion.js +1 -1
- package/dist/components/z-anchor-navigation.js +1 -1
- package/dist/components/z-app-header.js +1 -1
- package/dist/components/z-aria-alert.js +1 -1
- package/dist/components/z-avatar.js +2 -2
- package/dist/components/z-breadcrumb.js +11 -5
- package/dist/components/z-breadcrumb.js.map +1 -1
- package/dist/components/z-button-sort.js +1 -1
- package/dist/components/z-combobox.js +1 -1
- package/dist/components/z-cover-hero.js +2 -2
- package/dist/components/z-info-box.js +1 -1
- package/dist/components/z-logo.js +1 -1
- package/dist/components/z-menu-section.js +5 -2
- package/dist/components/z-menu-section.js.map +1 -1
- package/dist/components/z-menu.js +1 -1
- package/dist/components/z-menu.js.map +1 -1
- package/dist/components/z-myz-card-alert.js +1 -1
- package/dist/components/z-myz-card-dictionary.js +1 -1
- package/dist/components/z-myz-card-footer-sections.js +1 -1
- package/dist/components/z-myz-card-footer.js +1 -1
- package/dist/components/z-myz-card-icon.js +1 -1
- package/dist/components/z-myz-card-info.js +1 -1
- package/dist/components/z-myz-card-list.js +1 -1
- package/dist/components/z-myz-list.js +1 -1
- package/dist/components/z-navigation-tabs.js +2 -2
- package/dist/components/z-notification.js +1 -1
- package/dist/components/z-otp.js +2 -2
- package/dist/components/z-panel-elem.js +2 -2
- package/dist/components/z-section-title.js +1 -1
- package/dist/components/z-select.js +16 -23
- package/dist/components/z-select.js.map +1 -1
- package/dist/components/z-skip-to-content.js +1 -1
- package/dist/components/z-stepper-item.js +1 -1
- package/dist/components/z-stepper.js +1 -1
- package/dist/components/z-table.js +1 -1
- package/dist/components/z-tbody.js +1 -1
- package/dist/components/z-td.js +1 -1
- package/dist/components/z-tfoot.js +1 -1
- package/dist/components/z-th.js +1 -1
- package/dist/components/z-thead.js +1 -1
- package/dist/components/z-toast-notification-list.js +1 -1
- package/dist/components/z-toast-notification.js +3 -3
- package/dist/components/z-toast-notification.js.map +1 -1
- package/dist/components/z-toggle-button.js +2 -2
- package/dist/components/z-toggle-switch.js +3 -3
- package/dist/components/z-tooltip.js +1 -1
- package/dist/components/z-tr.js +1 -1
- package/dist/components/z-visually-hidden.js +1 -1
- package/dist/esm/{index-0a37a38c.js → index-0ebe53c2.js} +2 -2
- package/dist/esm/{index-0a37a38c.js.map → index-0ebe53c2.js.map} +1 -1
- package/dist/esm/{index-9ebdda49.js → index-7ff7476c.js} +4 -4
- package/dist/esm/{index-9ebdda49.js.map → index-7ff7476c.js.map} +1 -1
- package/dist/esm/{index-b6570393.js → index-8965837f.js} +2 -2
- package/dist/esm/{index-b6570393.js.map → index-8965837f.js.map} +1 -1
- package/dist/esm/index-c8ceadeb.js +0 -4
- package/dist/esm/{index-15e7162a.js → index-dfd97928.js} +2 -2
- package/dist/esm/{index-15e7162a.js.map → index-dfd97928.js.map} +1 -1
- package/dist/esm/{index-b6e9fe98.js → index-f75609c5.js} +2 -2
- package/dist/esm/{index-b6e9fe98.js.map → index-f75609c5.js.map} +1 -1
- package/dist/esm/{index-134918ad.js → index-f87879d9.js} +2 -2
- package/dist/esm/{index-134918ad.js.map → index-f87879d9.js.map} +1 -1
- package/dist/esm/index-fe87283d.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-accordion.entry.js +1 -1
- 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_12.entry.js +7 -7
- package/dist/esm/z-app-header_12.entry.js.map +1 -1
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +2 -2
- package/dist/esm/z-breadcrumb.entry.js +11 -5
- package/dist/esm/z-breadcrumb.entry.js.map +1 -1
- package/dist/esm/z-button-sort.entry.js +1 -1
- package/dist/esm/z-chip.entry.js +2 -2
- package/dist/esm/z-combobox.entry.js +1 -1
- package/dist/esm/z-cover-hero.entry.js +2 -2
- package/dist/esm/z-dragdrop-area_2.entry.js +4 -4
- package/dist/esm/z-ghost-loading.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-logo.entry.js +1 -1
- package/dist/esm/z-menu-section.entry.js +5 -2
- package/dist/esm/z-menu-section.entry.js.map +1 -1
- package/dist/esm/z-menu.entry.js +1 -1
- package/dist/esm/z-menu.entry.js.map +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 +4 -4
- 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-tabs.entry.js +2 -2
- package/dist/esm/z-notification.entry.js +1 -1
- package/dist/esm/z-otp.entry.js +2 -2
- package/dist/esm/z-panel-elem.entry.js +2 -2
- package/dist/esm/z-popover.entry.js +1 -1
- package/dist/esm/z-section-title.entry.js +1 -1
- package/dist/esm/z-select.entry.js +16 -23
- package/dist/esm/z-select.entry.js.map +1 -1
- package/dist/esm/z-skip-to-content.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.entry.js +7 -7
- package/dist/esm/z-tbody.entry.js +1 -1
- package/dist/esm/z-td.entry.js +1 -1
- package/dist/esm/z-tfoot.entry.js +1 -1
- package/dist/esm/z-th.entry.js +1 -1
- package/dist/esm/z-thead.entry.js +1 -1
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +3 -3
- package/dist/esm/z-toast-notification.entry.js.map +1 -1
- package/dist/esm/z-toggle-button.entry.js +2 -2
- package/dist/esm/z-toggle-switch.entry.js +3 -3
- package/dist/esm/z-tooltip.entry.js +1 -1
- package/dist/esm/z-tr.entry.js +3 -3
- package/dist/esm/z-visually-hidden.entry.js +1 -1
- package/dist/types/beans/index.d.ts +0 -8
- package/dist/types/components/z-menu/index.d.ts +1 -1
- package/dist/types/components/z-menu-section/index.d.ts +1 -1
- package/dist/types/components.d.ts +2 -42
- package/{www/build/p-44c41252.js → dist/web-components-library/p-0cb113f9.js} +2 -2
- package/{www/build/p-dd931b43.js → dist/web-components-library/p-0d9f1574.js} +2 -2
- package/dist/web-components-library/{p-52c445f8.entry.js → p-121f2960.entry.js} +2 -2
- package/dist/web-components-library/p-1bbf185c.js +2 -0
- package/dist/web-components-library/p-1c017b32.entry.js +7 -0
- package/dist/web-components-library/{p-08ce8d4c.entry.js.map → p-1c017b32.entry.js.map} +1 -1
- package/dist/web-components-library/{p-21868300.entry.js → p-1c51153b.entry.js} +2 -2
- package/{www/build/p-bed1329f.entry.js → dist/web-components-library/p-1cbc1b08.entry.js} +2 -2
- package/dist/web-components-library/{p-023dd389.entry.js → p-1ece11f1.entry.js} +2 -2
- package/{www/build/p-1456b8d0.entry.js → dist/web-components-library/p-2467913e.entry.js} +2 -2
- package/{www/build/p-e502a246.entry.js → dist/web-components-library/p-25be56d1.entry.js} +2 -2
- package/dist/web-components-library/p-28c972c6.entry.js +2 -0
- package/dist/web-components-library/{p-4fa6c9e2.entry.js → p-301b56f1.entry.js} +2 -2
- package/dist/web-components-library/{p-49d8f500.entry.js → p-30677b5c.entry.js} +2 -2
- package/dist/web-components-library/p-390bbfd4.entry.js +2 -0
- package/{www/build/p-56bff56d.entry.js.map → dist/web-components-library/p-390bbfd4.entry.js.map} +1 -1
- package/dist/web-components-library/p-3a42612f.entry.js +2 -0
- package/dist/web-components-library/p-431f5871.js +2 -0
- package/dist/web-components-library/p-4b8a0caf.entry.js +2 -0
- package/dist/web-components-library/p-4b8a0caf.entry.js.map +1 -0
- package/dist/web-components-library/{p-77a95249.entry.js → p-4de706ad.entry.js} +2 -2
- package/dist/web-components-library/{p-61265f7e.entry.js → p-55fad9b1.entry.js} +2 -2
- package/{www/build/p-ae5a3ae2.entry.js → dist/web-components-library/p-5d7bbd82.entry.js} +2 -2
- package/dist/web-components-library/p-5ed87dec.entry.js +2 -0
- package/dist/web-components-library/p-611e6579.entry.js +2 -0
- package/dist/web-components-library/p-611e6579.entry.js.map +1 -0
- package/dist/web-components-library/p-61a83529.entry.js +2 -0
- package/dist/web-components-library/{p-3fe0d872.entry.js → p-6655e19b.entry.js} +2 -2
- package/dist/web-components-library/{p-badb6496.entry.js → p-7314c74b.entry.js} +2 -2
- package/dist/web-components-library/{p-427ab7d3.entry.js → p-7b13eeff.entry.js} +2 -2
- package/dist/web-components-library/p-7ce5ca87.entry.js +2 -0
- package/dist/web-components-library/p-7ecc3acf.entry.js +2 -0
- package/dist/web-components-library/p-7ecc3acf.entry.js.map +1 -0
- package/dist/web-components-library/p-7f707293.entry.js +2 -0
- package/dist/web-components-library/p-7f707293.entry.js.map +1 -0
- package/dist/web-components-library/{p-27bfb006.entry.js → p-838b298b.entry.js} +2 -2
- package/dist/web-components-library/{p-d8b43315.entry.js → p-8c5dcab3.entry.js} +2 -2
- package/{www/build/p-d0e3a9ee.entry.js → dist/web-components-library/p-8eb94125.entry.js} +2 -2
- package/dist/web-components-library/{p-dce37070.entry.js → p-8fa23b47.entry.js} +2 -2
- package/dist/web-components-library/p-8fdf9453.entry.js +2 -0
- package/dist/web-components-library/{p-ea0cfa32.entry.js.map → p-8fdf9453.entry.js.map} +1 -1
- package/dist/web-components-library/{p-94048151.entry.js → p-9bad1dbc.entry.js} +2 -2
- package/{www/build/p-0e27ca8f.entry.js → dist/web-components-library/p-9fcc8e5d.entry.js} +2 -2
- package/dist/web-components-library/p-aaab7f44.entry.js +2 -0
- package/dist/web-components-library/p-abc08ea3.entry.js +2 -0
- package/{www/build/p-c1409cb8.entry.js → dist/web-components-library/p-abd3b914.entry.js} +2 -2
- package/dist/web-components-library/p-acee5500.entry.js +2 -0
- package/{www/build/p-c3b02803.entry.js → dist/web-components-library/p-adb5caab.entry.js} +2 -2
- package/dist/web-components-library/{p-fe337e9c.entry.js → p-ae1b5e23.entry.js} +2 -2
- package/{www/build/p-ad55c127.entry.js → dist/web-components-library/p-b1cbb20d.entry.js} +2 -2
- package/dist/web-components-library/{p-24c97977.entry.js → p-b94e0513.entry.js} +2 -2
- package/dist/web-components-library/p-bc408f39.js +2 -0
- package/{www/build/p-c6f70d4f.js.map → dist/web-components-library/p-bc408f39.js.map} +1 -1
- package/{www/build/p-5111d0a9.entry.js → dist/web-components-library/p-bc71a934.entry.js} +2 -2
- package/dist/web-components-library/{p-c08098cf.entry.js → p-bd44674f.entry.js} +2 -2
- package/dist/web-components-library/{p-c08098cf.entry.js.map → p-bd44674f.entry.js.map} +1 -1
- package/dist/web-components-library/p-cfbef2c3.entry.js +2 -0
- package/{www/build/p-73e738ef.entry.js → dist/web-components-library/p-d20df54b.entry.js} +2 -2
- package/dist/web-components-library/{p-41cfb872.entry.js → p-d9fdc804.entry.js} +2 -2
- package/{www/build/p-cb258d63.entry.js → dist/web-components-library/p-df97df54.entry.js} +2 -2
- package/dist/web-components-library/p-dfcf9936.js.map +1 -1
- package/dist/web-components-library/{p-98f800bc.entry.js → p-e5ce98e0.entry.js} +2 -2
- package/dist/web-components-library/p-ec8f8ac8.entry.js +2 -0
- package/dist/web-components-library/{p-fadb0185.js → p-f7f2beae.js} +2 -2
- package/dist/web-components-library/p-f8d49a59.entry.js +2 -0
- package/dist/web-components-library/{p-aab34373.entry.js → p-f9f98130.entry.js} +2 -2
- package/dist/web-components-library/{p-83813bef.entry.js → p-fad6ea09.entry.js} +2 -2
- package/dist/web-components-library/web-components-library.css +2 -0
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/dist/web-components-library/web-components-library.esm.js.map +1 -1
- package/package.json +1 -1
- package/react/components.d.ts +0 -1
- package/react/components.js +1 -2
- package/react/components.js.map +1 -1
- package/{dist/web-components-library/p-44c41252.js → www/build/p-0cb113f9.js} +2 -2
- package/{dist/web-components-library/p-dd931b43.js → www/build/p-0d9f1574.js} +2 -2
- package/www/build/{p-52c445f8.entry.js → p-121f2960.entry.js} +2 -2
- package/www/build/p-1bbf185c.js +2 -0
- package/www/build/p-1c017b32.entry.js +7 -0
- package/www/build/{p-08ce8d4c.entry.js.map → p-1c017b32.entry.js.map} +1 -1
- package/www/build/{p-21868300.entry.js → p-1c51153b.entry.js} +2 -2
- package/{dist/web-components-library/p-bed1329f.entry.js → www/build/p-1cbc1b08.entry.js} +2 -2
- package/www/build/{p-023dd389.entry.js → p-1ece11f1.entry.js} +2 -2
- package/{dist/web-components-library/p-1456b8d0.entry.js → www/build/p-2467913e.entry.js} +2 -2
- package/{dist/web-components-library/p-e502a246.entry.js → www/build/p-25be56d1.entry.js} +2 -2
- package/www/build/p-28c972c6.entry.js +2 -0
- package/www/build/p-2c0166dc.js +2 -0
- package/www/build/{p-4fa6c9e2.entry.js → p-301b56f1.entry.js} +2 -2
- package/www/build/{p-49d8f500.entry.js → p-30677b5c.entry.js} +2 -2
- package/www/build/p-390bbfd4.entry.js +2 -0
- package/{dist/web-components-library/p-56bff56d.entry.js.map → www/build/p-390bbfd4.entry.js.map} +1 -1
- package/www/build/p-3a42612f.entry.js +2 -0
- package/www/build/p-431f5871.js +2 -0
- package/www/build/p-4b8a0caf.entry.js +2 -0
- package/www/build/p-4b8a0caf.entry.js.map +1 -0
- package/www/build/{p-77a95249.entry.js → p-4de706ad.entry.js} +2 -2
- package/www/build/{p-61265f7e.entry.js → p-55fad9b1.entry.js} +2 -2
- package/{dist/web-components-library/p-ae5a3ae2.entry.js → www/build/p-5d7bbd82.entry.js} +2 -2
- package/www/build/p-5ed87dec.entry.js +2 -0
- package/www/build/p-611e6579.entry.js +2 -0
- package/www/build/p-611e6579.entry.js.map +1 -0
- package/www/build/p-61a83529.entry.js +2 -0
- package/www/build/{p-3fe0d872.entry.js → p-6655e19b.entry.js} +2 -2
- package/www/build/{p-badb6496.entry.js → p-7314c74b.entry.js} +2 -2
- package/www/build/{p-427ab7d3.entry.js → p-7b13eeff.entry.js} +2 -2
- package/www/build/p-7ce5ca87.entry.js +2 -0
- package/www/build/p-7ecc3acf.entry.js +2 -0
- package/www/build/p-7ecc3acf.entry.js.map +1 -0
- package/www/build/p-7f707293.entry.js +2 -0
- package/www/build/p-7f707293.entry.js.map +1 -0
- package/www/build/{p-27bfb006.entry.js → p-838b298b.entry.js} +2 -2
- package/www/build/{p-d8b43315.entry.js → p-8c5dcab3.entry.js} +2 -2
- package/{dist/web-components-library/p-d0e3a9ee.entry.js → www/build/p-8eb94125.entry.js} +2 -2
- package/www/build/{p-dce37070.entry.js → p-8fa23b47.entry.js} +2 -2
- package/www/build/p-8fdf9453.entry.js +2 -0
- package/www/build/{p-ea0cfa32.entry.js.map → p-8fdf9453.entry.js.map} +1 -1
- package/www/build/{p-94048151.entry.js → p-9bad1dbc.entry.js} +2 -2
- package/{dist/web-components-library/p-0e27ca8f.entry.js → www/build/p-9fcc8e5d.entry.js} +2 -2
- package/www/build/p-aaab7f44.entry.js +2 -0
- package/www/build/p-abc08ea3.entry.js +2 -0
- package/{dist/web-components-library/p-c1409cb8.entry.js → www/build/p-abd3b914.entry.js} +2 -2
- package/www/build/p-acee5500.entry.js +2 -0
- package/{dist/web-components-library/p-c3b02803.entry.js → www/build/p-adb5caab.entry.js} +2 -2
- package/www/build/{p-fe337e9c.entry.js → p-ae1b5e23.entry.js} +2 -2
- package/{dist/web-components-library/p-ad55c127.entry.js → www/build/p-b1cbb20d.entry.js} +2 -2
- package/www/build/{p-24c97977.entry.js → p-b94e0513.entry.js} +2 -2
- package/www/build/p-bc408f39.js +2 -0
- package/{dist/web-components-library/p-c6f70d4f.js.map → www/build/p-bc408f39.js.map} +1 -1
- package/{dist/web-components-library/p-5111d0a9.entry.js → www/build/p-bc71a934.entry.js} +2 -2
- package/www/build/{p-c08098cf.entry.js → p-bd44674f.entry.js} +2 -2
- package/www/build/{p-c08098cf.entry.js.map → p-bd44674f.entry.js.map} +1 -1
- package/www/build/p-cfbef2c3.entry.js +2 -0
- package/{dist/web-components-library/p-73e738ef.entry.js → www/build/p-d20df54b.entry.js} +2 -2
- package/www/build/{p-41cfb872.entry.js → p-d9fdc804.entry.js} +2 -2
- package/{dist/web-components-library/p-cb258d63.entry.js → www/build/p-df97df54.entry.js} +2 -2
- package/www/build/p-dfcf9936.js.map +1 -1
- package/www/build/{p-98f800bc.entry.js → p-e5ce98e0.entry.js} +2 -2
- package/www/build/p-ec8f8ac8.entry.js +2 -0
- package/www/build/{p-a69c66e4.css → p-f4f746f6.css} +2 -0
- package/www/build/{p-fadb0185.js → p-f7f2beae.js} +2 -2
- package/www/build/p-f8d49a59.entry.js +2 -0
- package/www/build/{p-aab34373.entry.js → p-f9f98130.entry.js} +2 -2
- package/www/build/{p-83813bef.entry.js → p-fad6ea09.entry.js} +2 -2
- package/www/build/web-components-library.css +2 -0
- package/www/build/web-components-library.esm.js +1 -1
- package/www/build/web-components-library.esm.js.map +1 -1
- package/www/index.html +1 -1
- package/dist/cjs/z-tree-list.cjs.entry.js +0 -40
- package/dist/cjs/z-tree-list.cjs.entry.js.map +0 -1
- package/dist/collection/components/list/z-tree-list/index.js +0 -82
- package/dist/collection/components/list/z-tree-list/index.js.map +0 -1
- package/dist/collection/components/list/z-tree-list/index.stories.js +0 -148
- package/dist/collection/components/list/z-tree-list/index.stories.js.map +0 -1
- package/dist/collection/components/list/z-tree-list/styles.css +0 -123
- package/dist/components/z-tree-list.d.ts +0 -11
- package/dist/components/z-tree-list.js +0 -80
- package/dist/components/z-tree-list.js.map +0 -1
- package/dist/esm/z-tree-list.entry.js +0 -36
- package/dist/esm/z-tree-list.entry.js.map +0 -1
- package/dist/types/components/list/z-tree-list/index.d.ts +0 -17
- package/dist/types/components/list/z-tree-list/index.stories.d.ts +0 -34
- package/dist/web-components-library/p-016255b0.entry.js +0 -2
- package/dist/web-components-library/p-016255b0.entry.js.map +0 -1
- package/dist/web-components-library/p-08ce8d4c.entry.js +0 -7
- package/dist/web-components-library/p-0f1c107c.entry.js +0 -2
- package/dist/web-components-library/p-200919dd.entry.js +0 -2
- package/dist/web-components-library/p-3ede7723.js +0 -2
- package/dist/web-components-library/p-4ae92da8.entry.js +0 -2
- package/dist/web-components-library/p-4d5a9c63.entry.js +0 -2
- package/dist/web-components-library/p-56bff56d.entry.js +0 -2
- package/dist/web-components-library/p-5fd335ca.entry.js +0 -2
- package/dist/web-components-library/p-6207b079.entry.js +0 -2
- package/dist/web-components-library/p-6e319132.entry.js +0 -2
- package/dist/web-components-library/p-6e319132.entry.js.map +0 -1
- package/dist/web-components-library/p-6ecc8f62.entry.js +0 -2
- package/dist/web-components-library/p-bc57b3c3.entry.js +0 -2
- package/dist/web-components-library/p-bc57b3c3.entry.js.map +0 -1
- package/dist/web-components-library/p-c062044d.entry.js +0 -2
- package/dist/web-components-library/p-c6f70d4f.js +0 -2
- package/dist/web-components-library/p-d64b981e.entry.js +0 -2
- package/dist/web-components-library/p-d64b981e.entry.js.map +0 -1
- package/dist/web-components-library/p-d99e1726.entry.js +0 -2
- package/dist/web-components-library/p-dc51f259.entry.js +0 -2
- package/dist/web-components-library/p-de0f237d.entry.js +0 -2
- package/dist/web-components-library/p-de0f237d.entry.js.map +0 -1
- package/dist/web-components-library/p-e0606f65.js +0 -2
- package/dist/web-components-library/p-ea0cfa32.entry.js +0 -2
- package/dist/web-components-library/p-ea19314b.entry.js +0 -2
- package/www/build/p-016255b0.entry.js +0 -2
- package/www/build/p-016255b0.entry.js.map +0 -1
- package/www/build/p-08ce8d4c.entry.js +0 -7
- package/www/build/p-0f1c107c.entry.js +0 -2
- package/www/build/p-200919dd.entry.js +0 -2
- package/www/build/p-3ede7723.js +0 -2
- package/www/build/p-4ae92da8.entry.js +0 -2
- package/www/build/p-4d5a9c63.entry.js +0 -2
- package/www/build/p-5296f43f.js +0 -2
- package/www/build/p-56bff56d.entry.js +0 -2
- package/www/build/p-5fd335ca.entry.js +0 -2
- package/www/build/p-6207b079.entry.js +0 -2
- package/www/build/p-6e319132.entry.js +0 -2
- package/www/build/p-6e319132.entry.js.map +0 -1
- package/www/build/p-6ecc8f62.entry.js +0 -2
- package/www/build/p-bc57b3c3.entry.js +0 -2
- package/www/build/p-bc57b3c3.entry.js.map +0 -1
- package/www/build/p-c062044d.entry.js +0 -2
- package/www/build/p-c6f70d4f.js +0 -2
- package/www/build/p-d64b981e.entry.js +0 -2
- package/www/build/p-d64b981e.entry.js.map +0 -1
- package/www/build/p-d99e1726.entry.js +0 -2
- package/www/build/p-dc51f259.entry.js +0 -2
- package/www/build/p-de0f237d.entry.js +0 -2
- package/www/build/p-de0f237d.entry.js.map +0 -1
- package/www/build/p-e0606f65.js +0 -2
- package/www/build/p-ea0cfa32.entry.js +0 -2
- package/www/build/p-ea19314b.entry.js +0 -2
- /package/dist/web-components-library/{p-44c41252.js.map → p-0cb113f9.js.map} +0 -0
- /package/dist/web-components-library/{p-dd931b43.js.map → p-0d9f1574.js.map} +0 -0
- /package/dist/web-components-library/{p-52c445f8.entry.js.map → p-121f2960.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-3ede7723.js.map → p-1bbf185c.js.map} +0 -0
- /package/dist/web-components-library/{p-21868300.entry.js.map → p-1c51153b.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-bed1329f.entry.js.map → p-1cbc1b08.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-023dd389.entry.js.map → p-1ece11f1.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-1456b8d0.entry.js.map → p-2467913e.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-e502a246.entry.js.map → p-25be56d1.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-200919dd.entry.js.map → p-28c972c6.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-4fa6c9e2.entry.js.map → p-301b56f1.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-49d8f500.entry.js.map → p-30677b5c.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-4ae92da8.entry.js.map → p-3a42612f.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-e0606f65.js.map → p-431f5871.js.map} +0 -0
- /package/dist/web-components-library/{p-77a95249.entry.js.map → p-4de706ad.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-61265f7e.entry.js.map → p-55fad9b1.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-ae5a3ae2.entry.js.map → p-5d7bbd82.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-6ecc8f62.entry.js.map → p-5ed87dec.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-5fd335ca.entry.js.map → p-61a83529.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-3fe0d872.entry.js.map → p-6655e19b.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-badb6496.entry.js.map → p-7314c74b.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-427ab7d3.entry.js.map → p-7b13eeff.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-0f1c107c.entry.js.map → p-7ce5ca87.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-27bfb006.entry.js.map → p-838b298b.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-d8b43315.entry.js.map → p-8c5dcab3.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-d0e3a9ee.entry.js.map → p-8eb94125.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-dce37070.entry.js.map → p-8fa23b47.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-94048151.entry.js.map → p-9bad1dbc.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-0e27ca8f.entry.js.map → p-9fcc8e5d.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-c062044d.entry.js.map → p-aaab7f44.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-d99e1726.entry.js.map → p-abc08ea3.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-c1409cb8.entry.js.map → p-abd3b914.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-4d5a9c63.entry.js.map → p-acee5500.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-c3b02803.entry.js.map → p-adb5caab.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-fe337e9c.entry.js.map → p-ae1b5e23.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-ad55c127.entry.js.map → p-b1cbb20d.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-24c97977.entry.js.map → p-b94e0513.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-5111d0a9.entry.js.map → p-bc71a934.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-dc51f259.entry.js.map → p-cfbef2c3.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-73e738ef.entry.js.map → p-d20df54b.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-41cfb872.entry.js.map → p-d9fdc804.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-cb258d63.entry.js.map → p-df97df54.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-98f800bc.entry.js.map → p-e5ce98e0.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-6207b079.entry.js.map → p-ec8f8ac8.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-fadb0185.js.map → p-f7f2beae.js.map} +0 -0
- /package/dist/web-components-library/{p-ea19314b.entry.js.map → p-f8d49a59.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-aab34373.entry.js.map → p-f9f98130.entry.js.map} +0 -0
- /package/dist/web-components-library/{p-83813bef.entry.js.map → p-fad6ea09.entry.js.map} +0 -0
- /package/www/build/{p-44c41252.js.map → p-0cb113f9.js.map} +0 -0
- /package/www/build/{p-dd931b43.js.map → p-0d9f1574.js.map} +0 -0
- /package/www/build/{p-52c445f8.entry.js.map → p-121f2960.entry.js.map} +0 -0
- /package/www/build/{p-3ede7723.js.map → p-1bbf185c.js.map} +0 -0
- /package/www/build/{p-21868300.entry.js.map → p-1c51153b.entry.js.map} +0 -0
- /package/www/build/{p-bed1329f.entry.js.map → p-1cbc1b08.entry.js.map} +0 -0
- /package/www/build/{p-023dd389.entry.js.map → p-1ece11f1.entry.js.map} +0 -0
- /package/www/build/{p-1456b8d0.entry.js.map → p-2467913e.entry.js.map} +0 -0
- /package/www/build/{p-e502a246.entry.js.map → p-25be56d1.entry.js.map} +0 -0
- /package/www/build/{p-200919dd.entry.js.map → p-28c972c6.entry.js.map} +0 -0
- /package/www/build/{p-4fa6c9e2.entry.js.map → p-301b56f1.entry.js.map} +0 -0
- /package/www/build/{p-49d8f500.entry.js.map → p-30677b5c.entry.js.map} +0 -0
- /package/www/build/{p-4ae92da8.entry.js.map → p-3a42612f.entry.js.map} +0 -0
- /package/www/build/{p-e0606f65.js.map → p-431f5871.js.map} +0 -0
- /package/www/build/{p-77a95249.entry.js.map → p-4de706ad.entry.js.map} +0 -0
- /package/www/build/{p-61265f7e.entry.js.map → p-55fad9b1.entry.js.map} +0 -0
- /package/www/build/{p-ae5a3ae2.entry.js.map → p-5d7bbd82.entry.js.map} +0 -0
- /package/www/build/{p-6ecc8f62.entry.js.map → p-5ed87dec.entry.js.map} +0 -0
- /package/www/build/{p-5fd335ca.entry.js.map → p-61a83529.entry.js.map} +0 -0
- /package/www/build/{p-3fe0d872.entry.js.map → p-6655e19b.entry.js.map} +0 -0
- /package/www/build/{p-badb6496.entry.js.map → p-7314c74b.entry.js.map} +0 -0
- /package/www/build/{p-427ab7d3.entry.js.map → p-7b13eeff.entry.js.map} +0 -0
- /package/www/build/{p-0f1c107c.entry.js.map → p-7ce5ca87.entry.js.map} +0 -0
- /package/www/build/{p-27bfb006.entry.js.map → p-838b298b.entry.js.map} +0 -0
- /package/www/build/{p-d8b43315.entry.js.map → p-8c5dcab3.entry.js.map} +0 -0
- /package/www/build/{p-d0e3a9ee.entry.js.map → p-8eb94125.entry.js.map} +0 -0
- /package/www/build/{p-dce37070.entry.js.map → p-8fa23b47.entry.js.map} +0 -0
- /package/www/build/{p-94048151.entry.js.map → p-9bad1dbc.entry.js.map} +0 -0
- /package/www/build/{p-0e27ca8f.entry.js.map → p-9fcc8e5d.entry.js.map} +0 -0
- /package/www/build/{p-c062044d.entry.js.map → p-aaab7f44.entry.js.map} +0 -0
- /package/www/build/{p-d99e1726.entry.js.map → p-abc08ea3.entry.js.map} +0 -0
- /package/www/build/{p-c1409cb8.entry.js.map → p-abd3b914.entry.js.map} +0 -0
- /package/www/build/{p-4d5a9c63.entry.js.map → p-acee5500.entry.js.map} +0 -0
- /package/www/build/{p-c3b02803.entry.js.map → p-adb5caab.entry.js.map} +0 -0
- /package/www/build/{p-fe337e9c.entry.js.map → p-ae1b5e23.entry.js.map} +0 -0
- /package/www/build/{p-ad55c127.entry.js.map → p-b1cbb20d.entry.js.map} +0 -0
- /package/www/build/{p-24c97977.entry.js.map → p-b94e0513.entry.js.map} +0 -0
- /package/www/build/{p-5111d0a9.entry.js.map → p-bc71a934.entry.js.map} +0 -0
- /package/www/build/{p-dc51f259.entry.js.map → p-cfbef2c3.entry.js.map} +0 -0
- /package/www/build/{p-73e738ef.entry.js.map → p-d20df54b.entry.js.map} +0 -0
- /package/www/build/{p-41cfb872.entry.js.map → p-d9fdc804.entry.js.map} +0 -0
- /package/www/build/{p-cb258d63.entry.js.map → p-df97df54.entry.js.map} +0 -0
- /package/www/build/{p-98f800bc.entry.js.map → p-e5ce98e0.entry.js.map} +0 -0
- /package/www/build/{p-6207b079.entry.js.map → p-ec8f8ac8.entry.js.map} +0 -0
- /package/www/build/{p-fadb0185.js.map → p-f7f2beae.js.map} +0 -0
- /package/www/build/{p-ea19314b.entry.js.map → p-f8d49a59.entry.js.map} +0 -0
- /package/www/build/{p-aab34373.entry.js.map → p-f9f98130.entry.js.map} +0 -0
- /package/www/build/{p-83813bef.entry.js.map → p-fad6ea09.entry.js.map} +0 -0
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-75c4a726.js";const n="ul{padding:0;margin:0}";const s=n;const a=class{constructor(i){t(this,i);this.inputrawdata=undefined;this.list=undefined}componentWillLoad(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return i("ul",{key:"806e65f994ad41874ba957f46d61f7175d992d25"},this.list&&this.list.map(((n,s)=>i("z-myz-list-item",{listitemid:n.listitemid,text:n.text,link:n.link,linktarget:n.linktarget,icon:n.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};a.style=s;export{a as z_myz_list};
|
|
2
|
-
//# sourceMappingURL=p-6ecc8f62.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,a as s,g as o}from"./p-75c4a726.js";import{g as n}from"./p-dfcf9936.js";import{a}from"./p-f3145212.js";import"./p-5145a606.js";const h=':host,::slotted(*),*{box-sizing:border-box;outline:none}:host{position:relative;display:inline-flex;height:fit-content;flex-direction:column}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{position:relative;display:flex;width:100%;align-items:center;padding:0;border:0;border-bottom:var(--border-size-large) solid transparent;margin:0;background:transparent;border-radius:0;color:inherit;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-visible,div.menu-label:focus-within{box-shadow:var(--shadow-focus-primary)}:host(:is([active],[open])) .menu-label ::slotted(*),.menu-label:focus-visible ::slotted(*),div.menu-label:focus-within ::slotted(*){color:var(--color-primary01);font-weight:var(--font-bd)}:host([vertical-context]) .menu-label{padding:var(--space-unit) 0;border-width:var(--border-size-small);border-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label,.menu-label:hover,.menu-label:focus-visible,div.menu-label:focus-within{border-color:var(--color-primary01)}:host([vertical-context]:is([active],[open])) .menu-label::after,:host([vertical-context]) .menu-label:hover::after,:host([vertical-context]) .menu-label:focus-visible::after,:host([vertical-context]) div.menu-label:focus-within::after{position:absolute;bottom:0;left:0;width:100%;height:var(--border-size-large);background-color:var(--color-primary01);content:""}:host([vertical-context]) .menu-label ::slotted(*){padding:0}.menu-label ::slotted(*){display:inline-flex;width:100%;min-width:fit-content;padding-bottom:2px;margin:0;appearance:none;color:var(--z-menu-label-color, var(--color-default-text));font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:inherit;line-height:1.5;white-space:nowrap}.menu-label z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon)}::slotted([data-text]:not([slot]))::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text]:not([slot]))::after{display:none}}::slotted([data-text]:not([slot])){display:inline-flex;flex-direction:column}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]:not([vertical-context])) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:0 calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface03)}:host(:not([vertical-context])) .items>::slotted([slot="item"]:last-child){border-bottom:0}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-primary01);font-weight:var(--font-bd)}';const r=h;const l=t=>(t===null||t===void 0?void 0:t.tagName)==="Z-MENU-SECTION";const c=class{get focusableItem(){return this.items.find((t=>l(t)?t.htmlTabindex===0:t.tabIndex===0))}toggle(){if(!this.hasContent){return}this.open=!this.open}onLabelSlotChange(t){const i=t.target.assignedElements()[0];i.dataset.text=i===null||i===void 0?void 0:i.textContent;this.setLabelA11yAttrs()}reflow(t=false){if(!this.floating){return}if(this.content&&this.hasContent){const{style:t}=this.content;const{left:i}=this.host.getBoundingClientRect();const e=getComputedStyle(this.content).width;const s=e?parseFloat(e.replace("px","")):375;const o=30;t.left=`${Math.min(window.innerWidth-i-s-o,0)}px`}if(t){this.raf=requestAnimationFrame(this.reflow.bind(this,t))}}checkContent(){this.hasHeader=!!this.host.querySelectorAll("[slot=header]").length;this.hasContent=!!this.host.querySelectorAll("[slot=item]").length||this.hasHeader}setItemTabindex(t,i){if(l(t)){t.htmlTabindex=i}else{t.tabIndex=i}}setItemsA11yAttrs(){this.items.forEach(((t,i)=>{const e=i===0?0:-1;this.setItemTabindex(t,e);if(!l(t)){t.setAttribute("role","menuitem")}}))}onItemsChange(){this.checkContent();this.items=Array.from(this.host.children).filter((({slot:t})=>t==="item"));this.setItemsA11yAttrs();this.items.forEach((t=>{if(!l(t)){t.dataset.text=t.textContent}}))}moveFocus(t,i){if(l(t)){t.setFocus()}else{t.tabIndex=0;setTimeout((()=>{t.focus()}),100)}if(!i){return}this.setItemTabindex(i,-1)}onLabelClick(){this.toggle();this.setFocus()}onLabelKeydown(t){if(t.key===n.ENTER||t.key===n.SPACE){t.preventDefault();t.stopPropagation();this.toggle();if(this.open){this.moveFocus(this.items[0])}return}if(!this.verticalContext){return}if(t.key===n.ARROW_RIGHT&&!this.open){t.preventDefault();t.stopPropagation();this.open=true;this.moveFocus(this.items[0])}}async setFocus(){this.htmlTabindex=0;const t=this.hasContent?this.labelButton:this.host.firstElementChild;t.focus()}async focusLastItem(){const t=this.items[this.items.length-1];if(l(t)&&t.open){t.focusLastItem();return}this.moveFocus(t)}onOpenChanged(){if(!this.open){cancelAnimationFrame(this.raf);this.closed.emit();this.items.forEach((t=>{if(l(t)&&t.open){t.open=false}}));return}this.setItemsA11yAttrs();this.opened.emit();if(this.floating){this.reflow(true)}}setLabelA11yAttrs(){if(this.hasContent&&this.labelButton){this.labelButton.tabIndex=this.htmlTabindex;return}const t=this.host.firstElementChild;t.role="menuitem";t.tabIndex=this.htmlTabindex}onItemClick(t){const i=this.items.find((i=>a(i,t.target)));if(i){this.items.forEach((t=>{if(t===i){return}if(l(t)){t.htmlTabindex=-1}else{t.tabIndex=-1}}))}}onKeyDown(t){var i;if(!this.hasContent){return}switch(t.key){case n.ESC:if(!this.open){break}t.stopPropagation();t.preventDefault();this.open=false;this.setFocus();break;case n.ARROW_DOWN:{if(document.activeElement===this.host){if(this.verticalContext&&!this.open){break}t.stopPropagation();t.preventDefault();if(!this.open){this.open=true}this.moveFocus(this.items[0]);break}const i=this.items.indexOf(this.focusableItem);if(this.verticalContext&&i===this.items.length-1){this.setItemTabindex(this.items[i],-1);this.htmlTabindex=0;break}t.stopPropagation();t.preventDefault();const e=this.items[i+1];this.moveFocus(e!==null&&e!==void 0?e:this.items[0],this.focusableItem);break}case n.ARROW_UP:{if(document.activeElement===this.host){if(this.verticalContext){break}t.stopPropagation();t.preventDefault();if(!this.open){this.open=true}this.moveFocus(this.items[this.items.length-1],this.focusableItem);break}t.stopPropagation();t.preventDefault();const e=this.items.indexOf(this.focusableItem);if(e===0&&this.verticalContext){this.setItemTabindex(this.focusableItem,-1);this.setFocus();break}const s=(i=this.items[e-1])!==null&&i!==void 0?i:this.items[this.items.length-1];if(l(s)&&s.open){this.setItemTabindex(this.focusableItem,-1);s.focusLastItem();break}this.moveFocus(s,this.focusableItem);break}case n.ARROW_LEFT:if(!this.open||!this.verticalContext){break}t.preventDefault();t.stopPropagation();this.open=false;this.setFocus()}}constructor(e){t(this,e);this.opened=i(this,"opened",7);this.closed=i(this,"closed",7);this.items=[];this.active=undefined;this.floating=true;this.open=false;this.verticalContext=false;this.htmlTabindex=-1;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onLabelClick=this.onLabelClick.bind(this);this.onItemsChange=this.onItemsChange.bind(this);this.onLabelKeydown=this.onLabelKeydown.bind(this)}componentWillLoad(){this.setLabelA11yAttrs();this.onItemsChange()}render(){if(!this.hasContent){return e("div",{class:"menu-label"},e("slot",{onSlotchange:this.onLabelSlotChange}))}return e(s,null,e("button",{ref:t=>this.labelButton=t,class:"menu-label","aria-expanded":`${!!this.open}`,"aria-haspopup":`${this.hasContent}`,"aria-label":this.open?"Chiudi menù":"Apri menù",role:"menuitem",tabIndex:this.htmlTabindex,onClick:this.onLabelClick,onKeyDown:this.onLabelKeydown},e("slot",{onSlotchange:this.onLabelSlotChange}),e("z-icon",{name:this.open?"chevron-up":"chevron-down"})),e("div",{class:"content",ref:t=>this.content=t},this.hasHeader&&e("header",{class:"header"},e("slot",{name:"header",onSlotchange:this.checkContent})),e("div",{class:"items",role:"menu"},e("slot",{name:"item",onSlotchange:this.onItemsChange}))))}get host(){return o(this)}static get watchers(){return{open:["onOpenChanged"],htmlTabindex:["setLabelA11yAttrs"]}}};c.style=r;export{c as z_menu};
|
|
2
|
-
//# sourceMappingURL=p-bc57b3c3.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stylesCss","ZMenuStyle0","isZMenuSection","el","tagName","ZMenu","focusableItem","this","items","find","item","htmlTabindex","tabIndex","toggle","hasContent","open","onLabelSlotChange","ev","labelElement","target","assignedElements","dataset","text","textContent","setLabelA11yAttrs","reflow","live","floating","content","style","left","host","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","Math","min","window","innerWidth","raf","requestAnimationFrame","bind","checkContent","hasHeader","querySelectorAll","length","setItemTabindex","setItemsA11yAttrs","forEach","index","tabindex","setAttribute","onItemsChange","Array","from","children","filter","slot","moveFocus","receiver","current","setFocus","setTimeout","focus","onLabelClick","onLabelKeydown","key","KeyboardCode","ENTER","SPACE","preventDefault","stopPropagation","verticalContext","ARROW_RIGHT","label","labelButton","firstElementChild","focusLastItem","lastItem","onOpenChanged","cancelAnimationFrame","closed","emit","opened","slottedLabel","role","onItemClick","clickedItem","containsElement","onKeyDown","ESC","ARROW_DOWN","document","activeElement","currentIndex","indexOf","ARROW_UP","_a","ARROW_LEFT","constructor","hostRef","componentWillLoad","render","h","class","onSlotchange","Host","ref","onClick","name"],"sources":["src/components/z-menu/styles.css?tag=z-menu&encapsulation=shadow","src/components/z-menu/index.tsx"],"sourcesContent":[":host,\n::slotted(*),\n* {\n box-sizing: border-box;\n outline: none;\n}\n\n:host {\n --z-menu-label-color: ;\n\n position: relative;\n display: inline-flex;\n height: fit-content;\n flex-direction: column;\n}\n\n::slotted(a) {\n text-decoration: none;\n}\n\n::slotted(*) {\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n.menu-label {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n padding: 0;\n border: 0;\n border-bottom: var(--border-size-large) solid transparent;\n margin: 0;\n background: transparent;\n border-radius: 0;\n color: inherit;\n text-align: left;\n}\n\nbutton.menu-label {\n cursor: pointer;\n}\n\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host(:is([active], [open])) .menu-label ::slotted(*),\n.menu-label:focus-visible ::slotted(*),\ndiv.menu-label:focus-within ::slotted(*) {\n color: var(--color-primary01);\n font-weight: var(--font-bd);\n}\n\n:host([vertical-context]) .menu-label {\n padding: var(--space-unit) 0;\n border-width: var(--border-size-small);\n border-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label,\n.menu-label:hover,\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n border-color: var(--color-primary01);\n}\n\n:host([vertical-context]:is([active], [open])) .menu-label::after,\n:host([vertical-context]) .menu-label:hover::after,\n:host([vertical-context]) .menu-label:focus-visible::after,\n:host([vertical-context]) div.menu-label:focus-within::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: var(--border-size-large);\n background-color: var(--color-primary01);\n content: \"\";\n}\n\n:host([vertical-context]) .menu-label ::slotted(*) {\n padding: 0;\n}\n\n.menu-label ::slotted(*) {\n display: inline-flex;\n width: 100%;\n min-width: fit-content;\n padding-bottom: 2px;\n margin: 0;\n appearance: none;\n color: var(--z-menu-label-color, var(--color-default-text));\n font-family: var(--font-family-sans);\n font-size: var(--font-size-3);\n font-weight: inherit;\n line-height: 1.5;\n white-space: nowrap;\n}\n\n.menu-label z-icon {\n margin-left: calc(var(--space-unit) * 1.5);\n fill: var(--color-default-icon);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text]:not([slot]))::after {\n height: 0;\n content: attr(data-text);\n content: attr(data-text) / \"\";\n font-weight: var(--font-bd);\n letter-spacing: normal;\n pointer-events: none;\n user-select: none;\n visibility: hidden;\n}\n\n@media speech {\n ::slotted([data-text]:not([slot]))::after {\n display: none;\n }\n}\n\n::slotted([data-text]:not([slot])) {\n display: inline-flex;\n flex-direction: column;\n}\n\n.content {\n background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n display: none;\n}\n\n:host([floating]:not([vertical-context])) .content {\n position: absolute;\n top: 100%;\n left: 0;\n width: 375px;\n min-width: 100%;\n max-width: 100vw;\n padding: 0 calc(var(--space-unit) * 2);\n box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n width: 100%;\n}\n\n.header {\n display: flex;\n align-items: center;\n padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n width: calc(var(--space-unit) * 11.25);\n height: auto;\n object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n margin: auto 0;\n margin-left: calc(var(--space-unit) * 2.5);\n font-size: var(--font-size-3);\n font-weight: var(--font-sb);\n line-height: 1.5;\n}\n\n.items {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n width: 100%;\n margin: 0;\n font-size: var(--font-size-3);\n line-height: 1.5;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n padding: var(--space-unit) 0;\n border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\n:host(:not([vertical-context])) .items > ::slotted([slot=\"item\"]:last-child) {\n border-bottom: 0;\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active) {\n border-color: var(--color-primary01);\n font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode} from \"../../beans\";\nimport {containsElement} from \"../../utils/utils\";\n\nconst isZMenuSection = (el: HTMLElement | HTMLZMenuSectionElement): el is HTMLZMenuSectionElement =>\n el?.tagName === \"Z-MENU-SECTION\";\n\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Set the `active` HTML attribute on the element to highlight it. Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\n@Component({\n tag: \"z-menu\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMenu {\n @Element() host: HTMLZMenuElement;\n\n /** Flag to set the active status of the menu. */\n @Prop({reflect: true})\n active?: boolean;\n\n /**\n * Flag to set the display mode of the list.\n * If true, the list will be absolutely positioned under the menu label,\n * stacked beneath it otherwise.\n */\n @Prop({reflect: true})\n floating? = true;\n\n /** The opening state of the menu. */\n @Prop({mutable: true, reflect: true})\n open = false;\n\n /**\n * Tells the component that it's placed in a vertical context with other `ZMenu`s (usually in the ZAppHeader's offcanvas).\n * A small border is placed under it as a separator from other elements.\n */\n @Prop({reflect: true})\n verticalContext = false;\n\n /**\n * Tabindex value to set on the menu label.\n * Useful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZAppHeader).\n */\n @Prop()\n htmlTabindex = -1;\n\n @State()\n hasHeader: boolean;\n\n @State()\n hasContent: boolean;\n\n /** The menu has been opened. */\n @Event()\n opened: EventEmitter;\n\n /** The menu has been closed. */\n @Event()\n closed: EventEmitter;\n\n private labelButton: HTMLButtonElement;\n\n private content: HTMLElement;\n\n private items: (HTMLElement | HTMLZMenuSectionElement)[] = [];\n\n /** Animation frame request id. */\n private raf: number;\n\n private get focusableItem(): HTMLZMenuSectionElement | HTMLElement | null {\n return this.items.find((item) => (isZMenuSection(item) ? item.htmlTabindex === 0 : item.tabIndex === 0));\n }\n\n private toggle(): void {\n if (!this.hasContent) {\n return;\n }\n\n this.open = !this.open;\n }\n\n /**\n * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n * @param ev Slotchange event\n */\n private onLabelSlotChange(ev: Event): void {\n const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n labelElement.dataset.text = labelElement?.textContent;\n this.setLabelA11yAttrs();\n }\n\n /**\n * Correctly set position of the floating menu in order to prevent overflow.\n * @param live Should run the method on every refresh frame.\n */\n private reflow(live = false): void {\n if (!this.floating) {\n return;\n }\n\n if (this.content && this.hasContent) {\n const {style} = this.content;\n const {left} = this.host.getBoundingClientRect();\n const widthPx = getComputedStyle(this.content).width;\n const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n const safeScrollbarSpace = 30;\n style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n }\n if (live) {\n this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n }\n }\n\n /**\n * Check if some content slot is set.\n */\n private checkContent(): void {\n this.hasHeader = !!this.host.querySelectorAll(\"[slot=header]\").length;\n this.hasContent = !!this.host.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n }\n\n private setItemTabindex(item: HTMLElement | HTMLZMenuSectionElement, tabIndex: number): void {\n if (isZMenuSection(item)) {\n item.htmlTabindex = tabIndex;\n } else {\n item.tabIndex = tabIndex;\n }\n }\n\n /**\n * Set `menuitem` role to all menu items (ZMenuSection items already have it).\n * Set -1 to the tabindex of the items and 0 to the first one.\n */\n private setItemsA11yAttrs(): void {\n this.items.forEach((item, index) => {\n const tabindex = index === 0 ? 0 : -1;\n this.setItemTabindex(item, tabindex);\n if (!isZMenuSection(item)) {\n item.setAttribute(\"role\", \"menuitem\");\n }\n });\n }\n\n private onItemsChange(): void {\n this.checkContent();\n this.items = Array.from(this.host.children).filter(({slot}) => slot === \"item\") as HTMLElement[];\n this.setItemsA11yAttrs();\n this.items.forEach((item) => {\n if (!isZMenuSection(item)) {\n item.dataset.text = item.textContent;\n }\n });\n }\n\n /**\n * Move focus and adjust the tabindex value of `receiver` and `current` elements,\n * setting -1 to the `current` and 0 to the `receiver`, then focus the `receiver` element.\n * If the receiver is a ZMenuSection and it's open, focus its first focusable item.\n */\n private moveFocus(\n receiver: HTMLElement | HTMLZMenuSectionElement,\n current?: HTMLElement | HTMLZMenuSectionElement\n ): void {\n if (isZMenuSection(receiver)) {\n receiver.setFocus();\n } else {\n receiver.tabIndex = 0;\n setTimeout(() => {\n receiver.focus();\n }, 100);\n }\n if (!current) {\n return;\n }\n\n this.setItemTabindex(current, -1);\n }\n\n private onLabelClick(): void {\n this.toggle();\n this.setFocus();\n }\n\n private onLabelKeydown(ev: KeyboardEvent): void {\n if (ev.key === KeyboardCode.ENTER || ev.key === KeyboardCode.SPACE) {\n ev.preventDefault();\n ev.stopPropagation();\n this.toggle();\n if (this.open) {\n this.moveFocus(this.items[0]);\n }\n\n return;\n }\n\n if (!this.verticalContext) {\n return;\n }\n\n if (ev.key === KeyboardCode.ARROW_RIGHT && !this.open) {\n ev.preventDefault();\n ev.stopPropagation();\n this.open = true;\n this.moveFocus(this.items[0]);\n }\n }\n\n /** Set tabindex of the label to 0, then focus it. */\n @Method()\n async setFocus(): Promise<void> {\n this.htmlTabindex = 0;\n const label = this.hasContent ? this.labelButton : (this.host.firstElementChild as HTMLElement);\n label.focus();\n }\n\n /**\n * Focus the last item.\n */\n @Method()\n async focusLastItem(): Promise<void> {\n const lastItem = this.items[this.items.length - 1];\n if (isZMenuSection(lastItem) && lastItem.open) {\n lastItem.focusLastItem();\n\n return;\n }\n\n this.moveFocus(lastItem);\n }\n\n @Watch(\"open\")\n onOpenChanged(): void {\n if (!this.open) {\n cancelAnimationFrame(this.raf);\n this.closed.emit();\n this.items.forEach((item) => {\n if (isZMenuSection(item) && item.open) {\n item.open = false;\n }\n });\n\n return;\n }\n\n this.setItemsA11yAttrs();\n this.opened.emit();\n if (this.floating) {\n this.reflow(true);\n }\n }\n\n @Watch(\"htmlTabindex\")\n setLabelA11yAttrs(): void {\n if (this.hasContent && this.labelButton) {\n this.labelButton.tabIndex = this.htmlTabindex;\n\n return;\n }\n\n const slottedLabel = this.host.firstElementChild as HTMLElement;\n slottedLabel.role = \"menuitem\";\n slottedLabel.tabIndex = this.htmlTabindex;\n }\n\n /**\n * Set tabindex to -1 to all siblings of the clicked item.\n */\n @Listen(\"click\", {target: \"document\"})\n onItemClick(ev: MouseEvent): void {\n const clickedItem = this.items.find((item) => containsElement(item, ev.target as HTMLElement));\n if (clickedItem) {\n this.items.forEach((item) => {\n if (item === clickedItem) {\n return;\n }\n\n if (isZMenuSection(item)) {\n item.htmlTabindex = -1;\n } else {\n item.tabIndex = -1;\n }\n });\n }\n }\n\n @Listen(\"keydown\")\n onKeyDown(ev: KeyboardEvent): void {\n if (!this.hasContent) {\n return;\n }\n\n switch (ev.key) {\n case KeyboardCode.ESC:\n if (!this.open) {\n break;\n }\n ev.stopPropagation();\n ev.preventDefault();\n this.open = false;\n this.setFocus();\n break;\n case KeyboardCode.ARROW_DOWN: {\n if (document.activeElement === this.host) {\n if (this.verticalContext && !this.open) {\n break;\n }\n\n ev.stopPropagation();\n ev.preventDefault();\n if (!this.open) {\n this.open = true;\n }\n this.moveFocus(this.items[0]);\n break;\n }\n\n const currentIndex = this.items.indexOf(this.focusableItem);\n if (this.verticalContext && currentIndex === this.items.length - 1) {\n // navigation is going to leave this menu. restore tabindex to the label and let the parent handle it\n this.setItemTabindex(this.items[currentIndex], -1);\n this.htmlTabindex = 0;\n break;\n }\n\n ev.stopPropagation();\n ev.preventDefault();\n const receiver = this.items[currentIndex + 1];\n // if the last item is already focused, navigate to the first one\n this.moveFocus(receiver ?? this.items[0], this.focusableItem);\n break;\n }\n case KeyboardCode.ARROW_UP: {\n if (document.activeElement === this.host) {\n if (this.verticalContext) {\n break;\n }\n\n ev.stopPropagation();\n ev.preventDefault();\n // open the menu and focus the last item\n if (!this.open) {\n this.open = true;\n }\n this.moveFocus(this.items[this.items.length - 1], this.focusableItem);\n break;\n }\n\n ev.stopPropagation();\n ev.preventDefault();\n const currentIndex = this.items.indexOf(this.focusableItem);\n if (currentIndex === 0 && this.verticalContext) {\n this.setItemTabindex(this.focusableItem, -1);\n this.setFocus();\n break;\n }\n\n const receiver = this.items[currentIndex - 1] ?? this.items[this.items.length - 1];\n // if the receiver is a ZMenuSection and it's open, focus its last item\n if (isZMenuSection(receiver) && receiver.open) {\n this.setItemTabindex(this.focusableItem, -1);\n receiver.focusLastItem();\n break;\n }\n\n this.moveFocus(receiver, this.focusableItem);\n break;\n }\n case KeyboardCode.ARROW_LEFT:\n if (!this.open || !this.verticalContext) {\n break;\n }\n\n // close the menu and focus the label\n ev.preventDefault();\n ev.stopPropagation();\n this.open = false;\n this.setFocus();\n }\n }\n\n constructor() {\n this.toggle = this.toggle.bind(this);\n this.checkContent = this.checkContent.bind(this);\n this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n this.onLabelClick = this.onLabelClick.bind(this);\n this.onItemsChange = this.onItemsChange.bind(this);\n this.onLabelKeydown = this.onLabelKeydown.bind(this);\n }\n\n componentWillLoad(): void {\n this.setLabelA11yAttrs();\n this.onItemsChange();\n }\n\n render(): HTMLDivElement | HTMLZMenuElement {\n if (!this.hasContent) {\n return (\n <div class=\"menu-label\">\n <slot onSlotchange={this.onLabelSlotChange} />\n </div>\n );\n }\n\n return (\n <Host>\n <button\n ref={(el) => (this.labelButton = el)}\n class=\"menu-label\"\n aria-expanded={`${!!this.open}`}\n aria-haspopup={`${this.hasContent}`}\n aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n role=\"menuitem\"\n tabIndex={this.htmlTabindex}\n onClick={this.onLabelClick}\n onKeyDown={this.onLabelKeydown}\n >\n <slot onSlotchange={this.onLabelSlotChange} />\n <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n </button>\n\n <div\n class=\"content\"\n ref={(el) => (this.content = el)}\n >\n {this.hasHeader && (\n <header class=\"header\">\n <slot\n name=\"header\"\n onSlotchange={this.checkContent}\n />\n </header>\n )}\n\n <div\n class=\"items\"\n role=\"menu\"\n >\n <slot\n name=\"item\"\n onSlotchange={this.onItemsChange}\n />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,a as n,g as a}from"./p-75c4a726.js";import{r}from"./p-f3145212.js";import"./p-44c41252.js";import"./p-dd931b43.js";const s=":host{--columns:1;display:grid;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";const i=s;const d=class{constructor(o){t(this,o);this.expand=e(this,"expand",7);this.expandable=false;this.expanded=false;this.expandableContentId=undefined}updateColumns(){const t=Array.from(this.host.querySelectorAll("z-td, z-th"));if(this.expandable){t.pop()}const e=t.map((t=>t.colspan||1)).reduce(((t,e)=>t+e),0);this.host.style.setProperty("--columns",`${e}`);if(this.expandable){const e=t.pop();e.id=e.id||`z-tr-expandable-content-${r()}`;this.expandableContentId=e.id}}onRowClick(t){const e=t.target.closest(".prevent-expand");if(!this.expandable||e){return}this.expanded=!this.expanded;this.expand.emit({expanded:this.expanded})}componentWillLoad(){this.updateColumns()}render(){return o(n,{key:"8ddfaff842e8d3eb5d21ebab2abfc4ca13a0416b",role:"row",onClick:this.onRowClick.bind(this),expanded:this.expanded},o("div",{key:"aa9ce846b5fafe47618c7596d6d9b698d9dc96f1",class:"z-tr--expand-button-container"},this.expandable&&o("button",{key:"1655f8ac34bdfdb46be13ed3d2382f7471898707","aria-expanded":this.expanded?"true":"false","aria-label":this.expanded?"Comprimi riga":"Espandi riga","aria-controls":this.expandableContentId,type:"button"},o("z-icon",{key:"89927e95119697a66708c22e319568d653c99666",name:this.expanded?"minus-circled":"plus-circled"}))),o("slot",{key:"cc9560e3b380226586140b9638b3922d76f0e7c4",onSlotchange:this.updateColumns.bind(this)}))}get host(){return a(this)}static get watchers(){return{expandable:["updateColumns"]}}};d.style=i;export{d as Z};
|
|
2
|
-
//# sourceMappingURL=p-c6f70d4f.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as l,a as i,g as s}from"./p-75c4a726.js";const n=':host{font-family:var(--font-family-sans)}z-list-element{position:relative;display:block;padding-top:var(--space-unit)}z-list z-list-element::before{position:absolute;z-index:100;top:2px;left:-8px;width:var(--space-unit);height:calc(var(--space-unit) * 2);border-bottom:var(--border-size-small) solid var(--color-disabled01-icon);border-left:var(--border-size-small) solid var(--color-disabled01-icon);content:""}z-list z-list-element::after{position:absolute;z-index:100;top:2px;left:-8px;width:var(--space-unit);height:100%;border-left:var(--border-size-small) solid var(--color-disabled01-icon);content:""}z-list z-list-element:last-child::after{display:none}z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 2)}z-list-element>.list-element{display:flex;justify-content:space-between;padding:0;color:var(--color-default-text);font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);text-decoration:none}z-list-element>.list-element.link-clickable{color:var(--color-primary01)}z-list-element>.list-element.link-clickable:hover{text-decoration:underline}z-list-element>.list-element .item.ellipsis{overflow:hidden}z-list-element .list-element::after{position:absolute;top:0;right:-1px;display:block;width:100%;height:calc(var(--space-unit) * 5);content:"";transform:translateX(-100%)}.item-label{overflow:hidden;flex-grow:1;font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);letter-spacing:0.052px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.item-label.bold-item{font-weight:var(--font-sb)}.item.ellipsis{display:flex;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.children-node>z-list-element{padding:0;padding-top:2px;padding-left:calc(var(--space-unit) * 1.25)}.item-icon{margin-right:var(--space-unit)}.no-icon-label{padding-left:var(--space-unit)}.children-node>z-list-element.no-icon-elm{padding-left:0}';const o=n;const a=class{constructor(l){e(this,l);this.treeItemClicked=t(this,"treeItemClicked",7);this.items=[]}handleClick(e){this.treeItemClicked.emit({id:e.id,name:e.name,url:e.url})}renderTreeList(e){this.htmlTag=e.url?"a":"span";return l("z-list-element",{class:!e.icon?"no-icon-elm":"",clickable:!!e.url,hasTreeItems:true},l(this.htmlTag,{class:{"list-element":true,"z-link":!!e.url,"link-clickable":!!e.url},tabIndex:0,onClick:()=>this.handleClick(e),href:e.url?e.url:undefined},l("span",{class:"item ellipsis"},(e===null||e===void 0?void 0:e.icon)&&l("z-icon",{width:16,height:16,fill:e.url?"color-primary01":"color-default-icon",class:"item-icon",name:e.icon}),l("span",{class:{"item-label":true,"no-icon-label":!e.icon,"bold-item":e.bold},title:e.name},e.name))),e.children&&e.children.length>0?l("z-list",null,l("div",{class:"children-node"},e.children.map((e=>this.renderTreeList(e))))):null)}render(){return l(i,{key:"263c8dd3b70f235e0011ac14b4965f954e26dc02",class:"tree-list"},this.items.map((e=>this.renderTreeList(e))))}get host(){return s(this)}};a.style=o;export{a as z_tree_list};
|
|
2
|
-
//# sourceMappingURL=p-d64b981e.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stylesCss","ZTreeListStyle0","ZTreeList","handleClick","item","this","treeItemClicked","emit","id","name","url","renderTreeList","htmlTag","h","class","icon","clickable","hasTreeItems","tabIndex","onClick","href","undefined","width","height","fill","bold","title","children","length","map","child","render","Host","key","items"],"sources":["src/components/list/z-tree-list/styles.css?tag=z-tree-list&encapsulation=shadow","src/components/list/z-tree-list/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n}\n\nz-list-element {\n position: relative;\n display: block;\n padding-top: var(--space-unit);\n}\n\nz-list z-list-element::before {\n position: absolute;\n z-index: 100;\n top: 2px;\n left: -8px;\n width: var(--space-unit);\n height: calc(var(--space-unit) * 2);\n border-bottom: var(--border-size-small) solid var(--color-disabled01-icon);\n border-left: var(--border-size-small) solid var(--color-disabled01-icon);\n content: \"\";\n}\n\nz-list z-list-element::after {\n position: absolute;\n z-index: 100;\n top: 2px;\n left: -8px;\n width: var(--space-unit);\n height: 100%;\n border-left: var(--border-size-small) solid var(--color-disabled01-icon);\n content: \"\";\n}\n\nz-list z-list-element:last-child::after {\n display: none;\n}\n\nz-list > z-list-element::before,\nz-list > z-list-element::after,\nz-list > z-list-group > z-list-element::before,\nz-list > z-list-group > z-list-element::after {\n display: none;\n}\n\nz-list > div.children-node {\n padding-left: calc(var(--space-unit) * 2);\n}\n\nz-list-element > .list-element {\n display: flex;\n justify-content: space-between;\n padding: 0;\n color: var(--color-default-text);\n font-size: var(--font-size-2);\n font-style: normal;\n font-weight: var(--font-rg);\n text-decoration: none;\n}\n\nz-list-element > .list-element.link-clickable {\n color: var(--color-primary01);\n}\n\nz-list-element > .list-element.link-clickable:hover {\n text-decoration: underline;\n}\n\nz-list-element > .list-element .item.ellipsis {\n overflow: hidden;\n}\n\nz-list-element .list-element::after {\n position: absolute;\n top: 0;\n right: -1px;\n display: block;\n width: 100%;\n height: calc(var(--space-unit) * 5);\n content: \"\";\n transform: translateX(-100%);\n}\n\n.item-label {\n overflow: hidden;\n flex-grow: 1;\n font-size: var(--font-size-2);\n font-style: normal;\n font-weight: var(--font-rg);\n letter-spacing: 0.052px;\n line-height: 20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.item-label.bold-item {\n font-weight: var(--font-sb);\n}\n\n.item.ellipsis {\n display: flex;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.children-node > z-list-element {\n padding: 0;\n padding-top: 2px;\n padding-left: calc(var(--space-unit) * 1.25);\n}\n\n.item-icon {\n margin-right: var(--space-unit);\n}\n\n.no-icon-label {\n padding-left: var(--space-unit);\n}\n\n.children-node > z-list-element.no-icon-elm {\n padding-left: 0;\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {TreeListItem} from \"../../../beans\";\n\n@Component({\n tag: \"z-tree-list\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTreeList {\n @Element() host: HTMLZTreeListElement;\n\n /** Items to render, if they have the url property they will be rendered as clickable links */\n @Prop()\n items: TreeListItem[] = [];\n\n /** Emitted on item click, it return the id, name and url of the clicked item */\n @Event()\n treeItemClicked: EventEmitter<{id: string; name: string; url: string}>;\n\n private htmlTag: string;\n\n private handleClick(item: TreeListItem): void {\n this.treeItemClicked.emit({id: item.id, name: item.name, url: item.url});\n }\n\n private renderTreeList(item: TreeListItem): HTMLZListElementElement {\n this.htmlTag = item.url ? \"a\" : \"span\";\n\n return (\n <z-list-element\n class={!item.icon ? \"no-icon-elm\" : \"\"}\n clickable={!!item.url}\n hasTreeItems={true}\n >\n <this.htmlTag\n class={{\n \"list-element\": true,\n \"z-link\": !!item.url,\n \"link-clickable\": !!item.url,\n }}\n tabIndex={0}\n onClick={() => this.handleClick(item)}\n href={item.url ? item.url : undefined}\n >\n <span class=\"item ellipsis\">\n {item?.icon && (\n <z-icon\n width={16}\n height={16}\n fill={item.url ? \"color-primary01\" : \"color-default-icon\"}\n class=\"item-icon\"\n name={item.icon}\n />\n )}\n <span\n class={{\n \"item-label\": true,\n \"no-icon-label\": !item.icon,\n \"bold-item\": item.bold,\n }}\n title={item.name}\n >\n {item.name}\n </span>\n </span>\n </this.htmlTag>\n {item.children && item.children.length > 0 ? (\n <z-list>\n <div class=\"children-node\">{item.children.map((child) => this.renderTreeList(child))}</div>\n </z-list>\n ) : null}\n </z-list-element>\n );\n }\n\n render(): HTMLZTreeListElement {\n return <Host class=\"tree-list\">{this.items.map((item) => this.renderTreeList(item))}</Host>;\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAY,mhEAClB,MAAAC,EAAeD,E,MCOFE,EAAS,M,qFAKI,E,CAQhB,WAAAC,CAAYC,GAClBC,KAAKC,gBAAgBC,KAAK,CAACC,GAAIJ,EAAKI,GAAIC,KAAML,EAAKK,KAAMC,IAAKN,EAAKM,K,CAG7D,cAAAC,CAAeP,GACrBC,KAAKO,QAAUR,EAAKM,IAAM,IAAM,OAEhC,OACEG,EAAA,kBACEC,OAAQV,EAAKW,KAAO,cAAgB,GACpCC,YAAaZ,EAAKM,IAClBO,aAAc,MAEdJ,EAACR,KAAKO,QAAO,CACXE,MAAO,CACL,eAAgB,KAChB,WAAYV,EAAKM,IACjB,mBAAoBN,EAAKM,KAE3BQ,SAAU,EACVC,QAAS,IAAMd,KAAKF,YAAYC,GAChCgB,KAAMhB,EAAKM,IAAMN,EAAKM,IAAMW,WAE5BR,EAAA,QAAMC,MAAM,kBACTV,IAAI,MAAJA,SAAI,SAAJA,EAAMW,OACLF,EAAA,UACES,MAAO,GACPC,OAAQ,GACRC,KAAMpB,EAAKM,IAAM,kBAAoB,qBACrCI,MAAM,YACNL,KAAML,EAAKW,OAGfF,EAAA,QACEC,MAAO,CACL,aAAc,KACd,iBAAkBV,EAAKW,KACvB,YAAaX,EAAKqB,MAEpBC,MAAOtB,EAAKK,MAEXL,EAAKK,QAIXL,EAAKuB,UAAYvB,EAAKuB,SAASC,OAAS,EACvCf,EAAA,cACEA,EAAA,OAAKC,MAAM,iBAAiBV,EAAKuB,SAASE,KAAKC,GAAUzB,KAAKM,eAAemB,OAE7E,K,CAKV,MAAAC,GACE,OAAOlB,EAACmB,EAAI,CAAAC,IAAA,2CAACnB,MAAM,aAAaT,KAAK6B,MAAML,KAAKzB,GAASC,KAAKM,eAAeP,K","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,a as s,g as o}from"./p-75c4a726.js";import{U as n,V as a,p as r,g as l,P as h,i as p}from"./p-dfcf9936.js";import{g as c,d}from"./p-f3145212.js";import"./p-5145a606.js";const f=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}*{box-sizing:border-box}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;align-items:center}ol{display:flex;align-items:center;padding:0;margin:0;column-gap:var(--space-unit);list-style:none}li{display:flex;align-items:center;justify-content:flex-start;column-gap:var(--space-unit)}ol li>a,ol li>button{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}a:focus,button:focus{box-shadow:var(--shadow-focus-primary);outline:none}a{color:var(--color-text-link-blue);white-space:nowrap}a.missing-path{color:var(--color-default-text)}.text-ellipsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:initial}nav.semibold>ol>li>a:not(.missing-path),nav.semibold>ol>li>button{font-weight:var(--font-sb);text-decoration:none}nav.underlined a,nav.underlined button{text-decoration:underline}z-icon{--z-icon-width:16px;--z-icon-height:16px;display:block;fill:var(--color-text-link-blue)}z-icon.separator{--z-icon-width:10px;--z-icon-height:10px;fill:var(--gray500)}button.dots{display:inline-block;color:var(--color-text-link-blue);cursor:pointer}.hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}.hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}.hidden-paths-popover{--z-popover-theme--surface:var(--color-background);--z-popover-padding:0}.hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}.full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}.tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover);line-clamp:var(--line-clamp-popover)}}@media (max-width: 767px){li a{display:flex;align-items:center;column-gap:var(--space-unit)}}";const u=f;const m=class{constructor(e){i(this,e);this.clickOnNode=t(this,"clickOnNode",7);this.collapsedElements=[];this.currentIndex=0;this.truncatePosition=null;this.pathStyle=n.UNDERLINED;this.homepageVariant=a.ICON;this.maxNodesToShow=5;this.preventFollowUrl=false;this.overflowMenuItemRows=0;this.truncateChar=30;this.viewPortWidth=undefined;this.hasOverflow=false;this.popoverEllipsisOpen=false}handleResize(){this.viewPortWidth=c();if(this.viewPortWidth!==r.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}handlePropChange(){this.initializeBreadcrumb()}handleResizeUp(i,t){if(i===r.MOBILE||t===r.MOBILE&&i===r.TABLET||t===r.MOBILE&&i===r.DESKTOP||t===r.MOBILE&&i===r.DESKTOP_WIDE||t===r.TABLET&&i===r.DESKTOP||t===r.TABLET&&i===r.DESKTOP_WIDE||t===r.DESKTOP&&i===r.DESKTOP_WIDE){this.initializeBreadcrumb()}}componentWillLoad(){this.viewPortWidth=c();this.initializeBreadcrumb()}componentWillRender(){if(this.viewPortWidth!==r.MOBILE&&this.hasOverflow){this.checkEllipsisOrOverflowMenu();this.hasOverflow=false}}componentDidRender(){if(this.collapsedElementsRef){this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))}if(this.viewPortWidth!==r.MOBILE&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}initializeBreadcrumb(){if(this.viewPortWidth===r.MOBILE){this.pathsList=this.getPathsItemsList().filter((i=>!!i.path))}else{this.pathsList=this.getPathsItemsList()}this.homepageNode=this.pathsList.shift();this.pathListCopy=[...this.pathsList];this.collapsedElements=[];if(this.pathsList.length>this.maxNodesToShow){this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2)}}checkEllipsisOrOverflowMenu(){for(let i=0;i<this.pathsList.length;i++){if(this.pathsList[i].text.length<=this.truncateChar){continue}if(this.truncatePosition>0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition));this.pathsList.splice(0,this.truncatePosition);this.truncatePosition=0;return}else if(this.truncatePosition===0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition+1));this.pathsList.splice(0,this.truncatePosition+1);this.truncatePosition=null;return}if(i!==this.pathsList.length-1){const t=this.truncateWithEllipsis(this.pathsList[i].text,this.truncateChar);this.currentEllipsisText=this.pathsList[i].text;this.pathsList[i].text=t;this.pathsList[i].hasTooltip=true;this.truncatePosition=i;return}}}truncateWithEllipsis(i,t){if(i.length<=t){return i}return i.substring(0,t-1)+"…"}getPathsItemsList(){return Array.from(this.hostElement.children).map((i=>({text:i.textContent,path:i.href,hasTooltip:false})))}renderHomepageNode(){return e("li",null,e("a",{class:{"homepage-text":this.homepageVariant===a.TEXT},href:this.homepageNode.path,onClick:i=>this.handlePreventFollowUrl(i,this.homepageNode),innerHTML:this.homepageVariant===a.ICON?`<z-icon name="home" />`:this.homepageNode.text||"Home"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}togglePopover(){if(!this.collapsedElementsRef.open){this.collapsedElementsRef.open=true}}handlePreventFollowUrl(i,t){if(this.preventFollowUrl){i.preventDefault();this.clickOnNode.emit(t.path)}}handleOverflowMenuAccessibility(i){const t=this.anchorElements.length;if(i.key===l.TAB){i.preventDefault();return}i.stopPropagation();const e=[l.ARROW_DOWN,l.ARROW_UP];if(e.includes(i.key)){i.preventDefault();if(i.key===l.ARROW_DOWN){this.currentIndex=t===this.currentIndex+1?0:this.currentIndex+1}if(i.key===l.ARROW_UP){this.currentIndex=this.currentIndex<=0?t-1:this.currentIndex-1}this.anchorElements[this.currentIndex].focus()}if(i.key===l.ESC){this.triggerButton.focus()}}renderOverflowMenu(){return e("li",null,e("z-popover",{class:"hidden-paths-popover",ref:i=>this.collapsedElementsRef=i,bindTo:this.triggerButton,position:h.BOTTOM_RIGHT,closable:true,showArrow:true},e("div",{class:"popover-content"},e("z-list",null,e("z-list-group",{size:p.SMALL},this.collapsedElements.map(((i,t,s)=>e("div",null,e("z-list-element",{clickable:true},e("a",{class:"text-ellipsis",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i),onKeyDown:i=>this.handleOverflowMenuAccessibility(i),innerHTML:i.text})),t<s.length-1&&e("z-divider",{color:"color-surface03"})))))))),e("button",{class:"dots",ref:i=>this.triggerButton=i,"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",onClick:()=>{this.togglePopover()},onKeyDown:i=>{d(i,this.togglePopover.bind(this));setTimeout((()=>{this.anchorElements[0].focus()}),100)},innerHTML:"…"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}renderMobileItems(){const i=this.pathsList[this.pathsList.length-1];if(!i){return}return e("li",null,e("a",{"aria-current":i.path?undefined:"page",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i)},e("z-icon",{name:"chevron-left"}),e("span",{class:{"missing-path":!i.path,"text-ellipsis":true}},i.text)))}renderItems(){let i;return[this.renderHomepageNode(),this.collapsedElements.length>0&&this.renderOverflowMenu(),...this.pathsList.map(((t,s)=>e("li",null,t.hasTooltip&&e("z-popover",{class:"full-path-tooltip",bindTo:i,open:this.popoverEllipsisOpen,position:h.BOTTOM_RIGHT,closable:false,showArrow:true},e("span",{class:"tooltip-content"},this.currentEllipsisText)),e("a",{class:{"missing-path":!t.path},ref:t=>i=t,"aria-current":t.path?undefined:"page",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onMouseOver:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=true}},onMouseLeave:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=false}},innerHTML:t.text}),s!==this.pathsList.length-1&&e("z-icon",{class:"separator",name:"chevron-right"}))))]}render(){return e(s,{key:"3b4923a3c6fd222a0f3b4d101ff3a0fca34c6cd6",style:{"--line-clamp-popover":`${this.overflowMenuItemRows}`}},e("nav",{key:"8079538229e2bad091a92f1caa6957d96f1b93b9",ref:i=>this.wrapElement=i,"aria-label":"Breadcrumb",class:{semibold:this.pathStyle===n.SEMIBOLD,underlined:this.pathStyle===n.UNDERLINED}},e("ol",{key:"01a1721b454ba9ae9c39974446bde00d739e96e6"},this.viewPortWidth===r.MOBILE?this.renderMobileItems():this.renderItems())))}get hostElement(){return o(this)}static get watchers(){return{maxNodesToShow:["handlePropChange"],viewPortWidth:["handleResizeUp"]}}};m.style=u;export{m as z_breadcrumb};
|
|
2
|
-
//# sourceMappingURL=p-de0f237d.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stylesCss","ZBreadcrumbStyle0","ZBreadcrumb","this","collapsedElements","currentIndex","truncatePosition","BreadcrumbPathStyle","UNDERLINED","BreadcrumbHomepageVariant","ICON","handleResize","viewPortWidth","getDevice","Device","MOBILE","wrapElement","scrollWidth","clientWidth","hasOverflow","handlePropChange","initializeBreadcrumb","handleResizeUp","newValue","oldValue","TABLET","DESKTOP","DESKTOP_WIDE","componentWillLoad","componentWillRender","checkEllipsisOrOverflowMenu","componentDidRender","collapsedElementsRef","anchorElements","Array","from","hostElement","shadowRoot","querySelectorAll","pathsList","getPathsItemsList","filter","item","path","homepageNode","shift","pathListCopy","length","maxNodesToShow","splice","i","text","truncateChar","push","truncatedString","truncateWithEllipsis","currentEllipsisText","hasTooltip","str","maxLength","substring","children","map","textContent","href","renderHomepageNode","h","class","homepageVariant","TEXT","onClick","e","handlePreventFollowUrl","innerHTML","name","togglePopover","open","preventFollowUrl","preventDefault","clickOnNode","emit","handleOverflowMenuAccessibility","anchorElementsLenght","key","KeyboardCode","TAB","stopPropagation","arrows","ARROW_DOWN","ARROW_UP","includes","focus","ESC","triggerButton","renderOverflowMenu","ref","val","bindTo","position","PopoverPosition","BOTTOM_RIGHT","closable","showArrow","size","ListSize","SMALL","index","array","clickable","onKeyDown","color","el","handleKeyboardSubmit","bind","setTimeout","renderMobileItems","secondToLastPath","undefined","renderItems","trigger","popoverEllipsisOpen","onMouseOver","onMouseLeave","render","Host","style","overflowMenuItemRows","semibold","pathStyle","SEMIBOLD","underlined"],"sources":["src/components/z-breadcrumb/styles.css?tag=z-breadcrumb&encapsulation=shadow","src/components/z-breadcrumb/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n\n --line-clamp-popover: 0;\n --line-clamp-mobile: 1;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbutton {\n padding: 0;\n border: none;\n margin: 0;\n background-color: transparent;\n}\n\nnav {\n display: flex;\n align-items: center;\n}\n\nol {\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n column-gap: var(--space-unit);\n list-style: none;\n}\n\nli {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n column-gap: var(--space-unit);\n}\n\nol li > a,\nol li > button {\n font-size: var(--font-size-2);\n letter-spacing: 0.16px;\n line-height: 1.4;\n}\n\na:focus,\nbutton:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\na {\n color: var(--color-text-link-blue);\n white-space: nowrap;\n}\n\na.missing-path {\n color: var(--color-default-text);\n}\n\n.text-ellipsis {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--line-clamp-mobile);\n line-clamp: var(--line-clamp-mobile);\n text-overflow: ellipsis;\n white-space: initial;\n}\n\nnav.semibold > ol > li > a:not(.missing-path),\nnav.semibold > ol > li > button {\n font-weight: var(--font-sb);\n text-decoration: none;\n}\n\nnav.underlined a,\nnav.underlined button {\n text-decoration: underline;\n}\n\nz-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n\n display: block;\n fill: var(--color-text-link-blue);\n}\n\nz-icon.separator {\n --z-icon-width: 10px;\n --z-icon-height: 10px;\n\n fill: var(--gray500);\n}\n\nbutton.dots {\n display: inline-block;\n color: var(--color-text-link-blue);\n cursor: pointer;\n}\n\n.hidden-paths-popover .popover-content {\n max-width: 302px;\n padding: calc(var(--space-unit) / 2) var(--space-unit);\n text-align: left;\n}\n\n.hidden-paths-popover .popover-content a {\n font-weight: var(--font-rg);\n text-decoration: none;\n}\n\n.hidden-paths-popover {\n --z-popover-theme--surface: var(--color-background);\n --z-popover-padding: 0;\n}\n\n.hidden-paths-popover::before,\n.full-path-tooltip::before {\n --arrow-edge-offset: calc(100% - (var(--space-unit) * 2.55));\n}\n\n.full-path-tooltip {\n --z-popover-theme--surface: var(--color-surface05);\n --z-popover-theme--text: var(--color-text-inverse);\n --z-popover-padding: 0;\n}\n\n.tooltip-content {\n padding: 0 var(--space-unit);\n font-size: var(--font-size-2);\n}\n\n@media (min-width: 768px) {\n .text-ellipsis {\n -webkit-line-clamp: var(--line-clamp-popover);\n line-clamp: var(--line-clamp-popover);\n }\n}\n\n@media (max-width: 767px) {\n li a {\n display: flex;\n align-items: center;\n column-gap: var(--space-unit);\n }\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {\n BreadcrumbHomepageVariant,\n BreadcrumbPath,\n BreadcrumbPathStyle,\n Device,\n KeyboardCode,\n ListSize,\n PopoverPosition,\n} from \"../../beans\";\nimport {getDevice, handleKeyboardSubmit} from \"../../utils/utils\";\n\n@Component({\n tag: \"z-breadcrumb\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZBreadcrumb {\n /* Accessibility references */\n /* Overflow-menu: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/ */\n /* Breadcrumb: https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/ */\n /* Focus on multiline link: https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html */\n\n @Element() hostElement: HTMLZBreadcrumbElement;\n\n /** [optional] Sets the path style */\n @Prop({reflect: true})\n pathStyle?: BreadcrumbPathStyle = BreadcrumbPathStyle.UNDERLINED;\n\n /** [optional] Variant of first node */\n @Prop()\n homepageVariant?: BreadcrumbHomepageVariant = BreadcrumbHomepageVariant.ICON;\n\n /** [optional] Sets max number of element to show */\n @Prop()\n maxNodesToShow? = 5;\n\n /** [optional] Controls the behaviour on <a> tag click/enter */\n @Prop()\n preventFollowUrl? = false;\n\n /** [optional] Sets max number of row for each path inside the popover. Zero equals unlimited */\n @Prop()\n overflowMenuItemRows? = 0;\n\n /** [optional] Sets the maximun number of chars per single node */\n @Prop()\n truncateChar? = 30;\n\n /** Handle mobile */\n @State()\n viewPortWidth: Device;\n\n /** Detect whether the length of the nodes shown exceeds the container length */\n @State()\n hasOverflow = false;\n\n @State()\n popoverEllipsisOpen = false;\n\n /** Emitted when preventFollowUrl=true to handle custom page transition */\n @Event()\n clickOnNode: EventEmitter<BreadcrumbPath[\"path\"]>;\n\n private pathsList: BreadcrumbPath[];\n\n private pathListCopy: BreadcrumbPath[];\n\n private collapsedElements: BreadcrumbPath[] = [];\n\n private collapsedElementsRef: HTMLZPopoverElement;\n\n private triggerButton: HTMLButtonElement;\n\n private wrapElement: HTMLElement;\n\n private currentIndex = 0;\n\n private homepageNode: BreadcrumbPath;\n\n private anchorElements;\n\n private currentEllipsisText: string;\n\n private truncatePosition = null;\n\n @Listen(\"resize\", {target: \"window\"})\n handleResize(): void {\n this.viewPortWidth = getDevice();\n if (\n this.viewPortWidth !== Device.MOBILE &&\n this.wrapElement &&\n this.wrapElement.scrollWidth > this.wrapElement.clientWidth\n ) {\n this.hasOverflow = true;\n }\n }\n // eslint-disable-next-line lines-between-class-members\n @Watch(\"maxNodesToShow\")\n handlePropChange(): void {\n this.initializeBreadcrumb();\n }\n\n @Watch(\"viewPortWidth\")\n handleResizeUp(newValue: Device, oldValue: Device): void {\n if (\n newValue === Device.MOBILE ||\n (oldValue === Device.MOBILE && newValue === Device.TABLET) ||\n (oldValue === Device.MOBILE && newValue === Device.DESKTOP) ||\n (oldValue === Device.MOBILE && newValue === Device.DESKTOP_WIDE) ||\n (oldValue === Device.TABLET && newValue === Device.DESKTOP) ||\n (oldValue === Device.TABLET && newValue === Device.DESKTOP_WIDE) ||\n (oldValue === Device.DESKTOP && newValue === Device.DESKTOP_WIDE)\n ) {\n this.initializeBreadcrumb();\n }\n }\n\n componentWillLoad(): void {\n this.viewPortWidth = getDevice();\n this.initializeBreadcrumb();\n }\n\n componentWillRender(): void {\n if (this.viewPortWidth !== Device.MOBILE && this.hasOverflow) {\n this.checkEllipsisOrOverflowMenu();\n this.hasOverflow = false;\n }\n }\n\n componentDidRender(): void {\n if (this.collapsedElementsRef) {\n this.anchorElements = Array.from(this.hostElement.shadowRoot.querySelectorAll(\"z-list-group a\"));\n }\n\n if (this.viewPortWidth !== Device.MOBILE && this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n this.hasOverflow = true;\n }\n }\n\n private initializeBreadcrumb(): void {\n if (this.viewPortWidth === Device.MOBILE) {\n this.pathsList = this.getPathsItemsList().filter((item) => !!item.path);\n } else {\n this.pathsList = this.getPathsItemsList();\n }\n this.homepageNode = this.pathsList.shift();\n this.pathListCopy = [...this.pathsList];\n this.collapsedElements = [];\n if (this.pathsList.length > this.maxNodesToShow) {\n this.collapsedElements = this.pathsList.splice(0, this.pathsList.length - 2);\n }\n }\n\n private checkEllipsisOrOverflowMenu(): void {\n for (let i = 0; i < this.pathsList.length; i++) {\n if (this.pathsList[i].text.length <= this.truncateChar) {\n continue;\n }\n\n if (this.truncatePosition > 0) {\n this.collapsedElements.push(...this.pathListCopy.splice(0, this.truncatePosition));\n this.pathsList.splice(0, this.truncatePosition);\n this.truncatePosition = 0;\n\n return;\n } else if (this.truncatePosition === 0) {\n this.collapsedElements.push(...this.pathListCopy.splice(0, this.truncatePosition + 1));\n this.pathsList.splice(0, this.truncatePosition + 1);\n this.truncatePosition = null;\n\n return;\n }\n\n if (i !== this.pathsList.length - 1) {\n const truncatedString = this.truncateWithEllipsis(this.pathsList[i].text, this.truncateChar);\n this.currentEllipsisText = this.pathsList[i].text;\n this.pathsList[i].text = truncatedString;\n this.pathsList[i].hasTooltip = true;\n this.truncatePosition = i;\n\n return;\n }\n }\n }\n\n private truncateWithEllipsis(str: string, maxLength: number): string {\n if (str.length <= maxLength) {\n return str;\n }\n\n return str.substring(0, maxLength - 1) + \"…\";\n }\n\n private getPathsItemsList(): BreadcrumbPath[] {\n return Array.from(this.hostElement.children).map((item: HTMLAnchorElement) => {\n return {\n text: item.textContent,\n path: item.href,\n hasTooltip: false,\n };\n });\n }\n\n private renderHomepageNode(): HTMLLIElement {\n return (\n <li>\n <a\n class={{\n \"homepage-text\": this.homepageVariant === BreadcrumbHomepageVariant.TEXT,\n }}\n href={this.homepageNode.path}\n onClick={(e) => this.handlePreventFollowUrl(e, this.homepageNode)}\n innerHTML={\n this.homepageVariant === BreadcrumbHomepageVariant.ICON\n ? `<z-icon name=\"home\" />`\n : this.homepageNode.text || \"Home\"\n }\n />\n {this.pathsList.length > 0 && (\n <z-icon\n class=\"separator\"\n name=\"chevron-right\"\n />\n )}\n </li>\n );\n }\n\n private togglePopover(): void {\n if (!this.collapsedElementsRef.open) {\n this.collapsedElementsRef.open = true;\n }\n }\n\n private handlePreventFollowUrl(e: MouseEvent, item): void {\n if (this.preventFollowUrl) {\n e.preventDefault();\n this.clickOnNode.emit(item.path);\n }\n }\n\n private handleOverflowMenuAccessibility(e: KeyboardEvent): void {\n const anchorElementsLenght = this.anchorElements.length;\n if (e.key === KeyboardCode.TAB) {\n e.preventDefault();\n\n return;\n }\n e.stopPropagation();\n const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n if (arrows.includes(e.key as KeyboardCode)) {\n e.preventDefault();\n\n if (e.key === KeyboardCode.ARROW_DOWN) {\n this.currentIndex = anchorElementsLenght === this.currentIndex + 1 ? 0 : this.currentIndex + 1;\n }\n if (e.key === KeyboardCode.ARROW_UP) {\n this.currentIndex = this.currentIndex <= 0 ? anchorElementsLenght - 1 : this.currentIndex - 1;\n }\n\n this.anchorElements[this.currentIndex].focus();\n }\n\n if (e.key === KeyboardCode.ESC) {\n this.triggerButton.focus();\n }\n }\n\n private renderOverflowMenu(): HTMLLIElement {\n return (\n <li>\n <z-popover\n class=\"hidden-paths-popover\"\n ref={(val) => (this.collapsedElementsRef = val as HTMLZPopoverElement)}\n bindTo={this.triggerButton}\n position={PopoverPosition.BOTTOM_RIGHT}\n closable\n showArrow\n >\n <div class=\"popover-content\">\n <z-list>\n <z-list-group size={ListSize.SMALL}>\n {this.collapsedElements.map((item, index, array) => {\n return (\n <div>\n <z-list-element clickable>\n <a\n class=\"text-ellipsis\"\n href={item.path}\n onClick={(e) => this.handlePreventFollowUrl(e, item)}\n onKeyDown={(e) => this.handleOverflowMenuAccessibility(e)}\n innerHTML={item.text}\n />\n </z-list-element>\n {index < array.length - 1 && <z-divider color=\"color-surface03\"></z-divider>}\n </div>\n );\n })}\n </z-list-group>\n </z-list>\n </div>\n </z-popover>\n <button\n class=\"dots\"\n ref={(el) => (this.triggerButton = el)}\n aria-label=\"Mostra più breadcrumb\"\n aria-haspopup=\"true\"\n onClick={() => {\n this.togglePopover();\n }}\n onKeyDown={(e) => {\n handleKeyboardSubmit(e, this.togglePopover.bind(this));\n setTimeout(() => {\n this.anchorElements[0].focus();\n }, 100);\n }}\n innerHTML=\"…\"\n ></button>\n {this.pathsList.length > 0 && (\n <z-icon\n class=\"separator\"\n name=\"chevron-right\"\n />\n )}\n </li>\n );\n }\n\n private renderMobileItems(): HTMLLIElement {\n // show only the second to last element\n const secondToLastPath = this.pathsList[this.pathsList.length - 1];\n\n if (!secondToLastPath) {\n return;\n }\n\n return (\n <li>\n <a\n aria-current={secondToLastPath.path ? undefined : \"page\"}\n href={secondToLastPath.path}\n onClick={(e) => this.handlePreventFollowUrl(e, secondToLastPath)}\n >\n <z-icon name=\"chevron-left\" />\n <span\n class={{\n \"missing-path\": !secondToLastPath.path,\n \"text-ellipsis\": true,\n }}\n >\n {secondToLastPath.text}\n </span>\n </a>\n </li>\n );\n }\n\n private renderItems(): HTMLElement[] {\n let trigger;\n\n return [\n this.renderHomepageNode(),\n this.collapsedElements.length > 0 && this.renderOverflowMenu(),\n ...this.pathsList.map((item, index) => (\n <li>\n {item.hasTooltip && (\n <z-popover\n class=\"full-path-tooltip\"\n bindTo={trigger}\n open={this.popoverEllipsisOpen}\n position={PopoverPosition.BOTTOM_RIGHT}\n closable={false}\n showArrow\n >\n <span class=\"tooltip-content\">{this.currentEllipsisText}</span>\n </z-popover>\n )}\n <a\n class={{\"missing-path\": !item.path}}\n ref={(val) => (trigger = val)}\n aria-current={item.path ? undefined : \"page\"}\n href={item.path}\n onClick={(e) => this.handlePreventFollowUrl(e, item)}\n onMouseOver={() => {\n if (item.hasTooltip) {\n this.popoverEllipsisOpen = true;\n }\n }}\n onMouseLeave={() => {\n if (item.hasTooltip) {\n this.popoverEllipsisOpen = false;\n }\n }}\n innerHTML={item.text}\n />\n {index !== this.pathsList.length - 1 && (\n <z-icon\n class=\"separator\"\n name=\"chevron-right\"\n />\n )}\n </li>\n )),\n ];\n }\n\n render(): HTMLZBreadcrumbElement {\n return (\n <Host style={{\"--line-clamp-popover\": `${this.overflowMenuItemRows}`}}>\n <nav\n ref={(val) => (this.wrapElement = val)}\n aria-label=\"Breadcrumb\"\n class={{\n semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n }}\n >\n <ol>{this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()}</ol>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as o,h as r,a as s}from"./p-75c4a726.js";const e=":host{display:block;box-sizing:border-box}";const a=e;const c=class{constructor(r){o(this,r)}render(){return r(s,{key:"6ba25211775f9fcbd2e92f495567c30b7960ff02",role:"rowgroup"},r("slot",{key:"8af8a0f7ee5c015be55d15a8b62e2a5e14144b75"}))}};c.style=a;export{c as Z};
|
|
2
|
-
//# sourceMappingURL=p-e0606f65.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as a,h as r,a as t}from"./p-75c4a726.js";import{t as e}from"./p-dfcf9936.js";const s=class{constructor(r){a(this,r);this.mode=e.POLITE}render(){return r(t,{key:"70666497a2d2417f250e2b81016061d19c04f54e","aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},r("slot",{key:"94f9b30d6ed760529a11880252554b125e3fb612"}))}};export{s as z_aria_alert};
|
|
2
|
-
//# sourceMappingURL=p-ea0cfa32.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,a as i,g as o}from"./p-75c4a726.js";import{g as a}from"./p-dfcf9936.js";const n=':host{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.label{display:flex;width:100%;align-items:center;padding:var(--space-unit) 0;border:0;border-bottom:var(--border-size-small) solid var(--color-surface03);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}:host(:last-child:not([open])) .label{border-bottom:none}:host(:is([active],[open])) .label,.label:focus:focus-visible,.label:hover{border-color:var(--color-primary01)}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items[hidden]{display:none}::slotted([slot="section"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-1);line-height:1.333;outline:none}::slotted([slot="section"]:last-of-type){border:none}::slotted([slot="section"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}::slotted([slot="section"]:hover),::slotted([slot="section"]:focus:focus-visible),::slotted([slot="section"][active]){color:var(--color-primary01);font-weight:var(--font-bd)}';const h=n;const l=class{get focusableItem(){return this.items.find((({tabIndex:t})=>t===0))}toggle(){if(!this.hasItems){return}this.open=!this.open}setItemsA11yAttrs(){if(!this.hasItems){return}this.items.forEach((t=>{t.setAttribute("role","menuitem");t.tabIndex=-1}))}onItemsChange(){this.items=Array.from(this.host.querySelectorAll('[slot="section"]'));this.hasItems=this.items.length>0;this.setItemsA11yAttrs()}onLabelSlotChange(t){const e=t.target.assignedElements()[0];e.dataset.text=e===null||e===void 0?void 0:e.textContent}onLabelClick(){this.toggle();this.setFocus()}onLabelKeydown(t){if(t.key===a.ENTER||t.key===a.SPACE){t.preventDefault();t.stopPropagation();this.toggle();if(this.open){this.focustFirstItem()}}}moveFocus(t,e){t.tabIndex=0;setTimeout((()=>{t.focus()}),100);if(e){e.tabIndex=-1}}focustFirstItem(){this.moveFocus(this.items[0])}async focusLastItem(){this.moveFocus(this.items[this.items.length-1])}async setFocus(){this.htmlTabindex=0;setTimeout((()=>{this.label.focus()}),100)}onOpenChange(){if(!this.open){this.setItemsA11yAttrs();this.closed.emit()}else{this.opened.emit()}}onTabindexChange(){this.label.tabIndex=this.htmlTabindex}onItemsKeydown(t){switch(t.key){case a.ESC:case a.ARROW_LEFT:if(!this.open){break}t.preventDefault();t.stopPropagation();this.moveFocus(this.label,this.focusableItem);this.open=false;break;case a.ARROW_RIGHT:if(this.open){break}t.preventDefault();t.stopPropagation();this.open=true;this.focustFirstItem();break;case a.ARROW_DOWN:{if(!this.open){break}if(document.activeElement===this.host){t.preventDefault();t.stopPropagation();this.focustFirstItem();break}const e=this.items.indexOf(this.focusableItem);const s=this.items[e+1];if(s){t.preventDefault();t.stopPropagation();this.moveFocus(s,this.focusableItem)}else{this.htmlTabindex=0;this.focusableItem.tabIndex=-1}break}case a.ARROW_UP:{if(!this.open||document.activeElement===this.host){break}const e=this.items.indexOf(this.focusableItem);const s=this.items[e-1];t.preventDefault();t.stopPropagation();if(s){this.moveFocus(s,this.focusableItem)}else{this.focusableItem.tabIndex=-1;this.setFocus()}break}}}constructor(s){t(this,s);this.opened=e(this,"opened",7);this.closed=e(this,"closed",7);this.active=undefined;this.htmlTabindex=-1;this.open=undefined;this.hasItems=undefined;this.items=undefined;this.toggle=this.toggle.bind(this);this.onItemsChange=this.onItemsChange.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onLabelClick=this.onLabelClick.bind(this);this.onLabelKeydown=this.onLabelKeydown.bind(this);this.onItemsKeydown=this.onItemsKeydown.bind(this)}connectedCallback(){this.onItemsChange()}render(){return s(i,{key:"d08c7f78843f0b6b4b52d87c4e4799d602818f3e",open:this.open},s("button",{key:"ddd592e2daa41a49ddf6a371e450f731476a7718",ref:t=>this.label=t,class:"label","aria-haspopup":`${!!this.hasItems}`,"aria-expanded":`${!!this.open}`,role:"menuitem",tabindex:this.htmlTabindex,onClick:this.onLabelClick,onKeyDown:this.onLabelKeydown},s("slot",{key:"7c5dab71de7c69c68b22515ef85181e6f032326a",onSlotchange:this.onLabelSlotChange}),this.hasItems&&s("z-icon",{key:"d317dbdda61b8ff838f4d4a09c4de385705d5ef8",name:this.open?"chevron-up":"chevron-down"})),s("div",{key:"cf8cbe0600e0b2068bbed0e02b89c4daac19e02d",class:"items",role:"menu",hidden:!this.open},s("slot",{key:"6fd0f88d5e74493c5ab30a9d1ea136ada4ee43e8",name:"section",onSlotchange:this.onItemsChange})))}get host(){return o(this)}static get watchers(){return{open:["onOpenChange"],htmlTabindex:["onTabindexChange"]}}};l.style=h;export{l as z_menu_section};
|
|
2
|
-
//# sourceMappingURL=p-016255b0.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stylesCss","ZMenuSectionStyle0","ZMenuSection","focusableItem","this","items","find","tabIndex","toggle","hasItems","open","setItemsA11yAttrs","forEach","item","setAttribute","onItemsChange","Array","from","host","querySelectorAll","length","onLabelSlotChange","ev","labelElement","target","assignedElements","dataset","text","textContent","onLabelClick","setFocus","onLabelKeydown","key","KeyboardCode","ENTER","SPACE","preventDefault","stopPropagation","focustFirstItem","moveFocus","receiver","current","setTimeout","focus","focusLastItem","htmlTabindex","label","onOpenChange","closed","emit","opened","onTabindexChange","onItemsKeydown","ESC","ARROW_LEFT","ARROW_RIGHT","ARROW_DOWN","document","activeElement","currentIndex","indexOf","ARROW_UP","constructor","hostRef","bind","connectedCallback","render","h","Host","ref","el","class","role","tabindex","onClick","onKeyDown","onSlotchange","name","hidden"],"sources":["src/components/z-menu-section/styles.css?tag=z-menu-section&encapsulation=shadow","src/components/z-menu-section/index.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 0;\n font-family: var(--font-family-sans);\n}\n\n:host,\n::slotted(*),\n* {\n box-sizing: border-box;\n}\n\n::slotted(a) {\n text-decoration: none;\n}\n\n::slotted(*) {\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n.label {\n display: flex;\n width: 100%;\n align-items: center;\n padding: var(--space-unit) 0;\n border: 0;\n border-bottom: var(--border-size-small) solid var(--color-surface03);\n margin: 0;\n background: transparent;\n border-radius: 0;\n cursor: pointer;\n text-align: left;\n}\n\n:host(:last-child:not([open])) .label {\n border-bottom: none;\n}\n\n:host(:is([active], [open])) .label,\n.label:focus:focus-visible,\n.label:hover {\n border-color: var(--color-primary01);\n}\n\n.label:focus:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n:host(:is([active], [open])) .label ::slotted(*),\n.label:focus:focus-visible ::slotted(*),\n.label:hover ::slotted(*) {\n font-weight: var(--font-bd);\n}\n\n::slotted([data-text]) {\n display: inline-flex;\n flex-direction: column;\n}\n\n/* Trick to prevent layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n overflow: hidden;\n height: 0;\n content: attr(data-text);\n content: attr(data-text) / \"\";\n font-weight: var(--font-bd);\n pointer-events: none;\n user-select: none;\n visibility: hidden;\n}\n\n@media speech {\n ::slotted([data-text])::after {\n display: none;\n }\n}\n\n.label ::slotted(*) {\n width: 100%;\n margin: 0;\n font-size: var(--font-size-3);\n line-height: 1.5;\n}\n\n.label z-icon {\n margin-left: calc(var(--space-unit) * 4);\n fill: var(--color-default-icon);\n}\n\n.items {\n display: flex;\n width: 100%;\n flex-direction: column;\n padding: calc(var(--space-unit) / 2);\n padding-bottom: calc(var(--space-unit) * 1.5);\n}\n\n.items[hidden] {\n display: none;\n}\n\n::slotted([slot=\"section\"]) {\n display: inline-flex;\n padding: calc(var(--space-unit) / 2);\n margin: 0;\n font-size: var(--font-size-1);\n line-height: 1.333;\n outline: none;\n}\n\n::slotted([slot=\"section\"]:last-of-type) {\n border: none;\n}\n\n::slotted([slot=\"section\"]:focus:focus-visible) {\n box-shadow: var(--shadow-focus-primary);\n color: var(--color-primary01);\n}\n\n::slotted([slot=\"section\"]:hover),\n::slotted([slot=\"section\"]:focus:focus-visible),\n::slotted([slot=\"section\"][active]) {\n color: var(--color-primary01);\n font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode} from \"../../beans\";\n\n/**\n * A component to create submenus inside the ZMenu.\n * @slot - Label of the menu section.\n * @slot section - Single entry of the menu section. Set the same slot name to different elements to put many of them. Add the `active` attribute to a slotted element to highlight it.\n */\n@Component({\n tag: \"z-menu-section\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMenuSection {\n @Element() host: HTMLZMenuSectionElement;\n\n /** Active state */\n @Prop({reflect: true})\n active?: boolean;\n\n /**\n * Tabindex value to set on the label button.\n * Useful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZMenu).\n */\n @Prop()\n htmlTabindex = -1;\n\n /** The opening state of the section. */\n @Prop({mutable: true})\n open: boolean;\n\n @State()\n hasItems: boolean;\n\n @State()\n items: HTMLElement[];\n\n /** The section has been opened. */\n @Event()\n opened: EventEmitter;\n\n /** The section has been closed. */\n @Event()\n closed: EventEmitter;\n\n private label: HTMLButtonElement;\n\n private get focusableItem(): HTMLElement {\n return this.items.find(({tabIndex}) => tabIndex === 0);\n }\n\n private toggle(): void {\n if (!this.hasItems) {\n return;\n }\n\n this.open = !this.open;\n }\n\n private setItemsA11yAttrs(): void {\n if (!this.hasItems) {\n return;\n }\n\n this.items.forEach((item) => {\n item.setAttribute(\"role\", \"menuitem\");\n item.tabIndex = -1;\n });\n }\n\n private onItemsChange(): void {\n this.items = Array.from(this.host.querySelectorAll('[slot=\"section\"]')) as HTMLElement[];\n this.hasItems = this.items.length > 0;\n this.setItemsA11yAttrs();\n }\n\n /**\n * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n * @param ev Slotchange event\n */\n private onLabelSlotChange(ev: Event): void {\n const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n labelElement.dataset.text = labelElement?.textContent;\n }\n\n private onLabelClick(): void {\n this.toggle();\n this.setFocus();\n }\n\n private onLabelKeydown(ev: KeyboardEvent): void {\n if (ev.key === KeyboardCode.ENTER || ev.key === KeyboardCode.SPACE) {\n ev.preventDefault();\n ev.stopPropagation();\n this.toggle();\n if (this.open) {\n this.focustFirstItem();\n }\n }\n }\n\n /**\n * Move focus and adjust the tabindex value of `receiver` and `current` elements,\n * setting -1 to the `current` and 0 to the `receiver`, then focus the `receiver` element.\n */\n private moveFocus(receiver: HTMLElement, current?: HTMLElement): void {\n receiver.tabIndex = 0;\n setTimeout(() => {\n receiver.focus();\n }, 100);\n if (current) {\n current.tabIndex = -1;\n }\n }\n\n private focustFirstItem(): void {\n this.moveFocus(this.items[0]);\n }\n\n /** Focus the last item. */\n @Method()\n async focusLastItem(): Promise<void> {\n this.moveFocus(this.items[this.items.length - 1]);\n }\n\n /** Set tabindex of the label to 0, then focus it. */\n @Method()\n async setFocus(): Promise<void> {\n this.htmlTabindex = 0;\n setTimeout(() => {\n this.label.focus();\n }, 100);\n }\n\n @Watch(\"open\")\n onOpenChange(): void {\n if (!this.open) {\n this.setItemsA11yAttrs();\n this.closed.emit();\n } else {\n this.opened.emit();\n }\n }\n\n @Watch(\"htmlTabindex\")\n onTabindexChange(): void {\n this.label.tabIndex = this.htmlTabindex;\n }\n\n @Listen(\"keydown\")\n private onItemsKeydown(ev: KeyboardEvent): void {\n switch (ev.key) {\n case KeyboardCode.ESC:\n case KeyboardCode.ARROW_LEFT:\n if (!this.open) {\n break;\n }\n ev.preventDefault();\n ev.stopPropagation();\n this.moveFocus(this.label, this.focusableItem);\n this.open = false;\n break;\n case KeyboardCode.ARROW_RIGHT:\n if (this.open) {\n break;\n }\n ev.preventDefault();\n ev.stopPropagation();\n this.open = true;\n this.focustFirstItem();\n break;\n case KeyboardCode.ARROW_DOWN: {\n if (!this.open) {\n break;\n }\n if (document.activeElement === this.host) {\n ev.preventDefault();\n ev.stopPropagation();\n this.focustFirstItem();\n break;\n }\n const currentIndex = this.items.indexOf(this.focusableItem);\n const receiver = this.items[currentIndex + 1];\n if (receiver) {\n ev.preventDefault();\n ev.stopPropagation();\n this.moveFocus(receiver, this.focusableItem);\n } else {\n this.htmlTabindex = 0;\n this.focusableItem.tabIndex = -1;\n }\n break;\n }\n case KeyboardCode.ARROW_UP: {\n if (!this.open || document.activeElement === this.host) {\n break;\n }\n const currentIndex = this.items.indexOf(this.focusableItem);\n const receiver = this.items[currentIndex - 1];\n ev.preventDefault();\n ev.stopPropagation();\n if (receiver) {\n this.moveFocus(receiver, this.focusableItem);\n } else {\n // since there isn't a previous item to focus, give the focus to the label element\n this.focusableItem.tabIndex = -1;\n this.setFocus();\n }\n break;\n }\n }\n }\n\n constructor() {\n this.toggle = this.toggle.bind(this);\n this.onItemsChange = this.onItemsChange.bind(this);\n this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n this.onLabelClick = this.onLabelClick.bind(this);\n this.onLabelKeydown = this.onLabelKeydown.bind(this);\n this.onItemsKeydown = this.onItemsKeydown.bind(this);\n }\n\n connectedCallback(): void {\n this.onItemsChange();\n }\n\n render(): HTMLZMenuSectionElement {\n return (\n <Host open={this.open}>\n <button\n ref={(el) => (this.label = el)}\n class=\"label\"\n aria-haspopup={`${!!this.hasItems}`}\n aria-expanded={`${!!this.open}`}\n role=\"menuitem\"\n tabindex={this.htmlTabindex}\n onClick={this.onLabelClick}\n onKeyDown={this.onLabelKeydown}\n >\n <slot onSlotchange={this.onLabelSlotChange} />\n {this.hasItems && <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />}\n </button>\n <div\n class=\"items\"\n role=\"menu\"\n hidden={!this.open}\n >\n <slot\n name=\"section\"\n onSlotchange={this.onItemsChange}\n />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as n,a as e,g as r}from"./p-75c4a726.js";import{r as s}from"./p-dfcf9936.js";import{B as a}from"./p-5145a606.js";var o={exports:{}};
|
|
2
|
-
/*! Hammer.JS - v2.0.7 - 2016-04-22
|
|
3
|
-
* http://hammerjs.github.io/
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) 2016 Jorik Tangelder;
|
|
6
|
-
* Licensed under the MIT license */(function(t){(function(i,n,e,r){var s=["","webkit","Moz","MS","ms","o"];var a=n.createElement("div");var o="function";var h=Math.round;var u=Math.abs;var c=Date.now;function f(t,i,n){return setTimeout(b(t,n),i)}function l(t,i,n){if(Array.isArray(t)){v(t,n[i],n);return true}return false}function v(t,i,n){var e;if(!t){return}if(t.forEach){t.forEach(i,n)}else if(t.length!==r){e=0;while(e<t.length){i.call(n,t[e],e,t);e++}}else{for(e in t){t.hasOwnProperty(e)&&i.call(n,t[e],e,t)}}}function d(t,n,e){var r="DEPRECATED METHOD: "+n+"\n"+e+" AT \n";return function(){var n=new Error("get-stack-trace");var e=n&&n.stack?n.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace";var s=i.console&&(i.console.warn||i.console.log);if(s){s.call(i.console,r,e)}return t.apply(this,arguments)}}var p;if(typeof Object.assign!=="function"){p=function t(i){if(i===r||i===null){throw new TypeError("Cannot convert undefined or null to object")}var n=Object(i);for(var e=1;e<arguments.length;e++){var s=arguments[e];if(s!==r&&s!==null){for(var a in s){if(s.hasOwnProperty(a)){n[a]=s[a]}}}}return n}}else{p=Object.assign}var m=d((function t(i,n,e){var s=Object.keys(n);var a=0;while(a<s.length){if(!e||e&&i[s[a]]===r){i[s[a]]=n[s[a]]}a++}return i}),"extend","Use `assign`.");var g=d((function t(i,n){return m(i,n,true)}),"merge","Use `assign`.");function w(t,i,n){var e=i.prototype,r;r=t.prototype=Object.create(e);r.constructor=t;r._super=e;if(n){p(r,n)}}function b(t,i){return function n(){return t.apply(i,arguments)}}function T(t,i){if(typeof t==o){return t.apply(i?i[0]||r:r,i)}return t}function x(t,i){return t===r?i:t}function y(t,i,n){v(P(i),(function(i){t.addEventListener(i,n,false)}))}function E(t,i,n){v(P(i),(function(i){t.removeEventListener(i,n,false)}))}function I(t,i){while(t){if(t==i){return true}t=t.parentNode}return false}function A(t,i){return t.indexOf(i)>-1}function P(t){return t.trim().split(/\s+/g)}function C(t,i,n){if(t.indexOf&&!n){return t.indexOf(i)}else{var e=0;while(e<t.length){if(n&&t[e][n]==i||!n&&t[e]===i){return e}e++}return-1}}function D(t){return Array.prototype.slice.call(t,0)}function M(t,i,n){var e=[];var r=[];var s=0;while(s<t.length){var a=i?t[s][i]:t[s];if(C(r,a)<0){e.push(t[s])}r[s]=a;s++}if(n){if(!i){e=e.sort()}else{e=e.sort((function t(n,e){return n[i]>e[i]}))}}return e}function z(t,i){var n,e;var a=i[0].toUpperCase()+i.slice(1);var o=0;while(o<s.length){n=s[o];e=n?n+a:i;if(e in t){return e}o++}return r}var k=1;function O(){return k++}function S(t){var n=t.ownerDocument||t;return n.defaultView||n.parentWindow||i}var N=/mobile|tablet|ip(ad|hone|od)|android/i;var R="ontouchstart"in i;var _=z(i,"PointerEvent")!==r;var X=R&&N.test(navigator.userAgent);var j="touch";var L="pen";var Y="mouse";var F="kinect";var U=25;var W=1;var H=2;var B=4;var q=8;var G=1;var $=2;var Z=4;var V=8;var K=16;var J=$|Z;var Q=V|K;var tt=J|Q;var it=["x","y"];var nt=["clientX","clientY"];function et(t,i){var n=this;this.manager=t;this.callback=i;this.element=t.element;this.target=t.options.inputTarget;this.domHandler=function(i){if(T(t.options.enable,[t])){n.handler(i)}};this.init()}et.prototype={handler:function(){},init:function(){this.evEl&&y(this.element,this.evEl,this.domHandler);this.evTarget&&y(this.target,this.evTarget,this.domHandler);this.evWin&&y(S(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&E(this.element,this.evEl,this.domHandler);this.evTarget&&E(this.target,this.evTarget,this.domHandler);this.evWin&&E(S(this.element),this.evWin,this.domHandler)}};function rt(t){var i;var n=t.options.inputClass;if(n){i=n}else if(_){i=At}else if(X){i=St}else if(!R){i=Tt}else{i=Xt}return new i(t,st)}function st(t,i,n){var e=n.pointers.length;var r=n.changedPointers.length;var s=i&W&&e-r===0;var a=i&(B|q)&&e-r===0;n.isFirst=!!s;n.isFinal=!!a;if(s){t.session={}}n.eventType=i;at(t,n);t.emit("hammer.input",n);t.recognize(n);t.session.prevInput=n}function at(t,i){var n=t.session;var e=i.pointers;var r=e.length;if(!n.firstInput){n.firstInput=ut(i)}if(r>1&&!n.firstMultiple){n.firstMultiple=ut(i)}else if(r===1){n.firstMultiple=false}var s=n.firstInput;var a=n.firstMultiple;var o=a?a.center:s.center;var h=i.center=ct(e);i.timeStamp=c();i.deltaTime=i.timeStamp-s.timeStamp;i.angle=dt(o,h);i.distance=vt(o,h);ot(n,i);i.offsetDirection=lt(i.deltaX,i.deltaY);var f=ft(i.deltaTime,i.deltaX,i.deltaY);i.overallVelocityX=f.x;i.overallVelocityY=f.y;i.overallVelocity=u(f.x)>u(f.y)?f.x:f.y;i.scale=a?mt(a.pointers,e):1;i.rotation=a?pt(a.pointers,e):0;i.maxPointers=!n.prevInput?i.pointers.length:i.pointers.length>n.prevInput.maxPointers?i.pointers.length:n.prevInput.maxPointers;ht(n,i);var l=t.element;if(I(i.srcEvent.target,l)){l=i.srcEvent.target}i.target=l}function ot(t,i){var n=i.center;var e=t.offsetDelta||{};var r=t.prevDelta||{};var s=t.prevInput||{};if(i.eventType===W||s.eventType===B){r=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0};e=t.offsetDelta={x:n.x,y:n.y}}i.deltaX=r.x+(n.x-e.x);i.deltaY=r.y+(n.y-e.y)}function ht(t,i){var n=t.lastInterval||i,e=i.timeStamp-n.timeStamp,s,a,o,h;if(i.eventType!=q&&(e>U||n.velocity===r)){var c=i.deltaX-n.deltaX;var f=i.deltaY-n.deltaY;var l=ft(e,c,f);a=l.x;o=l.y;s=u(l.x)>u(l.y)?l.x:l.y;h=lt(c,f);t.lastInterval=i}else{s=n.velocity;a=n.velocityX;o=n.velocityY;h=n.direction}i.velocity=s;i.velocityX=a;i.velocityY=o;i.direction=h}function ut(t){var i=[];var n=0;while(n<t.pointers.length){i[n]={clientX:h(t.pointers[n].clientX),clientY:h(t.pointers[n].clientY)};n++}return{timeStamp:c(),pointers:i,center:ct(i),deltaX:t.deltaX,deltaY:t.deltaY}}function ct(t){var i=t.length;if(i===1){return{x:h(t[0].clientX),y:h(t[0].clientY)}}var n=0,e=0,r=0;while(r<i){n+=t[r].clientX;e+=t[r].clientY;r++}return{x:h(n/i),y:h(e/i)}}function ft(t,i,n){return{x:i/t||0,y:n/t||0}}function lt(t,i){if(t===i){return G}if(u(t)>=u(i)){return t<0?$:Z}return i<0?V:K}function vt(t,i,n){if(!n){n=it}var e=i[n[0]]-t[n[0]],r=i[n[1]]-t[n[1]];return Math.sqrt(e*e+r*r)}function dt(t,i,n){if(!n){n=it}var e=i[n[0]]-t[n[0]],r=i[n[1]]-t[n[1]];return Math.atan2(r,e)*180/Math.PI}function pt(t,i){return dt(i[1],i[0],nt)+dt(t[1],t[0],nt)}function mt(t,i){return vt(i[0],i[1],nt)/vt(t[0],t[1],nt)}var gt={mousedown:W,mousemove:H,mouseup:B};var wt="mousedown";var bt="mousemove mouseup";function Tt(){this.evEl=wt;this.evWin=bt;this.pressed=false;et.apply(this,arguments)}w(Tt,et,{handler:function t(i){var n=gt[i.type];if(n&W&&i.button===0){this.pressed=true}if(n&H&&i.which!==1){n=B}if(!this.pressed){return}if(n&B){this.pressed=false}this.callback(this.manager,n,{pointers:[i],changedPointers:[i],pointerType:Y,srcEvent:i})}});var xt={pointerdown:W,pointermove:H,pointerup:B,pointercancel:q,pointerout:q};var yt={2:j,3:L,4:Y,5:F};var Et="pointerdown";var It="pointermove pointerup pointercancel";if(i.MSPointerEvent&&!i.PointerEvent){Et="MSPointerDown";It="MSPointerMove MSPointerUp MSPointerCancel"}function At(){this.evEl=Et;this.evWin=It;et.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}w(At,et,{handler:function t(i){var n=this.store;var e=false;var r=i.type.toLowerCase().replace("ms","");var s=xt[r];var a=yt[i.pointerType]||i.pointerType;var o=a==j;var h=C(n,i.pointerId,"pointerId");if(s&W&&(i.button===0||o)){if(h<0){n.push(i);h=n.length-1}}else if(s&(B|q)){e=true}if(h<0){return}n[h]=i;this.callback(this.manager,s,{pointers:n,changedPointers:[i],pointerType:a,srcEvent:i});if(e){n.splice(h,1)}}});var Pt={touchstart:W,touchmove:H,touchend:B,touchcancel:q};var Ct="touchstart";var Dt="touchstart touchmove touchend touchcancel";function Mt(){this.evTarget=Ct;this.evWin=Dt;this.started=false;et.apply(this,arguments)}w(Mt,et,{handler:function t(i){var n=Pt[i.type];if(n===W){this.started=true}if(!this.started){return}var e=zt.call(this,i,n);if(n&(B|q)&&e[0].length-e[1].length===0){this.started=false}this.callback(this.manager,n,{pointers:e[0],changedPointers:e[1],pointerType:j,srcEvent:i})}});function zt(t,i){var n=D(t.touches);var e=D(t.changedTouches);if(i&(B|q)){n=M(n.concat(e),"identifier",true)}return[n,e]}var kt={touchstart:W,touchmove:H,touchend:B,touchcancel:q};var Ot="touchstart touchmove touchend touchcancel";function St(){this.evTarget=Ot;this.targetIds={};et.apply(this,arguments)}w(St,et,{handler:function t(i){var n=kt[i.type];var e=Nt.call(this,i,n);if(!e){return}this.callback(this.manager,n,{pointers:e[0],changedPointers:e[1],pointerType:j,srcEvent:i})}});function Nt(t,i){var n=D(t.touches);var e=this.targetIds;if(i&(W|H)&&n.length===1){e[n[0].identifier]=true;return[n,n]}var r,s,a=D(t.changedTouches),o=[],h=this.target;s=n.filter((function(t){return I(t.target,h)}));if(i===W){r=0;while(r<s.length){e[s[r].identifier]=true;r++}}r=0;while(r<a.length){if(e[a[r].identifier]){o.push(a[r])}if(i&(B|q)){delete e[a[r].identifier]}r++}if(!o.length){return}return[M(s.concat(o),"identifier",true),o]}var Rt=2500;var _t=25;function Xt(){et.apply(this,arguments);var t=b(this.handler,this);this.touch=new St(this.manager,t);this.mouse=new Tt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}w(Xt,et,{handler:function t(i,n,e){var r=e.pointerType==j,s=e.pointerType==Y;if(s&&e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents){return}if(r){jt.call(this,n,e)}else if(s&&Yt.call(this,e)){return}this.callback(i,n,e)},destroy:function t(){this.touch.destroy();this.mouse.destroy()}});function jt(t,i){if(t&W){this.primaryTouch=i.changedPointers[0].identifier;Lt.call(this,i)}else if(t&(B|q)){Lt.call(this,i)}}function Lt(t){var i=t.changedPointers[0];if(i.identifier===this.primaryTouch){var n={x:i.clientX,y:i.clientY};this.lastTouches.push(n);var e=this.lastTouches;var r=function(){var t=e.indexOf(n);if(t>-1){e.splice(t,1)}};setTimeout(r,Rt)}}function Yt(t){var i=t.srcEvent.clientX,n=t.srcEvent.clientY;for(var e=0;e<this.lastTouches.length;e++){var r=this.lastTouches[e];var s=Math.abs(i-r.x),a=Math.abs(n-r.y);if(s<=_t&&a<=_t){return true}}return false}var Ft=z(a.style,"touchAction");var Ut=Ft!==r;var Wt="compute";var Ht="auto";var Bt="manipulation";var qt="none";var Gt="pan-x";var $t="pan-y";var Zt=Jt();function Vt(t,i){this.manager=t;this.set(i)}Vt.prototype={set:function(t){if(t==Wt){t=this.compute()}if(Ut&&this.manager.element.style&&Zt[t]){this.manager.element.style[Ft]=t}this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];v(this.manager.recognizers,(function(i){if(T(i.options.enable,[i])){t=t.concat(i.getTouchAction())}}));return Kt(t.join(" "))},preventDefaults:function(t){var i=t.srcEvent;var n=t.offsetDirection;if(this.manager.session.prevented){i.preventDefault();return}var e=this.actions;var r=A(e,qt)&&!Zt[qt];var s=A(e,$t)&&!Zt[$t];var a=A(e,Gt)&&!Zt[Gt];if(r){var o=t.pointers.length===1;var h=t.distance<2;var u=t.deltaTime<250;if(o&&h&&u){return}}if(a&&s){return}if(r||s&&n&J||a&&n&Q){return this.preventSrc(i)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function Kt(t){if(A(t,qt)){return qt}var i=A(t,Gt);var n=A(t,$t);if(i&&n){return qt}if(i||n){return i?Gt:$t}if(A(t,Bt)){return Bt}return Ht}function Jt(){if(!Ut){return false}var t={};var n=i.CSS&&i.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(e){t[e]=n?i.CSS.supports("touch-action",e):true}));return t}var Qt=1;var ti=2;var ii=4;var ni=8;var ei=ni;var ri=16;var si=32;function ai(t){this.options=p({},this.defaults,t||{});this.id=O();this.manager=null;this.options.enable=x(this.options.enable,true);this.state=Qt;this.simultaneous={};this.requireFail=[]}ai.prototype={defaults:{},set:function(t){p(this.options,t);this.manager&&this.manager.touchAction.update();return this},recognizeWith:function(t){if(l(t,"recognizeWith",this)){return this}var i=this.simultaneous;t=ui(t,this);if(!i[t.id]){i[t.id]=t;t.recognizeWith(this)}return this},dropRecognizeWith:function(t){if(l(t,"dropRecognizeWith",this)){return this}t=ui(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(l(t,"requireFailure",this)){return this}var i=this.requireFail;t=ui(t,this);if(C(i,t)===-1){i.push(t);t.requireFailure(this)}return this},dropRequireFailure:function(t){if(l(t,"dropRequireFailure",this)){return this}t=ui(t,this);var i=C(this.requireFail,t);if(i>-1){this.requireFail.splice(i,1)}return this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var i=this;var n=this.state;function e(n){i.manager.emit(n,t)}if(n<ni){e(i.options.event+oi(n))}e(i.options.event);if(t.additionalEvent){e(t.additionalEvent)}if(n>=ni){e(i.options.event+oi(n))}},tryEmit:function(t){if(this.canEmit()){return this.emit(t)}this.state=si},canEmit:function(){var t=0;while(t<this.requireFail.length){if(!(this.requireFail[t].state&(si|Qt))){return false}t++}return true},recognize:function(t){var i=p({},t);if(!T(this.options.enable,[this,i])){this.reset();this.state=si;return}if(this.state&(ei|ri|si)){this.state=Qt}this.state=this.process(i);if(this.state&(ti|ii|ni|ri)){this.tryEmit(i)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function oi(t){if(t&ri){return"cancel"}else if(t&ni){return"end"}else if(t&ii){return"move"}else if(t&ti){return"start"}return""}function hi(t){if(t==K){return"down"}else if(t==V){return"up"}else if(t==$){return"left"}else if(t==Z){return"right"}return""}function ui(t,i){var n=i.manager;if(n){return n.get(t)}return t}function ci(){ai.apply(this,arguments)}w(ci,ai,{defaults:{pointers:1},attrTest:function(t){var i=this.options.pointers;return i===0||t.pointers.length===i},process:function(t){var i=this.state;var n=t.eventType;var e=i&(ti|ii);var r=this.attrTest(t);if(e&&(n&q||!r)){return i|ri}else if(e||r){if(n&B){return i|ni}else if(!(i&ti)){return ti}return i|ii}return si}});function fi(){ci.apply(this,arguments);this.pX=null;this.pY=null}w(fi,ci,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var i=[];if(t&J){i.push($t)}if(t&Q){i.push(Gt)}return i},directionTest:function(t){var i=this.options;var n=true;var e=t.distance;var r=t.direction;var s=t.deltaX;var a=t.deltaY;if(!(r&i.direction)){if(i.direction&J){r=s===0?G:s<0?$:Z;n=s!=this.pX;e=Math.abs(t.deltaX)}else{r=a===0?G:a<0?V:K;n=a!=this.pY;e=Math.abs(t.deltaY)}}t.direction=r;return n&&e>i.threshold&&r&i.direction},attrTest:function(t){return ci.prototype.attrTest.call(this,t)&&(this.state&ti||!(this.state&ti)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX;this.pY=t.deltaY;var i=hi(t.direction);if(i){t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function li(){ci.apply(this,arguments)}w(li,ci,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&ti)},emit:function(t){if(t.scale!==1){var i=t.scale<1?"in":"out";t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function vi(){ai.apply(this,arguments);this._timer=null;this._input=null}w(vi,ai,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Ht]},process:function(t){var i=this.options;var n=t.pointers.length===i.pointers;var e=t.distance<i.threshold;var r=t.deltaTime>i.time;this._input=t;if(!e||!n||t.eventType&(B|q)&&!r){this.reset()}else if(t.eventType&W){this.reset();this._timer=f((function(){this.state=ei;this.tryEmit()}),i.time,this)}else if(t.eventType&B){return ei}return si},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ei){return}if(t&&t.eventType&B){this.manager.emit(this.options.event+"up",t)}else{this._input.timeStamp=c();this.manager.emit(this.options.event,this._input)}}});function di(){ci.apply(this,arguments)}w(di,ci,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&ti)}});function pi(){ci.apply(this,arguments)}w(pi,ci,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:J|Q,pointers:1},getTouchAction:function(){return fi.prototype.getTouchAction.call(this)},attrTest:function(t){var i=this.options.direction;var n;if(i&(J|Q)){n=t.overallVelocity}else if(i&J){n=t.overallVelocityX}else if(i&Q){n=t.overallVelocityY}return this._super.attrTest.call(this,t)&&i&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&u(n)>this.options.velocity&&t.eventType&B},emit:function(t){var i=hi(t.offsetDirection);if(i){this.manager.emit(this.options.event+i,t)}this.manager.emit(this.options.event,t)}});function mi(){ai.apply(this,arguments);this.pTime=false;this.pCenter=false;this._timer=null;this._input=null;this.count=0}w(mi,ai,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[Bt]},process:function(t){var i=this.options;var n=t.pointers.length===i.pointers;var e=t.distance<i.threshold;var r=t.deltaTime<i.time;this.reset();if(t.eventType&W&&this.count===0){return this.failTimeout()}if(e&&r&&n){if(t.eventType!=B){return this.failTimeout()}var s=this.pTime?t.timeStamp-this.pTime<i.interval:true;var a=!this.pCenter||vt(this.pCenter,t.center)<i.posThreshold;this.pTime=t.timeStamp;this.pCenter=t.center;if(!a||!s){this.count=1}else{this.count+=1}this._input=t;var o=this.count%i.taps;if(o===0){if(!this.hasRequireFailures()){return ei}else{this._timer=f((function(){this.state=ei;this.tryEmit()}),i.interval,this);return ti}}}return si},failTimeout:function(){this._timer=f((function(){this.state=si}),this.options.interval,this);return si},reset:function(){clearTimeout(this._timer)},emit:function(){if(this.state==ei){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function gi(t,i){i=i||{};i.recognizers=x(i.recognizers,gi.defaults.preset);return new Ti(t,i)}gi.VERSION="2.0.7";gi.defaults={domEvents:false,touchAction:Wt,enable:true,inputTarget:null,inputClass:null,preset:[[di,{enable:false}],[li,{enable:false},["rotate"]],[pi,{direction:J}],[fi,{direction:J},["swipe"]],[mi],[mi,{event:"doubletap",taps:2},["tap"]],[vi]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var wi=1;var bi=2;function Ti(t,i){this.options=p({},gi.defaults,i||{});this.options.inputTarget=this.options.inputTarget||t;this.handlers={};this.session={};this.recognizers=[];this.oldCssProps={};this.element=t;this.input=rt(this);this.touchAction=new Vt(this,this.options.touchAction);xi(this,true);v(this.options.recognizers,(function(t){var i=this.add(new t[0](t[1]));t[2]&&i.recognizeWith(t[2]);t[3]&&i.requireFailure(t[3])}),this)}Ti.prototype={set:function(t){p(this.options,t);if(t.touchAction){this.touchAction.update()}if(t.inputTarget){this.input.destroy();this.input.target=t.inputTarget;this.input.init()}return this},stop:function(t){this.session.stopped=t?bi:wi},recognize:function(t){var i=this.session;if(i.stopped){return}this.touchAction.preventDefaults(t);var n;var e=this.recognizers;var r=i.curRecognizer;if(!r||r&&r.state&ei){r=i.curRecognizer=null}var s=0;while(s<e.length){n=e[s];if(i.stopped!==bi&&(!r||n==r||n.canRecognizeWith(r))){n.recognize(t)}else{n.reset()}if(!r&&n.state&(ti|ii|ni)){r=i.curRecognizer=n}s++}},get:function(t){if(t instanceof ai){return t}var i=this.recognizers;for(var n=0;n<i.length;n++){if(i[n].options.event==t){return i[n]}}return null},add:function(t){if(l(t,"add",this)){return this}var i=this.get(t.options.event);if(i){this.remove(i)}this.recognizers.push(t);t.manager=this;this.touchAction.update();return t},remove:function(t){if(l(t,"remove",this)){return this}t=this.get(t);if(t){var i=this.recognizers;var n=C(i,t);if(n!==-1){i.splice(n,1);this.touchAction.update()}}return this},on:function(t,i){if(t===r){return}if(i===r){return}var n=this.handlers;v(P(t),(function(t){n[t]=n[t]||[];n[t].push(i)}));return this},off:function(t,i){if(t===r){return}var n=this.handlers;v(P(t),(function(t){if(!i){delete n[t]}else{n[t]&&n[t].splice(C(n[t],i),1)}}));return this},emit:function(t,i){if(this.options.domEvents){yi(t,i)}var n=this.handlers[t]&&this.handlers[t].slice();if(!n||!n.length){return}i.type=t;i.preventDefault=function(){i.srcEvent.preventDefault()};var e=0;while(e<n.length){n[e](i);e++}},destroy:function(){this.element&&xi(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function xi(t,i){var n=t.element;if(!n.style){return}var e;v(t.options.cssProps,(function(r,s){e=z(n.style,s);if(i){t.oldCssProps[e]=n.style[e];n.style[e]=r}else{n.style[e]=t.oldCssProps[e]||""}}));if(!i){t.oldCssProps={}}}function yi(t,i){var e=n.createEvent("Event");e.initEvent(t,true,true);e.gesture=i;i.target.dispatchEvent(e)}p(gi,{INPUT_START:W,INPUT_MOVE:H,INPUT_END:B,INPUT_CANCEL:q,STATE_POSSIBLE:Qt,STATE_BEGAN:ti,STATE_CHANGED:ii,STATE_ENDED:ni,STATE_RECOGNIZED:ei,STATE_CANCELLED:ri,STATE_FAILED:si,DIRECTION_NONE:G,DIRECTION_LEFT:$,DIRECTION_RIGHT:Z,DIRECTION_UP:V,DIRECTION_DOWN:K,DIRECTION_HORIZONTAL:J,DIRECTION_VERTICAL:Q,DIRECTION_ALL:tt,Manager:Ti,Input:et,TouchAction:Vt,TouchInput:St,MouseInput:Tt,PointerEventInput:At,TouchMouseInput:Xt,SingleTouchInput:Mt,Recognizer:ai,AttrRecognizer:ci,Tap:mi,Pan:fi,Swipe:pi,Pinch:li,Rotate:di,Press:vi,on:y,off:E,each:v,merge:g,extend:m,assign:p,inherit:w,bindFn:b,prefixed:z});var Ei=typeof i!=="undefined"?i:typeof self!=="undefined"?self:{};Ei.Hammer=gi;if(typeof r==="function"&&r.amd){r((function(){return gi}))}else if(t.exports){t.exports=gi}else{i[e]=gi}})(window,document,"Hammer")})(o);const h=o.exports;const u=":host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(-100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(100%)}}@keyframes slideoutup{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(-100%)}}@keyframes slideoutdown{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(100%)}}:host>#external-container{display:flex;min-height:52px;box-sizing:border-box;align-items:center;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:var(--border-size-large);box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px}:host>#external-container.mobile-wrapped>#icon{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between}:host>#external-container #text{margin-right:calc(var(--space-unit) * 2);color:var(--color-text-inverse);letter-spacing:0.16px;line-height:20px;text-align:left}:host>#external-container #text>.title{margin-right:calc(var(--space-unit) / 2);font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-inverse-icon)}z-icon{display:inline-block;vertical-align:0}z-icon:focus{padding:calc(var(--space-unit) / 4);border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}:host>#external-container.dark{background:var(--color-surface05)}:host>#external-container.light{background:var(--color-surface01)}:host>#external-container.light #icon{fill:var(--color-primary01-icon)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--color-default-text)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-default-error)}:host>#external-container.success{background:var(--color-default-success)}:host>#external-container.warning{background:var(--color-default-warning)}:host>#external-container.warning #icon{fill:var(--color-default-icon)}@media (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media (min-width: 1366px){:host{width:unset;max-width:33vw}}";const c=u;const f=class{constructor(n){t(this,n);this.toastClose=i(this,"toastClose",7);this.isCloseEventCalled=false;this.heading=undefined;this.message=undefined;this.closebutton=undefined;this.autoclose=undefined;this.pauseonfocusloss=true;this.type=undefined;this.isdraggable=true;this.draggablepercentage=80;this.transition=undefined;this.percentage=undefined}watchPropIsdraggable(t){if(t){this.sliderManager.get("pan").set({enable:true})}else{this.sliderManager.get("pan").set({enable:false})}}watchPropAutoclose(t){clearTimeout(this.timeoutHandle);this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){if(this.autoclose){if(t){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}else{document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler)}}}emitToastClose(t){this.timeoutHandle=null;this.elapsedTime=null;this.hostElement.classList.add(t);this.toastClose.emit()}componentWillLoad(){this.isMobile=window.innerWidth<=a.MOBILE;this.validateAutoclose();this.percentage=0}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20;this.startTime=Date.now();if(this.autoclose&&this.pauseonfocusloss){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}this.isdraggable&&this.handleSlideOutDragAnimation()}visibilityChangeEventHandler(){if(document.visibilityState==="hidden"){this.timeoutHandle&&this.onBlur()}else{this.elapsedTime&&this.onFocus()}}validateAutoclose(){if(!this.autoclose&&!this.closebutton){console.error("At least one between autoclose and closebutton must be present")}}mapSlideOutClass(){switch(this.transition){case s.SLIDE_IN_DOWN:return s.SLIDE_OUT_UP;case s.SLIDE_IN_UP:return s.SLIDE_OUT_DOWN;case s.SLIDE_IN_LEFT:return s.SLIDE_OUT_RIGHT;case s.SLIDE_IN_RIGHT:return s.SLIDE_OUT_LEFT}}calculateDraggedPercentage(t){const i=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/i.width)}handleSlideOutDragAnimation(){this.sliderManager=new h(this.hostElement);this.sliderManager.get("pan").set({direction:h.DIRECTION_HORIZONTAL});this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t);this.hostElement.style.transition="none";this.hostElement.classList.remove(this.transition);const i={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`;if(t.eventType===h.DIRECTION_LEFT||t.eventType===h.DIRECTION_RIGHT){this.hostElement.style.transform=i.translate;if(Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled){this.isCloseEventCalled=true;this.emitToastClose(t.direction===h.DIRECTION_LEFT?"slide-out-left":"slide-out-right")}}if(t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage){this.hostElement.style.transform=i.translateBack;this.hostElement.style.transition="all 1s";this.hostElement.style.opacity="100%";this.percentage=0}}))}onFocus(){let t=this.autoclose;if(this.elapsedTime){t=this.autoclose-this.elapsedTime}if(t>0){this.startClosingTimeout(t)}}onBlur(){this.elapsedTime=Date.now()-this.startTime;clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=window.setTimeout((()=>this.emitToastClose(this.mapSlideOutClass())),t)}detectWrap(){const t=this.container.offsetWidth;const i=this.container.children;let n=0;for(let t=0;t<i.length;t++){n+=i[t].offsetWidth}return n>t}renderText(){return n("div",{id:"text",ref:t=>this.toastText=t},n("span",{class:"title"},this.heading),n("span",{class:"message"},this.message))}renderButton(){return n("div",{id:"button"},n("slot",{name:"button"}))}renderCloseIcon(){if(!this.closebutton){return}return n("div",{id:"icon"},n("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{if(t.keyCode==32||t.keyCode==13){t.preventDefault();this.emitToastClose(this.mapSlideOutClass())}}}))}renderContainer(){return n("div",{tabIndex:0,id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong},ref:t=>this.container=t},this.renderText(),this.renderButton(),this.renderCloseIcon())}renderMobileContainer(){return n("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},n("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return n(e,{key:"7fe2e526315635960c50d1f0d7b6bd020335c0d9",style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:s.SLIDE_IN_DOWN,onAnimationEnd:t=>{if(this.autoclose&&t.animationName.includes("slidein")){this.startClosingTimeout(this.autoclose)}if(t.animationName.includes("slideout")){this.hostElement.parentNode.removeChild(this.hostElement)}}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return r(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};f.style=c;export{f as z_toast_notification};
|
|
7
|
-
//# sourceMappingURL=p-08ce8d4c.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as o,h as e}from"./p-75c4a726.js";const r=":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-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";const a=r;const t=class{constructor(e){o(this,e)}render(){return e("div",{key:"639772ce506d9ce1678074a79fffab52a3d140f8"},e("footer",{key:"53cd9a7de84b9e145d7f41b053c330d4cc25b954"},e("div",{key:"4ae93217fb312fcbc4c5a57611c355627b1c6679",class:"top"},e("slot",{key:"c348fbec13323b334cf79321da6ea5bc0ecb75a0",name:"top"})),e("div",{key:"bbe9102b58a3b2901c16ece7f61ae0a54835e925",class:"bottom"},e("slot",{key:"e10fa8238e176831df75bd03238e922e4125c002",name:"bottom"}))))}};t.style=a;export{t as z_myz_card_footer_sections};
|
|
2
|
-
//# sourceMappingURL=p-0f1c107c.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,a,g as s}from"./p-75c4a726.js";import"./p-e0606f65.js";import"./p-3ede7723.js";import"./p-fadb0185.js";import"./p-c6f70d4f.js";import"./p-f3145212.js";import"./p-dfcf9936.js";import"./p-5145a606.js";import"./p-44c41252.js";import"./p-dd931b43.js";const r=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";const o=r;const i=class{constructor(t){e(this,t);this.bordered=false;this.expandable=false}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})}disconnectedCallback(){var e;(e=this.expandableMutationObserver)===null||e===void 0?void 0:e.disconnect()}render(){return t(a,{key:"5bcb85968089d367df090510834b66cc8331d4ce",expandable:this.expandable},t("div",{key:"f3276ded9f230fde14b7fdb43907d85fb07b6cae",class:"table",role:"table"},t("slot",{key:"c39a7e95dedabcc3b67a1f75c034dc9e99fe9c60"})))}get host(){return s(this)}};i.style=o;export{i as z_table};
|
|
2
|
-
//# sourceMappingURL=p-200919dd.entry.js.map
|
package/www/build/p-3ede7723.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as o,h as r,a as s}from"./p-75c4a726.js";const c=":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";const t=c;const e=class{constructor(r){o(this,r);this.sticky=false}render(){return r(s,{key:"249fc56cd4fd3fbeebb844d4fc5b0e860a703f0b",role:"rowgroup"},r("slot",{key:"70fb38106681ded567239167751d50cd15c745a1"}))}};e.style=t;export{e as Z};
|
|
2
|
-
//# sourceMappingURL=p-3ede7723.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e}from"./p-75c4a726.js";const o=":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}";const s=o;const r=class{constructor(e){t(this,e)}render(){return e("slot",{key:"8ca881dc43010ed69614a798812c0eb0aff6f994"})}};r.style=s;export{r as z_visually_hidden};
|
|
2
|
-
//# sourceMappingURL=p-4d5a9c63.entry.js.map
|
package/www/build/p-5296f43f.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{p as e,H as a,b as t}from"./p-75c4a726.js";export{s as setNonce}from"./p-75c4a726.js";import{g as o}from"./p-e1255160.js";var i=()=>{{l(a.prototype)}const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};var l=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const t=a.call(this,false);const o=this.childNodes;if(e){for(let e=0;e<o.length;e++){if(o[e].nodeType!==2){t.appendChild(o[e].cloneNode(true))}}}return t}};i().then((async e=>{await o();return t(JSON.parse('[["p-6e319132",[[1,"z-app-header",{"stuck":[516],"enableOffcanvas":[1540,"enable-offcanvas"],"enableSearch":[516,"enable-search"],"searchPlaceholder":[1,"search-placeholder"],"searchString":[1025,"search-string"],"searchPageUrl":[1,"search-page-url"],"enableZLogo":[516,"enable-z-logo"],"drawerOpen":[1028,"drawer-open"],"_stuck":[32],"menuLength":[32],"isMobile":[32],"isTablet":[32]},[[5,"focusin","manageMenus"],[5,"click","manageMenus"],[1,"keydown","handleKeydown"]],{"_stuck":["onStuck"],"drawerOpen":["setMenuFloatingMode"],"stuck":["onStuckChange"]}],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"searchHelperLabel":[1,"search-helper-label"],"resultsItems":[1,"results-items"],"sortResultsItems":[4,"sort-results-items"],"showSearchButton":[4,"show-search-button"],"searchButtonIconOnly":[4,"search-button-icon-only"],"size":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32],"isMobile":[32],"selectedItem":[32]},[[4,"click","handleOutsideClick"]],{"resultsItems":["watchItems"],"resultsCount":["watchResultsCount"],"value":["watchValue"],"searchString":["watchSearchString"],"showResults":["watchShowResults"]}],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[4,"skip-load-animation"],"skipAnimation":[32]},[[2,"click","stopEvent"],[2,"focusin","stopEvent"]],{"variant":["handlePageOverflow"],"open":["onOpenChanged"]}],[6,"z-tag",{"icon":[1],"expandable":[4]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"],"hasTreeItems":[4,"has-tree-items"]}],[1,"z-list",{"size":[513],"listType":[513,"list-type"],"role":[513]}],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"hasTreeItems":[4,"has-tree-items"],"role":[513],"htmlTabindex":[2,"html-tabindex"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"ariaExpanded":[1,"aria-expanded"],"ariaControls":[1,"aria-controls"],"ariaAutocomplete":[1,"aria-autocomplete"],"ariaActivedescendant":[1,"aria-activedescendant"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"role":[1],"hasclearicon":[4],"icon":[1],"min":[2],"minlength":[2],"max":[2],"maxlength":[2],"step":[2],"pattern":[1],"size":[513],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-input-message",{"message":[1],"status":[513],"disabled":[516],"statusRole":[32]},null,{"message":["onMessageChange"],"status":["onMessageChange"]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[6,"z-button",{"ariaLabel":[513,"aria-label"],"role":[1],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-37a34984",[[1,"z-app-header-deprecated",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"enableSearch":[516,"enable-search"],"searchPlaceholder":[1,"search-placeholder"],"searchString":[1025,"search-string"],"searchPageUrl":[1,"search-page-url"],"_stuck":[32],"currentViewport":[32],"menuLength":[32]},[[9,"resize","evaluateViewport"]],{"_stuck":["onStuck"],"drawerOpen":["setMenuFloatingMode"],"stuck":["onStuckMode"]}]]],["p-c08098cf",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"hasTreeItems":[4,"has-tree-items"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"focusedItemId":[32],"searchString":[32],"flattenedList":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]},[[0,"ariaDescendantFocus","getFocusedItemHandler"]],{"items":["watchItems"]}]]],["p-de0f237d",[[1,"z-breadcrumb",{"pathStyle":[513,"path-style"],"homepageVariant":[1,"homepage-variant"],"maxNodesToShow":[2,"max-nodes-to-show"],"preventFollowUrl":[4,"prevent-follow-url"],"overflowMenuItemRows":[2,"overflow-menu-item-rows"],"truncateChar":[2,"truncate-char"],"viewPortWidth":[32],"hasOverflow":[32],"popoverEllipsisOpen":[32]},[[9,"resize","handleResize"]],{"maxNodesToShow":["handlePropChange"],"viewPortWidth":["handleResizeUp"]}]]],["p-94048151",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"disabled":[516],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32],"focusedItemId":[32],"checkboxes":[32]},null,{"items":["watchItems"],"searchValue":["watchSearchValue"],"checkboxes":["watchCheckboxes"]}]]],["p-badb6496",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-99a6c92f",[[6,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"uploadBtnLabel":[1,"upload-btn-label"],"dragAndDropLabel":[1,"drag-and-drop-label"],"allowedFilesMessage":[1,"allowed-files-message"],"uploadClickableMessage":[1,"upload-clickable-message"],"uploadMessage":[1,"upload-message"],"errorModalTitle":[1,"error-modal-title"],"errorModalMessage":[1,"error-modal-message"],"uploadedFilesLabel":[1,"uploaded-files-label"],"hasFileSection":[4,"has-file-section"],"inputName":[1,"input-name"],"showErrors":[4,"show-errors"],"_type":[32],"files":[32],"invalidFiles":[32],"getFiles":[64],"removeFile":[64]},[[0,"removeFile","onFileRemoved"],[0,"fileDropped","fileDroppedListener"]]]]],["p-7df942c9",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]],{"_visiblePages":["setPagesContainerWidth"],"visiblePages":["setVisiblePages"],"currentPage":["onPageChanged"],"split":["onSplitChanged"]}]]],["p-d64b981e",[[1,"z-tree-list",{"items":[16]}]]],["p-996446e2",[[1,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[516],"arrowsPosition":[513,"arrows-position"],"progressMode":[1,"progress-mode"],"fixedArrows":[516,"fixed-arrows"],"ghostLoadingHeight":[2,"ghost-loading-height"],"infinite":[4],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},null,{"current":["onIndexChange"],"single":["onSingleModeChange"],"infinite":["onInfiniteModeChange"]}]]],["p-9b2e5033",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"name":[1],"value":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]],{"mode":["setupPickers"]}]]],["p-1e25d225",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-0bf8d989",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"firstPickerReadOnly":[4,"first-picker-read-only"],"lastPickerReadOnly":[4,"last-picker-read-only"],"firstPickerPlaceholder":[1,"first-picker-placeholder"],"lastPickerPlaceholder":[1,"last-picker-placeholder"],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]],{"firstPickerReadOnly":["setupFirstPickersReadOnly"],"lastPickerReadOnly":["setupLastPickersReadOnly"],"mode":["setupPickers"]}]]],["p-dc51f259",[[1,"z-td",{"colspan":[2],"sticky":[516],"showMenu":[513,"show-menu"],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-5fd335ca",[[1,"z-th",{"colspan":[2],"showMenu":[513,"show-menu"],"showSorting":[513,"show-sorting"],"sticky":[516],"sortDirection":[1025,"sort-direction"],"sorted":[1540],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-83813bef",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"autoCurrent":[4,"auto-current"],"collapsed":[32]}]]],["p-df9f25a1",[[1,"z-book-card",{"variant":[513],"cover":[1],"operaTitle":[1,"opera-title"],"volumeTitle":[1,"volume-title"],"authors":[1],"isbn":[1],"isbnLabel":[1,"isbn-label"],"year":[1],"ebookUrl":[1,"ebook-url"],"fallbackCover":[1,"fallback-cover"],"titleHtmlTag":[1,"title-html-tag"]}]]],["p-53a2995c",[[1,"z-book-card-app",{"logo":[1],"name":[1],"link":[1],"laz":[4],"info":[1]}]]],["p-c3b02803",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-5111d0a9",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-6ecc8f62",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]},null,{"inputrawdata":["oninputrawdataChange"]}]]],["p-49d8f500",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-dce37070",[[1,"z-accordion",{"label":[1],"icon":[1],"size":[513],"isDisabled":[516,"is-disabled"],"open":[1540],"highlight":[516],"variant":[513],"shadow":[516]},null,{"isDisabled":["onDisabledChange"]}]]],["p-d8d7db0e",[[1,"z-book-card-deprecated",{"variant":[1],"cover":[1],"operaTitle":[1,"opera-title"],"volumeTitle":[1,"volume-title"],"authors":[1],"isbn":[1],"isbnLabel":[1,"isbn-label"],"ribbon":[1],"ribbonIcon":[1,"ribbon-icon"],"ribbonInteractive":[4,"ribbon-interactive"],"borderless":[4],"fallbackCover":[1,"fallback-cover"],"operaTitleTag":[1,"opera-title-tag"],"isMobile":[32],"hasResources":[32],"showResources":[32]}]]],["p-427ab7d3",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-f73d8a87",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"showShadow":[516,"show-shadow"],"clickable":[516],"hasCoverImage":[32]}]]],["p-d8b43315",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-bc57b3c3",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"htmlTabindex":[2,"html-tabindex"],"hasHeader":[32],"hasContent":[32],"setFocus":[64],"focusLastItem":[64]},[[4,"click","onItemClick"],[0,"keydown","onKeyDown"]],{"open":["onOpenChanged"],"htmlTabindex":["setLabelA11yAttrs"]}]]],["p-5a24e268",[[1,"z-menu-deprecated",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]],{"open":["onOpenChanged"]}]]],["p-016255b0",[[1,"z-menu-section",{"active":[516],"htmlTabindex":[2,"html-tabindex"],"open":[1028],"hasItems":[32],"items":[32],"focusLastItem":[64],"setFocus":[64]},[[0,"keydown","onItemsKeydown"]],{"open":["onOpenChange"],"htmlTabindex":["onTabindexChange"]}]]],["p-816fd6dc",[[1,"z-menu-section-deprecated",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-3fe0d872",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-0e27ca8f",[[4,"z-navigation-tabs",{"ariaLabel":[1,"aria-label"],"orientation":[513],"size":[513],"selectedTab":[1026,"selected-tab"],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[0,"click","handleTabClick"],[0,"focusin","onTabFocusIn"],[0,"keydown","navigateThroughTabs"],[0,"focusout","onTabFocusOut"]],{"canNavigate":["checkScrollEnabled"],"selectedTab":["onTabSelected"]}]]],["p-73e738ef",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-61265f7e",[[6,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-fe337e9c",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-3d8cdd34",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]},null,{"data":["watchData"]}]]],["p-27bfb006",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"checked":[4],"disabled":[4]}]]],["p-08ce8d4c",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]},null,{"isdraggable":["watchPropIsdraggable"],"autoclose":["watchPropAutoclose"],"pauseonfocusloss":["watchPropPauseonfocusloss"]}]]],["p-aab34373",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028],"ariaLabel":[1,"aria-label"]}]]],["p-56bff56d",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-21868300",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-c062044d",[[1,"z-tr",{"expandable":[516],"expanded":[32],"expandableContentId":[32]},[[0,"colspanchange","updateColumns"]],{"expandable":["updateColumns"]}]]],["p-ea0cfa32",[[4,"z-aria-alert",{"mode":[1]}]]],["p-d0e3a9ee",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-ae5a3ae2",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-77a95249",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-c1409cb8",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-0f1c107c",[[1,"z-myz-card-footer-sections"]]],["p-41cfb872",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-e502a246",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-6207b079",[[1,"z-stepper"]]],["p-200919dd",[[1,"z-table",{"bordered":[516],"expandable":[32]}]]],["p-d99e1726",[[1,"z-tbody"]]],["p-ea19314b",[[1,"z-tfoot",{"sticky":[516]}]]],["p-4ae92da8",[[1,"z-thead",{"sticky":[516]}]]],["p-24c97977",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]},null,{"newestontop":["watchPropNewestontop"]}]]],["p-4d5a9c63",[[1,"z-visually-hidden"]]],["p-023dd389",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"ariaLabel":[1,"aria-label"]}]]],["p-ad55c127",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"ariaLabel":[1,"aria-label"],"size":[513],"open":[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{"position":["adjustPanelPosition"],"open":["adjustPanelPosition"]}]]],["p-52c445f8",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-98f800bc",[[1,"z-alert",{"type":[1]}]]],["p-4fa6c9e2",[[1,"z-ghost-loading"]]],["p-1456b8d0",[[1,"z-dragdrop-area",{"dragAndDropLabel":[1,"drag-and-drop-label"],"dragging":[32]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"],"alertdialog":[4],"closable":[4],"scrollInside":[4,"scroll-inside"],"lockPageScroll":[4,"lock-page-scroll"],"open":[64],"close":[64]},[[0,"keydown","handleKeyDown"]]]]],["p-cb258d63",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-bed1329f",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{"position":["validatePosition"],"open":["onOpen"]}]]]]'),e)}));
|
|
2
|
-
//# sourceMappingURL=web-components-library.esm.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c,h as t,a as s}from"./p-75c4a726.js";import{k as i}from"./p-dfcf9936.js";import{r as a}from"./p-f3145212.js";import"./p-5145a606.js";const l='.sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}';const o=l;const r=class{constructor(t){e(this,t);this.toggleClick=c(this,"toggleClick",7);this.disabled=false;this.labelPosition=i.LEFT;this.checked=false;this.htmlid=`toggle-switch-id-${a()}`}emitToggleClick(){this.toggleClick.emit({id:this.htmlid,checked:this.checked})}handleClick(e){if(this.disabled){return}this.checked=e.target.checked;this.emitToggleClick()}render(){return t(s,{key:"6675806ca9b414e1916dcdbdae8fd7504e0a2a93"},t("input",{key:"cf66932155264fb96c8849b71853d3594d0d8b9b",id:this.htmlid,type:"checkbox",checked:this.checked,disabled:this.disabled,onChange:this.handleClick.bind(this)}),t("label",{key:"6734a2b20b90efcdd2177e14336468570b420af5",htmlFor:this.htmlid,class:{[this.labelPosition]:true,disabled:this.disabled}},t("span",{key:"f9de16c679a5b16cfd9b1c632505494d03ca0a8c"},t("slot",{key:"8fb4930783edc5eb67b61282cdd9c1e6a332b142"})),t("span",{key:"3a61685310014d1ca0281d8397085b4582e7398c",class:{container:true,disabled:this.disabled,checked:this.checked}},t("span",{key:"81cfeefc9d1292d2ddde065acd314b8462cc4990",class:"circle"},this.checked&&t("z-icon",{key:"bf9dbc07fed087fcdb222e3c181d4298120ed943",width:12,height:12,name:"checkmark"})))))}};r.style=o;export{r as z_toggle_switch};
|
|
2
|
-
//# sourceMappingURL=p-56bff56d.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as a,h as t,a as e}from"./p-75c4a726.js";const i=":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";const o=i;const s=class{constructor(t){a(this,t)}render(){return t(e,{key:"85f8b1a3baa25895cc631903f67b34dda936755a",role:"list"},t("slot",{key:"c0ed3755aea64f6fda92d220e07f876d5c3c80ae"}))}};s.style=o;export{s as z_stepper};
|
|
2
|
-
//# sourceMappingURL=p-6207b079.entry.js.map
|