@sankhyalabs/ezui 1.1.73 → 1.1.74
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-action-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-button_16.cjs.entry.js +5 -5
- package/dist/cjs/ez-label-chip.cjs.entry.js +11 -11
- package/dist/cjs/ez-toast.cjs.entry.js +4 -1
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-action-chip/ez-action-chip.css +21 -21
- package/dist/collection/components/ez-action-chip/ez-action-chip.js +1 -1
- package/dist/collection/components/ez-form/subcomponents/structure/Field.js +1 -1
- package/dist/collection/components/ez-label-chip/ez-label-chip.css +49 -49
- package/dist/collection/components/ez-label-chip/ez-label-chip.js +11 -11
- package/dist/collection/components/ez-search/ez-search.js +9 -9
- package/dist/collection/components/ez-text-area/ez-text-area.css +48 -48
- package/dist/collection/components/ez-toast/ez-toast.css +9 -9
- package/dist/collection/components/ez-toast/ez-toast.js +4 -1
- package/dist/custom-elements/index.js +22 -19
- package/dist/esm/ez-action-chip.entry.js +1 -1
- package/dist/esm/ez-button_16.entry.js +5 -5
- package/dist/esm/ez-label-chip.entry.js +11 -11
- package/dist/esm/ez-toast.entry.js +4 -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-0d476efb.entry.js +1 -0
- package/dist/ezui/p-34d288d0.entry.js +1 -0
- package/dist/ezui/p-47406a6e.entry.js +1 -0
- package/dist/ezui/{p-74809665.entry.js → p-907de194.entry.js} +1 -1
- package/dist/types/components/ez-action-chip/ez-action-chip.d.ts +2 -2
- package/dist/types/components/ez-label-chip/ez-label-chip.d.ts +2 -2
- package/dist/types/components/ez-search/ez-search.d.ts +5 -5
- package/dist/types/components/ez-toast/ez-toast.d.ts +3 -0
- package/dist/types/components.d.ts +9 -6
- package/package.json +1 -1
- package/dist/ezui/p-0db8d49b.entry.js +0 -1
- package/dist/ezui/p-129b53df.entry.js +0 -1
- package/dist/ezui/p-a99f8d42.entry.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Event, h, Prop, Watch } from
|
|
1
|
+
import { Component, Event, h, Prop, Watch } from "@stencil/core";
|
|
2
2
|
export class EzSearch {
|
|
3
3
|
constructor() {
|
|
4
4
|
/**
|
|
@@ -8,11 +8,11 @@ export class EzSearch {
|
|
|
8
8
|
/**
|
|
9
9
|
* Ajusta a opção de mostrar o "value" ao selecionar uma opção.
|
|
10
10
|
*/
|
|
11
|
-
this.
|
|
11
|
+
this.showSelectedValue = true;
|
|
12
12
|
/**
|
|
13
13
|
* Ajusta a opção de mostrar o "value" para cada opção.
|
|
14
14
|
*/
|
|
15
|
-
this.
|
|
15
|
+
this.showOptionValue = true;
|
|
16
16
|
}
|
|
17
17
|
updateValue() {
|
|
18
18
|
if (this._comboElement) {
|
|
@@ -25,7 +25,7 @@ export class EzSearch {
|
|
|
25
25
|
this.ezChange.emit(evt.detail);
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.
|
|
28
|
+
return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.optionLoader, searchMode: true, onEzChange: evt => this.onComboChange(evt), showSelectedValue: this.showSelectedValue, showOptionValue: this.showOptionValue }));
|
|
29
29
|
}
|
|
30
30
|
;
|
|
31
31
|
static get is() { return "ez-search"; }
|
|
@@ -111,7 +111,7 @@ export class EzSearch {
|
|
|
111
111
|
"attribute": "error-message",
|
|
112
112
|
"reflect": true
|
|
113
113
|
},
|
|
114
|
-
"
|
|
114
|
+
"optionLoader": {
|
|
115
115
|
"type": "unknown",
|
|
116
116
|
"mutable": false,
|
|
117
117
|
"complexType": {
|
|
@@ -130,7 +130,7 @@ export class EzSearch {
|
|
|
130
130
|
"text": "Fun\u00E7\u00E3o respons\u00E1vel por carregar as op\u00E7\u00F5es dinamicamente"
|
|
131
131
|
}
|
|
132
132
|
},
|
|
133
|
-
"
|
|
133
|
+
"showSelectedValue": {
|
|
134
134
|
"type": "boolean",
|
|
135
135
|
"mutable": false,
|
|
136
136
|
"complexType": {
|
|
@@ -144,11 +144,11 @@ export class EzSearch {
|
|
|
144
144
|
"tags": [],
|
|
145
145
|
"text": "Ajusta a op\u00E7\u00E3o de mostrar o \"value\" ao selecionar uma op\u00E7\u00E3o."
|
|
146
146
|
},
|
|
147
|
-
"attribute": "
|
|
147
|
+
"attribute": "show-selected-value",
|
|
148
148
|
"reflect": false,
|
|
149
149
|
"defaultValue": "true"
|
|
150
150
|
},
|
|
151
|
-
"
|
|
151
|
+
"showOptionValue": {
|
|
152
152
|
"type": "boolean",
|
|
153
153
|
"mutable": false,
|
|
154
154
|
"complexType": {
|
|
@@ -162,7 +162,7 @@ export class EzSearch {
|
|
|
162
162
|
"tags": [],
|
|
163
163
|
"text": "Ajusta a op\u00E7\u00E3o de mostrar o \"value\" para cada op\u00E7\u00E3o."
|
|
164
164
|
},
|
|
165
|
-
"attribute": "
|
|
165
|
+
"attribute": "show-option-value",
|
|
166
166
|
"reflect": false,
|
|
167
167
|
"defaultValue": "true"
|
|
168
168
|
}
|
|
@@ -1,54 +1,54 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
/* dimensions */
|
|
3
3
|
/*@doc Define a largura do componente.*/
|
|
4
|
-
--
|
|
4
|
+
--text-area--width: 100%;
|
|
5
5
|
|
|
6
6
|
/* general */
|
|
7
7
|
/*@doc Define o raio da borda do input do componente.*/
|
|
8
|
-
--
|
|
8
|
+
--text-area--border-radius: var(--border--radius-medium, 12px);
|
|
9
9
|
/*@doc Define o tamanho da fonte do input e label do componente.*/
|
|
10
|
-
--
|
|
10
|
+
--text-area--font-size: var(--text--medium, 14px);
|
|
11
11
|
/*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
|
|
12
|
-
--
|
|
12
|
+
--text-area--font-family: var(--font-pattern, Arial);
|
|
13
13
|
/*@doc Define o peso da fonte do label do componente.*/
|
|
14
|
-
--
|
|
14
|
+
--text-area--font-weight: var(--text-weight--large, 500);
|
|
15
15
|
/*@doc Define a cor da fonte do input e label do componente.*/
|
|
16
|
-
--
|
|
16
|
+
--text-area--color: var(--title--primary, #000);
|
|
17
17
|
|
|
18
18
|
/* input */
|
|
19
19
|
/*@doc Define a cor de fundo do input.*/
|
|
20
|
-
--
|
|
20
|
+
--text-area__input--background-color: var(--background--medium, #e0e0e0);
|
|
21
21
|
/*@doc Define o estilo da borda do input.*/
|
|
22
|
-
--
|
|
22
|
+
--text-area__input--border: var(--border--medium, 2px solid);
|
|
23
23
|
/*@doc Define a cor da borda do input.*/
|
|
24
|
-
--
|
|
24
|
+
--text-area__input--border-color: var(--text-area__input--background-color);
|
|
25
25
|
/*no modo normal usamos a borda com a mesma cor do bg*/
|
|
26
26
|
/*@doc Define a cor da borda do input quando focado.*/
|
|
27
|
-
--
|
|
27
|
+
--text-area__input--focus--border-color: var(--color--primary, #008561);
|
|
28
28
|
/*@doc Define a cor de fundo do input quando desabilitado.*/
|
|
29
|
-
--
|
|
29
|
+
--text-area__input--disabled--background-color: var(--color--disable-secondary, #F2F5F8);
|
|
30
30
|
/*@doc Define a cor do texto do input.*/
|
|
31
|
-
--
|
|
31
|
+
--text-area__input--disabled--color: var(--text--disable, #AFB6C0);
|
|
32
32
|
/*@doc Define a cor da borda do input quando com erro.*/
|
|
33
|
-
--
|
|
33
|
+
--text-area__input--error--border-color: #CC2936;
|
|
34
34
|
|
|
35
35
|
/* message box */
|
|
36
36
|
/*@doc Define o tamanho da fonte da mensagem abaixo do input.*/
|
|
37
|
-
--
|
|
37
|
+
--text-area__message_box--font-size: var(--text--small, 12px);
|
|
38
38
|
/*@doc Define a cor da fonte da mensagem quando info.*/
|
|
39
|
-
--
|
|
39
|
+
--text-area__message_box--info--color: var(--color--success, #22085d);
|
|
40
40
|
/*@doc Define a cor da fonte da mensagem quando erro.*/
|
|
41
|
-
--
|
|
41
|
+
--text-area__message_box--error--color: var(--color--error, #FF0000);
|
|
42
42
|
|
|
43
43
|
/* label */
|
|
44
44
|
/*@doc Define o posicionamento do label.*/
|
|
45
|
-
--
|
|
45
|
+
--text-area__label--floating--top: 6px;
|
|
46
46
|
/*@doc Define o espaçamento superior do label.*/
|
|
47
|
-
--
|
|
47
|
+
--text-area__label--padding-top: 12px;
|
|
48
48
|
/*@doc Define o espaçamento esquerdo do label.*/
|
|
49
|
-
--
|
|
49
|
+
--text-area__label--padding-left: 14px;
|
|
50
50
|
/*@doc Define o espaçamento direito do label.*/
|
|
51
|
-
--
|
|
51
|
+
--text-area__label--padding-right: 12px;
|
|
52
52
|
|
|
53
53
|
/***************
|
|
54
54
|
host style
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
flex-wrap: wrap;
|
|
59
59
|
position: relative;
|
|
60
60
|
/*public*/
|
|
61
|
-
width: var(--
|
|
61
|
+
width: var(--text-area--width);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
textarea {
|
|
@@ -68,9 +68,9 @@ textarea {
|
|
|
68
68
|
margin-top: calc(var(--space--medium, 12px) + 4px);
|
|
69
69
|
width: 100%;
|
|
70
70
|
font-weight: var(--text-weight--large, 600);
|
|
71
|
-
font-family: var(--
|
|
72
|
-
font-size: var(--
|
|
73
|
-
color: var(--
|
|
71
|
+
font-family: var(--text-area--font-family);
|
|
72
|
+
font-size: var(--text-area--font-size);
|
|
73
|
+
color: var(--text-area--color);
|
|
74
74
|
padding: 0;
|
|
75
75
|
background: none;
|
|
76
76
|
}
|
|
@@ -83,7 +83,7 @@ textarea:focus {
|
|
|
83
83
|
textarea:disabled {
|
|
84
84
|
/*public*/
|
|
85
85
|
background-color: transparent;
|
|
86
|
-
color: var(--
|
|
86
|
+
color: var(--text-area__input--disabled--color);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.textarea {
|
|
@@ -94,19 +94,19 @@ textarea:disabled {
|
|
|
94
94
|
padding-right: var(--space--extra-small);
|
|
95
95
|
|
|
96
96
|
/*public*/
|
|
97
|
-
border-radius: var(--
|
|
98
|
-
border: var(--
|
|
99
|
-
border-color: var(--
|
|
100
|
-
background-color: var(--
|
|
97
|
+
border-radius: var(--text-area--border-radius);
|
|
98
|
+
border: var(--text-area__input--border);
|
|
99
|
+
border-color: var(--text-area__input--border-color);
|
|
100
|
+
background-color: var(--text-area__input--background-color);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
.textarea--focus {
|
|
104
|
-
border-color: var(--
|
|
104
|
+
border-color: var(--text-area__input--focus--border-color);
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
.textarea.hasError {
|
|
108
|
-
color: var(--
|
|
109
|
-
border-color: var(--
|
|
108
|
+
color: var(--text-area--color);
|
|
109
|
+
border-color: var(--text-area__input--error--border-color);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
.message-box {
|
|
@@ -120,14 +120,14 @@ textarea:disabled {
|
|
|
120
120
|
white-space: nowrap;
|
|
121
121
|
|
|
122
122
|
/*public*/
|
|
123
|
-
font-family: var(--
|
|
124
|
-
font-size: var(--
|
|
125
|
-
color: var(--
|
|
123
|
+
font-family: var(--text-area--font-family);
|
|
124
|
+
font-size: var(--text-area__message_box--font-size);
|
|
125
|
+
color: var(--text-area__message_box--info--color);
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
.hasError {
|
|
129
129
|
/*public*/
|
|
130
|
-
color: var(--
|
|
130
|
+
color: var(--text-area__message_box--error--color);
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.textarea__label {
|
|
@@ -140,26 +140,26 @@ textarea:disabled {
|
|
|
140
140
|
white-space: nowrap;
|
|
141
141
|
-webkit-transition: font-size .05s, top .05s;
|
|
142
142
|
transition: font-size .05s, top .05s;
|
|
143
|
-
width: calc(100% - var(--
|
|
144
|
-
left: var(--
|
|
143
|
+
width: calc(100% - var(--text-area__label--padding-right));
|
|
144
|
+
left: var(--text-area--space--medium);
|
|
145
145
|
|
|
146
146
|
/*public*/
|
|
147
|
-
font-family: var(--
|
|
148
|
-
font-size: var(--
|
|
149
|
-
font-weight: var(--
|
|
150
|
-
color: var(--
|
|
151
|
-
top: var(--
|
|
152
|
-
left: var(--
|
|
153
|
-
padding-right: var(--
|
|
147
|
+
font-family: var(--text-area--font-family);
|
|
148
|
+
font-size: var(--text-area--font-size);
|
|
149
|
+
font-weight: var(--text-area--font-weight);
|
|
150
|
+
color: var(--text-area--color);
|
|
151
|
+
top: var(--text-area__label--padding-top);
|
|
152
|
+
left: var(--text-area__label--padding-left);
|
|
153
|
+
padding-right: var(--text-area__label--padding-right);
|
|
154
154
|
}
|
|
155
155
|
|
|
156
156
|
.textarea__label--floated {
|
|
157
|
-
font-family: var(--
|
|
157
|
+
font-family: var(--text-area--font-family);
|
|
158
158
|
font-size: var(--text--extra-small);
|
|
159
159
|
color: var(--text--primary);
|
|
160
|
-
top: var(--
|
|
160
|
+
top: var(--text-area__label--floating--top);
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
.textarea__label--disabled {
|
|
164
|
-
color: var(--
|
|
164
|
+
color: var(--text-area__input--disabled--color);
|
|
165
165
|
}
|
|
@@ -2,28 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
/* Buttons */
|
|
4
4
|
/*@doc Contém o ícone de fechamento do toast.*/
|
|
5
|
-
--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>');
|
|
5
|
+
--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>');
|
|
6
6
|
|
|
7
7
|
/* Container */
|
|
8
8
|
/*@doc Define a camada em que o container será exibido.*/
|
|
9
|
-
--toast__container-z-index: var(--more-visible, 2);
|
|
9
|
+
--ez-toast__container-z-index: var(--more-visible, 2);
|
|
10
10
|
/*@doc Define a cor de fundo do container.*/
|
|
11
|
-
--toast__container--background-color: var(--color--secondary, #383c45);
|
|
11
|
+
--ez-toast__container--background-color: var(--color--secondary, #383c45);
|
|
12
12
|
|
|
13
13
|
/* Icon */
|
|
14
14
|
/*@doc Define o espaçamento à esquerda do ícone.*/
|
|
15
|
-
--toast__icon--padding-left: var(--space--small, 6px);
|
|
15
|
+
--ez-toast__icon--padding-left: var(--space--small, 6px);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.toast__container {
|
|
19
19
|
position: fixed;
|
|
20
20
|
display: flex;
|
|
21
21
|
bottom: 100px;
|
|
22
|
-
z-index: var(--toast__container-z-index);
|
|
22
|
+
z-index: var(--ez-toast__container-z-index);
|
|
23
23
|
left: 100px;
|
|
24
24
|
width: 30%;
|
|
25
25
|
box-sizing: border-box;
|
|
26
|
-
background-color: var(--toast__container--background-color);
|
|
26
|
+
background-color: var(--ez-toast__container--background-color);
|
|
27
27
|
border-radius: 6px;
|
|
28
28
|
align-items: center;
|
|
29
29
|
padding: 12px;
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.message__conteiner--icon {
|
|
45
|
-
padding-left: var(--toast__icon--padding-left);
|
|
45
|
+
padding-left: var(--ez-toast__icon--padding-left);
|
|
46
46
|
width: 80%;
|
|
47
47
|
}
|
|
48
48
|
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
background-color: #FFFFFF;
|
|
64
64
|
width: 12px;
|
|
65
65
|
height: 12px;
|
|
66
|
-
-webkit-mask-image: var(--toast__btn__close__image);
|
|
67
|
-
mask-image: var(--toast__btn__close__image);
|
|
66
|
+
-webkit-mask-image: var(--ez-toast__btn__close__image);
|
|
67
|
+
mask-image: var(--ez-toast__btn__close__image);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.toast__container--oppened {
|
|
@@ -10,6 +10,9 @@ export class EzToast {
|
|
|
10
10
|
*/
|
|
11
11
|
this.useIcon = false;
|
|
12
12
|
}
|
|
13
|
+
/**
|
|
14
|
+
* Exibe o componente na tela.
|
|
15
|
+
*/
|
|
13
16
|
async show() {
|
|
14
17
|
this.container.classList.add("toast__container--oppened");
|
|
15
18
|
this.container.style.animation = `fadein 0.5s, fadeout 0.5s ${this.fadeTime / 1000}s`;
|
|
@@ -105,7 +108,7 @@ export class EzToast {
|
|
|
105
108
|
"return": "Promise<void>"
|
|
106
109
|
},
|
|
107
110
|
"docs": {
|
|
108
|
-
"text": "",
|
|
111
|
+
"text": "Exibe o componente na tela.",
|
|
109
112
|
"tags": []
|
|
110
113
|
}
|
|
111
114
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createEvent, h, forceUpdate, Host, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
|
|
2
2
|
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
3
3
|
|
|
4
|
-
const ezActionChipCss = ":host{--
|
|
4
|
+
const ezActionChipCss = ":host{--ez-action-chip--height:36px;--ez-action-chip--border-radius:var(--border--radius-large, 24px);--ez-action-chip__border:1px solid;--ez-action-chip__border-color-strokes:var(--color--strokes, #DCE0E8);--ez-action-chip--font-size:var(--text--medium, 14px);--ez-action-chip--font-family:var(--font-pattern, Arial);--ez-action-chip--font-weight:var(--text-weight--large, 500);--ez-action-chip__label--title--primary:var(--title--primary, #919191);--ez-action-chip__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-action-chip__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-action-chip__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ez-action-chip__label--title--primary);fill:var(--ez-action-chip__label--title--primary);border:var(--ez-action-chip__border);border-radius:var(--ez-action-chip--border-radius);border-color:var(--ez-action-chip__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ez-action-chip__label__default--border-color--hover);background-color:var(--ez-action-chip__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ez-action-chip--height);font-family:var(--ez-action-chip--font-family);font-size:var(--ez-action-chip--font-size)}";
|
|
5
5
|
|
|
6
6
|
let EzLabelChip$2 = class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -3398,7 +3398,7 @@ const Field = ({ dataUnit, field, forceScroll, enabled }) => {
|
|
|
3398
3398
|
context['CRITERIA'] = criteriaList;
|
|
3399
3399
|
}
|
|
3400
3400
|
return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
|
|
3401
|
-
h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage,
|
|
3401
|
+
h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, optionLoader: (argument) => {
|
|
3402
3402
|
if (form) {
|
|
3403
3403
|
return form.loadSearch(argument, context);
|
|
3404
3404
|
}
|
|
@@ -3772,7 +3772,7 @@ let EzIcon$1 = class extends HTMLElement {
|
|
|
3772
3772
|
static get style() { return ezIconCss; }
|
|
3773
3773
|
};
|
|
3774
3774
|
|
|
3775
|
-
const ezLabelChipCss = ":host{--
|
|
3775
|
+
const ezLabelChipCss = ":host{--ez-label-chip--height:36px;--ez-label-chip__label--font-size:var(--text--medium, 14px);--ez-label-chip__label--font-family:var(--font-pattern, Arial);--ez-label-chip__label--font-weight:var(--text-weight--large, 600);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #919191);--ez-label-chip__label__container--border-radius:var(--border--radius-large, 24px);--ez-label-chip__label__container--border:1px solid;--ez-label-chip__label__container--border-color-strokes:var(--color--strokes, #DCE0E8);--ez-label-chip__label__container--color-primary:var(--color--primary, #008561);--ez-label-chip__label__container-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-label-chip__label__container--background-color:#0085610F;--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--hover:var(--color--primary-600, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__btn__close--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 4.7098145,3.9968334 7.8535703,0.85318776 C 7.9473034,0.75946455 8,0.63233985 8,0.49978585 8,0.36723841 7.947304,0.24011361 7.8535703,0.14638378 7.7598354,0.05266059 7.6327257,6.48e-8 7.500152,6.48e-8 7.3676457,6.48e-8 7.2404691,0.0526608 7.1467354,0.14638378 L 4.00298,3.2900293 0.8591984,0.14638378 C 0.76546463,0.05266059 0.63834103,6.48e-8 0.50578123,6.48e-8 0.3732281,6.48e-8 0.24609783,0.05266059 0.15236397,0.14638378 0.05863012,0.24011361 0.00597395,0.36723841 0.00597395,0.49978585 c 0,0.132554 0.05265617,0.2596787 0.14639002,0.35340191 L 3.2961455,3.9968334 0.15236397,7.1411589 C 0.10466427,7.1872561 0.06663114,7.2424161 0.04046961,7.303371 0.01431473,7.3643212 5.6180845e-4,7.429943 1.6859246e-5,7.4962264 -5.2808998e-4,7.5625744 0.01214297,7.6283944 0.03729854,7.6897476 c 0.02514888,0.061416 0.06227604,0.1171794 0.1092096,0.1640783 0.0469402,0.046903 0.10274083,0.083936 0.16415749,0.1090508 0.0614166,0.025114 0.12721688,0.037703 0.19355667,0.037103 0.06634,-5.714e-4 0.13190027,-0.014457 0.19284393,-0.04064 0.0609507,-0.026246 0.11606474,-0.064351 0.16213217,-0.1120492 L 4.00298,4.7036374 7.1467354,7.8472967 c 0.093734,0.09373 0.2209103,0.1463572 0.3534166,0.1463572 0.1325737,0 0.2596834,-0.052623 0.3534183,-0.1463572 C 7.9473034,7.753567 8,7.6264624 8,7.493895 8,7.3613281 7.9473086,7.2342224 7.8535703,7.1404927 Z\"/></svg>')}.btn-close{align-items:flex-start;display:flex;outline:none;border:none;padding:0px 0px 0px 6px;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--ez-label-chip__label__container--color-primary);width:8px;height:8px;-webkit-mask-image:var(--ez-label-chip__btn__close--image);mask-image:var(--ez-label-chip__btn__close--image)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;background-color:#FFFFFF;align-self:center;color:var(--ez-label-chip__label--title--primary);fill:var(--ez-label-chip__label--title--primary);border:var(--ez-label-chip__label__container--border);border-radius:var(--ez-label-chip__label__container--border-radius);border-color:var(--ez-label-chip__label__container--border-color-strokes);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium)}.label__container:hover{border-color:var(--ez-label-chip__label__container--default--border-color--hover);background-color:var(--ez-label-chip__label__container--default--background-color--hover)}.label__container--active{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;align-self:center;border:var(--ez-label-chip__label__container--border);border-radius:var(--ez-label-chip__label__container--border-radius);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);fill:var(--ez-label-chip__label__container--color-primary);color:var(--ez-label-chip__label__container--color-primary);border-color:var(--ez-label-chip__label__container--border-color);background-color:var(--ez-label-chip__label__container--background-color)}.label__container--disabled{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;align-self:center;border:var(--ez-label-chip__label__container--border);border-color:var(--ez-label-chip__label__container-color--disable-secondary);border-radius:var(--ez-label-chip__label__container--border-radius);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);background-color:var(--ez-label-chip__label__container-color--disable-secondary)}label{display:flex;align-items:center;font-weight:var(--ez-label-chip__label--font-weight);cursor:pointer;height:var(--ez-label-chip--height);font-family:var(--ez-label-chip__label--font-family);font-size:var(--ez-label-chip__label--font-size)}.label__icon{display:flex;cursor:pointer}";
|
|
3776
3776
|
|
|
3777
3777
|
let EzLabelChip$1 = class extends HTMLElement {
|
|
3778
3778
|
constructor() {
|
|
@@ -3814,7 +3814,7 @@ let EzLabelChip$1 = class extends HTMLElement {
|
|
|
3814
3814
|
//---------------------------------------------
|
|
3815
3815
|
handleClick(ev) {
|
|
3816
3816
|
const target = ev.target;
|
|
3817
|
-
if (target.assignedSlot === null && !target.classList.contains(
|
|
3817
|
+
if (target.assignedSlot === null && !target.classList.contains("label__icon")) {
|
|
3818
3818
|
this.valueChange.emit(this.value);
|
|
3819
3819
|
this.swichState();
|
|
3820
3820
|
}
|
|
@@ -3826,13 +3826,13 @@ let EzLabelChip$1 = class extends HTMLElement {
|
|
|
3826
3826
|
}
|
|
3827
3827
|
reflectChange() {
|
|
3828
3828
|
if (this._divElem) {
|
|
3829
|
-
this._divElem.classList.remove(
|
|
3830
|
-
this._divElem.classList.remove(
|
|
3829
|
+
this._divElem.classList.remove("label__container--active");
|
|
3830
|
+
this._divElem.classList.remove("label__container");
|
|
3831
3831
|
if (this.value) {
|
|
3832
|
-
this._divElem.classList.add(
|
|
3832
|
+
this._divElem.classList.add("label__container--active");
|
|
3833
3833
|
}
|
|
3834
3834
|
else {
|
|
3835
|
-
this._divElem.classList.add(
|
|
3835
|
+
this._divElem.classList.add("label__container");
|
|
3836
3836
|
}
|
|
3837
3837
|
}
|
|
3838
3838
|
}
|
|
@@ -3842,7 +3842,7 @@ let EzLabelChip$1 = class extends HTMLElement {
|
|
|
3842
3842
|
componentDidLoad() {
|
|
3843
3843
|
if (this._divElem) {
|
|
3844
3844
|
if (this.value) {
|
|
3845
|
-
this._divElem.classList.add(
|
|
3845
|
+
this._divElem.classList.add("label__container--active");
|
|
3846
3846
|
}
|
|
3847
3847
|
else {
|
|
3848
3848
|
this.handleEnabledState();
|
|
@@ -3850,12 +3850,12 @@ let EzLabelChip$1 = class extends HTMLElement {
|
|
|
3850
3850
|
}
|
|
3851
3851
|
}
|
|
3852
3852
|
handleEnabledState() {
|
|
3853
|
-
this._divElem.classList.remove(
|
|
3853
|
+
this._divElem.classList.remove("label__container--disabled");
|
|
3854
3854
|
if (!this.enabled) {
|
|
3855
|
-
this._divElem.classList.remove(
|
|
3856
|
-
this._divElem.classList.add(
|
|
3855
|
+
this._divElem.classList.remove("label__container");
|
|
3856
|
+
this._divElem.classList.add("label__container--disabled");
|
|
3857
3857
|
if (this._labelElem) {
|
|
3858
|
-
this._labelElem.style.cursor =
|
|
3858
|
+
this._labelElem.style.cursor = "default";
|
|
3859
3859
|
}
|
|
3860
3860
|
}
|
|
3861
3861
|
}
|
|
@@ -4574,11 +4574,11 @@ let EzSearch$1 = class extends HTMLElement {
|
|
|
4574
4574
|
/**
|
|
4575
4575
|
* Ajusta a opção de mostrar o "value" ao selecionar uma opção.
|
|
4576
4576
|
*/
|
|
4577
|
-
this.
|
|
4577
|
+
this.showSelectedValue = true;
|
|
4578
4578
|
/**
|
|
4579
4579
|
* Ajusta a opção de mostrar o "value" para cada opção.
|
|
4580
4580
|
*/
|
|
4581
|
-
this.
|
|
4581
|
+
this.showOptionValue = true;
|
|
4582
4582
|
}
|
|
4583
4583
|
updateValue() {
|
|
4584
4584
|
if (this._comboElement) {
|
|
@@ -4591,7 +4591,7 @@ let EzSearch$1 = class extends HTMLElement {
|
|
|
4591
4591
|
this.ezChange.emit(evt.detail);
|
|
4592
4592
|
}
|
|
4593
4593
|
render() {
|
|
4594
|
-
return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.
|
|
4594
|
+
return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.optionLoader, searchMode: true, onEzChange: evt => this.onComboChange(evt), showSelectedValue: this.showSelectedValue, showOptionValue: this.showOptionValue }));
|
|
4595
4595
|
}
|
|
4596
4596
|
;
|
|
4597
4597
|
static get watchers() { return {
|
|
@@ -4803,7 +4803,7 @@ class Tab {
|
|
|
4803
4803
|
}
|
|
4804
4804
|
}
|
|
4805
4805
|
|
|
4806
|
-
const ezTextAreaCss = ":host{--
|
|
4806
|
+
const ezTextAreaCss = ":host{--text-area--width:100%;--text-area--border-radius:var(--border--radius-medium, 12px);--text-area--font-size:var(--text--medium, 14px);--text-area--font-family:var(--font-pattern, Arial);--text-area--font-weight:var(--text-weight--large, 500);--text-area--color:var(--title--primary, #000);--text-area__input--background-color:var(--background--medium, #e0e0e0);--text-area__input--border:var(--border--medium, 2px solid);--text-area__input--border-color:var(--text-area__input--background-color);--text-area__input--focus--border-color:var(--color--primary, #008561);--text-area__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--text-area__input--disabled--color:var(--text--disable, #AFB6C0);--text-area__input--error--border-color:#CC2936;--text-area__message_box--font-size:var(--text--small, 12px);--text-area__message_box--info--color:var(--color--success, #22085d);--text-area__message_box--error--color:var(--color--error, #FF0000);--text-area__label--floating--top:6px;--text-area__label--padding-top:12px;--text-area__label--padding-left:14px;--text-area__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--text-area--width)}textarea{box-sizing:border-box;border:none;resize:none;margin-top:calc(var(--space--medium, 12px) + 4px);width:100%;font-weight:var(--text-weight--large, 600);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);color:var(--text-area--color);padding:0;background:none}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--text-area__input--disabled--color)}.textarea{width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--border-color);background-color:var(--text-area__input--background-color)}.textarea--focus{border-color:var(--text-area__input--focus--border-color)}.textarea.hasError{color:var(--text-area--color);border-color:var(--text-area__input--error--border-color)}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-area--font-family);font-size:var(--text-area__message_box--font-size);color:var(--text-area__message_box--info--color)}.hasError{color:var(--text-area__message_box--error--color)}.textarea__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--text-area__label--padding-right));left:var(--text-area--space--medium);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color);top:var(--text-area__label--padding-top);left:var(--text-area__label--padding-left);padding-right:var(--text-area__label--padding-right)}.textarea__label--floated{font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-area__label--floating--top)}.textarea__label--disabled{color:var(--text-area__input--disabled--color)}";
|
|
4807
4807
|
|
|
4808
4808
|
let EzTextArea$1 = class extends HTMLElement {
|
|
4809
4809
|
constructor() {
|
|
@@ -5210,7 +5210,7 @@ let EzTimeInput$1 = class extends HTMLElement {
|
|
|
5210
5210
|
static get style() { return ezTimeInputCss; }
|
|
5211
5211
|
};
|
|
5212
5212
|
|
|
5213
|
-
const ezToastCss = ":host{--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>');--toast__container-z-index:var(--more-visible, 2);--toast__container--background-color:var(--color--secondary, #383c45);--toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--toast__container-z-index);left:100px;width:30%;box-sizing:border-box;background-color:var(--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;white-space:nowrap;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--toast__icon--padding-left);width:80%}.btn-close{display:flex;justify-content:flex-end;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(--toast__btn__close__image);mask-image:var(--toast__btn__close__image)}.toast__container--oppened{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}}";
|
|
5213
|
+
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:30%;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;white-space:nowrap;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{display:flex;justify-content:flex-end;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--oppened{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}}";
|
|
5214
5214
|
|
|
5215
5215
|
let EzToast$1 = class extends HTMLElement {
|
|
5216
5216
|
constructor() {
|
|
@@ -5226,6 +5226,9 @@ let EzToast$1 = class extends HTMLElement {
|
|
|
5226
5226
|
*/
|
|
5227
5227
|
this.useIcon = false;
|
|
5228
5228
|
}
|
|
5229
|
+
/**
|
|
5230
|
+
* Exibe o componente na tela.
|
|
5231
|
+
*/
|
|
5229
5232
|
async show() {
|
|
5230
5233
|
this.container.classList.add("toast__container--oppened");
|
|
5231
5234
|
this.container.style.animation = `fadein 0.5s, fadeout 0.5s ${this.fadeTime / 1000}s`;
|
|
@@ -5730,7 +5733,7 @@ const EzNumberInput = /*@__PURE__*/proxyCustomElement(NumberInput, [1,"ez-number
|
|
|
5730
5733
|
const EzNumericInput = /*@__PURE__*/proxyCustomElement(EzNumericInput$1, [1,"ez-numeric-input",{"label":[513],"value":[1538],"enabled":[516],"errorMessage":[1537,"error-message"],"precision":[8],"prettyprecision":[8]}]);
|
|
5731
5734
|
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]}]);
|
|
5732
5735
|
const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]);
|
|
5733
|
-
const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"
|
|
5736
|
+
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"]}]);
|
|
5734
5737
|
const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-tabselector",{"selectedIndex":[1537,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]);
|
|
5735
5738
|
const EzTextArea = /*@__PURE__*/proxyCustomElement(EzTextArea$1, [1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538]}]);
|
|
5736
5739
|
const EzTextInput = /*@__PURE__*/proxyCustomElement(EzTextInput$1, [1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"restrict":[1]}]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-33153059.js';
|
|
2
2
|
|
|
3
|
-
const ezActionChipCss = ":host{--
|
|
3
|
+
const ezActionChipCss = ":host{--ez-action-chip--height:36px;--ez-action-chip--border-radius:var(--border--radius-large, 24px);--ez-action-chip__border:1px solid;--ez-action-chip__border-color-strokes:var(--color--strokes, #DCE0E8);--ez-action-chip--font-size:var(--text--medium, 14px);--ez-action-chip--font-family:var(--font-pattern, Arial);--ez-action-chip--font-weight:var(--text-weight--large, 500);--ez-action-chip__label--title--primary:var(--title--primary, #919191);--ez-action-chip__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-action-chip__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-action-chip__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ez-action-chip__label--title--primary);fill:var(--ez-action-chip__label--title--primary);border:var(--ez-action-chip__border);border-radius:var(--ez-action-chip--border-radius);border-color:var(--ez-action-chip__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ez-action-chip__label__default--border-color--hover);background-color:var(--ez-action-chip__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ez-action-chip--height);font-family:var(--ez-action-chip--font-family);font-size:var(--ez-action-chip--font-size)}";
|
|
4
4
|
|
|
5
5
|
let EzLabelChip = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -2618,7 +2618,7 @@ const Field = ({ dataUnit, field, forceScroll, enabled }) => {
|
|
|
2618
2618
|
context['CRITERIA'] = criteriaList;
|
|
2619
2619
|
}
|
|
2620
2620
|
return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
|
|
2621
|
-
h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage,
|
|
2621
|
+
h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, optionLoader: (argument) => {
|
|
2622
2622
|
if (form) {
|
|
2623
2623
|
return form.loadSearch(argument, context);
|
|
2624
2624
|
}
|
|
@@ -3058,11 +3058,11 @@ let EzSearch = class {
|
|
|
3058
3058
|
/**
|
|
3059
3059
|
* Ajusta a opção de mostrar o "value" ao selecionar uma opção.
|
|
3060
3060
|
*/
|
|
3061
|
-
this.
|
|
3061
|
+
this.showSelectedValue = true;
|
|
3062
3062
|
/**
|
|
3063
3063
|
* Ajusta a opção de mostrar o "value" para cada opção.
|
|
3064
3064
|
*/
|
|
3065
|
-
this.
|
|
3065
|
+
this.showOptionValue = true;
|
|
3066
3066
|
}
|
|
3067
3067
|
updateValue() {
|
|
3068
3068
|
if (this._comboElement) {
|
|
@@ -3075,7 +3075,7 @@ let EzSearch = class {
|
|
|
3075
3075
|
this.ezChange.emit(evt.detail);
|
|
3076
3076
|
}
|
|
3077
3077
|
render() {
|
|
3078
|
-
return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.
|
|
3078
|
+
return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.optionLoader, searchMode: true, onEzChange: evt => this.onComboChange(evt), showSelectedValue: this.showSelectedValue, showOptionValue: this.showOptionValue }));
|
|
3079
3079
|
}
|
|
3080
3080
|
;
|
|
3081
3081
|
static get watchers() { return {
|
|
@@ -3285,7 +3285,7 @@ class Tab {
|
|
|
3285
3285
|
}
|
|
3286
3286
|
EzTabselector.style = ezTabselectorCss;
|
|
3287
3287
|
|
|
3288
|
-
const ezTextAreaCss = ":host{--
|
|
3288
|
+
const ezTextAreaCss = ":host{--text-area--width:100%;--text-area--border-radius:var(--border--radius-medium, 12px);--text-area--font-size:var(--text--medium, 14px);--text-area--font-family:var(--font-pattern, Arial);--text-area--font-weight:var(--text-weight--large, 500);--text-area--color:var(--title--primary, #000);--text-area__input--background-color:var(--background--medium, #e0e0e0);--text-area__input--border:var(--border--medium, 2px solid);--text-area__input--border-color:var(--text-area__input--background-color);--text-area__input--focus--border-color:var(--color--primary, #008561);--text-area__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--text-area__input--disabled--color:var(--text--disable, #AFB6C0);--text-area__input--error--border-color:#CC2936;--text-area__message_box--font-size:var(--text--small, 12px);--text-area__message_box--info--color:var(--color--success, #22085d);--text-area__message_box--error--color:var(--color--error, #FF0000);--text-area__label--floating--top:6px;--text-area__label--padding-top:12px;--text-area__label--padding-left:14px;--text-area__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--text-area--width)}textarea{box-sizing:border-box;border:none;resize:none;margin-top:calc(var(--space--medium, 12px) + 4px);width:100%;font-weight:var(--text-weight--large, 600);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);color:var(--text-area--color);padding:0;background:none}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--text-area__input--disabled--color)}.textarea{width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--border-color);background-color:var(--text-area__input--background-color)}.textarea--focus{border-color:var(--text-area__input--focus--border-color)}.textarea.hasError{color:var(--text-area--color);border-color:var(--text-area__input--error--border-color)}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-area--font-family);font-size:var(--text-area__message_box--font-size);color:var(--text-area__message_box--info--color)}.hasError{color:var(--text-area__message_box--error--color)}.textarea__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--text-area__label--padding-right));left:var(--text-area--space--medium);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color);top:var(--text-area__label--padding-top);left:var(--text-area__label--padding-left);padding-right:var(--text-area__label--padding-right)}.textarea__label--floated{font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-area__label--floating--top)}.textarea__label--disabled{color:var(--text-area__input--disabled--color)}";
|
|
3289
3289
|
|
|
3290
3290
|
let EzTextArea = class {
|
|
3291
3291
|
constructor(hostRef) {
|