@zanichelli/albe-web-components 19.2.6 → 19.2.8-RC1
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 +10 -0
- package/dist/cjs/index-D_S5lGcb.js +4 -4
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-Ctc6JP2n.js → utils-BY7xrW7W.js} +6 -0
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-app-header_12.cjs.entry.js +141 -211
- package/dist/cjs/z-book-card-deprecated.cjs.entry.js +1 -1
- package/dist/cjs/z-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/z-color-picker.cjs.entry.js +1 -1
- package/dist/cjs/z-combobox.cjs.entry.js +7 -5
- package/dist/cjs/z-menu.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-icon.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card-list.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card_4.cjs.entry.js +4 -4
- package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-list.cjs.entry.js +1 -1
- package/dist/cjs/z-otp.cjs.entry.js +2 -2
- package/dist/cjs/z-popover.cjs.entry.js +1 -1
- package/dist/cjs/z-select.cjs.entry.js +4 -8
- package/dist/cjs/z-skip-to-content.cjs.entry.js +2 -2
- package/dist/cjs/z-slideshow.cjs.entry.js +1 -1
- package/dist/cjs/z-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/z-stepper.cjs.entry.js +1 -1
- package/dist/cjs/z-table.cjs.entry.js +1 -1
- package/dist/cjs/z-td.cjs.entry.js +3 -3
- package/dist/cjs/z-th.cjs.entry.js +5 -3
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.cjs.entry.js +95 -34
- package/dist/cjs/z-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/z-toggle-switch.cjs.entry.js +4 -4
- package/dist/cjs/z-tool.cjs.entry.js +3 -3
- package/dist/cjs/z-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/z-tr.cjs.entry.js +1 -1
- package/dist/collection/components/css-components/z-scrollbar/styles.css +40 -0
- package/dist/collection/components/table/cells/{z-td/styles.css → z-table-cells.css} +0 -1
- package/dist/collection/components/table/cells/z-td/index.js +3 -3
- package/dist/collection/components/table/cells/z-th/index.js +3 -3
- package/dist/collection/components/table/cells/z-th/styles.css +0 -72
- package/dist/collection/components/z-app-header/index.js +21 -2
- package/dist/collection/components/z-app-header/index.stories.js +25 -9
- package/dist/collection/components/z-combobox/index.js +5 -5
- package/dist/collection/components/z-combobox/styles.css +0 -12
- package/dist/collection/components/z-input/index.js +51 -32
- package/dist/collection/components/z-input/styles-checkbox-radio.css +130 -0
- package/dist/collection/components/z-input/styles-general.css +166 -0
- package/dist/collection/components/z-input/styles-text.css +87 -0
- package/dist/collection/components/z-input/styles-textarea.css +19 -0
- package/dist/collection/components/z-searchbar/index.js +133 -193
- package/dist/collection/components/z-searchbar/index.stories.js +12 -16
- package/dist/collection/components/z-searchbar/styles.css +87 -201
- package/dist/collection/components/z-select/index.js +4 -8
- package/dist/collection/components/z-skip-to-content/index.js +1 -1
- package/dist/collection/components/z-stepper/index.js +1 -1
- package/dist/collection/components/z-stepper-item/index.js +1 -1
- package/dist/collection/components/z-toast-notification/index.js +3 -3
- package/dist/collection/components/z-toast-notification-list/index.js +1 -1
- package/dist/collection/components/z-toggle-button/index.js +2 -2
- package/dist/collection/components/z-toggle-switch/index.js +3 -3
- package/dist/collection/components/z-tool/index.js +2 -2
- package/dist/collection/components/z-toolbar/index.js +1 -1
- package/dist/collection/components/z-tooltip/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +1 -1
- package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +1 -1
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +1 -1
- package/dist/collection/snowflakes/myz/z-alert/index.js +1 -1
- package/dist/collection/snowflakes/myz/z-otp/index.js +2 -2
- package/dist/collection/utils/utils.js +5 -0
- package/dist/components/index13.js +1 -1
- package/dist/components/index17.js +1 -1
- package/dist/components/index22.js +1 -1
- package/dist/components/index23.js +1 -1
- package/dist/components/index24.js +1 -1
- package/dist/components/index25.js +1 -1
- package/dist/components/index26.js +1 -1
- package/dist/components/index27.js +1 -1
- package/dist/components/index4.js +1 -1
- package/dist/components/index7.js +1 -1
- package/dist/components/utils.js +1 -1
- package/dist/components/z-app-header.js +1 -1
- package/dist/components/z-combobox.js +1 -1
- package/dist/components/z-myz-card-alert.js +1 -1
- package/dist/components/z-myz-card-dictionary.js +1 -1
- package/dist/components/z-myz-card-footer-sections.js +1 -1
- package/dist/components/z-myz-card-footer.js +1 -1
- package/dist/components/z-myz-card-icon.js +1 -1
- package/dist/components/z-myz-card-info.js +1 -1
- package/dist/components/z-myz-card-list.js +1 -1
- package/dist/components/z-myz-list.js +1 -1
- package/dist/components/z-otp.js +1 -1
- package/dist/components/z-select.js +1 -1
- package/dist/components/z-skip-to-content.js +1 -1
- package/dist/components/z-slideshow.js +1 -1
- package/dist/components/z-stepper-item.js +1 -1
- package/dist/components/z-stepper.js +1 -1
- package/dist/components/z-td.js +1 -1
- package/dist/components/z-th.js +1 -1
- package/dist/components/z-toast-notification-list.js +1 -1
- package/dist/components/z-toast-notification.js +1 -1
- package/dist/components/z-toggle-button.js +1 -1
- package/dist/components/z-toggle-switch.js +1 -1
- package/dist/components/z-tool.js +1 -1
- package/dist/components/z-toolbar.js +1 -1
- package/dist/esm/index-DPdXlnVe.js +4 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-0PByxJyN.js → utils-BEzZQwOB.js} +7 -2
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-alert.entry.js +1 -1
- package/dist/esm/z-app-header_12.entry.js +142 -212
- package/dist/esm/z-book-card-deprecated.entry.js +1 -1
- package/dist/esm/z-breadcrumb.entry.js +1 -1
- package/dist/esm/z-color-picker.entry.js +1 -1
- package/dist/esm/z-combobox.entry.js +7 -5
- package/dist/esm/z-menu.entry.js +1 -1
- package/dist/esm/z-myz-card-alert.entry.js +1 -1
- package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
- package/dist/esm/z-myz-card-footer-sections.entry.js +1 -1
- package/dist/esm/z-myz-card-footer.entry.js +1 -1
- package/dist/esm/z-myz-card-icon.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +2 -2
- package/dist/esm/z-myz-card-list.entry.js +1 -1
- package/dist/esm/z-myz-card_4.entry.js +4 -4
- package/dist/esm/z-myz-list-item.entry.js +2 -2
- package/dist/esm/z-myz-list.entry.js +1 -1
- package/dist/esm/z-otp.entry.js +2 -2
- package/dist/esm/z-popover.entry.js +1 -1
- package/dist/esm/z-select.entry.js +4 -8
- package/dist/esm/z-skip-to-content.entry.js +2 -2
- package/dist/esm/z-slideshow.entry.js +1 -1
- package/dist/esm/z-stepper-item.entry.js +1 -1
- package/dist/esm/z-stepper.entry.js +1 -1
- package/dist/esm/z-table.entry.js +1 -1
- package/dist/esm/z-td.entry.js +3 -3
- package/dist/esm/z-th.entry.js +5 -3
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +95 -34
- package/dist/esm/z-toggle-button.entry.js +2 -2
- package/dist/esm/z-toggle-switch.entry.js +4 -4
- package/dist/esm/z-tool.entry.js +3 -3
- package/dist/esm/z-toolbar.entry.js +1 -1
- package/dist/esm/z-tooltip.entry.js +1 -1
- package/dist/esm/z-tr.entry.js +1 -1
- package/dist/types/components/z-app-header/index.d.ts +4 -0
- package/dist/types/components/z-app-header/index.stories.d.ts +7 -0
- package/dist/types/components/z-input/index.d.ts +6 -4
- package/dist/types/components/z-searchbar/index.d.ts +26 -28
- package/dist/types/components/z-searchbar/index.stories.d.ts +4 -0
- package/dist/types/components/z-select/index.d.ts +0 -1
- package/dist/types/components.d.ts +46 -17
- package/dist/types/utils/utils.d.ts +2 -0
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/{p-19d3a16b.entry.js → p-0105149a.entry.js} +1 -1
- package/dist/web-components-library/p-0da8eae7.entry.js +1 -0
- package/dist/web-components-library/{p-5fa910e4.entry.js → p-13e7f751.entry.js} +1 -1
- package/dist/web-components-library/{p-45866f64.entry.js → p-1580db58.entry.js} +1 -1
- package/dist/web-components-library/{p-eed4e897.entry.js → p-20d94cce.entry.js} +1 -1
- package/dist/web-components-library/{p-2ce3ac48.entry.js → p-271dfd9c.entry.js} +1 -1
- package/dist/web-components-library/{p-e2d94c86.entry.js → p-2abf765d.entry.js} +1 -1
- package/dist/web-components-library/{p-5b9cacd7.entry.js → p-2df6d169.entry.js} +1 -1
- package/dist/web-components-library/{p-de0b7109.entry.js → p-313fc91d.entry.js} +1 -1
- package/dist/web-components-library/p-41584e90.entry.js +1 -0
- package/dist/web-components-library/p-4a434f6e.entry.js +1 -0
- package/dist/web-components-library/{p-7a9d19b8.entry.js → p-4d1b3d16.entry.js} +1 -1
- package/dist/web-components-library/p-53670be4.entry.js +1 -0
- package/dist/web-components-library/{p-538a1bd2.entry.js → p-5d20fc3d.entry.js} +1 -1
- package/dist/web-components-library/p-61992f12.entry.js +1 -0
- package/dist/web-components-library/{p-d11d39f5.entry.js → p-62d2247e.entry.js} +1 -1
- package/dist/web-components-library/{p-7d9477ed.entry.js → p-64c025f6.entry.js} +1 -1
- package/dist/web-components-library/{p-364b0ca4.entry.js → p-658f022d.entry.js} +1 -1
- package/dist/web-components-library/{p-6fb8a984.entry.js → p-660737b0.entry.js} +1 -1
- package/dist/web-components-library/p-7371a543.entry.js +2 -0
- package/dist/web-components-library/{p-f94c360f.entry.js → p-788eaac7.entry.js} +1 -1
- package/dist/web-components-library/{p-c6ae9241.entry.js → p-88a3ba7c.entry.js} +1 -1
- package/{www/build/p-c6920758.entry.js → dist/web-components-library/p-89daaeb5.entry.js} +1 -1
- package/dist/web-components-library/p-B0bOjMSb.js +1 -0
- package/dist/web-components-library/{p-f5bbcaa6.entry.js → p-a4f673f8.entry.js} +1 -1
- package/{www/build/p-4ae7df7f.entry.js → dist/web-components-library/p-b01ff8e6.entry.js} +1 -1
- package/dist/web-components-library/{p-2d6a4515.entry.js → p-b6223d7e.entry.js} +1 -1
- package/dist/web-components-library/{p-7835fdda.entry.js → p-b9343431.entry.js} +1 -1
- package/dist/web-components-library/{p-c539ae57.entry.js → p-c42ddd93.entry.js} +1 -1
- package/{www/build/p-eadf2552.entry.js → dist/web-components-library/p-c4e7bd16.entry.js} +1 -1
- package/dist/web-components-library/{p-3f996a63.entry.js → p-c944a943.entry.js} +1 -1
- package/dist/web-components-library/{p-19f5fdd3.entry.js → p-cd33f4b1.entry.js} +1 -1
- package/dist/web-components-library/{p-a40ae683.entry.js → p-ce3bbaf2.entry.js} +1 -1
- package/dist/web-components-library/p-d121122f.entry.js +1 -0
- package/dist/web-components-library/p-dc5ab2cc.entry.js +1 -0
- package/dist/web-components-library/{p-91503030.entry.js → p-ef5018bb.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +5 -4
- package/www/build/index.esm.js +1 -1
- package/www/build/{p-19d3a16b.entry.js → p-0105149a.entry.js} +1 -1
- package/www/build/p-0da8eae7.entry.js +1 -0
- package/www/build/{p-5fa910e4.entry.js → p-13e7f751.entry.js} +1 -1
- package/www/build/{p-45866f64.entry.js → p-1580db58.entry.js} +1 -1
- package/www/build/{p-eed4e897.entry.js → p-20d94cce.entry.js} +1 -1
- package/www/build/{p-2ce3ac48.entry.js → p-271dfd9c.entry.js} +1 -1
- package/www/build/{p-e2d94c86.entry.js → p-2abf765d.entry.js} +1 -1
- package/www/build/{p-5b9cacd7.entry.js → p-2df6d169.entry.js} +1 -1
- package/www/build/{p-de0b7109.entry.js → p-313fc91d.entry.js} +1 -1
- package/www/build/p-41584e90.entry.js +1 -0
- package/www/build/p-4a434f6e.entry.js +1 -0
- package/www/build/{p-7a9d19b8.entry.js → p-4d1b3d16.entry.js} +1 -1
- package/www/build/p-53670be4.entry.js +1 -0
- package/www/build/{p-538a1bd2.entry.js → p-5d20fc3d.entry.js} +1 -1
- package/www/build/p-61992f12.entry.js +1 -0
- package/www/build/{p-d11d39f5.entry.js → p-62d2247e.entry.js} +1 -1
- package/www/build/{p-7d9477ed.entry.js → p-64c025f6.entry.js} +1 -1
- package/www/build/{p-364b0ca4.entry.js → p-658f022d.entry.js} +1 -1
- package/www/build/{p-6fb8a984.entry.js → p-660737b0.entry.js} +1 -1
- package/www/build/p-7371a543.entry.js +2 -0
- package/www/build/{p-f94c360f.entry.js → p-788eaac7.entry.js} +1 -1
- package/www/build/{p-c6ae9241.entry.js → p-88a3ba7c.entry.js} +1 -1
- package/{dist/web-components-library/p-c6920758.entry.js → www/build/p-89daaeb5.entry.js} +1 -1
- package/www/build/p-B0bOjMSb.js +1 -0
- package/www/build/{p-f5bbcaa6.entry.js → p-a4f673f8.entry.js} +1 -1
- package/{dist/web-components-library/p-4ae7df7f.entry.js → www/build/p-b01ff8e6.entry.js} +1 -1
- package/www/build/{p-2d6a4515.entry.js → p-b6223d7e.entry.js} +1 -1
- package/www/build/{p-804ab9a4.js → p-b82f3aad.js} +1 -1
- package/www/build/{p-7835fdda.entry.js → p-b9343431.entry.js} +1 -1
- package/www/build/{p-c539ae57.entry.js → p-c42ddd93.entry.js} +1 -1
- package/{dist/web-components-library/p-eadf2552.entry.js → www/build/p-c4e7bd16.entry.js} +1 -1
- package/www/build/{p-3f996a63.entry.js → p-c944a943.entry.js} +1 -1
- package/www/build/{p-19f5fdd3.entry.js → p-cd33f4b1.entry.js} +1 -1
- package/www/build/{p-a40ae683.entry.js → p-ce3bbaf2.entry.js} +1 -1
- package/www/build/p-d121122f.entry.js +1 -0
- package/www/build/p-dc5ab2cc.entry.js +1 -0
- package/www/build/{p-91503030.entry.js → p-ef5018bb.entry.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/collection/components/z-input/styles.css +0 -406
- package/dist/web-components-library/p-32440f4c.entry.js +0 -1
- package/dist/web-components-library/p-550ee6c3.entry.js +0 -1
- package/dist/web-components-library/p-8fd25c59.entry.js +0 -2
- package/dist/web-components-library/p-D4yqZKyM.js +0 -1
- package/dist/web-components-library/p-a9f848ef.entry.js +0 -1
- package/dist/web-components-library/p-ab50e989.entry.js +0 -1
- package/dist/web-components-library/p-ae69bb7d.entry.js +0 -1
- package/dist/web-components-library/p-f3436721.entry.js +0 -1
- package/dist/web-components-library/p-fc15a666.entry.js +0 -1
- package/www/build/p-32440f4c.entry.js +0 -1
- package/www/build/p-550ee6c3.entry.js +0 -1
- package/www/build/p-8fd25c59.entry.js +0 -2
- package/www/build/p-D4yqZKyM.js +0 -1
- package/www/build/p-a9f848ef.entry.js +0 -1
- package/www/build/p-ab50e989.entry.js +0 -1
- package/www/build/p-ae69bb7d.entry.js +0 -1
- package/www/build/p-f3436721.entry.js +0 -1
- package/www/build/p-fc15a666.entry.js +0 -1
|
@@ -24,6 +24,7 @@ declare const StoryMeta: {
|
|
|
24
24
|
preventSubmit: false;
|
|
25
25
|
showSearchButton: false;
|
|
26
26
|
searchButtonIconOnly: false;
|
|
27
|
+
searchButtonLabel: string;
|
|
27
28
|
autocomplete: false;
|
|
28
29
|
autocompleteMinChars: number;
|
|
29
30
|
resultsCount: any;
|
|
@@ -65,6 +66,7 @@ export declare const Autocomplete: {
|
|
|
65
66
|
htmlid: string;
|
|
66
67
|
showSearchButton: false;
|
|
67
68
|
searchButtonIconOnly: false;
|
|
69
|
+
searchButtonLabel: string;
|
|
68
70
|
};
|
|
69
71
|
render: (args: ZSearchbarStoriesArgs) => import("lit-html").TemplateResult<1>;
|
|
70
72
|
};
|
|
@@ -74,6 +76,7 @@ export declare const AutocompleteWithComplexItems: {
|
|
|
74
76
|
htmlid: string;
|
|
75
77
|
showSearchButton: false;
|
|
76
78
|
searchButtonIconOnly: false;
|
|
79
|
+
searchButtonLabel: string;
|
|
77
80
|
resultsItems: ({
|
|
78
81
|
label: string;
|
|
79
82
|
icon: string;
|
|
@@ -99,6 +102,7 @@ export declare const AutocompleteWithComplexTreeItems: {
|
|
|
99
102
|
htmlid: string;
|
|
100
103
|
showSearchButton: false;
|
|
101
104
|
searchButtonIconOnly: false;
|
|
105
|
+
searchButtonLabel: string;
|
|
102
106
|
resultsItems: ({
|
|
103
107
|
label: string;
|
|
104
108
|
icon: string;
|
|
@@ -139,6 +139,10 @@ export namespace Components {
|
|
|
139
139
|
* @default true
|
|
140
140
|
*/
|
|
141
141
|
"enableZLogo": boolean;
|
|
142
|
+
/**
|
|
143
|
+
* Label of the search button.
|
|
144
|
+
*/
|
|
145
|
+
"searchButtonLabel"?: string;
|
|
142
146
|
/**
|
|
143
147
|
* Url to the search page. Set this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar. The link will also appear on the sticky header.
|
|
144
148
|
*/
|
|
@@ -1110,7 +1114,7 @@ export namespace Components {
|
|
|
1110
1114
|
*/
|
|
1111
1115
|
"htmlAriaControls"?: string;
|
|
1112
1116
|
/**
|
|
1113
|
-
* input
|
|
1117
|
+
* the input aria-describedby (optional)
|
|
1114
1118
|
*/
|
|
1115
1119
|
"htmlAriaDescribedBy"?: string;
|
|
1116
1120
|
/**
|
|
@@ -1118,6 +1122,10 @@ export namespace Components {
|
|
|
1118
1122
|
* @default ""
|
|
1119
1123
|
*/
|
|
1120
1124
|
"htmlAriaExpanded": string;
|
|
1125
|
+
/**
|
|
1126
|
+
* the input aria-labelledby (optional)
|
|
1127
|
+
*/
|
|
1128
|
+
"htmlAriaLabelledby"?: string;
|
|
1121
1129
|
/**
|
|
1122
1130
|
* the id of the input element
|
|
1123
1131
|
* @default `id-${randomId()}`
|
|
@@ -2100,16 +2108,16 @@ export namespace Components {
|
|
|
2100
2108
|
*/
|
|
2101
2109
|
"autocompleteMinChars"?: number;
|
|
2102
2110
|
/**
|
|
2103
|
-
*
|
|
2111
|
+
* The input aria-label
|
|
2104
2112
|
*/
|
|
2105
2113
|
"htmlAriaLabel"?: string;
|
|
2106
2114
|
/**
|
|
2107
|
-
*
|
|
2115
|
+
* The id of the searchbar element
|
|
2108
2116
|
* @default `searchbar-${randomId()}`
|
|
2109
2117
|
*/
|
|
2110
2118
|
"htmlid": string;
|
|
2111
2119
|
/**
|
|
2112
|
-
*
|
|
2120
|
+
* The input label
|
|
2113
2121
|
*/
|
|
2114
2122
|
"label"?: string;
|
|
2115
2123
|
/**
|
|
@@ -2122,7 +2130,7 @@ export namespace Components {
|
|
|
2122
2130
|
*/
|
|
2123
2131
|
"preventSubmit"?: boolean;
|
|
2124
2132
|
/**
|
|
2125
|
-
* Number of results shown
|
|
2133
|
+
* Number of results shown. Default: all
|
|
2126
2134
|
*/
|
|
2127
2135
|
"resultsCount"?: number;
|
|
2128
2136
|
/**
|
|
@@ -2130,10 +2138,15 @@ export namespace Components {
|
|
|
2130
2138
|
*/
|
|
2131
2139
|
"resultsItems"?: SearchbarItem[] | string;
|
|
2132
2140
|
/**
|
|
2133
|
-
*
|
|
2141
|
+
* Hide the label of the submit button, showing only the icon
|
|
2134
2142
|
* @default false
|
|
2135
2143
|
*/
|
|
2136
2144
|
"searchButtonIconOnly"?: boolean;
|
|
2145
|
+
/**
|
|
2146
|
+
* The label of the submit button
|
|
2147
|
+
* @default "CERCA"
|
|
2148
|
+
*/
|
|
2149
|
+
"searchButtonLabel"?: string;
|
|
2137
2150
|
/**
|
|
2138
2151
|
* Search helper text
|
|
2139
2152
|
* @default "Cerca {searchString}"
|
|
@@ -2145,7 +2158,7 @@ export namespace Components {
|
|
|
2145
2158
|
*/
|
|
2146
2159
|
"showSearchButton"?: boolean;
|
|
2147
2160
|
/**
|
|
2148
|
-
*
|
|
2161
|
+
* Size of the `z-input` and submit `z-button`
|
|
2149
2162
|
* @default ControlSize.BIG
|
|
2150
2163
|
*/
|
|
2151
2164
|
"size"?: ControlSize;
|
|
@@ -2159,7 +2172,7 @@ export namespace Components {
|
|
|
2159
2172
|
*/
|
|
2160
2173
|
"value"?: string;
|
|
2161
2174
|
/**
|
|
2162
|
-
*
|
|
2175
|
+
* Submit `z-button` variant
|
|
2163
2176
|
* @default ButtonVariant.PRIMARY
|
|
2164
2177
|
*/
|
|
2165
2178
|
"variant"?: ButtonVariant;
|
|
@@ -4390,6 +4403,10 @@ declare namespace LocalJSX {
|
|
|
4390
4403
|
* Emitted when the `stuck` state of the header changes
|
|
4391
4404
|
*/
|
|
4392
4405
|
"onSticking"?: (event: ZAppHeaderCustomEvent<any>) => void;
|
|
4406
|
+
/**
|
|
4407
|
+
* Label of the search button.
|
|
4408
|
+
*/
|
|
4409
|
+
"searchButtonLabel"?: string;
|
|
4393
4410
|
/**
|
|
4394
4411
|
* Url to the search page. Set this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar. The link will also appear on the sticky header.
|
|
4395
4412
|
*/
|
|
@@ -5421,7 +5438,7 @@ declare namespace LocalJSX {
|
|
|
5421
5438
|
*/
|
|
5422
5439
|
"htmlAriaControls"?: string;
|
|
5423
5440
|
/**
|
|
5424
|
-
* input
|
|
5441
|
+
* the input aria-describedby (optional)
|
|
5425
5442
|
*/
|
|
5426
5443
|
"htmlAriaDescribedBy"?: string;
|
|
5427
5444
|
/**
|
|
@@ -5429,6 +5446,10 @@ declare namespace LocalJSX {
|
|
|
5429
5446
|
* @default ""
|
|
5430
5447
|
*/
|
|
5431
5448
|
"htmlAriaExpanded"?: string;
|
|
5449
|
+
/**
|
|
5450
|
+
* the input aria-labelledby (optional)
|
|
5451
|
+
*/
|
|
5452
|
+
"htmlAriaLabelledby"?: string;
|
|
5432
5453
|
/**
|
|
5433
5454
|
* the id of the input element
|
|
5434
5455
|
* @default `id-${randomId()}`
|
|
@@ -6519,16 +6540,16 @@ declare namespace LocalJSX {
|
|
|
6519
6540
|
*/
|
|
6520
6541
|
"autocompleteMinChars"?: number;
|
|
6521
6542
|
/**
|
|
6522
|
-
*
|
|
6543
|
+
* The input aria-label
|
|
6523
6544
|
*/
|
|
6524
6545
|
"htmlAriaLabel"?: string;
|
|
6525
6546
|
/**
|
|
6526
|
-
*
|
|
6547
|
+
* The id of the searchbar element
|
|
6527
6548
|
* @default `searchbar-${randomId()}`
|
|
6528
6549
|
*/
|
|
6529
6550
|
"htmlid"?: string;
|
|
6530
6551
|
/**
|
|
6531
|
-
*
|
|
6552
|
+
* The input label
|
|
6532
6553
|
*/
|
|
6533
6554
|
"label"?: string;
|
|
6534
6555
|
/**
|
|
@@ -6553,7 +6574,7 @@ declare namespace LocalJSX {
|
|
|
6553
6574
|
*/
|
|
6554
6575
|
"preventSubmit"?: boolean;
|
|
6555
6576
|
/**
|
|
6556
|
-
* Number of results shown
|
|
6577
|
+
* Number of results shown. Default: all
|
|
6557
6578
|
*/
|
|
6558
6579
|
"resultsCount"?: number;
|
|
6559
6580
|
/**
|
|
@@ -6561,10 +6582,15 @@ declare namespace LocalJSX {
|
|
|
6561
6582
|
*/
|
|
6562
6583
|
"resultsItems"?: SearchbarItem[] | string;
|
|
6563
6584
|
/**
|
|
6564
|
-
*
|
|
6585
|
+
* Hide the label of the submit button, showing only the icon
|
|
6565
6586
|
* @default false
|
|
6566
6587
|
*/
|
|
6567
6588
|
"searchButtonIconOnly"?: boolean;
|
|
6589
|
+
/**
|
|
6590
|
+
* The label of the submit button
|
|
6591
|
+
* @default "CERCA"
|
|
6592
|
+
*/
|
|
6593
|
+
"searchButtonLabel"?: string;
|
|
6568
6594
|
/**
|
|
6569
6595
|
* Search helper text
|
|
6570
6596
|
* @default "Cerca {searchString}"
|
|
@@ -6576,7 +6602,7 @@ declare namespace LocalJSX {
|
|
|
6576
6602
|
*/
|
|
6577
6603
|
"showSearchButton"?: boolean;
|
|
6578
6604
|
/**
|
|
6579
|
-
*
|
|
6605
|
+
* Size of the `z-input` and submit `z-button`
|
|
6580
6606
|
* @default ControlSize.BIG
|
|
6581
6607
|
*/
|
|
6582
6608
|
"size"?: ControlSize;
|
|
@@ -6590,7 +6616,7 @@ declare namespace LocalJSX {
|
|
|
6590
6616
|
*/
|
|
6591
6617
|
"value"?: string;
|
|
6592
6618
|
/**
|
|
6593
|
-
*
|
|
6619
|
+
* Submit `z-button` variant
|
|
6594
6620
|
* @default ButtonVariant.PRIMARY
|
|
6595
6621
|
*/
|
|
6596
6622
|
"variant"?: ButtonVariant;
|
|
@@ -7149,6 +7175,7 @@ declare namespace LocalJSX {
|
|
|
7149
7175
|
"enableOffcanvas": boolean;
|
|
7150
7176
|
"enableSearch": boolean;
|
|
7151
7177
|
"searchPlaceholder": string;
|
|
7178
|
+
"searchButtonLabel": string;
|
|
7152
7179
|
"searchString": string;
|
|
7153
7180
|
"searchPageUrl": string;
|
|
7154
7181
|
"enableZLogo": boolean;
|
|
@@ -7373,6 +7400,8 @@ declare namespace LocalJSX {
|
|
|
7373
7400
|
"htmlAriaControls": string;
|
|
7374
7401
|
"htmlAriaAutocomplete": string;
|
|
7375
7402
|
"htmlAriaActivedescendant": string;
|
|
7403
|
+
"htmlAriaDescribedBy": string;
|
|
7404
|
+
"htmlAriaLabelledby": string;
|
|
7376
7405
|
"value": string;
|
|
7377
7406
|
"disabled": boolean;
|
|
7378
7407
|
"readonly": boolean;
|
|
@@ -7382,7 +7411,6 @@ declare namespace LocalJSX {
|
|
|
7382
7411
|
"htmltitle": string;
|
|
7383
7412
|
"status": InputStatus;
|
|
7384
7413
|
"message": string;
|
|
7385
|
-
"htmlAriaDescribedBy": string;
|
|
7386
7414
|
"labelPosition": LabelPosition;
|
|
7387
7415
|
"autocomplete": string;
|
|
7388
7416
|
"role": string;
|
|
@@ -7632,6 +7660,7 @@ declare namespace LocalJSX {
|
|
|
7632
7660
|
"sortResultsItems": boolean;
|
|
7633
7661
|
"showSearchButton": boolean;
|
|
7634
7662
|
"searchButtonIconOnly": boolean;
|
|
7663
|
+
"searchButtonLabel": string;
|
|
7635
7664
|
"size": ControlSize;
|
|
7636
7665
|
"variant": ButtonVariant;
|
|
7637
7666
|
}
|
|
@@ -61,4 +61,6 @@ export declare function isElementVisibleInContainer(element: HTMLElement, contai
|
|
|
61
61
|
export declare function findContainingBlockAncestor(element: HTMLElement): HTMLElement;
|
|
62
62
|
/** Convert HTML to plain text */
|
|
63
63
|
export declare const getPlainText: (html: string) => string;
|
|
64
|
+
/** Convert string to hex */
|
|
65
|
+
export declare const encodeString: (string: string) => string;
|
|
64
66
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as aa}from"./p-
|
|
1
|
+
import{c as aa}from"./p-B0bOjMSb.js";export{_ as AccordionVariant,o as AlertType,A as AvatarSize,Y as BookCardDeprecatedVariant,X as BookCardVariant,V as BreadcrumbHomepageVariant,U as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,Q as CarouselArrowsPosition,R as CarouselProgressMode,a0 as ColorPickerPalette,e as ControlSize,M as CoverHeroContentPosition,J as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,$ as IconPosition,H as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,O as OffCanvasVariant,P as PopoverPosition,S as SortDirection,T as ThemeVariant,q as ToastNotification,s as ToastNotificationPosition,r as ToastNotificationTransition,u as TransitionDirection,W as VisibilityCondition,t as ZAriaAlertMode,w as ZChipType,y as ZDatePickerMode,z as ZDatePickerModeValue,F as ZDatePickerPosition,v as ZFileUploadType,G as ZRangePickerMode,x as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-BKCj6NR2.js";export{I as ICONS}from"./p-CjHS9zeM.js";import"./p-Q-tWjk7P.js";const ia={colorFromId:aa};export{ia as Utils}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as s}from"./p-DPdXlnVe.js";import{h as a}from"./p-
|
|
1
|
+
import{r as i,c as t,h as s}from"./p-DPdXlnVe.js";import{h as a}from"./p-B0bOjMSb.js";import"./p-BKCj6NR2.js";import"./p-Q-tWjk7P.js";const e=class{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}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)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{key:"09e6ff232f05fda0714becf9e1197c174f4d8a70",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",{key:"5af77b520ee760061280a3e1bc7f0a14a935abe4",class:this.underlined&&"border"},this.icon&&s("z-icon",{key:"5d850a4a1e5b5390c8d24529df96c65eda11f8e9",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",{key:"9d581e10a76a3affba423defd8d468d6485d347a"})))}};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(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);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(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}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(--color-primary01);fill:var(--color-primary01)}";export{e as z_myz_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as s,d as i}from"./p-DPdXlnVe.js";import{e as l,g as c,i as r,l as n}from"./p-BKCj6NR2.js";import{r as o,e as a,b as h,d,f as z,i as p}from"./p-B0bOjMSb.js";import"./p-Q-tWjk7P.js";const u=class{constructor(s){e(this,s),this.optionSelect=t(this,"optionSelect",7),this.resetSelect=t(this,"resetSelect",7),this.htmlid=`id-${o()}`,this.items=[],this.ariaLabel="",this.disabled=!1,this.readonly=!1,this.message=!0,this.autocomplete=!1,this.noresultslabel="Nessun risultato",this.isfixed=!1,this.size=l.BIG,this.isOpen=!1,this.selectedItem=null,this.itemsList=[],this.toggleSelectUl=this.toggleSelectUl.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItem=this.findSelectedItem(this.itemsList)}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];"string"==typeof e?t.push(e):t=e,this.itemsList=this.getInitialItemsArray(),t.length&&this.updateSelection(this.itemsList,t[0]),this.selectedItem=this.findSelectedItem(this.itemsList)}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}emitResetSelect(){this.resetSelect.emit({id:this.htmlid})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return"string"==typeof this.items?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){var e;const t=this.getInitialItemsArray();return this.updateSelection(t,null===(e=this.selectedItem)||void 0===e?void 0:e.id),t}getSelectedValue(){var e;return null===(e=this.selectedItem)||void 0===e?void 0:e.id}getOptionId(e){return`${this.htmlid}_key_${a(e.id)}`}getResetOptionId(){return`${this.htmlid}_key_reset`}getGroupedItems(){return this.itemsList.length?Object.entries(this.itemsList.reduce(((e,t)=>{const s=t.category||"Altra categoria";return e[s]=e[s]||[],e[s].push(t),e}),{})):[]}filterItems(e){let t=this.mapSelectedItemToItemsArray();(null==e?void 0:e.length)?(t=t.map((e=>Object.assign(Object.assign({},e),{name:h(e.name)}))),this.itemsList=this.hasTreeItems?this.filterTree(t,e,!1):t.filter((t=>t.name.toUpperCase().includes(e.toUpperCase()))).map((t=>(t.name=this.getHighlightedText(t.name,e),t)))):this.itemsList=t}filterTree(e,t,s){return e?e.map((e=>{const i=e.name.toUpperCase().includes(t.toUpperCase()),l=Object.assign({},e);return l.children&&l.children.length>0&&(l.children=this.filterTree(l.children.map((e=>Object.assign(Object.assign({},e),{name:h(e.name)}))),t,i)),i&&(l.name=this.getHighlightedText(l.name,t)),i||l.children&&l.children.length>0||this.showChildrenOfMatchingParent&&s?l:null})).filter((e=>null!==e)):[]}getHighlightedText(e,t){const s=e.toUpperCase(),i=t.toUpperCase(),l=s.indexOf(i);if(-1===l)return e;const c=l+t.length;return e.substring(0,l)+`<strong>${e.substring(l,c)}</strong>`+e.substring(c)}hasAutocomplete(){return!0===d(this.autocomplete)}handleInputChange(e){this.searchString=e.detail.value,this.isOpen||this.toggleSelectUl()}updateSelection(e,t){e&&e.forEach((e=>{e.selected=e.id===t,e.children&&e.children.length>0&&this.updateSelection(e.children,t)}))}findSelectedItem(e){if(e)for(const t of e){if(t.selected)return t;if(t.children&&t.children.length>0){const e=this.findSelectedItem(t.children);if(e)return e}}return null}selectItem(e){(null==e?void 0:e.disabled)||(this.itemsList=this.getInitialItemsArray(),e&&this.updateSelection(this.itemsList,e.id),this.selectedItem=this.findSelectedItem(this.itemsList),this.emitOptionSelect(),this.toggleSelectUl(),this.searchString&&(this.searchString=null))}handleResetClick(){this.selectedItem=null,this.searchString=null,this.focusedItemId="",this.emitResetSelect(),this.toggleSelectUl()}handleInputKeyDown(e){switch(e.code){case c.ENTER:case c.SPACE:if(this.focusedItemId)if(this.focusedItemId===this.getResetOptionId())this.handleResetClick();else{const e=this.itemsList.find((e=>this.getOptionId(e)===this.focusedItemId))||null;e&&(this.selectedItem=e,this.emitOptionSelect(),this.toggleSelectUl())}break;case c.ARROW_DOWN:case c.ARROW_UP:this.arrowsSelectNav(e)}}arrowsSelectNav(e){if(![c.ARROW_DOWN,c.ARROW_UP].includes(e.key))return;e.preventDefault(),e.stopPropagation();const t=this.focusedItemId?this.host.querySelector(`#${this.focusedItemId}`):null,s=Array.from(this.host.querySelectorAll('[role="option"]'));if(!s.length)return;const i=t?s.indexOf(t):null,l=s.length-1;if(!this.isOpen&&(this.toggleSelectUl(),this.selectedItem))return void this.focusSelectItem(this.getOptionId(this.selectedItem));let r=null;e.code===c.ARROW_DOWN?r=null===i?s[0]:s[i+1]||s[l]:e.code===c.ARROW_UP&&(r=null===i?s[l]:s[i-1]||s[0]),this.focusSelectItem(r.id)}focusSelectItem(e){this.focusedItemId=e,this.host.querySelector(`#${e}`).scrollIntoView({block:"nearest",container:"nearest"})}toggleSelectUl(e=!1){var t;this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),e&&(null===(t=this.host.querySelector(`#${this.htmlid}_select_input`))||void 0===t||t.focus()),this.selectedItem&&this.searchString&&(this.searchString=null,this.filterItems(this.searchString))):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.focusedItemId="",this.isOpen=!this.isOpen)}handleInputClick(e){e.target.closest(".reset-icon")?e.stopPropagation():this.toggleSelectUl()}handleSelectFocus(e){if(e instanceof KeyboardEvent&&e.key===c.ESC)return e.stopPropagation(),this.toggleSelectUl(!0);if(e instanceof KeyboardEvent&&e.key!==c.TAB)return;const t=z();if(!(null==t?void 0:t.hasAttribute("disabled"))&&!p(t).find((e=>"z-input"===e.nodeName.toLowerCase()&&e.id===`${this.htmlid}_input`))){const e=p(t).find((e=>"Z-SELECT"===e.nodeName));this.toggleSelectUl(e===this.host)}}scrollToLetter(e){if(!this.itemsList.length)return;const t=this.itemsList.find((t=>t.name.toLowerCase().charAt(0)===e.toLowerCase()));t&&(this.isOpen||this.toggleSelectUl(),this.focusSelectItem(this.getOptionId(t)))}renderInput(){let e=null;return this.selectedItem&&(e=h(this.selectedItem.name)),this.isOpen&&void 0!==this.searchString&&(e=this.searchString),[s("z-input",{class:{"active-select":this.isOpen,"cursor-select":!this.autocomplete},id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_select_input`,placeholder:this.placeholder,value:e,label:this.label,autocomplete:"off","aria-label":this.ariaLabel,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:!1,message:!1,name:this.name,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?void 0:this.status,size:this.size,role:"combobox","html-aria-expanded":this.isOpen?"true":"false","html-aria-controls":`${this.htmlid}_list`,"html-aria-activedescendant":this.isOpen?this.focusedItemId:"","html-aria-autocomplete":this.hasAutocomplete()?"list":void 0,onClick:e=>this.handleInputClick(e),onKeyDown:e=>this.handleInputKeyDown(e),onInputChange:e=>this.handleInputChange(e),onKeyPress:e=>{this.hasAutocomplete()||(e.preventDefault(),this.scrollToLetter(e.key))}})]}renderSelectUl(){return s("div",{class:this.isOpen?"open":"closed"},s("div",{class:{"ul-scroll-wrapper":!0,fixed:this.isfixed}},s("z-list",{role:"listbox","aria-label":this.ariaLabel||this.label,tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:`${this.htmlid}_list`,"aria-multiselectable":!1,size:this.listSizeType(),class:{disabled:this.disabled,readonly:this.readonly,[`input-${this.status}`]:!this.isOpen&&!!this.status,"z-scrollbar":!0}},this.resetItem&&this.renderResetItem(),this.renderSelectUlItems())))}renderResetItem(){const e=!this.selectedItem||!this.resetItem;return s("z-list-element",{class:{hide:e,"reset-item":!0,"reset-item-margin":!this.hasGroupItems},clickable:!0,disabled:!1,dividerType:n.ELEMENT,role:e?"presentation":"option","html-tabindex":0,"aria-selected":"false","aria-label":e?void 0:this.resetItem,id:this.getResetOptionId(),size:this.hasTreeItems?r.MEDIUM:this.listSizeType(),onClickItem:()=>this.handleResetClick()},s("div",{class:{"reset-item-content":!0,"tree-list-reset-item":this.hasTreeItems,active:this.focusedItemId===this.getResetOptionId()},"aria-hidden":"true"},s("z-icon",{name:"multiply-circled"}),s("span",null,this.resetItem)))}renderItem(e,t){return s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:t?n.HEADER:n.ELEMENT,role:e.disabled?"presentation":"option","html-tabindex":-1,"aria-selected":e.selected?"true":"false","aria-label":e.disabled?void 0:h(e.name),id:this.getOptionId(e),size:this.listSizeType(),onClickItem:()=>this.selectItem(e)},s("div",{class:{"list-element-container":!0,active:this.focusedItemId===this.getOptionId(e)},"aria-hidden":"true"},s("div",{class:{selected:!!e.selected,"list-element-content":!0},innerHTML:e.name}),e.icon&&s("z-tag",{icon:e.icon})))}listSizeType(){return this.hasTreeItems?r.NONE:this.size===l.SMALL||this.size===l.X_SMALL?r.SMALL:r.MEDIUM}renderSelectUlItems(){return this.itemsList.length?this.hasGroupItems?this.hasTreeItems?this.renderGroupedTree():this.renderSelectGroupItems():this.itemsList.map(((e,t,s)=>{const i=t===s.length-1;return this.hasTreeItems?this.renderTreeItems(e,i,s.length>1,!0,e.disabled):this.renderItem(e,i)})):this.renderNoSearchResults()}renderTreeItems(e,t,i,l,c){var r,o;const a=e.disabled||c,d=this.hasGroupItems?void 0:this.hasGroupItems?t&&!i?n.ELEMENT:void 0:l&&i&&!t?n.ELEMENT:void 0;return s("z-list-element",{clickable:!e.disabled,disabled:a,class:{"grouped-tree-parent-node":this.hasGroupItems&&!!(null===(r=e.children)||void 0===r?void 0:r.length),"tree-search-item":this.hasGroupItems&&l&&!(null===(o=e.children)||void 0===o?void 0:o.length)&&!!this.searchString},size:this.listSizeType(),dividerType:d,hasTreeItems:this.hasTreeItems,"html-tabindex":null,role:"presentation"},s("div",{id:this.getOptionId(e),role:a?"presentation":"option","aria-label":a?void 0:h(e.name),class:{"list-element":!0,active:this.focusedItemId===this.getOptionId(e)},onClick:()=>this.selectItem(e)},s("span",{class:"item ellipsis","aria-hidden":"true"},s("span",{class:{"item-label":!0,selected:!!e.selected},title:e.name,innerHTML:e.name})),e.icon&&s("z-tag",{icon:e.icon})),e.children&&e.children.length>0?s("z-list",{role:"presentation"},s("div",{class:"children-node"},e.children.map(((e,t,s)=>this.renderTreeItems(e,t===s.length-1,s.length>1,!1,a))))):null)}renderGroupedTree(){const e=this.getGroupedItems();return e.map((([t,i],l,c)=>{const r=Object.values(e).some((e=>e.length>1));return s("z-list-group",{"divider-type":l===c.length-1?void 0:n.ELEMENT,hasTreeItems:!0,"aria-labelledby":`${this.htmlid}_tree_${l}`},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.htmlid}_tree_${l}`,"aria-hidden":"true"},t),s("z-list",{role:"presentation"},i.map(((e,t,i)=>[this.renderTreeItems(e,t===i.length-1,r,!0,e.disabled),t<i.length-1?s("z-divider",{key:`divider-${t}`,style:{zIndex:"100",height:"var(--border-size-small)"}}):null]))),l!==c.length-1&&s("z-divider",{style:{zIndex:"100",height:"var(--border-size-small)"}}))}))}renderSelectGroupItems(){const e=this.getGroupedItems();return e.map((([t,i],l)=>{const c=e.length===l+1;return s("z-list-group",{"divider-type":n.ELEMENT,"aria-labelledby":`${this.htmlid}_group_${l}`},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.htmlid}_group_${l}`,"aria-hidden":"true"},t),i.map(((e,t)=>this.renderItem(e,c&&i.length===t+1))))}))}renderNoSearchResults(){return s("z-list-element",{class:"no-results",size:this.hasTreeItems?r.MEDIUM:this.listSizeType(),"html-tabindex":null,role:"presentation"},this.noresultslabel)}renderMessage(){if(!1!==d(this.message))return s("z-input-message",{message:!0===d(this.message)?void 0:this.message,status:this.status,class:this.size,disabled:this.disabled})}render(){return s("div",{key:"d185176ecce45cde5970a2dceb27065ef27512cb",class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get host(){return i(this)}static get watchers(){return{items:[{watchItems:0}]}}};u.style='.sc-z-select-h{display:inline-block;width:inherit;color:var(--color-form-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size="small"].sc-z-select-h,[size="x-small"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>z-input.sc-z-select .input-icon.sc-z-select{cursor:pointer}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;border-top:none;background:var(--color-form-background);box-shadow:var(--shadow-2);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select z-list.sc-z-select{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:var(--space-unit) calc(var(--space-unit) * 1.5);margin:0;outline:none}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element[disabled].sc-z-select{color:var(--color-form-disabled03)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;padding:calc(var(--space-unit) / 2) var(--space-unit);column-gap:var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.active.sc-z-select{box-shadow:var(--shadow-focus-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{margin-right:auto}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size="small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:var(--font-sb)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--color-form-default-text)}.reset-item.sc-z-select{color:var(--color-form-active-primary);fill:var(--color-form-active-primary)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.sc-z-select .reset-item-content.active.sc-z-select{box-shadow:var(--shadow-focus-primary)}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:var(--space-unit)}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}.tree-list-reset-item.sc-z-select{padding:var(--space-unit) 0}z-list-element.sc-z-select{position:relative;display:block}z-list.sc-z-select z-list-element.sc-z-select::before{position:absolute;z-index:100;top:3px;left:-8px;width:8px;height:1em;border-bottom:1px solid var(--color-form-disabled01-icon);border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select::after{position:absolute;z-index:100;top:5px;left:-8px;width:8px;height:100%;border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select:last-child::after{display:none}z-list.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-element.sc-z-select::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::after{display:none}z-list.sc-z-select>div.children-node.sc-z-select{padding-left:calc(var(--space-unit) * 2)}z-list-element.sc-z-select>.list-element.sc-z-select{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.5) var(--space-unit);cursor:pointer}z-list-element.sc-z-select>.list-element.active.sc-z-select{box-shadow:var(--shadow-focus-primary)}z-list-element.sc-z-select:not([disabled])>.list-element.sc-z-select:hover,z-list-element.sc-z-select:not([disabled])>.list-element.sc-z-select:hover::after{background-color:var(--background-hover-color-list-element, var(--color-background))}z-list-element.sc-z-select>.list-element.sc-z-select .item.ellipsis.sc-z-select{overflow:hidden}z-list-element.sc-z-select .list-element.sc-z-select::after{position:absolute;top:0;right:-1px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.tree-search-item.sc-z-select{padding-top:0}z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select::after{position:absolute;right:-25px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.grouped-tree-parent-node.sc-z-select .list-element.sc-z-select::after{position:absolute;right:-25px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}.item-label.selected.sc-z-select{font-weight:bold}.item.ellipsis.sc-z-select{display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}z-list.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after,z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select:hover::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;right:-18px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;top:0;right:0;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}.children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select z-list-element.sc-z-select::after{left:-8px}.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::after{left:-8px}.children-node.sc-z-select>z-list-element.sc-z-select{padding:0}';export{u as z_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as
|
|
1
|
+
import{r as t,c as i,h as r}from"./p-DPdXlnVe.js";import{f as a}from"./p-BKCj6NR2.js";const o=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",{key:"25929eacee727c90dbf664fa11638bb5cdb5823a",class:"otp-container"},r("div",{key:"16d6b64ba2649781fcb359ddefd08d0553c9fcb5",class:"digits-container"},this.otp.map(((t,i)=>r("input",{class:this.status==a.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",{key:"201125a3e3f5b0a3b53b170d4f0153188715c7db",message:this.message,status:this.status}))}};o.style="input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}: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-default-error);background-color:var(--color-inverse-error);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{o as z_otp}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,d as o}from"./p-DPdXlnVe.js";import{L as i}from"./p-BKCj6NR2.js";const a=class{constructor(t){e(this,t),this.opened=!1,this.customContent=!1,this.isOpen=!1,this.allowTooltipAuthors=!1}handleToggle(){if(this.isOpen=!this.isOpen,this.isOpen){const e=this.getFirstListItem();e&&requestAnimationFrame((()=>{e.focus()}))}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){this.opened&&(this.isOpen=!0)}elementsEllipsis(){this.allowTooltipAuthors=!!this.elementAuthorsHasEllipsis()}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){["visibility","height"].includes(e.propertyName)&&this.elementsEllipsis()}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return t("div",{key:"
|
|
1
|
+
import{r as e,h as t,d as o}from"./p-DPdXlnVe.js";import{L as i}from"./p-BKCj6NR2.js";const a=class{constructor(t){e(this,t),this.opened=!1,this.customContent=!1,this.isOpen=!1,this.allowTooltipAuthors=!1}handleToggle(){if(this.isOpen=!this.isOpen,this.isOpen){const e=this.getFirstListItem();e&&requestAnimationFrame((()=>{e.focus()}))}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){this.opened&&(this.isOpen=!0)}elementsEllipsis(){this.allowTooltipAuthors=!!this.elementAuthorsHasEllipsis()}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){["visibility","height"].includes(e.propertyName)&&this.elementsEllipsis()}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return t("div",{key:"0836e7e0d6c360721019bc7674466345e3eaab74",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:!0})},t("footer",{key:"0771eca0b6c8267a612f95800fc807096efd19eb",class:this.retrieveClass(),onTransitionEnd:e=>this.footerTransitionHandler(e)},t("span",{key:"e9ca8f43d386ae14914d192a428698ecd9ee1082",class:"toggle"},t("slot",{key:"4ffe0ee9635d343821a20d572217fd7f971a781f",name:"toggle"})),this.titolo&&t("p",{key:"352cff28af1654d0676dcf0c184f42a5158bbbbe",class:{"custom-content":this.customContent}},this.titolo),t("div",{key:"a76925042afd579c30fc82faf96146718dd497c9",class:{content:!0,"custom-content":this.customContent}},t("div",{key:"a3f2391f91e996b06d00a725a1b010f0df352551"},t("p",{key:"4dfcf2de83492dd502eb69cc2525769c04430744",class:"authors",ref:e=>this.ellipsisAuthors=e},t("span",{key:"b0f06c214c88f38e477a0aacc824441160bf38fb",title:this.getTitleAuthors()},t("span",{key:"6343877f00355d614d4a263d3615b5d6222ba795","aria-description":"Autori",class:"bold"},this.autori))),t("p",{key:"b1f88556f9e2493e9070e71c72cc760f2f52738d",class:"year-isbn"},t("span",{key:"a934207b2ae734db3deca9d5a2544d86cb011117",class:"isbn"},t("span",{key:"4a2d0fa9a603e63aa3443934d58f5df9350fbdf3"},t("span",{key:"2668d24fe56de6eb660fc56a540347070ade4d92","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),t("div",{key:"6310cdec45297752f3035d975c3073acce3e2076",class:"slot-handler "+(this.isOpen?"visible":"hidden")},t("slot",{key:"f949fe923fa112d79c6cf4fa7490dd03e7f9c772",name:"list"})))),this.customContent&&t("slot",{key:"b0479a7f0e890c03dfbdced57aa6162d38981eb9",name:"content"}))}get host(){return o(this)}};a.style='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}';export{a as z_myz_card_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,d as r}from"./p-DPdXlnVe.js";import{Y as o}from"./p-BKCj6NR2.js";import{B as a}from"./p-Q-tWjk7P.js";import{r as s}from"./p-D4yqZKyM.js";const n=class{constructor(i){t(this,i),this.ribbonClick=e(this,"ribbonClick",7),this.isbnLabel="",this.isMobile=!1,this.hasResources=!1,this.showResources=!1}emitRibbonClick(){this.ribbonClick.emit()}componentWillLoad(){this.id=`id-${s()}`;const t=window.matchMedia(`(max-width: ${a.MOBILE}px)`);this.isMobile=t.matches,t.onchange=t=>this.isMobile=t.matches}componentDidLoad(){this.handleResources()}handleResources(){var t;this.variant===o.EXPANDED&&this.isMobile&&(this.hasResources=(null===(t=this.hostElement.querySelectorAll("[slot=resources]"))||void 0===t?void 0:t.length)>0)}toggleResources(){this.showResources=!this.showResources}renderCard(){switch(this.variant){case o.EXPANDED:return this.isMobile?this.renderMobileExpandedCard():this.renderExpandedCard();case o.COMPACT:return this.renderCompactCard();case o.SEARCH:return this.renderSearchCard()}}renderExpandedCard(){return i("div",{class:"wrapper"},this.renderCover(),i("div",{class:"content"},i("div",{class:"top"},i("div",{class:"info"},i("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),i("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),i("div",{class:"bottom"},this.renderResourcesSlot())))}renderMobileExpandedCard(){return i("div",{class:"wrapper"},i("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),i("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&i("div",{class:{footer:!0,open:this.showResources,close:!this.showResources}},!this.showResources&&this.renderShowResources(),this.renderResourcesSlot(),this.showResources&&this.renderShowResources()))}renderSearchCard(){return i("div",{class:"wrapper-container"},i("div",{class:"wrapper"},i("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),i("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())}renderCompactCard(){return i("div",{class:"wrapper"},this.renderCover(),i("div",{class:"content"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),this.renderFooterCtaSlot())}renderCover(){return i("div",{class:"cover"},this.ribbon&&this.variant!==o.COMPACT&&this.renderRibbon(),i("div",{class:"img-wrapper"},i("img",{src:this.cover,onError:()=>{this.fallbackCover&&(this.cover=this.fallbackCover)},"aria-hidden":"true"})))}renderRibbon(){const t=[this.ribbonIcon&&i("z-icon",{name:this.ribbonIcon,width:16,height:16,fill:"color-inverse-icon"}),i("span",null,this.ribbon)];return this.ribbonInteractive?i("button",{class:"ribbon interactive",onClick:()=>this.emitRibbonClick()},t):i("div",{class:"ribbon"},t)}renderOperaTitle(){return i("div",{class:"title",innerHTML:this.operaTitleTag?`<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`:this.operaTitle})}renderVolumeTitle(){return this.volumeTitle?i("div",{class:"subtitle"},this.volumeTitle):null}renderAuthors(){return this.authors?i("div",{class:"authors","aria-description":"Autori"},this.authors):null}renderIsbn(){return this.isbn?i("div",{class:"isbn"},i("span",{class:"code","aria-description":`ISBN ${this.isbnLabel}`},this.isbn),this.isbnLabel?i("span",{class:"label"}," ",this.isbnLabel):null):null}renderShowResources(){return i("button",{class:"show-resources","aria-label":`Risorse del libro ${this.operaTitle}`,"aria-expanded":this.showResources.toString(),"aria-controls":`resources-${this.id}`,onClick:()=>this.toggleResources()},this.showResources?"Chiudi":"Vedi tutto",i("z-icon",{name:this.showResources?"chevron-up":"chevron-down"}))}renderTagsSlot(){return i("div",{class:"tags"},i("slot",{name:"tags"}))}renderHeaderCtaSlot(){return i("slot",{name:"header-cta"})}renderResourcesSlot(){return i("div",{id:`resources-${this.id}`,class:"resources"},i("slot",{name:"resources",onSlotchange:()=>this.handleResources()}))}renderFooterCtaSlot(){return i("div",{class:"action-container"},i("slot",{name:"footer-cta"}))}render(){return i("article",{key:"09310ad4eac077f69d476ad5bcc941d96df9975d",class:{[this.variant]:!0,borderless:!!this.borderless}},this.renderCard())}get hostElement(){return r(this)}};n.style=':host{--z-book-card-ribbon-background-color:var(--avatar-C08);--z-book-card-ribbon-shadow-color:var(--green950);--z-book-card-compact-width:262px;--z-book-card-compact-height:568px}:host>article{display:block;width:100%;max-width:360px;box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article div.cover{position:relative}:host>article div.cover div.img-wrapper{display:flex;overflow:hidden;border:var(--border-size-small) solid var(--color-surface03);line-height:0}:host>article div.cover div.img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;align-self:flex-end}:host>article div.cover .ribbon{position:absolute;z-index:10;top:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * -2);display:flex;max-width:100%;height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--shadow-2);color:var(--color-text-inverse);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host>article div.cover .ribbon.interactive:hover{cursor:pointer}:host>article div.cover .ribbon.interactive:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}:host>article div.cover .ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.cover .ribbon::before{position:absolute;bottom:-12px;left:-2px;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:16px solid transparent;content:""}:host>article div.cover .ribbon z-icon{margin-right:var(--space-unit)}:host>article div.content{margin:var(--space-unit) 0;border-radius:var(--border-radius)}:host>article .title{display:flex;height:100%;align-self:center;color:var(--color-default-text);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host>article .title *{all:unset}:host>article div.subtitle{color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host>article div.authors{color:var(--color-default-text);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host>article div.isbn{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.33;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.isbn>.code{font-weight:var(--font-sb)}:host>article div.tags{display:flex;overflow:hidden;max-height:32px;flex-flow:row wrap;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host>article ::slotted([slot="tags"]){margin-bottom:var(--space-unit)}:host>article ::slotted([slot="header-cta"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-primary01-icon)}:host>article ::slotted([slot="header-cta"]:focus){box-shadow:var(--shadow-focus-primary);outline:none !important}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.header{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:top;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover div.img-wrapper{border-radius:var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded button.show-resources{--z-icon-height:16px;--z-icon-width:16px;all:unset;display:flex;width:100%;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 1) 0;color:var(--color-text-link-blue);cursor:pointer;fill:var(--color-text-link-blue);font-size:var(--font-size-2);font-weight:var(--font-sb);gap:var(--space-unit)}:host>article.expanded button.show-resources:focus{box-shadow:var(--shadow-focus-primary)}:host>article.search{width:262px;height:616px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2)}:host>article.search div.header{display:flex;height:24px;flex-flow:row nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover div.img-wrapper{height:314px;border-radius:var(--border-radius)}:host>article.search .title{display:block;height:initial;align-self:unset;font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>article.compact{width:var(--z-book-card-compact-width);height:var(--z-book-card-compact-height)}:host>article.compact.borderless{border:none}:host>article.compact div.cover div.img-wrapper{width:100%;height:calc(var(--z-book-card-compact-width) * 1.36);box-sizing:border-box;border:none;background:var(--color-white);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--shadow-2)}:host>article.compact div.wrapper{display:flex;height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.compact div.content{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:calc(var(--space-unit) * 2);padding-top:var(--space-unit);margin:0}:host>article.compact div.action-container{padding:calc(var(--space-unit) * 2);padding-top:0;margin-top:auto}:host>article.compact.borderless div.cover div.img-wrapper{width:var(--z-book-card-compact-width)}:host>article.compact.borderless div.content{padding:0;padding-top:var(--space-unit)}:host>article.compact.borderless div.action-container{padding:0;padding-bottom:calc(var(--space-unit) * 2)}:host>article.compact .title{display:block;height:initial;align-self:unset}:host>article.compact .title,:host>article.compact .subtitle,:host>article.compact .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}@media (min-width: 768px){:host>article{width:100%;max-width:initial}:host>article .title{display:block;height:initial;align-self:unset}:host>article.expanded{width:100%;min-width:initial;max-width:initial;height:360px;padding:0;border:0}:host>article.expanded div.wrapper{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.expanded div.cover div.img-wrapper{width:262px;height:356px;border:0;border:var(--border-size-medium) solid var(--color-surface03);border-right:none;background:var(--color-surface01);border-radius:var(--border-radius) 0 0 var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:auto;border-radius:0}:host>article.expanded div.content{display:flex;overflow:hidden;width:100%;height:356px;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;border:var(--border-size-medium) solid var(--color-surface03);border-left:none;margin:0;background:var(--color-surface01);border-radius:0 var(--border-radius) var(--border-radius) 0}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}@media (min-width: 1152px){:host>article{width:fit-content;max-width:initial}}@media (min-width: 1366px){:host>article.expanded{width:635px}:host>article.expanded div.content{width:369px}}';export{n as z_book_card_deprecated}
|
|
1
|
+
import{r as t,c as e,h as i,d as r}from"./p-DPdXlnVe.js";import{Y as o}from"./p-BKCj6NR2.js";import{B as a}from"./p-Q-tWjk7P.js";import{r as s}from"./p-B0bOjMSb.js";const n=class{constructor(i){t(this,i),this.ribbonClick=e(this,"ribbonClick",7),this.isbnLabel="",this.isMobile=!1,this.hasResources=!1,this.showResources=!1}emitRibbonClick(){this.ribbonClick.emit()}componentWillLoad(){this.id=`id-${s()}`;const t=window.matchMedia(`(max-width: ${a.MOBILE}px)`);this.isMobile=t.matches,t.onchange=t=>this.isMobile=t.matches}componentDidLoad(){this.handleResources()}handleResources(){var t;this.variant===o.EXPANDED&&this.isMobile&&(this.hasResources=(null===(t=this.hostElement.querySelectorAll("[slot=resources]"))||void 0===t?void 0:t.length)>0)}toggleResources(){this.showResources=!this.showResources}renderCard(){switch(this.variant){case o.EXPANDED:return this.isMobile?this.renderMobileExpandedCard():this.renderExpandedCard();case o.COMPACT:return this.renderCompactCard();case o.SEARCH:return this.renderSearchCard()}}renderExpandedCard(){return i("div",{class:"wrapper"},this.renderCover(),i("div",{class:"content"},i("div",{class:"top"},i("div",{class:"info"},i("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),i("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),i("div",{class:"bottom"},this.renderResourcesSlot())))}renderMobileExpandedCard(){return i("div",{class:"wrapper"},i("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),i("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&i("div",{class:{footer:!0,open:this.showResources,close:!this.showResources}},!this.showResources&&this.renderShowResources(),this.renderResourcesSlot(),this.showResources&&this.renderShowResources()))}renderSearchCard(){return i("div",{class:"wrapper-container"},i("div",{class:"wrapper"},i("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),i("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())}renderCompactCard(){return i("div",{class:"wrapper"},this.renderCover(),i("div",{class:"content"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),this.renderFooterCtaSlot())}renderCover(){return i("div",{class:"cover"},this.ribbon&&this.variant!==o.COMPACT&&this.renderRibbon(),i("div",{class:"img-wrapper"},i("img",{src:this.cover,onError:()=>{this.fallbackCover&&(this.cover=this.fallbackCover)},"aria-hidden":"true"})))}renderRibbon(){const t=[this.ribbonIcon&&i("z-icon",{name:this.ribbonIcon,width:16,height:16,fill:"color-inverse-icon"}),i("span",null,this.ribbon)];return this.ribbonInteractive?i("button",{class:"ribbon interactive",onClick:()=>this.emitRibbonClick()},t):i("div",{class:"ribbon"},t)}renderOperaTitle(){return i("div",{class:"title",innerHTML:this.operaTitleTag?`<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`:this.operaTitle})}renderVolumeTitle(){return this.volumeTitle?i("div",{class:"subtitle"},this.volumeTitle):null}renderAuthors(){return this.authors?i("div",{class:"authors","aria-description":"Autori"},this.authors):null}renderIsbn(){return this.isbn?i("div",{class:"isbn"},i("span",{class:"code","aria-description":`ISBN ${this.isbnLabel}`},this.isbn),this.isbnLabel?i("span",{class:"label"}," ",this.isbnLabel):null):null}renderShowResources(){return i("button",{class:"show-resources","aria-label":`Risorse del libro ${this.operaTitle}`,"aria-expanded":this.showResources.toString(),"aria-controls":`resources-${this.id}`,onClick:()=>this.toggleResources()},this.showResources?"Chiudi":"Vedi tutto",i("z-icon",{name:this.showResources?"chevron-up":"chevron-down"}))}renderTagsSlot(){return i("div",{class:"tags"},i("slot",{name:"tags"}))}renderHeaderCtaSlot(){return i("slot",{name:"header-cta"})}renderResourcesSlot(){return i("div",{id:`resources-${this.id}`,class:"resources"},i("slot",{name:"resources",onSlotchange:()=>this.handleResources()}))}renderFooterCtaSlot(){return i("div",{class:"action-container"},i("slot",{name:"footer-cta"}))}render(){return i("article",{key:"09310ad4eac077f69d476ad5bcc941d96df9975d",class:{[this.variant]:!0,borderless:!!this.borderless}},this.renderCard())}get hostElement(){return r(this)}};n.style=':host{--z-book-card-ribbon-background-color:var(--avatar-C08);--z-book-card-ribbon-shadow-color:var(--green950);--z-book-card-compact-width:262px;--z-book-card-compact-height:568px}:host>article{display:block;width:100%;max-width:360px;box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article div.cover{position:relative}:host>article div.cover div.img-wrapper{display:flex;overflow:hidden;border:var(--border-size-small) solid var(--color-surface03);line-height:0}:host>article div.cover div.img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;align-self:flex-end}:host>article div.cover .ribbon{position:absolute;z-index:10;top:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * -2);display:flex;max-width:100%;height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--shadow-2);color:var(--color-text-inverse);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host>article div.cover .ribbon.interactive:hover{cursor:pointer}:host>article div.cover .ribbon.interactive:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}:host>article div.cover .ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.cover .ribbon::before{position:absolute;bottom:-12px;left:-2px;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:16px solid transparent;content:""}:host>article div.cover .ribbon z-icon{margin-right:var(--space-unit)}:host>article div.content{margin:var(--space-unit) 0;border-radius:var(--border-radius)}:host>article .title{display:flex;height:100%;align-self:center;color:var(--color-default-text);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host>article .title *{all:unset}:host>article div.subtitle{color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host>article div.authors{color:var(--color-default-text);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host>article div.isbn{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.33;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.isbn>.code{font-weight:var(--font-sb)}:host>article div.tags{display:flex;overflow:hidden;max-height:32px;flex-flow:row wrap;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host>article ::slotted([slot="tags"]){margin-bottom:var(--space-unit)}:host>article ::slotted([slot="header-cta"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-primary01-icon)}:host>article ::slotted([slot="header-cta"]:focus){box-shadow:var(--shadow-focus-primary);outline:none !important}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.header{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:top;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover div.img-wrapper{border-radius:var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded button.show-resources{--z-icon-height:16px;--z-icon-width:16px;all:unset;display:flex;width:100%;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 1) 0;color:var(--color-text-link-blue);cursor:pointer;fill:var(--color-text-link-blue);font-size:var(--font-size-2);font-weight:var(--font-sb);gap:var(--space-unit)}:host>article.expanded button.show-resources:focus{box-shadow:var(--shadow-focus-primary)}:host>article.search{width:262px;height:616px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2)}:host>article.search div.header{display:flex;height:24px;flex-flow:row nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover div.img-wrapper{height:314px;border-radius:var(--border-radius)}:host>article.search .title{display:block;height:initial;align-self:unset;font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>article.compact{width:var(--z-book-card-compact-width);height:var(--z-book-card-compact-height)}:host>article.compact.borderless{border:none}:host>article.compact div.cover div.img-wrapper{width:100%;height:calc(var(--z-book-card-compact-width) * 1.36);box-sizing:border-box;border:none;background:var(--color-white);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--shadow-2)}:host>article.compact div.wrapper{display:flex;height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.compact div.content{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:calc(var(--space-unit) * 2);padding-top:var(--space-unit);margin:0}:host>article.compact div.action-container{padding:calc(var(--space-unit) * 2);padding-top:0;margin-top:auto}:host>article.compact.borderless div.cover div.img-wrapper{width:var(--z-book-card-compact-width)}:host>article.compact.borderless div.content{padding:0;padding-top:var(--space-unit)}:host>article.compact.borderless div.action-container{padding:0;padding-bottom:calc(var(--space-unit) * 2)}:host>article.compact .title{display:block;height:initial;align-self:unset}:host>article.compact .title,:host>article.compact .subtitle,:host>article.compact .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}@media (min-width: 768px){:host>article{width:100%;max-width:initial}:host>article .title{display:block;height:initial;align-self:unset}:host>article.expanded{width:100%;min-width:initial;max-width:initial;height:360px;padding:0;border:0}:host>article.expanded div.wrapper{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.expanded div.cover div.img-wrapper{width:262px;height:356px;border:0;border:var(--border-size-medium) solid var(--color-surface03);border-right:none;background:var(--color-surface01);border-radius:var(--border-radius) 0 0 var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:auto;border-radius:0}:host>article.expanded div.content{display:flex;overflow:hidden;width:100%;height:356px;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;border:var(--border-size-medium) solid var(--color-surface03);border-left:none;margin:0;background:var(--color-surface01);border-radius:0 var(--border-radius) var(--border-radius) 0}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}@media (min-width: 1152px){:host>article{width:fit-content;max-width:initial}}@media (min-width: 1366px){:host>article.expanded{width:635px}:host>article.expanded div.content{width:369px}}';export{n as z_book_card_deprecated}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,d as i}from"./p-DPdXlnVe.js";import{p as r}from"./p-BKCj6NR2.js";import{
|
|
1
|
+
import{r as t,h as e,d as i}from"./p-DPdXlnVe.js";import{p as r}from"./p-BKCj6NR2.js";import{j as s,g as o,h as n}from"./p-B0bOjMSb.js";import"./p-Q-tWjk7P.js";const a=class{constructor(e){t(this,e),this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks(),this.setDevice(),window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice(),this.setStyle()}parseLinks(){var t,e;switch(typeof this.data){case"string":{const i=null!==(t=s(this.data))&&void 0!==t?t:[];if(e=i,!Array.isArray(e)||!e.every((t=>"string"==typeof t)))throw new Error("Passed data is invalid");this.links=i;break}default:this.links=this.data}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t)return;const e=this.el.shadowRoot.querySelectorAll(".slide"),i=this.el.offsetWidth;t.style.width=i*this.links.length+"px",t.style.transform=`translate(-${i*this.currentSlide}px)`,e.forEach((t=>{t.querySelector("img").style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.MOBILE:return 24;case r.TABLET:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=!1,r=this.currentSlide;return"left"===t?(i=0===this.currentSlide,r--):"right"===t&&(i=this.currentSlide===this.links.length-1,r++),e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{i||this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footer-left"},e("slot",{name:"footer-left"})),e("div",{class:"footer-center"},e("div",{class:"bullet-container"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footer-right"},e("slot",{name:"footer-right"})))}render(){return this.links&&this.links.length?e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter()):e("div",null)}get el(){return i(this)}static get watchers(){return{data:[{watchData:0}]}}};a.style=':host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-size-medium) solid var(--color-background);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}main z-icon:focus,footer .bullet-container .bullet:focus{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-background);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';export{a as z_slideshow}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as r,d as i}from"./p-DPdXlnVe.js";import{P as s,g as n,p as a}from"./p-BKCj6NR2.js";import{a as h,j as c,k as p,g as f,l as u}from"./p-D4yqZKyM.js";import"./p-Q-tWjk7P.js";const l=class{constructor(o){t(this,o),this.positionChange=e(this,"positionChange",7),this.openChange=e(this,"openChange",7),this.position=s.TOP,this.open=!1,this.showArrow=!1,this.center=!1,this.closable=!0,this.spaceTolerance=3}closePopoverWithKeyboard(t){this.closable&&t.key===n.ESC&&(t.stopPropagation(),this.open=!1)}handleOutsideClick(t){const e=t.target;this.closable&&this.open&&!h(this.host,e)&&(h(this.boundElement,e)&&t.stopPropagation(),this.open=!1)}validatePosition(t){Object.values(s).includes(t)&&t!==s.AUTO||(this.position=t=s.TOP),this.currentPosition=t,this.open&&this.setPosition()}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.openChange.emit({open:this.open}),!this.open)return Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"}),void(this.currentPosition=void 0);const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};setTimeout((()=>{t()}),0)}onBindingChange(){this.findBoundElement()}get offsetModifier(){return this.center?.5:0}findBoundElement(){"string"==typeof this.bindTo?this.boundElement=this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.boundElement=this.bindTo:(this.boundElement=c(this.host),"z-tooltip"===this.boundElement.tagName.toLowerCase()&&(this.boundElement=c(this.boundElement)))}hasCenteredHorizontalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?e>=i-this.spaceTolerance&&t>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasCenteredVerticalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?t>=i-this.spaceTolerance&&e>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasEnoughSideSpace(t,e,o,r){return t>=e-o*(1-r)-this.spaceTolerance}getOptimalPopoverPosition(t,e){const o=this.host.offsetWidth,r=this.host.offsetHeight,i=this.boundElement.getBoundingClientRect().width,n=this.boundElement.getBoundingClientRect().height,a=this.offsetModifier,h=t=>{switch(t){case s.TOP:return e.top>=r-this.spaceTolerance&&this.hasCenteredHorizontalSpace(e.left,e.right,o,i);case s.TOP_RIGHT:return e.top>=r&&this.hasEnoughSideSpace(e.right,o,i,a);case s.TOP_LEFT:return e.top>=r&&this.hasEnoughSideSpace(e.left,o,i,a);case s.RIGHT:return e.right>=o&&this.hasCenteredVerticalSpace(e.top,e.bottom,r,n);case s.RIGHT_BOTTOM:return e.right>=o&&this.hasEnoughSideSpace(e.bottom,r,n,a);case s.RIGHT_TOP:return e.right>=o&&this.hasEnoughSideSpace(e.top,r,n,a);case s.BOTTOM:return e.bottom>=r&&this.hasCenteredHorizontalSpace(e.left,e.right,o,i);case s.BOTTOM_LEFT:return e.bottom>=r&&this.hasEnoughSideSpace(e.left,o,i,a);case s.BOTTOM_RIGHT:return e.bottom>=r&&this.hasEnoughSideSpace(e.right,o,i,a);case s.LEFT:return e.left>=o&&this.hasCenteredVerticalSpace(e.top,e.bottom,r,n);case s.LEFT_TOP:return e.left>=o&&this.hasEnoughSideSpace(e.top,r,n,a);case s.LEFT_BOTTOM:return e.left>=o&&this.hasEnoughSideSpace(e.bottom,r,n,a);default:return!1}};if(h(t))return t;const c=l.positionOrder,p=c.indexOf(t);if(-1===p)return t;for(let t=1;t<c.length;t++){const e=c[(p+t)%c.length];if(h(e))return e}return this.findBestFallbackPosition(e)}findBestFallbackPosition(t){const e=t.right>=t.left?s.RIGHT:s.LEFT,o=t.bottom>=t.top?s.BOTTOM:s.TOP,r=Math.max(t.right,t.left),i=Math.max(t.bottom,t.top),n=i>=r?o:e;let a=!1;return a=n===o?r>=2*Math.min(t.right,t.left):i>=2*Math.min(t.bottom,t.top),a?`${n}_${n===o?e:o}`:n}findScrollableAncestor(t){let e=c(t);for(;e;){if(e===t.ownerDocument.documentElement)return e;const o=getComputedStyle(e),{overflow:r,overflowX:i,overflowY:s}=o;if("hidden"!==r&&"hidden"!==s&&"hidden"!==i&&(e.scrollHeight>e.clientHeight&&"visible"!==r&&"visible"!==s||e.scrollWidth>e.clientWidth&&"visible"!==r&&"visible"!==i))return e;e=c(e)}return t.ownerDocument.documentElement}calculateAvailableSpace(){const t=this.boundElement.getBoundingClientRect();if(this.lastBoundRect&&this.lastBoundRect.x===t.x&&this.lastBoundRect.y===t.y&&this.lastBoundRect.width===t.width&&this.lastBoundRect.height===t.height&&this.cachedAvailableSpace)return this.cachedAvailableSpace;this.lastBoundRect=t;const e=this.findScrollableAncestor(this.boundElement),o=e.getBoundingClientRect(),r=e!==this.boundElement.ownerDocument.documentElement,i=this.boundElement.ownerDocument.documentElement.clientWidth,s=this.boundElement.ownerDocument.documentElement.clientHeight;return this.cachedAvailableSpace={top:t.top-(r?o.top:0)-8,right:i-t.right-(r?i-o.right:0)-8,bottom:s-t.bottom-(r?s-o.bottom:0)-8,left:t.left-(r?o.left:0)-8},this.cachedAvailableSpace}getBoundElementOffsets(){const t=this.boundElement.getBoundingClientRect();return{top:t.top,right:this.boundElement.ownerDocument.documentElement.clientWidth-t.right,bottom:this.boundElement.ownerDocument.documentElement.clientHeight-t.bottom,left:t.left}}computePositionOffsets(){const t=this.getBoundElementOffsets(),e=p(this.host);if(e===this.host.ownerDocument.documentElement)return t;const o=e.getBoundingClientRect(),r=getComputedStyle(e),i=o.top+parseFloat(r.borderTopWidth),s=o.right-parseFloat(r.borderRightWidth),n=o.bottom-parseFloat(r.borderBottomWidth),a=o.left+parseFloat(r.borderLeftWidth),h=this.boundElement.getBoundingClientRect();return{top:h.top-i+e.scrollTop,right:s-h.right-e.scrollLeft,bottom:n-h.bottom-e.scrollTop,left:h.left-a+e.scrollLeft}}applyPositionStyles(t,e){const o=this.boundElement.offsetWidth,r=this.boundElement.offsetHeight,i=this.offsetModifier,n=this.showArrow&&this.center?8:0,h=this.host.style,c=parseFloat(getComputedStyle(this.host).marginTop.replace("px",""))||0,p=this.computePositionOffsets(),u=p.left+o*i,l=p.right+o*i,d=p.top+r,b=p.bottom+r,g=p.top+r*i,m=p.bottom+r*i;let v,w;switch(t){case s.TOP:case s.TOP_RIGHT:h.bottom=`${b}px`,h.left=u-(t===s.TOP_RIGHT?n:0)+"px",w=e.top-c,t===s.TOP_RIGHT&&(v=e.right+o*i);break;case s.TOP_LEFT:h.right=l-n+"px",h.bottom=`${b}px`,v=e.left+o*i,w=e.top-c;break;case s.BOTTOM:case s.BOTTOM_RIGHT:h.top=`${d}px`,h.left=u-(t===s.BOTTOM_RIGHT?n:0)+"px",w=e.bottom-c,t===s.BOTTOM_RIGHT&&(v=e.right+o*i);break;case s.BOTTOM_LEFT:h.top=`${d}px`,h.right=l-n+"px",v=e.left+o*i,w=e.bottom-c;break;case s.RIGHT:case s.RIGHT_BOTTOM:h.top=g-(t===s.RIGHT_BOTTOM?n:0)+"px",h.left=`${p.left+o}px`,v=e.right-c,w=t===s.RIGHT?e.top+e.bottom+r:e.bottom+r*i;break;case s.RIGHT_TOP:h.bottom=m-n+"px",h.left=`${p.left+o}px`,v=e.right-c,w=e.top+r*i;break;case s.LEFT:case s.LEFT_BOTTOM:h.top=g-(t===s.LEFT_BOTTOM?n:0)+"px",h.right=`${p.right+o}px`,v=e.left-c,t===s.LEFT_BOTTOM&&(w=e.bottom+r*i);break;case s.LEFT_TOP:h.right=`${p.right+o}px`,h.bottom=m-n+"px",v=e.left-c,w=e.top+r*i}f()!==a.MOBILE&&Object.assign(h,{maxWidth:v?`${v}px`:"",maxHeight:w?`${w}px`:""})}setPosition(){if(!this.boundElement)return;if(!u(this.boundElement,this.findScrollableAncestor(this.boundElement)))return void(this.open=!1);Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});const t=this.calculateAvailableSpace(),e=this.getOptimalPopoverPosition(this.position,t);this.applyPositionStyles(e,t),this.currentPosition=e,this.positionChange.emit({position:this.currentPosition}),this.host.style.visibility="visible"}componentWillLoad(){this.validatePosition(this.position)}componentDidLoad(){this.findBoundElement(),this.open&&this.onOpen()}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}render(){return o(r,{key:"11ab6b060fdc4a10752881c38d3a369f2ae267a6","current-position":this.currentPosition},o("slot",{key:"40ae4b9e51638e5d92d916937ccfac5f85c0d36f"}))}get host(){return i(this)}static get watchers(){return{position:[{validatePosition:0}],open:[{onOpen:0}],bindTo:[{onBindingChange:0}]}}};l.positionOrder=[s.TOP,s.TOP_RIGHT,s.TOP_LEFT,s.RIGHT,s.RIGHT_BOTTOM,s.RIGHT_TOP,s.BOTTOM,s.BOTTOM_LEFT,s.BOTTOM_RIGHT,s.LEFT,s.LEFT_TOP,s.LEFT_BOTTOM],l.style=':host{position:fixed;display:none;max-width:calc(100dvw - var(--grid-margin) * 2);max-height:calc(100dvh - var(--grid-margin) * 2);padding:var(--z-popover-padding, 0);background:var(--z-popover-theme--surface, var(--color-surface01));border-radius:var(--border-radius-small);color:var(--z-popover-theme--text, var(--color-default-text));fill:currentcolor;filter:var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));text-align:center;visibility:hidden;}:host([open]:not([open="false"])[current-position]){display:block}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface, var(--color-surface01));content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}';export{l as z_popover}
|
|
1
|
+
import{r as t,c as e,h as o,H as r,d as i}from"./p-DPdXlnVe.js";import{P as s,g as n,p as a}from"./p-BKCj6NR2.js";import{a as h,k as c,l as p,g as f,m as u}from"./p-B0bOjMSb.js";import"./p-Q-tWjk7P.js";const l=class{constructor(o){t(this,o),this.positionChange=e(this,"positionChange",7),this.openChange=e(this,"openChange",7),this.position=s.TOP,this.open=!1,this.showArrow=!1,this.center=!1,this.closable=!0,this.spaceTolerance=3}closePopoverWithKeyboard(t){this.closable&&t.key===n.ESC&&(t.stopPropagation(),this.open=!1)}handleOutsideClick(t){const e=t.target;this.closable&&this.open&&!h(this.host,e)&&(h(this.boundElement,e)&&t.stopPropagation(),this.open=!1)}validatePosition(t){Object.values(s).includes(t)&&t!==s.AUTO||(this.position=t=s.TOP),this.currentPosition=t,this.open&&this.setPosition()}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.openChange.emit({open:this.open}),!this.open)return Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"}),void(this.currentPosition=void 0);const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};setTimeout((()=>{t()}),0)}onBindingChange(){this.findBoundElement()}get offsetModifier(){return this.center?.5:0}findBoundElement(){"string"==typeof this.bindTo?this.boundElement=this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.boundElement=this.bindTo:(this.boundElement=c(this.host),"z-tooltip"===this.boundElement.tagName.toLowerCase()&&(this.boundElement=c(this.boundElement)))}hasCenteredHorizontalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?e>=i-this.spaceTolerance&&t>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasCenteredVerticalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?t>=i-this.spaceTolerance&&e>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasEnoughSideSpace(t,e,o,r){return t>=e-o*(1-r)-this.spaceTolerance}getOptimalPopoverPosition(t,e){const o=this.host.offsetWidth,r=this.host.offsetHeight,i=this.boundElement.getBoundingClientRect().width,n=this.boundElement.getBoundingClientRect().height,a=this.offsetModifier,h=t=>{switch(t){case s.TOP:return e.top>=r-this.spaceTolerance&&this.hasCenteredHorizontalSpace(e.left,e.right,o,i);case s.TOP_RIGHT:return e.top>=r&&this.hasEnoughSideSpace(e.right,o,i,a);case s.TOP_LEFT:return e.top>=r&&this.hasEnoughSideSpace(e.left,o,i,a);case s.RIGHT:return e.right>=o&&this.hasCenteredVerticalSpace(e.top,e.bottom,r,n);case s.RIGHT_BOTTOM:return e.right>=o&&this.hasEnoughSideSpace(e.bottom,r,n,a);case s.RIGHT_TOP:return e.right>=o&&this.hasEnoughSideSpace(e.top,r,n,a);case s.BOTTOM:return e.bottom>=r&&this.hasCenteredHorizontalSpace(e.left,e.right,o,i);case s.BOTTOM_LEFT:return e.bottom>=r&&this.hasEnoughSideSpace(e.left,o,i,a);case s.BOTTOM_RIGHT:return e.bottom>=r&&this.hasEnoughSideSpace(e.right,o,i,a);case s.LEFT:return e.left>=o&&this.hasCenteredVerticalSpace(e.top,e.bottom,r,n);case s.LEFT_TOP:return e.left>=o&&this.hasEnoughSideSpace(e.top,r,n,a);case s.LEFT_BOTTOM:return e.left>=o&&this.hasEnoughSideSpace(e.bottom,r,n,a);default:return!1}};if(h(t))return t;const c=l.positionOrder,p=c.indexOf(t);if(-1===p)return t;for(let t=1;t<c.length;t++){const e=c[(p+t)%c.length];if(h(e))return e}return this.findBestFallbackPosition(e)}findBestFallbackPosition(t){const e=t.right>=t.left?s.RIGHT:s.LEFT,o=t.bottom>=t.top?s.BOTTOM:s.TOP,r=Math.max(t.right,t.left),i=Math.max(t.bottom,t.top),n=i>=r?o:e;let a=!1;return a=n===o?r>=2*Math.min(t.right,t.left):i>=2*Math.min(t.bottom,t.top),a?`${n}_${n===o?e:o}`:n}findScrollableAncestor(t){let e=c(t);for(;e;){if(e===t.ownerDocument.documentElement)return e;const o=getComputedStyle(e),{overflow:r,overflowX:i,overflowY:s}=o;if("hidden"!==r&&"hidden"!==s&&"hidden"!==i&&(e.scrollHeight>e.clientHeight&&"visible"!==r&&"visible"!==s||e.scrollWidth>e.clientWidth&&"visible"!==r&&"visible"!==i))return e;e=c(e)}return t.ownerDocument.documentElement}calculateAvailableSpace(){const t=this.boundElement.getBoundingClientRect();if(this.lastBoundRect&&this.lastBoundRect.x===t.x&&this.lastBoundRect.y===t.y&&this.lastBoundRect.width===t.width&&this.lastBoundRect.height===t.height&&this.cachedAvailableSpace)return this.cachedAvailableSpace;this.lastBoundRect=t;const e=this.findScrollableAncestor(this.boundElement),o=e.getBoundingClientRect(),r=e!==this.boundElement.ownerDocument.documentElement,i=this.boundElement.ownerDocument.documentElement.clientWidth,s=this.boundElement.ownerDocument.documentElement.clientHeight;return this.cachedAvailableSpace={top:t.top-(r?o.top:0)-8,right:i-t.right-(r?i-o.right:0)-8,bottom:s-t.bottom-(r?s-o.bottom:0)-8,left:t.left-(r?o.left:0)-8},this.cachedAvailableSpace}getBoundElementOffsets(){const t=this.boundElement.getBoundingClientRect();return{top:t.top,right:this.boundElement.ownerDocument.documentElement.clientWidth-t.right,bottom:this.boundElement.ownerDocument.documentElement.clientHeight-t.bottom,left:t.left}}computePositionOffsets(){const t=this.getBoundElementOffsets(),e=p(this.host);if(e===this.host.ownerDocument.documentElement)return t;const o=e.getBoundingClientRect(),r=getComputedStyle(e),i=o.top+parseFloat(r.borderTopWidth),s=o.right-parseFloat(r.borderRightWidth),n=o.bottom-parseFloat(r.borderBottomWidth),a=o.left+parseFloat(r.borderLeftWidth),h=this.boundElement.getBoundingClientRect();return{top:h.top-i+e.scrollTop,right:s-h.right-e.scrollLeft,bottom:n-h.bottom-e.scrollTop,left:h.left-a+e.scrollLeft}}applyPositionStyles(t,e){const o=this.boundElement.offsetWidth,r=this.boundElement.offsetHeight,i=this.offsetModifier,n=this.showArrow&&this.center?8:0,h=this.host.style,c=parseFloat(getComputedStyle(this.host).marginTop.replace("px",""))||0,p=this.computePositionOffsets(),u=p.left+o*i,l=p.right+o*i,d=p.top+r,b=p.bottom+r,g=p.top+r*i,m=p.bottom+r*i;let v,w;switch(t){case s.TOP:case s.TOP_RIGHT:h.bottom=`${b}px`,h.left=u-(t===s.TOP_RIGHT?n:0)+"px",w=e.top-c,t===s.TOP_RIGHT&&(v=e.right+o*i);break;case s.TOP_LEFT:h.right=l-n+"px",h.bottom=`${b}px`,v=e.left+o*i,w=e.top-c;break;case s.BOTTOM:case s.BOTTOM_RIGHT:h.top=`${d}px`,h.left=u-(t===s.BOTTOM_RIGHT?n:0)+"px",w=e.bottom-c,t===s.BOTTOM_RIGHT&&(v=e.right+o*i);break;case s.BOTTOM_LEFT:h.top=`${d}px`,h.right=l-n+"px",v=e.left+o*i,w=e.bottom-c;break;case s.RIGHT:case s.RIGHT_BOTTOM:h.top=g-(t===s.RIGHT_BOTTOM?n:0)+"px",h.left=`${p.left+o}px`,v=e.right-c,w=t===s.RIGHT?e.top+e.bottom+r:e.bottom+r*i;break;case s.RIGHT_TOP:h.bottom=m-n+"px",h.left=`${p.left+o}px`,v=e.right-c,w=e.top+r*i;break;case s.LEFT:case s.LEFT_BOTTOM:h.top=g-(t===s.LEFT_BOTTOM?n:0)+"px",h.right=`${p.right+o}px`,v=e.left-c,t===s.LEFT_BOTTOM&&(w=e.bottom+r*i);break;case s.LEFT_TOP:h.right=`${p.right+o}px`,h.bottom=m-n+"px",v=e.left-c,w=e.top+r*i}f()!==a.MOBILE&&Object.assign(h,{maxWidth:v?`${v}px`:"",maxHeight:w?`${w}px`:""})}setPosition(){if(!this.boundElement)return;if(!u(this.boundElement,this.findScrollableAncestor(this.boundElement)))return void(this.open=!1);Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});const t=this.calculateAvailableSpace(),e=this.getOptimalPopoverPosition(this.position,t);this.applyPositionStyles(e,t),this.currentPosition=e,this.positionChange.emit({position:this.currentPosition}),this.host.style.visibility="visible"}componentWillLoad(){this.validatePosition(this.position)}componentDidLoad(){this.findBoundElement(),this.open&&this.onOpen()}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}render(){return o(r,{key:"11ab6b060fdc4a10752881c38d3a369f2ae267a6","current-position":this.currentPosition},o("slot",{key:"40ae4b9e51638e5d92d916937ccfac5f85c0d36f"}))}get host(){return i(this)}static get watchers(){return{position:[{validatePosition:0}],open:[{onOpen:0}],bindTo:[{onBindingChange:0}]}}};l.positionOrder=[s.TOP,s.TOP_RIGHT,s.TOP_LEFT,s.RIGHT,s.RIGHT_BOTTOM,s.RIGHT_TOP,s.BOTTOM,s.BOTTOM_LEFT,s.BOTTOM_RIGHT,s.LEFT,s.LEFT_TOP,s.LEFT_BOTTOM],l.style=':host{position:fixed;display:none;max-width:calc(100dvw - var(--grid-margin) * 2);max-height:calc(100dvh - var(--grid-margin) * 2);padding:var(--z-popover-padding, 0);background:var(--z-popover-theme--surface, var(--color-surface01));border-radius:var(--border-radius-small);color:var(--z-popover-theme--text, var(--color-default-text));fill:currentcolor;filter:var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));text-align:center;visibility:hidden;}:host([open]:not([open="false"])[current-position]){display:block}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface, var(--color-surface01));content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}';export{l as z_popover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as r}from"./p-DPdXlnVe.js";const i=class{constructor(t){e(this,t)}getAttributes(){const e=!this.href||this.pressed||this.disabled?void 0:{onClick:()=>location.href=this.href},t=e?{role:"link"}:void 0,r=this.pressed&&!this.disabled?{"aria-current":"step"}:void 0,i=this.pressed||""===this.href?{tabIndex:-1}:void 0;return Object.assign(Object.assign(Object.assign(Object.assign({},e),t),r),i)}render(){return t(r,{key:"
|
|
1
|
+
import{r as e,h as t,H as r}from"./p-DPdXlnVe.js";const i=class{constructor(t){e(this,t)}getAttributes(){const e=!this.href||this.pressed||this.disabled?void 0:{onClick:()=>location.href=this.href},t=e?{role:"link"}:void 0,r=this.pressed&&!this.disabled?{"aria-current":"step"}:void 0,i=this.pressed||""===this.href?{tabIndex:-1}:void 0;return Object.assign(Object.assign(Object.assign(Object.assign({},e),t),r),i)}render(){return t(r,{key:"0cb2bcffcfb910b70307e5a7b04492e7203887f9",role:"listitem"},t("button",Object.assign({key:"01af9b8559a9fb830cb4ff5e9b5af414c518e720",class:"stepper-item",disabled:this.disabled},this.getAttributes()),t("div",{key:"94ef13762bc9ce63b8bfdb98c39a720a2037efa7",class:"indicator"},this.checked?t("z-icon",{name:"checkmark"}):this.index),t("span",{key:"2bb267586d494bf4dcecdcfe3efd11586a3457b3"},t("slot",{key:"f8b3457eeb4addc3188c09e3b6fdd4817064158b"}))))}};i.style=':host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:""}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-hover-primary);background:var(--color-hover-primary);color:var(--color-text-inverse)}:host([href]:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-default-success);color:var(--color-default-success)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-default-success)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}';export{i as z_stepper_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as e}from"./p-DPdXlnVe.js";import{P as n}from"./p-BKCj6NR2.js";import{h as s}from"./p-
|
|
1
|
+
import{r as i,c as t,h as e}from"./p-DPdXlnVe.js";import{P as n}from"./p-BKCj6NR2.js";import{h as s}from"./p-B0bOjMSb.js";import"./p-Q-tWjk7P.js";const o=class{emitFlipCard(i=!1){this.flipCard.emit(i)}constructor(e){i(this,e),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}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 e("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 n=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 e("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),n,e("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?e("span",null,"Autore: ",e("b",null,t),e("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?e("span",null,"Anno: ",e("b",null,t),e("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:s,description:o}=this.cardData;return e("z-popover",{position:n.RIGHT,onClick:()=>this.tooltip=!1},`${i} ${t} ${s} ${o}`)}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?e("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?e("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 e("section",{ref:i=>this.onlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",e("b",null,this.cardData.onlineLicense.expiration),e("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return e("section",{ref:i=>this.offlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",e("b",null,this.cardData.offlineLicense.expiration),e("br",null),"Installazioni disponibili: ",e("b",null,this.cardData.offlineLicense.installations))}render(){return e("div",{key:"2cf85a75758a40cfb8b3c9df21fecc74cbb04f58"},this.renderCloseIcon(),e("div",{key:"af5eb9bd6a0cc66c03731683794faf2b60686e40",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),e("div",{key:"39225945aeaa95be7f2b30eb4a23c04f5a6246f2",class:"cta-wrapper"},e("slot",{key:"b1c650e3a43ee7d78530eaa52638cd3c4cf02a7f"})))}};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-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-hover-warning);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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as o}from"./p-DPdXlnVe.js";const a=class{constructor(o){e(this,o)}render(){return o("div",{key:"e03532734334f374789a31da73f15e32ee8c1679"},o("footer",{key:"36bbfc8363d00503545aa9a1dd4de0e8b036c0e2"},o("div",{key:"159b35a78ec38d541d6016fa4724effa00a66dd6",class:"top"},o("slot",{key:"25c311436a817abf5d0d961a6e2f699fcea6f331",name:"top"})),o("div",{key:"248485fc69ef0c7c76ca086a86a5971ae3e3876f",class:"bottom"},o("slot",{key:"fe1b0f89936780d822328e13ce94564838f3c0d7",name:"bottom"}))))}};a.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";export{a as z_myz_card_footer_sections}
|