@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
|
@@ -4,7 +4,7 @@ import { m as mobileBreakpoint, t as tabletBreakpoint } from './breakpoints-c386
|
|
|
4
4
|
import { c as createCommonjsModule, h as hammer } from './hammer-c807d0b5.js';
|
|
5
5
|
import { h as handleKeyboardSubmit, r as randomId, g as getElementTree, a as getClickedElement } from './utils-4da869b8.js';
|
|
6
6
|
|
|
7
|
-
const stylesCss
|
|
7
|
+
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)}";
|
|
8
8
|
|
|
9
9
|
const ZAlert = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -14,9 +14,9 @@ const ZAlert = class {
|
|
|
14
14
|
return (h("div", { class: this.type }, h("slot", null)));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
ZAlert.style = stylesCss
|
|
17
|
+
ZAlert.style = stylesCss$10;
|
|
18
18
|
|
|
19
|
-
const stylesCss
|
|
19
|
+
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}";
|
|
20
20
|
|
|
21
21
|
const ZAppSwitcher = class {
|
|
22
22
|
constructor(hostRef) {
|
|
@@ -35,9 +35,9 @@ const ZAppSwitcher = class {
|
|
|
35
35
|
return (h("button", { title: "app-switcher", onClick: () => this.emitAppButtonClick() }, h("z-icon", { name: "app-switcher", class: this.theme })));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
|
-
ZAppSwitcher.style = stylesCss
|
|
38
|
+
ZAppSwitcher.style = stylesCss$$;
|
|
39
39
|
|
|
40
|
-
const stylesCss$
|
|
40
|
+
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)}}";
|
|
41
41
|
|
|
42
42
|
const ZAppTopbar = class {
|
|
43
43
|
constructor(hostRef) {
|
|
@@ -80,9 +80,9 @@ const ZAppTopbar = class {
|
|
|
80
80
|
}
|
|
81
81
|
get hostElement() { return getElement(this); }
|
|
82
82
|
};
|
|
83
|
-
ZAppTopbar.style = stylesCss$
|
|
83
|
+
ZAppTopbar.style = stylesCss$_;
|
|
84
84
|
|
|
85
|
-
const stylesCss$
|
|
85
|
+
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}";
|
|
86
86
|
|
|
87
87
|
const ZAvatar = class {
|
|
88
88
|
constructor(hostRef) {
|
|
@@ -115,7 +115,7 @@ const ZAvatar = class {
|
|
|
115
115
|
} }, this.text && !this.image && h("span", null, this.text.substring(0, 2)), this.image && (h("img", { src: this.image, onError: () => (this.image = "") }))));
|
|
116
116
|
}
|
|
117
117
|
};
|
|
118
|
-
ZAvatar.style = stylesCss$
|
|
118
|
+
ZAvatar.style = stylesCss$Z;
|
|
119
119
|
|
|
120
120
|
const ZBody = class {
|
|
121
121
|
constructor(hostRef) {
|
|
@@ -182,7 +182,7 @@ var classnames = createCommonjsModule(function (module) {
|
|
|
182
182
|
}());
|
|
183
183
|
});
|
|
184
184
|
|
|
185
|
-
const stylesCss$
|
|
185
|
+
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)}";
|
|
186
186
|
|
|
187
187
|
const ZButton = class {
|
|
188
188
|
constructor(hostRef) {
|
|
@@ -209,9 +209,9 @@ const ZButton = class {
|
|
|
209
209
|
}
|
|
210
210
|
get hostElement() { return getElement(this); }
|
|
211
211
|
};
|
|
212
|
-
ZButton.style = stylesCss$
|
|
212
|
+
ZButton.style = stylesCss$Y;
|
|
213
213
|
|
|
214
|
-
const stylesCss$
|
|
214
|
+
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}";
|
|
215
215
|
|
|
216
216
|
const ZButtonFilter = class {
|
|
217
217
|
constructor(hostRef) {
|
|
@@ -251,9 +251,9 @@ const ZButtonFilter = class {
|
|
|
251
251
|
return this.renderDynamicPillow(this.filtername);
|
|
252
252
|
}
|
|
253
253
|
};
|
|
254
|
-
ZButtonFilter.style = stylesCss$
|
|
254
|
+
ZButtonFilter.style = stylesCss$X;
|
|
255
255
|
|
|
256
|
-
const stylesCss$
|
|
256
|
+
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}}";
|
|
257
257
|
|
|
258
258
|
const ZButtonSort = class {
|
|
259
259
|
constructor(hostRef) {
|
|
@@ -297,9 +297,9 @@ const ZButtonSort = class {
|
|
|
297
297
|
return (h("button", { title: this.setButtonTitle(), id: this.buttonid, class: this.isselected && "selected", onClick: () => this.emitButtonSortClick() }, h("label", null, h("span", { ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { class: "counter" }, this.counter && ` (${this.counter})`), h("span", { class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { name: "caret-up-down", width: 16, height: 16 }))));
|
|
298
298
|
}
|
|
299
299
|
};
|
|
300
|
-
ZButtonSort.style = stylesCss$
|
|
300
|
+
ZButtonSort.style = stylesCss$W;
|
|
301
301
|
|
|
302
|
-
const stylesCss$
|
|
302
|
+
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)}";
|
|
303
303
|
|
|
304
304
|
const ZCard = class {
|
|
305
305
|
constructor(hostRef) {
|
|
@@ -347,9 +347,9 @@ const ZCard = class {
|
|
|
347
347
|
}
|
|
348
348
|
get host() { return getElement(this); }
|
|
349
349
|
};
|
|
350
|
-
ZCard.style = stylesCss$
|
|
350
|
+
ZCard.style = stylesCss$V;
|
|
351
351
|
|
|
352
|
-
const stylesCss$
|
|
352
|
+
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}";
|
|
353
353
|
|
|
354
354
|
const ZChip = class {
|
|
355
355
|
constructor(hostRef) {
|
|
@@ -364,9 +364,9 @@ const ZChip = class {
|
|
|
364
364
|
h("div", null, h("slot", null));
|
|
365
365
|
}
|
|
366
366
|
};
|
|
367
|
-
ZChip.style = stylesCss$
|
|
367
|
+
ZChip.style = stylesCss$U;
|
|
368
368
|
|
|
369
|
-
const stylesCss$
|
|
369
|
+
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}";
|
|
370
370
|
|
|
371
371
|
const ZCombobox = class {
|
|
372
372
|
constructor(hostRef) {
|
|
@@ -524,9 +524,9 @@ const ZCombobox = class {
|
|
|
524
524
|
"items": ["watchItems"]
|
|
525
525
|
}; }
|
|
526
526
|
};
|
|
527
|
-
ZCombobox.style = stylesCss$
|
|
527
|
+
ZCombobox.style = stylesCss$T;
|
|
528
528
|
|
|
529
|
-
const stylesCss$
|
|
529
|
+
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}";
|
|
530
530
|
|
|
531
531
|
const ZContextualMenu = class {
|
|
532
532
|
constructor(hostRef) {
|
|
@@ -556,9 +556,9 @@ const ZContextualMenu = class {
|
|
|
556
556
|
: "element-container" }, this.showIcon() && (h("div", { class: "element-icon" }, h("z-icon", { name: element.icon, width: 16, height: 16 }))), h("div", { class: "element-text" }, h("span", null, element.text))))))))))));
|
|
557
557
|
}
|
|
558
558
|
};
|
|
559
|
-
ZContextualMenu.style = stylesCss$
|
|
559
|
+
ZContextualMenu.style = stylesCss$S;
|
|
560
560
|
|
|
561
|
-
const stylesCss$
|
|
561
|
+
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)}";
|
|
562
562
|
|
|
563
563
|
const ZDivider = class {
|
|
564
564
|
constructor(hostRef) {
|
|
@@ -574,9 +574,9 @@ const ZDivider = class {
|
|
|
574
574
|
return (h(Host, { class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
|
|
575
575
|
}
|
|
576
576
|
};
|
|
577
|
-
ZDivider.style = stylesCss$
|
|
577
|
+
ZDivider.style = stylesCss$R;
|
|
578
578
|
|
|
579
|
-
const stylesCss$
|
|
579
|
+
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}}";
|
|
580
580
|
|
|
581
581
|
const ZFooter = class {
|
|
582
582
|
constructor(hostRef) {
|
|
@@ -647,9 +647,9 @@ const ZFooter = class {
|
|
|
647
647
|
return (h("footer", null, this.renderFooterTop(), this.renderFooterBottom()));
|
|
648
648
|
}
|
|
649
649
|
};
|
|
650
|
-
ZFooter.style = stylesCss$
|
|
650
|
+
ZFooter.style = stylesCss$Q;
|
|
651
651
|
|
|
652
|
-
const stylesCss$
|
|
652
|
+
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}}";
|
|
653
653
|
|
|
654
654
|
const ZFooterLink = class {
|
|
655
655
|
constructor(hostRef) {
|
|
@@ -659,9 +659,9 @@ const ZFooterLink = class {
|
|
|
659
659
|
return (h("a", { href: this.href, target: "_blank" }, h("slot", null)));
|
|
660
660
|
}
|
|
661
661
|
};
|
|
662
|
-
ZFooterLink.style = stylesCss$
|
|
662
|
+
ZFooterLink.style = stylesCss$P;
|
|
663
663
|
|
|
664
|
-
const stylesCss$
|
|
664
|
+
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}}";
|
|
665
665
|
|
|
666
666
|
const ZFooterSection = class {
|
|
667
667
|
constructor(hostRef) {
|
|
@@ -675,9 +675,9 @@ const ZFooterSection = class {
|
|
|
675
675
|
return (h("nav", null, h("div", { class: "header" }, h("h2", null, this.name), this.renderToggleButton()), h("div", { class: `content ${this.isOpen ? "show" : ""}` }, h("slot", null))));
|
|
676
676
|
}
|
|
677
677
|
};
|
|
678
|
-
ZFooterSection.style = stylesCss$
|
|
678
|
+
ZFooterSection.style = stylesCss$O;
|
|
679
679
|
|
|
680
|
-
const stylesCss$
|
|
680
|
+
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}}";
|
|
681
681
|
|
|
682
682
|
const ZFooterSocial = class {
|
|
683
683
|
constructor(hostRef) {
|
|
@@ -687,9 +687,9 @@ const ZFooterSocial = class {
|
|
|
687
687
|
return (h("a", { href: this.href, target: "_blank" }, h("img", { src: this.icon, alt: this.description })));
|
|
688
688
|
}
|
|
689
689
|
};
|
|
690
|
-
ZFooterSocial.style = stylesCss$
|
|
690
|
+
ZFooterSocial.style = stylesCss$N;
|
|
691
691
|
|
|
692
|
-
const stylesCss$
|
|
692
|
+
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%)}}";
|
|
693
693
|
|
|
694
694
|
const ZGhostLoading = class {
|
|
695
695
|
constructor(hostRef) {
|
|
@@ -699,7 +699,7 @@ const ZGhostLoading = class {
|
|
|
699
699
|
return (h(Host, null));
|
|
700
700
|
}
|
|
701
701
|
};
|
|
702
|
-
ZGhostLoading.style = stylesCss$
|
|
702
|
+
ZGhostLoading.style = stylesCss$M;
|
|
703
703
|
|
|
704
704
|
const icons = {
|
|
705
705
|
"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",
|
|
@@ -1137,7 +1137,7 @@ icons["cross"] = icons["multiply"];
|
|
|
1137
1137
|
icons["exit"] = icons["logout"];
|
|
1138
1138
|
icons["enter"] = icons["login"];
|
|
1139
1139
|
|
|
1140
|
-
const stylesCss$
|
|
1140
|
+
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)}";
|
|
1141
1141
|
|
|
1142
1142
|
const ZIcon = class {
|
|
1143
1143
|
constructor(hostRef) {
|
|
@@ -1155,9 +1155,9 @@ const ZIcon = class {
|
|
|
1155
1155
|
return (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])));
|
|
1156
1156
|
}
|
|
1157
1157
|
};
|
|
1158
|
-
ZIcon.style = stylesCss$
|
|
1158
|
+
ZIcon.style = stylesCss$L;
|
|
1159
1159
|
|
|
1160
|
-
const stylesCss$
|
|
1160
|
+
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}";
|
|
1161
1161
|
|
|
1162
1162
|
const ZIconPackage = class {
|
|
1163
1163
|
constructor(hostRef) {
|
|
@@ -1170,9 +1170,9 @@ const ZIconPackage = class {
|
|
|
1170
1170
|
})));
|
|
1171
1171
|
}
|
|
1172
1172
|
};
|
|
1173
|
-
ZIconPackage.style = stylesCss$
|
|
1173
|
+
ZIconPackage.style = stylesCss$K;
|
|
1174
1174
|
|
|
1175
|
-
const stylesCss$
|
|
1175
|
+
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)}";
|
|
1176
1176
|
|
|
1177
1177
|
const ZInfoBox = class {
|
|
1178
1178
|
constructor(hostRef) {
|
|
@@ -1188,9 +1188,9 @@ const ZInfoBox = class {
|
|
|
1188
1188
|
return (h("div", { id: this.boxid }, h("slot", { name: "content" }), this.isclosable && h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() })));
|
|
1189
1189
|
}
|
|
1190
1190
|
};
|
|
1191
|
-
ZInfoBox.style = stylesCss$
|
|
1191
|
+
ZInfoBox.style = stylesCss$J;
|
|
1192
1192
|
|
|
1193
|
-
const stylesCss$
|
|
1193
|
+
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}";
|
|
1194
1194
|
|
|
1195
1195
|
const ZInput = class {
|
|
1196
1196
|
constructor(hostRef) {
|
|
@@ -1446,9 +1446,9 @@ const ZInput = class {
|
|
|
1446
1446
|
}
|
|
1447
1447
|
get hostElement() { return getElement(this); }
|
|
1448
1448
|
};
|
|
1449
|
-
ZInput.style = stylesCss$
|
|
1449
|
+
ZInput.style = stylesCss$I;
|
|
1450
1450
|
|
|
1451
|
-
const stylesCss$
|
|
1451
|
+
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)}";
|
|
1452
1452
|
|
|
1453
1453
|
const ZInputLabel = class {
|
|
1454
1454
|
constructor(hostRef) {
|
|
@@ -1460,9 +1460,9 @@ const ZInputLabel = class {
|
|
|
1460
1460
|
return h("label", { htmlFor: this.htmlfor, class: { disabled: this.disabled } }, this.value);
|
|
1461
1461
|
}
|
|
1462
1462
|
};
|
|
1463
|
-
ZInputLabel.style = stylesCss$
|
|
1463
|
+
ZInputLabel.style = stylesCss$H;
|
|
1464
1464
|
|
|
1465
|
-
const stylesCss$
|
|
1465
|
+
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}";
|
|
1466
1466
|
|
|
1467
1467
|
const ZInputMessage = class {
|
|
1468
1468
|
constructor(hostRef) {
|
|
@@ -1477,9 +1477,9 @@ const ZInputMessage = class {
|
|
|
1477
1477
|
return (h(Host, { role: "alert", "aria-label": this.message, tabindex: "0" }, this.statusIcons[this.status] && this.message && (h("z-icon", { name: this.statusIcons[this.status] })), h("span", { innerHTML: this.message })));
|
|
1478
1478
|
}
|
|
1479
1479
|
};
|
|
1480
|
-
ZInputMessage.style = stylesCss$
|
|
1480
|
+
ZInputMessage.style = stylesCss$G;
|
|
1481
1481
|
|
|
1482
|
-
const stylesCss$
|
|
1482
|
+
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}";
|
|
1483
1483
|
|
|
1484
1484
|
const ZLink = class {
|
|
1485
1485
|
constructor(hostRef) {
|
|
@@ -1541,9 +1541,9 @@ const ZLink = class {
|
|
|
1541
1541
|
}
|
|
1542
1542
|
get hostElement() { return getElement(this); }
|
|
1543
1543
|
};
|
|
1544
|
-
ZLink.style = stylesCss$
|
|
1544
|
+
ZLink.style = stylesCss$F;
|
|
1545
1545
|
|
|
1546
|
-
const stylesCss$
|
|
1546
|
+
const stylesCss$E = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:flex;flex-direction:column}";
|
|
1547
1547
|
|
|
1548
1548
|
const ZList = class {
|
|
1549
1549
|
constructor(hostRef) {
|
|
@@ -1567,9 +1567,9 @@ const ZList = class {
|
|
|
1567
1567
|
}
|
|
1568
1568
|
get host() { return getElement(this); }
|
|
1569
1569
|
};
|
|
1570
|
-
ZList.style = stylesCss$
|
|
1570
|
+
ZList.style = stylesCss$E;
|
|
1571
1571
|
|
|
1572
|
-
const stylesCss$
|
|
1572
|
+
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}";
|
|
1573
1573
|
|
|
1574
1574
|
const ZListElement = class {
|
|
1575
1575
|
/**
|
|
@@ -1711,9 +1711,9 @@ const ZListElement = class {
|
|
|
1711
1711
|
}
|
|
1712
1712
|
get host() { return getElement(this); }
|
|
1713
1713
|
};
|
|
1714
|
-
ZListElement.style = stylesCss$
|
|
1714
|
+
ZListElement.style = stylesCss$D;
|
|
1715
1715
|
|
|
1716
|
-
const stylesCss$
|
|
1716
|
+
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)}";
|
|
1717
1717
|
|
|
1718
1718
|
const ZListGroup = class {
|
|
1719
1719
|
constructor(hostRef) {
|
|
@@ -1757,9 +1757,9 @@ const ZListGroup = class {
|
|
|
1757
1757
|
}
|
|
1758
1758
|
get host() { return getElement(this); }
|
|
1759
1759
|
};
|
|
1760
|
-
ZListGroup.style = stylesCss$
|
|
1760
|
+
ZListGroup.style = stylesCss$C;
|
|
1761
1761
|
|
|
1762
|
-
const stylesCss$
|
|
1762
|
+
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)}";
|
|
1763
1763
|
|
|
1764
1764
|
const ZLogo = class {
|
|
1765
1765
|
constructor(hostRef) {
|
|
@@ -1776,9 +1776,9 @@ const ZLogo = class {
|
|
|
1776
1776
|
return (h("div", null, this.link && (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()));
|
|
1777
1777
|
}
|
|
1778
1778
|
};
|
|
1779
|
-
ZLogo.style = stylesCss$
|
|
1779
|
+
ZLogo.style = stylesCss$B;
|
|
1780
1780
|
|
|
1781
|
-
const stylesCss$
|
|
1781
|
+
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)}";
|
|
1782
1782
|
|
|
1783
1783
|
const ZMenu = class {
|
|
1784
1784
|
constructor(hostRef) {
|
|
@@ -1879,9 +1879,9 @@ const ZMenu = class {
|
|
|
1879
1879
|
"open": ["onOpenChanged"]
|
|
1880
1880
|
}; }
|
|
1881
1881
|
};
|
|
1882
|
-
ZMenu.style = stylesCss$
|
|
1882
|
+
ZMenu.style = stylesCss$A;
|
|
1883
1883
|
|
|
1884
|
-
const stylesCss$
|
|
1884
|
+
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}}";
|
|
1885
1885
|
|
|
1886
1886
|
const ZMenuDropdown = class {
|
|
1887
1887
|
constructor(hostRef) {
|
|
@@ -1929,9 +1929,9 @@ const ZMenuDropdown = class {
|
|
|
1929
1929
|
}, onKeyUp: (e) => handleKeyboardSubmit(e, this.handleToggle) }, h("div", { class: "container", onClick: () => this.handleToggle() }, h("span", { class: "user-wrapper" }, h("z-icon", { name: "user-avatar", width: 14, height: 14 }), h("span", { class: "user" }, this.nomeutente)), this.renderButtonMenu()), this.renderMenuOpen()));
|
|
1930
1930
|
}
|
|
1931
1931
|
};
|
|
1932
|
-
ZMenuDropdown.style = stylesCss$
|
|
1932
|
+
ZMenuDropdown.style = stylesCss$z;
|
|
1933
1933
|
|
|
1934
|
-
const stylesCss$
|
|
1934
|
+
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)}";
|
|
1935
1935
|
|
|
1936
1936
|
const ZMenuSection = class {
|
|
1937
1937
|
constructor(hostRef) {
|
|
@@ -1968,7 +1968,36 @@ const ZMenuSection = class {
|
|
|
1968
1968
|
}
|
|
1969
1969
|
get hostElement() { return getElement(this); }
|
|
1970
1970
|
};
|
|
1971
|
-
ZMenuSection.style = stylesCss$
|
|
1971
|
+
ZMenuSection.style = stylesCss$y;
|
|
1972
|
+
|
|
1973
|
+
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}}";
|
|
1974
|
+
|
|
1975
|
+
const ZModal = class {
|
|
1976
|
+
constructor(hostRef) {
|
|
1977
|
+
registerInstance(this, hostRef);
|
|
1978
|
+
this.modalClose = createEvent(this, "modalClose", 7);
|
|
1979
|
+
this.modalHeaderActive = createEvent(this, "modalHeaderActive", 7);
|
|
1980
|
+
this.modalBackgroundClick = createEvent(this, "modalBackgroundClick", 7);
|
|
1981
|
+
/** aria-label for close button (optional) */
|
|
1982
|
+
this.closeButtonLabel = "close modal";
|
|
1983
|
+
}
|
|
1984
|
+
emitModalClose() {
|
|
1985
|
+
this.modalClose.emit({ modalid: this.modalid });
|
|
1986
|
+
}
|
|
1987
|
+
emitModalHeaderActive() {
|
|
1988
|
+
this.modalHeaderActive.emit({ modalid: this.modalid });
|
|
1989
|
+
}
|
|
1990
|
+
emitBackgroundClick() {
|
|
1991
|
+
this.modalBackgroundClick.emit({ modalid: this.modalid });
|
|
1992
|
+
}
|
|
1993
|
+
render() {
|
|
1994
|
+
return [
|
|
1995
|
+
h("div", { class: "modal-container", id: this.modalid, role: "dialog" }, h("header", { onClick: this.emitModalHeaderActive.bind(this) }, h("div", null, this.modaltitle && h("h1", null, this.modaltitle), this.modalsubtitle && h("h2", null, this.modalsubtitle)), h("slot", { name: "modalCloseButton" }, h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) }, h("z-icon", { name: "multiply-circle-filled" })))), h("div", { class: "modal-content" }, h("slot", { name: "modalContent" }))),
|
|
1996
|
+
h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
|
|
1997
|
+
];
|
|
1998
|
+
}
|
|
1999
|
+
};
|
|
2000
|
+
ZModal.style = stylesCss$x;
|
|
1972
2001
|
|
|
1973
2002
|
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}";
|
|
1974
2003
|
|
|
@@ -2726,6 +2755,8 @@ const ZRegistroTableHeader = class {
|
|
|
2726
2755
|
this.sort = createEvent(this, "sort", 7);
|
|
2727
2756
|
/** [Optional] Padding of the header */
|
|
2728
2757
|
this.size = TableHeaderSize["medium"];
|
|
2758
|
+
/** [Optional] Default sort order */
|
|
2759
|
+
this.defaultSortDirection = SortDirectionEnum.asc;
|
|
2729
2760
|
this.sortDirection = SortDirectionEnum.none;
|
|
2730
2761
|
this.isMenuOpened = false;
|
|
2731
2762
|
this.emitOnSort = this.emitOnSort.bind(this);
|
|
@@ -2740,13 +2771,14 @@ const ZRegistroTableHeader = class {
|
|
|
2740
2771
|
if (!this.sortable) {
|
|
2741
2772
|
return;
|
|
2742
2773
|
}
|
|
2743
|
-
|
|
2744
|
-
this.sortDirection
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2774
|
+
this.sortDirection = (() => {
|
|
2775
|
+
switch (this.sortDirection) {
|
|
2776
|
+
case (SortDirectionEnum.asc): return SortDirectionEnum.desc;
|
|
2777
|
+
case (SortDirectionEnum.desc): return SortDirectionEnum.asc;
|
|
2778
|
+
case (SortDirectionEnum.none): return this.defaultSortDirection;
|
|
2779
|
+
default: return SortDirectionEnum.none;
|
|
2780
|
+
}
|
|
2781
|
+
})();
|
|
2750
2782
|
this.emitOnSort();
|
|
2751
2783
|
}
|
|
2752
2784
|
handleMenuClick() {
|
|
@@ -2760,13 +2792,14 @@ const ZRegistroTableHeader = class {
|
|
|
2760
2792
|
}
|
|
2761
2793
|
}
|
|
2762
2794
|
handleClickHeaders(e) {
|
|
2763
|
-
|
|
2795
|
+
const { target } = e;
|
|
2796
|
+
const parent = getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-registro-table-header");
|
|
2797
|
+
if (!this.sortable || !parent) {
|
|
2764
2798
|
return;
|
|
2765
2799
|
}
|
|
2766
|
-
const
|
|
2767
|
-
const
|
|
2768
|
-
if (
|
|
2769
|
-
parent.attributes.getNamedItem("column-id").value !== this.columnId) {
|
|
2800
|
+
const parentColumnId = parent.attributes.getNamedItem("column-id").value;
|
|
2801
|
+
const isSortable = target.parentNode.sortable || target.sortable;
|
|
2802
|
+
if (parentColumnId !== this.columnId && isSortable) {
|
|
2770
2803
|
this.sortDirection = SortDirectionEnum.none;
|
|
2771
2804
|
}
|
|
2772
2805
|
}
|
|
@@ -3481,7 +3514,7 @@ const ZTypography = class {
|
|
|
3481
3514
|
};
|
|
3482
3515
|
ZTypography.style = stylesCss$1;
|
|
3483
3516
|
|
|
3484
|
-
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;
|
|
3517
|
+
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}}";
|
|
3485
3518
|
|
|
3486
3519
|
const ZUserDropdown = class {
|
|
3487
3520
|
constructor(hostRef) {
|
|
@@ -3570,4 +3603,4 @@ const ZUserDropdown = class {
|
|
|
3570
3603
|
};
|
|
3571
3604
|
ZUserDropdown.style = stylesCss;
|
|
3572
3605
|
|
|
3573
|
-
export { ZAlert as z_alert, ZAppSwitcher as z_app_switcher, ZAppTopbar as z_app_topbar, ZAvatar as z_avatar, ZBody as z_body, ZButton as z_button, ZButtonFilter as z_button_filter, ZButtonSort as z_button_sort, ZCard as z_card, ZChip as z_chip, ZCombobox as z_combobox, ZContextualMenu as z_contextual_menu, ZDivider as z_divider, ZFooter as z_footer, ZFooterLink as z_footer_link, ZFooterSection as z_footer_section, ZFooterSocial as z_footer_social, ZGhostLoading as z_ghost_loading, ZIcon as z_icon, ZIconPackage as z_icon_package, ZInfoBox as z_info_box, ZInput as z_input, ZInputLabel as z_input_label, ZInputMessage as z_input_message, ZLink as z_link, ZList as z_list, ZListElement as z_list_element, ZListGroup as z_list_group, ZLogo as z_logo, ZMenu as z_menu, ZMenuDropdown as z_menu_dropdown, ZMenuSection as z_menu_section, ZMyzCardComponent as z_myz_card, ZMyzCardAlert as z_myz_card_alert, ZMyzCardBody as z_myz_card_body, ZMyzCardCover as z_myz_card_cover, ZMyzCardFooter as z_myz_card_footer, ZMyzCardHeader as z_myz_card_header, ZMyzCardIcon as z_myz_card_icon, ZMyzCardList as z_myz_card_list, ZMyzList as z_myz_list, ZMyzListItem as z_myz_list_item, ZNotification as z_notification, ZPaginationBar as z_pagination_bar, ZPaginationPage as z_pagination_page, ZPanelElem as z_panel_elem, ZPopover as z_popover, ZRegistroTable as z_registro_table, ZRegistroTableBody as z_registro_table_body, ZRegistroTableCell as z_registro_table_cell, ZRegistroTableEmptyBox as z_registro_table_empty_box, ZRegistroTableExpandedRow as z_registro_table_expanded_row, ZRegistroTableHead as z_registro_table_head, ZRegistroTableHeader as z_registro_table_header, ZRegistroTableHeaderRow as z_registro_table_header_row, ZRegistroTableRow as z_registro_table_row, ZRegistroTableStickyFooter as z_registro_table_sticky_footer, ZSelect as z_select, ZStatusTag as z_status_tag, ZStepper as z_stepper, ZStepperItem as z_stepper_item, ZToggleButton as z_toggle_button, ZTooltip as z_tooltip, ZTypography as z_typography, ZUserDropdown as z_user_dropdown };
|
|
3606
|
+
export { ZAlert as z_alert, ZAppSwitcher as z_app_switcher, ZAppTopbar as z_app_topbar, ZAvatar as z_avatar, ZBody as z_body, ZButton as z_button, ZButtonFilter as z_button_filter, ZButtonSort as z_button_sort, ZCard as z_card, ZChip as z_chip, ZCombobox as z_combobox, ZContextualMenu as z_contextual_menu, ZDivider as z_divider, ZFooter as z_footer, ZFooterLink as z_footer_link, ZFooterSection as z_footer_section, ZFooterSocial as z_footer_social, ZGhostLoading as z_ghost_loading, ZIcon as z_icon, ZIconPackage as z_icon_package, ZInfoBox as z_info_box, ZInput as z_input, ZInputLabel as z_input_label, ZInputMessage as z_input_message, ZLink as z_link, ZList as z_list, ZListElement as z_list_element, ZListGroup as z_list_group, ZLogo as z_logo, ZMenu as z_menu, ZMenuDropdown as z_menu_dropdown, ZMenuSection as z_menu_section, ZModal as z_modal, ZMyzCardComponent as z_myz_card, ZMyzCardAlert as z_myz_card_alert, ZMyzCardBody as z_myz_card_body, ZMyzCardCover as z_myz_card_cover, ZMyzCardFooter as z_myz_card_footer, ZMyzCardHeader as z_myz_card_header, ZMyzCardIcon as z_myz_card_icon, ZMyzCardList as z_myz_card_list, ZMyzList as z_myz_list, ZMyzListItem as z_myz_list_item, ZNotification as z_notification, ZPaginationBar as z_pagination_bar, ZPaginationPage as z_pagination_page, ZPanelElem as z_panel_elem, ZPopover as z_popover, ZRegistroTable as z_registro_table, ZRegistroTableBody as z_registro_table_body, ZRegistroTableCell as z_registro_table_cell, ZRegistroTableEmptyBox as z_registro_table_empty_box, ZRegistroTableExpandedRow as z_registro_table_expanded_row, ZRegistroTableHead as z_registro_table_head, ZRegistroTableHeader as z_registro_table_header, ZRegistroTableHeaderRow as z_registro_table_header_row, ZRegistroTableRow as z_registro_table_row, ZRegistroTableStickyFooter as z_registro_table_sticky_footer, ZSelect as z_select, ZStatusTag as z_status_tag, ZStepper as z_stepper, ZStepperItem as z_stepper_item, ZToggleButton as z_toggle_button, ZTooltip as z_tooltip, ZTypography as z_typography, ZUserDropdown as z_user_dropdown };
|