@zanichelli/albe-web-components 2.47.2 → 2.48.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-d326c919.js → index-b1289f95.js} +19 -8
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-cd6b9038.js → utils-33df2456.js} +2 -3
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-app-switcher_11.cjs.entry.js +1 -1
- package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-avatar.cjs.entry.js +1 -1
- package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
- package/dist/cjs/z-chip.cjs.entry.js +2 -2
- package/dist/cjs/z-combobox.cjs.entry.js +2 -2
- package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
- package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/z-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/z-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/z-file.cjs.entry.js +1 -1
- package/dist/cjs/z-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-list_3.cjs.entry.js +1 -1
- package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +2 -2
- package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
- package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card_4.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tab-link.cjs.entry.js +13 -12
- package/dist/cjs/z-navigation-tab.cjs.entry.js +13 -12
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +6 -9
- package/dist/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
- package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
- package/dist/cjs/z-popover.cjs.entry.js +9 -2
- package/dist/cjs/z-section-title.cjs.entry.js +1 -1
- package/dist/cjs/z-skip-to-content.cjs.entry.js +68 -0
- package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
- package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
- package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/z-table-header.cjs.entry.js +2 -2
- package/dist/cjs/z-table-row.cjs.entry.js +1 -1
- package/dist/cjs/z-table.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
- package/dist/cjs/z-toggle-switch.cjs.entry.js +2 -2
- package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
- package/dist/collection/beans/index.js +19 -8
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/navigation/tabs/navigation-tab.css +49 -31
- package/dist/collection/components/navigation/tabs/z-navigation-tab/index.js +14 -21
- package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js +14 -21
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.js +4 -7
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/styles.css +6 -20
- package/dist/collection/components/z-popover/index.js +23 -1
- package/dist/collection/components/z-skip-to-content/index.js +131 -0
- package/dist/collection/components/z-skip-to-content/styles.css +84 -0
- package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +5 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +4 -0
- package/dist/collection/utils/utils.js +2 -3
- package/dist/esm/{index-96aade4f.js → index-7424c64c.js} +20 -9
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-d06fbb4a.js → utils-93d2b922.js} +3 -4
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-app-switcher_11.entry.js +1 -1
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +1 -1
- package/dist/esm/z-button-filter_5.entry.js +2 -2
- package/dist/esm/z-chip.entry.js +2 -2
- package/dist/esm/z-combobox.entry.js +2 -2
- package/dist/esm/z-contextual-menu.entry.js +1 -1
- package/dist/esm/z-cookiebar.entry.js +1 -1
- package/dist/esm/z-date-picker.entry.js +1 -1
- package/dist/esm/z-file-upload.entry.js +2 -2
- package/dist/esm/z-file.entry.js +1 -1
- package/dist/esm/z-footer.entry.js +1 -1
- package/dist/esm/z-list_3.entry.js +1 -1
- package/dist/esm/z-menu-dropdown_2.entry.js +2 -2
- package/dist/esm/z-messages-pocket.entry.js +1 -1
- package/dist/esm/z-modal-login.entry.js +1 -1
- package/dist/esm/z-myz-card-alert.entry.js +1 -1
- package/dist/esm/z-myz-card-dictionary.entry.js +2 -2
- package/dist/esm/z-myz-card-footer.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +2 -2
- package/dist/esm/z-myz-card_4.entry.js +2 -2
- package/dist/esm/z-myz-list-item.entry.js +2 -2
- package/dist/esm/z-myz-topbar.entry.js +1 -1
- package/dist/esm/z-navigation-tab-link.entry.js +14 -13
- package/dist/esm/z-navigation-tab.entry.js +14 -13
- package/dist/esm/z-navigation-tabs.entry.js +6 -9
- package/dist/esm/z-otp.entry.js +1 -1
- package/dist/esm/z-pagination-bar.entry.js +2 -2
- package/dist/esm/z-pocket_3.entry.js +2 -2
- package/dist/esm/z-popover.entry.js +10 -3
- package/dist/esm/z-section-title.entry.js +1 -1
- package/dist/esm/z-skip-to-content.entry.js +64 -0
- package/dist/esm/z-slideshow.entry.js +2 -2
- package/dist/esm/z-status-tag.entry.js +1 -1
- package/dist/esm/z-table-cell.entry.js +1 -1
- package/dist/esm/z-table-header.entry.js +2 -2
- package/dist/esm/z-table-row.entry.js +1 -1
- package/dist/esm/z-table.entry.js +1 -1
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +1 -1
- package/dist/esm/z-toggle-switch.entry.js +2 -2
- package/dist/esm/z-tooltip.entry.js +1 -1
- package/dist/types/beans/index.d.ts +23 -8
- package/dist/types/components/navigation/tabs/z-navigation-tab/index.d.ts +8 -5
- package/dist/types/components/navigation/tabs/z-navigation-tab-link/index.d.ts +8 -5
- package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts +2 -0
- package/dist/types/components/z-popover/index.d.ts +4 -0
- package/dist/types/components/z-skip-to-content/index.d.ts +22 -0
- package/dist/types/components.d.ts +38 -5
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/{p-a184c4a4.entry.js → p-0398165f.entry.js} +1 -1
- package/dist/web-components-library/{p-aaee84f0.entry.js → p-03de95f1.entry.js} +1 -1
- package/dist/web-components-library/{p-3ecebf0c.entry.js → p-114f3a85.entry.js} +1 -1
- package/dist/web-components-library/{p-c7f70e76.entry.js → p-1b973c72.entry.js} +1 -1
- package/dist/web-components-library/{p-51870c65.entry.js → p-1eef76bb.entry.js} +1 -1
- package/dist/web-components-library/p-21b9a94f.entry.js +1 -0
- package/dist/web-components-library/{p-4434207b.entry.js → p-223bec2f.entry.js} +1 -1
- package/dist/web-components-library/p-2711bc32.entry.js +1 -0
- package/dist/web-components-library/{p-eedd3f14.entry.js → p-29f07a9b.entry.js} +1 -1
- package/dist/web-components-library/{p-059fc87d.entry.js → p-2c823f4c.entry.js} +1 -1
- package/dist/web-components-library/p-2e510e79.entry.js +1 -0
- package/dist/web-components-library/{p-c9722a45.entry.js → p-3184d969.entry.js} +1 -1
- package/dist/web-components-library/p-393c31c0.entry.js +1 -0
- package/dist/web-components-library/{p-e559f4d3.entry.js → p-3dba3a83.entry.js} +1 -1
- package/dist/web-components-library/{p-b3cab405.entry.js → p-3edd463d.entry.js} +1 -1
- package/dist/web-components-library/{p-c8578954.entry.js → p-4b166956.entry.js} +1 -1
- package/dist/web-components-library/{p-62a79ada.entry.js → p-4c282f06.entry.js} +1 -1
- package/dist/web-components-library/{p-67e56d43.entry.js → p-542b3702.entry.js} +1 -1
- package/dist/web-components-library/{p-e8df0a5e.entry.js → p-57270965.entry.js} +1 -1
- package/{www/build/p-5ad5d409.entry.js → dist/web-components-library/p-66fbe5b8.entry.js} +1 -1
- package/dist/web-components-library/p-6ef6464c.entry.js +1 -0
- package/dist/web-components-library/p-709ab23c.entry.js +1 -0
- package/dist/web-components-library/p-70be81b6.entry.js +1 -0
- package/dist/web-components-library/{p-01b13704.entry.js → p-791cbcab.entry.js} +1 -1
- package/dist/web-components-library/p-7e71d9b0.entry.js +1 -0
- package/dist/web-components-library/p-80369bb8.entry.js +1 -0
- package/dist/web-components-library/p-80a3e18a.js +1 -0
- package/dist/web-components-library/{p-61b6ab7e.entry.js → p-8188846a.entry.js} +1 -1
- package/dist/web-components-library/{p-dd928b6f.entry.js → p-895f636e.entry.js} +1 -1
- package/dist/web-components-library/{p-66a027c2.entry.js → p-9721e132.entry.js} +1 -1
- package/dist/web-components-library/{p-211c8001.entry.js → p-9935973a.entry.js} +1 -1
- package/{www/build/p-e3d1b621.entry.js → dist/web-components-library/p-a15db194.entry.js} +1 -1
- package/{www/build/p-77d2db66.entry.js → dist/web-components-library/p-a2a3a537.entry.js} +1 -1
- package/dist/web-components-library/{p-9045dc92.entry.js → p-aae632ef.entry.js} +1 -1
- package/dist/web-components-library/{p-b3059f74.entry.js → p-ae2e17b4.entry.js} +1 -1
- package/dist/web-components-library/{p-62a7b6cb.entry.js → p-b0ea8c0e.entry.js} +1 -1
- package/dist/web-components-library/{p-05fd034c.entry.js → p-b60fe58c.entry.js} +1 -1
- package/dist/web-components-library/{p-c806d6e4.entry.js → p-c787ea21.entry.js} +1 -1
- package/dist/web-components-library/p-cadcf677.entry.js +1 -0
- package/dist/web-components-library/{p-4fa3a1f5.entry.js → p-dfc18671.entry.js} +1 -1
- package/{www/build/p-edc05acf.entry.js → dist/web-components-library/p-e4b4b2e4.entry.js} +1 -1
- package/dist/web-components-library/{p-9baa6b96.entry.js → p-e7aadd3d.entry.js} +1 -1
- package/dist/web-components-library/{p-422d2691.entry.js → p-e9b90127.entry.js} +1 -1
- package/dist/web-components-library/p-fea5b98f.js +1 -0
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/react/components.d.ts +1 -0
- package/react/components.js +3 -1
- package/react/components.js.map +1 -1
- package/www/build/index.esm.js +1 -1
- package/www/build/{p-a184c4a4.entry.js → p-0398165f.entry.js} +1 -1
- package/www/build/{p-aaee84f0.entry.js → p-03de95f1.entry.js} +1 -1
- package/www/build/{p-3ecebf0c.entry.js → p-114f3a85.entry.js} +1 -1
- package/www/build/{p-c7f70e76.entry.js → p-1b973c72.entry.js} +1 -1
- package/www/build/{p-51870c65.entry.js → p-1eef76bb.entry.js} +1 -1
- package/www/build/p-21b9a94f.entry.js +1 -0
- package/www/build/{p-4434207b.entry.js → p-223bec2f.entry.js} +1 -1
- package/www/build/p-2711bc32.entry.js +1 -0
- package/www/build/{p-eedd3f14.entry.js → p-29f07a9b.entry.js} +1 -1
- package/www/build/{p-059fc87d.entry.js → p-2c823f4c.entry.js} +1 -1
- package/www/build/p-2e510e79.entry.js +1 -0
- package/www/build/{p-c9722a45.entry.js → p-3184d969.entry.js} +1 -1
- package/www/build/p-393c31c0.entry.js +1 -0
- package/www/build/{p-e559f4d3.entry.js → p-3dba3a83.entry.js} +1 -1
- package/www/build/{p-b3cab405.entry.js → p-3edd463d.entry.js} +1 -1
- package/www/build/{p-c8578954.entry.js → p-4b166956.entry.js} +1 -1
- package/www/build/{p-62a79ada.entry.js → p-4c282f06.entry.js} +1 -1
- package/www/build/{p-67e56d43.entry.js → p-542b3702.entry.js} +1 -1
- package/www/build/{p-e8df0a5e.entry.js → p-57270965.entry.js} +1 -1
- package/{dist/web-components-library/p-5ad5d409.entry.js → www/build/p-66fbe5b8.entry.js} +1 -1
- package/www/build/p-6ef6464c.entry.js +1 -0
- package/www/build/p-709ab23c.entry.js +1 -0
- package/www/build/p-70be81b6.entry.js +1 -0
- package/www/build/{p-01b13704.entry.js → p-791cbcab.entry.js} +1 -1
- package/www/build/p-7e71d9b0.entry.js +1 -0
- package/www/build/p-80369bb8.entry.js +1 -0
- package/www/build/p-80a3e18a.js +1 -0
- package/www/build/{p-61b6ab7e.entry.js → p-8188846a.entry.js} +1 -1
- package/www/build/{p-dd928b6f.entry.js → p-895f636e.entry.js} +1 -1
- package/www/build/{p-66a027c2.entry.js → p-9721e132.entry.js} +1 -1
- package/www/build/{p-211c8001.entry.js → p-9935973a.entry.js} +1 -1
- package/{dist/web-components-library/p-e3d1b621.entry.js → www/build/p-a15db194.entry.js} +1 -1
- package/{dist/web-components-library/p-77d2db66.entry.js → www/build/p-a2a3a537.entry.js} +1 -1
- package/www/build/{p-9045dc92.entry.js → p-aae632ef.entry.js} +1 -1
- package/www/build/{p-b3059f74.entry.js → p-ae2e17b4.entry.js} +1 -1
- package/www/build/{p-62a7b6cb.entry.js → p-b0ea8c0e.entry.js} +1 -1
- package/www/build/{p-05fd034c.entry.js → p-b60fe58c.entry.js} +1 -1
- package/www/build/{p-c806d6e4.entry.js → p-c787ea21.entry.js} +1 -1
- package/www/build/p-cadcf677.entry.js +1 -0
- package/www/build/{p-4fa3a1f5.entry.js → p-dfc18671.entry.js} +1 -1
- package/{dist/web-components-library/p-edc05acf.entry.js → www/build/p-e4b4b2e4.entry.js} +1 -1
- package/www/build/{p-9baa6b96.entry.js → p-e7aadd3d.entry.js} +1 -1
- package/www/build/{p-422d2691.entry.js → p-e9b90127.entry.js} +1 -1
- package/www/build/p-f8ba306b.js +1 -0
- package/www/build/p-fea5b98f.js +1 -0
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/CHANGELOG.md +0 -1574
- package/dist/web-components-library/p-12ae4164.entry.js +0 -1
- package/dist/web-components-library/p-142dc712.entry.js +0 -1
- package/dist/web-components-library/p-2182f383.entry.js +0 -1
- package/dist/web-components-library/p-2f9c9ed9.entry.js +0 -1
- package/dist/web-components-library/p-42c37977.js +0 -1
- package/dist/web-components-library/p-8e554778.entry.js +0 -1
- package/dist/web-components-library/p-8fb44da3.entry.js +0 -1
- package/dist/web-components-library/p-981f5b41.entry.js +0 -1
- package/dist/web-components-library/p-a4049c7f.js +0 -1
- package/dist/web-components-library/p-d0c956ff.entry.js +0 -1
- package/dist/web-components-library/p-f85e38d3.entry.js +0 -1
- package/src-react/index.ts +0 -1
- package/www/build/p-12ae4164.entry.js +0 -1
- package/www/build/p-142dc712.entry.js +0 -1
- package/www/build/p-1df017a8.js +0 -1
- package/www/build/p-2182f383.entry.js +0 -1
- package/www/build/p-2f9c9ed9.entry.js +0 -1
- package/www/build/p-42c37977.js +0 -1
- package/www/build/p-8e554778.entry.js +0 -1
- package/www/build/p-8fb44da3.entry.js +0 -1
- package/www/build/p-981f5b41.entry.js +0 -1
- package/www/build/p-a4049c7f.js +0 -1
- package/www/build/p-d0c956ff.entry.js +0 -1
- package/www/build/p-f85e38d3.entry.js +0 -1
|
@@ -162,6 +162,16 @@ export declare enum keybordKeyCodeEnum {
|
|
|
162
162
|
BACKSPACE = 8,
|
|
163
163
|
DELETE = 46
|
|
164
164
|
}
|
|
165
|
+
export declare enum keybordCodeEnum {
|
|
166
|
+
TAB = "Tab",
|
|
167
|
+
SPACE = "Space",
|
|
168
|
+
ESC = "Escape",
|
|
169
|
+
ENTER = "Enter",
|
|
170
|
+
ARROW_UP = "ArrowUp",
|
|
171
|
+
ARROW_DOWN = "ArrowDown",
|
|
172
|
+
BACKSPACE = "Backspace",
|
|
173
|
+
DELETE = "Delete"
|
|
174
|
+
}
|
|
165
175
|
export declare enum KeyboardKeys {
|
|
166
176
|
ARROW_DOWN = "ArrowDown",
|
|
167
177
|
ARROW_UP = "ArrowUp",
|
|
@@ -356,13 +366,7 @@ export declare enum ZSectionTitleDividerPositions {
|
|
|
356
366
|
before = "before",
|
|
357
367
|
after = "after"
|
|
358
368
|
}
|
|
359
|
-
export declare
|
|
360
|
-
warning = "warning",
|
|
361
|
-
error = "error",
|
|
362
|
-
success = "success",
|
|
363
|
-
neutral = "neutral",
|
|
364
|
-
default = "default"
|
|
365
|
-
}
|
|
369
|
+
export declare type ZSectionTitleDividerPosition = keyof typeof ZSectionTitleDividerPositions;
|
|
366
370
|
export declare enum ZDatePickerMode {
|
|
367
371
|
date = "date",
|
|
368
372
|
dateTime = "date-time",
|
|
@@ -377,4 +381,15 @@ export declare enum ZDatePickerPosition {
|
|
|
377
381
|
top = "top",
|
|
378
382
|
bottom = "bottom"
|
|
379
383
|
}
|
|
380
|
-
export declare type
|
|
384
|
+
export declare type SkipToContentLink = {
|
|
385
|
+
label: string;
|
|
386
|
+
href: string;
|
|
387
|
+
ariaLabel?: string;
|
|
388
|
+
};
|
|
389
|
+
export declare enum StatusTagStatus {
|
|
390
|
+
warning = "warning",
|
|
391
|
+
error = "error",
|
|
392
|
+
success = "success",
|
|
393
|
+
neutral = "neutral",
|
|
394
|
+
default = "default"
|
|
395
|
+
}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { NavigationTabsOrientation, NavigationTabsSize } from "../../../../beans";
|
|
2
2
|
/**
|
|
3
3
|
* Single tab component to use inside `z-navigation-tabs`. It renders a button.
|
|
4
|
-
* @slot icon - Tab icon. If no extra customization is needed, use the `icon` prop passing the icon's name.
|
|
5
4
|
*/
|
|
6
5
|
export declare class ZNavigationTab {
|
|
7
|
-
host: HTMLElement;
|
|
8
6
|
/**
|
|
9
7
|
* Whether the tab is selected.
|
|
10
8
|
*/
|
|
@@ -22,7 +20,7 @@ export declare class ZNavigationTab {
|
|
|
22
20
|
*/
|
|
23
21
|
size: NavigationTabsSize;
|
|
24
22
|
/**
|
|
25
|
-
* Name of the icon to use.
|
|
23
|
+
* Name of the icon to use.
|
|
26
24
|
* The `filled` version will be automatically used (if found) when the tab is `selected`.
|
|
27
25
|
*/
|
|
28
26
|
icon: string;
|
|
@@ -34,8 +32,13 @@ export declare class ZNavigationTab {
|
|
|
34
32
|
* Html `title` attribute for the button.
|
|
35
33
|
*/
|
|
36
34
|
htmlTitle: string;
|
|
37
|
-
private
|
|
38
|
-
|
|
35
|
+
private selectedEvent;
|
|
36
|
+
/**
|
|
37
|
+
* Scroll into view to center the tab.
|
|
38
|
+
*/
|
|
39
|
+
scrollToTab({ target: button }: {
|
|
40
|
+
target: any;
|
|
41
|
+
}): void;
|
|
39
42
|
onClick(): void;
|
|
40
43
|
onSelected(): void;
|
|
41
44
|
/**
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { NavigationTabsOrientation, NavigationTabsSize } from "../../../../beans";
|
|
2
2
|
/**
|
|
3
3
|
* Single tab component to use inside `z-navigation-tabs`. It renders an anchor element.
|
|
4
|
-
* @slot icon - Tab icon. If no extra customization is needed, use the `icon` prop passing the icon's name.
|
|
5
4
|
*/
|
|
6
5
|
export declare class ZNavigationTabLink {
|
|
7
|
-
host: HTMLElement;
|
|
8
6
|
/**
|
|
9
7
|
* Whether the tab is selected.
|
|
10
8
|
*/
|
|
@@ -34,7 +32,7 @@ export declare class ZNavigationTabLink {
|
|
|
34
32
|
*/
|
|
35
33
|
href: string;
|
|
36
34
|
/**
|
|
37
|
-
* Name of the icon to use.
|
|
35
|
+
* Name of the icon to use.
|
|
38
36
|
* The `filled` version will be automatically used (if found) when the tab is `selected`.
|
|
39
37
|
*/
|
|
40
38
|
icon: string;
|
|
@@ -42,8 +40,13 @@ export declare class ZNavigationTabLink {
|
|
|
42
40
|
* Label to show in the tab.
|
|
43
41
|
*/
|
|
44
42
|
label: string;
|
|
45
|
-
private
|
|
46
|
-
|
|
43
|
+
private selectedEvent;
|
|
44
|
+
/**
|
|
45
|
+
* Scroll into view to center the tab.
|
|
46
|
+
*/
|
|
47
|
+
scrollToTab({ target: button }: {
|
|
48
|
+
target: any;
|
|
49
|
+
}): void;
|
|
47
50
|
onClick(): void;
|
|
48
51
|
onSelected(): void;
|
|
49
52
|
/**
|
|
@@ -52,6 +52,8 @@ export declare class ZNavigationTabs {
|
|
|
52
52
|
checkScrollEnabled(): void;
|
|
53
53
|
/**
|
|
54
54
|
* Listen for child tab selection.
|
|
55
|
+
* Deselect all other previously selected tabs,
|
|
56
|
+
* then scroll to the new selected tab and center it.
|
|
55
57
|
* @param {CustomEvent} event `selected` event triggered by a child tab
|
|
56
58
|
*/
|
|
57
59
|
onTabSelected(event: CustomEvent): void;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { EventEmitter } from "../../stencil-public-runtime";
|
|
1
2
|
import { PopoverPosition, PopoverBorderRadius, PopoverShadow } from "../../beans";
|
|
2
3
|
export declare class ZPopover {
|
|
3
4
|
/** [optional] Popover position */
|
|
@@ -14,6 +15,9 @@ export declare class ZPopover {
|
|
|
14
15
|
padding?: string;
|
|
15
16
|
isVisible: boolean;
|
|
16
17
|
popoverPosition: PopoverPosition;
|
|
18
|
+
/** Emitted on popover click, returns isVisible state */
|
|
19
|
+
triggerClick: EventEmitter;
|
|
20
|
+
emitTriggerClick(): void;
|
|
17
21
|
private popoverElem;
|
|
18
22
|
/**
|
|
19
23
|
* Constructor.
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ThemeVariant, SkipToContentLink } from "../../beans";
|
|
2
|
+
/**
|
|
3
|
+
* Component short description.
|
|
4
|
+
*/
|
|
5
|
+
export declare class ZSkipToContent {
|
|
6
|
+
/** Graphical variant: `dark`, `light`. */
|
|
7
|
+
variant?: ThemeVariant;
|
|
8
|
+
/** Array to fill link into skip-content */
|
|
9
|
+
links: string | SkipToContentLink[];
|
|
10
|
+
visible: boolean;
|
|
11
|
+
visibleLink: string;
|
|
12
|
+
hostElement: HTMLElement;
|
|
13
|
+
handleFocusOutSkipToContent(e: any): void;
|
|
14
|
+
handleFocusSkipToContent(e: any): void;
|
|
15
|
+
componentDidLoad(): void;
|
|
16
|
+
componentWillRender(): void;
|
|
17
|
+
isInSkipToContent(elem: any): boolean;
|
|
18
|
+
getFirstChild(): false | Element;
|
|
19
|
+
showFirstChild(): void;
|
|
20
|
+
handleLinkClick(): void;
|
|
21
|
+
render(): any;
|
|
22
|
+
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
import { AlertTypes, LicenseTypeEnum, MenuItem as MenuItem1, TooltipPosition } from "./beans/index";
|
|
9
|
-
import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, ButtonVariantEnum, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InputStatusBean, InputTypeBean, ListDividerType, ListSize, MenuItem, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariantsEnum, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverShadow, SelectItemBean, Size, SortDirection, StatusTagStatus, ThemeVariant, ThemeVariantBean, ToastNotificationPositionsTypes, ToastNotificationTransitionTypes, ToastNotificationTypes, TransitionDirectionEnum, ZChipType, ZDatePickerMode, ZFileUploadTypeEnum, ZSectionTitleDividerPosition, ZTableRowExpandedType, ZtoggleSwitchPositionEnum } from "./beans";
|
|
9
|
+
import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, ButtonVariantEnum, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InputStatusBean, InputTypeBean, ListDividerType, ListSize, MenuItem, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariantsEnum, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverShadow, SelectItemBean, Size, SkipToContentLink, SortDirection, StatusTagStatus, ThemeVariant, ThemeVariantBean, ToastNotificationPositionsTypes, ToastNotificationTransitionTypes, ToastNotificationTypes, TransitionDirectionEnum, ZChipType, ZDatePickerMode, ZFileUploadTypeEnum, ZSectionTitleDividerPosition, ZTableRowExpandedType, ZtoggleSwitchPositionEnum } from "./beans";
|
|
10
10
|
import { ListItemBean } from "./beans/index.js";
|
|
11
11
|
import { ZTypographyLevels } from "./components/typography/z-typography/index";
|
|
12
12
|
export namespace Components {
|
|
@@ -1087,7 +1087,7 @@ export namespace Components {
|
|
|
1087
1087
|
*/
|
|
1088
1088
|
"htmlTitle": string;
|
|
1089
1089
|
/**
|
|
1090
|
-
* Name of the icon to use.
|
|
1090
|
+
* Name of the icon to use. The `filled` version will be automatically used (if found) when the tab is `selected`.
|
|
1091
1091
|
*/
|
|
1092
1092
|
"icon": string;
|
|
1093
1093
|
/**
|
|
@@ -1121,7 +1121,7 @@ export namespace Components {
|
|
|
1121
1121
|
*/
|
|
1122
1122
|
"htmlTitle": string;
|
|
1123
1123
|
/**
|
|
1124
|
-
* Name of the icon to use.
|
|
1124
|
+
* Name of the icon to use. The `filled` version will be automatically used (if found) when the tab is `selected`.
|
|
1125
1125
|
*/
|
|
1126
1126
|
"icon": string;
|
|
1127
1127
|
/**
|
|
@@ -1437,6 +1437,16 @@ export namespace Components {
|
|
|
1437
1437
|
*/
|
|
1438
1438
|
"status"?: InputStatusBean;
|
|
1439
1439
|
}
|
|
1440
|
+
interface ZSkipToContent {
|
|
1441
|
+
/**
|
|
1442
|
+
* Array to fill link into skip-content
|
|
1443
|
+
*/
|
|
1444
|
+
"links": string | SkipToContentLink[];
|
|
1445
|
+
/**
|
|
1446
|
+
* Graphical variant: `dark`, `light`.
|
|
1447
|
+
*/
|
|
1448
|
+
"variant"?: ThemeVariant;
|
|
1449
|
+
}
|
|
1440
1450
|
interface ZSlideshow {
|
|
1441
1451
|
/**
|
|
1442
1452
|
* array or JSON stringified images urls
|
|
@@ -2190,6 +2200,12 @@ declare global {
|
|
|
2190
2200
|
prototype: HTMLZSelectElement;
|
|
2191
2201
|
new (): HTMLZSelectElement;
|
|
2192
2202
|
};
|
|
2203
|
+
interface HTMLZSkipToContentElement extends Components.ZSkipToContent, HTMLStencilElement {
|
|
2204
|
+
}
|
|
2205
|
+
var HTMLZSkipToContentElement: {
|
|
2206
|
+
prototype: HTMLZSkipToContentElement;
|
|
2207
|
+
new (): HTMLZSkipToContentElement;
|
|
2208
|
+
};
|
|
2193
2209
|
interface HTMLZSlideshowElement extends Components.ZSlideshow, HTMLStencilElement {
|
|
2194
2210
|
}
|
|
2195
2211
|
var HTMLZSlideshowElement: {
|
|
@@ -2411,6 +2427,7 @@ declare global {
|
|
|
2411
2427
|
"z-popover": HTMLZPopoverElement;
|
|
2412
2428
|
"z-section-title": HTMLZSectionTitleElement;
|
|
2413
2429
|
"z-select": HTMLZSelectElement;
|
|
2430
|
+
"z-skip-to-content": HTMLZSkipToContentElement;
|
|
2414
2431
|
"z-slideshow": HTMLZSlideshowElement;
|
|
2415
2432
|
"z-status-tag": HTMLZStatusTagElement;
|
|
2416
2433
|
"z-stepper": HTMLZStepperElement;
|
|
@@ -3663,7 +3680,7 @@ declare namespace LocalJSX {
|
|
|
3663
3680
|
*/
|
|
3664
3681
|
"htmlTitle"?: string;
|
|
3665
3682
|
/**
|
|
3666
|
-
* Name of the icon to use.
|
|
3683
|
+
* Name of the icon to use. The `filled` version will be automatically used (if found) when the tab is `selected`.
|
|
3667
3684
|
*/
|
|
3668
3685
|
"icon"?: string;
|
|
3669
3686
|
/**
|
|
@@ -3698,7 +3715,7 @@ declare namespace LocalJSX {
|
|
|
3698
3715
|
*/
|
|
3699
3716
|
"htmlTitle"?: string;
|
|
3700
3717
|
/**
|
|
3701
|
-
* Name of the icon to use.
|
|
3718
|
+
* Name of the icon to use. The `filled` version will be automatically used (if found) when the tab is `selected`.
|
|
3702
3719
|
*/
|
|
3703
3720
|
"icon"?: string;
|
|
3704
3721
|
/**
|
|
@@ -3947,6 +3964,10 @@ declare namespace LocalJSX {
|
|
|
3947
3964
|
* [optional] Box shadow token for popover
|
|
3948
3965
|
*/
|
|
3949
3966
|
"boxShadow"?: PopoverShadow;
|
|
3967
|
+
/**
|
|
3968
|
+
* Emitted on popover click, returns isVisible state
|
|
3969
|
+
*/
|
|
3970
|
+
"onTriggerClick"?: (event: CustomEvent<any>) => void;
|
|
3950
3971
|
/**
|
|
3951
3972
|
* [optional] Sets padding for Popover container
|
|
3952
3973
|
*/
|
|
@@ -4036,6 +4057,16 @@ declare namespace LocalJSX {
|
|
|
4036
4057
|
*/
|
|
4037
4058
|
"status"?: InputStatusBean;
|
|
4038
4059
|
}
|
|
4060
|
+
interface ZSkipToContent {
|
|
4061
|
+
/**
|
|
4062
|
+
* Array to fill link into skip-content
|
|
4063
|
+
*/
|
|
4064
|
+
"links"?: string | SkipToContentLink[];
|
|
4065
|
+
/**
|
|
4066
|
+
* Graphical variant: `dark`, `light`.
|
|
4067
|
+
*/
|
|
4068
|
+
"variant"?: ThemeVariant;
|
|
4069
|
+
}
|
|
4039
4070
|
interface ZSlideshow {
|
|
4040
4071
|
/**
|
|
4041
4072
|
* array or JSON stringified images urls
|
|
@@ -4442,6 +4473,7 @@ declare namespace LocalJSX {
|
|
|
4442
4473
|
"z-popover": ZPopover;
|
|
4443
4474
|
"z-section-title": ZSectionTitle;
|
|
4444
4475
|
"z-select": ZSelect;
|
|
4476
|
+
"z-skip-to-content": ZSkipToContent;
|
|
4445
4477
|
"z-slideshow": ZSlideshow;
|
|
4446
4478
|
"z-status-tag": ZStatusTag;
|
|
4447
4479
|
"z-stepper": ZStepper;
|
|
@@ -4548,6 +4580,7 @@ declare module "@stencil/core" {
|
|
|
4548
4580
|
"z-popover": LocalJSX.ZPopover & JSXBase.HTMLAttributes<HTMLZPopoverElement>;
|
|
4549
4581
|
"z-section-title": LocalJSX.ZSectionTitle & JSXBase.HTMLAttributes<HTMLZSectionTitleElement>;
|
|
4550
4582
|
"z-select": LocalJSX.ZSelect & JSXBase.HTMLAttributes<HTMLZSelectElement>;
|
|
4583
|
+
"z-skip-to-content": LocalJSX.ZSkipToContent & JSXBase.HTMLAttributes<HTMLZSkipToContentElement>;
|
|
4551
4584
|
"z-slideshow": LocalJSX.ZSlideshow & JSXBase.HTMLAttributes<HTMLZSlideshowElement>;
|
|
4552
4585
|
"z-status-tag": LocalJSX.ZStatusTag & JSXBase.HTMLAttributes<HTMLZStatusTagElement>;
|
|
4553
4586
|
"z-stepper": LocalJSX.ZStepper & JSXBase.HTMLAttributes<HTMLZStepperElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as o}from"./p-
|
|
1
|
+
import{c as o}from"./p-fea5b98f.js";import"./p-80a3e18a.js";import"./p-d69e14fb.js";const p={colorFromId:o};export{p as Utils}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,g as s}from"./p-98268a57.js";import{
|
|
1
|
+
import{r as t,c as i,h as e,g as s}from"./p-98268a57.js";import{n as o}from"./p-80a3e18a.js";import{h as a}from"./p-fea5b98f.js";import{h as r}from"./p-e43e61ac.js";import"./p-d69e14fb.js";import"./p-112455b1.js";const n=class{constructor(e){t(this,e),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.preview}async open(){this.status=o.open}async close(){this.status=o.closed}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.preview:case o.closed:this.status=o.open;break;case o.open:this.status=o.closed}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.open:"down"===t.detail.direction&&(this.status=o.closed))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return e("div",null,e("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),e("div",{id:this.pocketid,class:"contentWrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";const h=class{constructor(i){t(this,i),this.status=o.preview}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return e("main",{class:this.status},e("slot",null))}};h.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(e){t(this,e),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return e("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},e("slot",null))}};c.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s}from"./p-98268a57.js";import{h as e}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s}from"./p-98268a57.js";import{h as e}from"./p-fea5b98f.js";import"./p-80a3e18a.js";import"./p-d69e14fb.js";const a=class{constructor(s){t(this,s),this.zListItemLinkClick=i(this,"zListItemLinkClick",7),this.zListItemClick=i(this,"zListItemClick",7),this.linktarget="_self",this.underlined=!0,this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this),this.emitZListItemClick=this.emitZListItemClick.bind(this)}emitZListItemLinkClick(t,i){this.zListItemLinkClick.emit({e:t,linkId:i})}emitZListItemClick(t,i){this.zListItemClick.emit({e:t,listitemid:i})}render(){const t=this.listitemid?`link_${this.listitemid}`:"";return s("li",{role:"button",id:this.listitemid,"data-action":this.action,onClick:t=>this.emitZListItemClick(t,this.listitemid),onKeyPress:t=>e(t,this.emitZListItemClick,this.listitemid)},s("span",{class:this.underlined&&"border"},this.icon&&s("z-icon",{name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:t,onClick:i=>this.emitZListItemLinkClick(i,t),onKeyPress:i=>e(i,this.emitZListItemLinkClick,t),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",null)))}};a.style=":host li{all:unset;all:reset;width:100%}:host li{list-style-type:none;line-height:14px}:host li>span{line-height:14px;padding:calc(var(--space-unit) * 2) 0;display:flex;font-family:var(--dashboard-font);font-weight:var(--font-rg);font-size:16px;letter-spacing:0.23px;color:var(--text-grey-800);fill:var(--text-grey-800)}:host li>span.border{border-bottom:2px solid var(--bg-grey-200)}:host li span:hover,a:hover{color:var(--myz-blue);fill:var(--myz-blue)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{color:var(--myz-blue);fill:var(--myz-blue);height:calc(var(--space-unit) * 2);width:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-size:contain;background-repeat:no-repeat}";export{a as z_myz_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as l,g as t}from"./p-98268a57.js";import{
|
|
1
|
+
import{r as i,c as e,h as l,g as t}from"./p-98268a57.js";import{m as a,D as s,d as n}from"./p-80a3e18a.js";import{g as o}from"./p-fea5b98f.js";import"./p-d69e14fb.js";const r=class{constructor(l){i(this,l),this.fileInput=e(this,"fileInput",7),this.type=a.default,this.filesNumber=0,this.inputAttributes={type:"file",id:"fileElem",multiple:!0}}removeFileListener(){this.filesNumber--}fileDroppedListener(i){this.input.files=i.detail,this.fileInputHandler()}componentDidUpdate(){this.handleAccessibility(),this.invalidFiles.size&&this.errorModal.focus()}componentWillLoad(){this.invalidFiles=new Map,this.type===a.dragdrop&&o()!==s.desktop&&(this.type=a.default)}fileInputHandler(){this.input.files.length&&(this.invalidFiles=this.checkFiles(Array.from(this.input.files)))}handleAccessibility(){this.filesNumber>0?this.el.querySelector("z-file:last-child z-chip button").focus():this.type===a.default?this.button.shadowRoot.querySelector("button").focus():this.uploadLink.focus()}checkFiles(i){let e=new Map;const l=`supera i ${this.fileMaxSize}MB`;return i.forEach((i=>{const t=i.size/1024/1024,a=this.acceptedFormat.split(",").some((e=>i.name.toLowerCase().endsWith(e.trim()))),s=t<=this.fileMaxSize;if(s&&a)return this.fileInput.emit(i),this.filesNumber++,void(this.input.value="");e.set(i.name,[]),s||e.get(i.name).push(l),a||e.get(i.name).push(" ha un'estensione non prevista")})),e}renderTitle(){return l("z-heading",{id:"title",variant:"semibold",level:2},this.mainTitle)}renderDescription(i,e){return l("z-body",{variant:i,level:e},this.description)}renderAllowedFileExtensions(){let i="",e="";return this.acceptedFormat&&(i=` nei formati ${this.acceptedFormat.split(", ").map((i=>i.substring(1).toUpperCase())).join(", ")}`),this.fileMaxSize&&(e=` per un massimo di ${this.fileMaxSize}MB di peso`),l("z-body",{level:3},i||e?`Puoi allegare file${i}${e}.`:null)}renderFileSection(){return this.filesNumber>0&&l("section",{class:"files-container"},l("z-heading",{variant:"semibold",level:4},"File appena caricati"),l("div",{class:"files"},l("slot",{name:"files"})),l("z-divider",{size:n.medium}))}renderInput(){return l("input",Object.assign({},this.inputAttributes,{onChange:()=>this.fileInputHandler(),accept:this.acceptedFormat,ref:i=>this.input=i}))}renderUploadButton(){return[this.renderInput(),l("z-button",{onClick:()=>this.input.click(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.input.click())},id:"fileSelect",variant:this.buttonVariant,icon:"upload",ref:i=>this.button=i},"Allega")]}renderUploadLink(){return[this.renderInput(),l("z-body",{class:"upload-link-text",variant:"regular",level:1},"Trascinalo qui o"," ",l("z-body",{tabIndex:0,class:"upload-link",onClick:()=>this.input.click(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.input.click())},variant:"semibold",level:1,ref:i=>this.uploadLink=i},"caricalo")," ","dal tuo computer")]}renderDefaultMode(){return[this.renderDescription("semibold",3),this.renderAllowedFileExtensions(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),l("z-dragdrop-area",null,l("div",{class:"text-container"},this.renderDescription("regular",1),this.renderUploadLink(),this.renderAllowedFileExtensions()))]}formatErrorString(i,e){var l,t;return`Il file ${i} ${null!==(l=e[0])&&void 0!==l?l:""}${e[0]&&e[1]?", ":""} ${null!==(t=e[1])&&void 0!==t?t:""} e non può quindi essere caricato.`}handleErrorModalContent(){return l("div",{slot:"modalContent"},l("div",{class:"modalWrapper"},l("div",{class:"files"},Array.from(this.invalidFiles).map((([i,e])=>l("z-body",{variant:"regular",level:3},this.formatErrorString(i,e)))))))}render(){return[l("div",{tabIndex:0,class:`container ${this.type}`},this.renderTitle(),this.type==a.default?this.renderDefaultMode():this.renderDragDropMode()),!!this.invalidFiles.size&&l("z-modal",{tabIndex:0,ref:i=>this.errorModal=i,modaltitle:"Attenzione",onModalClose:()=>this.invalidFiles=new Map,onModalBackgroundClick:()=>this.invalidFiles=new Map},this.handleErrorModalContent())]}get el(){return t(this)}};r.style=".sc-z-file-upload-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);color:var(--color-text01)}.sc-z-file-upload-h>.container.sc-z-file-upload{display:flex;flex-direction:column}.sc-z-file-upload-h .modalWrapper.sc-z-file-upload{display:flex;justify-content:center;align-items:center}.sc-z-file-upload-h .modalWrapper.sc-z-file-upload>.files.sc-z-file-upload{margin:calc(var(--space-unit) * 4);display:flex;flex-direction:column;gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto}.sc-z-file-upload-h .text-container.sc-z-file-upload z-body.sc-z-file-upload{text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-link-primary);cursor:pointer}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}input#fileElem.sc-z-file-upload{display:none}#title.sc-z-file-upload{display:inline-block;margin-bottom:var(--space-unit)}.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{display:inline-block;margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>z-heading.sc-z-file-upload{display:inline-block;margin:calc(var(--space-unit) * 3) 0}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>.files.sc-z-file-upload{display:flex;flex-wrap:wrap;row-gap:calc(var(--space-unit) * 2);column-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>z-divider.sc-z-file-upload{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}@media only screen and (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}}";export{r as z_file_upload}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-98268a57.js";import{D as r}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-98268a57.js";import{D as r}from"./p-80a3e18a.js";import{b as s,g as o,h as n}from"./p-fea5b98f.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks(),this.setDevice(),window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice(),this.setStyle()}parseLinks(){var t;switch(typeof this.data){case"string":return this.links=null!==(t=s(this.data))&&void 0!==t?t:[];default:return 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:"footerLeft"},e("slot",{name:"footer-left"})),e("div",{class:"footerCenter"},e("div",{class:"bulletContainer"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footerRight"},e("slot",{name:"footer-right"})))}render(){return this.links&&this.links.length?e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter()):e("div",null)}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};a.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:inherit}:host>div{display:flex;flex-direction:column;width:inherit}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;top:50%;width:auto;cursor:pointer;transition:0.6s ease;margin:0 var(--space-unit);fill:var(--color-primary01);z-index:10}main .scroll.disabled{opacity:50%;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;transition:all 300ms;line-height:0px;overflow-y:hidden}footer{height:56px;width:100%;align-items:center;display:grid;grid-template-columns:2;grid-template-rows:2;grid-template-areas:"center center" "left right";border-top:var(--border-base) solid var(--color-surface02)}footer>div{align-items:center;width:100%}footer .footerCenter{grid-area:center}footer .footerLeft{grid-area:left}footer .footerRight{grid-area:right}footer .bulletContainer{display:flex;margin:0 auto;justify-content:center;align-items:center;min-height:60px}footer .bulletContainer .bullet{width:8px;height:8px;border-radius:50%;background-color:var(--bg-neutral-150);margin:var(--space-unit) 2px;pointer-events:none}footer .bulletContainer .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1;grid-template-areas:"left center right";height:76px;border-top:var(--border-base) solid var(--color-surface02)}footer .bulletContainer .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 .bulletContainer .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);pointer-events:auto;cursor:pointer}}';export{a as z_slideshow}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c,h,g as s}from"./p-98268a57.js";import{
|
|
1
|
+
import{r as i,c,h,g as s}from"./p-98268a57.js";import{j as t,D as o}from"./p-80a3e18a.js";import{g as r,h as e}from"./p-fea5b98f.js";import"./p-d69e14fb.js";const a=class{constructor(h){i(this,h),this.interactiveIconClick=c(this,"interactiveIconClick",7),this.type=t.default,this.disabled=!1}emitinteractiveIconClick(){this.interactiveIconClick.emit()}getIconSize(){return r()!==o.desktop?22:14}render(){return this.interactiveIcon?h("button",{class:this.type,disabled:this.disabled,tabindex:"0"},this.icon&&h("z-icon",{class:"iconSx",name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null),h("z-icon",{tabIndex:this.disabled?-1:0,onClick:()=>this.emitinteractiveIconClick(),onKeyUp:i=>e(i,this.emitinteractiveIconClick.bind(this)),name:this.interactiveIcon,width:this.getIconSize(),height:this.getIconSize()})):h("div",{class:`${this.type}`,tabindex:"0"},this.icon&&h("z-icon",{name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null))}get el(){return s(this)}};a.style=".sc-z-chip-h>button.sc-z-chip{display:inline-flex;align-items:center;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--gray400);border-radius:14px;color:var(--color-primary01);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled),.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:last-child{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:first-child{fill:var(--color-icon02)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{cursor:pointer}.sc-z-chip-h>button.sc-z-chip>z-icon.iconSx.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{margin-left:var(--space-unit);fill:var(--color-primary01)}.sc-z-chip-h>button.sc-z-chip:disabled,.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{color:var(--color-disabled03);fill:var(--color-disabled03)}.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{cursor:auto}.sc-z-chip-h>button.sc-z-chip:disabled{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>button.sc-z-chip:focus:focus-visible,.sc-z-chip-h>div.sc-z-chip:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not(:disabled):active{background-color:var(--gray50);text-decoration:underline}.sc-z-chip-h>button.sc-z-chip:not(:disabled):active:hover,.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled):active:hover>z-icon.sc-z-chip:last-child{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>div.sc-z-chip{display:inline-flex;align-items:center;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px}.sc-z-chip-h>div.sc-z-chip>z-icon.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:44px;line-height:44px;border-radius:22px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:40px;line-height:40px;border-radius:22px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:36px;line-height:36px;border-radius:22px}@media only screen and (min-width: 1152px){.sc-z-chip-h>button.sc-z-chip{font-size:12px}.sc-z-chip-h>div.sc-z-chip{font-size:12px}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:32px;line-height:32px;border-radius:16px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:28px;line-height:28px;border-radius:16px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:24px;line-height:24px;border-radius:16px}}";export{a as z_chip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,H as n,g as s}from"./p-98268a57.js";import{a as o,h as e}from"./p-fea5b98f.js";import{T as c}from"./p-80a3e18a.js";import"./p-d69e14fb.js";const l=class{constructor(i){t(this,i),this.links=[],this.visible=!1,this.visibleLink=""}handleFocusOutSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!1)}handleFocusSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!0)}componentDidLoad(){this.showFirstChild()}componentWillRender(){this.links&&(this.links="string"==typeof this.links?JSON.parse(this.links):this.links)}isInSkipToContent(t){return!!o(t).find((t=>"z-skip-to-content"===t.nodeName.toLowerCase()))}getFirstChild(){const t=this.hostElement.children;return!!t.length&&t[0]}showFirstChild(){const t=this.getFirstChild();t&&(this.visibleLink=t.id)}handleLinkClick(){this.visible=!1}render(){return i(n,{class:`${this.variant} ${this.visible&&"skip-to-content-visible"} `,ref:t=>t},this.links.map(((t,n)=>{const s=`skip-to-content-${n}`;return i("z-link",{id:s,underline:!0,"aria-label":t.ariaLabel||t.label,class:"t-weight-sb "+(s==this.visibleLink?"link-visible":"link-invisible"),href:t.href,textcolor:this.variant===c.dark?"white":"black",onFocus:()=>this.visibleLink=s,onClick:()=>this.handleLinkClick(),onKeyUp:t=>e(t,this.handleLinkClick.bind(this))},t.label)})))}get hostElement(){return s(this)}};l.style=".sc-z-skip-to-content-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:absolute;left:-100%;background-color:#24f4ff;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 3);height:60px;box-sizing:border-box}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:block;text-align:center}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{height:0;width:0;overflow:hidden}.sc-z-skip-to-content-h>z-link.link-visible.sc-z-skip-to-content{height:initial;width:initial}.dark.sc-z-skip-to-content-h{background-color:var(--bg-grey-800);color:var(--color-white)}.light.sc-z-skip-to-content-h{background-color:var(--bg-white);color:var(--text-grey-800);border:2px solid var(--text-grey-800)}@media (min-width: 768px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{text-align:left}}@media (min-width: 1152px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:inline-block;padding:0 calc(var(--space-unit) * 3);border-right:1px solid var(--bg-grey-800)}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{height:initial;width:initial;overflow:initial}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child{border-right:none;padding-right:0}.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{border-right:1px solid var(--bg-white)}}";export{l as z_skip_to_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as n,g as i,c as o}from"./p-98268a57.js";import{
|
|
1
|
+
import{r as t,h as e,H as n,g as i,c as o}from"./p-98268a57.js";import{w as a,E as s,x as r,d as c,y as l,K as h}from"./p-80a3e18a.js";const u=class{constructor(e){t(this,e),this.size=a.medium}setChildrenSizeType(){const t=this.host.children;for(let e=0;e<t.length-1;e++)t[e].setAttribute("size",this.size)}componentDidLoad(){this.setChildrenSizeType()}render(){return e(n,{role:"list"},e("slot",null))}get host(){return i(this)}};u.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:flex;flex-direction:column}";const d=class{constructor(e){t(this,e),this.accessibleFocus=o(this,"accessibleFocus",7),this.clickItem=o(this,"clickItem",7),this.alignButton=s.left,this.clickable=!1,this.dividerColor="color-surface03",this.dividerType=r.none,this.dividerSize=c.small,this.expandable=!1,this.expandableStyle=l.accordion,this.size=a.medium,this.color="none",this.disabled=!1,this.isContextualMenu=!1,this.showInnerContent=!1,this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}},this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}accessibleFocusHandler(t){this.listElementId===t.detail&&this.host.shadowRoot.getElementById(`z-list-element-id-${t.detail}`).focus()}handleClick(){this.clickItem.emit(this.listElementId),this.expandable&&(this.showInnerContent=!this.showInnerContent)}calculateClass(){return this.isContextualMenu?"container-contextual-menu":"container"}handleKeyDown(t){const e=t.code===h.ENTER;switch(t.code){case h.ARROW_DOWN:t.preventDefault(),this.accessibleFocus.emit(this.listElementId+1);break;case h.ARROW_UP:t.preventDefault(),this.accessibleFocus.emit(this.listElementId-1);break;case h.ENTER:t.preventDefault(),this.clickItem.emit(this.listElementId)}this.expandable&&e&&(this.showInnerContent=!this.showInnerContent)}renderExpandableButton(){return this.expandable?e("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close}):null}renderExpandedContent(){return this.expandable?e("div",{class:{"z-list-element-inner-container":!0,expanded:this.showInnerContent}},e("slot",{name:"inner-content"})):null}render(){return e(n,{role:"listitem","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.isContextualMenu?null:"0"},e("div",{class:`${this.calculateClass()}`,style:{color:`var(--${this.color})`},tabindex:this.isContextualMenu?"0":"-1",id:`z-list-element-id-${this.listElementId}`},e("div",{class:"z-list-element-container"},this.renderExpandableButton(),e("slot",null)),this.renderExpandedContent()),this.dividerType===r.element&&e("z-divider",{color:this.dividerColor,size:this.dividerSize}))}get host(){return i(this)}};d.style=':host{outline:none}:host>.container,:host>.container-contextual-menu{--background-color-list-element:var(--bg-white);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02);font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}:host([size="small"])>.container{padding:calc(var(--space-unit) / 2) 0;min-height:calc(var(--space-unit) * 4)}:host([size="medium"])>.container{padding:var(--space-unit) 0;min-height:calc(var(--space-unit) * 5)}:host([size="large"])>.container{padding:calc(var(--space-unit) * 2) 0;min-height:calc(var(--space-unit) * 7)}:host([size="x-large"])>.container{padding:calc(var(--space-unit) * 3) 0;min-height:calc(var(--space-unit) * 9)}:host([expandable])>.container,:host([expandable])>.container-contextual-menu,:host([clickable])>.container,:host([clickable])>.container-contextual-menu{cursor:pointer}:host([expandable]:hover)>.container,:host([expandable]:hover)>.container-contextual-menu,:host([clickable]:hover)>.container,:host([clickable]:hover)>.container-contextual-menu{background-color:var(--background-hover-color-list-element)}:host([expandable]:focus:focus-visible)>.container,:host([expandable]:focus:focus-visible)>.container-contextual-menu,:host([clickable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container-contextual-menu{box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([expandable]:active)>.container-contextual-menu,:host([clickable]:active)>.container,:host([clickable]:active)>.container-contextual-menu{background-color:var(--background-active-color-list-element)}:host([align-button="left"][expandable])>.container>.z-list-element-container,:host([align-button="left"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.z-list-element-container,:host([align-button="right"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button="left"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button="left"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button="right"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container,:host>.container-contextual-menu>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded,:host>.container-contextual-menu>.z-list-element-inner-container.expanded{display:block}:host([clickable]:hover)>.container-contextual-menu{background-color:var(--color-surface03)}.container-contextual-menu:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}';const m=class{constructor(e){t(this,e),this.size=a.medium,this.dividerType=r.none,this.dividerSize=c.small,this.dividerColor="gray200"}componentDidLoad(){const t=this.host.children;for(let e=0;e<t.length;e++)t.length-1>e&&(t[e].setAttribute("divider-type",this.dividerType),t[e].setAttribute("divider-size",this.dividerSize),t[e].setAttribute("divider-color",this.dividerColor)),t[e].setAttribute("size",this.size)}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return e(n,{role:"group"},e("div",{class:{"z-list-group-header-container":!0,"has-header":this.hasHeader}},e("slot",{name:"header-title"}),this.dividerType===r.header&&e("z-divider",{color:this.dividerColor,size:this.dividerSize})),e("slot",null))}get host(){return i(this)}};m.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;line-height:1.4;letter-spacing:0.16px}:host>.z-list-group-header-container.has-header{padding-top:var(--space-unit);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}";export{u as z_list,d as z_list_element,m as z_list_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as e}from"./p-98268a57.js";import{L as t}from"./p-80a3e18a.js";const a=class{constructor(e){r(this,e),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let r="";return this.cardtype===t.real?r+="real":this.cardtype===t.trial?r+="trial":this.cardtype===t.temp&&(r+="temp"),this.faded?r+=" faded":this.ispressed?r+=" pressed":this.ishighlighted&&(r+=" highlighted"),r}render(){return e("div",{class:this.retrieveClass(),tabindex:"0"},e("slot",null))}};a.style=":host{--card-overflow:hidden}div{background-color:var(--color-surface01);display:flex;flex-direction:column;width:auto;box-sizing:border-box;width:256px;height:522px;border:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius);overflow:var(--card-overflow)}div.real,div.trial,div.temp{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";const i=class{constructor(e){r(this,e)}render(){return e("div",null,e("slot",{name:"alert"}),e("slot",{name:"cover"}))}};i.style=":host{height:340px;width:auto}:host>div{height:340px;width:auto;display:flex;align-items:center;justify-content:center;position:relative}";const o=class{constructor(e){r(this,e)}hadleOnImageError(){this.img=this.defaultimg}render(){return e("img",{class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};o.style="img{display:block;margin:auto auto;height:340px;max-width:100%;object-fit:cover}img.faded{opacity:0.3}";const s=class{constructor(e){r(this,e),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===t.real,trial:this.cardtype===t.trial,temp:this.cardtype===t.temp,faded:this.faded}}render(){return e("header",{class:this.retrieveClass()},e("h2",{ref:r=>this.ellipsis=r,title:this.getTitle()},this.titolo),e("slot",{name:"icon"}))}};s.style="header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:auto;height:calc(var(--space-unit) * 6);position:relative;border-bottom:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius) var(--border-radius)\n var(--border-no-radius) var(--border-no-radius);background-color:var(--color-surface01)}header.real,header.trial,header.temp{background-color:var(--accent-lighter);border-bottom:var(--border-size-medium) solid var(--accent)}h2{font-family:var(--font-family-sans);font-weight:var(--font-sb);color:var(--color-surface05);height:calc(var(--space-unit) * 2);font-size:12px;text-transform:uppercase;letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);margin:0px;padding:calc(var(--space-unit) * 2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";export{a as z_myz_card,i as z_myz_card_body,o as z_myz_card_cover,s as z_myz_card_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,H as l,g as i}from"./p-98268a57.js";import{b as r,c as o}from"./p-
|
|
1
|
+
import{r as t,c as e,h as a,H as l,g as i}from"./p-98268a57.js";import{b as r,c as o}from"./p-80a3e18a.js";import{m as s}from"./p-d69e14fb.js";const d=class{constructor(a){t(this,a),this.callToAction=e(this,"callToAction",7),this.callToActionTwo=e(this,"callToActionTwo",7),this.errorMessage="Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto",this.bordered=!1,this.columnSticky=!1,this.empty=!1,this.error=!1,this.headerSticky=!1,this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare",this.subtitle=""}handleResize(){this.isMobile=window.innerWidth<=s}handleOrientationChange(){this.isMobile=screen.width<=s}componentWillLoad(){var t;this.isMobile=window.innerWidth<=s;const e=this.host.querySelector('[slot="table-body"]');this.hasTableBody=!!(null===(t=null==e?void 0:e.children)||void 0===t?void 0:t.length),e&&!this.hasTableBody&&e.remove()}componentWillRender(){this.host.setAttribute("role","table")}renderError(t){const e=this.lines?`calc(40px * ${this.lines})`:"auto";return a(l,null,a("div",{class:t},a("slot",{name:"table-header"})),a("z-table-error",null,a("div",{class:"error-content",style:{minHeight:e}},a("slot",{name:"error-image"}),a("div",{class:"text"},a("z-body",{class:"error-message",level:3,variant:"semibold"},this.errorMessage),a("slot",{name:"error-action"})))))}renderEmpty(t){const e=this.isMobile?o.small:o.big,i=this.hasTableBody?"table-content":"";return this.hasTableBody?a(l,null,a("div",{class:t},a("slot",{name:"table-header"}),a("div",{class:i},a("slot",{name:"table-body"}),a("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&a("z-button",{slot:"cta1",variant:r.tertiary,onClick:()=>this.callToAction.emit(),size:e},this.callToActionLabel),!!this.callToActionTwoLabel&&a("z-button",{slot:"cta2",variant:r.tertiary,onClick:()=>this.callToActionTwo.emit(),size:e},this.callToActionTwoLabel))))):a(l,null,a("div",{class:t},a("slot",{name:"table-header"})),a("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&a("z-button",{slot:"cta1",variant:r.tertiary,onClick:()=>this.callToAction.emit(),size:e},this.callToActionLabel),!!this.callToActionTwoLabel&&a("z-button",{slot:"cta2",variant:r.tertiary,onClick:()=>this.callToActionTwo.emit(),size:e},this.callToActionTwoLabel)))}render(){const t=`table ${this.empty?"table-empty":""} ${this.bordered?"table-bordered":""}\n ${this.columnSticky?"table-column-sticky":""}\n ${this.headerSticky?"table-header-sticky":""}`;return this.error?this.renderError(t):this.empty?this.renderEmpty(t):a(l,null,a("div",{class:t},a("slot",null)),a("slot",{name:"sticky-footer"}))}static get assetsDirs(){return["assets"]}get host(){return i(this)}};d.style="z-table{overflow-x:auto;display:block;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-rg);background-color:var(--color-white)}z-table>div.table{display:table;width:100%;border-collapse:separate}z-table>div.table-bordered>z-table-body>z-table-row>z-table-cell:not(:last-child),z-table>div.table-bordered>z-table-head>z-table-header-row>z-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--bg-grey-200)}z-table>div>z-table-body>z-table-row[expandable]>z-table-cell:first-child,z-table>div>z-table-head>z-table-header-row[expandable]>z-table-header:first-child{border-right:none}z-table>div>z-table-body>z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table>div>z-table-body>z-table-row[expanded]+z-table-expanded-row{border-bottom:1px solid var(--gray200)}z-table>div.table-column-sticky>z-table-body>z-table-row>z-table-cell:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{position:sticky;left:0;box-shadow:1px 0 4px -1px rgba(66, 69, 72, 0.4);z-index:1}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;top:0;box-shadow:0 2px 3px -3px rgba(66, 69, 72, 0.4)}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{z-index:2}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{z-index:5}z-table-body{width:auto;background-color:var(--color-white)}z-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--bg-grey-200)}z-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--bg-grey-200)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;flex-direction:row;width:100%}.error-content{font-family:var(--dashboard-font);padding:calc(var(--space-unit) * 3);display:flex}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-table>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";export{d as z_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as r}from"./p-98268a57.js";import{
|
|
1
|
+
import{r as e,c as t,h as r}from"./p-98268a57.js";import{p as i}from"./p-80a3e18a.js";const o=class{constructor(r){e(this,r),this.undoAction=t(this,"undoAction",7)}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){32!=e.keyCode&&13!=e.keyCode||(e.preventDefault(),this.emitUndoAction())}handleActionButtonClick(e){e.preventDefault(),this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="addAlert";break;case"remove":e="removeAlert";break;default:e=""}return e}getAlertType(){switch(this.type){case"add":return i.success;case"remove":return i.warning;default:return null}}render(){return r("div",{class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{type:this.getAlertType()},r("div",{class:"relativeContainer"},r("z-icon",{name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{class:"contentText"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{role:"button",tabindex:"0",class:"contentAction",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}};o.style=":host{position:absolute;font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%;top:0px;left:0px;z-index:2}:host>z-alert{height:calc(var(--space-unit) * 6)}.relativeContainer{position:relative;display:grid;grid-template-columns:18px auto 46px;grid-template-rows:1fr;grid-column-gap:var(--space-unit);align-items:center;padding:0;outline:none}.relativeContainer::-moz-focus-inner{border:0}.alert-external-wrapper.removeAlert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.addAlert{background:var(--color-success-inverse)}:host div.removeAlert{background:var(--color-warning-inverse)}:host div>.contentText{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.contentAction{color:var(--color-primary01);font-size:12px;font-weight:var(--font-sb);height:20px;letter-spacing:0.32px;line-height:20px;cursor:pointer}:host div>z-icon{justify-self:center}";export{o as z_myz_card_alert}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as r,H as t}from"./p-98268a57.js";import{Z as s}from"./p-80a3e18a.js";const i=class{constructor(r){a(this,r),this.mode=s.polite}render(){return r(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},r("slot",null))}};export{i as z_aria_alert}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as a,H as l}from"./p-98268a57.js";import{
|
|
1
|
+
import{r as e,c as t,h as a,H as l}from"./p-98268a57.js";import{s as d}from"./p-80a3e18a.js";const r=class{constructor(a){e(this,a),this.expand=t(this,"expand",7),this.expandedType=d.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return a("z-table-cell",{style:{borderRight:"none"}},this.expandedType==d.expandable?a("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):a("div",{class:"z-icon-placeholder"}))}render(){return a(l,{role:"row",expanded:this.expanded,onClick:e=>{this.expandedType===d.expandable&&"Z-CONTEXTUAL-MENU"!==e.target.nodeName&&this.handleExpand()}},this.expandedType!==d.none&&this.renderExpandButton(),a("slot",null))}};r.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';export{r as z_table_row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as a}from"./p-98268a57.js";import{N as n,q as o}from"./p-80a3e18a.js";import{i as e}from"./p-571e9db9.js";const r=class{constructor(a){i(this,a),this.selectedEvent=t(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation=n.horizontal,this.size=o.big}scrollToTab({target:i}){i.scrollIntoView(Object.assign({behavior:"smooth"},this.orientation===n.horizontal?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"}))}onClick(){this.selected=!0}onSelected(){this.selected&&this.selectedEvent.emit()}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;return this.selected&&Object.keys(e).includes(t)&&(i=t),a("z-icon",{name:i})}render(){return a("a",{role:"tab",href:!this.disabled&&this.href,title:this.htmlTitle,target:this.target,onFocus:this.scrollToTab.bind(this)},this.icon&&this.renderIcon(),"horizontal"===this.orientation&&this.label)}static get watchers(){return{selected:["onSelected"]}}};r.style='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{box-shadow:inset var(--shadow-focus-primary)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentColor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{content:"";position:absolute;background-color:var(--color-hover-secondary)}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:hover:not([disabled])>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{width:var(--border-size-large);height:100%;top:0;right:0}';export{r as z_navigation_tab_link}
|