@zanichelli/albe-web-components 2.24.11 → 2.26.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/{z-alert_65.cjs.entry.js → z-alert_66.cjs.entry.js} +109 -75
- package/dist/collection/components/modal/z-modal/styles.css +2 -2
- package/dist/collection/components/navigation/z-user-dropdown/styles.css +5 -6
- package/dist/collection/snowflakes/registro-table/z-registro-table-header/index.js +39 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/{z-alert_65.entry.js → z-alert_66.entry.js} +109 -76
- package/dist/types/components.d.ts +8 -0
- package/dist/types/snowflakes/registro-table/z-registro-table-header/index.d.ts +2 -0
- package/dist/web-components-library/{p-fc1676f7.entry.js → p-c824afd3.entry.js} +2 -2
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/p-002ed333.js +1 -0
- package/www/build/{p-fc1676f7.entry.js → p-c824afd3.entry.js} +2 -2
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +11 -5
- package/CHANGELOG.md +0 -1013
- package/dist/cjs/z-modal.cjs.entry.js +0 -36
- package/dist/esm/z-modal.entry.js +0 -32
- package/dist/web-components-library/p-139b1c56.entry.js +0 -1
- package/src-react/index.ts +0 -1
- package/www/build/p-139b1c56.entry.js +0 -1
- package/www/build/p-4d24bb8e.js +0 -1
|
@@ -8,7 +8,7 @@ const breakpoints = require('./breakpoints-88c4fd6c.js');
|
|
|
8
8
|
const hammer = require('./hammer-6e321f0b.js');
|
|
9
9
|
const utils = require('./utils-6d6841cc.js');
|
|
10
10
|
|
|
11
|
-
const stylesCss
|
|
11
|
+
const stylesCss$10 = ":host{display:block;font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:14px;line-height:calc(var(--space-unit) * 2);color:var(--color-surface05);box-sizing:border-box}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{fill:var(--color-success01);background:var(--color-success-inverse)}:host>.warning{fill:var(--color-warning01);background:var(--color-warning-inverse)}:host>.error{fill:var(--color-error01);background:var(--color-error-inverse)}";
|
|
12
12
|
|
|
13
13
|
const ZAlert = class {
|
|
14
14
|
constructor(hostRef) {
|
|
@@ -18,9 +18,9 @@ const ZAlert = class {
|
|
|
18
18
|
return (index.h("div", { class: this.type }, index.h("slot", null)));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
ZAlert.style = stylesCss
|
|
21
|
+
ZAlert.style = stylesCss$10;
|
|
22
22
|
|
|
23
|
-
const stylesCss
|
|
23
|
+
const stylesCss$$ = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;justify-content:center;align-content:center;background-color:transparent;border:none;padding:0}button>z-icon{color:var(--bg-white);fill:currentColor}button>z-icon.light{color:var(--bg-grey-900);fill:currentColor}";
|
|
24
24
|
|
|
25
25
|
const ZAppSwitcher = class {
|
|
26
26
|
constructor(hostRef) {
|
|
@@ -39,9 +39,9 @@ const ZAppSwitcher = class {
|
|
|
39
39
|
return (index.h("button", { title: "app-switcher", onClick: () => this.emitAppButtonClick() }, index.h("z-icon", { name: "app-switcher", class: this.theme })));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
|
-
ZAppSwitcher.style = stylesCss
|
|
42
|
+
ZAppSwitcher.style = stylesCss$$;
|
|
43
43
|
|
|
44
|
-
const stylesCss$
|
|
44
|
+
const stylesCss$_ = ":host{display:block;position:sticky;top:0;z-index:99;font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>div{background:var(--bg-grey-900);border-radius:var(--border-radius-min);display:grid;grid-template-columns:repeat(2, 1fr);justify-content:space-between;align-items:center;padding:calc(var(--space-unit) * .5);}:host>div.light{background:var(--bg-white)}:host>div.light #hashtag{color:var(--bg-grey-900)}.left{grid-column-start:1;grid-column-end:2;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center}.left>#hashtag{display:none}.right{grid-column-start:2;grid-column-end:3;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-unit)}.right.hide-actions>slot[name=\"actions\"]{display:none}.right>::slotted(*){padding:calc(var(--space-unit) * .5)}@media only screen and (min-width: 768px){:host>div{grid-template-columns:repeat(2, auto)}.left>#hashtag{display:initial;color:var(--bg-white);text-transform:uppercase;padding:var(--space-unit) calc(var(--space-unit) * 2)}.left>#hashtag::before{content:\"#\"}.right{grid-column-gap:var(--space-unit);padding-right:calc(var(--space-unit) * 1.5)}}";
|
|
45
45
|
|
|
46
46
|
const ZAppTopbar = class {
|
|
47
47
|
constructor(hostRef) {
|
|
@@ -84,9 +84,9 @@ const ZAppTopbar = class {
|
|
|
84
84
|
}
|
|
85
85
|
get hostElement() { return index.getElement(this); }
|
|
86
86
|
};
|
|
87
|
-
ZAppTopbar.style = stylesCss$
|
|
87
|
+
ZAppTopbar.style = stylesCss$_;
|
|
88
88
|
|
|
89
|
-
const stylesCss$
|
|
89
|
+
const stylesCss$Z = ":host{font-family:var(--font-family-sans);background-color:var(--bg-grey-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase}:host(.small),:host(.small)>img{height:calc(var(--space-unit) * 3);width:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{height:calc(var(--space-unit) * 4);width:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{height:calc(var(--space-unit) * 5);width:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";
|
|
90
90
|
|
|
91
91
|
const ZAvatar = class {
|
|
92
92
|
constructor(hostRef) {
|
|
@@ -119,7 +119,7 @@ const ZAvatar = class {
|
|
|
119
119
|
} }, this.text && !this.image && index.h("span", null, this.text.substring(0, 2)), this.image && (index.h("img", { src: this.image, onError: () => (this.image = "") }))));
|
|
120
120
|
}
|
|
121
121
|
};
|
|
122
|
-
ZAvatar.style = stylesCss$
|
|
122
|
+
ZAvatar.style = stylesCss$Z;
|
|
123
123
|
|
|
124
124
|
const ZBody = class {
|
|
125
125
|
constructor(hostRef) {
|
|
@@ -186,7 +186,7 @@ var classnames = hammer.createCommonjsModule(function (module) {
|
|
|
186
186
|
}());
|
|
187
187
|
});
|
|
188
188
|
|
|
189
|
-
const stylesCss$
|
|
189
|
+
const stylesCss$Y = ":host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}button.big,:host([size=\"big\"]) ::slotted(button),:host([size=\"big\"]) ::slotted(a){height:44px;min-width:44px}button.small,:host([size=\"small\"]) ::slotted(button),:host([size=\"small\"]) ::slotted(a){height:36px;min-width:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){height:36px;min-width:36px}button.x-small,:host([size=\"x-small\"]) ::slotted(button),:host([size=\"x-small\"]) ::slotted(a){height:32px;min-width:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant=\"primary\"]) ::slotted(button),:host([variant=\"primary\"]) ::slotted(a){background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant=\"primary\"]) ::slotted(button:hover),:host([variant=\"primary\"]) ::slotted(a:hover){background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant=\"primary\"]) ::slotted(button:active),:host([variant=\"primary\"]) ::slotted(a:active){background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}button.primary:disabled,:host([variant=\"primary\"]) ::slotted(button:disabled){background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant=\"secondary\"]) ::slotted(button),:host([variant=\"secondary\"]) ::slotted(a){background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant=\"secondary\"]) ::slotted(button:hover),:host([variant=\"secondary\"]) ::slotted(a:hover){background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}button.secondary:active,:host([variant=\"secondary\"]) ::slotted(button:active),:host([variant=\"secondary\"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}button.secondary:disabled,:host([variant=\"secondary\"]) ::slotted(button:disabled){background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.tertiary,:host([variant=\"tertiary\"]) ::slotted(button),:host([variant=\"tertiary\"]) ::slotted(a){background-color:transparent;border-color:transparent;color:var(--color-primary01)}button.tertiary.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant=\"tertiary\"]) ::slotted(button:hover),:host([variant=\"tertiary\"]) ::slotted(a:hover){background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant=\"tertiary\"]) ::slotted(button:focus:focus-visible),:host([variant=\"tertiary\"]) ::slotted(a:focus:focus-visible){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant=\"tertiary\"]) ::slotted(button:active),:host([variant=\"tertiary\"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}button.tertiary:disabled,:host([variant=\"tertiary\"]) ::slotted(button:disabled){background-color:transparent;border-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant=\"dark-bg\"]) ::slotted(button),:host([variant=\"dark-bg\"]) ::slotted(a){background-color:rgba(var(--rgb-white), 0.2);border-color:transparent;color:var(--color-text04)}button.dark-bg.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant=\"dark-bg\"]) ::slotted(button:hover),:host([variant=\"dark-bg\"]) ::slotted(a:hover){background-color:rgba(var(--rgb-white), 0.1)}}button.dark-bg:active,:host([variant=\"dark-bg\"]) ::slotted(button:active),:host([variant=\"dark-bg\"]) ::slotted(a:active){background-color:rgba(var(--rgb-white), 0.3)}button.dark-bg:disabled,:host([variant=\"dark-bg\"]) ::slotted(button:disabled){color:var(--color-disabled03);background-color:rgba(var(--rgb-white), 0.05)}";
|
|
190
190
|
|
|
191
191
|
const ZButton = class {
|
|
192
192
|
constructor(hostRef) {
|
|
@@ -213,9 +213,9 @@ const ZButton = class {
|
|
|
213
213
|
}
|
|
214
214
|
get hostElement() { return index.getElement(this); }
|
|
215
215
|
};
|
|
216
|
-
ZButton.style = stylesCss$
|
|
216
|
+
ZButton.style = stylesCss$Y;
|
|
217
217
|
|
|
218
|
-
const stylesCss$
|
|
218
|
+
const stylesCss$X = "button.container{min-height:32px;line-height:32px;border:var(--border-size-small) solid var(--bg-grey-200);border-radius:16px;box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-webkit-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-moz-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);text-align:center;padding:0 calc(var(--space-unit) * 2);cursor:pointer;letter-spacing:0.17px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);opacity:1;transition:all 200ms linear}button.container.small{min-height:24px;line-height:24px}button.container:focus{outline:0}button.container::-moz-focus-inner{border:0}.text-container{margin-left:4px}button.container,button.container:focus,button.container:hover{background-color:var(--bg-white);color:var(--text-grey-700);fill:var(--text-grey-700)}button.container.isactive{background-color:var(--bg-white);color:var(--myz-blue);fill:var(--myz-blue)}button.container.isactive:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button.container.isactive:focus{background-color:var(--myz-blue-dark);border-color:var(--myz-blue-dark);box-shadow:0px 0px 4px 0px var(--text-grey-800);color:var(--bg-white);fill:var(--bg-white)}button z-icon{display:inline-block}";
|
|
219
219
|
|
|
220
220
|
const ZButtonFilter = class {
|
|
221
221
|
constructor(hostRef) {
|
|
@@ -255,9 +255,9 @@ const ZButtonFilter = class {
|
|
|
255
255
|
return this.renderDynamicPillow(this.filtername);
|
|
256
256
|
}
|
|
257
257
|
};
|
|
258
|
-
ZButtonFilter.style = stylesCss$
|
|
258
|
+
ZButtonFilter.style = stylesCss$X;
|
|
259
259
|
|
|
260
|
-
const stylesCss$
|
|
260
|
+
const stylesCss$W = ":host,button{max-width:100%}button{height:36px;border:var(--border-size-medium) solid var(--myz-blue);border-radius:var(--border-radius);color:var(--myz-blue);fill:var(--myz-blue);background-color:var(--bg-white);outline:none;padding:0 var(--space-unit);cursor:pointer}button::-moz-focus-inner{border:0}button:hover{border-color:var(--myz-blue-dark);color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{border-color:var(--myz-blue);color:var(--myz-blue);fill:var(--myz-blue);box-shadow:0px 0px 2px 2px var(--accent-dark)}button:active{border-color:var(--myz-blue-light);color:var(--myz-blue-light);fill:var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}button.selected{border-color:var(--myz-blue-dark);background-color:var(--myz-blue-dark);color:var(--bg-white);fill:var(--bg-white)}button>label{cursor:pointer;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;display:flex;align-items:center}button>label>span.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;padding:0}button>label>span.counter{margin-left:calc(var(--space-unit) / 2);margin-right:calc(var(--space-unit) * 2)}button>label>span.sort{margin-right:var(--half-x1);white-space:nowrap}button>span{font-family:var(--dashboard-font);font-weight:var(--font-rg);font-size:14px;margin-right:calc(var(--space-unit) * 0.5)}button>z-icon{padding-top:calc(var(--space-unit) * 0.5)}@media only screen and (min-width: 768px){:host,button{max-width:325px}}@media only screen and (min-width: 1025px){:host,button{max-width:490px}}";
|
|
261
261
|
|
|
262
262
|
const ZButtonSort = class {
|
|
263
263
|
constructor(hostRef) {
|
|
@@ -301,9 +301,9 @@ const ZButtonSort = class {
|
|
|
301
301
|
return (index.h("button", { title: this.setButtonTitle(), id: this.buttonid, class: this.isselected && "selected", onClick: () => this.emitButtonSortClick() }, index.h("label", null, index.h("span", { ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), index.h("span", { class: "counter" }, this.counter && ` (${this.counter})`), index.h("span", { class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), index.h("z-icon", { name: "caret-up-down", width: 16, height: 16 }))));
|
|
302
302
|
}
|
|
303
303
|
};
|
|
304
|
-
ZButtonSort.style = stylesCss$
|
|
304
|
+
ZButtonSort.style = stylesCss$W;
|
|
305
305
|
|
|
306
|
-
const stylesCss$
|
|
306
|
+
const stylesCss$V = ":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant='overlay'])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot='cover']),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-unit)}::slotted([slot='metadata']),::slotted([slot='title']),::slotted([slot='text']){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}::slotted([slot='title']:not(:last-child)),::slotted([slot='text']:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot='text']),::slotted([slot='actions']){margin:0}::slotted([slot='metadata']:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot='title']){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot='text']){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot='action']:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='border']) .actions,:host([variant='shadow']) .actions{margin-top:auto}:host([variant='border']){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant='border'][clickable]:hover)>.content{background:var(--color-background)}:host([variant='border'][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant='border'][clickable]:active){border-color:transparent}:host([variant='shadow']){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active){box-shadow:none}:host([variant='overlay']) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";
|
|
307
307
|
|
|
308
308
|
const ZCard = class {
|
|
309
309
|
constructor(hostRef) {
|
|
@@ -351,9 +351,9 @@ const ZCard = class {
|
|
|
351
351
|
}
|
|
352
352
|
get host() { return index.getElement(this); }
|
|
353
353
|
};
|
|
354
|
-
ZCard.style = stylesCss$
|
|
354
|
+
ZCard.style = stylesCss$V;
|
|
355
355
|
|
|
356
|
-
const stylesCss$
|
|
356
|
+
const stylesCss$U = ":host>div{display:inline-block;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:12px}.boldtext{font-weight:bold}";
|
|
357
357
|
|
|
358
358
|
const ZChip = class {
|
|
359
359
|
constructor(hostRef) {
|
|
@@ -368,9 +368,9 @@ const ZChip = class {
|
|
|
368
368
|
index.h("div", null, index.h("slot", null));
|
|
369
369
|
}
|
|
370
370
|
};
|
|
371
|
-
ZChip.style = stylesCss$
|
|
371
|
+
ZChip.style = stylesCss$U;
|
|
372
372
|
|
|
373
|
-
const stylesCss$
|
|
373
|
+
const stylesCss$T = ":host{display:block}:host>div.fixed{position:relative;height:42px}:host>div>.header{background-color:var(--bg-white);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--bg-grey-700);position:relative;z-index:10;min-height:42px;margin:0;padding:0 calc(var(--space-unit) * 2);display:flex;justify-content:space-between;align-items:center;cursor:pointer}:host>div>.header:focus:focus-visible{border:var(--border-size-small) solid var(--blue500);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>z-body{margin:0;padding:var(--space-unit) 0;color:var(--text-grey-800)}:host>div>.header>z-body>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div.open>.header{border-radius:var(border-radius-small) var(border-radius-small) 0 0;border:var(--border-size-small) solid var(--blue500)}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.openComboData{background-color:var(--bg-white);border-radius:0;border:var(--border-size-small) solid var(--gray200);border-top:0px;position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host>div.open>div.openComboData>div{padding:0;max-height:235px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--gray200)}:host>div.open>div.openComboData>z-input{margin-bottom:calc(var(--space-unit) * 2);width:100%}:host>div.open>div.openComboData>div>ul{margin:0;padding:0 3px;max-height:235px}::-webkit-scrollbar{background:linear-gradient(\n 90deg,\n var(--bg-white) 2px,\n var(--bg-grey-200) 4px,\n var(--bg-white) 8px\n );border-radius:var(--border-radius);width:10px}::-webkit-scrollbar-thumb{background-color:var(--myz-blue);border-radius:var(--border-radius);width:10px}:host>div.open>z-input{color:var(--myz-blue);margin:0 calc(var(--space-unit) * 2);width:238px;position:relative;z-index:1}:host>div.open>div.openComboData>div.search{box-shadow:1px 1px 4px 2px rgba(217, 222, 227, 0.5);margin-top:0;max-height:auto;overflow:hidden}:host>div.open>div.openComboData>div.search>ul{padding:var(--space-unit) calc(var(--space-unit) * 2);max-height:180px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--bg-grey-200)}:host>div.open>div.openComboData>div.search>div{display:flex;justify-content:center}:host>div.open>div.openComboData>div.search>div>a{display:inline-block;cursor:pointer;color:var(--myz-blue);font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;height:44px;line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.openComboData>div.checkAllWrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * .5);text-align:left}";
|
|
374
374
|
|
|
375
375
|
const ZCombobox = class {
|
|
376
376
|
constructor(hostRef) {
|
|
@@ -528,9 +528,9 @@ const ZCombobox = class {
|
|
|
528
528
|
"items": ["watchItems"]
|
|
529
529
|
}; }
|
|
530
530
|
};
|
|
531
|
-
ZCombobox.style = stylesCss$
|
|
531
|
+
ZCombobox.style = stylesCss$T;
|
|
532
532
|
|
|
533
|
-
const stylesCss$
|
|
533
|
+
const stylesCss$S = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:focus-within)>z-popover{box-shadow:var(--shadow-focus-primary)}.popover-content-container{min-width:112px;max-width:280px;white-space:nowrap;padding:calc(var(--space-unit) / 2) 0}.element-container:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.element-text{overflow:hidden;text-overflow:ellipsis;font-size:14px}.element-container,.disabled-element-container{display:flex;align-items:center;gap:var(--space-unit);fill:var(--color-disabled03);padding:calc(var(--space-unit) / 2) var(--space-unit);min-height:calc(var(--space-unit) * 4);box-sizing:border-box}.element-container{fill:var(--color-primary01)}.element-icon{display:flex}";
|
|
534
534
|
|
|
535
535
|
const ZContextualMenu = class {
|
|
536
536
|
constructor(hostRef) {
|
|
@@ -560,9 +560,9 @@ const ZContextualMenu = class {
|
|
|
560
560
|
: "element-container" }, this.showIcon() && (index.h("div", { class: "element-icon" }, index.h("z-icon", { name: element.icon, width: 16, height: 16 }))), index.h("div", { class: "element-text" }, index.h("span", null, element.text))))))))))));
|
|
561
561
|
}
|
|
562
562
|
};
|
|
563
|
-
ZContextualMenu.style = stylesCss$
|
|
563
|
+
ZContextualMenu.style = stylesCss$S;
|
|
564
564
|
|
|
565
|
-
const stylesCss$
|
|
565
|
+
const stylesCss$R = ".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";
|
|
566
566
|
|
|
567
567
|
const ZDivider = class {
|
|
568
568
|
constructor(hostRef) {
|
|
@@ -578,9 +578,9 @@ const ZDivider = class {
|
|
|
578
578
|
return (index.h(index.Host, { class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
|
|
579
579
|
}
|
|
580
580
|
};
|
|
581
|
-
ZDivider.style = stylesCss$
|
|
581
|
+
ZDivider.style = stylesCss$R;
|
|
582
582
|
|
|
583
|
-
const stylesCss$
|
|
583
|
+
const stylesCss$Q = ":host{width:100%}footer{width:auto;height:auto;box-sizing:border-box;font-family:var(--dashboard-font);font-size:13px;padding:var(--space-unit) 0 var(--space-unit) 0;background-color:var(--bg-grey-900);color:var(--gray50)}footer *{box-sizing:border-box}footer>section{display:grid}footer>section.bottom{display:grid;grid-template-columns:1fr;width:auto;height:auto;margin:0;padding:0;white-space:pre-line;font-size:12px}footer>section.bottom>div.item{display:flex;flex-direction:column;align-items:flex-start;grid-column:span 1;height:auto;width:auto;padding:calc(var(--space-unit) * 2) 0;margin:0 calc(var(--space-unit) * 3)}footer>section.bottom>div.item:nth-child(1){order:2}footer>section.bottom>div.item:nth-child(2){order:1;border-bottom:1px solid var(--gray50)}footer>section.bottom>div.item>div.social{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(auto-fill, 24px);column-gap:12px;padding:0;margin-bottom:0px}footer>section.bottom>div.bottom-links{display:none}footer>section.bottom>div.item>p{margin:var(--space-unit) 0;padding:var(--space-unit) 0}footer>section.bottom>div.item>p:first-child{margin-top:0}footer>section.bottom>div.item>p:last-child{margin-bottom:0}footer>section.bottom>div.logo>p>span{display:block}@media only screen and (min-width: 768px){footer{padding:0}footer>section.top{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);background-color:var(--text-grey-800)}footer>section.top>z-footer-section:last-child{display:none}footer>section.bottom{grid-template-columns:repeat(4, 1fr);grid-column-gap:var(--grid-tablet-margin);background-color:var(--bg-grey-900);padding:0 calc(var(--space-unit) * 4)}footer>section.bottom>div.item{margin:0}footer>section.bottom>div.item:nth-child(1){order:1}footer>section.bottom>div.item:nth-child(2){order:2;border-bottom:none}footer>section.bottom>div.item>p{padding-top:0}footer>section.bottom>div.logo>z-logo{width:auto;height:39px}footer>section.bottom>div.bottom-links{display:block;grid-column:span 2;order:3}footer>section.bottom>div.bottom-links{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(auto-fill, 24px);grid-column-gap:var(--grid-tablet-margin);font-size:12px}}@media only screen and (min-width: 1152px){footer>section.top{grid-template-columns:repeat(6, 1fr);grid-column-gap:var(--grid-desktop-margin);width:100%;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 4)}footer>section.bottom{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}footer>section.bottom>div.item:nth-child(1)>p:nth-of-type(2){font-size:10px}footer>section.bottom>div.item>p{padding-bottom:0;margin-bottom:calc(var(--space-unit) * 2)}footer>section.bottom>div.item>div.social{margin-top:0}footer>section.bottom>div.bottom-links{padding:calc(var(--space-unit) * 2) 0 0 0}footer>section.bottom>div.bottom-links{grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-desktop-margin);margin:0}}";
|
|
584
584
|
|
|
585
585
|
const ZFooter = class {
|
|
586
586
|
constructor(hostRef) {
|
|
@@ -651,9 +651,9 @@ const ZFooter = class {
|
|
|
651
651
|
return (index.h("footer", null, this.renderFooterTop(), this.renderFooterBottom()));
|
|
652
652
|
}
|
|
653
653
|
};
|
|
654
|
-
ZFooter.style = stylesCss$
|
|
654
|
+
ZFooter.style = stylesCss$Q;
|
|
655
655
|
|
|
656
|
-
const stylesCss$
|
|
656
|
+
const stylesCss$P = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>a{display:inline-block;color:var(--color-white);padding:calc(var(--space-unit) / 2 * 3) 0;border-bottom:1px solid var(--gray50);text-decoration:none;font-size:14px;width:100%}@media only screen and (min-width: 768px){:host a{font-size:12px;border-bottom:none;text-decoration:underline;padding:0;width:initial}}";
|
|
657
657
|
|
|
658
658
|
const ZFooterLink = class {
|
|
659
659
|
constructor(hostRef) {
|
|
@@ -663,9 +663,9 @@ const ZFooterLink = class {
|
|
|
663
663
|
return (index.h("a", { href: this.href, target: "_blank" }, index.h("slot", null)));
|
|
664
664
|
}
|
|
665
665
|
};
|
|
666
|
-
ZFooterLink.style = stylesCss$
|
|
666
|
+
ZFooterLink.style = stylesCss$P;
|
|
667
667
|
|
|
668
|
-
const stylesCss$
|
|
668
|
+
const stylesCss$O = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>nav{background-color:var(--bg-grey-900);display:flex;flex-direction:column;justify-items:flex-start;overflow:hidden;margin:calc(var(--space-unit) / 2) 0 calc(var(--space-unit) / 2) 0;padding:0}:host>nav>.header{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;margin:0 calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);border-bottom:1px solid var(--gray50);line-height:1}:host>nav>.header>h2{color:var(--color-white);font-size:16px;margin:var(--space-unit) 0 var(--space-unit) 0}:host>nav>.header{fill:var(--color-white)}:host>nav>.header>button{position:absolute;top:var(--space-unit);right:0;margin:0;padding:0;background:transparent;border:0;appearance:none;cursor:pointer}:host>nav>.header>z-icon{display:block}:host>nav>.content{background-color:var(--text-grey-800);display:none;height:0;transition:0.3s ease;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 4)}:host>nav>.content.show{display:block;height:auto;transition:0.3s ease}@media only screen and (min-width: 768px){:host>nav{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr;grid-column-gap:var(--grid-tablet-margin);padding:calc(var(--space-unit) * 2) 0;border-bottom:1px solid var(--color-white);margin:0;background-color:var(--bg-grey-800)}:host>nav>.header>button.toggleButton{display:none}:host>nav>.header{border-bottom:none;padding:0;margin:0}:host>nav>.header>h2{border:none}:host>nav>.content,:host>nav>.content.show{grid-column:span 3;width:100%;padding:0;margin:0;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-tablet-margin);grid-row-gap:var(--space-unit);height:auto;align-items:stretch;align-content:stretch;margin:0}}@media only screen and (min-width: 1152px){:host>nav{display:grid;grid-template-columns:1fr;grid-template-rows:40px 4fr;padding:0;border-bottom:none}:host>nav>.header{position:relative;display:inline-flex;height:24px}:host>nav>.header>h2{width:auto;font-size:16px;line-height:1;font-weight:600;color:var(--gray50);padding:0 0 var(--space-unit);margin:0}:host>nav>.header::after{content:\"\";display:block;position:absolute;top:100%;left:0;width:120px;border-bottom:1px solid var(--gray50)}:host>nav>.content,:host>nav>.content.show{grid-column:auto;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start}}";
|
|
669
669
|
|
|
670
670
|
const ZFooterSection = class {
|
|
671
671
|
constructor(hostRef) {
|
|
@@ -679,9 +679,9 @@ const ZFooterSection = class {
|
|
|
679
679
|
return (index.h("nav", null, index.h("div", { class: "header" }, index.h("h2", null, this.name), this.renderToggleButton()), index.h("div", { class: `content ${this.isOpen ? "show" : ""}` }, index.h("slot", null))));
|
|
680
680
|
}
|
|
681
681
|
};
|
|
682
|
-
ZFooterSection.style = stylesCss$
|
|
682
|
+
ZFooterSection.style = stylesCss$O;
|
|
683
683
|
|
|
684
|
-
const stylesCss$
|
|
684
|
+
const stylesCss$N = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>a>img{width:calc(var(--space-unit) * 3)}@media only screen and (min-width: 1152px){:host>a>img{width:16px}}";
|
|
685
685
|
|
|
686
686
|
const ZFooterSocial = class {
|
|
687
687
|
constructor(hostRef) {
|
|
@@ -691,9 +691,9 @@ const ZFooterSocial = class {
|
|
|
691
691
|
return (index.h("a", { href: this.href, target: "_blank" }, index.h("img", { src: this.icon, alt: this.description })));
|
|
692
692
|
}
|
|
693
693
|
};
|
|
694
|
-
ZFooterSocial.style = stylesCss$
|
|
694
|
+
ZFooterSocial.style = stylesCss$N;
|
|
695
695
|
|
|
696
|
-
const stylesCss$
|
|
696
|
+
const stylesCss$M = ":host{display:inline-block;width:100%;height:100%;background:var(--bg-neutral-100);overflow:hidden;border-radius:4px;transform:translate3d(0, 0, 0)}:host::after{content:' ';display:block;width:100%;height:100%;box-shadow:#e8ebee20 0px 0px 1px;background-image:linear-gradient(\n 90deg,\n var(--bg-neutral-100) 0%,\n var(--bg-neutral-150) 95%,\n var(--bg-neutral-100) 100%\n );animation:progress 1.6s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
|
|
697
697
|
|
|
698
698
|
const ZGhostLoading = class {
|
|
699
699
|
constructor(hostRef) {
|
|
@@ -703,7 +703,7 @@ const ZGhostLoading = class {
|
|
|
703
703
|
return (index.h(index.Host, null));
|
|
704
704
|
}
|
|
705
705
|
};
|
|
706
|
-
ZGhostLoading.style = stylesCss$
|
|
706
|
+
ZGhostLoading.style = stylesCss$M;
|
|
707
707
|
|
|
708
708
|
const icons = {
|
|
709
709
|
"add-image": "M0 198C0 307 88 395 198 395C307 395 395 307 395 198C395 88 307 0 198 0C88 0 0 88 0 198ZM20 764V408H96V782H170V447H246V635L385 427C405 398 439 396 458 428L628 714L706 594C732 555 765 554 787 593L904 798V218H446V150H702V88H406V20H694C748 20 780 52 780 106V150H894C948 150 980 182 980 236V894C980 948 948 980 894 980H256C200 980 170 948 170 894V850H106C50 850 20 818 20 764ZM86 218V176H173V74H223V176H309V218H223V309H173V218ZM246 912H903L747 651L666 775C643 810 616 812 594 775L422 489L246 750ZM629 380C629 442 678 491 740 491C801 491 850 442 850 380C850 319 801 270 740 270C678 270 629 319 629 380ZM693 380C693 353 714 331 740 331C765 331 786 353 786 380C786 408 765 430 740 430C714 430 693 408 693 380Z",
|
|
@@ -1141,7 +1141,7 @@ icons["cross"] = icons["multiply"];
|
|
|
1141
1141
|
icons["exit"] = icons["logout"];
|
|
1142
1142
|
icons["enter"] = icons["login"];
|
|
1143
1143
|
|
|
1144
|
-
const stylesCss$
|
|
1144
|
+
const stylesCss$L = ":host{line-height:0;vertical-align:middle;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0)}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";
|
|
1145
1145
|
|
|
1146
1146
|
const ZIcon = class {
|
|
1147
1147
|
constructor(hostRef) {
|
|
@@ -1159,9 +1159,9 @@ const ZIcon = class {
|
|
|
1159
1159
|
return (index.h("svg", { viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(icons[this.name])));
|
|
1160
1160
|
}
|
|
1161
1161
|
};
|
|
1162
|
-
ZIcon.style = stylesCss$
|
|
1162
|
+
ZIcon.style = stylesCss$L;
|
|
1163
1163
|
|
|
1164
|
-
const stylesCss$
|
|
1164
|
+
const stylesCss$K = ":host>div{display:flex;flex-flow:row wrap;justify-content:flex-start;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px}:host>div>div{width:300px;margin:5px}:host>div>div>label{margin:0 10px}";
|
|
1165
1165
|
|
|
1166
1166
|
const ZIconPackage = class {
|
|
1167
1167
|
constructor(hostRef) {
|
|
@@ -1174,9 +1174,9 @@ const ZIconPackage = class {
|
|
|
1174
1174
|
})));
|
|
1175
1175
|
}
|
|
1176
1176
|
};
|
|
1177
|
-
ZIconPackage.style = stylesCss$
|
|
1177
|
+
ZIconPackage.style = stylesCss$K;
|
|
1178
1178
|
|
|
1179
|
-
const stylesCss$
|
|
1179
|
+
const stylesCss$J = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>div{background:var(--accent-lighter);padding:calc(var(--space-unit) * 2);border-radius:var(--border-radius);display:flex;width:inherit}:host>div>slot{color:var(--text-grey-800);font-size:14px}:host>div>z-icon{fill:var(--myz-blue);cursor:pointer;margin-left:calc(var(--space-unit) * 2)}";
|
|
1180
1180
|
|
|
1181
1181
|
const ZInfoBox = class {
|
|
1182
1182
|
constructor(hostRef) {
|
|
@@ -1192,9 +1192,9 @@ const ZInfoBox = class {
|
|
|
1192
1192
|
return (index.h("div", { id: this.boxid }, index.h("slot", { name: "content" }), this.isclosable && index.h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() })));
|
|
1193
1193
|
}
|
|
1194
1194
|
};
|
|
1195
|
-
ZInfoBox.style = stylesCss$
|
|
1195
|
+
ZInfoBox.style = stylesCss$J;
|
|
1196
1196
|
|
|
1197
|
-
const stylesCss$
|
|
1197
|
+
const stylesCss$I = ".sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textareaWrapper.sc-z-input,ul[role=\"listbox\"].sc-z-input{background:var(--color-input-field01);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--color-surface04);box-sizing:border-box;color:var(--color-text02);fill:var(--color-icon02);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-3);outline:none}input.sc-z-input:focus:focus-visible,li[role=\"option\"].sc-z-input:focus:focus-visible,.focus.sc-z-input{box-shadow:var(--shadow-focus-primary)}.filled.sc-z-input{border-color:var(--color-surface05)}.istyping.sc-z-input,.focus.istyping.sc-z-input,.input_selecting.sc-z-input{border-color:var(--color-primary01);color:var(--color-primary01)}.input_success.sc-z-input,.input_success.sc-z-input:hover,.input_success.hover.sc-z-input{background:var(--color-success-inverse);border-color:var(--color-success01);fill:var(--color-success01)}.input_error.sc-z-input,.input_error.sc-z-input:hover,.input_error.hover.sc-z-input{background:var(--color-error-inverse);border-color:var(--color-error01);fill:var(--color-error01)}.input_warning.sc-z-input,.input_warning.sc-z-input:hover,.input_warning.hover.sc-z-input{background:var(--color-warning-inverse);border-color:var(--color-warning01);fill:var(--color-warning01)}input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}input.sc-z-input:disabled,.disabled.sc-z-input,.filled.sc-z-input:disabled{border-color:var(--color-disabled01);color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none;box-shadow:none}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-input-placeholder,.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-input-placeholder,.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::-moz-placeholder{color:var(--color-text05)}.sc-z-input:-moz-placeholder{color:var(--color-text05)}.textWrapper.sc-z-input>div.sc-z-input{fill:var(--color-icon02)}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);margin:0;padding:0 calc(var(--space-unit) * 4.5) 0 calc(var(--space-unit) * 1.5);box-sizing:border-box}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.sc-z-input,.textWrapper.sc-z-input>div.sc-z-input>input.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 4)}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 7)}.textWrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1}.textWrapper.sc-z-input .iconsWrapper.sc-z-input{position:absolute;bottom:calc(var(--space-unit) * 1.5);right:calc(var(--space-unit) * 1.5);display:flex;z-index:2}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block;margin-left:calc(var(--space-unit) * 0.5)}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.resetIcon.sc-z-input,.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.showHidePasswordIcon.sc-z-input{cursor:pointer}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:hover,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:focus,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:active{-webkit-background-clip:text !important}.textareaWrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{min-height:132px;width:100%;margin:0;padding:0;border:none;resize:none}.radioWrapper.sc-z-input,.checkboxWrapper.sc-z-input{display:inline-flex;flex-direction:row;align-items:center;font-family:var(--font-family-sans);position:relative;color:var(--color-text01);fill:var(--color-primary01)}.radioWrapper.sc-z-input:hover,.checkboxWrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentColor}.radioWrapper.sc-z-input>input.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input{position:absolute;opacity:0;z-index:-1;pointer-events:none}.radioWrapper.sc-z-input .radioLabel.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input{display:inline-flex;align-items:center;margin:0;line-height:1;color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;text-transform:inherit}.radioWrapper.sc-z-input input.sc-z-input:not(:disabled)+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkboxLabel.sc-z-input{cursor:pointer}.radioWrapper.sc-z-input .radioLabel.sc-z-input z-icon.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input z-icon.sc-z-input{fill:inherit;cursor:pointer}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input{flex-direction:row}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input{flex-direction:row-reverse}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}.radioWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkboxLabel.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary);border-radius:var(--border-radius-small)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input{color:var(--color-disabled02)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input>z-icon.sc-z-input{fill:var(--color-disabled01);cursor:default}";
|
|
1198
1198
|
|
|
1199
1199
|
const ZInput = class {
|
|
1200
1200
|
constructor(hostRef) {
|
|
@@ -1450,9 +1450,9 @@ const ZInput = class {
|
|
|
1450
1450
|
}
|
|
1451
1451
|
get hostElement() { return index.getElement(this); }
|
|
1452
1452
|
};
|
|
1453
|
-
ZInput.style = stylesCss$
|
|
1453
|
+
ZInput.style = stylesCss$I;
|
|
1454
1454
|
|
|
1455
|
-
const stylesCss$
|
|
1455
|
+
const stylesCss$H = "label{display:block;margin:var(--space-unit) 0;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);line-height:1.33;letter-spacing:0.32px;text-transform:uppercase;text-align:left}label.disabled{color:var(--color-disabled02)}";
|
|
1456
1456
|
|
|
1457
1457
|
const ZInputLabel = class {
|
|
1458
1458
|
constructor(hostRef) {
|
|
@@ -1464,9 +1464,9 @@ const ZInputLabel = class {
|
|
|
1464
1464
|
return index.h("label", { htmlFor: this.htmlfor, class: { disabled: this.disabled } }, this.value);
|
|
1465
1465
|
}
|
|
1466
1466
|
};
|
|
1467
|
-
ZInputLabel.style = stylesCss$
|
|
1467
|
+
ZInputLabel.style = stylesCss$H;
|
|
1468
1468
|
|
|
1469
|
-
const stylesCss$
|
|
1469
|
+
const stylesCss$G = ":host{display:flex;align-items:start;min-height:calc(var(--space-unit) * 2);margin-top:var(--space-unit);color:var(--color-text05);fill:currentColor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host([status='success']){color:var(--color-text-success)}:host([status='error']){color:var(--color-text-error)}:host([status='warning']){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:calc(var(--space-unit) / 3) var(--space-unit) 0 0}";
|
|
1470
1470
|
|
|
1471
1471
|
const ZInputMessage = class {
|
|
1472
1472
|
constructor(hostRef) {
|
|
@@ -1481,9 +1481,9 @@ const ZInputMessage = class {
|
|
|
1481
1481
|
return (index.h(index.Host, { role: "alert", "aria-label": this.message, tabindex: "0" }, this.statusIcons[this.status] && this.message && (index.h("z-icon", { name: this.statusIcons[this.status] })), index.h("span", { innerHTML: this.message })));
|
|
1482
1482
|
}
|
|
1483
1483
|
};
|
|
1484
|
-
ZInputMessage.style = stylesCss$
|
|
1484
|
+
ZInputMessage.style = stylesCss$G;
|
|
1485
1485
|
|
|
1486
|
-
const stylesCss$
|
|
1486
|
+
const stylesCss$F = ":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * .5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active,a.black:visited{color:var(--color-black);fill:var(--color-black)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--gray300);fill:var(--gray300)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";
|
|
1487
1487
|
|
|
1488
1488
|
const ZLink = class {
|
|
1489
1489
|
constructor(hostRef) {
|
|
@@ -1545,9 +1545,9 @@ const ZLink = class {
|
|
|
1545
1545
|
}
|
|
1546
1546
|
get hostElement() { return index.getElement(this); }
|
|
1547
1547
|
};
|
|
1548
|
-
ZLink.style = stylesCss$
|
|
1548
|
+
ZLink.style = stylesCss$F;
|
|
1549
1549
|
|
|
1550
|
-
const stylesCss$
|
|
1550
|
+
const stylesCss$E = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:flex;flex-direction:column}";
|
|
1551
1551
|
|
|
1552
1552
|
const ZList = class {
|
|
1553
1553
|
constructor(hostRef) {
|
|
@@ -1571,9 +1571,9 @@ const ZList = class {
|
|
|
1571
1571
|
}
|
|
1572
1572
|
get host() { return index.getElement(this); }
|
|
1573
1573
|
};
|
|
1574
|
-
ZList.style = stylesCss$
|
|
1574
|
+
ZList.style = stylesCss$E;
|
|
1575
1575
|
|
|
1576
|
-
const stylesCss$
|
|
1576
|
+
const stylesCss$D = ":host{outline:none}:host>.container,:host>.container-contextual-menu{--background-color-list-element:var(--bg-white);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02);font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}:host([size=\"small\"])>.container{padding:calc(var(--space-unit) / 2) 0;min-height:calc(var(--space-unit) * 4)}:host([size=\"medium\"])>.container{padding:var(--space-unit) 0;min-height:calc(var(--space-unit) * 5)}:host([size=\"large\"])>.container{padding:calc(var(--space-unit) * 2) 0;min-height:calc(var(--space-unit) * 7)}:host([size=\"x-large\"])>.container{padding:calc(var(--space-unit) * 3) 0;min-height:calc(var(--space-unit) * 9)}:host([expandable])>.container,:host([expandable])>.container-contextual-menu,:host([clickable])>.container,:host([clickable])>.container-contextual-menu{cursor:pointer}:host([expandable]:hover)>.container,:host([expandable]:hover)>.container-contextual-menu,:host([clickable]:hover)>.container,:host([clickable]:hover)>.container-contextual-menu{background-color:var(--background-hover-color-list-element)}:host([expandable]:focus:focus-visible)>.container,:host([expandable]:focus:focus-visible)>.container-contextual-menu,:host([clickable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container-contextual-menu{box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([expandable]:active)>.container-contextual-menu,:host([clickable]:active)>.container,:host([clickable]:active)>.container-contextual-menu{background-color:var(--background-active-color-list-element)}:host([align-button=\"left\"][expandable])>.container>.z-list-element-container,:host([align-button=\"left\"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex}:host([align-button=\"right\"][expandable])>.container>.z-list-element-container,:host([align-button=\"right\"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button=\"left\"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button=\"left\"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button=\"right\"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button=\"right\"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container,:host>.container-contextual-menu>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded,:host>.container-contextual-menu>.z-list-element-inner-container.expanded{display:block}:host([clickable]:hover)>.container-contextual-menu{background-color:var(--color-surface03)}.container-contextual-menu:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}";
|
|
1577
1577
|
|
|
1578
1578
|
const ZListElement = class {
|
|
1579
1579
|
/**
|
|
@@ -1715,9 +1715,9 @@ const ZListElement = class {
|
|
|
1715
1715
|
}
|
|
1716
1716
|
get host() { return index.getElement(this); }
|
|
1717
1717
|
};
|
|
1718
|
-
ZListElement.style = stylesCss$
|
|
1718
|
+
ZListElement.style = stylesCss$D;
|
|
1719
1719
|
|
|
1720
|
-
const stylesCss$
|
|
1720
|
+
const stylesCss$C = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;line-height:1.4;letter-spacing:0.16px}:host>.z-list-group-header-container.has-header{padding-top:var(--space-unit);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}";
|
|
1721
1721
|
|
|
1722
1722
|
const ZListGroup = class {
|
|
1723
1723
|
constructor(hostRef) {
|
|
@@ -1761,9 +1761,9 @@ const ZListGroup = class {
|
|
|
1761
1761
|
}
|
|
1762
1762
|
get host() { return index.getElement(this); }
|
|
1763
1763
|
};
|
|
1764
|
-
ZListGroup.style = stylesCss$
|
|
1764
|
+
ZListGroup.style = stylesCss$C;
|
|
1765
1765
|
|
|
1766
|
-
const stylesCss$
|
|
1766
|
+
const stylesCss$B = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>div{display:flex;flex-direction:row;justify-content:flex-start}polygon{fill:var(--myz-red)}path{fill:var(--bg-white)}";
|
|
1767
1767
|
|
|
1768
1768
|
const ZLogo = class {
|
|
1769
1769
|
constructor(hostRef) {
|
|
@@ -1780,9 +1780,9 @@ const ZLogo = class {
|
|
|
1780
1780
|
return (index.h("div", null, this.link && (index.h("a", { style: { width: `${this.width}px`, height: `${this.height}px` }, href: this.link, target: this.targetblank ? "_blank" : undefined }, this.renderSvg())), !this.link && this.renderSvg()));
|
|
1781
1781
|
}
|
|
1782
1782
|
};
|
|
1783
|
-
ZLogo.style = stylesCss$
|
|
1783
|
+
ZLogo.style = stylesCss$B;
|
|
1784
1784
|
|
|
1785
|
-
const stylesCss$
|
|
1785
|
+
const stylesCss$A = ":host,::slotted(*),*{box-sizing:border-box}:host{display:inline-flex;flex-direction:column;position:relative}::slotted(a){color:var(--color-text01);text-decoration:none}::slotted(*){font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([active]) .menu-label-content,:host([open]) .menu-label-content,.menu-label:hover .menu-label-content{border-color:var(--color-secondary01)}.menu-label{margin:0;padding:0;color:inherit;background:transparent;border:0;border-radius:0;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label .menu-label-content{display:flex;align-items:center;padding:var(--space-unit) calc(var(--space-unit) / 2) var(--space-unit);border-bottom:var(--border-size-large) solid var(--color-surface05)}.menu-label:focus-within{box-shadow:var(--shadow-focus-primary);z-index:1}.menu-label ::slotted(*){width:100%;margin:0;appearance:none;font-size:var(--font-size-5);line-height:1.2;outline:none}.menu-label z-icon{margin-left:calc(var(--space-unit) * 4);fill:currentColor}.content{padding:var(--space-unit) 0;background:var(--color-surface01)}.content[hidden]{display:none}:host([floating]) .content{width:375px;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host(:not([floating])) .content{width:100%}:host([floating]) .content{position:absolute;top:100%;left:0;box-shadow:var(--shadow-2);min-width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot='header']){width:calc(var(--space-unit) * 11.25);object-fit:contain;height:auto}.header ::slotted([slot='header']:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) / 2 * 3);font-weight:var(--font-sb);font-size:var(--font-size-3);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot='item']){display:inline-flex;width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot='item']:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot='item']:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot='item']:hover),.items>::slotted([slot='item']:active){border-color:var(--color-secondary01)}";
|
|
1786
1786
|
|
|
1787
1787
|
const ZMenu = class {
|
|
1788
1788
|
constructor(hostRef) {
|
|
@@ -1883,9 +1883,9 @@ const ZMenu = class {
|
|
|
1883
1883
|
"open": ["onOpenChanged"]
|
|
1884
1884
|
}; }
|
|
1885
1885
|
};
|
|
1886
|
-
ZMenu.style = stylesCss$
|
|
1886
|
+
ZMenu.style = stylesCss$A;
|
|
1887
1887
|
|
|
1888
|
-
const stylesCss$
|
|
1888
|
+
const stylesCss$z = ":host{font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:12px;height:32px;width:inherit;letter-spacing:0.17px}a,a:visited,a:active{color:inherit;text-decoration:none}:host>a{display:block;background:var(--bg-grey-050);color:var(--text-grey-800);border-radius:var(--border-radius);border:var(--border-size-small) solid transparent;outline:none}:host>a::-moz-focus-inner{border:0}:host>a:hover,:host>a.menu-opened:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host>a:focus{color:var(--myz-blue);fill:var(--myz-blue);border:var(--border-size-small) solid var(--myz-blue);box-shadow:0px 0px 2px 2px var(--myz-blue-light)}:host>a:active{color:var(--myz-blue-light);fill:var(--myz-blue-light);border:var(--border-size-small) solid var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}div.container{display:flex;align-items:center;justify-content:space-between;height:32px;position:relative;padding:0 var(--basex1)}div.container>span.user-wrapper{display:flex}div.container>span.user-wrapper>span.user{padding:0 var(--basex1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;width:30px}div.container>span.arrow{display:flex;justify-content:center;align-items:center}div.container>span.arrow>z-icon{transform:rotate(360deg);transition:all 200ms linear}ul{list-style:none;padding:0 calc(var(--space-unit) * 2);margin:0px}li{height:var(--basex3);display:flex;align-items:center;padding:calc(var(--space-unit) / 4) 0;width:max-content}.menu-opened{padding-bottom:calc(var(--space-unit) * 2);width:auto !important;min-width:147px;position:inherit}.menu-opened a,.menu-opened a:active,.menu-opened a:visited{color:var(--myz-blue);fill:var(--myz-blue)}.menu-opened a:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.menu-opened>div.container{margin-bottom:var(--basex1)}.menu-opened>div.container>span.user-wrapper>span.user{width:auto}.menu-opened>div.container>span.arrow>z-icon{transform:rotate(180deg);transition:all 200ms linear}@media only screen and (min-width: 1152px){:host>a{width:147px;padding:0 calc(var(--space-unit) / 4)}:host>a.menu-opened{width:147px;padding-bottom:calc(var(--space-unit) * 2)}div.container>span.user-wrapper>span.user{width:80px}}";
|
|
1889
1889
|
|
|
1890
1890
|
const ZMenuDropdown = class {
|
|
1891
1891
|
constructor(hostRef) {
|
|
@@ -1933,9 +1933,9 @@ const ZMenuDropdown = class {
|
|
|
1933
1933
|
}, onKeyUp: (e) => utils.handleKeyboardSubmit(e, this.handleToggle) }, index.h("div", { class: "container", onClick: () => this.handleToggle() }, index.h("span", { class: "user-wrapper" }, index.h("z-icon", { name: "user-avatar", width: 14, height: 14 }), index.h("span", { class: "user" }, this.nomeutente)), this.renderButtonMenu()), this.renderMenuOpen()));
|
|
1934
1934
|
}
|
|
1935
1935
|
};
|
|
1936
|
-
ZMenuDropdown.style = stylesCss$
|
|
1936
|
+
ZMenuDropdown.style = stylesCss$z;
|
|
1937
1937
|
|
|
1938
|
-
const stylesCss$
|
|
1938
|
+
const stylesCss$y = ":host{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){font-family:var(--font-family-sans);font-weight:var(--font-rg);color:var(--color-text01)}:host([active]) .label,:host([open]) .label,.label:hover{border-color:var(--color-secondary01)}.label{display:flex;align-items:center;width:100%;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);text-align:left;background:transparent;border-radius:0;border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);cursor:pointer}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary)}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:currentColor}.items{display:flex;flex-direction:column;width:100%;padding:calc(var(--space-unit) / 2) 0 calc(var(--space-unit) / 2 * 3)}.items>::slotted([slot='item']){display:inline-flex;margin:0;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) / 2);font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot='item']:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot='item']:hover){color:var(--color-secondary01)}";
|
|
1939
1939
|
|
|
1940
1940
|
const ZMenuSection = class {
|
|
1941
1941
|
constructor(hostRef) {
|
|
@@ -1972,7 +1972,36 @@ const ZMenuSection = class {
|
|
|
1972
1972
|
}
|
|
1973
1973
|
get hostElement() { return index.getElement(this); }
|
|
1974
1974
|
};
|
|
1975
|
-
ZMenuSection.style = stylesCss$
|
|
1975
|
+
ZMenuSection.style = stylesCss$y;
|
|
1976
|
+
|
|
1977
|
+
const stylesCss$x = ":host{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.modal-container{display:flex;flex-direction:column;z-index:1010;width:100%;height:100vh;overflow:-moz-scrollbars-none;overflow:hidden}.modal-container>header{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{margin:0;padding:0;border:none;background:transparent;cursor:pointer;margin-left:auto}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-icon01)}.modal-container>header>div{display:flex;flex-direction:column;width:100%;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header h2{margin:0;padding:0;font-weight:var(--font-rg);color:var(--color-text01)}.modal-container>header h1{font-size:var(--font-size-5);line-height:1.4;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-3);line-height:1.5;letter-spacing:0}.modal-container>header>div *:empty{display:none}.modal-container>header h1+h2{margin-top:calc(var(--space-unit) * 0.5)}.modal-container>.modal-content{flex:1 auto;background:var(--color-surface01);overflow:auto;overflow-x:hidden}.modal-container .modal-content::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.modal-container .modal-content::-webkit-scrollbar-track{background-color:transparent}.modal-container .modal-content::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.modal-container .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container .modal-content{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-container{position:fixed;top:calc(var(--space-unit) * 6);left:50%;transform:translateX(-50%);width:auto;height:auto;min-width:calc(var(--space-unit) * 40);min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius)}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);line-height:1.33;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-4);line-height:1.5;letter-spacing:0}.modal-container>header h1+h2{margin-top:0}}";
|
|
1978
|
+
|
|
1979
|
+
const ZModal = class {
|
|
1980
|
+
constructor(hostRef) {
|
|
1981
|
+
index.registerInstance(this, hostRef);
|
|
1982
|
+
this.modalClose = index.createEvent(this, "modalClose", 7);
|
|
1983
|
+
this.modalHeaderActive = index.createEvent(this, "modalHeaderActive", 7);
|
|
1984
|
+
this.modalBackgroundClick = index.createEvent(this, "modalBackgroundClick", 7);
|
|
1985
|
+
/** aria-label for close button (optional) */
|
|
1986
|
+
this.closeButtonLabel = "close modal";
|
|
1987
|
+
}
|
|
1988
|
+
emitModalClose() {
|
|
1989
|
+
this.modalClose.emit({ modalid: this.modalid });
|
|
1990
|
+
}
|
|
1991
|
+
emitModalHeaderActive() {
|
|
1992
|
+
this.modalHeaderActive.emit({ modalid: this.modalid });
|
|
1993
|
+
}
|
|
1994
|
+
emitBackgroundClick() {
|
|
1995
|
+
this.modalBackgroundClick.emit({ modalid: this.modalid });
|
|
1996
|
+
}
|
|
1997
|
+
render() {
|
|
1998
|
+
return [
|
|
1999
|
+
index.h("div", { class: "modal-container", id: this.modalid, role: "dialog" }, index.h("header", { onClick: this.emitModalHeaderActive.bind(this) }, index.h("div", null, this.modaltitle && index.h("h1", null, this.modaltitle), this.modalsubtitle && index.h("h2", null, this.modalsubtitle)), index.h("slot", { name: "modalCloseButton" }, index.h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) }, index.h("z-icon", { name: "multiply-circle-filled" })))), index.h("div", { class: "modal-content" }, index.h("slot", { name: "modalContent" }))),
|
|
2000
|
+
index.h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
|
|
2001
|
+
];
|
|
2002
|
+
}
|
|
2003
|
+
};
|
|
2004
|
+
ZModal.style = stylesCss$x;
|
|
1976
2005
|
|
|
1977
2006
|
const stylesCss$w = "div{background-color:var(--color-surface01);display:flex;flex-direction:column;width:auto;box-sizing:border-box;width:256px;height:522px;border:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius)}div.real,div.trial{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";
|
|
1978
2007
|
|
|
@@ -2730,6 +2759,8 @@ const ZRegistroTableHeader = class {
|
|
|
2730
2759
|
this.sort = index.createEvent(this, "sort", 7);
|
|
2731
2760
|
/** [Optional] Padding of the header */
|
|
2732
2761
|
this.size = index$1.TableHeaderSize["medium"];
|
|
2762
|
+
/** [Optional] Default sort order */
|
|
2763
|
+
this.defaultSortDirection = index$1.SortDirectionEnum.asc;
|
|
2733
2764
|
this.sortDirection = index$1.SortDirectionEnum.none;
|
|
2734
2765
|
this.isMenuOpened = false;
|
|
2735
2766
|
this.emitOnSort = this.emitOnSort.bind(this);
|
|
@@ -2744,13 +2775,14 @@ const ZRegistroTableHeader = class {
|
|
|
2744
2775
|
if (!this.sortable) {
|
|
2745
2776
|
return;
|
|
2746
2777
|
}
|
|
2747
|
-
|
|
2748
|
-
this.sortDirection
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
|
|
2778
|
+
this.sortDirection = (() => {
|
|
2779
|
+
switch (this.sortDirection) {
|
|
2780
|
+
case (index$1.SortDirectionEnum.asc): return index$1.SortDirectionEnum.desc;
|
|
2781
|
+
case (index$1.SortDirectionEnum.desc): return index$1.SortDirectionEnum.asc;
|
|
2782
|
+
case (index$1.SortDirectionEnum.none): return this.defaultSortDirection;
|
|
2783
|
+
default: return index$1.SortDirectionEnum.none;
|
|
2784
|
+
}
|
|
2785
|
+
})();
|
|
2754
2786
|
this.emitOnSort();
|
|
2755
2787
|
}
|
|
2756
2788
|
handleMenuClick() {
|
|
@@ -2764,13 +2796,14 @@ const ZRegistroTableHeader = class {
|
|
|
2764
2796
|
}
|
|
2765
2797
|
}
|
|
2766
2798
|
handleClickHeaders(e) {
|
|
2767
|
-
|
|
2799
|
+
const { target } = e;
|
|
2800
|
+
const parent = utils.getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-registro-table-header");
|
|
2801
|
+
if (!this.sortable || !parent) {
|
|
2768
2802
|
return;
|
|
2769
2803
|
}
|
|
2770
|
-
const
|
|
2771
|
-
const
|
|
2772
|
-
if (
|
|
2773
|
-
parent.attributes.getNamedItem("column-id").value !== this.columnId) {
|
|
2804
|
+
const parentColumnId = parent.attributes.getNamedItem("column-id").value;
|
|
2805
|
+
const isSortable = target.parentNode.sortable || target.sortable;
|
|
2806
|
+
if (parentColumnId !== this.columnId && isSortable) {
|
|
2774
2807
|
this.sortDirection = index$1.SortDirectionEnum.none;
|
|
2775
2808
|
}
|
|
2776
2809
|
}
|
|
@@ -3485,7 +3518,7 @@ const ZTypography = class {
|
|
|
3485
3518
|
};
|
|
3486
3519
|
ZTypography.style = stylesCss$1;
|
|
3487
3520
|
|
|
3488
|
-
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{cursor:pointer;display:flex;margin:0;background:var(--bg-grey-900);border:none;
|
|
3521
|
+
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{cursor:pointer;display:flex;margin:0;background:var(--bg-grey-900);border:none;font-size:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) - 2px) 0}button>z-icon{padding:0 2px;fill:var(--bg-white)}button>span{padding:0 6px;color:var(--text-white);font-weight:var(--font-sb);line-height:19px}button.light{background:var(--bg-white)}button.light>z-icon{fill:var(--bg-grey-900)}button.light>span{color:var(--bg-grey-900)}button>.userfullname{display:none}ul{position:absolute;left:0;padding:var(--space-unit) 0 0 0;width:100%;margin:0;background:var(--bg-grey-900)}ul.light{background:var(--bg-white)}ul>li{display:flex;justify-content:flex-end;padding:var(--space-unit);margin:0 var(--space-unit);border-bottom:var(--border-base) solid var(--bg-grey-700)}ul>li:first-child{border-top:var(--border-base) solid var(--bg-grey-700)}ul>li:last-child{border-bottom:none}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4)}:host>div{position:relative}:host>div>div{padding:0}:host>div>div.open{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;align-content:stretch;width:min-content;position:absolute;right:calc(var(--space-unit) * -1);box-shadow:0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);background:var(--bg-white);border-radius:calc(var(--space-unit) * .5);padding:calc(var(--space-unit) * .5) var(--space-unit);transform:translate(0, -4px)}button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:end;align-content:center;max-width:200px}button>span{padding:0 var(--space-unit)}button.open{background-color:var(--bg-white);border-top:var(--border-size-small) solid var(--bg-white);border-top-left-radius:calc(var(--space-unit) * .5);border-top-right-radius:calc(var(--space-unit) * .5);max-width:initial}button>.userfullname{display:initial;white-space:nowrap;overflow:hidden;max-width:250px;text-overflow:ellipsis}button.open>z-icon{fill:var(--gray900)}button.open>span{color:var(--gray900)}ul{position:initial;left:initial;padding:0;margin-top:0;width:100%;background-color:var(--bg-white);border-bottom:var(--border-size-small) solid var(--bg-white);border-bottom-left-radius:var(--border-radius-base);border-bottom-right-radius:var(--border-radius-base)}ul>li{color:var(--gray900);border-bottom:var(--border-base) solid rgb(202, 204, 206);padding:calc(var(--space-unit) * .5);margin:unset}ul>li>*{width:max-content}ul>li:first-child{border-top:none}ul>li:last-child{border-bottom:none}}@media only screen and (min-width: 1152px){button{max-width:initial}}";
|
|
3489
3522
|
|
|
3490
3523
|
const ZUserDropdown = class {
|
|
3491
3524
|
constructor(hostRef) {
|
|
@@ -3606,6 +3639,7 @@ exports.z_logo = ZLogo;
|
|
|
3606
3639
|
exports.z_menu = ZMenu;
|
|
3607
3640
|
exports.z_menu_dropdown = ZMenuDropdown;
|
|
3608
3641
|
exports.z_menu_section = ZMenuSection;
|
|
3642
|
+
exports.z_modal = ZModal;
|
|
3609
3643
|
exports.z_myz_card = ZMyzCardComponent;
|
|
3610
3644
|
exports.z_myz_card_alert = ZMyzCardAlert;
|
|
3611
3645
|
exports.z_myz_card_body = ZMyzCardBody;
|