@sankhyalabs/ezui 1.1.116 → 1.1.119
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/{ApplicationUtils-c8f07135.js → ApplicationUtils-93721afc.js} +1 -4
- package/dist/cjs/ez-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-check.cjs.entry.js +1 -1
- package/dist/cjs/ez-form.cjs.entry.js +1 -1
- package/dist/cjs/ez-popover.cjs.entry.js +41 -22
- package/dist/cjs/ez-toast.cjs.entry.js +53 -10
- package/dist/cjs/ez-upload.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-button/ez-button.css +2 -3
- package/dist/collection/components/ez-check/ez-check.css +28 -10
- package/dist/collection/components/ez-popover/ez-popover.css +3 -5
- package/dist/collection/components/ez-popover/ez-popover.js +62 -28
- package/dist/collection/components/ez-toast/ez-toast.css +1 -1
- package/dist/collection/components/ez-toast/ez-toast.js +72 -16
- package/dist/collection/utils/ApplicationUtils.js +1 -4
- package/dist/custom-elements/index.js +98 -39
- package/dist/esm/{ApplicationUtils-36e38de9.js → ApplicationUtils-3ca0e68d.js} +1 -4
- package/dist/esm/ez-button.entry.js +1 -1
- package/dist/esm/ez-check.entry.js +1 -1
- package/dist/esm/ez-form.entry.js +1 -1
- package/dist/esm/ez-popover.entry.js +41 -22
- package/dist/esm/ez-toast.entry.js +54 -11
- package/dist/esm/ez-upload.entry.js +1 -1
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-f26f6d67.entry.js → p-126d33e2.entry.js} +1 -1
- package/dist/ezui/{p-3602ab8c.entry.js → p-1339fde7.entry.js} +1 -1
- package/dist/ezui/p-25e050f5.entry.js +1 -0
- package/dist/ezui/{p-62daf508.js → p-3c71a597.js} +1 -1
- package/dist/ezui/p-76b64956.entry.js +1 -0
- package/dist/ezui/p-c13353f1.entry.js +1 -0
- package/dist/ezui/p-f8d3c04d.entry.js +1 -0
- package/dist/types/components/ez-popover/ez-popover.d.ts +7 -0
- package/dist/types/components/ez-toast/ez-toast.d.ts +15 -1
- package/dist/types/components.d.ts +9 -1
- package/package.json +1 -1
- package/dist/ezui/p-080045a0.entry.js +0 -1
- package/dist/ezui/p-7247379d.entry.js +0 -1
- package/dist/ezui/p-73d45b12.entry.js +0 -1
- package/dist/ezui/p-f3f9c7e6.entry.js +0 -1
|
@@ -29,6 +29,41 @@ export class EzPopover {
|
|
|
29
29
|
* Opções: "100% e "fit-content" (default)
|
|
30
30
|
*/
|
|
31
31
|
this.boxWidth = "fit-content";
|
|
32
|
+
this.innerClickTest = (_popOvercontainer, node, eventOrigin) => {
|
|
33
|
+
const innerContainers = [_popOvercontainer];
|
|
34
|
+
if (this.innerElement) {
|
|
35
|
+
if (typeof (this.innerElement) == "string") {
|
|
36
|
+
innerContainers.push(document.querySelector(`#${this.innerElement}`));
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
this.innerElement.forEach(comp => {
|
|
40
|
+
innerContainers.push(document.querySelector(`#${comp}`));
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
for (var i = 0; i < innerContainers.length; i++) {
|
|
45
|
+
let _container = innerContainers[i];
|
|
46
|
+
if (_container != undefined) {
|
|
47
|
+
if (_container.contains(node)) {
|
|
48
|
+
return true;
|
|
49
|
+
}
|
|
50
|
+
if (eventOrigin && "nodeType" in (eventOrigin === null || eventOrigin === void 0 ? void 0 : eventOrigin.target) && _container.contains(eventOrigin.target)) {
|
|
51
|
+
return true;
|
|
52
|
+
}
|
|
53
|
+
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
54
|
+
return true;
|
|
55
|
+
}
|
|
56
|
+
_container = this._host;
|
|
57
|
+
if (!_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node)) {
|
|
58
|
+
return true;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
return false;
|
|
63
|
+
};
|
|
64
|
+
this.backClickListener = () => {
|
|
65
|
+
this.ezVisibilityChange.emit(false);
|
|
66
|
+
};
|
|
32
67
|
}
|
|
33
68
|
dispatchVisibilityChange(newValue, oldValue) {
|
|
34
69
|
if (newValue != oldValue) {
|
|
@@ -45,16 +80,8 @@ export class EzPopover {
|
|
|
45
80
|
left,
|
|
46
81
|
bottom,
|
|
47
82
|
right,
|
|
48
|
-
innerClickTest:
|
|
49
|
-
|
|
50
|
-
return true;
|
|
51
|
-
}
|
|
52
|
-
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
53
|
-
return true;
|
|
54
|
-
}
|
|
55
|
-
_container = this._host;
|
|
56
|
-
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
57
|
-
}
|
|
83
|
+
innerClickTest: this.innerClickTest,
|
|
84
|
+
backClickListener: this.backClickListener
|
|
58
85
|
};
|
|
59
86
|
FloatingManager.updateFloatPosition(this._box, this._container, floatingOptions);
|
|
60
87
|
}
|
|
@@ -68,16 +95,8 @@ export class EzPopover {
|
|
|
68
95
|
left,
|
|
69
96
|
bottom,
|
|
70
97
|
right,
|
|
71
|
-
innerClickTest:
|
|
72
|
-
|
|
73
|
-
return true;
|
|
74
|
-
}
|
|
75
|
-
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
76
|
-
return true;
|
|
77
|
-
}
|
|
78
|
-
_container = this._host;
|
|
79
|
-
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
80
|
-
}
|
|
98
|
+
innerClickTest: this.innerClickTest,
|
|
99
|
+
backClickListener: this.backClickListener
|
|
81
100
|
};
|
|
82
101
|
this._floatingID = FloatingManager.float(this._box, this._container, floatingOptions);
|
|
83
102
|
this.opened = true;
|
|
@@ -101,7 +120,7 @@ export class EzPopover {
|
|
|
101
120
|
render() {
|
|
102
121
|
return (h(Host, null,
|
|
103
122
|
h("section", { ref: el => this._container = el },
|
|
104
|
-
h("div", { class: `
|
|
123
|
+
h("div", { class: `popover__box ${this.boxWidth === "fit-content" ? "popover__box--fit-content" : "popover__box--full-width"}`, ref: el => this._box = el },
|
|
105
124
|
h("slot", null)))));
|
|
106
125
|
}
|
|
107
126
|
static get is() { return "ez-popover"; }
|
|
@@ -237,6 +256,27 @@ export class EzPopover {
|
|
|
237
256
|
},
|
|
238
257
|
"attribute": "opened",
|
|
239
258
|
"reflect": true
|
|
259
|
+
},
|
|
260
|
+
"innerElement": {
|
|
261
|
+
"type": "string",
|
|
262
|
+
"mutable": true,
|
|
263
|
+
"complexType": {
|
|
264
|
+
"original": "Array<string> | string",
|
|
265
|
+
"resolved": "string | string[]",
|
|
266
|
+
"references": {
|
|
267
|
+
"Array": {
|
|
268
|
+
"location": "global"
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
},
|
|
272
|
+
"required": false,
|
|
273
|
+
"optional": false,
|
|
274
|
+
"docs": {
|
|
275
|
+
"tags": [],
|
|
276
|
+
"text": "Array de componente(s) que ir\u00E1(\u00E3o) abrir o popover."
|
|
277
|
+
},
|
|
278
|
+
"attribute": "inner-element",
|
|
279
|
+
"reflect": true
|
|
240
280
|
}
|
|
241
281
|
}; }
|
|
242
282
|
static get events() { return [{
|
|
@@ -247,7 +287,7 @@ export class EzPopover {
|
|
|
247
287
|
"composed": true,
|
|
248
288
|
"docs": {
|
|
249
289
|
"tags": [],
|
|
250
|
-
"text": "
|
|
290
|
+
"text": "\nEvento disparado ao exibir/ocultar o componente."
|
|
251
291
|
},
|
|
252
292
|
"complexType": {
|
|
253
293
|
"original": "boolean",
|
|
@@ -275,9 +315,6 @@ export class EzPopover {
|
|
|
275
315
|
"references": {
|
|
276
316
|
"Promise": {
|
|
277
317
|
"location": "global"
|
|
278
|
-
},
|
|
279
|
-
"HTMLElement": {
|
|
280
|
-
"location": "global"
|
|
281
318
|
}
|
|
282
319
|
},
|
|
283
320
|
"return": "Promise<void>"
|
|
@@ -306,9 +343,6 @@ export class EzPopover {
|
|
|
306
343
|
"references": {
|
|
307
344
|
"Promise": {
|
|
308
345
|
"location": "global"
|
|
309
|
-
},
|
|
310
|
-
"HTMLElement": {
|
|
311
|
-
"location": "global"
|
|
312
346
|
}
|
|
313
347
|
},
|
|
314
348
|
"return": "Promise<void>"
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import { Component, h, Prop,
|
|
1
|
+
import { Component, h, Method, Prop, Host, forceUpdate } from '@stencil/core';
|
|
2
2
|
export class EzToast {
|
|
3
3
|
constructor() {
|
|
4
|
+
this._nextMessages = [];
|
|
5
|
+
this._currentMessageInfo = { message: "", fadeTime: undefined, useIcon: undefined };
|
|
6
|
+
this._toastOpenedClass = "toast__container--opened";
|
|
7
|
+
this._lastTimeOut = undefined;
|
|
4
8
|
this._lang = "pt"; // Controla qual idioma será usado para definir a regras de hifenização.
|
|
5
9
|
/**
|
|
6
10
|
* Controla o tempo de exibição do componente em milissegundos.
|
|
@@ -18,21 +22,61 @@ export class EzToast {
|
|
|
18
22
|
/**
|
|
19
23
|
* Exibe o componente na tela.
|
|
20
24
|
*/
|
|
21
|
-
async show() {
|
|
22
|
-
|
|
25
|
+
async show(message, fadeTime, useIcon, canClose) {
|
|
26
|
+
return new Promise(resolve => {
|
|
27
|
+
var _a;
|
|
28
|
+
if ((_a = this.container) === null || _a === void 0 ? void 0 : _a.classList.contains(this._toastOpenedClass)) {
|
|
29
|
+
this._nextMessages.push({ message, fadeTime, useIcon, canClose, callBack: resolve });
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
this._currentMessageInfo.message = message || this.message;
|
|
33
|
+
this._currentMessageInfo.fadeTime = fadeTime || this.fadeTime;
|
|
34
|
+
this._currentMessageInfo.useIcon = useIcon || this.useIcon;
|
|
35
|
+
this._currentMessageInfo.callBack = resolve;
|
|
36
|
+
if (canClose) {
|
|
37
|
+
this._currentMessageInfo.canClose = this.canClose;
|
|
38
|
+
}
|
|
39
|
+
forceUpdate(this);
|
|
40
|
+
this.displayToast();
|
|
41
|
+
this._lastTimeOut = setTimeout(() => {
|
|
42
|
+
this.hideToast();
|
|
43
|
+
}, this._currentMessageInfo.fadeTime + 400);
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
hideToast() {
|
|
48
|
+
this.makeToastInvisible();
|
|
49
|
+
if (this._nextMessages.length > 0) {
|
|
50
|
+
if (this._currentMessageInfo.callBack) {
|
|
51
|
+
this._currentMessageInfo.callBack(true);
|
|
52
|
+
}
|
|
53
|
+
setTimeout(() => {
|
|
54
|
+
let newMessageInfo = this._nextMessages.shift();
|
|
55
|
+
this.show(newMessageInfo.message, newMessageInfo.fadeTime, newMessageInfo.useIcon);
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
if (this._currentMessageInfo.callBack) {
|
|
59
|
+
this._currentMessageInfo.callBack(true);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
makeToastInvisible() {
|
|
63
|
+
this.container.classList.remove(this._toastOpenedClass);
|
|
64
|
+
this.container.style.animation = `none`;
|
|
65
|
+
if (this._lastTimeOut)
|
|
66
|
+
clearTimeout(this._lastTimeOut);
|
|
67
|
+
}
|
|
68
|
+
displayToast() {
|
|
69
|
+
this.container.classList.add(this._toastOpenedClass);
|
|
23
70
|
this.container.style.animation = `fadein 0.5s, fadeout 0.5s ${this.fadeTime / 1000}s`;
|
|
24
|
-
setTimeout(() => {
|
|
25
|
-
this.container.classList.remove("toast__container--oppened");
|
|
26
|
-
this.container.style.animation = `none`;
|
|
27
|
-
}, this.fadeTime + 400);
|
|
28
71
|
}
|
|
29
72
|
render() {
|
|
30
|
-
return (h(
|
|
31
|
-
this.
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
73
|
+
return (h(Host, null,
|
|
74
|
+
h("div", { ref: (el) => this.container = el, class: "toast__container" },
|
|
75
|
+
this._currentMessageInfo.useIcon &&
|
|
76
|
+
h("slot", { name: "icon" }),
|
|
77
|
+
h("div", { lang: this._lang, class: this._currentMessageInfo.useIcon ? "message__container message__conteiner--icon" : "message__container", title: this._currentMessageInfo.message, innerHTML: this._currentMessageInfo.message }),
|
|
78
|
+
this._currentMessageInfo.canClose &&
|
|
79
|
+
h("button", { class: "btn-close", onClick: () => { this.hideToast(); } }))));
|
|
36
80
|
}
|
|
37
81
|
static get is() { return "ez-toast"; }
|
|
38
82
|
static get encapsulation() { return "shadow"; }
|
|
@@ -118,14 +162,26 @@ export class EzToast {
|
|
|
118
162
|
static get methods() { return {
|
|
119
163
|
"show": {
|
|
120
164
|
"complexType": {
|
|
121
|
-
"signature": "() => Promise<
|
|
122
|
-
"parameters": [
|
|
165
|
+
"signature": "(message: string, fadeTime: number, useIcon: boolean, canClose?: boolean) => Promise<unknown>",
|
|
166
|
+
"parameters": [{
|
|
167
|
+
"tags": [],
|
|
168
|
+
"text": ""
|
|
169
|
+
}, {
|
|
170
|
+
"tags": [],
|
|
171
|
+
"text": ""
|
|
172
|
+
}, {
|
|
173
|
+
"tags": [],
|
|
174
|
+
"text": ""
|
|
175
|
+
}, {
|
|
176
|
+
"tags": [],
|
|
177
|
+
"text": ""
|
|
178
|
+
}],
|
|
123
179
|
"references": {
|
|
124
180
|
"Promise": {
|
|
125
181
|
"location": "global"
|
|
126
182
|
}
|
|
127
183
|
},
|
|
128
|
-
"return": "Promise<
|
|
184
|
+
"return": "Promise<unknown>"
|
|
129
185
|
},
|
|
130
186
|
"docs": {
|
|
131
187
|
"text": "Exibe o componente na tela.",
|
|
@@ -24,10 +24,7 @@ export default class ApplicationUtils {
|
|
|
24
24
|
toast = document.createElement("ez-toast");
|
|
25
25
|
window.document.body.appendChild(toast);
|
|
26
26
|
}
|
|
27
|
-
toast.
|
|
28
|
-
toast.message = message;
|
|
29
|
-
toast.fadeTime = 4000;
|
|
30
|
-
toast.show();
|
|
27
|
+
toast.show(message, 4000, false, options.canClose);
|
|
31
28
|
}
|
|
32
29
|
}
|
|
33
30
|
ApplicationUtils.defaultMessageOptions = {
|
|
@@ -45,7 +45,7 @@ let EzApplication$1 = class extends HTMLElement$1 {
|
|
|
45
45
|
static get style() { return ezApplicationCss; }
|
|
46
46
|
};
|
|
47
47
|
|
|
48
|
-
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--
|
|
48
|
+
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--border--xlarge, 4px solid) var(--color--primary-300);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--color--primary, '#008561');--ez-button--link--hover-color:var(--color--primary-700, '#1C1D22');--ez-button--link--small--font-size:var(--text--small, 12px);--ez-button--link--medium--font-size:var(--text--medium, 14px);--ez-button--link--large--font-size:var(--text--large, 16px)}ez-icon{--ez-icon--color:inherit}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border)}button:hover{background-color:var(--ez-button--hover--background-color)}button:focus{outline:none;outline:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);border:none;cursor:no-drop}button.icon{padding:0px}button.small{width:32px;min-width:32px;height:32px}button.medium{width:42px;min-width:42px;height:42px}button.large{width:52px;min-width:52px;height:52px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight)}a{font-family:var(--ez-button--font-family);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}a:hover{color:var(--ez-button--link--hover-color)}a.small{font-size:var(--ez-button--link--small--font-size);line-height:var(--ez-button--link--small--font-size)}a.medium{font-size:var(--ez-button--link--medium--font-size);line-height:var(--ez-button--link--medium--font-size)}a.large{font-size:var(--ez-button--link--large--font-size);line-height:var(--ez-button--link--large--font-size)}";
|
|
49
49
|
|
|
50
50
|
let EzButton$1 = class extends HTMLElement$1 {
|
|
51
51
|
constructor() {
|
|
@@ -336,7 +336,7 @@ let EzCalendar$1 = class extends HTMLElement$1 {
|
|
|
336
336
|
static get style() { return ezCalendarCss; }
|
|
337
337
|
};
|
|
338
338
|
|
|
339
|
-
const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + 14px);--ez-check--height:calc(var(--ez-check--box--width) + 14px);--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:
|
|
339
|
+
const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + 14px);--ez-check--height:calc(var(--ez-check--box--width) + 14px);--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:19px;--ez-switch--pin--height:19px;--ez-switch--focus--width:32px;--ez-switch--focus--height:32px;--ez-switch--background-color:var(--color--strokes);--ez-switch--disabled--background-color:var(--color--disable-secondary);--ez-switch--disabled--checked--background-color:var(--color--primary-300);--ez-switch--checked--background-color:var(--color--primary);--ez-switch--pin--background-color:var(--background--xlight);--ez-switch--pin--disabled--background-color:var(--color--disable-primary);--ez-switch--pin--checked--background-color:var(--background--xlight);--ez-switch--pin--checked--disabled--background-color:#E8F7F4;--ez-switch--pin--focus--background-color:var(--text--disable);--ez-switch--pin--checked--focus--background-color:var(--color--primary);--ez-switch--pin--border-color:var(--text--primary);--ez-switch--pin--disabled--border-color:var(--text--secondary);--ez-check--label--font-size:var(--text--medium, 14px);--ez-check--label--font-family:var(--font-pattern, Arial);--ez-check--label--color:var(--title--primary, #000);--ez-check--label--disabled--color:var(--text--disable, #AFB6C0);display:flex;width:100%;align-items:center;margin:0}input.regularMode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--ez-check--width);height:var(--ez-check--height)}input.regularMode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regularMode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regularMode:disabled{cursor:auto;background:none}input.regularMode::before{box-sizing:border-box;content:\"\";display:block;width:var(--ez-check--box--width);height:var(--ez-check--box--height);border-radius:var(--ez-check--border-radius);border:var(--ez-check--border)}input.regularMode:disabled::before{border:var(--ez-check--disabled--border)}input.regularMode:checked:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regularMode:checked:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regularMode:checked::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regularMode:checked:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regularMode:checked::after{display:flex;position:absolute;content:\"\";background-color:var(--ez-check--check--background-color);width:8px;height:7px;-webkit-mask-image:var(--ez-check--check--image);mask-image:var(--ez-check--check--image)}input.regularMode:checked:disabled::after{background-color:var(--ez-check--check--disabled--background-color)}input.switchMode{flex-shrink:0;-webkit-appearance:none;appearance:none;position:relative;outline:none;cursor:pointer;border-radius:20px;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);transition:background-color var(--transition);width:var(--ez-switch--slider--width);height:var(--ez-switch--slider--height);background-color:var(--ez-switch--background-color)}input.switchMode:disabled{background-color:var(--ez-switch--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switchMode:checked:disabled{background-color:var(--ez-switch--disabled--checked--background-color)}input.switchMode::after{content:\"\";display:block;position:absolute;box-shadow:var(--shadow);transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(-2px) translateY(-4px);border-radius:50%;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);width:var(--ez-switch--pin--width);height:var(--ez-switch--pin--height);background-color:var(--ez-switch--pin--background-color)}input.switchMode:disabled::after{background-color:var(--ez-switch--pin--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switchMode:checked{transition:background-color var(--transition), border var(--transition);background-color:var(--ez-switch--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switchMode::before{display:block;content:\"\";display:block;position:absolute;border-radius:50%;opacity:0;width:var(--ez-switch--focus--width);height:var(--ez-switch--focus--height);top:calc((var(--ez-switch--slider--height) - var(--ez-switch--focus--height)) / 2);left:calc((var(--ez-switch--pin--width) - var(--ez-switch--focus--width) - 2px) / 2);background-color:var(--ez-switch--pin--focus--background-color)}input.switchMode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switchMode:checked:focus::before{background-color:var(--ez-switch--pin--checked--focus--background-color);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width) + 2px))}input.switchMode:checked::after{transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width))) translateY(-4px);box-shadow:var(--shadow);background-color:var(--ez-switch--pin--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switchMode:checked:disabled::after{background-color:var(--ez-switch--pin--checked--disabled--background-color)}.label{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-check--label--color);text-shadow:var(--text-shadow);font-size:var(--ez-check--label--font-size);font-family:var(--ez-check--label--font-family);cursor:default;padding-left:var(--space--small)}.label--disabled{color:var(--ez-check--label--disabled--color)}";
|
|
340
340
|
|
|
341
341
|
let EzCheck$1 = class extends HTMLElement$1 {
|
|
342
342
|
constructor() {
|
|
@@ -1817,10 +1817,7 @@ class ApplicationUtils {
|
|
|
1817
1817
|
toast = document.createElement("ez-toast");
|
|
1818
1818
|
window.document.body.appendChild(toast);
|
|
1819
1819
|
}
|
|
1820
|
-
toast.
|
|
1821
|
-
toast.message = message;
|
|
1822
|
-
toast.fadeTime = 4000;
|
|
1823
|
-
toast.show();
|
|
1820
|
+
toast.show(message, 4000, false, options.canClose);
|
|
1824
1821
|
}
|
|
1825
1822
|
}
|
|
1826
1823
|
ApplicationUtils.defaultMessageOptions = {
|
|
@@ -113277,7 +113274,7 @@ let EzNumberInput$1 = class extends HTMLElement$1 {
|
|
|
113277
113274
|
static get style() { return ezNumberInputCss; }
|
|
113278
113275
|
};
|
|
113279
113276
|
|
|
113280
|
-
const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 1);position:relative;display:flex;user-select:none
|
|
113277
|
+
const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 1);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";
|
|
113281
113278
|
|
|
113282
113279
|
let EzPopover$1 = class extends HTMLElement$1 {
|
|
113283
113280
|
constructor() {
|
|
@@ -113312,6 +113309,41 @@ let EzPopover$1 = class extends HTMLElement$1 {
|
|
|
113312
113309
|
* Opções: "100% e "fit-content" (default)
|
|
113313
113310
|
*/
|
|
113314
113311
|
this.boxWidth = "fit-content";
|
|
113312
|
+
this.innerClickTest = (_popOvercontainer, node, eventOrigin) => {
|
|
113313
|
+
const innerContainers = [_popOvercontainer];
|
|
113314
|
+
if (this.innerElement) {
|
|
113315
|
+
if (typeof (this.innerElement) == "string") {
|
|
113316
|
+
innerContainers.push(document.querySelector(`#${this.innerElement}`));
|
|
113317
|
+
}
|
|
113318
|
+
else {
|
|
113319
|
+
this.innerElement.forEach(comp => {
|
|
113320
|
+
innerContainers.push(document.querySelector(`#${comp}`));
|
|
113321
|
+
});
|
|
113322
|
+
}
|
|
113323
|
+
}
|
|
113324
|
+
for (var i = 0; i < innerContainers.length; i++) {
|
|
113325
|
+
let _container = innerContainers[i];
|
|
113326
|
+
if (_container != undefined) {
|
|
113327
|
+
if (_container.contains(node)) {
|
|
113328
|
+
return true;
|
|
113329
|
+
}
|
|
113330
|
+
if (eventOrigin && "nodeType" in (eventOrigin === null || eventOrigin === void 0 ? void 0 : eventOrigin.target) && _container.contains(eventOrigin.target)) {
|
|
113331
|
+
return true;
|
|
113332
|
+
}
|
|
113333
|
+
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
113334
|
+
return true;
|
|
113335
|
+
}
|
|
113336
|
+
_container = this._host;
|
|
113337
|
+
if (!_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node)) {
|
|
113338
|
+
return true;
|
|
113339
|
+
}
|
|
113340
|
+
}
|
|
113341
|
+
}
|
|
113342
|
+
return false;
|
|
113343
|
+
};
|
|
113344
|
+
this.backClickListener = () => {
|
|
113345
|
+
this.ezVisibilityChange.emit(false);
|
|
113346
|
+
};
|
|
113315
113347
|
}
|
|
113316
113348
|
dispatchVisibilityChange(newValue, oldValue) {
|
|
113317
113349
|
if (newValue != oldValue) {
|
|
@@ -113328,16 +113360,8 @@ let EzPopover$1 = class extends HTMLElement$1 {
|
|
|
113328
113360
|
left,
|
|
113329
113361
|
bottom,
|
|
113330
113362
|
right,
|
|
113331
|
-
innerClickTest:
|
|
113332
|
-
|
|
113333
|
-
return true;
|
|
113334
|
-
}
|
|
113335
|
-
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
113336
|
-
return true;
|
|
113337
|
-
}
|
|
113338
|
-
_container = this._host;
|
|
113339
|
-
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
113340
|
-
}
|
|
113363
|
+
innerClickTest: this.innerClickTest,
|
|
113364
|
+
backClickListener: this.backClickListener
|
|
113341
113365
|
};
|
|
113342
113366
|
FloatingManager.updateFloatPosition(this._box, this._container, floatingOptions);
|
|
113343
113367
|
}
|
|
@@ -113351,16 +113375,8 @@ let EzPopover$1 = class extends HTMLElement$1 {
|
|
|
113351
113375
|
left,
|
|
113352
113376
|
bottom,
|
|
113353
113377
|
right,
|
|
113354
|
-
innerClickTest:
|
|
113355
|
-
|
|
113356
|
-
return true;
|
|
113357
|
-
}
|
|
113358
|
-
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
113359
|
-
return true;
|
|
113360
|
-
}
|
|
113361
|
-
_container = this._host;
|
|
113362
|
-
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
113363
|
-
}
|
|
113378
|
+
innerClickTest: this.innerClickTest,
|
|
113379
|
+
backClickListener: this.backClickListener
|
|
113364
113380
|
};
|
|
113365
113381
|
this._floatingID = FloatingManager.float(this._box, this._container, floatingOptions);
|
|
113366
113382
|
this.opened = true;
|
|
@@ -113382,7 +113398,7 @@ let EzPopover$1 = class extends HTMLElement$1 {
|
|
|
113382
113398
|
}
|
|
113383
113399
|
}
|
|
113384
113400
|
render() {
|
|
113385
|
-
return (h(Host, null, h("section", { ref: el => this._container = el }, h("div", { class: `
|
|
113401
|
+
return (h(Host, null, h("section", { ref: el => this._container = el }, h("div", { class: `popover__box ${this.boxWidth === "fit-content" ? "popover__box--fit-content" : "popover__box--full-width"}`, ref: el => this._box = el }, h("slot", null)))));
|
|
113386
113402
|
}
|
|
113387
113403
|
get _host() { return this; }
|
|
113388
113404
|
static get watchers() { return {
|
|
@@ -114155,13 +114171,17 @@ let EzTimeInput$1 = class extends HTMLElement$1 {
|
|
|
114155
114171
|
static get style() { return ezTimeInputCss; }
|
|
114156
114172
|
};
|
|
114157
114173
|
|
|
114158
|
-
const ezToastCss = ":host{--ez-toast__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:280px;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--
|
|
114174
|
+
const ezToastCss = ":host{--ez-toast__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:280px;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--opened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@-webkit-keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}";
|
|
114159
114175
|
|
|
114160
114176
|
let EzToast$1 = class extends HTMLElement$1 {
|
|
114161
114177
|
constructor() {
|
|
114162
114178
|
super();
|
|
114163
114179
|
this.__registerHost();
|
|
114164
114180
|
this.__attachShadow();
|
|
114181
|
+
this._nextMessages = [];
|
|
114182
|
+
this._currentMessageInfo = { message: "", fadeTime: undefined, useIcon: undefined };
|
|
114183
|
+
this._toastOpenedClass = "toast__container--opened";
|
|
114184
|
+
this._lastTimeOut = undefined;
|
|
114165
114185
|
this._lang = "pt"; // Controla qual idioma será usado para definir a regras de hifenização.
|
|
114166
114186
|
/**
|
|
114167
114187
|
* Controla o tempo de exibição do componente em milissegundos.
|
|
@@ -114179,18 +114199,57 @@ let EzToast$1 = class extends HTMLElement$1 {
|
|
|
114179
114199
|
/**
|
|
114180
114200
|
* Exibe o componente na tela.
|
|
114181
114201
|
*/
|
|
114182
|
-
async show() {
|
|
114183
|
-
|
|
114202
|
+
async show(message, fadeTime, useIcon, canClose) {
|
|
114203
|
+
return new Promise(resolve => {
|
|
114204
|
+
var _a;
|
|
114205
|
+
if ((_a = this.container) === null || _a === void 0 ? void 0 : _a.classList.contains(this._toastOpenedClass)) {
|
|
114206
|
+
this._nextMessages.push({ message, fadeTime, useIcon, canClose, callBack: resolve });
|
|
114207
|
+
}
|
|
114208
|
+
else {
|
|
114209
|
+
this._currentMessageInfo.message = message || this.message;
|
|
114210
|
+
this._currentMessageInfo.fadeTime = fadeTime || this.fadeTime;
|
|
114211
|
+
this._currentMessageInfo.useIcon = useIcon || this.useIcon;
|
|
114212
|
+
this._currentMessageInfo.callBack = resolve;
|
|
114213
|
+
if (canClose) {
|
|
114214
|
+
this._currentMessageInfo.canClose = this.canClose;
|
|
114215
|
+
}
|
|
114216
|
+
forceUpdate(this);
|
|
114217
|
+
this.displayToast();
|
|
114218
|
+
this._lastTimeOut = setTimeout(() => {
|
|
114219
|
+
this.hideToast();
|
|
114220
|
+
}, this._currentMessageInfo.fadeTime + 400);
|
|
114221
|
+
}
|
|
114222
|
+
});
|
|
114223
|
+
}
|
|
114224
|
+
hideToast() {
|
|
114225
|
+
this.makeToastInvisible();
|
|
114226
|
+
if (this._nextMessages.length > 0) {
|
|
114227
|
+
if (this._currentMessageInfo.callBack) {
|
|
114228
|
+
this._currentMessageInfo.callBack(true);
|
|
114229
|
+
}
|
|
114230
|
+
setTimeout(() => {
|
|
114231
|
+
let newMessageInfo = this._nextMessages.shift();
|
|
114232
|
+
this.show(newMessageInfo.message, newMessageInfo.fadeTime, newMessageInfo.useIcon);
|
|
114233
|
+
});
|
|
114234
|
+
}
|
|
114235
|
+
if (this._currentMessageInfo.callBack) {
|
|
114236
|
+
this._currentMessageInfo.callBack(true);
|
|
114237
|
+
}
|
|
114238
|
+
}
|
|
114239
|
+
makeToastInvisible() {
|
|
114240
|
+
this.container.classList.remove(this._toastOpenedClass);
|
|
114241
|
+
this.container.style.animation = `none`;
|
|
114242
|
+
if (this._lastTimeOut)
|
|
114243
|
+
clearTimeout(this._lastTimeOut);
|
|
114244
|
+
}
|
|
114245
|
+
displayToast() {
|
|
114246
|
+
this.container.classList.add(this._toastOpenedClass);
|
|
114184
114247
|
this.container.style.animation = `fadein 0.5s, fadeout 0.5s ${this.fadeTime / 1000}s`;
|
|
114185
|
-
setTimeout(() => {
|
|
114186
|
-
this.container.classList.remove("toast__container--oppened");
|
|
114187
|
-
this.container.style.animation = `none`;
|
|
114188
|
-
}, this.fadeTime + 400);
|
|
114189
114248
|
}
|
|
114190
114249
|
render() {
|
|
114191
|
-
return (h("div", { ref: (el) => this.container = el, class: "toast__container" }, this.useIcon &&
|
|
114192
|
-
h("slot", { name: "icon" }), h("div", { lang: this._lang, class: this.useIcon ? "message__container message__conteiner--icon" : "message__container", title: this.message, innerHTML: this.message }), this.canClose &&
|
|
114193
|
-
h("button", { class: "btn-close", onClick: () => { this.
|
|
114250
|
+
return (h(Host, null, h("div", { ref: (el) => this.container = el, class: "toast__container" }, this._currentMessageInfo.useIcon &&
|
|
114251
|
+
h("slot", { name: "icon" }), h("div", { lang: this._lang, class: this._currentMessageInfo.useIcon ? "message__container message__conteiner--icon" : "message__container", title: this._currentMessageInfo.message, innerHTML: this._currentMessageInfo.message }), this._currentMessageInfo.canClose &&
|
|
114252
|
+
h("button", { class: "btn-close", onClick: () => { this.hideToast(); } }))));
|
|
114194
114253
|
}
|
|
114195
114254
|
static get style() { return ezToastCss; }
|
|
114196
114255
|
};
|
|
@@ -114899,7 +114958,7 @@ const EzLabelChip = /*@__PURE__*/proxyCustomElement(EzLabelChip$1, [1,"ez-label-
|
|
|
114899
114958
|
const EzList = /*@__PURE__*/proxyCustomElement(EzList$1, [1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32]}]);
|
|
114900
114959
|
const EzModal = /*@__PURE__*/proxyCustomElement(EzModal$1, [1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]);
|
|
114901
114960
|
const EzNumberInput = /*@__PURE__*/proxyCustomElement(EzNumberInput$1, [1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513]}]);
|
|
114902
|
-
const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540]}]);
|
|
114961
|
+
const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"]}]);
|
|
114903
114962
|
const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]);
|
|
114904
114963
|
const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513]}]);
|
|
114905
114964
|
const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]);
|
|
@@ -24,10 +24,7 @@ class ApplicationUtils {
|
|
|
24
24
|
toast = document.createElement("ez-toast");
|
|
25
25
|
window.document.body.appendChild(toast);
|
|
26
26
|
}
|
|
27
|
-
toast.
|
|
28
|
-
toast.message = message;
|
|
29
|
-
toast.fadeTime = 4000;
|
|
30
|
-
toast.show();
|
|
27
|
+
toast.show(message, 4000, false, options.canClose);
|
|
31
28
|
}
|
|
32
29
|
}
|
|
33
30
|
ApplicationUtils.defaultMessageOptions = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-6b8bfbeb.js';
|
|
2
2
|
|
|
3
|
-
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--
|
|
3
|
+
const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--border--xlarge, 4px solid) var(--color--primary-300);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--color--primary, '#008561');--ez-button--link--hover-color:var(--color--primary-700, '#1C1D22');--ez-button--link--small--font-size:var(--text--small, 12px);--ez-button--link--medium--font-size:var(--text--medium, 14px);--ez-button--link--large--font-size:var(--text--large, 16px)}ez-icon{--ez-icon--color:inherit}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border)}button:hover{background-color:var(--ez-button--hover--background-color)}button:focus{outline:none;outline:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);border:none;cursor:no-drop}button.icon{padding:0px}button.small{width:32px;min-width:32px;height:32px}button.medium{width:42px;min-width:42px;height:42px}button.large{width:52px;min-width:52px;height:52px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight)}a{font-family:var(--ez-button--font-family);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}a:hover{color:var(--ez-button--link--hover-color)}a.small{font-size:var(--ez-button--link--small--font-size);line-height:var(--ez-button--link--small--font-size)}a.medium{font-size:var(--ez-button--link--medium--font-size);line-height:var(--ez-button--link--medium--font-size)}a.large{font-size:var(--ez-button--link--large--font-size);line-height:var(--ez-button--link--large--font-size)}";
|
|
4
4
|
|
|
5
5
|
let EzButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-6b8bfbeb.js';
|
|
2
2
|
|
|
3
|
-
const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + 14px);--ez-check--height:calc(var(--ez-check--box--width) + 14px);--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:
|
|
3
|
+
const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + 14px);--ez-check--height:calc(var(--ez-check--box--width) + 14px);--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:19px;--ez-switch--pin--height:19px;--ez-switch--focus--width:32px;--ez-switch--focus--height:32px;--ez-switch--background-color:var(--color--strokes);--ez-switch--disabled--background-color:var(--color--disable-secondary);--ez-switch--disabled--checked--background-color:var(--color--primary-300);--ez-switch--checked--background-color:var(--color--primary);--ez-switch--pin--background-color:var(--background--xlight);--ez-switch--pin--disabled--background-color:var(--color--disable-primary);--ez-switch--pin--checked--background-color:var(--background--xlight);--ez-switch--pin--checked--disabled--background-color:#E8F7F4;--ez-switch--pin--focus--background-color:var(--text--disable);--ez-switch--pin--checked--focus--background-color:var(--color--primary);--ez-switch--pin--border-color:var(--text--primary);--ez-switch--pin--disabled--border-color:var(--text--secondary);--ez-check--label--font-size:var(--text--medium, 14px);--ez-check--label--font-family:var(--font-pattern, Arial);--ez-check--label--color:var(--title--primary, #000);--ez-check--label--disabled--color:var(--text--disable, #AFB6C0);display:flex;width:100%;align-items:center;margin:0}input.regularMode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--ez-check--width);height:var(--ez-check--height)}input.regularMode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regularMode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regularMode:disabled{cursor:auto;background:none}input.regularMode::before{box-sizing:border-box;content:\"\";display:block;width:var(--ez-check--box--width);height:var(--ez-check--box--height);border-radius:var(--ez-check--border-radius);border:var(--ez-check--border)}input.regularMode:disabled::before{border:var(--ez-check--disabled--border)}input.regularMode:checked:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regularMode:checked:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regularMode:checked::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regularMode:checked:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regularMode:checked::after{display:flex;position:absolute;content:\"\";background-color:var(--ez-check--check--background-color);width:8px;height:7px;-webkit-mask-image:var(--ez-check--check--image);mask-image:var(--ez-check--check--image)}input.regularMode:checked:disabled::after{background-color:var(--ez-check--check--disabled--background-color)}input.switchMode{flex-shrink:0;-webkit-appearance:none;appearance:none;position:relative;outline:none;cursor:pointer;border-radius:20px;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);transition:background-color var(--transition);width:var(--ez-switch--slider--width);height:var(--ez-switch--slider--height);background-color:var(--ez-switch--background-color)}input.switchMode:disabled{background-color:var(--ez-switch--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switchMode:checked:disabled{background-color:var(--ez-switch--disabled--checked--background-color)}input.switchMode::after{content:\"\";display:block;position:absolute;box-shadow:var(--shadow);transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(-2px) translateY(-4px);border-radius:50%;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);width:var(--ez-switch--pin--width);height:var(--ez-switch--pin--height);background-color:var(--ez-switch--pin--background-color)}input.switchMode:disabled::after{background-color:var(--ez-switch--pin--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switchMode:checked{transition:background-color var(--transition), border var(--transition);background-color:var(--ez-switch--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switchMode::before{display:block;content:\"\";display:block;position:absolute;border-radius:50%;opacity:0;width:var(--ez-switch--focus--width);height:var(--ez-switch--focus--height);top:calc((var(--ez-switch--slider--height) - var(--ez-switch--focus--height)) / 2);left:calc((var(--ez-switch--pin--width) - var(--ez-switch--focus--width) - 2px) / 2);background-color:var(--ez-switch--pin--focus--background-color)}input.switchMode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switchMode:checked:focus::before{background-color:var(--ez-switch--pin--checked--focus--background-color);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width) + 2px))}input.switchMode:checked::after{transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width))) translateY(-4px);box-shadow:var(--shadow);background-color:var(--ez-switch--pin--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switchMode:checked:disabled::after{background-color:var(--ez-switch--pin--checked--disabled--background-color)}.label{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-check--label--color);text-shadow:var(--text-shadow);font-size:var(--ez-check--label--font-size);font-family:var(--ez-check--label--font-family);cursor:default;padding-left:var(--space--small)}.label--disabled{color:var(--ez-check--label--disabled--color)}";
|
|
4
4
|
|
|
5
5
|
let EzCheck = class {
|
|
6
6
|
constructor(hostRef) {
|