@zanichelli/albe-web-components 2.37.0 → 2.38.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/CHANGELOG.md +24 -0
- package/dist/cjs/{index-73c33cf4.js → index-dcab1bda.js} +5 -0
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-95a9a879.js → utils-971854fc.js} +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-app-switcher.cjs.entry.js +1 -1
- package/dist/cjs/z-app-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-avatar.cjs.entry.js +1 -1
- package/dist/cjs/z-body_2.cjs.entry.js +40 -0
- package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
- package/dist/cjs/z-button.cjs.entry.js +39 -0
- package/dist/cjs/z-card.cjs.entry.js +69 -0
- package/dist/cjs/z-carousel.cjs.entry.js +19 -0
- package/dist/cjs/z-chip.cjs.entry.js +15 -5
- 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-divider.cjs.entry.js +1 -1
- package/dist/cjs/z-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-icon.cjs.entry.js +28 -0
- 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 +1 -1
- 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 +1 -1
- 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-tabs.cjs.entry.js +1 -1
- package/dist/cjs/z-notification.cjs.entry.js +1 -1
- 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 +125 -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-body.cjs.entry.js +24 -0
- package/dist/cjs/z-table-cell.cjs.entry.js +36 -0
- package/dist/cjs/z-table-empty-box.cjs.entry.js +32 -0
- package/dist/cjs/z-table-head.cjs.entry.js +23 -0
- package/dist/cjs/z-table-header-row.cjs.entry.js +22 -0
- package/dist/cjs/z-table-header.cjs.entry.js +88 -0
- package/dist/cjs/z-table-row.cjs.entry.js +43 -0
- package/dist/cjs/z-table-sticky-footer.cjs.entry.js +19 -0
- package/dist/cjs/z-table.cjs.entry.js +82 -0
- 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-tooltip.cjs.entry.js +1 -1
- package/dist/collection/beans/index.js +5 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/buttons/z-chip/index.js +78 -7
- package/dist/collection/components/buttons/z-chip/styles.css +66 -0
- package/dist/collection/components/z-carousel/index.js +19 -0
- package/dist/collection/components/z-carousel/styles.css +27 -0
- package/dist/esm/{index-a4f73ed9.js → index-6b86a3f1.js} +6 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-7032aa6d.js → utils-351595e0.js} +2 -2
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-app-switcher.entry.js +1 -1
- package/dist/esm/z-app-topbar.entry.js +1 -1
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +1 -1
- package/dist/esm/z-body_2.entry.js +35 -0
- package/dist/esm/z-button-filter_5.entry.js +2 -2
- package/dist/esm/z-button.entry.js +35 -0
- package/dist/esm/z-card.entry.js +65 -0
- package/dist/esm/z-carousel.entry.js +15 -0
- package/dist/esm/z-chip.entry.js +16 -6
- 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-divider.entry.js +1 -1
- package/dist/esm/z-footer.entry.js +1 -1
- package/dist/esm/z-icon.entry.js +24 -0
- 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 +1 -1
- 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 +1 -1
- 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-tabs.entry.js +1 -1
- package/dist/esm/z-notification.entry.js +1 -1
- 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 +121 -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-body.entry.js +20 -0
- package/dist/esm/z-table-cell.entry.js +32 -0
- package/dist/esm/z-table-empty-box.entry.js +28 -0
- package/dist/esm/z-table-head.entry.js +19 -0
- package/dist/esm/z-table-header-row.entry.js +18 -0
- package/dist/esm/z-table-header.entry.js +84 -0
- package/dist/esm/z-table-row.entry.js +39 -0
- package/dist/esm/z-table-sticky-footer.entry.js +15 -0
- package/dist/esm/z-table.entry.js +78 -0
- 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-tooltip.entry.js +1 -1
- package/dist/types/beans/index.d.ts +4 -0
- package/dist/types/components/buttons/z-chip/index.d.ts +6 -0
- package/dist/types/components/z-carousel/index.d.ts +8 -0
- package/dist/types/components.d.ts +20 -1
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/{p-e27b9cba.entry.js → p-02796506.entry.js} +1 -1
- package/dist/web-components-library/p-1094e4de.entry.js +1 -0
- package/dist/web-components-library/{p-9c8aac51.entry.js → p-209cc06f.entry.js} +1 -1
- package/dist/web-components-library/{p-25cfbd3a.entry.js → p-28b18ca4.entry.js} +1 -1
- package/dist/web-components-library/p-3241471c.entry.js +1 -0
- package/dist/web-components-library/p-3b3cb18b.entry.js +1 -0
- package/dist/web-components-library/{p-7595ed18.entry.js → p-3d8b00fd.entry.js} +1 -1
- package/dist/web-components-library/{p-7e9a16c8.entry.js → p-41f6c8c4.entry.js} +1 -1
- package/dist/web-components-library/p-4665d79f.entry.js +1 -0
- package/dist/web-components-library/p-48e0a763.entry.js +1 -0
- package/dist/web-components-library/p-4c1dc891.entry.js +1 -0
- package/dist/web-components-library/{p-21a50621.entry.js → p-4c8e6232.entry.js} +1 -1
- package/dist/web-components-library/{p-efeecbb7.entry.js → p-509408f3.entry.js} +1 -1
- package/dist/web-components-library/p-597e767a.entry.js +1 -0
- package/dist/web-components-library/{p-fd60b041.entry.js → p-5d4bb66b.entry.js} +1 -1
- package/dist/web-components-library/{p-346db6a6.entry.js → p-5ee63e7f.entry.js} +1 -1
- package/dist/web-components-library/p-6934ea47.js +1 -0
- package/dist/web-components-library/{p-06e7159b.entry.js → p-71bb86a8.entry.js} +1 -1
- package/dist/web-components-library/p-733ba674.entry.js +1 -0
- package/dist/web-components-library/{p-d329ffe4.entry.js → p-74217d44.entry.js} +1 -1
- package/dist/web-components-library/{p-4fef4307.entry.js → p-7ce4db78.entry.js} +1 -1
- package/dist/web-components-library/{p-3543cfd5.entry.js → p-8923f36d.entry.js} +1 -1
- package/dist/web-components-library/{p-2b94e667.entry.js → p-89dbe6e9.entry.js} +1 -1
- package/dist/web-components-library/p-8c9e3bb8.entry.js +1 -0
- package/dist/web-components-library/p-8deddec7.entry.js +1 -0
- package/dist/web-components-library/{p-e40bf20d.entry.js → p-913cd0da.entry.js} +1 -1
- package/dist/web-components-library/{p-0c7427ec.entry.js → p-98a7eedb.entry.js} +1 -1
- package/dist/web-components-library/p-9af1322d.entry.js +1 -0
- package/dist/web-components-library/{p-0ab6a465.entry.js → p-9b2f8028.entry.js} +1 -1
- package/{www/build/p-8aaba07d.entry.js → dist/web-components-library/p-a0b11f65.entry.js} +1 -1
- package/dist/web-components-library/p-a3a64dc8.entry.js +1 -0
- package/dist/web-components-library/{p-44dc89cf.entry.js → p-a4fe497a.entry.js} +1 -1
- package/{www/build/p-c3e5e43e.entry.js → dist/web-components-library/p-ba1db0fc.entry.js} +1 -1
- package/dist/web-components-library/{p-819b5d17.entry.js → p-bd717ced.entry.js} +1 -1
- package/dist/web-components-library/{p-ecac657b.entry.js → p-beda87c3.entry.js} +1 -1
- package/dist/web-components-library/{p-453af930.entry.js → p-bf4539a7.entry.js} +1 -1
- package/dist/web-components-library/{p-29e389cb.entry.js → p-c6265fbb.entry.js} +1 -1
- package/dist/web-components-library/p-c8f19ca8.entry.js +1 -0
- package/dist/web-components-library/{p-b85f7e9a.entry.js → p-d1a52660.entry.js} +1 -1
- package/dist/web-components-library/p-d4c4b90a.entry.js +1 -0
- package/dist/web-components-library/p-d945c8d2.js +1 -0
- package/dist/web-components-library/p-ddc3c8c2.entry.js +1 -0
- package/dist/web-components-library/{p-f552b72d.entry.js → p-ded374d7.entry.js} +1 -1
- package/dist/web-components-library/{p-4081b879.entry.js → p-e55fc434.entry.js} +1 -1
- package/dist/web-components-library/{p-1ce5ea61.entry.js → p-e6b971b9.entry.js} +1 -1
- package/dist/web-components-library/p-e84d871b.entry.js +1 -0
- package/dist/web-components-library/p-e9be115a.entry.js +1 -0
- package/dist/web-components-library/{p-6252d20b.entry.js → p-ea84969a.entry.js} +1 -1
- package/dist/web-components-library/p-f7b1dc68.entry.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 -2
- package/react/components.js.map +1 -1
- package/www/build/index.esm.js +1 -1
- package/www/build/{p-e27b9cba.entry.js → p-02796506.entry.js} +1 -1
- package/www/build/p-1094e4de.entry.js +1 -0
- package/www/build/{p-9c8aac51.entry.js → p-209cc06f.entry.js} +1 -1
- package/www/build/{p-25cfbd3a.entry.js → p-28b18ca4.entry.js} +1 -1
- package/www/build/p-3241471c.entry.js +1 -0
- package/www/build/p-3b3cb18b.entry.js +1 -0
- package/www/build/{p-7595ed18.entry.js → p-3d8b00fd.entry.js} +1 -1
- package/www/build/{p-7e9a16c8.entry.js → p-41f6c8c4.entry.js} +1 -1
- package/www/build/p-4665d79f.entry.js +1 -0
- package/www/build/p-48e0a763.entry.js +1 -0
- package/www/build/p-4c1dc891.entry.js +1 -0
- package/www/build/{p-21a50621.entry.js → p-4c8e6232.entry.js} +1 -1
- package/www/build/{p-efeecbb7.entry.js → p-509408f3.entry.js} +1 -1
- package/www/build/p-597e767a.entry.js +1 -0
- package/www/build/{p-fd60b041.entry.js → p-5d4bb66b.entry.js} +1 -1
- package/www/build/{p-346db6a6.entry.js → p-5ee63e7f.entry.js} +1 -1
- package/www/build/p-6934ea47.js +1 -0
- package/www/build/p-69f277e5.js +1 -0
- package/www/build/{p-06e7159b.entry.js → p-71bb86a8.entry.js} +1 -1
- package/www/build/p-733ba674.entry.js +1 -0
- package/www/build/{p-d329ffe4.entry.js → p-74217d44.entry.js} +1 -1
- package/www/build/{p-4fef4307.entry.js → p-7ce4db78.entry.js} +1 -1
- package/www/build/{p-3543cfd5.entry.js → p-8923f36d.entry.js} +1 -1
- package/www/build/{p-2b94e667.entry.js → p-89dbe6e9.entry.js} +1 -1
- package/www/build/p-8c9e3bb8.entry.js +1 -0
- package/www/build/p-8deddec7.entry.js +1 -0
- package/www/build/{p-e40bf20d.entry.js → p-913cd0da.entry.js} +1 -1
- package/www/build/{p-0c7427ec.entry.js → p-98a7eedb.entry.js} +1 -1
- package/www/build/p-9af1322d.entry.js +1 -0
- package/www/build/{p-0ab6a465.entry.js → p-9b2f8028.entry.js} +1 -1
- package/{dist/web-components-library/p-8aaba07d.entry.js → www/build/p-a0b11f65.entry.js} +1 -1
- package/www/build/p-a3a64dc8.entry.js +1 -0
- package/www/build/{p-44dc89cf.entry.js → p-a4fe497a.entry.js} +1 -1
- package/{dist/web-components-library/p-c3e5e43e.entry.js → www/build/p-ba1db0fc.entry.js} +1 -1
- package/www/build/{p-819b5d17.entry.js → p-bd717ced.entry.js} +1 -1
- package/www/build/{p-ecac657b.entry.js → p-beda87c3.entry.js} +1 -1
- package/www/build/{p-453af930.entry.js → p-bf4539a7.entry.js} +1 -1
- package/www/build/{p-29e389cb.entry.js → p-c6265fbb.entry.js} +1 -1
- package/www/build/p-c8f19ca8.entry.js +1 -0
- package/www/build/{p-b85f7e9a.entry.js → p-d1a52660.entry.js} +1 -1
- package/www/build/p-d4c4b90a.entry.js +1 -0
- package/www/build/p-d945c8d2.js +1 -0
- package/www/build/p-ddc3c8c2.entry.js +1 -0
- package/www/build/{p-f552b72d.entry.js → p-ded374d7.entry.js} +1 -1
- package/www/build/{p-4081b879.entry.js → p-e55fc434.entry.js} +1 -1
- package/www/build/{p-1ce5ea61.entry.js → p-e6b971b9.entry.js} +1 -1
- package/www/build/p-e84d871b.entry.js +1 -0
- package/www/build/p-e9be115a.entry.js +1 -0
- package/www/build/{p-6252d20b.entry.js → p-ea84969a.entry.js} +1 -1
- package/www/build/p-ea943cbd.css +1 -0
- package/www/build/p-f7b1dc68.entry.js +1 -0
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +2 -4
- package/dist/cjs/z-body_15.cjs.entry.js +0 -575
- package/dist/esm/z-body_15.entry.js +0 -557
- package/dist/web-components-library/p-0af2894e.js +0 -1
- package/dist/web-components-library/p-29c08c91.js +0 -1
- package/dist/web-components-library/p-3355b667.entry.js +0 -1
- package/dist/web-components-library/p-5d34d798.entry.js +0 -1
- package/dist/web-components-library/p-976cdbfa.entry.js +0 -1
- package/dist/web-components-library/p-f8446b1e.entry.js +0 -1
- package/www/build/p-053e68f0.js +0 -122
- package/www/build/p-0af2894e.js +0 -1
- package/www/build/p-29c08c91.js +0 -1
- package/www/build/p-3355b667.entry.js +0 -1
- package/www/build/p-5d34d798.entry.js +0 -1
- package/www/build/p-976cdbfa.entry.js +0 -1
- package/www/build/p-97a11655.css +0 -789
- package/www/build/p-f8446b1e.entry.js +0 -1
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-dee3e21d.js');
|
|
6
|
+
const index$2 = require('./index-9651dba8.js');
|
|
7
|
+
const index$1 = require('./index-dcab1bda.js');
|
|
8
|
+
const utils = require('./utils-971854fc.js');
|
|
9
|
+
require('./_commonjsHelpers-119ffc74.js');
|
|
10
|
+
require('./breakpoints-88c4fd6c.js');
|
|
11
|
+
|
|
12
|
+
const stylesCss = ":host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}";
|
|
13
|
+
|
|
14
|
+
const ZTableHeader = class {
|
|
15
|
+
constructor(hostRef) {
|
|
16
|
+
index.registerInstance(this, hostRef);
|
|
17
|
+
this.sort = index.createEvent(this, "sort", 7);
|
|
18
|
+
/** Set padding size of cell, if special 0px padding will be set */
|
|
19
|
+
this.padding = index$1.Size.medium;
|
|
20
|
+
/** [Optional] Default sort order */
|
|
21
|
+
this.defaultSortDirection = index$1.SortDirectionEnum.asc;
|
|
22
|
+
this.sortDirection = index$1.SortDirectionEnum.none;
|
|
23
|
+
this.isMenuOpened = false;
|
|
24
|
+
this.emitOnSort = this.emitOnSort.bind(this);
|
|
25
|
+
}
|
|
26
|
+
emitOnSort() {
|
|
27
|
+
this.sort.emit({
|
|
28
|
+
columnId: this.columnId,
|
|
29
|
+
sortDirection: this.sortDirection,
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
handleSort() {
|
|
33
|
+
if (!this.sortable) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
this.sortDirection = (() => {
|
|
37
|
+
switch (this.sortDirection) {
|
|
38
|
+
case index$1.SortDirectionEnum.asc:
|
|
39
|
+
return index$1.SortDirectionEnum.desc;
|
|
40
|
+
case index$1.SortDirectionEnum.desc:
|
|
41
|
+
return index$1.SortDirectionEnum.asc;
|
|
42
|
+
case index$1.SortDirectionEnum.none:
|
|
43
|
+
return this.defaultSortDirection;
|
|
44
|
+
default:
|
|
45
|
+
return index$1.SortDirectionEnum.none;
|
|
46
|
+
}
|
|
47
|
+
})();
|
|
48
|
+
this.emitOnSort();
|
|
49
|
+
}
|
|
50
|
+
handleMenuClick() {
|
|
51
|
+
this.isMenuOpened = !this.isMenuOpened;
|
|
52
|
+
}
|
|
53
|
+
handleOutsideClick(e) {
|
|
54
|
+
const tree = utils.getElementTree(e.target);
|
|
55
|
+
const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
|
|
56
|
+
if (!parent) {
|
|
57
|
+
this.isMenuOpened = false;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
handleClickHeaders(e) {
|
|
61
|
+
const { target } = e;
|
|
62
|
+
const parent = utils.getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-table-header");
|
|
63
|
+
if (!this.sortable || !parent) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
const parentColumnId = parent.attributes.getNamedItem("column-id").value;
|
|
67
|
+
const isSortable = target.parentNode.sortable || target.sortable;
|
|
68
|
+
if (parentColumnId !== this.columnId && isSortable) {
|
|
69
|
+
this.sortDirection = index$1.SortDirectionEnum.none;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
componentWillRender() {
|
|
73
|
+
this.host.setAttribute("role", "columnheader");
|
|
74
|
+
}
|
|
75
|
+
render() {
|
|
76
|
+
return (index.h(index.Host, { class: index$2.classnames({
|
|
77
|
+
sortable: this.sortable,
|
|
78
|
+
}), onClick: () => this.handleSort() }, index.h("div", { class: index$2.classnames("container") }, index.h("slot", null), this.sortable && this.sortDirection !== index$1.SortDirectionEnum.none && (index.h("z-icon", { name: this.sortDirection === index$1.SortDirectionEnum.asc
|
|
79
|
+
? "arrow-up"
|
|
80
|
+
: "arrow-down", class: "arrow" }))), this.showButton && (index.h("div", { class: index$2.classnames("popover-container", {
|
|
81
|
+
visible: this.isMenuOpened,
|
|
82
|
+
}) }, index.h("z-popover", { position: index$1.PopoverPosition["below-center"], "background-color": "gray200" }, index.h("z-button", { icon: "contextual-menu", variant: index$1.ButtonVariantEnum["tertiary"], size: index$1.ButtonSizeEnum["x-small"], square: true, slot: "trigger", onClick: () => this.handleMenuClick() }), index.h("div", { slot: "popover" }, index.h("slot", { name: "contextual-menu" })))))));
|
|
83
|
+
}
|
|
84
|
+
get host() { return index.getElement(this); }
|
|
85
|
+
};
|
|
86
|
+
ZTableHeader.style = stylesCss;
|
|
87
|
+
|
|
88
|
+
exports.z_table_header = ZTableHeader;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-dee3e21d.js');
|
|
6
|
+
const index$1 = require('./index-dcab1bda.js');
|
|
7
|
+
|
|
8
|
+
const stylesCss = "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}";
|
|
9
|
+
|
|
10
|
+
const ZTableRow = class {
|
|
11
|
+
constructor(hostRef) {
|
|
12
|
+
index.registerInstance(this, hostRef);
|
|
13
|
+
this.expand = index.createEvent(this, "expand", 7);
|
|
14
|
+
this.expandedType = index$1.ZTableRowExpandedType.none;
|
|
15
|
+
this.expanded = false;
|
|
16
|
+
}
|
|
17
|
+
emitOnExpand() {
|
|
18
|
+
this.expand.emit({ expanded: this.expanded });
|
|
19
|
+
}
|
|
20
|
+
handleExpand() {
|
|
21
|
+
this.expanded = !this.expanded;
|
|
22
|
+
this.emitOnExpand();
|
|
23
|
+
}
|
|
24
|
+
renderExpandButton() {
|
|
25
|
+
if (this.expandedType == index$1.ZTableRowExpandedType.expandable) {
|
|
26
|
+
return (index.h("z-table-cell", { style: { borderRight: "none" } }, index.h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
|
|
27
|
+
}
|
|
28
|
+
return (index.h("z-table-cell", { style: { borderRight: "none" } }, index.h("div", { class: "z-icon-placeholder" })));
|
|
29
|
+
}
|
|
30
|
+
render() {
|
|
31
|
+
return (index.h(index.Host, { role: "row", expanded: this.expanded, onClick: (event) => {
|
|
32
|
+
const contextualMenuClick = event.target.nodeName === 'Z-CONTEXTUAL-MENU';
|
|
33
|
+
const isExpandable = this.expandedType === index$1.ZTableRowExpandedType.expandable;
|
|
34
|
+
if (isExpandable && !contextualMenuClick) {
|
|
35
|
+
this.handleExpand();
|
|
36
|
+
}
|
|
37
|
+
} }, this.expandedType !== index$1.ZTableRowExpandedType.none &&
|
|
38
|
+
this.renderExpandButton(), index.h("slot", null)));
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
ZTableRow.style = stylesCss;
|
|
42
|
+
|
|
43
|
+
exports.z_table_row = ZTableRow;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-dee3e21d.js');
|
|
6
|
+
|
|
7
|
+
const stylesCss = ".sc-z-table-sticky-footer-h{display:block;position:sticky;left:0;padding:var(--basex2);background-color:var(--bg-white);border-style:solid;border-color:var(--gray200);border-width:var(--border-size-small) 0 var(--border-base);font-weight:var(--font-rg)}";
|
|
8
|
+
|
|
9
|
+
const ZTableStickyFooter = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (index.h("slot", null));
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
ZTableStickyFooter.style = stylesCss;
|
|
18
|
+
|
|
19
|
+
exports.z_table_sticky_footer = ZTableStickyFooter;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-dee3e21d.js');
|
|
6
|
+
const index$1 = require('./index-dcab1bda.js');
|
|
7
|
+
const breakpoints = require('./breakpoints-88c4fd6c.js');
|
|
8
|
+
|
|
9
|
+
const stylesCss = "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}}";
|
|
10
|
+
|
|
11
|
+
const ZTable = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.callToAction = index.createEvent(this, "callToAction", 7);
|
|
15
|
+
this.callToActionTwo = index.createEvent(this, "callToActionTwo", 7);
|
|
16
|
+
/** Error message */
|
|
17
|
+
this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
|
|
18
|
+
/** Sets table with border */
|
|
19
|
+
this.bordered = false;
|
|
20
|
+
/** Sets first column sticky */
|
|
21
|
+
this.columnSticky = false;
|
|
22
|
+
/** Sets empty table */
|
|
23
|
+
this.empty = false;
|
|
24
|
+
/** Set error status */
|
|
25
|
+
this.error = false;
|
|
26
|
+
/** Sets header sticky */
|
|
27
|
+
this.headerSticky = false;
|
|
28
|
+
/** Set message */
|
|
29
|
+
this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
|
|
30
|
+
/** Set subtitle */
|
|
31
|
+
this.subtitle = "";
|
|
32
|
+
}
|
|
33
|
+
handleResize() {
|
|
34
|
+
this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;
|
|
35
|
+
}
|
|
36
|
+
handleOrientationChange() {
|
|
37
|
+
this.isMobile = screen.width <= breakpoints.mobileBreakpoint;
|
|
38
|
+
}
|
|
39
|
+
componentWillLoad() {
|
|
40
|
+
var _a;
|
|
41
|
+
this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;
|
|
42
|
+
const tableBody = this.host.querySelector('[slot="table-body"]');
|
|
43
|
+
this.hasTableBody = !!((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.children) === null || _a === void 0 ? void 0 : _a.length);
|
|
44
|
+
if (!!tableBody && !this.hasTableBody) {
|
|
45
|
+
tableBody.remove();
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
componentWillRender() {
|
|
49
|
+
this.host.setAttribute("role", "table");
|
|
50
|
+
}
|
|
51
|
+
renderError(tableClass) {
|
|
52
|
+
const minHeight = this.lines ? `calc(40px * ${this.lines})` : "auto";
|
|
53
|
+
return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", { name: "table-header" })), index.h("z-table-error", null, index.h("div", { class: "error-content", style: { minHeight } }, index.h("slot", { name: "error-image" }), index.h("div", { class: "text" }, index.h("z-body", { class: "error-message", level: 3, variant: "semibold" }, this.errorMessage), index.h("slot", { name: "error-action" }))))));
|
|
54
|
+
}
|
|
55
|
+
renderEmpty(tableClass) {
|
|
56
|
+
const buttonSize = this.isMobile
|
|
57
|
+
? index$1.ButtonSizeEnum.small
|
|
58
|
+
: index$1.ButtonSizeEnum.big;
|
|
59
|
+
const tableContentClass = `${!!this.hasTableBody ? "table-content" : ""}`;
|
|
60
|
+
if (this.hasTableBody) {
|
|
61
|
+
return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", { name: "table-header" }), index.h("div", { class: tableContentClass }, index.h("slot", { name: "table-body" }), index.h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (index.h("z-button", { slot: "cta1", variant: index$1.ButtonVariantEnum.tertiary, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (index.h("z-button", { slot: "cta2", variant: index$1.ButtonVariantEnum.tertiary, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
|
|
62
|
+
}
|
|
63
|
+
return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", { name: "table-header" })), index.h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (index.h("z-button", { slot: "cta1", variant: index$1.ButtonVariantEnum.tertiary, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (index.h("z-button", { slot: "cta2", variant: index$1.ButtonVariantEnum.tertiary, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
|
|
64
|
+
}
|
|
65
|
+
render() {
|
|
66
|
+
const tableClass = `table ${this.empty ? "table-empty" : ""} ${this.bordered ? "table-bordered" : ""}
|
|
67
|
+
${this.columnSticky ? "table-column-sticky" : ""}
|
|
68
|
+
${this.headerSticky ? "table-header-sticky" : ""}`;
|
|
69
|
+
if (this.error) {
|
|
70
|
+
return this.renderError(tableClass);
|
|
71
|
+
}
|
|
72
|
+
if (this.empty) {
|
|
73
|
+
return this.renderEmpty(tableClass);
|
|
74
|
+
}
|
|
75
|
+
return (index.h(index.Host, null, index.h("div", { class: tableClass }, index.h("slot", null)), index.h("slot", { name: "sticky-footer" })));
|
|
76
|
+
}
|
|
77
|
+
static get assetsDirs() { return ["assets"]; }
|
|
78
|
+
get host() { return index.getElement(this); }
|
|
79
|
+
};
|
|
80
|
+
ZTable.style = stylesCss;
|
|
81
|
+
|
|
82
|
+
exports.z_table = ZTable;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-dee3e21d.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-dcab1bda.js');
|
|
7
7
|
|
|
8
8
|
const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:fixed;display:flex;flex-direction:column;flex-wrap:nowrap;z-index:10000;margin-bottom:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 2)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host(.bottom-centre),:host(.bottom-right),:host(.bottom-left){justify-content:flex-end;align-items:flex-end;bottom:0}:host(.top-left),:host(.top-right),:host(.top-centre){justify-content:flex-start;align-items:flex-start;top:0}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host(.top-centre){justify-content:flex-start;align-items:center;top:0;left:50%;transform:translateX(-50%)}:host(.top-left){justify-content:flex-start;align-items:flex-start;top:0;left:0}:host(.top-right){justify-content:flex-start;align-items:flex-end;top:0;right:0}:host(.bottom-centre){justify-content:flex-end;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}:host(.bottom-right){justify-content:flex-end;align-items:flex-end;bottom:0;right:0}:host(.bottom-left){justify-content:flex-end;align-items:flex-start;bottom:0;left:0}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-dee3e21d.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-dcab1bda.js');
|
|
7
7
|
const breakpoints = require('./breakpoints-88c4fd6c.js');
|
|
8
8
|
const hammer = require('./hammer-54230951.js');
|
|
9
9
|
require('./_commonjsHelpers-119ffc74.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-dee3e21d.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-dcab1bda.js');
|
|
7
7
|
|
|
8
8
|
const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--arrow-size:6px;--edge-offset:calc(-1 * (var(--arrow-size) + calc(var(--space-unit) * 2)));position:relative;display:none;align-items:center;justify-content:center;padding:var(--space-unit);min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);color:var(--z-tooltip-theme--text);fill:currentColor;font-family:var(--font-family-sans);text-align:center;border-radius:var(--border-radius-small);background:var(--z-tooltip-theme--surface);filter:drop-shadow(0 4px 8px var(--shadow-color-base));will-change:filter}:host(.legacy){display:inline-flex;padding:calc(var(--space-unit) * 2);min-width:auto;min-height:auto;max-width:200px;font-style:italic;line-height:16px;letter-spacing:0.32px;font-size:12px;border:var(--border-size-small) solid var(--gray200);border-radius:var(--border-radius);filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.08))}:host(.legacy)::before{--arrow-size:14px}:host([position])::before{--arrow-edge-offset:calc(100% - var(--arrow-size) - var(--space-unit));--arrow-center-x-offset:calc(50% - calc(var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - calc(var(--arrow-size) / 2));content:'';position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:inherit;transform:rotate(45deg)}:host([open][style*='top:']),:host([open][style*='inset:']){display:inline-flex}:host([position^='top']){margin-bottom:var(--space-unit)}:host([position='right']){margin-left:var(--space-unit)}:host([position='top_right']),:host([position='bottom_right']){margin-left:var(--edge-offset)}:host([position^='bottom']){margin-top:var(--space-unit)}:host([position='left']){margin-right:var(--space-unit)}:host([position='top_left']),:host([position='bottom_left']){margin-right:var(--edge-offset)}:host([position^='top'])::before{top:var(--arrow-center-y-offset)}:host([position^='bottom'])::before{bottom:var(--arrow-center-y-offset)}:host([position='top'])::before,:host([position='bottom'])::before{left:var(--arrow-center-x-offset)}:host([position='right'])::before,:host([position='left'])::before{top:var(--arrow-center-x-offset)}:host([position='right'])::before{right:var(--arrow-center-y-offset)}:host([position='top_right'])::before,:host([position='bottom_right'])::before{right:var(--arrow-edge-offset)}:host([position='left'])::before{left:var(--arrow-center-y-offset)}:host([position='top_left'])::before,:host([position='bottom_left'])::before{left:var(--arrow-edge-offset)}::slotted(*){flex:1 auto;overflow:auto}";
|
|
9
9
|
|
|
@@ -253,3 +253,8 @@ export var ZAriaAlertMode;
|
|
|
253
253
|
ZAriaAlertMode["polite"] = "polite";
|
|
254
254
|
ZAriaAlertMode["assertive"] = "assertive";
|
|
255
255
|
})(ZAriaAlertMode || (ZAriaAlertMode = {}));
|
|
256
|
+
export var ZChipType;
|
|
257
|
+
(function (ZChipType) {
|
|
258
|
+
ZChipType["default"] = "default";
|
|
259
|
+
ZChipType["mini"] = "mini";
|
|
260
|
+
})(ZChipType || (ZChipType = {}));
|
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
"./components/z-aria-alert/index.js",
|
|
51
51
|
"./components/z-avatar/index.js",
|
|
52
52
|
"./components/z-card/index.js",
|
|
53
|
+
"./components/z-carousel/index.js",
|
|
53
54
|
"./components/z-contextual-menu/index.js",
|
|
54
55
|
"./components/z-divider/index.js",
|
|
55
56
|
"./components/z-ghost-loading/index.js",
|
|
@@ -1,16 +1,28 @@
|
|
|
1
|
-
import { Component, Prop, h } from
|
|
1
|
+
import { Component, Prop, h, Element } from "@stencil/core";
|
|
2
|
+
import { ZChipType } from "../../../beans";
|
|
2
3
|
export class ZChip {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.disabled = false;
|
|
6
|
+
this.filter = false;
|
|
7
|
+
}
|
|
3
8
|
renderLegacyChip() {
|
|
4
|
-
return h("div", null,
|
|
9
|
+
return (h("div", null,
|
|
5
10
|
h("span", { class: "boldtext" }, this.boldtext),
|
|
6
11
|
" ",
|
|
7
|
-
this.regulartext);
|
|
12
|
+
this.regulartext));
|
|
13
|
+
}
|
|
14
|
+
renderFilterChip() {
|
|
15
|
+
if (this.filter) {
|
|
16
|
+
return (h("button", { class: this.type ? this.type : ZChipType.default, disabled: this.disabled, tabindex: "0" },
|
|
17
|
+
h("slot", null)));
|
|
18
|
+
}
|
|
19
|
+
return (h("div", { class: this.type ? this.type : "" },
|
|
20
|
+
h("slot", null)));
|
|
8
21
|
}
|
|
9
22
|
render() {
|
|
10
|
-
return this.boldtext != null || this.regulartext != null
|
|
11
|
-
this.renderLegacyChip()
|
|
12
|
-
|
|
13
|
-
h("slot", null));
|
|
23
|
+
return this.boldtext != null || this.regulartext != null
|
|
24
|
+
? this.renderLegacyChip()
|
|
25
|
+
: this.renderFilterChip();
|
|
14
26
|
}
|
|
15
27
|
static get is() { return "z-chip"; }
|
|
16
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -54,6 +66,65 @@ export class ZChip {
|
|
|
54
66
|
},
|
|
55
67
|
"attribute": "boldtext",
|
|
56
68
|
"reflect": false
|
|
69
|
+
},
|
|
70
|
+
"type": {
|
|
71
|
+
"type": "string",
|
|
72
|
+
"mutable": false,
|
|
73
|
+
"complexType": {
|
|
74
|
+
"original": "ZChipType",
|
|
75
|
+
"resolved": "ZChipType.default | ZChipType.mini",
|
|
76
|
+
"references": {
|
|
77
|
+
"ZChipType": {
|
|
78
|
+
"location": "import",
|
|
79
|
+
"path": "../../../beans"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
"required": false,
|
|
84
|
+
"optional": true,
|
|
85
|
+
"docs": {
|
|
86
|
+
"tags": [],
|
|
87
|
+
"text": ""
|
|
88
|
+
},
|
|
89
|
+
"attribute": "type",
|
|
90
|
+
"reflect": true
|
|
91
|
+
},
|
|
92
|
+
"disabled": {
|
|
93
|
+
"type": "boolean",
|
|
94
|
+
"mutable": false,
|
|
95
|
+
"complexType": {
|
|
96
|
+
"original": "boolean",
|
|
97
|
+
"resolved": "boolean",
|
|
98
|
+
"references": {}
|
|
99
|
+
},
|
|
100
|
+
"required": false,
|
|
101
|
+
"optional": true,
|
|
102
|
+
"docs": {
|
|
103
|
+
"tags": [],
|
|
104
|
+
"text": ""
|
|
105
|
+
},
|
|
106
|
+
"attribute": "disabled",
|
|
107
|
+
"reflect": true,
|
|
108
|
+
"defaultValue": "false"
|
|
109
|
+
},
|
|
110
|
+
"filter": {
|
|
111
|
+
"type": "boolean",
|
|
112
|
+
"mutable": false,
|
|
113
|
+
"complexType": {
|
|
114
|
+
"original": "boolean",
|
|
115
|
+
"resolved": "boolean",
|
|
116
|
+
"references": {}
|
|
117
|
+
},
|
|
118
|
+
"required": false,
|
|
119
|
+
"optional": true,
|
|
120
|
+
"docs": {
|
|
121
|
+
"tags": [],
|
|
122
|
+
"text": ""
|
|
123
|
+
},
|
|
124
|
+
"attribute": "filter",
|
|
125
|
+
"reflect": true,
|
|
126
|
+
"defaultValue": "false"
|
|
57
127
|
}
|
|
58
128
|
}; }
|
|
129
|
+
static get elementRef() { return "hostElement"; }
|
|
59
130
|
}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
:host > button {
|
|
2
|
+
display: inline-block;
|
|
3
|
+
padding: 0 calc(var(--space-unit) * 1.5);
|
|
4
|
+
background-color: var(--bg-white);
|
|
5
|
+
border: var(--border-size-medium) solid var(--bg-grey-200);
|
|
6
|
+
color: var(--text-grey-800);
|
|
7
|
+
fill: var(--text-grey-800);
|
|
8
|
+
font-family: var(--dashboard-font);
|
|
9
|
+
font-size: 14px;
|
|
10
|
+
}
|
|
11
|
+
|
|
1
12
|
:host > div {
|
|
2
13
|
display: inline-block;
|
|
3
14
|
min-height: 28px;
|
|
@@ -15,3 +26,58 @@
|
|
|
15
26
|
.boldtext {
|
|
16
27
|
font-weight: bold;
|
|
17
28
|
}
|
|
29
|
+
|
|
30
|
+
:host > button:hover {
|
|
31
|
+
color: var(--myz-blue-dark);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
:host > button:disabled {
|
|
35
|
+
border: var(--border-size-medium) solid var(--bg-grey-200);
|
|
36
|
+
color: rgb(149, 153, 157);
|
|
37
|
+
box-shadow: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
:host > button.default:focus:focus-visible,
|
|
41
|
+
:host > button.mini:focus:focus-visible {
|
|
42
|
+
box-shadow: var(--shadow-focus-primary);
|
|
43
|
+
outline: none;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
:host > button:not(:disabled):active {
|
|
47
|
+
background-color: var(--gray50);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
:host > button.default,
|
|
51
|
+
:host > div.default {
|
|
52
|
+
min-height: 44px;
|
|
53
|
+
border-radius: 22px;
|
|
54
|
+
line-height: 44px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:host > button.mini,
|
|
58
|
+
:host > div.mini {
|
|
59
|
+
min-height: 36px;
|
|
60
|
+
border-radius: 22px;
|
|
61
|
+
line-height: 36px;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* Desktop breakpoint */
|
|
65
|
+
@media only screen and (min-width: 1152px) {
|
|
66
|
+
:host > button {
|
|
67
|
+
font-size: 12px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
:host > button.default,
|
|
71
|
+
:host > div.default {
|
|
72
|
+
min-height: 32px;
|
|
73
|
+
border-radius: 16px;
|
|
74
|
+
line-height: 32px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
:host > button.mini,
|
|
78
|
+
:host > div.mini {
|
|
79
|
+
min-height: 24px;
|
|
80
|
+
border-radius: 16px;
|
|
81
|
+
line-height: 24px;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Component, h } from "@stencil/core";
|
|
2
|
+
/**
|
|
3
|
+
* ZCarousel component.
|
|
4
|
+
* @cssprop --z-carousel-gutter - The gutter between items.
|
|
5
|
+
* @slot - carousel items. use `<li>` elements inside this slot as it is wrapped inside an `<ul>`
|
|
6
|
+
*/
|
|
7
|
+
export class ZCarousel {
|
|
8
|
+
render() {
|
|
9
|
+
return (h("ul", { class: "z-carousel-items-container" },
|
|
10
|
+
h("slot", null)));
|
|
11
|
+
}
|
|
12
|
+
static get is() { return "z-carousel"; }
|
|
13
|
+
static get originalStyleUrls() { return {
|
|
14
|
+
"$": ["styles.css"]
|
|
15
|
+
}; }
|
|
16
|
+
static get styleUrls() { return {
|
|
17
|
+
"$": ["styles.css"]
|
|
18
|
+
}; }
|
|
19
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
font-family: var(--font-family-sans);
|
|
3
|
+
font-weight: var(--font-rg);
|
|
4
|
+
|
|
5
|
+
--z-carousel-gutter: 0;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.z-carousel-items-container {
|
|
9
|
+
display: flex;
|
|
10
|
+
overflow-x: scroll;
|
|
11
|
+
padding-inline-start: 0;
|
|
12
|
+
margin: 0;
|
|
13
|
+
list-style: none;
|
|
14
|
+
|
|
15
|
+
/* Hide scrollbar for IE, Edge and Firefox */
|
|
16
|
+
-ms-overflow-style: none; /* IE and Edge */
|
|
17
|
+
scrollbar-width: none; /* Firefox */
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
21
|
+
.z-carousel-items-container::-webkit-scrollbar {
|
|
22
|
+
display: none;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.z-carousel-items-container > *:not(:last-child) {
|
|
26
|
+
margin-right: var(--z-carousel-gutter);
|
|
27
|
+
}
|
|
@@ -253,5 +253,10 @@ var ZAriaAlertMode;
|
|
|
253
253
|
ZAriaAlertMode["polite"] = "polite";
|
|
254
254
|
ZAriaAlertMode["assertive"] = "assertive";
|
|
255
255
|
})(ZAriaAlertMode || (ZAriaAlertMode = {}));
|
|
256
|
+
var ZChipType;
|
|
257
|
+
(function (ZChipType) {
|
|
258
|
+
ZChipType["default"] = "default";
|
|
259
|
+
ZChipType["mini"] = "mini";
|
|
260
|
+
})(ZChipType || (ZChipType = {}));
|
|
256
261
|
|
|
257
|
-
export { AvatarSize as A,
|
|
262
|
+
export { AvatarSize as A, ButtonVariantEnum as B, CardVariants as C, DeviceEnum as D, ExpandableListButtonAlign as E, InputTypeEnum as I, KeyboardKeys as K, LicenseTypeEnum as L, NotificationType as N, PopoverPosition as P, StatusTagStatus as S, ThemeVariant as T, ZAriaAlertMode as Z, DividerOrientation as a, ZChipType as b, ButtonSizeEnum as c, PocketStatusEnum as d, InputStatusEnum as e, AlertTypesEnum as f, TooltipPosition as g, TabOrientationEnum as h, TabSizeEnum as i, ZTableRowExpandedType as j, keybordKeyCodeEnum as k, ToastNotificationTransitionsEnum as l, ToastNotificationPositionsEnum as m, ListSize as n, ListDividerType as o, DividerSize as p, ExpandableListStyle as q, Size as r, SortDirectionEnum as s, PopoverBorderRadius as t, PopoverShadow as u, ButtonTypeEnum as v };
|
package/dist/esm/index.js
CHANGED
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy(JSON.parse("[[\"z-body_15\",[[4,\"z-table\",{\"lines\":[514],\"errorMessage\":[1,\"error-message\"],\"bordered\":[4],\"callToActionLabel\":[1,\"call-to-action-label\"],\"callToActionTwoLabel\":[1,\"call-to-action-two-label\"],\"columnSticky\":[4,\"column-sticky\"],\"empty\":[4],\"error\":[4],\"errorLink\":[1,\"error-link\"],\"headerSticky\":[4,\"header-sticky\"],\"message\":[1],\"subtitle\":[1],\"hasTableBody\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"]]],[4,\"z-table-header-row\",{\"expandable\":[516]}],[4,\"z-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[32]}],[1,\"z-card\",{\"variant\":[513],\"coverIcon\":[1,\"cover-icon\"],\"clickable\":[516],\"showshadow\":[516],\"hasCoverImage\":[32]},[[0,\"click\",\"onClick\"]]],[6,\"z-table-body\"],[6,\"z-table-head\"],[6,\"z-table-sticky-footer\"],[1,\"z-table-header\",{\"columnId\":[1,\"column-id\"],\"padding\":[513],\"sortable\":[4],\"showButton\":[4,\"show-button\"],\"defaultSortDirection\":[1,\"default-sort-direction\"],\"sortDirection\":[1025,\"sort-direction\"],\"isMenuOpened\":[32]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]],[1,\"z-table-cell\",{\"showButton\":[4,\"show-button\"],\"padding\":[513],\"isMenuOpened\":[32]}],[6,\"z-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}],[6,\"z-popover\",{\"position\":[1],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[1,\"border-radius\"],\"boxShadow\":[1,\"box-shadow\"],\"showArrow\":[4,\"show-arrow\"],\"padding\":[1],\"isVisible\":[32],\"popoverPosition\":[32]},[[0,\"closePopover\",\"closePopover\"],[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]]],[1,\"z-body\",{\"level\":[2],\"variant\":[1],\"component\":[1]}],[1,\"z-typography\",{\"component\":[1],\"variant\":[1],\"level\":[1]}],[1,\"z-button\",{\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513],\"issmall\":[516],\"square\":[516]}],[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-modal-login\",[[6,\"z-modal-login\",{\"forgotPasswordUrl\":[1,\"forgot-password-url\"],\"heading\":[1],\"status\":[1025],\"message\":[1025],\"pwdmessage\":[1025],\"externalProviderCheck\":[32]}]]],[\"z-footer\",[[1,\"z-footer\",{\"data\":[1],\"productName\":[1,\"product-name\"],\"productVersion\":[1,\"product-version\"],\"productCreditsLink\":[1,\"product-credits-link\"],\"showReportAProblemButton\":[4,\"show-report-a-problem-button\"],\"contentMaxWidth\":[2,\"content-max-width\"]},[[0,\"zLinkClick\",\"zLinkClickListener\"]]]]],[\"z-combobox\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32]},[[0,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-myz-topbar\",[[1,\"z-myz-topbar\",{\"intlinkdata\":[1],\"extlinkdata\":[1],\"userdata\":[1],\"ismyz\":[4],\"logolink\":[1],\"imagealt\":[1],\"activeintlinkid\":[1],\"activesublinkid\":[1],\"hideloginbutton\":[4],\"activeMenuItem\":[32],\"currentMenuItem\":[32],\"isMobile\":[32],\"isMenuMobileOpen\":[32]},[[9,\"resize\",\"handleResize\"],[2,\"zListItemLinkClick\",\"handleZListItemLinkClick\"],[2,\"zListItemClick\",\"handleZListItemClick\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[1,\"popover-position\"]}]]],[\"z-myz-card-dictionary\",[[1,\"z-myz-card-dictionary\",{\"name\":[1],\"cover\":[1],\"disabled\":[4],\"flipped\":[1028],\"flipbuttonlabel\":[1],\"hideinfobtn\":[4]},[[0,\"flipCard\",\"handleFlipCard\"]]]]],[\"z-app-topbar\",[[1,\"z-app-topbar\",{\"theme\":[1],\"contentMaxWidth\":[2,\"content-max-width\"],\"topbarContent\":[1,\"topbar-content\"],\"logoLink\":[1,\"logo-link\"],\"showAppSwitcher\":[4,\"show-app-switcher\"],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-cookiebar\",[[1,\"z-cookiebar\",{\"cookiepolicyurl\":[1],\"hide\":[4],\"callback\":[16]}]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[1],\"showclose\":[4],\"showshadow\":[4]}]]],[\"z-myz-card-alert\",[[1,\"z-myz-card-alert\",{\"iconname\":[1],\"contenttext\":[1],\"actiontext\":[1],\"type\":[1]}]]],[\"z-myz-card-info\",[[1,\"z-myz-card-info\",{\"data\":[1],\"htmltabindex\":[2],\"hiddenContent\":[32],\"tooltip\":[32]}]]],[\"z-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-pagination-bar\",[[1,\"z-pagination-bar\",{\"pages\":[2],\"visiblepages\":[2],\"currentpage\":[1026],\"startpage\":[1026],\"historyraw\":[1],\"listhistoryrow\":[1040],\"currentPages\":[32]}]]],[\"z-panel-elem\",[[1,\"z-panel-elem\",{\"elemid\":[1],\"imgurl\":[1],\"imgalt\":[1],\"linkicon\":[1],\"linklabel\":[1],\"url\":[1],\"target\":[1],\"isdisabled\":[4],\"descr_slot_name\":[1]}]]],[\"z-user-dropdown\",[[1,\"z-user-dropdown\",{\"logged\":[4],\"userFullName\":[1,\"user-full-name\"],\"userEmail\":[1,\"user-email\"],\"menuContent\":[1,\"menu-content\"],\"useInverseColors\":[4,\"use-inverse-colors\"],\"isMenuOpen\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"],[8,\"click\",\"handleClickOutside\"]]]]],[\"z-app-header\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"stucked\":[32],\"menuLength\":[32]}]]],[\"z-button-sort\",[[1,\"z-button-sort\",{\"buttonid\":[1],\"label\":[1],\"desclabel\":[1],\"counter\":[2],\"sortlabelasc\":[1],\"sortlabeldesc\":[1],\"isselected\":[1028],\"sortasc\":[1028],\"allowTooltip\":[32]}]]],[\"z-heading\",[[1,\"z-heading\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"z-icon-package\",[[1,\"z-icon-package\"]]],[\"z-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-menu-section\",[[1,\"z-menu-section\",{\"active\":[516],\"open\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-myz-card-icon\",[[1,\"z-myz-card-icon\",{\"icon\":[1],\"isdisabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-navigation-tabs\",[[1,\"z-navigation-tabs\",{\"orientation\":[513],\"size\":[513],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32],\"direction\":[32],\"dimension\":[32]},[[9,\"resize\",\"checkScrollVisible\"],[0,\"selected\",\"selectedTabHandler\"]]]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-status-tag\",[[1,\"z-status-tag\",{\"icon\":[1],\"text\":[1],\"expandable\":[4],\"status\":[513],\"variant\":[1]}]]],[\"z-toast-notification\",[[1,\"z-toast-notification\",{\"heading\":[1],\"message\":[1],\"closebutton\":[4],\"autoclose\":[2],\"pauseonfocusloss\":[4],\"type\":[1],\"isdraggable\":[4],\"draggablepercentage\":[2],\"transition\":[1],\"percentage\":[32],\"isTextLong\":[32]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028]}]]],[\"z-aria-alert\",[[4,\"z-aria-alert\",{\"mode\":[1]}]]],[\"z-avatar\",[[1,\"z-avatar\",{\"size\":[1],\"text\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"image\":[1025]}]]],[\"z-chip\",[[1,\"z-chip\",{\"regulartext\":[1],\"boldtext\":[2]}]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-myz-card-footer\",[[1,\"z-myz-card-footer\",{\"titolo\":[1],\"autori\":[1],\"isbn\":[1],\"faded\":[4],\"cardtype\":[1],\"opened\":[4],\"isOpen\":[32],\"allowTooltipAuthors\":[32]},[[0,\"toggleClick\",\"handleToggle\"]]]]],[\"z-myz-card-footer-sections\",[[1,\"z-myz-card-footer-sections\"]]],[\"z-myz-card-list\",[[1,\"z-myz-card-list\",{\"listdata\":[1]}]]],[\"z-navigation-tab\",[[1,\"z-navigation-tab\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513]},[[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"]]]]],[\"z-stepper\",[[1,\"z-stepper\"]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"disabled\":[4]}]]],[\"z-table-expanded-row\",[[1,\"z-table-expanded-row\",{\"colSpan\":[2,\"col-span\"]}]]],[\"z-table-footer\",[[6,\"z-table-footer\"]]],[\"z-toast-notification-list\",[[1,\"z-toast-notification-list\",{\"position\":[1],\"newestontop\":[4]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"z-app-switcher\",[[1,\"z-app-switcher\",{\"theme\":[1],\"isopen\":[32]}]]],[\"z-modal\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-candybar\",[[1,\"z-candybar\"]]],[\"z-pagination-page\",[[1,\"z-pagination-page\",{\"pageid\":[1],\"value\":[2],\"isselected\":[4],\"isdisabled\":[4],\"isvisited\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-tooltip\",[[1,\"z-tooltip\",{\"content\":[1],\"type\":[1025],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"position\":[32]}]]],[\"z-menu-dropdown_2\",[[1,\"z-menu-dropdown\",{\"nomeutente\":[1],\"menucontent\":[1],\"buttonid\":[1],\"ismenuopen\":[32]}],[1,\"z-myz-list\",{\"inputrawdata\":[1025],\"list\":[1040]}]]],[\"z-divider\",[[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}]]],[\"z-list_3\",[[1,\"z-list-element\",{\"alignButton\":[513,\"align-button\"],\"clickable\":[516],\"dividerColor\":[1,\"divider-color\"],\"dividerType\":[1,\"divider-type\"],\"dividerSize\":[1,\"divider-size\"],\"expandable\":[516],\"expandableStyle\":[1,\"expandable-style\"],\"listElementId\":[514,\"list-element-id\"],\"size\":[513],\"color\":[513],\"disabled\":[516],\"isContextualMenu\":[516,\"is-contextual-menu\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"]}],[1,\"z-list\",{\"size\":[513]}]]],[\"z-footer-link_3\",[[1,\"z-footer-section\",{\"name\":[1],\"isOpen\":[32]}],[1,\"z-footer-link\",{\"href\":[1]}],[1,\"z-footer-social\",{\"icon\":[1],\"href\":[1],\"description\":[1]}]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-pocket_3\",[[1,\"z-pocket\",{\"pocketid\":[1],\"status\":[1025],\"open\":[64],\"close\":[64]},[[0,\"pocketHeaderClick\",\"handlePocketHeaderClick\"],[0,\"pocketHeaderPan\",\"handlePocketHeaderPan\"]]],[1,\"z-pocket-body\",{\"pocketid\":[1],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]],[1,\"z-pocket-header\",{\"pocketid\":[1]}]]],[\"z-logo\",[[1,\"z-logo\",{\"width\":[2],\"height\":[2],\"imageAlt\":[1,\"image-alt\"],\"link\":[1],\"targetBlank\":[4,\"target-blank\"],\"mobileLogo\":[4,\"mobile-logo\"]}]]],[\"z-myz-card_4\",[[1,\"z-myz-card\",{\"faded\":[4],\"cardtype\":[1],\"ispressed\":[4],\"ishighlighted\":[4]}],[1,\"z-myz-card-body\"],[1,\"z-myz-card-cover\",{\"img\":[1],\"titolo\":[1],\"faded\":[4],\"defaultimg\":[1]}],[1,\"z-myz-card-header\",{\"titolo\":[1],\"faded\":[4],\"cardtype\":[1],\"allowTooltip\":[32]}]]],[\"z-link\",[[1,\"z-link\",{\"htmlid\":[1],\"href\":[1],\"target\":[1],\"htmltabindex\":[2],\"isdisabled\":[4],\"isactive\":[4],\"iswhite\":[4],\"textcolor\":[1],\"icon\":[1],\"big\":[4],\"iconposition\":[1],\"underline\":[4],\"iconSize\":[32]}]]],[\"z-button-filter_5\",[[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"labelafter\":[4],\"typingtimeout\":[2],\"items\":[1],\"autocomplete\":[8],\"multiple\":[4],\"hasclearicon\":[4],\"icon\":[1],\"isTyping\":[32],\"textareaWrapperHover\":[32],\"textareaWrapperFocus\":[32],\"passwordHidden\":[32],\"getValue\":[64],\"setValue\":[64],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]],[2,\"z-select\",{\"htmlid\":[1],\"items\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"autocomplete\":[8],\"multiple\":[4],\"noresultslabel\":[1],\"isOpen\":[32],\"selectedItems\":[32],\"searchString\":[32],\"getSelectedItems\":[64],\"getValue\":[64],\"setValue\":[64]}],[1,\"z-button-filter\",{\"filtername\":[1],\"isfixed\":[4],\"hasicon\":[4],\"filterid\":[1],\"issmall\":[4]}],[1,\"z-input-label\",{\"value\":[1],\"disabled\":[4],\"htmlfor\":[1]}],[1,\"z-input-message\",{\"message\":[1],\"status\":[513]}]]]]"), options);
|
|
13
|
+
return bootstrapLazy(JSON.parse("[[\"z-modal-login\",[[6,\"z-modal-login\",{\"forgotPasswordUrl\":[1,\"forgot-password-url\"],\"heading\":[1],\"status\":[1025],\"message\":[1025],\"pwdmessage\":[1025],\"externalProviderCheck\":[32]}]]],[\"z-footer\",[[1,\"z-footer\",{\"data\":[1],\"productName\":[1,\"product-name\"],\"productVersion\":[1,\"product-version\"],\"productCreditsLink\":[1,\"product-credits-link\"],\"showReportAProblemButton\":[4,\"show-report-a-problem-button\"],\"contentMaxWidth\":[2,\"content-max-width\"]},[[0,\"zLinkClick\",\"zLinkClickListener\"]]]]],[\"z-combobox\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32]},[[0,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-myz-topbar\",[[1,\"z-myz-topbar\",{\"intlinkdata\":[1],\"extlinkdata\":[1],\"userdata\":[1],\"ismyz\":[4],\"logolink\":[1],\"imagealt\":[1],\"activeintlinkid\":[1],\"activesublinkid\":[1],\"hideloginbutton\":[4],\"activeMenuItem\":[32],\"currentMenuItem\":[32],\"isMobile\":[32],\"isMenuMobileOpen\":[32]},[[9,\"resize\",\"handleResize\"],[2,\"zListItemLinkClick\",\"handleZListItemLinkClick\"],[2,\"zListItemClick\",\"handleZListItemClick\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[1,\"popover-position\"]}]]],[\"z-myz-card-dictionary\",[[1,\"z-myz-card-dictionary\",{\"name\":[1],\"cover\":[1],\"disabled\":[4],\"flipped\":[1028],\"flipbuttonlabel\":[1],\"hideinfobtn\":[4]},[[0,\"flipCard\",\"handleFlipCard\"]]]]],[\"z-app-topbar\",[[1,\"z-app-topbar\",{\"theme\":[1],\"contentMaxWidth\":[2,\"content-max-width\"],\"topbarContent\":[1,\"topbar-content\"],\"logoLink\":[1,\"logo-link\"],\"showAppSwitcher\":[4,\"show-app-switcher\"],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"z-table\",[[4,\"z-table\",{\"lines\":[514],\"errorMessage\":[1,\"error-message\"],\"bordered\":[4],\"callToActionLabel\":[1,\"call-to-action-label\"],\"callToActionTwoLabel\":[1,\"call-to-action-two-label\"],\"columnSticky\":[4,\"column-sticky\"],\"empty\":[4],\"error\":[4],\"errorLink\":[1,\"error-link\"],\"headerSticky\":[4,\"header-sticky\"],\"message\":[1],\"subtitle\":[1],\"hasTableBody\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-table-header-row\",[[4,\"z-table-header-row\",{\"expandable\":[516]}]]],[\"z-cookiebar\",[[1,\"z-cookiebar\",{\"cookiepolicyurl\":[1],\"hide\":[4],\"callback\":[16]}]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[1],\"showclose\":[4],\"showshadow\":[4]}]]],[\"z-table-row\",[[4,\"z-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[32]}]]],[\"z-myz-card-alert\",[[1,\"z-myz-card-alert\",{\"iconname\":[1],\"contenttext\":[1],\"actiontext\":[1],\"type\":[1]}]]],[\"z-myz-card-info\",[[1,\"z-myz-card-info\",{\"data\":[1],\"htmltabindex\":[2],\"hiddenContent\":[32],\"tooltip\":[32]}]]],[\"z-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-pagination-bar\",[[1,\"z-pagination-bar\",{\"pages\":[2],\"visiblepages\":[2],\"currentpage\":[1026],\"startpage\":[1026],\"historyraw\":[1],\"listhistoryrow\":[1040],\"currentPages\":[32]}]]],[\"z-panel-elem\",[[1,\"z-panel-elem\",{\"elemid\":[1],\"imgurl\":[1],\"imgalt\":[1],\"linkicon\":[1],\"linklabel\":[1],\"url\":[1],\"target\":[1],\"isdisabled\":[4],\"descr_slot_name\":[1]}]]],[\"z-user-dropdown\",[[1,\"z-user-dropdown\",{\"logged\":[4],\"userFullName\":[1,\"user-full-name\"],\"userEmail\":[1,\"user-email\"],\"menuContent\":[1,\"menu-content\"],\"useInverseColors\":[4,\"use-inverse-colors\"],\"isMenuOpen\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"],[8,\"click\",\"handleClickOutside\"]]]]],[\"z-app-header\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"stucked\":[32],\"menuLength\":[32]}]]],[\"z-button-sort\",[[1,\"z-button-sort\",{\"buttonid\":[1],\"label\":[1],\"desclabel\":[1],\"counter\":[2],\"sortlabelasc\":[1],\"sortlabeldesc\":[1],\"isselected\":[1028],\"sortasc\":[1028],\"allowTooltip\":[32]}]]],[\"z-card\",[[1,\"z-card\",{\"variant\":[513],\"coverIcon\":[1,\"cover-icon\"],\"clickable\":[516],\"showshadow\":[516],\"hasCoverImage\":[32]},[[0,\"click\",\"onClick\"]]]]],[\"z-heading\",[[1,\"z-heading\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"z-icon-package\",[[1,\"z-icon-package\"]]],[\"z-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-menu-section\",[[1,\"z-menu-section\",{\"active\":[516],\"open\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-myz-card-icon\",[[1,\"z-myz-card-icon\",{\"icon\":[1],\"isdisabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-navigation-tabs\",[[1,\"z-navigation-tabs\",{\"orientation\":[513],\"size\":[513],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32],\"direction\":[32],\"dimension\":[32]},[[9,\"resize\",\"checkScrollVisible\"],[0,\"selected\",\"selectedTabHandler\"]]]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-status-tag\",[[1,\"z-status-tag\",{\"icon\":[1],\"text\":[1],\"expandable\":[4],\"status\":[513],\"variant\":[1]}]]],[\"z-toast-notification\",[[1,\"z-toast-notification\",{\"heading\":[1],\"message\":[1],\"closebutton\":[4],\"autoclose\":[2],\"pauseonfocusloss\":[4],\"type\":[1],\"isdraggable\":[4],\"draggablepercentage\":[2],\"transition\":[1],\"percentage\":[32],\"isTextLong\":[32]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028]}]]],[\"z-aria-alert\",[[4,\"z-aria-alert\",{\"mode\":[1]}]]],[\"z-avatar\",[[1,\"z-avatar\",{\"size\":[1],\"text\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"image\":[1025]}]]],[\"z-carousel\",[[4,\"z-carousel\"]]],[\"z-chip\",[[1,\"z-chip\",{\"regulartext\":[1],\"boldtext\":[2],\"type\":[513],\"disabled\":[516],\"filter\":[516]}]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-myz-card-footer\",[[1,\"z-myz-card-footer\",{\"titolo\":[1],\"autori\":[1],\"isbn\":[1],\"faded\":[4],\"cardtype\":[1],\"opened\":[4],\"isOpen\":[32],\"allowTooltipAuthors\":[32]},[[0,\"toggleClick\",\"handleToggle\"]]]]],[\"z-myz-card-footer-sections\",[[1,\"z-myz-card-footer-sections\"]]],[\"z-myz-card-list\",[[1,\"z-myz-card-list\",{\"listdata\":[1]}]]],[\"z-navigation-tab\",[[1,\"z-navigation-tab\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513]},[[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"]]]]],[\"z-stepper\",[[1,\"z-stepper\"]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"disabled\":[4]}]]],[\"z-table-body\",[[6,\"z-table-body\"]]],[\"z-table-expanded-row\",[[1,\"z-table-expanded-row\",{\"colSpan\":[2,\"col-span\"]}]]],[\"z-table-footer\",[[6,\"z-table-footer\"]]],[\"z-table-head\",[[6,\"z-table-head\"]]],[\"z-table-sticky-footer\",[[6,\"z-table-sticky-footer\"]]],[\"z-toast-notification-list\",[[1,\"z-toast-notification-list\",{\"position\":[1],\"newestontop\":[4]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"z-icon\",[[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-table-header\",[[1,\"z-table-header\",{\"columnId\":[1,\"column-id\"],\"padding\":[513],\"sortable\":[4],\"showButton\":[4,\"show-button\"],\"defaultSortDirection\":[1,\"default-sort-direction\"],\"sortDirection\":[1025,\"sort-direction\"],\"isMenuOpened\":[32]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]]]],[\"z-table-cell\",[[1,\"z-table-cell\",{\"showButton\":[4,\"show-button\"],\"padding\":[513],\"isMenuOpened\":[32]}]]],[\"z-body_2\",[[1,\"z-body\",{\"level\":[2],\"variant\":[1],\"component\":[1]}],[1,\"z-typography\",{\"component\":[1],\"variant\":[1],\"level\":[1]}]]],[\"z-table-empty-box\",[[6,\"z-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}]]],[\"z-app-switcher\",[[1,\"z-app-switcher\",{\"theme\":[1],\"isopen\":[32]}]]],[\"z-modal\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-candybar\",[[1,\"z-candybar\"]]],[\"z-pagination-page\",[[1,\"z-pagination-page\",{\"pageid\":[1],\"value\":[2],\"isselected\":[4],\"isdisabled\":[4],\"isvisited\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-tooltip\",[[1,\"z-tooltip\",{\"content\":[1],\"type\":[1025],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"position\":[32]}]]],[\"z-menu-dropdown_2\",[[1,\"z-menu-dropdown\",{\"nomeutente\":[1],\"menucontent\":[1],\"buttonid\":[1],\"ismenuopen\":[32]}],[1,\"z-myz-list\",{\"inputrawdata\":[1025],\"list\":[1040]}]]],[\"z-divider\",[[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}]]],[\"z-list_3\",[[1,\"z-list-element\",{\"alignButton\":[513,\"align-button\"],\"clickable\":[516],\"dividerColor\":[1,\"divider-color\"],\"dividerType\":[1,\"divider-type\"],\"dividerSize\":[1,\"divider-size\"],\"expandable\":[516],\"expandableStyle\":[1,\"expandable-style\"],\"listElementId\":[514,\"list-element-id\"],\"size\":[513],\"color\":[513],\"disabled\":[516],\"isContextualMenu\":[516,\"is-contextual-menu\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"]}],[1,\"z-list\",{\"size\":[513]}]]],[\"z-footer-link_3\",[[1,\"z-footer-section\",{\"name\":[1],\"isOpen\":[32]}],[1,\"z-footer-link\",{\"href\":[1]}],[1,\"z-footer-social\",{\"icon\":[1],\"href\":[1],\"description\":[1]}]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-pocket_3\",[[1,\"z-pocket\",{\"pocketid\":[1],\"status\":[1025],\"open\":[64],\"close\":[64]},[[0,\"pocketHeaderClick\",\"handlePocketHeaderClick\"],[0,\"pocketHeaderPan\",\"handlePocketHeaderPan\"]]],[1,\"z-pocket-body\",{\"pocketid\":[1],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]],[1,\"z-pocket-header\",{\"pocketid\":[1]}]]],[\"z-logo\",[[1,\"z-logo\",{\"width\":[2],\"height\":[2],\"imageAlt\":[1,\"image-alt\"],\"link\":[1],\"targetBlank\":[4,\"target-blank\"],\"mobileLogo\":[4,\"mobile-logo\"]}]]],[\"z-popover\",[[6,\"z-popover\",{\"position\":[1],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[1,\"border-radius\"],\"boxShadow\":[1,\"box-shadow\"],\"showArrow\":[4,\"show-arrow\"],\"padding\":[1],\"isVisible\":[32],\"popoverPosition\":[32]},[[0,\"closePopover\",\"closePopover\"],[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]]]]],[\"z-myz-card_4\",[[1,\"z-myz-card\",{\"faded\":[4],\"cardtype\":[1],\"ispressed\":[4],\"ishighlighted\":[4]}],[1,\"z-myz-card-body\"],[1,\"z-myz-card-cover\",{\"img\":[1],\"titolo\":[1],\"faded\":[4],\"defaultimg\":[1]}],[1,\"z-myz-card-header\",{\"titolo\":[1],\"faded\":[4],\"cardtype\":[1],\"allowTooltip\":[32]}]]],[\"z-link\",[[1,\"z-link\",{\"htmlid\":[1],\"href\":[1],\"target\":[1],\"htmltabindex\":[2],\"isdisabled\":[4],\"isactive\":[4],\"iswhite\":[4],\"textcolor\":[1],\"icon\":[1],\"big\":[4],\"iconposition\":[1],\"underline\":[4],\"iconSize\":[32]}]]],[\"z-button\",[[1,\"z-button\",{\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513],\"issmall\":[516],\"square\":[516]}]]],[\"z-button-filter_5\",[[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"labelafter\":[4],\"typingtimeout\":[2],\"items\":[1],\"autocomplete\":[8],\"multiple\":[4],\"hasclearicon\":[4],\"icon\":[1],\"isTyping\":[32],\"textareaWrapperHover\":[32],\"textareaWrapperFocus\":[32],\"passwordHidden\":[32],\"getValue\":[64],\"setValue\":[64],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]],[2,\"z-select\",{\"htmlid\":[1],\"items\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"autocomplete\":[8],\"multiple\":[4],\"noresultslabel\":[1],\"isOpen\":[32],\"selectedItems\":[32],\"searchString\":[32],\"getSelectedItems\":[64],\"getValue\":[64],\"setValue\":[64]}],[1,\"z-button-filter\",{\"filtername\":[1],\"isfixed\":[4],\"hasicon\":[4],\"filterid\":[1],\"issmall\":[4]}],[1,\"z-input-label\",{\"value\":[1],\"disabled\":[4],\"htmlfor\":[1]}],[1,\"z-input-message\",{\"message\":[1],\"status\":[513]}]]]]"), options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|