@zanichelli/albe-web-components 7.3.7 → 7.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2540 -0
- package/dist/cjs/{breakpoints-88c4fd6c.js → breakpoints-ebe1a437.js} +3 -1
- package/dist/cjs/{index-2dfdb7e2.js → index-b7c319f2.js} +11 -0
- package/dist/cjs/index-e3299e0a.js +2 -6
- package/dist/cjs/index.cjs.js +15 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-b447f1da.js → utils-38f8555a.js} +5 -3
- package/dist/cjs/{utils-f21f9a4f.js → utils-938e5834.js} +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-anchor-navigation.cjs.entry.js +1 -1
- package/dist/cjs/{z-app-header_11.cjs.entry.js → z-app-header_13.cjs.entry.js} +572 -23
- package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-avatar.cjs.entry.js +1 -1
- package/dist/cjs/z-button-sort.cjs.entry.js +1 -1
- package/dist/cjs/z-card.cjs.entry.js +1 -1
- package/dist/cjs/z-carousel.cjs.entry.js +1 -1
- package/dist/cjs/z-chip.cjs.entry.js +4 -4
- package/dist/cjs/z-combobox.cjs.entry.js +3 -3
- package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
- package/dist/cjs/z-cover-hero.cjs.entry.js +1 -1
- package/dist/cjs/z-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +1 -1
- package/dist/cjs/z-file-upload.cjs.entry.js +4 -4
- package/dist/cjs/z-file.cjs.entry.js +2 -2
- package/dist/cjs/z-info-reveal.cjs.entry.js +1 -1
- package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +3 -3
- package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-list-item.cjs.entry.js +3 -3
- package/dist/cjs/z-navigation-tab-link.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
- package/dist/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/cjs/z-pagination.cjs.entry.js +1 -1
- package/dist/cjs/z-pocket_3.cjs.entry.js +3 -3
- package/dist/cjs/z-range-picker.cjs.entry.js +2 -2
- package/dist/cjs/z-section-title.cjs.entry.js +1 -1
- package/dist/cjs/z-select.cjs.entry.js +3 -3
- package/dist/cjs/z-skip-to-content.cjs.entry.js +3 -3
- package/dist/cjs/z-slideshow.cjs.entry.js +3 -3
- package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/z-table-header.cjs.entry.js +3 -3
- package/dist/cjs/z-table-row.cjs.entry.js +1 -1
- package/dist/cjs/z-table.cjs.entry.js +2 -2
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.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/collection/beans/index.js +11 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/buttons/z-chip/index.js +1 -1
- package/dist/collection/components/file-upload/z-file-upload/index.js +1 -1
- package/dist/collection/components/z-breadcrumb/index.js +421 -0
- package/dist/collection/components/z-breadcrumb/styles.css +139 -0
- package/dist/collection/constants/breakpoints.js +3 -2
- package/dist/collection/utils/utils.js +4 -2
- package/dist/esm/breakpoints-9b81eb1b.js +5 -0
- package/dist/esm/{index-f3202f58.js → index-7e4df1be.js} +12 -1
- package/dist/esm/index-a2ca4b97.js +2 -6
- package/dist/esm/index.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-930405dd.js → utils-af924ea4.js} +1 -1
- package/dist/esm/{utils-0cfc97ad.js → utils-b7bdd1bf.js} +6 -4
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-anchor-navigation.entry.js +1 -1
- package/dist/esm/{z-app-header_11.entry.js → z-app-header_13.entry.js} +571 -24
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +1 -1
- package/dist/esm/z-button-sort.entry.js +1 -1
- package/dist/esm/z-card.entry.js +1 -1
- package/dist/esm/z-carousel.entry.js +1 -1
- package/dist/esm/z-chip.entry.js +4 -4
- package/dist/esm/z-combobox.entry.js +3 -3
- package/dist/esm/z-contextual-menu.entry.js +1 -1
- package/dist/esm/z-cover-hero.entry.js +1 -1
- package/dist/esm/z-date-picker.entry.js +2 -2
- package/dist/esm/z-dragdrop-area_2.entry.js +1 -1
- package/dist/esm/z-file-upload.entry.js +4 -4
- package/dist/esm/z-file.entry.js +2 -2
- package/dist/esm/z-info-reveal.entry.js +1 -1
- package/dist/esm/z-messages-pocket.entry.js +1 -1
- package/dist/esm/z-myz-card-alert.entry.js +1 -1
- package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
- package/dist/esm/z-myz-card-footer.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +3 -3
- package/dist/esm/z-myz-card_4.entry.js +1 -1
- package/dist/esm/z-myz-list-item.entry.js +3 -3
- package/dist/esm/z-navigation-tab-link.entry.js +1 -1
- package/dist/esm/z-navigation-tab.entry.js +1 -1
- package/dist/esm/z-navigation-tabs.entry.js +1 -1
- package/dist/esm/z-otp.entry.js +1 -1
- package/dist/esm/z-pagination.entry.js +1 -1
- package/dist/esm/z-pocket_3.entry.js +3 -3
- package/dist/esm/z-range-picker.entry.js +2 -2
- package/dist/esm/z-section-title.entry.js +1 -1
- package/dist/esm/z-select.entry.js +3 -3
- package/dist/esm/z-skip-to-content.entry.js +3 -3
- package/dist/esm/z-slideshow.entry.js +3 -3
- package/dist/esm/z-table-cell.entry.js +1 -1
- package/dist/esm/z-table-header.entry.js +3 -3
- package/dist/esm/z-table-row.entry.js +1 -1
- package/dist/esm/z-table.entry.js +2 -2
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.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/types/beans/index.d.ts +15 -1
- package/dist/types/components/z-breadcrumb/index.d.ts +58 -0
- package/dist/types/components.d.ts +78 -1
- package/dist/types/constants/breakpoints.d.ts +3 -2
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/p-0235869e.entry.js +1 -0
- package/dist/web-components-library/p-0397366d.js +1 -0
- package/dist/web-components-library/{p-39c52a0d.entry.js → p-0418f9fb.entry.js} +1 -1
- package/dist/web-components-library/{p-b85be817.entry.js → p-079357ba.entry.js} +1 -1
- package/dist/web-components-library/{p-c736b92c.entry.js → p-0b822ad0.entry.js} +1 -1
- package/{www/build/p-cf53ce51.entry.js → dist/web-components-library/p-0c0735e5.entry.js} +1 -1
- package/dist/web-components-library/{p-5449fd41.entry.js → p-10f2be79.entry.js} +1 -1
- package/dist/web-components-library/p-14ab82cd.entry.js +1 -0
- package/dist/web-components-library/{p-6736e894.entry.js → p-14db3f16.entry.js} +1 -1
- package/dist/web-components-library/p-1cc1a418.js +1 -0
- package/dist/web-components-library/{p-93191e1d.entry.js → p-1e7ef8ca.entry.js} +1 -1
- package/dist/web-components-library/{p-74c27fc5.entry.js → p-227667b6.entry.js} +1 -1
- package/dist/web-components-library/{p-daf06f6f.entry.js → p-27100ea1.entry.js} +1 -1
- package/dist/web-components-library/{p-0c07b4f9.entry.js → p-2f547970.entry.js} +1 -1
- package/dist/web-components-library/{p-515b46d9.entry.js → p-4610db36.entry.js} +1 -1
- package/dist/web-components-library/{p-2c871e12.entry.js → p-485bff7b.entry.js} +1 -1
- package/dist/web-components-library/{p-a93e5cad.entry.js → p-4b9882b3.entry.js} +1 -1
- package/dist/web-components-library/p-515c2acf.entry.js +1 -0
- package/dist/web-components-library/p-685ae50d.entry.js +1 -0
- package/dist/web-components-library/{p-4c85652a.entry.js → p-6be6a2f4.entry.js} +1 -1
- package/{www/build/p-82291408.entry.js → dist/web-components-library/p-7ac431a5.entry.js} +1 -1
- package/{www/build/p-c64c5cbb.entry.js → dist/web-components-library/p-8f7680ef.entry.js} +1 -1
- package/dist/web-components-library/{p-562eb005.entry.js → p-910ca14c.entry.js} +1 -1
- package/dist/web-components-library/{p-adce9752.entry.js → p-9fee86aa.entry.js} +1 -1
- package/dist/web-components-library/{p-eb293bba.entry.js → p-a19a70a0.entry.js} +1 -1
- package/{www/build/p-9566edeb.entry.js → dist/web-components-library/p-a250409a.entry.js} +1 -1
- package/dist/web-components-library/p-a4b91a8f.entry.js +1 -0
- package/dist/web-components-library/{p-c085be1d.entry.js → p-ac5dda12.entry.js} +1 -1
- package/dist/web-components-library/{p-84116d2d.entry.js → p-af5103a0.entry.js} +1 -1
- package/dist/web-components-library/p-b497e33e.js +1 -0
- package/{www/build/p-ffc56e80.entry.js → dist/web-components-library/p-bda48953.entry.js} +1 -1
- package/dist/web-components-library/{p-7d8711d1.entry.js → p-c241bab0.entry.js} +1 -1
- package/dist/web-components-library/{p-8d4b2131.entry.js → p-c47d529f.entry.js} +1 -1
- package/dist/web-components-library/{p-1505703f.entry.js → p-c8b36560.entry.js} +1 -1
- package/dist/web-components-library/p-c8bdfb84.entry.js +1 -0
- package/dist/web-components-library/{p-33251591.entry.js → p-cd456854.entry.js} +1 -1
- package/dist/web-components-library/{p-66c4eda8.entry.js → p-cfc9cf52.entry.js} +1 -1
- package/dist/web-components-library/{p-5d651052.entry.js → p-d011d1b5.entry.js} +1 -1
- package/{www/build/p-8539c6f2.entry.js → dist/web-components-library/p-d966a1b9.entry.js} +1 -1
- package/dist/web-components-library/{p-9c3f4437.entry.js → p-d98d3cf1.entry.js} +1 -1
- package/dist/web-components-library/{p-3bd60dc8.entry.js → p-e606b019.entry.js} +1 -1
- package/dist/web-components-library/{p-32c36f6c.entry.js → p-ec5242da.entry.js} +1 -1
- package/dist/web-components-library/{p-e9bf5f75.js → p-ee918c17.js} +1 -1
- package/dist/web-components-library/{p-a4e68d80.entry.js → p-f5a247b9.entry.js} +1 -1
- package/{www/build/p-642d6be4.entry.js → dist/web-components-library/p-fd8eae32.entry.js} +1 -1
- package/dist/web-components-library/{p-c75451cc.entry.js → p-ff838f90.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/react/components.d.ts +1 -0
- package/react/components.js +3 -2
- package/react/components.js.map +1 -1
- package/src-react/index.ts +1 -0
- package/www/build/index.esm.js +1 -1
- package/www/build/p-0235869e.entry.js +1 -0
- package/www/build/p-0397366d.js +1 -0
- package/www/build/{p-39c52a0d.entry.js → p-0418f9fb.entry.js} +1 -1
- package/www/build/{p-b85be817.entry.js → p-079357ba.entry.js} +1 -1
- package/www/build/{p-c736b92c.entry.js → p-0b822ad0.entry.js} +1 -1
- package/{dist/web-components-library/p-cf53ce51.entry.js → www/build/p-0c0735e5.entry.js} +1 -1
- package/www/build/{p-5449fd41.entry.js → p-10f2be79.entry.js} +1 -1
- package/www/build/p-14ab82cd.entry.js +1 -0
- package/www/build/{p-6736e894.entry.js → p-14db3f16.entry.js} +1 -1
- package/www/build/p-1cc1a418.js +1 -0
- package/www/build/{p-93191e1d.entry.js → p-1e7ef8ca.entry.js} +1 -1
- package/www/build/{p-74c27fc5.entry.js → p-227667b6.entry.js} +1 -1
- package/www/build/{p-daf06f6f.entry.js → p-27100ea1.entry.js} +1 -1
- package/www/build/{p-0c07b4f9.entry.js → p-2f547970.entry.js} +1 -1
- package/www/build/{p-515b46d9.entry.js → p-4610db36.entry.js} +1 -1
- package/www/build/{p-2c871e12.entry.js → p-485bff7b.entry.js} +1 -1
- package/www/build/{p-a93e5cad.entry.js → p-4b9882b3.entry.js} +1 -1
- package/www/build/p-515c2acf.entry.js +1 -0
- package/www/build/p-685ae50d.entry.js +1 -0
- package/www/build/{p-4c85652a.entry.js → p-6be6a2f4.entry.js} +1 -1
- package/{dist/web-components-library/p-82291408.entry.js → www/build/p-7ac431a5.entry.js} +1 -1
- package/{dist/web-components-library/p-c64c5cbb.entry.js → www/build/p-8f7680ef.entry.js} +1 -1
- package/www/build/{p-562eb005.entry.js → p-910ca14c.entry.js} +1 -1
- package/www/build/{p-adce9752.entry.js → p-9fee86aa.entry.js} +1 -1
- package/www/build/{p-eb293bba.entry.js → p-a19a70a0.entry.js} +1 -1
- package/{dist/web-components-library/p-9566edeb.entry.js → www/build/p-a250409a.entry.js} +1 -1
- package/www/build/p-a4b91a8f.entry.js +1 -0
- package/www/build/{p-c085be1d.entry.js → p-ac5dda12.entry.js} +1 -1
- package/www/build/{p-84116d2d.entry.js → p-af5103a0.entry.js} +1 -1
- package/www/build/p-b497e33e.js +1 -0
- package/{dist/web-components-library/p-ffc56e80.entry.js → www/build/p-bda48953.entry.js} +1 -1
- package/www/build/{p-7d8711d1.entry.js → p-c241bab0.entry.js} +1 -1
- package/www/build/{p-8d4b2131.entry.js → p-c47d529f.entry.js} +1 -1
- package/www/build/{p-1505703f.entry.js → p-c8b36560.entry.js} +1 -1
- package/www/build/p-c8bdfb84.entry.js +1 -0
- package/www/build/{p-33251591.entry.js → p-cd456854.entry.js} +1 -1
- package/www/build/{p-66c4eda8.entry.js → p-cfc9cf52.entry.js} +1 -1
- package/www/build/{p-5d651052.entry.js → p-d011d1b5.entry.js} +1 -1
- package/{dist/web-components-library/p-8539c6f2.entry.js → www/build/p-d966a1b9.entry.js} +1 -1
- package/www/build/{p-9c3f4437.entry.js → p-d98d3cf1.entry.js} +1 -1
- package/www/build/p-e35c7022.js +1 -0
- package/www/build/{p-3bd60dc8.entry.js → p-e606b019.entry.js} +1 -1
- package/www/build/{p-32c36f6c.entry.js → p-ec5242da.entry.js} +1 -1
- package/www/build/{p-e9bf5f75.js → p-ee918c17.js} +1 -1
- package/www/build/{p-a4e68d80.entry.js → p-f5a247b9.entry.js} +1 -1
- package/{dist/web-components-library/p-642d6be4.entry.js → www/build/p-fd8eae32.entry.js} +1 -1
- package/www/build/{p-c75451cc.entry.js → p-ff838f90.entry.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +127 -1
- package/dist/cjs/z-popover.cjs.entry.js +0 -328
- package/dist/esm/breakpoints-c386984e.js +0 -4
- package/dist/esm/z-popover.entry.js +0 -324
- package/dist/web-components-library/p-06de959d.entry.js +0 -1
- package/dist/web-components-library/p-1b4d5a24.entry.js +0 -1
- package/dist/web-components-library/p-6816cba3.entry.js +0 -1
- package/dist/web-components-library/p-6b454593.js +0 -1
- package/dist/web-components-library/p-7a276150.entry.js +0 -1
- package/dist/web-components-library/p-7c94ae08.entry.js +0 -1
- package/dist/web-components-library/p-98eac308.entry.js +0 -1
- package/dist/web-components-library/p-b1068026.js +0 -1
- package/dist/web-components-library/p-d69e14fb.js +0 -1
- package/dist/web-components-library/p-dcea357f.entry.js +0 -1
- package/www/build/p-06de959d.entry.js +0 -1
- package/www/build/p-1b4d5a24.entry.js +0 -1
- package/www/build/p-6816cba3.entry.js +0 -1
- package/www/build/p-6b454593.js +0 -1
- package/www/build/p-7a276150.entry.js +0 -1
- package/www/build/p-7c94ae08.entry.js +0 -1
- package/www/build/p-98eac308.entry.js +0 -1
- package/www/build/p-b1068026.js +0 -1
- package/www/build/p-d69e14fb.js +0 -1
- package/www/build/p-dcea357f.entry.js +0 -1
- package/www/build/p-f8cba0b0.js +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-a2ca4b97.js';
|
|
2
|
-
import { r as randomId } from './utils-
|
|
3
|
-
import { l as LabelPosition } from './index-
|
|
4
|
-
import './breakpoints-
|
|
2
|
+
import { r as randomId } from './utils-b7bdd1bf.js';
|
|
3
|
+
import { l as LabelPosition } from './index-7e4df1be.js';
|
|
4
|
+
import './breakpoints-9b81eb1b.js';
|
|
5
5
|
|
|
6
6
|
const stylesCss = ".sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-text01);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type=\"checkbox\"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}";
|
|
7
7
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-a2ca4b97.js';
|
|
2
|
-
import { P as PopoverPosition } from './index-
|
|
2
|
+
import { P as PopoverPosition } from './index-7e4df1be.js';
|
|
3
3
|
|
|
4
4
|
const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
|
|
5
5
|
|
|
@@ -241,7 +241,8 @@ export declare enum AlertType {
|
|
|
241
241
|
export declare enum Device {
|
|
242
242
|
MOBILE = "mobile",
|
|
243
243
|
TABLET = "tablet",
|
|
244
|
-
DESKTOP = "desktop"
|
|
244
|
+
DESKTOP = "desktop",
|
|
245
|
+
DESKTOP_WIDE = "desktop-wide"
|
|
245
246
|
}
|
|
246
247
|
export declare type DictionaryData = {
|
|
247
248
|
author: string;
|
|
@@ -378,3 +379,16 @@ export declare type SearchbarGroup = {
|
|
|
378
379
|
category?: string;
|
|
379
380
|
subcategory?: string;
|
|
380
381
|
};
|
|
382
|
+
export declare type BreadcrumbPath = {
|
|
383
|
+
text?: string;
|
|
384
|
+
path?: string;
|
|
385
|
+
hasTooltip?: boolean;
|
|
386
|
+
};
|
|
387
|
+
export declare enum BreadcrumbPathStyle {
|
|
388
|
+
SEMIBOLD = "semibold",
|
|
389
|
+
UNDERLINED = "underlined"
|
|
390
|
+
}
|
|
391
|
+
export declare enum BreadcrumbHomepageVariant {
|
|
392
|
+
TEXT = "text",
|
|
393
|
+
ICON = "icon"
|
|
394
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { BreadcrumbHomepageVariant, BreadcrumbPath, BreadcrumbPathStyle, Device } from "../../beans";
|
|
2
|
+
import { EventEmitter } from "puppeteer";
|
|
3
|
+
export declare class ZBreadcrumb {
|
|
4
|
+
hostElement: HTMLZBreadcrumbElement;
|
|
5
|
+
/** [optional] Path elements, the first of which is the home path */
|
|
6
|
+
paths?: BreadcrumbPath[] | string;
|
|
7
|
+
/** [optional] Sets the path style */
|
|
8
|
+
pathStyle?: BreadcrumbPathStyle;
|
|
9
|
+
/** [optional] Variant of first node */
|
|
10
|
+
homepageVariant?: BreadcrumbHomepageVariant;
|
|
11
|
+
/** [optional] Sets max number of element to show */
|
|
12
|
+
maxNodesToShow?: number;
|
|
13
|
+
/** [optional] Controls the behaviour on <a> tag click/enter */
|
|
14
|
+
preventFollowUrl?: boolean;
|
|
15
|
+
/** [optional] Sets max number of row for each path inside the popover. Zero equals unlimited */
|
|
16
|
+
overflowMenuItemRows?: number;
|
|
17
|
+
/** [optional] Sets the maximun number of chars per single node */
|
|
18
|
+
truncateChar?: number;
|
|
19
|
+
/** Handle mobile */
|
|
20
|
+
viewPortWidth: Device;
|
|
21
|
+
/** Detect whether the length of the nodes shown exceeds the container length */
|
|
22
|
+
hasOverflow: boolean;
|
|
23
|
+
popoverEllipsisOpen: boolean;
|
|
24
|
+
/** Emitted when preventFollowUrl=true to handle custom page transition */
|
|
25
|
+
clickOnNode: EventEmitter;
|
|
26
|
+
handleResize(): void;
|
|
27
|
+
handlePropChange(): void;
|
|
28
|
+
handleResizeUp(newValue: Device, oldValue: Device): void;
|
|
29
|
+
private pathsList;
|
|
30
|
+
private pathListCopy;
|
|
31
|
+
private collapsedElements;
|
|
32
|
+
private collapsedElementsRef;
|
|
33
|
+
private triggerButton;
|
|
34
|
+
private triggerEllipsis;
|
|
35
|
+
private wrapElement;
|
|
36
|
+
private currentIndex;
|
|
37
|
+
private homepageNode;
|
|
38
|
+
private totalLenght;
|
|
39
|
+
private anchorElements;
|
|
40
|
+
private currentEllipsisText;
|
|
41
|
+
private truncatePosition;
|
|
42
|
+
componentWillLoad(): void;
|
|
43
|
+
componentWillRender(): void;
|
|
44
|
+
componentDidRender(): void;
|
|
45
|
+
private initializeBreadcrumb;
|
|
46
|
+
private checkEllipsisOrOverflowMenu;
|
|
47
|
+
private truncateWithEllipsis;
|
|
48
|
+
private getPathsItemsList;
|
|
49
|
+
private renderMobileBreadcrumb;
|
|
50
|
+
private renderHomepageNode;
|
|
51
|
+
private renderNode;
|
|
52
|
+
private renderBreadcrumb;
|
|
53
|
+
private togglePopover;
|
|
54
|
+
private handlePreventFollowUrl;
|
|
55
|
+
private handleOverflowMenuAccessibility;
|
|
56
|
+
private renderOverflowMenu;
|
|
57
|
+
render(): HTMLZBreadcrumbElement;
|
|
58
|
+
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
import { AlertType, LicenseType } from "./beans/index";
|
|
9
|
-
import { AvatarSize, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PocketStatus, PopoverPosition, SearchbarItem, SelectItem, Size, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
|
|
9
|
+
import { AvatarSize, BreadcrumbHomepageVariant, BreadcrumbPath, BreadcrumbPathStyle, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PocketStatus, PopoverPosition, SearchbarItem, SelectItem, Size, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
|
|
10
10
|
import { ListItem } from "./beans/index.js";
|
|
11
11
|
import { ZTypographyLevels } from "./deprecated/typography/z-typography/index";
|
|
12
12
|
export namespace Components {
|
|
@@ -98,6 +98,36 @@ export namespace Components {
|
|
|
98
98
|
*/
|
|
99
99
|
"variant": "regular" | "semibold";
|
|
100
100
|
}
|
|
101
|
+
interface ZBreadcrumb {
|
|
102
|
+
/**
|
|
103
|
+
* [optional] Variant of first node
|
|
104
|
+
*/
|
|
105
|
+
"homepageVariant"?: BreadcrumbHomepageVariant;
|
|
106
|
+
/**
|
|
107
|
+
* [optional] Sets max number of element to show
|
|
108
|
+
*/
|
|
109
|
+
"maxNodesToShow"?: number;
|
|
110
|
+
/**
|
|
111
|
+
* [optional] Sets max number of row for each path inside the popover. Zero equals unlimited
|
|
112
|
+
*/
|
|
113
|
+
"overflowMenuItemRows"?: number;
|
|
114
|
+
/**
|
|
115
|
+
* [optional] Sets the path style
|
|
116
|
+
*/
|
|
117
|
+
"pathStyle"?: BreadcrumbPathStyle;
|
|
118
|
+
/**
|
|
119
|
+
* [optional] Path elements, the first of which is the home path
|
|
120
|
+
*/
|
|
121
|
+
"paths"?: BreadcrumbPath[] | string;
|
|
122
|
+
/**
|
|
123
|
+
* [optional] Controls the behaviour on <a> tag click/enter
|
|
124
|
+
*/
|
|
125
|
+
"preventFollowUrl"?: boolean;
|
|
126
|
+
/**
|
|
127
|
+
* [optional] Sets the maximun number of chars per single node
|
|
128
|
+
*/
|
|
129
|
+
"truncateChar"?: number;
|
|
130
|
+
}
|
|
101
131
|
interface ZButton {
|
|
102
132
|
/**
|
|
103
133
|
* defines a string value that labels an interactive element, used for accessibility.
|
|
@@ -1794,6 +1824,10 @@ export interface ZAppHeaderCustomEvent<T> extends CustomEvent<T> {
|
|
|
1794
1824
|
detail: T;
|
|
1795
1825
|
target: HTMLZAppHeaderElement;
|
|
1796
1826
|
}
|
|
1827
|
+
export interface ZBreadcrumbCustomEvent<T> extends CustomEvent<T> {
|
|
1828
|
+
detail: T;
|
|
1829
|
+
target: HTMLZBreadcrumbElement;
|
|
1830
|
+
}
|
|
1797
1831
|
export interface ZButtonSortCustomEvent<T> extends CustomEvent<T> {
|
|
1798
1832
|
detail: T;
|
|
1799
1833
|
target: HTMLZButtonSortElement;
|
|
@@ -1987,6 +2021,12 @@ declare global {
|
|
|
1987
2021
|
prototype: HTMLZBodyElement;
|
|
1988
2022
|
new (): HTMLZBodyElement;
|
|
1989
2023
|
};
|
|
2024
|
+
interface HTMLZBreadcrumbElement extends Components.ZBreadcrumb, HTMLStencilElement {
|
|
2025
|
+
}
|
|
2026
|
+
var HTMLZBreadcrumbElement: {
|
|
2027
|
+
prototype: HTMLZBreadcrumbElement;
|
|
2028
|
+
new (): HTMLZBreadcrumbElement;
|
|
2029
|
+
};
|
|
1990
2030
|
interface HTMLZButtonElement extends Components.ZButton, HTMLStencilElement {
|
|
1991
2031
|
}
|
|
1992
2032
|
var HTMLZButtonElement: {
|
|
@@ -2486,6 +2526,7 @@ declare global {
|
|
|
2486
2526
|
"z-aria-alert": HTMLZAriaAlertElement;
|
|
2487
2527
|
"z-avatar": HTMLZAvatarElement;
|
|
2488
2528
|
"z-body": HTMLZBodyElement;
|
|
2529
|
+
"z-breadcrumb": HTMLZBreadcrumbElement;
|
|
2489
2530
|
"z-button": HTMLZButtonElement;
|
|
2490
2531
|
"z-button-sort": HTMLZButtonSortElement;
|
|
2491
2532
|
"z-card": HTMLZCardElement;
|
|
@@ -2663,6 +2704,40 @@ declare namespace LocalJSX {
|
|
|
2663
2704
|
*/
|
|
2664
2705
|
"variant"?: "regular" | "semibold";
|
|
2665
2706
|
}
|
|
2707
|
+
interface ZBreadcrumb {
|
|
2708
|
+
/**
|
|
2709
|
+
* [optional] Variant of first node
|
|
2710
|
+
*/
|
|
2711
|
+
"homepageVariant"?: BreadcrumbHomepageVariant;
|
|
2712
|
+
/**
|
|
2713
|
+
* [optional] Sets max number of element to show
|
|
2714
|
+
*/
|
|
2715
|
+
"maxNodesToShow"?: number;
|
|
2716
|
+
/**
|
|
2717
|
+
* Emitted when preventFollowUrl=true to handle custom page transition
|
|
2718
|
+
*/
|
|
2719
|
+
"onClickOnNode"?: (event: ZBreadcrumbCustomEvent<any>) => void;
|
|
2720
|
+
/**
|
|
2721
|
+
* [optional] Sets max number of row for each path inside the popover. Zero equals unlimited
|
|
2722
|
+
*/
|
|
2723
|
+
"overflowMenuItemRows"?: number;
|
|
2724
|
+
/**
|
|
2725
|
+
* [optional] Sets the path style
|
|
2726
|
+
*/
|
|
2727
|
+
"pathStyle"?: BreadcrumbPathStyle;
|
|
2728
|
+
/**
|
|
2729
|
+
* [optional] Path elements, the first of which is the home path
|
|
2730
|
+
*/
|
|
2731
|
+
"paths"?: BreadcrumbPath[] | string;
|
|
2732
|
+
/**
|
|
2733
|
+
* [optional] Controls the behaviour on <a> tag click/enter
|
|
2734
|
+
*/
|
|
2735
|
+
"preventFollowUrl"?: boolean;
|
|
2736
|
+
/**
|
|
2737
|
+
* [optional] Sets the maximun number of chars per single node
|
|
2738
|
+
*/
|
|
2739
|
+
"truncateChar"?: number;
|
|
2740
|
+
}
|
|
2666
2741
|
interface ZButton {
|
|
2667
2742
|
/**
|
|
2668
2743
|
* defines a string value that labels an interactive element, used for accessibility.
|
|
@@ -4545,6 +4620,7 @@ declare namespace LocalJSX {
|
|
|
4545
4620
|
"z-aria-alert": ZAriaAlert;
|
|
4546
4621
|
"z-avatar": ZAvatar;
|
|
4547
4622
|
"z-body": ZBody;
|
|
4623
|
+
"z-breadcrumb": ZBreadcrumb;
|
|
4548
4624
|
"z-button": ZButton;
|
|
4549
4625
|
"z-button-sort": ZButtonSort;
|
|
4550
4626
|
"z-card": ZCard;
|
|
@@ -4639,6 +4715,7 @@ declare module "@stencil/core" {
|
|
|
4639
4715
|
"z-aria-alert": LocalJSX.ZAriaAlert & JSXBase.HTMLAttributes<HTMLZAriaAlertElement>;
|
|
4640
4716
|
"z-avatar": LocalJSX.ZAvatar & JSXBase.HTMLAttributes<HTMLZAvatarElement>;
|
|
4641
4717
|
"z-body": LocalJSX.ZBody & JSXBase.HTMLAttributes<HTMLZBodyElement>;
|
|
4718
|
+
"z-breadcrumb": LocalJSX.ZBreadcrumb & JSXBase.HTMLAttributes<HTMLZBreadcrumbElement>;
|
|
4642
4719
|
"z-button": LocalJSX.ZButton & JSXBase.HTMLAttributes<HTMLZButtonElement>;
|
|
4643
4720
|
"z-button-sort": LocalJSX.ZButtonSort & JSXBase.HTMLAttributes<HTMLZButtonSortElement>;
|
|
4644
4721
|
"z-card": LocalJSX.ZCard & JSXBase.HTMLAttributes<HTMLZCardElement>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
declare const mobileBreakpoint = 767;
|
|
2
|
-
declare const tabletBreakpoint =
|
|
3
|
-
|
|
2
|
+
declare const tabletBreakpoint = 1052;
|
|
3
|
+
declare const desktopBreakpoint = 1365;
|
|
4
|
+
export { mobileBreakpoint, tabletBreakpoint, desktopBreakpoint };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as
|
|
1
|
+
import{c as Y}from"./p-0397366d.js";export{p as AlertType,A as AvatarSize,X as BreadcrumbHomepageVariant,W as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,U as CarouselArrowsPosition,V as CarouselProgressMode,e as ControlSize,R as CoverHeroContentPosition,Q as CoverHeroVariant,q as Device,h as DividerOrientation,D as DividerSize,k as ExpandableListButtonAlign,E as ExpandableListStyle,M as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,l as LabelPosition,L as LicenseType,m as ListDividerType,i as ListSize,n as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,o as NotificationType,O as OffCanvasVariant,r as PocketStatus,P as PopoverPosition,j as Size,S as SortDirection,T as ThemeVariant,s as ToastNotification,u as ToastNotificationPosition,t as ToastNotificationTransition,w as TransitionDirection,v as ZAriaAlertMode,y as ZChipType,F as ZDatePickerMode,G as ZDatePickerModeValue,H as ZDatePickerPosition,x as ZFileUploadType,J as ZRangePickerMode,z as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-1cc1a418.js";import"./p-b497e33e.js";const $={colorFromId:Y};export{$ as Utils}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c,h,g as s}from"./p-d17ebc2f.js";import{y as r,q as a}from"./p-1cc1a418.js";import{g as t}from"./p-0397366d.js";import"./p-b497e33e.js";const e=class{constructor(h){i(this,h),this.interactiveIconClick=c(this,"interactiveIconClick",7),this.type=r.DEFAULT,this.disabled=!1,this.ariaLabel=""}emitinteractiveIconClick(){this.interactiveIconClick.emit()}getIconSize(){return t()!==a.DESKTOP&&t()!==a.DESKTOP_WIDE?22:14}render(){return this.interactiveIcon?h("div",{class:`z-chip-container ${this.type}`,"aria-disabled":this.disabled},this.icon&&h("z-icon",{class:"icon-sx",name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null),h("button",{type:"button",onClick:()=>this.emitinteractiveIconClick(),onKeyUp:()=>{},"aria-label":this.ariaLabel,disabled:this.disabled},h("z-icon",{name:this.interactiveIcon,width:this.getIconSize(),height:this.getIconSize()}))):h("div",{class:`${this.type}`},this.icon&&h("z-icon",{name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null))}get el(){return s(this)}};e.style=".sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--gray400);background-color:var(--bg-white);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) button.sc-z-chip>z-icon.sc-z-chip:last-child:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container.sc-z-chip:hover:not([aria-disabled])>z-icon.sc-z-chip:first-child{fill:var(--color-icon02)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.icon-sx.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip>z-icon.sc-z-chip:last-child{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip>button.sc-z-chip>z-icon.sc-z-chip{color:var(--color-disabled03);fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip>button.sc-z-chip>z-icon.sc-z-chip{cursor:auto}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled):active:hover>button.sc-z-chip>z-icon.sc-z-chip:last-child{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>div.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--bg-grey-200);background-color:var(--bg-white);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;line-height:28px}.sc-z-chip-h>div.sc-z-chip>z-icon.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media only screen and (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>div.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}}";export{e as z_chip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as a,q as t}from"./p-1cc1a418.js";import{d as e,t as n,m as s}from"./p-b497e33e.js";function r(a){switch(a){case!0:case"true":case 1:case"1":case"on":case"yes":return!0;case!1:case"false":case 0:case"0":case"off":case"no":return!1;default:return a}}function c(){return Math.random().toString(36).replace("0.","")}function u(t,e,...n){t.code!==a.ENTER&&t.code!==a.SPACE||(t.preventDefault(),e(...n))}function o(t,e,...n){t.code===a.ENTER&&(t.preventDefault(),e(...n))}function f(a=null){return a||(a=document.activeElement),a&&a.shadowRoot&&a.shadowRoot.activeElement?f(a=a.shadowRoot.activeElement):a}function i(a,t=[]){return t.push(a),a.parentElement?i(a=a.parentElement,t):a.parentNode&&a.parentNode.host?i(a=a.parentNode.host,t):t}function d(){switch(!0){case window.innerWidth<=s:return t.MOBILE;case window.innerWidth<=n:return t.TABLET;case window.innerWidth<=e:return t.DESKTOP;default:return t.DESKTOP_WIDE}}function w(a){try{return JSON.parse(a)}catch(a){return!1}}function h(a){const t=Math.ceil(2**31-1)*parseFloat(`0.${a}`);let e=Math.ceil(t%1*19);return 0===e&&(e=1),`avatar-C${e.toString().padStart(2,"0")}`}export{o as a,r as b,h as c,i as d,f as e,w as f,d as g,u as h,c as r}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as i}from"./p-d17ebc2f.js";import{A as a}from"./p-
|
|
1
|
+
import{r as t,h as s,H as i}from"./p-d17ebc2f.js";import{A as a}from"./p-1cc1a418.js";const e=class{constructor(s){var i,e;t(this,s),this.size=a.MEDIUM,this.textColor="text-white",this.backgroundColor="bg-grey-700",0===(null===(i=this.text)||void 0===i?void 0:i.length)&&0===(null===(e=this.image)||void 0===e?void 0:e.length)&&console.warn("z-avatar must contain at least one prop between text and image")}getTextSize(){return this.size===a.SMALL?"5":this.size===a.MEDIUM?"4":this.size===a.LARGE?"2":void 0}render(){return s(i,{class:{[this.size]:!0,[`body-${this.getTextSize()}-sb`]:!0},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",null,this.text.substring(0,2)),this.image&&s("img",{src:this.image,onError:()=>this.image=""}))}};e.style=":host{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;background-color:var(--bg-grey-700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";export{e as z_avatar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,g as s}from"./p-d17ebc2f.js";import{u as i}from"./p-
|
|
1
|
+
import{r as t,h as o,g as s}from"./p-d17ebc2f.js";import{u as i}from"./p-1cc1a418.js";const n=class{constructor(o){t(this,o),this.position=i.TOP_RIGHT,this.newestontop=!0}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse()),t?this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler):this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}componentWillLoad(){this.newestontop&&this.handleNewestOnTop()}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children),this.hostElement.append(...this.notificationArray.reverse()),this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}slotChangeHandler(){const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));t&&t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove(),this.hostElement.prepend(o)}))}render(){return o("slot",{name:"toasts"})}get hostElement(){return s(this)}static get watchers(){return{newestontop:["watchPropNewestontop"]}}};n.style=':host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}';export{n as z_toast_notification_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as n,H as a}from"./p-d17ebc2f.js";import{B as i}from"./p-
|
|
1
|
+
import{r as o,h as n,H as a}from"./p-d17ebc2f.js";import{B as i}from"./p-1cc1a418.js";const t=class{constructor(n){o(this,n),this.hideUnselected=!1,this.collapsed=!1}setAriaCurrent(){Array.from(this.nav.children).forEach((o=>{const n=o instanceof HTMLAnchorElement?o:o.querySelector("a"),a=window.location.href===n.href;n.setAttribute("aria-current",a.toString()),o.toggleAttribute("current",a)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){window.addEventListener("hashchange",this.setAriaCurrent.bind(this)),this.setAriaCurrent()}disconnectedCallback(){window.removeEventListener("hashchange",this.setAriaCurrent)}render(){return n(a,{collapsed:this.collapsed},n("z-button",{class:"toggle",variant:i.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},"salta a"),n("nav",{ref:o=>this.nav=o},n("slot",null)))}};t.style="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;color:inherit;font-weight:inherit;-webkit-line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-surface04);color:var(--color-text01);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out}z-anchor-navigation nav>[current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button,z-icon){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}z-anchor-navigation nav z-icon{--z-icon-width:16px;--z-icon-height:16px;display:flex;padding:calc(var(--space-unit) * 1.5);fill:var(--color-icon02)}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav a{outline:none}@media (hover: hover){z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-secondary);background-color:var(--color-hover-surface);color:var(--color-hover-link)}}z-anchor-navigation nav>*:is(:focus,:focus-within),z-anchor-navigation nav :is(z-icon,button):focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation[hide-unselected] nav>*:not([current],:hover,:focus,:focus-within){color:transparent}z-anchor-navigation nav>*:not([current],:hover,:focus,:focus-within)>*:is(z-button,button,z-icon):not(:focus:focus-visible){opacity:0;pointer-events:none}@media (hover: none){z-anchor-navigation:not([hide-unselected]) nav>*>*:is(z-button,button,z-icon){opacity:1;pointer-events:all}}}";export{t as z_anchor_navigation}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as
|
|
1
|
+
import{r as t,c as e,h as i,H as a,g as s}from"./p-d17ebc2f.js";import{t as n}from"./p-1cc1a418.js";import{m as r}from"./p-b497e33e.js";import{h as o}from"./p-e43e61ac.js";import"./p-112455b1.js";const l=class{constructor(i){t(this,i),this.toastClose=e(this,"toastClose",7),this.pauseonfocusloss=!0,this.isdraggable=!0,this.draggablepercentage=80,this.isCloseEventCalled=!1}watchPropIsdraggable(t){t?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(t){clearTimeout(this.timeoutHandle),this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){this.autoclose&&(t?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):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<=r,this.validateAutoclose(),this.percentage=0}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20,this.startTime=Date.now(),this.autoclose&&this.pauseonfocusloss&&document.addEventListener("visibilitychange",this.visibilityChangeEventHandler),this.isdraggable&&this.handleSlideOutDragAnimation()}visibilityChangeEventHandler(){"hidden"===document.visibilityState?this.timeoutHandle&&this.onBlur():this.elapsedTime&&this.onFocus()}validateAutoclose(){this.autoclose||this.closebutton||console.error("At least one between autoclose and closebutton must be present")}mapSlideOutClass(){switch(this.transition){case n.SLIDE_IN_DOWN:return n.SLIDE_OUT_UP;case n.SLIDE_IN_UP:return n.SLIDE_OUT_DOWN;case n.SLIDE_IN_LEFT:return n.SLIDE_OUT_RIGHT;case n.SLIDE_IN_RIGHT:return n.SLIDE_OUT_LEFT}}calculateDraggedPercentage(t){const e=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/e.width)}handleSlideOutDragAnimation(){this.sliderManager=new o(this.hostElement),this.sliderManager.get("pan").set({direction:o.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const e={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=100-Math.abs(this.percentage)+"%",t.eventType!==o.DIRECTION_LEFT&&t.eventType!==o.DIRECTION_RIGHT||(this.hostElement.style.transform=e.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(t.direction===o.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage&&(this.hostElement.style.transform=e.translateBack,this.hostElement.style.transition="all 1s",this.hostElement.style.opacity="100%",this.percentage=0)}))}onFocus(){let t=this.autoclose;this.elapsedTime&&(t=this.autoclose-this.elapsedTime),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,e=this.container.children;let i=0;for(let t=0;t<e.length;t++)i+=e[t].offsetWidth;return i>t}renderText(){return i("div",{id:"text",ref:t=>this.toastText=t},i("span",{class:"title"},this.heading),i("span",{class:"message"},this.message))}renderButton(){return i("div",{id:"button"},i("slot",{name:"button"}))}renderCloseIcon(){if(this.closebutton)return i("div",{id:"icon"},i("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{32!=t.keyCode&&13!=t.keyCode||(t.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return i("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 i("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},i("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return i(a,{style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:n.SLIDE_IN_DOWN,onAnimationEnd:t=>{this.autoclose&&t.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),t.animationName.includes("slideout")&&this.hostElement.parentNode.removeChild(this.hostElement)}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return s(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};l.style=":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:4px;box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:14px;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-white);letter-spacing:0.16px;line-height:20px;text-align:left}:host>#external-container #text>.title{margin-right:4px;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-white)}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-icon01)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--gray800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";export{l as z_toast_notification}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as a,H as r,g as e}from"./p-d17ebc2f.js";import{C as i}from"./p-
|
|
1
|
+
import{r as t,c as o,h as a,H as r,g as e}from"./p-d17ebc2f.js";import{C as i}from"./p-1cc1a418.js";const s=class{constructor(a){t(this,a),this.cardClicked=o(this,"cardClicked",7),this.clickable=!1,this.showshadow=!1}onClick(t){if(!t.target.closest("[slot=action]"))return this.clickable?void this.cardClicked.emit():(t.preventDefault(),void t.stopPropagation())}componentWillLoad(){this.hasCoverImage=null!==this.host.querySelector('[slot="cover"]')}renderColorCoverCard(){return[a("div",{class:"cover-container"},a("div",{class:"color-cover"},a("div",{class:"cover-content"},a("slot",{name:"metadata"}),a("slot",{name:"title"})))),a("div",{class:"content"},a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))]}renderContentDiv(){return a("div",{class:"content"},a("slot",{name:"metadata"}),a("slot",{name:"title"}),a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))}render(){return this.variant===i.TEXT?a(r,null,this.renderContentDiv()):this.variant===i.OVERLAY||this.hasCoverImage?a(r,null,a("div",{class:"cover-container"},this.hasCoverImage&&[a("slot",{name:"cover"}),this.variant!==i.OVERLAY&&this.coverIcon&&a("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&a("div",{class:"color-cover"})),this.renderContentDiv()):a(r,null,this.renderColorCoverCard())}get host(){return e(this)}};s.style=':host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant="overlay"])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot="cover"]),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;height:100%;flex-direction:column;justify-content:flex-end;padding:var(--space-unit)}::slotted([slot="metadata"]),::slotted([slot="title"]),::slotted([slot="text"]){display:box;overflow:hidden;-webkit-box-orient:vertical}::slotted([slot="title"]:not(:last-child)),::slotted([slot="text"]:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot="text"]),::slotted([slot="actions"]){margin:0}::slotted([slot="metadata"]:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot="title"]){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot="text"]){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot="action"]:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant="text"]){border:var(--z-card--text-border);background-color:var(--z-card--text-background);border-radius:var(--z-card--text-border-radius)}:host([showshadow])>.content,:host([variant="border"])>.content,:host([variant="shadow"])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant="text"])>.content{padding:calc(var(--space-unit) * 2) var(--space-unit)}:host([variant="border"]) .actions,:host([variant="shadow"]) .actions{margin-top:auto}:host([variant="border"]){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant="border"][clickable]:hover)>.content{background:var(--color-background)}:host([variant="border"][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant="border"][clickable]:active){border-color:transparent}:host([variant="shadow"]),:host([showshadow]){box-shadow:var(--shadow-2)}:host([variant="shadow"][clickable]:hover),:host([clickable][showshadow]:hover){box-shadow:var(--shadow-4)}:host([variant="shadow"][clickable]:focus:focus-visible),:host([clickable][showshadow]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant="shadow"][clickable]:active),:host([clickable][showshadow]:active){box-shadow:none}:host([variant="overlay"]) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgb(0 0 0 / 100%), rgb(0 0 0 / 0%));color:var(--color-text-inverse);fill:var(--color-text-inverse)}';export{s as z_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as s}from"./p-d17ebc2f.js";import{h as a}from"./p-0397366d.js";import"./p-1cc1a418.js";import"./p-b497e33e.js";const e=class{constructor(s){i(this,s),this.zListItemLinkClick=t(this,"zListItemLinkClick",7),this.zListItemClick=t(this,"zListItemClick",7),this.linktarget="_self",this.underlined=!0,this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this),this.emitZListItemClick=this.emitZListItemClick.bind(this)}emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>a(i,this.emitZListItemClick,this.listitemid)},s("span",{class:this.underlined&&"border"},this.icon&&s("z-icon",{name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>a(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",null)))}};e.style=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--bg-grey-200)}:host li span:hover,a:hover{color:var(--myz-blue);fill:var(--myz-blue)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--myz-blue);fill:var(--myz-blue)}";export{e as z_myz_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as i}from"./p-d17ebc2f.js";import{t as o}from"./p-
|
|
1
|
+
import{r as t,c as r,h as i}from"./p-d17ebc2f.js";import{t as o}from"./p-b497e33e.js";const s=class{constructor(i){t(this,i),this.buttonSortClick=r(this,"buttonSortClick",7),this.sortlabelasc="A-Z",this.sortlabeldesc="Z-A",this.isselected=!1,this.sortasc=!0,this.allowTooltip=!1}emitButtonSortClick(){this.isselected?this.sortasc=!this.sortasc:this.isselected=!0,this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})}componentDidLoad(){this.elementHasEllipsis()&&window.innerWidth>o&&(this.allowTooltip=!0)}setButtonTitle(){return this.allowTooltip?`${this.sortasc?this.label:this.desclabel}`:""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return i("button",{title:this.setButtonTitle(),id:this.buttonid,class:this.isselected&&"selected",onClick:()=>this.emitButtonSortClick()},i("label",null,i("span",{ref:t=>this.ellipsis=t,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),i("span",{class:"counter"},this.counter&&` (${this.counter})`),i("span",{class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),i("z-icon",{name:"caret-up-down",width:16,height:16})))}};s.style=":host,button{max-width:100%}button{height:36px;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--myz-blue);background-color:var(--bg-white);border-radius:var(--border-radius);color:var(--myz-blue);cursor:pointer;fill:var(--myz-blue);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--myz-blue-dark);color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{border-color:var(--myz-blue);box-shadow:var(--shadow-focus-primary);color:var(--myz-blue);fill:var(--myz-blue)}button:active{border-color:var(--myz-blue-light);box-shadow:0 2px 4px 0 rgb(0 0 0 / 40%);color:var(--myz-blue-light);fill:var(--myz-blue-light)}button.selected{border-color:var(--myz-blue-dark);background-color:var(--myz-blue-dark);color:var(--bg-white);fill:var(--bg-white)}button>label{display:flex;align-items:center;cursor:pointer;font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}button>label>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>label>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>label>span.sort{margin-right:var(--half-x1);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) * 0.5);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-rg)}button>z-icon{padding-top:calc(var(--space-unit) * 0.5)}@media only screen and (min-width: 768px){:host,button{max-width:325px}}@media only screen and (min-width: 1025px){:host,button{max-width:490px}}";export{s as z_button_sort}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var t,n,o,e,a,i,s,r,c,u,l,f,d,m,g,p,b,h,w,_,A,E,x,v,k,T,D,y,R,S,C,O,B,N,P,U,W,z,L,M,H,I,K,j,q,F,G,J,Q,V,X;!function(t){t.REAL="reale",t.VIRTUAL="virtuale",t.TRIAL="saggio",t.TEMP="reale_temp"}(t||(t={})),function(t){t.BORDER="border",t.SHADOW="shadow",t.OVERLAY="overlay",t.TEXT="text"}(n||(n={})),function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(o||(o={})),function(t){t.BIG="big",t.SMALL="small"}(e||(e={})),function(t){t.LEFT="ArrowLeft",t.RIGHT="ArrowRight",t.UP="ArrowUp",t.DOWN="ArrowDown"}(a||(a={})),function(t){t.PRIMARY="primary",t.SECONDARY="secondary",t.TERTIARY="tertiary",t.DARK_BG="dark-bg"}(i||(i={})),function(t){t.SUBMIT="submit",t.RESET="reset",t.BUTTON="button"}(s||(s={})),function(t){t.BIG="big",t.SMALL="small",t.X_SMALL="x-small"}(r||(r={})),function(t){t.BIG="big",t.SMALL="small",t.X_SMALL="x-small"}(c||(c={})),function(t){t.TEXT="text",t.PASSWORD="password",t.NUMBER="number",t.EMAIL="email",t.TEXTAREA="textarea",t.CHECKBOX="checkbox",t.RADIO="radio",t.TEL="tel",t.URL="url",t.SEARCH="search"}(u||(u={})),function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning"}(l||(l={})),function(t){t.AUTO="auto",t.TOP="top",t.RIGHT="right",t.BOTTOM="bottom",t.LEFT="left",t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left",t.RIGHT_TOP="right_top",t.RIGHT_BOTTOM="right_bottom",t.LEFT_TOP="left_top",t.LEFT_BOTTOM="left_bottom"}(f||(f={})),function(t){t[t.TAB=9]="TAB",t[t.SPACE=32]="SPACE",t[t.ESC=27]="ESC",t[t.ENTER=13]="ENTER",t[t.ARROW_UP=38]="ARROW_UP",t[t.ARROW_DOWN=40]="ARROW_DOWN",t[t.BACKSPACE=8]="BACKSPACE",t[t.DELETE=46]="DELETE"}(d||(d={})),function(t){t.TAB="Tab",t.SPACE="Space",t.ESC="Escape",t.ENTER="Enter",t.ARROW_UP="ArrowUp",t.ARROW_DOWN="ArrowDown",t.BACKSPACE="Backspace",t.DELETE="Delete"}(m||(m={})),function(t){t.DARK="dark",t.LIGHT="light"}(g||(g={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(p||(p={})),function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(b||(b={})),function(t){t.ASC="asc",t.DESC="desc",t.NONE="none"}(h||(h={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(w||(w={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large",t.X_LARGE="x-large"}(_||(_={})),function(t){t.X_SMALL="x-small",t.SMALL="small",t.MEDIUM="medium",t.LARGE="large",t.SPECIAL="special"}(A||(A={})),function(t){t.ACCORDION="accordion",t.MENU="menu"}(E||(E={})),function(t){t.RIGHT="right",t.LEFT="left"}(x||(x={})),function(t){t.RIGHT="right",t.LEFT="left"}(v||(v={})),function(t){t.NONE="none",t.HEADER="header",t.ELEMENT="element"}(k||(k={})),function(t){t.NONE="none",t.ORDERED="ordered",t.UNORDERED="unordered"}(T||(T={})),function(t){t.SUCCESS="success",t.WARNING="warning",t.ERROR="error"}(D||(D={})),function(t){t.SUCCESS="success",t.WARNING="warning",t.ERROR="error"}(y||(y={})),function(t){t.MOBILE="mobile",t.TABLET="tablet",t.DESKTOP="desktop",t.DESKTOP_WIDE="desktop-wide"}(R||(R={})),function(t){t.PREVIEW="preview",t.OPEN="open",t.CLOSED="closed"}(S||(S={})),function(t){t.DARK="dark",t.LIGHT="light",t.ACCENT="accent",t.ERROR="error",t.SUCCESS="success",t.WARNING="warning"}(C||(C={})),function(t){t.SLIDE_IN_LEFT="slide-in-left",t.SLIDE_IN_RIGHT="slide-in-right",t.SLIDE_IN_DOWN="slide-in-down",t.SLIDE_IN_UP="slide-in-up",t.SLIDE_OUT_LEFT="slide-out-left",t.SLIDE_OUT_RIGHT="slide-out-right",t.SLIDE_OUT_DOWN="slide-out-down",t.SLIDE_OUT_UP="slide-out-up"}(O||(O={})),function(t){t.TOP_RIGHT="top-right",t.TOP_LEFT="top-left",t.TOP_CENTRE="top-centre",t.BOTTOM_RIGHT="bottom-right",t.BOTTOM_LEFT="bottom-left",t.BOTTOM_CENTRE="bottom-centre"}(B||(B={})),function(t){t.EXPANDABLE="expandable",t.PADDING="padding",t.NONE="none"}(N||(N={})),function(t){t.POLITE="polite",t.ASSERTIVE="assertive"}(P||(P={})),function(t){t.LEFT="left",t.RIGHT="right"}(U||(U={})),function(t){t.OVERLAY="overlay",t.PUSHCONTENT="pushcontent"}(W||(W={})),function(t){t.DEFAULT="default",t.DRAGDROP="dragdrop"}(z||(z={})),function(t){t.DEFAULT="default",t.MEDIUM="medium",t.SMALL="small"}(L||(L={})),function(t){t.BEFORE="before",t.AFTER="after"}(M||(M={})),function(t){t.DATE="date",t.DATE_TIME="date-time",t.MONTHS="months"}(H||(H={})),function(t){t[t.DATE=401]="DATE",t[t.DATE_TIME=523]="DATE_TIME",t[t.MONTHS=288]="MONTHS"}(I||(I={})),function(t){t.TOP="top",t.BOTTOM="bottom"}(K||(K={})),function(t){t.DATE="date",t.DATE_TIME="date-time"}(j||(j={})),function(t){t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left"}(q||(q={})),function(t){t.OVERLAY="overlay",t.STACKED="stacked"}(F||(F={})),function(t){t.TOP="top",t.BOTTOM="bottom"}(G||(G={})),function(t){t.OVER="over",t.BOTTOM="bottom"}(J||(J={})),function(t){t.DOTS="dots",t.NUMBERS="numbers"}(Q||(Q={})),function(t){t.SEMIBOLD="semibold",t.UNDERLINED="underlined"}(V||(V={})),function(t){t.TEXT="text",t.ICON="icon"}(X||(X={}));export{w as A,i as B,n as C,p as D,E,H as F,I as G,K as H,u as I,j as J,d as K,t as L,q as M,o as N,W as O,f as P,F as Q,G as R,h as S,g as T,J as U,Q as V,V as W,X,N as Z,e as a,a as b,s as c,r as d,c as e,l as f,m as g,b as h,_ as i,A as j,x as k,v as l,k as m,T as n,D as o,y as p,R as q,S as r,C as s,O as t,B as u,P as v,U as w,z as x,L as y,M as z}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as n,g as o}from"./p-d17ebc2f.js";import{d as s,
|
|
1
|
+
import{r as t,h as i,H as n,g as o}from"./p-d17ebc2f.js";import{d as s,h as c}from"./p-0397366d.js";import{T as e}from"./p-1cc1a418.js";import"./p-b497e33e.js";const l=class{constructor(i){t(this,i),this.links=[],this.visible=!1,this.visibleLink=""}handleFocusOutSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!1)}handleFocusSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!0)}componentDidLoad(){this.showFirstChild()}componentWillRender(){this.links&&(this.links="string"==typeof this.links?JSON.parse(this.links):this.links)}isInSkipToContent(t){return!!s(t).find((t=>"z-skip-to-content"===t.nodeName.toLowerCase()))}showFirstChild(){var t;const i=null===(t=this.hostElement.children)||void 0===t?void 0:t[0];i&&(this.visibleLink=i.id)}handleLinkClick(){this.visible=!1}render(){return i(n,{class:{[this.variant]:!0,"skip-to-content-visible":this.visible}},this.links.map(((t,n)=>{const o=`skip-to-content-${n}`;return i("z-link",{id:o,underline:!0,"aria-label":t.ariaLabel||t.label,class:"body-1-sb "+(o==this.visibleLink?"link-visible":"link-invisible"),href:t.href,textcolor:this.variant===e.DARK?"white":"black",onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>c(t,this.handleLinkClick.bind(this))},t.label)})))}get hostElement(){return o(this)}};l.style=".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:block;text-align:center}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--bg-grey-800);color:var(--color-white)}.light.sc-z-skip-to-content-h{border:2px solid var(--text-grey-800);background-color:var(--bg-white);color:var(--text-grey-800)}@media (min-width: 768px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{text-align:left}}@media (min-width: 1152px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:inline-block;padding:0 calc(var(--space-unit) * 3);border-right:1px solid var(--bg-grey-800)}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{border-right:1px solid var(--bg-white)}}";export{l as z_skip_to_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,g as r}from"./p-d17ebc2f.js";import{Q as a,R as i}from"./p-
|
|
1
|
+
import{r as t,h as e,H as o,g as r}from"./p-d17ebc2f.js";import{Q as a,R as i}from"./p-1cc1a418.js";const n=class{constructor(e){t(this,e),this.variant=a.OVERLAY,this.contentPosition=i.TOP,this.preserveAspectRatio=!0}onImgLoad({target:t}){t instanceof Image&&t.closest("[slot=cover]")&&this.host.style.setProperty("--image-aspect-ratio",(t.naturalWidth/t.naturalHeight).toString())}renderContent(){return e("div",{class:"content-container"},e("slot",{name:"content"}))}render(){return e(o,null,this.variant===a.STACKED&&this.contentPosition===i.TOP&&this.renderContent(),e("div",{class:"main-container"},e("div",{class:"cover-container"},e("slot",{name:"cover"})),e("slot",{name:"info-reveal"}),this.variant===a.OVERLAY&&this.renderContent()),this.variant===a.STACKED&&this.contentPosition===i.BOTTOM&&this.renderContent())}get host(){return r(this)}};n.style=':host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{box-sizing:border-box}:host .main-container{position:relative;width:100%;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot="cover"]){position:absolute;display:block;width:100%;height:100%;inset:0;object-fit:cover;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container{height:100%}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant="overlay"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:""}:host([variant="overlay"]:is([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .content-container{position:absolute;inset:0}:host([variant="overlay"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant="stacked"]){--cover-hero-text-color:var(--color-text01)}:host([variant="stacked"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}';export{n as z_cover_hero}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as r}from"./p-d17ebc2f.js";import{f as n}from"./p-
|
|
1
|
+
import{r as t,c as i,h as r}from"./p-d17ebc2f.js";import{f as n}from"./p-1cc1a418.js";const s=class{constructor(r){t(this,r),this.otpChange=i(this,"otpChange",7),this.inputNum=6}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)],this.otpRef=[...Array(this.inputNum)]}render(){return r("div",{class:"otp-container"},r("div",{class:"digits-container"},this.otp.map(((t,i)=>r("input",{class:this.status==n.ERROR?"error":null,onKeyDown:t=>{t.keyCode>47&&(this.otpRef[i].value="")},onKeyUp:t=>{t.keyCode>47&&i<this.inputNum-1&&this.otpRef[i+1].focus()},onInput:t=>{this.otp[i]=t.target.value,this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[i]=t})))),r("z-input-message",{message:this.message,status:this.status}))}};s.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-error01);background-color:var(--color-error-inverse);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";export{s as z_otp}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as a}from"./p-d17ebc2f.js";import{N as n,a as o}from"./p-
|
|
1
|
+
import{r as i,c as t,h as a}from"./p-d17ebc2f.js";import{N as n,a as o}from"./p-1cc1a418.js";import{I as e}from"./p-bb85c467.js";const r=class{constructor(a){i(this,a),this.selectedEvent=t(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation=n.HORIZONTAL,this.size=o.BIG}scrollToTab({target:i}){i.scrollIntoView(Object.assign({behavior:"smooth"},this.orientation===n.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"}))}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.selectedEvent.emit()}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;return this.selected&&Object.keys(e).includes(t)&&(i=t),a("z-icon",{name:i})}render(){return a("button",{role:"tab",id:this.tabId,disabled:this.disabled,title:this.htmlTitle,onFocus:this.scrollToTab.bind(this),"aria-selected":this.selected?"true":"false","aria-controls":this.ariaControls,tabindex:this.selected?"0":"-1"},this.icon&&this.renderIcon(),this.orientation===n.HORIZONTAL&&this.label)}static get watchers(){return{selected:["onSelected"]}}};r.style='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:hover:not([disabled])>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}';export{r as z_navigation_tab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as a,H as t}from"./p-d17ebc2f.js";import{v as s}from"./p-
|
|
1
|
+
import{r,h as a,H as t}from"./p-d17ebc2f.js";import{v as s}from"./p-1cc1a418.js";const i=class{constructor(a){r(this,a),this.mode=s.POLITE}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as n}from"./p-d17ebc2f.js";import{P as e}from"./p-
|
|
1
|
+
import{r as i,c as t,h as n}from"./p-d17ebc2f.js";import{P as e}from"./p-1cc1a418.js";import{h as s}from"./p-0397366d.js";import"./p-b497e33e.js";const o=class{constructor(n){i(this,n),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}emitFlipCard(i=!1){this.flipCard.emit(i)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(this.contentWrapper||this.infoWrapper){if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)return this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",void(this.hiddenContent=!0);this.hiddenContent=!1}else this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,t;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,s=null===(t=null==this?void 0:this.cardData)||void 0===t?void 0:t.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),e,n("br",null),s)}renderAuthor(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return t?n("span",null,"Autore: ",n("b",null,t),n("br",null)):null}renderYear(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return t?n("span",null,"Anno: ",n("b",null,t),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:s,description:o}=this.cardData;return n("z-popover",{position:e.RIGHT,onClick:()=>this.tooltip=!1},`${i} ${t} ${s} ${o}`)}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili: ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",null,this.renderCloseIcon(),n("div",{class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{class:"cta-wrapper"},n("slot",null)))}};o.style=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';export{o as z_myz_card_info}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as e}from"./p-d17ebc2f.js";import{L as t}from"./p-
|
|
1
|
+
import{r,h as e}from"./p-d17ebc2f.js";import{L as t}from"./p-1cc1a418.js";const a=class{constructor(e){r(this,e),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let r="";return this.cardtype===t.REAL?r+="real":this.cardtype===t.TRIAL?r+="trial":this.cardtype===t.TEMP&&(r+="temp"),this.faded?r+=" faded":this.ispressed?r+=" pressed":this.ishighlighted&&(r+=" highlighted"),r}render(){return e("div",{class:this.retrieveClass(),tabindex:"0"},e("slot",null))}};a.style=":host{--card-overflow:hidden}div{display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;box-sizing:border-box;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";const i=class{constructor(e){r(this,e)}render(){return e("div",null,e("slot",{name:"alert"}),e("slot",{name:"cover"}))}};i.style=":host{width:auto;height:340px}:host>div{position:relative;display:flex;width:auto;height:340px;align-items:center;justify-content:center}";const o=class{constructor(e){r(this,e)}hadleOnImageError(){this.img=this.defaultimg}render(){return e("img",{class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};o.style="img{display:block;max-width:100%;height:340px;margin:auto;object-fit:cover}img.faded{opacity:0.3}";const s=class{constructor(e){r(this,e),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===t.REAL,trial:this.cardtype===t.TRIAL,temp:this.cardtype===t.TEMP,faded:this.faded}}render(){return e("header",{class:this.retrieveClass()},e("slot",{name:"aria-heading"}),e("span",{class:"card-title",ref:r=>this.ellipsis=r,title:this.getTitle()},this.titolo),e("slot",{name:"icon"}))}};s.style='header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name="aria-heading"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--accent);background-color:var(--accent-lighter)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}';export{a as z_myz_card,i as z_myz_card_body,o as z_myz_card_cover,s as z_myz_card_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,g as s}from"./p-d17ebc2f.js";import{r as o}from"./p-1cc1a418.js";import{h as a}from"./p-0397366d.js";import{h as r}from"./p-e43e61ac.js";import"./p-b497e33e.js";import"./p-112455b1.js";const n=class{constructor(e){t(this,e),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.PREVIEW}async open(){this.status=o.OPEN}async close(){this.status=o.CLOSED}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.PREVIEW:case o.CLOSED:this.status=o.OPEN;break;case o.OPEN:this.status=o.CLOSED}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.OPEN:"down"===t.detail.direction&&(this.status=o.CLOSED))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return e("div",null,e("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),e("div",{id:this.pocketid,class:"content-wrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{width:inherit;height:100%;margin:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:0;height:0}:host>div>div.background.open{width:100%;height:100%}:host>div>div.content-wrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.content-wrapper>div{margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);border-radius:var(--space-unit) var(--space-unit) 0 0;box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%)}";const h=class{constructor(i){t(this,i),this.status=o.PREVIEW}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return e("main",{class:this.status},e("slot",null))}};h.style=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>main{overflow:auto;border-right:var(--border-size-small) solid var(--color-surface03);border-left:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(e){t(this,e),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return e("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},e("slot",null))}};c.style=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>header{display:flex;height:36px;flex-flow:row nowrap;align-items:center;justify-content:center;border:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);border-radius:var(--space-unit) var(--space-unit) 0 0;cursor:pointer}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}
|