@zanichelli/albe-web-components 7.1.2 → 7.2.0-offcanvas-RC1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-button-sort.cjs.entry.js +1 -1
- package/dist/cjs/z-card.cjs.entry.js +1 -1
- package/dist/cjs/z-chip.cjs.entry.js +3 -6
- package/dist/cjs/z-myz-card-icon.cjs.entry.js +1 -1
- package/dist/cjs/z-offcanvas.cjs.entry.js +14 -31
- package/dist/cjs/z-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/z-toggle-button.cjs.entry.js +1 -1
- package/dist/collection/components/buttons/z-button-sort/index.js +2 -2
- package/dist/collection/components/buttons/z-button-sort/styles.css +1 -1
- package/dist/collection/components/buttons/z-chip/index.js +3 -25
- package/dist/collection/components/buttons/z-chip/styles.css +21 -28
- package/dist/collection/components/buttons/z-toggle-button/styles.css +3 -1
- package/dist/collection/components/indicators/z-stepper-item/styles.css +1 -1
- package/dist/collection/components/notification/z-toast-notification/index.js +1 -1
- package/dist/collection/components/z-card/index.js +0 -9
- package/dist/collection/components/z-card/styles.css +1 -1
- package/dist/collection/components/z-offcanvas/index.js +31 -30
- package/dist/collection/components/z-offcanvas/styles.css +78 -87
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +1 -1
- package/dist/collection/utils/storybook-utils.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-button-sort.entry.js +1 -1
- package/dist/esm/z-card.entry.js +1 -1
- package/dist/esm/z-chip.entry.js +4 -7
- package/dist/esm/z-myz-card-icon.entry.js +1 -1
- package/dist/esm/z-offcanvas.entry.js +14 -31
- package/dist/esm/z-stepper-item.entry.js +1 -1
- package/dist/esm/z-toggle-button.entry.js +1 -1
- package/dist/types/components/buttons/z-button-sort/index.d.ts +2 -2
- package/dist/types/components/buttons/z-chip/index.d.ts +0 -2
- package/dist/types/components/notification/z-toast-notification/index.d.ts +1 -1
- package/dist/types/components/z-card/index.d.ts +0 -9
- package/dist/types/components/z-offcanvas/index.d.ts +4 -4
- package/dist/types/components.d.ts +13 -13
- package/dist/web-components-library/{p-f5a99b28.entry.js → p-05ced71c.entry.js} +1 -1
- package/dist/web-components-library/p-3a9cc467.entry.js +1 -0
- package/dist/web-components-library/{p-9db2bf11.entry.js → p-810bd730.entry.js} +1 -1
- package/dist/web-components-library/p-9d03a7d6.entry.js +1 -0
- package/dist/web-components-library/p-b53d81b5.entry.js +1 -0
- package/dist/web-components-library/{p-f9f42d17.entry.js → p-c081e1f4.entry.js} +1 -1
- package/{www/build/p-6736e894.entry.js → dist/web-components-library/p-ede9fbf5.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.css +1 -2
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +3 -2
- package/readme.md +1 -0
- package/www/build/{p-f5a99b28.entry.js → p-05ced71c.entry.js} +1 -1
- package/www/build/p-3a9cc467.entry.js +1 -0
- package/www/build/{p-9db2bf11.entry.js → p-810bd730.entry.js} +1 -1
- package/www/build/p-9d03a7d6.entry.js +1 -0
- package/www/build/p-ab4e13f7.css +1 -0
- package/www/build/p-b53d81b5.entry.js +1 -0
- package/www/build/{p-f9f42d17.entry.js → p-c081e1f4.entry.js} +1 -1
- package/{dist/web-components-library/p-6736e894.entry.js → www/build/p-ede9fbf5.entry.js} +1 -1
- package/www/build/p-fed5c553.js +1 -0
- package/www/build/web-components-library.css +1 -2
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/web-components-library/p-068951a7.entry.js +0 -1
- package/dist/web-components-library/p-402522a9.entry.js +0 -1
- package/dist/web-components-library/p-8d134dc4.entry.js +0 -1
- package/www/build/p-068951a7.entry.js +0 -1
- package/www/build/p-402522a9.entry.js +0 -1
- package/www/build/p-5cde8bb3.css +0 -1617
- package/www/build/p-8d134dc4.entry.js +0 -1
- package/www/build/p-d2202b1e.js +0 -129
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:host >
|
|
1
|
+
:host > button {
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
padding: 0 calc(var(--space-unit) * 1.5);
|
|
@@ -12,53 +12,46 @@
|
|
|
12
12
|
font-weight: var(--font-sb);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
:host >
|
|
15
|
+
:host > button:not(:disabled) > z-icon:last-child:hover {
|
|
16
16
|
color: var(--color-hover-primary);
|
|
17
17
|
fill: var(--color-hover-primary);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
:host >
|
|
20
|
+
:host > button:hover:not(:disabled) > z-icon:first-child {
|
|
21
21
|
fill: var(--color-icon02);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
:host >
|
|
25
|
-
padding: 0;
|
|
26
|
-
border: none;
|
|
27
|
-
margin-left: var(--space-unit);
|
|
28
|
-
background-color: transparent;
|
|
29
|
-
cursor: pointer;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
:host > .z-chip-container > z-icon.icon-sx {
|
|
24
|
+
:host > button > z-icon.icon-sx {
|
|
33
25
|
margin-right: calc(var(--space-unit) / 2);
|
|
34
26
|
}
|
|
35
27
|
|
|
36
|
-
:host >
|
|
28
|
+
:host > button > z-icon:last-child {
|
|
29
|
+
margin-left: var(--space-unit);
|
|
30
|
+
cursor: pointer;
|
|
37
31
|
fill: var(--color-primary01);
|
|
38
32
|
}
|
|
39
33
|
|
|
40
|
-
:host >
|
|
41
|
-
:host >
|
|
42
|
-
:host > .z-chip-container[aria-disabled] > button > z-icon {
|
|
34
|
+
:host > button:disabled,
|
|
35
|
+
:host > button:disabled > z-icon {
|
|
43
36
|
color: var(--color-disabled03);
|
|
44
37
|
fill: var(--color-disabled03);
|
|
45
38
|
}
|
|
46
39
|
|
|
47
|
-
:host >
|
|
40
|
+
:host > button:disabled > z-icon {
|
|
48
41
|
cursor: auto;
|
|
49
42
|
}
|
|
50
43
|
|
|
51
|
-
:host >
|
|
44
|
+
:host > button:disabled {
|
|
52
45
|
border: var(--border-size-small) solid var(--color-disabled01);
|
|
53
46
|
}
|
|
54
47
|
|
|
55
|
-
:host >
|
|
56
|
-
|
|
48
|
+
:host > button:focus:focus-visible,
|
|
49
|
+
:host > div:focus:focus-visible {
|
|
57
50
|
box-shadow: var(--shadow-focus-primary);
|
|
58
51
|
outline: none;
|
|
59
52
|
}
|
|
60
53
|
|
|
61
|
-
:host > button:hover:not(:disabled):active:hover >
|
|
54
|
+
:host > button:hover:not(:disabled):active:hover > z-icon:last-child {
|
|
62
55
|
color: var(--color-primary01);
|
|
63
56
|
fill: var(--color-primary01);
|
|
64
57
|
}
|
|
@@ -83,21 +76,21 @@
|
|
|
83
76
|
}
|
|
84
77
|
|
|
85
78
|
/* :host type */
|
|
86
|
-
:host > .
|
|
79
|
+
:host > button.default,
|
|
87
80
|
:host > div.default {
|
|
88
81
|
min-height: 44px;
|
|
89
82
|
border-radius: 22px;
|
|
90
83
|
line-height: 44px;
|
|
91
84
|
}
|
|
92
85
|
|
|
93
|
-
:host > .
|
|
86
|
+
:host > button.medium,
|
|
94
87
|
:host > div.medium {
|
|
95
88
|
min-height: 40px;
|
|
96
89
|
border-radius: 22px;
|
|
97
90
|
line-height: 40px;
|
|
98
91
|
}
|
|
99
92
|
|
|
100
|
-
:host > .
|
|
93
|
+
:host > button.small,
|
|
101
94
|
:host > div.small {
|
|
102
95
|
min-height: 36px;
|
|
103
96
|
border-radius: 22px;
|
|
@@ -106,7 +99,7 @@
|
|
|
106
99
|
|
|
107
100
|
/* Desktop breakpoint */
|
|
108
101
|
@media only screen and (min-width: 1152px) {
|
|
109
|
-
:host >
|
|
102
|
+
:host > button {
|
|
110
103
|
font-size: 12px;
|
|
111
104
|
}
|
|
112
105
|
|
|
@@ -115,21 +108,21 @@
|
|
|
115
108
|
}
|
|
116
109
|
|
|
117
110
|
/* :host type */
|
|
118
|
-
:host > .
|
|
111
|
+
:host > button.default,
|
|
119
112
|
:host > div.default {
|
|
120
113
|
min-height: 32px;
|
|
121
114
|
border-radius: 16px;
|
|
122
115
|
line-height: 32px;
|
|
123
116
|
}
|
|
124
117
|
|
|
125
|
-
:host > .
|
|
118
|
+
:host > button.medium,
|
|
126
119
|
:host > div.medium {
|
|
127
120
|
min-height: 28px;
|
|
128
121
|
border-radius: 16px;
|
|
129
122
|
line-height: 28px;
|
|
130
123
|
}
|
|
131
124
|
|
|
132
|
-
:host > .
|
|
125
|
+
:host > button.small,
|
|
133
126
|
:host > div.small {
|
|
134
127
|
min-height: 24px;
|
|
135
128
|
border-radius: 16px;
|
|
@@ -15,6 +15,7 @@ button {
|
|
|
15
15
|
font-weight: var(--font-sb);
|
|
16
16
|
outline: none;
|
|
17
17
|
text-transform: uppercase;
|
|
18
|
+
transition: all 200ms linear;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
button::-moz-focus-inner {
|
|
@@ -27,7 +28,8 @@ button:hover {
|
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
button:focus {
|
|
30
|
-
|
|
31
|
+
border-color: var(--myz-blue);
|
|
32
|
+
box-shadow: 0 0 2px 2px var(--accent-dark);
|
|
31
33
|
color: var(--myz-blue);
|
|
32
34
|
fill: var(--myz-blue);
|
|
33
35
|
}
|
|
@@ -295,7 +295,7 @@ export class ZToastNotification {
|
|
|
295
295
|
"optional": true,
|
|
296
296
|
"docs": {
|
|
297
297
|
"tags": [],
|
|
298
|
-
"text": "toast notification type:
|
|
298
|
+
"text": "toast notification type: dark, light, accent, error, success, warning"
|
|
299
299
|
},
|
|
300
300
|
"attribute": "type",
|
|
301
301
|
"reflect": false
|
|
@@ -1,14 +1,5 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { CardVariant } from "../../beans";
|
|
3
|
-
/**
|
|
4
|
-
* ZCard component.
|
|
5
|
-
* @cssprop --aspect-ratio - Cover aspect ratio. Default: `1.62`
|
|
6
|
-
* @cssprop --z-card--border-color - Default: `var(--gray200)`
|
|
7
|
-
* @cssprop --z-card--color-cover-background - Cover color. Default: `var(--color-surface01)`
|
|
8
|
-
* @cssprop --z-card--text-background - Background color for the `text` variant. Default: `var(--color-surface01)`
|
|
9
|
-
* @cssprop --z-card--text-border-radius - Default: `none`
|
|
10
|
-
* @cssprop --z-card--text-border - Configure CSS `border`. Default: `none`
|
|
11
|
-
*/
|
|
12
3
|
export class ZCard {
|
|
13
4
|
constructor() {
|
|
14
5
|
/** Enable click interactions on the card. Default: false */
|
|
@@ -183,7 +183,7 @@ Unfortunately the `aspect-ratio` property is still experimental */
|
|
|
183
183
|
|
|
184
184
|
:host([variant="shadow"][clickable]:focus:focus-visible),
|
|
185
185
|
:host([clickable][showshadow]:focus:focus-visible) {
|
|
186
|
-
box-shadow: var(--shadow-
|
|
186
|
+
box-shadow: var(--shadow-4);
|
|
187
187
|
}
|
|
188
188
|
|
|
189
189
|
:host([variant="shadow"][clickable]:active),
|
|
@@ -13,46 +13,29 @@ export class ZOffcanvas {
|
|
|
13
13
|
this.variant = OffCanvasVariant.PUSHCONTENT;
|
|
14
14
|
/** open component. Default: false */
|
|
15
15
|
this.open = false;
|
|
16
|
+
/** allows you to skip the entry animation on page load, to be used with the open prop at true */
|
|
17
|
+
this.skipanimationonload = false;
|
|
16
18
|
/** open content transitioning in a specified direction left | right. Default: left */
|
|
17
19
|
this.transitiondirection = TransitionDirection.LEFT;
|
|
18
20
|
}
|
|
19
|
-
componentWillLoad() {
|
|
20
|
-
this.handleOpenStatus();
|
|
21
|
-
}
|
|
22
21
|
onOpenChanged() {
|
|
23
|
-
this.
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
handleOpenStatus() {
|
|
27
|
-
if (this.open) {
|
|
28
|
-
this.hostElement.style.opacity = "0";
|
|
29
|
-
this.hostElement.style.display = "flex";
|
|
30
|
-
if (this.variant === OffCanvasVariant.OVERLAY) {
|
|
31
|
-
document.body.style.overflowY = "hidden";
|
|
32
|
-
}
|
|
22
|
+
if (!this.open && this.skipanimationonload) {
|
|
23
|
+
this.skipanimationonload = false;
|
|
33
24
|
}
|
|
34
|
-
|
|
35
|
-
this.
|
|
36
|
-
document.body.style.overflowX = "hidden";
|
|
25
|
+
if (this.open) {
|
|
26
|
+
this.handleOverflowProperty();
|
|
37
27
|
}
|
|
28
|
+
this.canvasOpenStatusChanged.emit(this.open);
|
|
38
29
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
else if (this.variant === OffCanvasVariant.OVERLAY) {
|
|
44
|
-
this.hostElement.style.display = "none";
|
|
45
|
-
document.body.style.overflowX = "initial";
|
|
46
|
-
document.body.style.overflowY = "initial";
|
|
47
|
-
}
|
|
30
|
+
handleOverflowProperty() {
|
|
31
|
+
const overflow = this.variant === OffCanvasVariant.OVERLAY ? "overflow-y" : "overflow-x";
|
|
32
|
+
document.body.style[overflow] = this.open ? "hidden" : "";
|
|
48
33
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
this.hostElement.style.opacity = "1";
|
|
52
|
-
}
|
|
34
|
+
handledTransitionEnd() {
|
|
35
|
+
this.handleOverflowProperty();
|
|
53
36
|
}
|
|
54
37
|
render() {
|
|
55
|
-
return (h(Host,
|
|
38
|
+
return (h(Host, { class: { "skip-animation": this.skipanimationonload } }, h("div", { role: "presentation", class: "canvas-container", onTransitionEnd: () => this.handledTransitionEnd() }, h("div", { role: "presentation", class: "canvas-content" }, h("slot", { name: "canvasContent" }))), this.variant == OffCanvasVariant.OVERLAY && (h("div", { class: "canvas-background", "data-action": "canvasBackground", onClick: () => (this.open = false) }))));
|
|
56
39
|
}
|
|
57
40
|
static get is() { return "z-offcanvas"; }
|
|
58
41
|
static get encapsulation() { return "scoped"; }
|
|
@@ -109,6 +92,24 @@ export class ZOffcanvas {
|
|
|
109
92
|
"reflect": true,
|
|
110
93
|
"defaultValue": "false"
|
|
111
94
|
},
|
|
95
|
+
"skipanimationonload": {
|
|
96
|
+
"type": "boolean",
|
|
97
|
+
"mutable": true,
|
|
98
|
+
"complexType": {
|
|
99
|
+
"original": "boolean",
|
|
100
|
+
"resolved": "boolean",
|
|
101
|
+
"references": {}
|
|
102
|
+
},
|
|
103
|
+
"required": false,
|
|
104
|
+
"optional": false,
|
|
105
|
+
"docs": {
|
|
106
|
+
"tags": [],
|
|
107
|
+
"text": "allows you to skip the entry animation on page load, to be used with the open prop at true"
|
|
108
|
+
},
|
|
109
|
+
"attribute": "skipanimationonload",
|
|
110
|
+
"reflect": false,
|
|
111
|
+
"defaultValue": "false"
|
|
112
|
+
},
|
|
112
113
|
"transitiondirection": {
|
|
113
114
|
"type": "string",
|
|
114
115
|
"mutable": false,
|
|
@@ -2,12 +2,11 @@
|
|
|
2
2
|
--z-offcanvas--container-width: 375px;
|
|
3
3
|
--z-offcanvas--top-space: 0;
|
|
4
4
|
|
|
5
|
-
display: none;
|
|
6
5
|
min-width: 100%;
|
|
7
6
|
height: 100%;
|
|
8
|
-
justify-content: end;
|
|
9
7
|
font-family: var(--font-family-sans);
|
|
10
8
|
font-weight: var(--font-rg);
|
|
9
|
+
visibility: hidden;
|
|
11
10
|
}
|
|
12
11
|
|
|
13
12
|
.canvas-container {
|
|
@@ -18,41 +17,15 @@
|
|
|
18
17
|
height: 100%;
|
|
19
18
|
flex-direction: column;
|
|
20
19
|
background: var(--color-surface01);
|
|
21
|
-
transform: translateX(100%);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
@keyframes enter-right {
|
|
25
|
-
from {
|
|
26
|
-
transform: translateX(100%);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
to {
|
|
30
|
-
transform: translateX(0);
|
|
31
|
-
}
|
|
32
20
|
}
|
|
33
21
|
|
|
34
|
-
:host([
|
|
35
|
-
|
|
36
|
-
animation-name: enter-right;
|
|
37
|
-
animation-timing-function: ease-out;
|
|
38
|
-
transform: translateX(0);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@keyframes exit-right {
|
|
42
|
-
from {
|
|
43
|
-
transform: translateX(0);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
to {
|
|
47
|
-
transform: translateX(100%);
|
|
48
|
-
}
|
|
22
|
+
:host([variant="pushcontent"]) {
|
|
23
|
+
display: none;
|
|
49
24
|
}
|
|
50
25
|
|
|
51
|
-
:host(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
animation-timing-function: ease-out;
|
|
55
|
-
transform: translateX(100%);
|
|
26
|
+
:host([open]) {
|
|
27
|
+
display: flex;
|
|
28
|
+
visibility: visible;
|
|
56
29
|
}
|
|
57
30
|
|
|
58
31
|
:host([variant="overlay"]) {
|
|
@@ -62,9 +35,14 @@
|
|
|
62
35
|
right: 0;
|
|
63
36
|
bottom: 0;
|
|
64
37
|
left: 0;
|
|
38
|
+
display: flex;
|
|
65
39
|
height: calc(100% - var(--z-offcanvas--top-space));
|
|
66
40
|
}
|
|
67
41
|
|
|
42
|
+
:host([variant="overlay"][transitiondirection="left"]) {
|
|
43
|
+
justify-content: end;
|
|
44
|
+
}
|
|
45
|
+
|
|
68
46
|
:host([variant="overlay"]) > .canvas-container {
|
|
69
47
|
z-index: 1010;
|
|
70
48
|
}
|
|
@@ -78,48 +56,6 @@
|
|
|
78
56
|
opacity: 0.7;
|
|
79
57
|
}
|
|
80
58
|
|
|
81
|
-
:host([transitiondirection="right"]) {
|
|
82
|
-
justify-content: start;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
:host([transitiondirection="right"]) > .canvas-container {
|
|
86
|
-
transform: translateX(-100%);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
@keyframes enter-left {
|
|
90
|
-
from {
|
|
91
|
-
transform: translateX(-100%);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
to {
|
|
95
|
-
transform: translateX(0);
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
:host([transitiondirection="right"][open]) > .canvas-container {
|
|
100
|
-
animation-duration: 0.4s;
|
|
101
|
-
animation-name: enter-left;
|
|
102
|
-
animation-timing-function: ease-out;
|
|
103
|
-
transform: translateX(0);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
@keyframes exit-left {
|
|
107
|
-
from {
|
|
108
|
-
transform: translateX(0);
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
to {
|
|
112
|
-
transform: translateX(-100%);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
:host(:not([open])[variant="overlay"][transitiondirection="right"]) > .canvas-container {
|
|
117
|
-
animation-duration: 0.4s;
|
|
118
|
-
animation-name: exit-left;
|
|
119
|
-
animation-timing-function: ease-out;
|
|
120
|
-
transform: translateX(-100%);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
59
|
.canvas-container > .canvas-content {
|
|
124
60
|
overflow: auto;
|
|
125
61
|
flex: 1 auto;
|
|
@@ -133,6 +69,7 @@
|
|
|
133
69
|
margin: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0;
|
|
134
70
|
}
|
|
135
71
|
|
|
72
|
+
/* Webkit Scrollbar */
|
|
136
73
|
.canvas-container .canvas-content::-webkit-scrollbar {
|
|
137
74
|
width: 10px;
|
|
138
75
|
background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);
|
|
@@ -158,6 +95,17 @@
|
|
|
158
95
|
scrollbar-color: var(--color-primary01) transparent;
|
|
159
96
|
}
|
|
160
97
|
|
|
98
|
+
/* Mobile */
|
|
99
|
+
@media only screen and (max-width: 768px) {
|
|
100
|
+
:host([open][transitiondirection="left"]:not(.skip-animation)) > .canvas-container {
|
|
101
|
+
animation: enter-right 0.4s ease-out;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
:host([open][transitiondirection="right"]:not(.skip-animation)) > .canvas-container {
|
|
105
|
+
animation: enter-left 0.4s ease-out;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
161
109
|
/* Tablet / Desktop */
|
|
162
110
|
@media only screen and (min-width: 768px) {
|
|
163
111
|
:host {
|
|
@@ -172,20 +120,63 @@
|
|
|
172
120
|
min-height: calc(var(--space-unit) * 40);
|
|
173
121
|
}
|
|
174
122
|
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
123
|
+
:host(:not([variant="overlay"])[open]:not(.skip-animation)) {
|
|
124
|
+
width: auto;
|
|
125
|
+
animation: grow 0.4s ease-out;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
/* ANIMATION */
|
|
179
130
|
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
131
|
+
@keyframes grow {
|
|
132
|
+
from {
|
|
133
|
+
width: 0;
|
|
183
134
|
}
|
|
184
135
|
|
|
185
|
-
|
|
186
|
-
width:
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
136
|
+
to {
|
|
137
|
+
width: max(var(--z-offcanvas--container-width), 375px);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
@keyframes enter-left {
|
|
142
|
+
from {
|
|
143
|
+
transform: translateX(-100%);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
to {
|
|
147
|
+
transform: translateX(0);
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
@keyframes enter-right {
|
|
152
|
+
from {
|
|
153
|
+
transform: translateX(100%);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
to {
|
|
157
|
+
transform: translateX(0);
|
|
190
158
|
}
|
|
191
159
|
}
|
|
160
|
+
|
|
161
|
+
:host([open][variant="overlay"][transitiondirection="left"]:not(.skip-animation)) > .canvas-container {
|
|
162
|
+
animation: enter-right 0.4s ease-out;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
:host([open][transitiondirection="right"]:not(.skip-animation)) > .canvas-container {
|
|
166
|
+
animation: enter-left 0.4s ease-out;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
:host(:not([open])[variant="overlay"][transitiondirection="right"]) > .canvas-container {
|
|
170
|
+
transform: translateX(-100%);
|
|
171
|
+
transition: visibility 0.4s ease-out, transform 0.4s ease-out;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
:host(:not([open])[variant="overlay"][transitiondirection="left"]) > .canvas-container {
|
|
175
|
+
transform: translateX(100%);
|
|
176
|
+
transition: visibility 0.4s ease-out, transform 0.4s ease-out;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
:host(:not([open])[variant="overlay"]) .canvas-background {
|
|
180
|
+
transition: visibility 0.4s ease-out;
|
|
181
|
+
visibility: hidden;
|
|
182
|
+
}
|
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-app-header_2\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"_stuck\":[32],\"menuLength\":[32]}],[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-searchbar\",[[1,\"z-searchbar\",{\"htmlid\":[513],\"preventSubmit\":[4,\"prevent-submit\"],\"value\":[1],\"placeholder\":[1],\"autocomplete\":[4],\"autocompleteMinChars\":[2,\"autocomplete-min-chars\"],\"resultsCount\":[2,\"results-count\"],\"resultsEllipsis\":[4,\"results-ellipsis\"],\"searchHelperLabel\":[1,\"search-helper-label\"],\"resultsItems\":[1,\"results-items\"],\"sortResultsItems\":[4,\"sort-results-items\"],\"showSearchButton\":[4,\"show-search-button\"],\"searchButtonIconOnly\":[4,\"search-button-icon-only\"],\"size\":[1],\"variant\":[1],\"searchString\":[32],\"currResultsCount\":[32],\"showResults\":[32]},[[4,\"click\",\"clickListener\"]]]]],[\"z-select\",[[2,\"z-select\",{\"htmlid\":[1],\"items\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"autocomplete\":[4],\"noresultslabel\":[1],\"hasGroupItems\":[4,\"has-group-items\"],\"isfixed\":[4],\"resetItem\":[1,\"reset-item\"],\"size\":[1],\"isOpen\":[32],\"selectedItem\":[32],\"searchString\":[32],\"getSelectedItem\":[64],\"getValue\":[64],\"setValue\":[64]}]]],[\"z-combobox\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"disabled\":[516],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"hasgroupitems\":[4],\"size\":[1],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32]},[[0,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[513,\"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-file-upload\",[[1,\"z-file-upload\",{\"type\":[513],\"buttonVariant\":[1,\"button-variant\"],\"acceptedFormat\":[1,\"accepted-format\"],\"fileMaxSize\":[2,\"file-max-size\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"files\":[32],\"invalidFiles\":[32],\"getFiles\":[64]},[[0,\"removeFile\",\"removeFileListener\"],[0,\"fileDropped\",\"fileDroppedListener\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-pagination\",[[0,\"z-pagination\",{\"label\":[1],\"navArrows\":[4,\"nav-arrows\"],\"totalPages\":[2,\"total-pages\"],\"skip\":[2],\"edges\":[4],\"split\":[2],\"visiblePages\":[2,\"visible-pages\"],\"currentPage\":[1026,\"current-page\"],\"goToPage\":[4,\"go-to-page\"],\"_visiblePages\":[32],\"isMobile\":[32],\"goToPageValue\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"z-table-header-row\",[[4,\"z-table-header-row\",{\"expandable\":[516]}]]],[\"z-carousel\",[[4,\"z-carousel\",{\"isLoading\":[4,\"is-loading\"],\"label\":[1],\"single\":[4],\"arrowsPosition\":[1,\"arrows-position\"],\"progressMode\":[1,\"progress-mode\"],\"ghostLoadingHeight\":[2,\"ghost-loading-height\"],\"current\":[32],\"items\":[32],\"highlightedIndicator\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]}]]],[\"z-date-picker\",[[4,\"z-date-picker\",{\"datePickerId\":[1,\"date-picker-id\"],\"ariaLabel\":[1,\"aria-label\"],\"label\":[1],\"mode\":[1],\"flatpickrPosition\":[32],\"inputError\":[32]},[[18,\"keydown\",\"handleKeyDown\"]]]]],[\"z-file\",[[2,\"z-file\",{\"fileNumber\":[2,\"file-number\"],\"fileName\":[1,\"file-name\"],\"allowPopover\":[32],\"popoverVisible\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseleave\",\"onMouseLeave\"],[0,\"interactiveIconClick\",\"onInteractiveIconClick\"]]]]],[\"z-range-picker\",[[0,\"z-range-picker\",{\"rangePickerId\":[1,\"range-picker-id\"],\"firstAriaLabel\":[1,\"first-aria-label\"],\"firstLabel\":[1,\"first-label\"],\"secondAriaLabel\":[1,\"second-aria-label\"],\"secondLabel\":[1,\"second-label\"],\"mode\":[1],\"flatpickrPosition\":[32],\"activeInput\":[32],\"firstInputError\":[32],\"lastInputError\":[32]},[[18,\"click\",\"handleClick\"],[18,\"keyup\",\"handleKeyDown\"]]]]],[\"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-table-row\",[[4,\"z-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[32]}]]],[\"z-anchor-navigation\",[[4,\"z-anchor-navigation\",{\"hideUnselected\":[516,\"hide-unselected\"],\"collapsed\":[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-myz-list\",[[1,\"z-myz-list\",{\"inputrawdata\":[1],\"list\":[1040]}]]],[\"z-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-panel-elem\",[[1,\"z-panel-elem\",{\"elemid\":[1],\"imgurl\":[1],\"imgalt\":[1],\"linkicon\":[1],\"linklabel\":[1],\"url\":[1],\"target\":[1],\"isdisabled\":[4],\"descrSlotName\":[1,\"descr-slot-name\"]}]]],[\"z-skip-to-content\",[[2,\"z-skip-to-content\",{\"variant\":[513],\"links\":[1025],\"visible\":[32],\"visibleLink\":[32]},[[4,\"focusout\",\"handleFocusOutSkipToContent\"],[4,\"focusin\",\"handleFocusSkipToContent\"]]]]],[\"z-body\",[[1,\"z-body\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"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-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-info-reveal\",[[1,\"z-info-reveal\",{\"icon\":[1],\"position\":[513],\"label\":[1],\"open\":[32],\"currentIndex\":[32]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"verticalContext\":[516,\"vertical-context\"],\"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-tab\",[[0,\"z-navigation-tab\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"icon\":[1],\"label\":[1],\"htmlTitle\":[1,\"html-title\"]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tab-link\",[[0,\"z-navigation-tab-link\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"htmlTitle\":[1,\"html-title\"],\"target\":[1],\"href\":[1],\"icon\":[1],\"label\":[1]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tabs\",[[1,\"z-navigation-tabs\",{\"orientation\":[513],\"size\":[513],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]},[[9,\"resize\",\"checkScrollVisible\"],[0,\"selected\",\"onTabSelected\"]]]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[513],\"showclose\":[4],\"showshadow\":[516],\"sticky\":[516]}]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-section-title\",[[1,\"z-section-title\",{\"dividerPosition\":[1,\"divider-position\"],\"uppercase\":[516]}]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-tag\",[[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}]]],[\"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]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028]}]]],[\"z-toggle-switch\",[[6,\"z-toggle-switch\",{\"disabled\":[516],\"labelPosition\":[513,\"label-position\"],\"checked\":[1028],\"htmlid\":[1]}]]],[\"z-tooltip\",[[1,\"z-tooltip\",{\"position\":[513],\"dark\":[516],\"open\":[1540],\"bindTo\":[1,\"bind-to\"]},[[0,\"openChange\",\"onPopoverOpenChange\"]]]]],[\"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-cover-hero\",[[1,\"z-cover-hero\",{\"variant\":[513],\"contentPosition\":[513,\"content-position\"],\"preserveAspectRatio\":[516,\"preserve-aspect-ratio\"]},[[2,\"load\",\"onImgLoad\"]]]]],[\"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-footer\",[[1,\"z-myz-card-footer\",{\"titolo\":[1],\"autori\":[1],\"isbn\":[1],\"faded\":[4],\"cardtype\":[1],\"opened\":[4],\"customContent\":[4,\"custom-content\"],\"isOpen\":[32],\"allowTooltipAuthors\":[32]},[[0,\"toggleClick\",\"handleToggle\"]]]]],[\"z-myz-card-footer-sections\",[[1,\"z-myz-card-footer-sections\"]]],[\"z-myz-card-list\",[[1,\"z-myz-card-list\",{\"listdata\":[1]}]]],[\"z-offcanvas\",[[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"transitiondirection\":[513]}]]],[\"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\":[513],\"newestontop\":[4]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"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\"]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]]]],[\"z-table-cell\",[[1,\"z-table-cell\",{\"showButton\":[4,\"show-button\"],\"padding\":[513],\"isMenuOpened\":[32]}]]],[\"z-chip\",[[6,\"z-chip\",{\"icon\":[1],\"type\":[513],\"interactiveIcon\":[513,\"interactive-icon\"],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-table-empty-box\",[[6,\"z-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}]]],[\"z-dragdrop-area_2\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"],\"alertdialog\":[4],\"closable\":[4],\"open\":[64],\"close\":[64]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"z-dragdrop-area\"]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-typography\",[[1,\"z-typography\",{\"level\":[1],\"variant\":[1],\"component\":[1]}]]],[\"z-link\",[[1,\"z-link\",{\"htmlid\":[1],\"href\":[1],\"target\":[1],\"htmltabindex\":[2],\"isdisabled\":[4],\"isactive\":[4],\"iswhite\":[4],\"textcolor\":[1],\"icon\":[1],\"big\":[516],\"iconposition\":[1],\"underline\":[4],\"iconSize\":[32]}]]],[\"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-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-popover\",[[1,\"z-popover\",{\"position\":[513],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"showArrow\":[516,\"show-arrow\"],\"center\":[516],\"closable\":[4],\"currentPosition\":[32]},[[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]]]]],[\"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\"],\"listElementPosition\":[513,\"list-element-position\"],\"listType\":[513,\"list-type\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[1,\"z-list\",{\"size\":[513],\"listType\":[513,\"list-type\"]}],[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"],\"listType\":[513,\"list-type\"]}]]],[\"z-button\",[[6,\"z-button\",{\"ariaLabel\":[513,\"aria-label\"],\"href\":[1],\"target\":[1],\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513]}]]],[\"z-input_2\",[[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[516],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"labelPosition\":[1,\"label-position\"],\"autocomplete\":[1],\"hasclearicon\":[4],\"icon\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"pattern\":[1],\"size\":[513],\"isTyping\":[32],\"passwordHidden\":[32],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]],[1,\"z-input-message\",{\"message\":[1],\"status\":[513],\"statusRole\":[32]}]]]]"), options);
|
|
13
|
+
return bootstrapLazy(JSON.parse("[[\"z-app-header_2\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"_stuck\":[32],\"menuLength\":[32]}],[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-searchbar\",[[1,\"z-searchbar\",{\"htmlid\":[513],\"preventSubmit\":[4,\"prevent-submit\"],\"value\":[1],\"placeholder\":[1],\"autocomplete\":[4],\"autocompleteMinChars\":[2,\"autocomplete-min-chars\"],\"resultsCount\":[2,\"results-count\"],\"resultsEllipsis\":[4,\"results-ellipsis\"],\"searchHelperLabel\":[1,\"search-helper-label\"],\"resultsItems\":[1,\"results-items\"],\"sortResultsItems\":[4,\"sort-results-items\"],\"showSearchButton\":[4,\"show-search-button\"],\"searchButtonIconOnly\":[4,\"search-button-icon-only\"],\"size\":[1],\"variant\":[1],\"searchString\":[32],\"currResultsCount\":[32],\"showResults\":[32]},[[4,\"click\",\"clickListener\"]]]]],[\"z-select\",[[2,\"z-select\",{\"htmlid\":[1],\"items\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"autocomplete\":[4],\"noresultslabel\":[1],\"hasGroupItems\":[4,\"has-group-items\"],\"isfixed\":[4],\"resetItem\":[1,\"reset-item\"],\"size\":[1],\"isOpen\":[32],\"selectedItem\":[32],\"searchString\":[32],\"getSelectedItem\":[64],\"getValue\":[64],\"setValue\":[64]}]]],[\"z-combobox\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"disabled\":[516],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"hasgroupitems\":[4],\"size\":[1],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32]},[[0,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[513,\"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-file-upload\",[[1,\"z-file-upload\",{\"type\":[513],\"buttonVariant\":[1,\"button-variant\"],\"acceptedFormat\":[1,\"accepted-format\"],\"fileMaxSize\":[2,\"file-max-size\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"files\":[32],\"invalidFiles\":[32],\"getFiles\":[64]},[[0,\"removeFile\",\"removeFileListener\"],[0,\"fileDropped\",\"fileDroppedListener\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-pagination\",[[0,\"z-pagination\",{\"label\":[1],\"navArrows\":[4,\"nav-arrows\"],\"totalPages\":[2,\"total-pages\"],\"skip\":[2],\"edges\":[4],\"split\":[2],\"visiblePages\":[2,\"visible-pages\"],\"currentPage\":[1026,\"current-page\"],\"goToPage\":[4,\"go-to-page\"],\"_visiblePages\":[32],\"isMobile\":[32],\"goToPageValue\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"z-table-header-row\",[[4,\"z-table-header-row\",{\"expandable\":[516]}]]],[\"z-carousel\",[[4,\"z-carousel\",{\"isLoading\":[4,\"is-loading\"],\"label\":[1],\"single\":[4],\"arrowsPosition\":[1,\"arrows-position\"],\"progressMode\":[1,\"progress-mode\"],\"ghostLoadingHeight\":[2,\"ghost-loading-height\"],\"current\":[32],\"items\":[32],\"highlightedIndicator\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]}]]],[\"z-date-picker\",[[4,\"z-date-picker\",{\"datePickerId\":[1,\"date-picker-id\"],\"ariaLabel\":[1,\"aria-label\"],\"label\":[1],\"mode\":[1],\"flatpickrPosition\":[32],\"inputError\":[32]},[[18,\"keydown\",\"handleKeyDown\"]]]]],[\"z-file\",[[2,\"z-file\",{\"fileNumber\":[2,\"file-number\"],\"fileName\":[1,\"file-name\"],\"allowPopover\":[32],\"popoverVisible\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseleave\",\"onMouseLeave\"],[0,\"interactiveIconClick\",\"onInteractiveIconClick\"]]]]],[\"z-range-picker\",[[0,\"z-range-picker\",{\"rangePickerId\":[1,\"range-picker-id\"],\"firstAriaLabel\":[1,\"first-aria-label\"],\"firstLabel\":[1,\"first-label\"],\"secondAriaLabel\":[1,\"second-aria-label\"],\"secondLabel\":[1,\"second-label\"],\"mode\":[1],\"flatpickrPosition\":[32],\"activeInput\":[32],\"firstInputError\":[32],\"lastInputError\":[32]},[[18,\"click\",\"handleClick\"],[18,\"keyup\",\"handleKeyDown\"]]]]],[\"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-table-row\",[[4,\"z-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[32]}]]],[\"z-anchor-navigation\",[[4,\"z-anchor-navigation\",{\"hideUnselected\":[516,\"hide-unselected\"],\"collapsed\":[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-myz-list\",[[1,\"z-myz-list\",{\"inputrawdata\":[1],\"list\":[1040]}]]],[\"z-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-panel-elem\",[[1,\"z-panel-elem\",{\"elemid\":[1],\"imgurl\":[1],\"imgalt\":[1],\"linkicon\":[1],\"linklabel\":[1],\"url\":[1],\"target\":[1],\"isdisabled\":[4],\"descrSlotName\":[1,\"descr-slot-name\"]}]]],[\"z-skip-to-content\",[[2,\"z-skip-to-content\",{\"variant\":[513],\"links\":[1025],\"visible\":[32],\"visibleLink\":[32]},[[4,\"focusout\",\"handleFocusOutSkipToContent\"],[4,\"focusin\",\"handleFocusSkipToContent\"]]]]],[\"z-body\",[[1,\"z-body\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"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-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-info-reveal\",[[1,\"z-info-reveal\",{\"icon\":[1],\"position\":[513],\"label\":[1],\"open\":[32],\"currentIndex\":[32]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"verticalContext\":[516,\"vertical-context\"],\"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-tab\",[[0,\"z-navigation-tab\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"icon\":[1],\"label\":[1],\"htmlTitle\":[1,\"html-title\"]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tab-link\",[[0,\"z-navigation-tab-link\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"htmlTitle\":[1,\"html-title\"],\"target\":[1],\"href\":[1],\"icon\":[1],\"label\":[1]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tabs\",[[1,\"z-navigation-tabs\",{\"orientation\":[513],\"size\":[513],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]},[[9,\"resize\",\"checkScrollVisible\"],[0,\"selected\",\"onTabSelected\"]]]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[513],\"showclose\":[4],\"showshadow\":[516],\"sticky\":[516]}]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-section-title\",[[1,\"z-section-title\",{\"dividerPosition\":[1,\"divider-position\"],\"uppercase\":[516]}]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-tag\",[[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}]]],[\"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]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028]}]]],[\"z-toggle-switch\",[[6,\"z-toggle-switch\",{\"disabled\":[516],\"labelPosition\":[513,\"label-position\"],\"checked\":[1028],\"htmlid\":[1]}]]],[\"z-tooltip\",[[1,\"z-tooltip\",{\"position\":[513],\"dark\":[516],\"open\":[1540],\"bindTo\":[1,\"bind-to\"]},[[0,\"openChange\",\"onPopoverOpenChange\"]]]]],[\"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-cover-hero\",[[1,\"z-cover-hero\",{\"variant\":[513],\"contentPosition\":[513,\"content-position\"],\"preserveAspectRatio\":[516,\"preserve-aspect-ratio\"]},[[2,\"load\",\"onImgLoad\"]]]]],[\"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-footer\",[[1,\"z-myz-card-footer\",{\"titolo\":[1],\"autori\":[1],\"isbn\":[1],\"faded\":[4],\"cardtype\":[1],\"opened\":[4],\"customContent\":[4,\"custom-content\"],\"isOpen\":[32],\"allowTooltipAuthors\":[32]},[[0,\"toggleClick\",\"handleToggle\"]]]]],[\"z-myz-card-footer-sections\",[[1,\"z-myz-card-footer-sections\"]]],[\"z-myz-card-list\",[[1,\"z-myz-card-list\",{\"listdata\":[1]}]]],[\"z-offcanvas\",[[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"skipanimationonload\":[1028],\"transitiondirection\":[513]}]]],[\"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\":[513],\"newestontop\":[4]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"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\"]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]]]],[\"z-table-cell\",[[1,\"z-table-cell\",{\"showButton\":[4,\"show-button\"],\"padding\":[513],\"isMenuOpened\":[32]}]]],[\"z-chip\",[[6,\"z-chip\",{\"icon\":[1],\"type\":[513],\"interactiveIcon\":[513,\"interactive-icon\"],\"disabled\":[516]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-table-empty-box\",[[6,\"z-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}]]],[\"z-dragdrop-area_2\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"],\"alertdialog\":[4],\"closable\":[4],\"open\":[64],\"close\":[64]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"z-dragdrop-area\"]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-typography\",[[1,\"z-typography\",{\"level\":[1],\"variant\":[1],\"component\":[1]}]]],[\"z-link\",[[1,\"z-link\",{\"htmlid\":[1],\"href\":[1],\"target\":[1],\"htmltabindex\":[2],\"isdisabled\":[4],\"isactive\":[4],\"iswhite\":[4],\"textcolor\":[1],\"icon\":[1],\"big\":[516],\"iconposition\":[1],\"underline\":[4],\"iconSize\":[32]}]]],[\"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-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-popover\",[[1,\"z-popover\",{\"position\":[513],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"showArrow\":[516,\"show-arrow\"],\"center\":[516],\"closable\":[4],\"currentPosition\":[32]},[[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]]]]],[\"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\"],\"listElementPosition\":[513,\"list-element-position\"],\"listType\":[513,\"list-type\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[1,\"z-list\",{\"size\":[513],\"listType\":[513,\"list-type\"]}],[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"],\"listType\":[513,\"list-type\"]}]]],[\"z-button\",[[6,\"z-button\",{\"ariaLabel\":[513,\"aria-label\"],\"href\":[1],\"target\":[1],\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513]}]]],[\"z-input_2\",[[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[516],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"labelPosition\":[1,\"label-position\"],\"autocomplete\":[1],\"hasclearicon\":[4],\"icon\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"pattern\":[1],\"size\":[513],\"isTyping\":[32],\"passwordHidden\":[32],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]],[1,\"z-input-message\",{\"message\":[1],\"status\":[513],\"statusRole\":[32]}]]]]"), options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|