@sankhyalabs/ezui 1.1.52 → 1.1.53
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/ez-dialog.cjs.entry.js +3 -2
- package/dist/cjs/ez-modal.cjs.entry.js +2 -2
- package/dist/cjs/ez-popup.cjs.entry.js +2 -2
- package/dist/collection/components/ez-dialog/ez-dialog.js +19 -4
- package/dist/collection/components/ez-modal/ez-modal.js +4 -4
- package/dist/collection/components/ez-popup/ez-popup.js +5 -5
- package/dist/custom-elements/index.js +7 -6
- package/dist/esm/ez-dialog.entry.js +3 -2
- package/dist/esm/ez-modal.entry.js +2 -2
- package/dist/esm/ez-popup.entry.js +2 -2
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-09c7a16a.entry.js +1 -0
- package/dist/ezui/p-26af789f.entry.js +1 -0
- package/dist/ezui/p-34e7a3b9.entry.js +1 -0
- package/dist/types/components/ez-dialog/ez-dialog.d.ts +6 -2
- package/dist/types/components/ez-modal/ez-modal.d.ts +2 -2
- package/dist/types/components/ez-popup/ez-popup.d.ts +1 -1
- package/dist/types/components.d.ts +9 -5
- package/package.json +1 -1
- package/dist/ezui/p-4a87d740.entry.js +0 -1
- package/dist/ezui/p-7d9ad9ce.entry.js +0 -1
- package/dist/ezui/p-b4b43048.entry.js +0 -1
|
@@ -19,7 +19,8 @@ class Message {
|
|
|
19
19
|
let EzDialog = class {
|
|
20
20
|
constructor(hostRef) {
|
|
21
21
|
index.registerInstance(this, hostRef);
|
|
22
|
-
this.
|
|
22
|
+
this.ezCancel = index.createEvent(this, "ezCancel", 7);
|
|
23
|
+
this.ezAccept = index.createEvent(this, "ezAccept", 7);
|
|
23
24
|
/**
|
|
24
25
|
* Define se o componente será utilizado no modo de confirmação.
|
|
25
26
|
*/
|
|
@@ -40,7 +41,7 @@ let EzDialog = class {
|
|
|
40
41
|
this._currentMessage.callBack(selectedOption);
|
|
41
42
|
}
|
|
42
43
|
else {
|
|
43
|
-
this.
|
|
44
|
+
selectedOption ? this.ezAccept.emit(selectedOption) : this.ezCancel.emit(selectedOption);
|
|
44
45
|
}
|
|
45
46
|
this._currentMessage = this._messageQueue.shift();
|
|
46
47
|
index.forceUpdate(this);
|
|
@@ -9,7 +9,7 @@ const ezModalCss = ":host{--modal-z-index:var(--most-visible, 3);--modal-vertica
|
|
|
9
9
|
let EzModal = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
|
-
this.
|
|
12
|
+
this.ezCloseModal = index.createEvent(this, "ezCloseModal", 7);
|
|
13
13
|
/**
|
|
14
14
|
* Controle de exibição do Modal
|
|
15
15
|
*/
|
|
@@ -45,7 +45,7 @@ let EzModal = class {
|
|
|
45
45
|
}
|
|
46
46
|
closeModal() {
|
|
47
47
|
this.oppened = false;
|
|
48
|
-
this.
|
|
48
|
+
this.ezCloseModal.emit(this.oppened);
|
|
49
49
|
}
|
|
50
50
|
///////
|
|
51
51
|
// trapTabKey(e) {
|
|
@@ -9,7 +9,7 @@ const ezPopupCss = ":host{display:flex;--popup-title--primary:var(--title--prima
|
|
|
9
9
|
let EzPopup = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
|
-
this.
|
|
12
|
+
this.ezClosePopup = index.createEvent(this, "ezClosePopup", 7);
|
|
13
13
|
/**
|
|
14
14
|
* Define o width que o componente deve ter, seguindo o grid system.
|
|
15
15
|
*/
|
|
@@ -27,7 +27,7 @@ let EzPopup = class {
|
|
|
27
27
|
if (this.opened) {
|
|
28
28
|
return (index.h(index.Host, null, index.h("div", { class: "overlay" }, index.h("div", { class: "popup col " + this.size }, index.h("div", { class: "popup__container" }, index.h("div", { class: "popup__content" }, index.h("div", { class: "popup__header" }, this.ezTitle ?
|
|
29
29
|
index.h("div", { class: "title popup__title" }, this.ezTitle)
|
|
30
|
-
: undefined, index.h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.
|
|
30
|
+
: undefined, index.h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.ezClosePopup.emit(); } })), index.h("div", { class: "popup__expandable-content" }, index.h("slot", null))))))));
|
|
31
31
|
}
|
|
32
32
|
return null;
|
|
33
33
|
}
|
|
@@ -31,7 +31,7 @@ export class EzDialog {
|
|
|
31
31
|
this._currentMessage.callBack(selectedOption);
|
|
32
32
|
}
|
|
33
33
|
else {
|
|
34
|
-
this.
|
|
34
|
+
selectedOption ? this.ezAccept.emit(selectedOption) : this.ezCancel.emit(selectedOption);
|
|
35
35
|
}
|
|
36
36
|
this._currentMessage = this._messageQueue.shift();
|
|
37
37
|
forceUpdate(this);
|
|
@@ -199,14 +199,29 @@ export class EzDialog {
|
|
|
199
199
|
}
|
|
200
200
|
}; }
|
|
201
201
|
static get events() { return [{
|
|
202
|
-
"method": "
|
|
203
|
-
"name": "
|
|
202
|
+
"method": "ezCancel",
|
|
203
|
+
"name": "ezCancel",
|
|
204
204
|
"bubbles": true,
|
|
205
205
|
"cancelable": true,
|
|
206
206
|
"composed": true,
|
|
207
207
|
"docs": {
|
|
208
208
|
"tags": [],
|
|
209
|
-
"text": "Evento disparado ao clicar
|
|
209
|
+
"text": "Evento disparado ao clicar tanto no bot\u00E3o de nega\u00E7\u00E3o quanto no X."
|
|
210
|
+
},
|
|
211
|
+
"complexType": {
|
|
212
|
+
"original": "boolean",
|
|
213
|
+
"resolved": "boolean",
|
|
214
|
+
"references": {}
|
|
215
|
+
}
|
|
216
|
+
}, {
|
|
217
|
+
"method": "ezAccept",
|
|
218
|
+
"name": "ezAccept",
|
|
219
|
+
"bubbles": true,
|
|
220
|
+
"cancelable": true,
|
|
221
|
+
"composed": true,
|
|
222
|
+
"docs": {
|
|
223
|
+
"tags": [],
|
|
224
|
+
"text": "Evento disparado ao clicar no bot\u00E3o de aceita\u00E7\u00E3o."
|
|
210
225
|
},
|
|
211
226
|
"complexType": {
|
|
212
227
|
"original": "boolean",
|
|
@@ -36,7 +36,7 @@ export class EzModal {
|
|
|
36
36
|
}
|
|
37
37
|
closeModal() {
|
|
38
38
|
this.oppened = false;
|
|
39
|
-
this.
|
|
39
|
+
this.ezCloseModal.emit(this.oppened);
|
|
40
40
|
}
|
|
41
41
|
///////
|
|
42
42
|
// trapTabKey(e) {
|
|
@@ -202,14 +202,14 @@ export class EzModal {
|
|
|
202
202
|
}
|
|
203
203
|
}; }
|
|
204
204
|
static get events() { return [{
|
|
205
|
-
"method": "
|
|
206
|
-
"name": "
|
|
205
|
+
"method": "ezCloseModal",
|
|
206
|
+
"name": "ezCloseModal",
|
|
207
207
|
"bubbles": true,
|
|
208
208
|
"cancelable": true,
|
|
209
209
|
"composed": true,
|
|
210
210
|
"docs": {
|
|
211
211
|
"tags": [],
|
|
212
|
-
"text": "Um evento disparado quando
|
|
212
|
+
"text": "Um evento disparado quando o modal \u00E9 fechado."
|
|
213
213
|
},
|
|
214
214
|
"complexType": {
|
|
215
215
|
"original": "boolean",
|
|
@@ -25,7 +25,7 @@ export class EzPopup {
|
|
|
25
25
|
this.ezTitle ?
|
|
26
26
|
h("div", { class: "title popup__title" }, this.ezTitle)
|
|
27
27
|
: undefined,
|
|
28
|
-
h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.
|
|
28
|
+
h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.ezClosePopup.emit(); } })),
|
|
29
29
|
h("div", { class: "popup__expandable-content" },
|
|
30
30
|
h("slot", null))))))));
|
|
31
31
|
}
|
|
@@ -113,8 +113,8 @@ export class EzPopup {
|
|
|
113
113
|
}
|
|
114
114
|
}; }
|
|
115
115
|
static get events() { return [{
|
|
116
|
-
"method": "
|
|
117
|
-
"name": "
|
|
116
|
+
"method": "ezClosePopup",
|
|
117
|
+
"name": "ezClosePopup",
|
|
118
118
|
"bubbles": true,
|
|
119
119
|
"cancelable": true,
|
|
120
120
|
"composed": true,
|
|
@@ -123,8 +123,8 @@ export class EzPopup {
|
|
|
123
123
|
"text": "Evento disparado ao clicar no bot\u00E3o de fechar."
|
|
124
124
|
},
|
|
125
125
|
"complexType": {
|
|
126
|
-
"original": "
|
|
127
|
-
"resolved": "
|
|
126
|
+
"original": "any",
|
|
127
|
+
"resolved": "any",
|
|
128
128
|
"references": {}
|
|
129
129
|
}
|
|
130
130
|
}]; }
|
|
@@ -1335,7 +1335,8 @@ let EzDialog$1 = class extends HTMLElement {
|
|
|
1335
1335
|
super();
|
|
1336
1336
|
this.__registerHost();
|
|
1337
1337
|
this.__attachShadow();
|
|
1338
|
-
this.
|
|
1338
|
+
this.ezCancel = createEvent(this, "ezCancel", 7);
|
|
1339
|
+
this.ezAccept = createEvent(this, "ezAccept", 7);
|
|
1339
1340
|
/**
|
|
1340
1341
|
* Define se o componente será utilizado no modo de confirmação.
|
|
1341
1342
|
*/
|
|
@@ -1356,7 +1357,7 @@ let EzDialog$1 = class extends HTMLElement {
|
|
|
1356
1357
|
this._currentMessage.callBack(selectedOption);
|
|
1357
1358
|
}
|
|
1358
1359
|
else {
|
|
1359
|
-
this.
|
|
1360
|
+
selectedOption ? this.ezAccept.emit(selectedOption) : this.ezCancel.emit(selectedOption);
|
|
1360
1361
|
}
|
|
1361
1362
|
this._currentMessage = this._messageQueue.shift();
|
|
1362
1363
|
forceUpdate(this);
|
|
@@ -3881,7 +3882,7 @@ let EzModal$1 = class extends HTMLElement {
|
|
|
3881
3882
|
super();
|
|
3882
3883
|
this.__registerHost();
|
|
3883
3884
|
this.__attachShadow();
|
|
3884
|
-
this.
|
|
3885
|
+
this.ezCloseModal = createEvent(this, "ezCloseModal", 7);
|
|
3885
3886
|
/**
|
|
3886
3887
|
* Controle de exibição do Modal
|
|
3887
3888
|
*/
|
|
@@ -3917,7 +3918,7 @@ let EzModal$1 = class extends HTMLElement {
|
|
|
3917
3918
|
}
|
|
3918
3919
|
closeModal() {
|
|
3919
3920
|
this.oppened = false;
|
|
3920
|
-
this.
|
|
3921
|
+
this.ezCloseModal.emit(this.oppened);
|
|
3921
3922
|
}
|
|
3922
3923
|
///////
|
|
3923
3924
|
// trapTabKey(e) {
|
|
@@ -4403,7 +4404,7 @@ let EzPopup$1 = class extends HTMLElement {
|
|
|
4403
4404
|
super();
|
|
4404
4405
|
this.__registerHost();
|
|
4405
4406
|
this.__attachShadow();
|
|
4406
|
-
this.
|
|
4407
|
+
this.ezClosePopup = createEvent(this, "ezClosePopup", 7);
|
|
4407
4408
|
/**
|
|
4408
4409
|
* Define o width que o componente deve ter, seguindo o grid system.
|
|
4409
4410
|
*/
|
|
@@ -4421,7 +4422,7 @@ let EzPopup$1 = class extends HTMLElement {
|
|
|
4421
4422
|
if (this.opened) {
|
|
4422
4423
|
return (h(Host, null, h("div", { class: "overlay" }, h("div", { class: "popup col " + this.size }, h("div", { class: "popup__container" }, h("div", { class: "popup__content" }, h("div", { class: "popup__header" }, this.ezTitle ?
|
|
4423
4424
|
h("div", { class: "title popup__title" }, this.ezTitle)
|
|
4424
|
-
: undefined, h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.
|
|
4425
|
+
: undefined, h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.ezClosePopup.emit(); } })), h("div", { class: "popup__expandable-content" }, h("slot", null))))))));
|
|
4425
4426
|
}
|
|
4426
4427
|
return null;
|
|
4427
4428
|
}
|
|
@@ -15,7 +15,8 @@ class Message {
|
|
|
15
15
|
let EzDialog = class {
|
|
16
16
|
constructor(hostRef) {
|
|
17
17
|
registerInstance(this, hostRef);
|
|
18
|
-
this.
|
|
18
|
+
this.ezCancel = createEvent(this, "ezCancel", 7);
|
|
19
|
+
this.ezAccept = createEvent(this, "ezAccept", 7);
|
|
19
20
|
/**
|
|
20
21
|
* Define se o componente será utilizado no modo de confirmação.
|
|
21
22
|
*/
|
|
@@ -36,7 +37,7 @@ let EzDialog = class {
|
|
|
36
37
|
this._currentMessage.callBack(selectedOption);
|
|
37
38
|
}
|
|
38
39
|
else {
|
|
39
|
-
this.
|
|
40
|
+
selectedOption ? this.ezAccept.emit(selectedOption) : this.ezCancel.emit(selectedOption);
|
|
40
41
|
}
|
|
41
42
|
this._currentMessage = this._messageQueue.shift();
|
|
42
43
|
forceUpdate(this);
|
|
@@ -5,7 +5,7 @@ const ezModalCss = ":host{--modal-z-index:var(--most-visible, 3);--modal-vertica
|
|
|
5
5
|
let EzModal = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
-
this.
|
|
8
|
+
this.ezCloseModal = createEvent(this, "ezCloseModal", 7);
|
|
9
9
|
/**
|
|
10
10
|
* Controle de exibição do Modal
|
|
11
11
|
*/
|
|
@@ -41,7 +41,7 @@ let EzModal = class {
|
|
|
41
41
|
}
|
|
42
42
|
closeModal() {
|
|
43
43
|
this.oppened = false;
|
|
44
|
-
this.
|
|
44
|
+
this.ezCloseModal.emit(this.oppened);
|
|
45
45
|
}
|
|
46
46
|
///////
|
|
47
47
|
// trapTabKey(e) {
|
|
@@ -5,7 +5,7 @@ const ezPopupCss = ":host{display:flex;--popup-title--primary:var(--title--prima
|
|
|
5
5
|
let EzPopup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
-
this.
|
|
8
|
+
this.ezClosePopup = createEvent(this, "ezClosePopup", 7);
|
|
9
9
|
/**
|
|
10
10
|
* Define o width que o componente deve ter, seguindo o grid system.
|
|
11
11
|
*/
|
|
@@ -23,7 +23,7 @@ let EzPopup = class {
|
|
|
23
23
|
if (this.opened) {
|
|
24
24
|
return (h(Host, null, h("div", { class: "overlay" }, h("div", { class: "popup col " + this.size }, h("div", { class: "popup__container" }, h("div", { class: "popup__content" }, h("div", { class: "popup__header" }, this.ezTitle ?
|
|
25
25
|
h("div", { class: "title popup__title" }, this.ezTitle)
|
|
26
|
-
: undefined, h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.
|
|
26
|
+
: undefined, h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.ezClosePopup.emit(); } })), h("div", { class: "popup__expandable-content" }, h("slot", null))))))));
|
|
27
27
|
}
|
|
28
28
|
return null;
|
|
29
29
|
}
|
package/dist/ezui/ezui.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-762ac7a0.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-
|
|
1
|
+
import{p as e,b as a}from"./p-762ac7a0.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-34e7a3b9",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-55c5b134",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-7f528c19",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errormessage:[1537],showSeconds:[516,"show-seconds"],setFocus:[64],setBlur:[64]}]]],["p-b81916dd",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-26af789f",[[1,"ez-modal",{modalsize:[1],align:[1],oppened:[4],closeesc:[4],closeoutsideclick:[4]}]]],["p-d8a47f23",[[1,"ez-number-input",{strvalue:[1025],value:[1026],label:[513],enabled:[516],errormessage:[1537],precision:[1538],prettyprecision:[1538],textleft:[516],formatnumber:[513],setFocus:[64],setBlur:[64],handleFocusout:[64]}]]],["p-171bdc12",[[1,"ez-popover",{autoclose:[516],top:[1537],left:[1537],bottom:[1537],right:[1537],boxwidth:[513],isOpened:[1540,"is-opened"],updatePosition:[64],show:[64],hide:[64]}]]],["p-09c7a16a",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-c3b18332",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],show:[64]}]]],["p-1457f4f9",[[0,"ez-form",{metadataexecutor:[1],loadexecutor:[1],saveexecutor:[1],removeexecutor:[1],fieldsearchexecutor:[1],ignoresavevalidation:[4],metadata:[16],slavemode:[4],enabled:[4],loading:[1540],validate:[64],getChanges:[64],changeFieldValue:[64]}],[1,"form-metadata",{name:[1],label:[1],dataunit:[1025],many:[4],autoload:[4],metadata:[1040]}],[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errormessage:[1537]}],[1,"ez-search",{value:[1537],label:[1537],enabled:[1540],errormessage:[1537],optionloader:[16],showselectedvalue:[4],showoptionvalue:[4]}],[1,"ez-numeric-input",{label:[513],value:[1538],enabled:[516],errormessage:[1537],precision:[8],prettyprecision:[8]}],[1,"ez-check",{label:[513],value:[1540],enabled:[516],mode:[513],getMode:[64],setFocus:[64]}],[1,"ez-collapsable-box",{value:[1540],label:[513],showHide:[64]}],[1,"ez-tabselector",{selectedindex:[1537],selectedtab:[1537],tabs:[1]}],[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],rows:[1538],setFocus:[64],setBlur:[64]}],[1,"ez-upload",{label:[1],enabled:[4],maxfilesize:[2],maxfiles:[2],requestheaders:[8],urlupload:[1],urldelete:[1],value:[1040],addFiles:[64]}],[1,"place-holder"],[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513]}],[1,"ez-combo-box",{value:[1537],label:[513],enabled:[516],options:[1040],errormessage:[1537],searchmode:[4],showselectedvalue:[4],showoptionvalue:[4],optionloader:[16],_preSelection:[32],_visibleOptions:[32]}],[1,"ez-calendar",{value:[1040],floating:[516],show:[64],fitVertical:[64],hide:[64]}],[1,"ez-icon",{size:[513],href:[513]}],[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errormessage:[1537],onlynumber:[516],mask:[1],restrict:[1],setFocus:[64],setBlur:[64]}]]]],e)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as i,H as p}from"./p-762ac7a0.js";let e=class{constructor(i){t(this,i),this.ezClosePopup=o(this,"ezClosePopup",7),this.size="col--sd-6",this.opened=!1,this.useHeader=!1}render(){return this.opened?i(p,null,i("div",{class:"overlay"},i("div",{class:"popup col "+this.size},i("div",{class:"popup__container"},i("div",{class:"popup__content"},i("div",{class:"popup__header"},this.ezTitle?i("div",{class:"title popup__title"},this.ezTitle):void 0,i("button",{class:this.ezTitle?"btn-close":"btn-close btn-close--solo",onClick:()=>{this.opened=!1,this.ezClosePopup.emit()}})),i("div",{class:"popup__expandable-content"},i("slot",null))))))):null}};e.style=':host{display:flex;--popup-title--primary:var(--title--primary, #2b3a54);--popup-font-pattern:var(--font-pattern, "\'Sora\', \'Algerian\'");--popup-text-weight--large:var(--text-weight--large, 600);--popup-space--small:var(--space--small, 6px);--popup-space--medium:var(--space--medium, 12px);--popup-space--large:var(--space--large, 24px);--popup-error--background-color:var(--color--alert-error-800, #BD0025);--popup-warning--background-color:var(--color--alert-warning-500, #EFB103);--popup-text-weight--medium:var(--text-weight--medium, 400);--popup-text-shadow:var(--text-shadow, "0 0 0 #353535, 0 0 1px transparent");--popup-text--medium:var(--text--medium, 14px);--popup-text--primary:var(--text--primary, #626e82);--popup-z-index:var(--most-visible, 3);--popup--trash__image:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="16px"><path d="M 1.8585859,3.0707069 7.9999998,9.2121212 14.141414,3.0707069 16,5.0101006 7.9999998,12.929293 0,4.9292932 Z"/></svg>\');--popup--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>\')}.overlay{position:fixed;display:flex;top:0px;z-index:var(--popup-z-index);left:0px;width:100%;align-items:center;justify-content:center;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.popup{display:flex;height:100%;align-items:center;justify-content:center;box-sizing:border-box}.popup__container{width:100%;max-height:90%;display:flex;flex-wrap:wrap;overflow:hidden;background:#FFFF;color:var(--popup-title--primary);border-radius:12px;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);box-sizing:border-box;padding:var(--popup-space--large)}.popup__content{box-sizing:border-box;max-height:100%;width:100%;display:flex;flex-wrap:wrap}.popup__expandable-content{box-sizing:border-box;overflow-y:auto;width:100%;display:flex;flex-wrap:wrap;max-height:80vh;content-visibility:auto}.popup__header{padding-bottom:var(--popup-space--large);width:100%;display:flex}.popup__title{width:100%}.dialog__error--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--popup-error--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--popup-warning--background-color)}.message{font-weight:var(--popup-text-weight--medium)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--popup-title--primary);width:12px;height:12px;-webkit-mask-image:var(--popup--close__image);mask-image:var(--popup--close__image)}.btn-close--solo{width:100%}.title{display:flex;font-family:var(--popup-font-pattern);margin:0;font-weight:var(--popup-text-weight--large);line-height:1.3}.title--large{font-size:var(--popup-title--large)}.title__container{display:flex;align-items:center;padding-bottom:var(--popup-space--medium);align-self:center}.title--label{padding-left:var(--popup-space--small)}.text{font-family:var(--popup-font-pattern);text-shadow:var(--popup-text-shadow)}.text--medium{font-size:var(--popup-text--medium)}.text--primary{color:var(--popup-text--primary);text-shadow:var(--popup-text-shadow)}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}';export{e as ez_popup}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as d,c as t,h as i,H as o}from"./p-762ac7a0.js";let l=class{constructor(i){d(this,i),this.ezCloseModal=t(this,"ezCloseModal",7),this.oppened=!0,this.closeesc=!1,this.closeoutsideclick=!1,this.handleKeyboardEvent=d=>{"Escape"===(null==d?void 0:d.key)&&this.closeesc&&this.closeModal()}}handleOppenedChange(){this.oppened?document.addEventListener("keydown",this.handleKeyboardEvent):document.removeEventListener("keydown",this.handleKeyboardEvent)}closeModal(){this.oppened=!1,this.ezCloseModal.emit(this.oppened)}componentDidLoad(){this.handleOppenedChange()}onMouseDownHandler(d){this.closeoutsideclick&&d.target===this._overlay&&this.closeModal()}render(){const d="left"===this.align?"left":"right";return i(o,null,this.oppened?i("div",{class:"modal",onMouseDown:d=>this.onMouseDownHandler(d)},i("div",{class:`modal__container modal__container--${d}`,ref:d=>this._overlay=d},i("div",{class:`modal__content modal__content--${d} ${this.modalsize}`},i("slot",null)))):void 0)}static get watchers(){return{oppened:["handleOppenedChange"]}}};l.style=":host{--modal-z-index:var(--most-visible, 3);--modal-vertical-padding:var(--space--large, 24px);display:block}.modal{position:fixed;padding:var(--modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:calc(100% - 48px);overflow-y:auto;background-color:rgb(255, 255, 255);padding:24px;border-radius:12px 0px 0px 12px;box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";export{l as ez_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,f as l,h as e}from"./p-762ac7a0.js";class d{constructor(t,i,l,e,d,a){this.title=t,this.message=i,this.critical=l,this.confirm=e,this.icon=d,this.callBack=a}}let a=class{constructor(l){t(this,l),this.ezCancel=i(this,"ezCancel",7),this.ezAccept=i(this,"ezAccept",7),this.confirm=!1,this.critical=!1,this.opened=!1,this._messageQueue=[]}async handleButtonClick(t){this.opened=this._messageQueue.length>0,this._currentMessage.callBack?this._currentMessage.callBack(t):t?this.ezAccept.emit(t):this.ezCancel.emit(t),this._currentMessage=this._messageQueue.shift(),l(this)}async show(t,i,l,e,a){return this.opened=!0,new Promise((o=>{this._messageQueue.push(new d(t,i,l,e,a,o))}))}componentWillRender(){this._currentMessage||(this._messageQueue.length>0?this._currentMessage=this._messageQueue.pop():this.opened&&(this._currentMessage=new d(this.ezTitle,this.message,this.critical,this.confirm,this.personalizedIconPath,null)))}render(){return this.opened&&this._currentMessage?e("div",{class:"overlay"},e("div",{class:"dialog"},e("div",{class:!0===this._currentMessage.critical?"dialog__critical--indicator":"dialog__warning--indicator"}),e("div",{class:"dialog__container"},e("div",{class:"title__container"},e("div",{class:"title__box"},this._currentMessage.icon?e("svg",{class:"iconePersonalizado",role:"img"},e("use",{xlinkHref:this._currentMessage.icon})):e("div",{class:this._currentMessage.critical?"title-icon title-icon--critical":"title-icon"}),e("div",{class:"title title--label"},e("h2",null,this._currentMessage.title))),e("button",{class:"btn-close",onClick:()=>this.handleButtonClick(!1)})),e("div",{class:"text text--primary text--medium message"},this._currentMessage.message),this._currentMessage.confirm?e("div",{class:"button-yes-no__container"},e("ez-button",{class:"button__no",mode:"link",label:"Não",onClick:()=>this.handleButtonClick(!1)}),e("ez-button",{label:"Ok",onClick:()=>this.handleButtonClick(!0)})):void 0,this._currentMessage.confirm?void 0:e("div",{class:"button__ok--container"},e("ez-button",{label:"Ok",onClick:()=>this.handleButtonClick(!0)}))))):null}};a.style=':host{--dlg-title--primary:var(--title--primary, #2b3a54);--dlg-font-pattern:var(--font-pattern, "\'Sora\', \'Algerian\'");--dlg-text-weight--large:var(--text-weight--large, 600);--dlg-space--small:var(--space--small, 6px);--dlg-space--medium:var(--space--medium, 12px);--dlg-space--large:var(--space--large, 24px);--dlg-critical--background-color:var(--color--alert-error-800, #BD0025);--dlg-warning--background-color:var(--color--alert-warning-500, #EFB103);--dlg-text-weight--medium:var(--text-weight--medium, 400);--dlg-text-shadow:var(--text-shadow, "0 0 0 #353535, 0 0 1px transparent");--dlg-text--medium:var(--text--medium, 14px);--dlg-text--primary:var(--text--primary, #626e82);--dlg-z-index:var(--most-visible, 3);--dlg--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>\');--dlg--warning__image:url(\'data: image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895"/></svg>\');--dlg--critical__image:url(\'data: image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"><path d="M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z"/></svg>\')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dlg-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;color:var(--dlg-title--primary);border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dlg-space--large)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dlg-critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dlg-warning--background-color)}.message{font-weight:var(--dlg-text-weight--medium);padding-bottom:var(--dlg-space--large);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.title{display:flex;font-family:var(--dlg-font-pattern);margin:0;font-weight:var(--dlg-text-weight--large);line-height:1.3}.title--large{font-size:var(--dlg-title--large)}.title__container{display:flex;padding-bottom:var(--dlg-space--medium)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dlg-space--small)}.title-icon{outline:none;border:none;background-color:var(--dlg-warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dlg-critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--dlg-title--primary);width:12px;height:12px;-webkit-mask-image:var(--dlg--close__image);mask-image:var(--dlg--close__image)}.title-icon::after{content:\'\';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dlg--warning__image);mask-image:var(--dlg--warning__image)}.title-icon--critical::after{content:\'\';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dlg--critical__image);mask-image:var(--dlg--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__no{padding-right:var(--dlg-space--large)}.button__ok--container{display:flex;justify-content:flex-end}.text{font-family:var(--dlg-font-pattern);text-shadow:var(--dlg-text-shadow)}.text--medium{font-size:var(--dlg-text--medium)}.text--primary{color:var(--dlg-text--primary);text-shadow:var(--dlg-text-shadow)}.iconePersonalizado{width:15px;height:15px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}';export{a as ez_dialog}
|
|
@@ -25,9 +25,13 @@ export declare class EzDialog {
|
|
|
25
25
|
*/
|
|
26
26
|
ezTitle: string;
|
|
27
27
|
/**
|
|
28
|
-
* Evento disparado ao clicar
|
|
28
|
+
* Evento disparado ao clicar tanto no botão de negação quanto no X.
|
|
29
29
|
*/
|
|
30
|
-
|
|
30
|
+
ezCancel: EventEmitter<boolean>;
|
|
31
|
+
/**
|
|
32
|
+
* Evento disparado ao clicar no botão de aceitação.
|
|
33
|
+
*/
|
|
34
|
+
ezAccept: EventEmitter<boolean>;
|
|
31
35
|
private _messageQueue;
|
|
32
36
|
private _currentMessage;
|
|
33
37
|
handleButtonClick(selectedOption: boolean): Promise<void>;
|
|
@@ -22,9 +22,9 @@ export declare class EzModal {
|
|
|
22
22
|
*/
|
|
23
23
|
closeoutsideclick: boolean;
|
|
24
24
|
/**
|
|
25
|
-
* Um evento disparado quando
|
|
25
|
+
* Um evento disparado quando o modal é fechado.
|
|
26
26
|
*/
|
|
27
|
-
|
|
27
|
+
ezCloseModal: EventEmitter<boolean>;
|
|
28
28
|
handleOppenedChange(): void;
|
|
29
29
|
handleKeyboardEvent: (ev: any) => void;
|
|
30
30
|
closeModal(): void;
|
|
@@ -917,9 +917,13 @@ declare namespace LocalJSX {
|
|
|
917
917
|
*/
|
|
918
918
|
"message"?: string;
|
|
919
919
|
/**
|
|
920
|
-
* Evento disparado ao clicar
|
|
920
|
+
* Evento disparado ao clicar no botão de aceitação.
|
|
921
921
|
*/
|
|
922
|
-
"
|
|
922
|
+
"onEzAccept"?: (event: CustomEvent<boolean>) => void;
|
|
923
|
+
/**
|
|
924
|
+
* Evento disparado ao clicar tanto no botão de negação quanto no X.
|
|
925
|
+
*/
|
|
926
|
+
"onEzCancel"?: (event: CustomEvent<boolean>) => void;
|
|
923
927
|
/**
|
|
924
928
|
* Controla a exibição do componente
|
|
925
929
|
*/
|
|
@@ -983,9 +987,9 @@ declare namespace LocalJSX {
|
|
|
983
987
|
*/
|
|
984
988
|
"modalsize"?: string;
|
|
985
989
|
/**
|
|
986
|
-
* Um evento disparado quando
|
|
990
|
+
* Um evento disparado quando o modal é fechado.
|
|
987
991
|
*/
|
|
988
|
-
"
|
|
992
|
+
"onEzCloseModal"?: (event: CustomEvent<boolean>) => void;
|
|
989
993
|
/**
|
|
990
994
|
* Controle de exibição do Modal
|
|
991
995
|
*/
|
|
@@ -1095,7 +1099,7 @@ declare namespace LocalJSX {
|
|
|
1095
1099
|
/**
|
|
1096
1100
|
* Evento disparado ao clicar no botão de fechar.
|
|
1097
1101
|
*/
|
|
1098
|
-
"
|
|
1102
|
+
"onEzClosePopup"?: (event: CustomEvent<any>) => void;
|
|
1099
1103
|
/**
|
|
1100
1104
|
* Controla a exibição do componente.
|
|
1101
1105
|
*/
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,H as p}from"./p-762ac7a0.js";let e=class{constructor(i){t(this,i),this.ezChange=o(this,"ezChange",7),this.size="col--sd-6",this.opened=!1,this.useHeader=!1}render(){return this.opened?i(p,null,i("div",{class:"overlay"},i("div",{class:"popup col "+this.size},i("div",{class:"popup__container"},i("div",{class:"popup__content"},i("div",{class:"popup__header"},this.ezTitle?i("div",{class:"title popup__title"},this.ezTitle):void 0,i("button",{class:this.ezTitle?"btn-close":"btn-close btn-close--solo",onClick:()=>{this.opened=!1,this.ezChange.emit("CANCEL")}})),i("div",{class:"popup__expandable-content"},i("slot",null))))))):null}};e.style=':host{display:flex;--popup-title--primary:var(--title--primary, #2b3a54);--popup-font-pattern:var(--font-pattern, "\'Sora\', \'Algerian\'");--popup-text-weight--large:var(--text-weight--large, 600);--popup-space--small:var(--space--small, 6px);--popup-space--medium:var(--space--medium, 12px);--popup-space--large:var(--space--large, 24px);--popup-error--background-color:var(--color--alert-error-800, #BD0025);--popup-warning--background-color:var(--color--alert-warning-500, #EFB103);--popup-text-weight--medium:var(--text-weight--medium, 400);--popup-text-shadow:var(--text-shadow, "0 0 0 #353535, 0 0 1px transparent");--popup-text--medium:var(--text--medium, 14px);--popup-text--primary:var(--text--primary, #626e82);--popup-z-index:var(--most-visible, 3);--popup--trash__image:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="16px"><path d="M 1.8585859,3.0707069 7.9999998,9.2121212 14.141414,3.0707069 16,5.0101006 7.9999998,12.929293 0,4.9292932 Z"/></svg>\');--popup--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>\')}.overlay{position:fixed;display:flex;top:0px;z-index:var(--popup-z-index);left:0px;width:100%;align-items:center;justify-content:center;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.popup{display:flex;height:100%;align-items:center;justify-content:center;box-sizing:border-box}.popup__container{width:100%;max-height:90%;display:flex;flex-wrap:wrap;overflow:hidden;background:#FFFF;color:var(--popup-title--primary);border-radius:12px;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);box-sizing:border-box;padding:var(--popup-space--large)}.popup__content{box-sizing:border-box;max-height:100%;width:100%;display:flex;flex-wrap:wrap}.popup__expandable-content{box-sizing:border-box;overflow-y:auto;width:100%;display:flex;flex-wrap:wrap;max-height:80vh;content-visibility:auto}.popup__header{padding-bottom:var(--popup-space--large);width:100%;display:flex}.popup__title{width:100%}.dialog__error--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--popup-error--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--popup-warning--background-color)}.message{font-weight:var(--popup-text-weight--medium)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--popup-title--primary);width:12px;height:12px;-webkit-mask-image:var(--popup--close__image);mask-image:var(--popup--close__image)}.btn-close--solo{width:100%}.title{display:flex;font-family:var(--popup-font-pattern);margin:0;font-weight:var(--popup-text-weight--large);line-height:1.3}.title--large{font-size:var(--popup-title--large)}.title__container{display:flex;align-items:center;padding-bottom:var(--popup-space--medium);align-self:center}.title--label{padding-left:var(--popup-space--small)}.text{font-family:var(--popup-font-pattern);text-shadow:var(--popup-text-shadow)}.text--medium{font-size:var(--popup-text--medium)}.text--primary{color:var(--popup-text--primary);text-shadow:var(--popup-text-shadow)}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}';export{e as ez_popup}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,f as l,h as e}from"./p-762ac7a0.js";class d{constructor(t,i,l,e,d,a){this.title=t,this.message=i,this.critical=l,this.confirm=e,this.icon=d,this.callBack=a}}let a=class{constructor(l){t(this,l),this.ezChange=i(this,"ezChange",7),this.confirm=!1,this.critical=!1,this.opened=!1,this._messageQueue=[]}async handleButtonClick(t){this.opened=this._messageQueue.length>0,this._currentMessage.callBack?this._currentMessage.callBack(t):this.ezChange.emit(t),this._currentMessage=this._messageQueue.shift(),l(this)}async show(t,i,l,e,a){return this.opened=!0,new Promise((o=>{this._messageQueue.push(new d(t,i,l,e,a,o))}))}componentWillRender(){this._currentMessage||(this._messageQueue.length>0?this._currentMessage=this._messageQueue.pop():this.opened&&(this._currentMessage=new d(this.ezTitle,this.message,this.critical,this.confirm,this.personalizedIconPath,null)))}render(){return this.opened&&this._currentMessage?e("div",{class:"overlay"},e("div",{class:"dialog"},e("div",{class:!0===this._currentMessage.critical?"dialog__critical--indicator":"dialog__warning--indicator"}),e("div",{class:"dialog__container"},e("div",{class:"title__container"},e("div",{class:"title__box"},this._currentMessage.icon?e("svg",{class:"iconePersonalizado",role:"img"},e("use",{xlinkHref:this._currentMessage.icon})):e("div",{class:this._currentMessage.critical?"title-icon title-icon--critical":"title-icon"}),e("div",{class:"title title--label"},e("h2",null,this._currentMessage.title))),e("button",{class:"btn-close",onClick:()=>this.handleButtonClick(!1)})),e("div",{class:"text text--primary text--medium message"},this._currentMessage.message),this._currentMessage.confirm?e("div",{class:"button-yes-no__container"},e("ez-button",{class:"button__no",mode:"link",label:"Não",onClick:()=>this.handleButtonClick(!1)}),e("ez-button",{label:"Ok",onClick:()=>this.handleButtonClick(!0)})):void 0,this._currentMessage.confirm?void 0:e("div",{class:"button__ok--container"},e("ez-button",{label:"Ok",onClick:()=>this.handleButtonClick(!0)}))))):null}};a.style=':host{--dlg-title--primary:var(--title--primary, #2b3a54);--dlg-font-pattern:var(--font-pattern, "\'Sora\', \'Algerian\'");--dlg-text-weight--large:var(--text-weight--large, 600);--dlg-space--small:var(--space--small, 6px);--dlg-space--medium:var(--space--medium, 12px);--dlg-space--large:var(--space--large, 24px);--dlg-critical--background-color:var(--color--alert-error-800, #BD0025);--dlg-warning--background-color:var(--color--alert-warning-500, #EFB103);--dlg-text-weight--medium:var(--text-weight--medium, 400);--dlg-text-shadow:var(--text-shadow, "0 0 0 #353535, 0 0 1px transparent");--dlg-text--medium:var(--text--medium, 14px);--dlg-text--primary:var(--text--primary, #626e82);--dlg-z-index:var(--most-visible, 3);--dlg--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>\');--dlg--warning__image:url(\'data: image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895"/></svg>\');--dlg--critical__image:url(\'data: image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"><path d="M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z"/></svg>\')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dlg-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;color:var(--dlg-title--primary);border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dlg-space--large)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dlg-critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dlg-warning--background-color)}.message{font-weight:var(--dlg-text-weight--medium);padding-bottom:var(--dlg-space--large);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.title{display:flex;font-family:var(--dlg-font-pattern);margin:0;font-weight:var(--dlg-text-weight--large);line-height:1.3}.title--large{font-size:var(--dlg-title--large)}.title__container{display:flex;padding-bottom:var(--dlg-space--medium)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dlg-space--small)}.title-icon{outline:none;border:none;background-color:var(--dlg-warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dlg-critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--dlg-title--primary);width:12px;height:12px;-webkit-mask-image:var(--dlg--close__image);mask-image:var(--dlg--close__image)}.title-icon::after{content:\'\';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dlg--warning__image);mask-image:var(--dlg--warning__image)}.title-icon--critical::after{content:\'\';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dlg--critical__image);mask-image:var(--dlg--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__no{padding-right:var(--dlg-space--large)}.button__ok--container{display:flex;justify-content:flex-end}.text{font-family:var(--dlg-font-pattern);text-shadow:var(--dlg-text-shadow)}.text--medium{font-size:var(--dlg-text--medium)}.text--primary{color:var(--dlg-text--primary);text-shadow:var(--dlg-text-shadow)}.iconePersonalizado{width:15px;height:15px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}';export{a as ez_dialog}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as d,c as t,h as i,H as o}from"./p-762ac7a0.js";let l=class{constructor(i){d(this,i),this.ezChange=t(this,"ezChange",7),this.oppened=!0,this.closeesc=!1,this.closeoutsideclick=!1,this.handleKeyboardEvent=d=>{"Escape"===(null==d?void 0:d.key)&&this.closeesc&&this.closeModal()}}handleOppenedChange(){this.oppened?document.addEventListener("keydown",this.handleKeyboardEvent):document.removeEventListener("keydown",this.handleKeyboardEvent)}closeModal(){this.oppened=!1,this.ezChange.emit(this.oppened)}componentDidLoad(){this.handleOppenedChange()}onMouseDownHandler(d){this.closeoutsideclick&&d.target===this._overlay&&this.closeModal()}render(){const d="left"===this.align?"left":"right";return i(o,null,this.oppened?i("div",{class:"modal",onMouseDown:d=>this.onMouseDownHandler(d)},i("div",{class:`modal__container modal__container--${d}`,ref:d=>this._overlay=d},i("div",{class:`modal__content modal__content--${d} ${this.modalsize}`},i("slot",null)))):void 0)}static get watchers(){return{oppened:["handleOppenedChange"]}}};l.style=":host{--modal-z-index:var(--most-visible, 3);--modal-vertical-padding:var(--space--large, 24px);display:block}.modal{position:fixed;padding:var(--modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:calc(100% - 48px);overflow-y:auto;background-color:rgb(255, 255, 255);padding:24px;border-radius:12px 0px 0px 12px;box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";export{l as ez_modal}
|