@sankhyalabs/ezui 2.3.1 → 2.3.2
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/README.md +1 -0
- package/dist/cjs/ez-actions-button.cjs.entry.js +12 -8
- package/dist/cjs/ez-button.cjs.entry.js +5 -5
- package/dist/cjs/ez-calendar.cjs.entry.js +10 -13
- package/dist/cjs/ez-check.cjs.entry.js +5 -8
- package/dist/cjs/ez-chip.cjs.entry.js +4 -4
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +14 -14
- package/dist/cjs/ez-combo-box.cjs.entry.js +11 -11
- package/dist/cjs/ez-date-input.cjs.entry.js +5 -5
- package/dist/cjs/ez-date-time-input.cjs.entry.js +7 -7
- package/dist/cjs/ez-dialog.cjs.entry.js +4 -7
- package/dist/cjs/ez-filter-input.cjs.entry.js +6 -6
- package/dist/cjs/ez-form.cjs.entry.js +3 -6
- package/dist/cjs/ez-grid.cjs.entry.js +16 -17
- package/dist/cjs/ez-icon.cjs.entry.js +3 -3
- package/dist/cjs/ez-list.cjs.entry.js +71 -71
- package/dist/cjs/ez-loading-bar.cjs.entry.js +8 -4
- package/dist/cjs/ez-modal-container.cjs.entry.js +2 -2
- package/dist/cjs/ez-modal.cjs.entry.js +6 -6
- package/dist/cjs/ez-number-input.cjs.entry.js +5 -5
- package/dist/cjs/ez-popover.cjs.entry.js +8 -10
- package/dist/cjs/ez-popup.cjs.entry.js +4 -5
- package/dist/cjs/ez-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/ez-scroller.cjs.entry.js +2 -7
- package/dist/cjs/ez-search.cjs.entry.js +13 -14
- package/dist/cjs/ez-text-area.cjs.entry.js +7 -7
- package/dist/cjs/ez-text-edit.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-input.cjs.entry.js +7 -7
- package/dist/cjs/ez-time-input.cjs.entry.js +6 -6
- package/dist/cjs/ez-toast.cjs.entry.js +5 -5
- package/dist/cjs/ez-upload.cjs.entry.js +5 -5
- package/dist/cjs/ez-view-stack.cjs.entry.js +2 -2
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-actions-button/ez-actions-button.js +27 -22
- package/dist/collection/components/ez-button/ez-button.js +15 -15
- package/dist/collection/components/ez-calendar/ez-calendar.js +18 -21
- package/dist/collection/components/ez-card-item/ez-card-item.js +2 -2
- package/dist/collection/components/ez-check/ez-check.js +28 -22
- package/dist/collection/components/ez-chip/ez-chip.js +15 -15
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +28 -28
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +42 -33
- package/dist/collection/components/ez-date-input/ez-date-input.js +18 -18
- package/dist/collection/components/ez-date-time-input/ez-date-time-input.js +21 -21
- package/dist/collection/components/ez-dialog/ez-dialog.js +13 -35
- package/dist/collection/components/ez-filter-input/ez-filter-input.js +18 -35
- package/dist/collection/components/ez-form/ez-form.js +7 -42
- package/dist/collection/components/ez-grid/ez-grid.js +41 -42
- package/dist/collection/components/ez-icon/ez-icon.js +11 -11
- package/dist/collection/components/ez-list/ez-list.js +112 -93
- package/dist/collection/components/ez-loading-bar/ez-loading-bar.js +10 -6
- package/dist/collection/components/ez-modal/ez-modal.js +14 -14
- package/dist/collection/components/ez-modal-container/ez-modal-container.js +16 -16
- package/dist/collection/components/ez-number-input/ez-number-input.js +20 -20
- package/dist/collection/components/ez-popover/ez-popover.js +22 -24
- package/dist/collection/components/ez-popup/ez-popup.js +16 -17
- package/dist/collection/components/ez-radio-button/ez-radio-button.js +8 -8
- package/dist/collection/components/ez-scroller/ez-scroller.js +6 -12
- package/dist/collection/components/ez-search/ez-search.js +42 -46
- package/dist/collection/components/ez-tabselector/ez-tabselector.js +2 -2
- package/dist/collection/components/ez-text-area/ez-text-area.js +20 -37
- package/dist/collection/components/ez-text-edit/ez-text-edit.js +6 -6
- package/dist/collection/components/ez-text-input/ez-text-input.js +21 -38
- package/dist/collection/components/ez-time-input/ez-time-input.js +20 -20
- package/dist/collection/components/ez-toast/ez-toast.js +12 -12
- package/dist/collection/components/ez-upload/ez-upload.js +14 -14
- package/dist/collection/components/ez-view-stack/ez-view-stack.js +4 -4
- package/dist/custom-elements/index.js +265 -279
- package/dist/esm/ez-actions-button.entry.js +12 -8
- package/dist/esm/ez-button.entry.js +5 -5
- package/dist/esm/ez-calendar.entry.js +10 -13
- package/dist/esm/ez-check.entry.js +5 -8
- package/dist/esm/ez-chip.entry.js +4 -4
- package/dist/esm/ez-collapsible-box.entry.js +14 -14
- package/dist/esm/ez-combo-box.entry.js +11 -11
- package/dist/esm/ez-date-input.entry.js +5 -5
- package/dist/esm/ez-date-time-input.entry.js +7 -7
- package/dist/esm/ez-dialog.entry.js +4 -7
- package/dist/esm/ez-filter-input.entry.js +6 -6
- package/dist/esm/ez-form.entry.js +3 -6
- package/dist/esm/ez-grid.entry.js +16 -17
- package/dist/esm/ez-icon.entry.js +3 -3
- package/dist/esm/ez-list.entry.js +71 -71
- package/dist/esm/ez-loading-bar.entry.js +8 -4
- package/dist/esm/ez-modal-container.entry.js +2 -2
- package/dist/esm/ez-modal.entry.js +6 -6
- package/dist/esm/ez-number-input.entry.js +5 -5
- package/dist/esm/ez-popover.entry.js +8 -10
- package/dist/esm/ez-popup.entry.js +4 -5
- package/dist/esm/ez-radio-button.entry.js +3 -3
- package/dist/esm/ez-scroller.entry.js +2 -7
- package/dist/esm/ez-search.entry.js +13 -14
- package/dist/esm/ez-text-area.entry.js +7 -7
- package/dist/esm/ez-text-edit.entry.js +1 -1
- package/dist/esm/ez-text-input.entry.js +7 -7
- package/dist/esm/ez-time-input.entry.js +6 -6
- package/dist/esm/ez-toast.entry.js +5 -5
- package/dist/esm/ez-upload.entry.js +5 -5
- package/dist/esm/ez-view-stack.entry.js +2 -2
- 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-1214c5ce.entry.js +1 -0
- package/dist/ezui/p-2af9fe67.entry.js +1 -0
- package/dist/ezui/p-642c530f.entry.js +1 -0
- package/dist/ezui/p-96265e26.entry.js +1 -0
- package/dist/ezui/p-b47eb5d4.entry.js +1 -0
- package/dist/ezui/{p-855f99f8.entry.js → p-ccbe8272.entry.js} +1 -1
- package/dist/ezui/p-e60e7308.entry.js +1 -0
- package/dist/ezui/p-ede1328a.entry.js +1 -0
- package/dist/ezui/p-f6111077.entry.js +1 -0
- package/dist/types/components/ez-actions-button/ez-actions-button.d.ts +15 -14
- package/dist/types/components/ez-button/ez-button.d.ts +10 -10
- package/dist/types/components/ez-calendar/ez-calendar.d.ts +11 -14
- package/dist/types/components/ez-card-item/ez-card-item.d.ts +7 -0
- package/dist/types/components/ez-check/ez-check.d.ts +11 -13
- package/dist/types/components/ez-chip/ez-chip.d.ts +15 -14
- package/dist/types/components/ez-collapsible-box/ez-collapsible-box.d.ts +25 -25
- package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +21 -20
- package/dist/types/components/ez-date-input/ez-date-input.d.ts +16 -17
- package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts +18 -19
- package/dist/types/components/ez-dialog/ez-dialog.d.ts +13 -16
- package/dist/types/components/ez-filter-input/ez-filter-input.d.ts +12 -17
- package/dist/types/components/ez-form/ez-form.d.ts +7 -5
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +2 -2
- package/dist/types/components/ez-grid/ez-grid.d.ts +37 -39
- package/dist/types/components/ez-icon/ez-icon.d.ts +4 -4
- package/dist/types/components/ez-list/ez-list.d.ts +29 -32
- package/dist/types/components/ez-loading-bar/ez-loading-bar.d.ts +6 -0
- package/dist/types/components/ez-modal/ez-modal.d.ts +15 -15
- package/dist/types/components/ez-modal-container/ez-modal-container.d.ts +10 -10
- package/dist/types/components/ez-number-input/ez-number-input.d.ts +18 -24
- package/dist/types/components/ez-popover/ez-popover.d.ts +13 -16
- package/dist/types/components/ez-popup/ez-popup.d.ts +12 -13
- package/dist/types/components/ez-radio-button/ez-radio-button.d.ts +8 -8
- package/dist/types/components/ez-scroller/ez-scroller.d.ts +3 -4
- package/dist/types/components/ez-search/ez-search.d.ts +27 -31
- package/dist/types/components/ez-tabselector/ez-tabselector.d.ts +4 -7
- package/dist/types/components/ez-text-area/ez-text-area.d.ts +12 -16
- package/dist/types/components/ez-text-edit/ez-text-edit.d.ts +5 -5
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +14 -19
- package/dist/types/components/ez-time-input/ez-time-input.d.ts +16 -17
- package/dist/types/components/ez-toast/ez-toast.d.ts +7 -7
- package/dist/types/components/ez-upload/ez-upload.d.ts +11 -12
- package/dist/types/components/ez-view-stack/ez-view-stack.d.ts +2 -2
- package/dist/types/components.d.ts +514 -529
- package/package.json +2 -2
- package/dist/ezui/p-0fb5f4be.entry.js +0 -1
- package/dist/ezui/p-1ba371a3.entry.js +0 -1
- package/dist/ezui/p-42c6493e.entry.js +0 -1
- package/dist/ezui/p-6700360e.entry.js +0 -1
- package/dist/ezui/p-89b2a151.entry.js +0 -1
- package/dist/ezui/p-8c2105a5.entry.js +0 -1
- package/dist/ezui/p-ed2135a5.entry.js +0 -1
- package/dist/ezui/p-f6afdc4d.entry.js +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Component, h, Host, Prop, Event } from
|
|
2
|
-
import ModalAction from
|
|
3
|
-
import ModalButtonStatus from
|
|
1
|
+
import { Component, h, Host, Prop, Event } from "@stencil/core";
|
|
2
|
+
import ModalAction from "./modal-action";
|
|
3
|
+
import ModalButtonStatus from "./modal-button-status";
|
|
4
4
|
export class EzModalContainer {
|
|
5
5
|
constructor() {
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Define se o cabeçalho será mostrado.
|
|
8
8
|
*/
|
|
9
9
|
this.showTitleBar = true;
|
|
10
10
|
}
|
|
@@ -36,7 +36,7 @@ export class EzModalContainer {
|
|
|
36
36
|
h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" }))),
|
|
37
37
|
h("div", null,
|
|
38
38
|
h("slot", null)),
|
|
39
|
-
h("div", { class:
|
|
39
|
+
h("div", { class: "ez-col ez-margin-left--auto" },
|
|
40
40
|
this.cancelIsVisible() ? h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) }) : undefined,
|
|
41
41
|
this.okIsVisible() ? h("ez-button", { ref: ref => this._okButton = ref, label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction.OK) }) : undefined),
|
|
42
42
|
h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusFirst(evt) })));
|
|
@@ -62,7 +62,7 @@ export class EzModalContainer {
|
|
|
62
62
|
"optional": false,
|
|
63
63
|
"docs": {
|
|
64
64
|
"tags": [],
|
|
65
|
-
"text": "
|
|
65
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do modal."
|
|
66
66
|
},
|
|
67
67
|
"attribute": "modal-title",
|
|
68
68
|
"reflect": false
|
|
@@ -79,7 +79,7 @@ export class EzModalContainer {
|
|
|
79
79
|
"optional": false,
|
|
80
80
|
"docs": {
|
|
81
81
|
"tags": [],
|
|
82
|
-
"text": "
|
|
82
|
+
"text": "Texto do subt\u00EDtulo, geralmente usado para orienta\u00E7\u00E3o do usu\u00E1rio."
|
|
83
83
|
},
|
|
84
84
|
"attribute": "modal-sub-title",
|
|
85
85
|
"reflect": false
|
|
@@ -96,7 +96,7 @@ export class EzModalContainer {
|
|
|
96
96
|
"optional": false,
|
|
97
97
|
"docs": {
|
|
98
98
|
"tags": [],
|
|
99
|
-
"text": "
|
|
99
|
+
"text": "Define se o cabe\u00E7alho ser\u00E1 mostrado."
|
|
100
100
|
},
|
|
101
101
|
"attribute": "show-title-bar",
|
|
102
102
|
"reflect": false,
|
|
@@ -114,7 +114,7 @@ export class EzModalContainer {
|
|
|
114
114
|
"optional": false,
|
|
115
115
|
"docs": {
|
|
116
116
|
"tags": [],
|
|
117
|
-
"text": "
|
|
117
|
+
"text": "Define o texto do bot\u00E3o de cancelamento."
|
|
118
118
|
},
|
|
119
119
|
"attribute": "cancel-button-label",
|
|
120
120
|
"reflect": false
|
|
@@ -131,7 +131,7 @@ export class EzModalContainer {
|
|
|
131
131
|
"optional": false,
|
|
132
132
|
"docs": {
|
|
133
133
|
"tags": [],
|
|
134
|
-
"text": "Determina o texto do bot\u00E3o de
|
|
134
|
+
"text": "Determina o texto do bot\u00E3o de confirma\u00E7\u00E3o."
|
|
135
135
|
},
|
|
136
136
|
"attribute": "ok-button-label",
|
|
137
137
|
"reflect": false
|
|
@@ -140,15 +140,15 @@ export class EzModalContainer {
|
|
|
140
140
|
"type": "string",
|
|
141
141
|
"mutable": false,
|
|
142
142
|
"complexType": {
|
|
143
|
-
"original": "
|
|
144
|
-
"resolved": "
|
|
143
|
+
"original": "\"HIDDEN\"|\"ENABLED\"|\"DISABLED\"",
|
|
144
|
+
"resolved": "\"DISABLED\" | \"ENABLED\" | \"HIDDEN\"",
|
|
145
145
|
"references": {}
|
|
146
146
|
},
|
|
147
147
|
"required": false,
|
|
148
148
|
"optional": false,
|
|
149
149
|
"docs": {
|
|
150
150
|
"tags": [],
|
|
151
|
-
"text": "
|
|
151
|
+
"text": "Define o estado do bot\u00E3o de cancelamento."
|
|
152
152
|
},
|
|
153
153
|
"attribute": "cancel-button-status",
|
|
154
154
|
"reflect": false
|
|
@@ -157,15 +157,15 @@ export class EzModalContainer {
|
|
|
157
157
|
"type": "string",
|
|
158
158
|
"mutable": false,
|
|
159
159
|
"complexType": {
|
|
160
|
-
"original": "
|
|
161
|
-
"resolved": "
|
|
160
|
+
"original": "\"HIDDEN\"|\"ENABLED\"|\"DISABLED\"",
|
|
161
|
+
"resolved": "\"DISABLED\" | \"ENABLED\" | \"HIDDEN\"",
|
|
162
162
|
"references": {}
|
|
163
163
|
},
|
|
164
164
|
"required": false,
|
|
165
165
|
"optional": false,
|
|
166
166
|
"docs": {
|
|
167
167
|
"tags": [],
|
|
168
|
-
"text": "
|
|
168
|
+
"text": "Define o estado do bot\u00E3o de confirma\u00E7\u00E3o."
|
|
169
169
|
},
|
|
170
170
|
"attribute": "ok-button-status",
|
|
171
171
|
"reflect": false
|
|
@@ -5,28 +5,28 @@ export class EzNumberInput {
|
|
|
5
5
|
constructor() {
|
|
6
6
|
this._focused = false;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Se false, o usuário não pode interagir com o campo.
|
|
9
9
|
*/
|
|
10
10
|
this.enabled = true;
|
|
11
11
|
/**
|
|
12
|
-
* Define o
|
|
12
|
+
* Define o tamanho do campo.
|
|
13
13
|
*/
|
|
14
14
|
this.mode = "regular";
|
|
15
15
|
}
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Aplica o foco no campo.
|
|
18
18
|
*/
|
|
19
19
|
async setFocus() {
|
|
20
20
|
this._textInput.setFocus();
|
|
21
21
|
}
|
|
22
22
|
/**
|
|
23
|
-
* Remove o foco
|
|
23
|
+
* Remove o foco do campo.
|
|
24
24
|
*/
|
|
25
25
|
async setBlur() {
|
|
26
26
|
this._textInput.setBlur();
|
|
27
27
|
}
|
|
28
28
|
/**
|
|
29
|
-
* Retorna
|
|
29
|
+
* Retorna se o conteúdo é inválido.
|
|
30
30
|
*/
|
|
31
31
|
async isInvalid() {
|
|
32
32
|
return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
|
|
@@ -150,7 +150,7 @@ export class EzNumberInput {
|
|
|
150
150
|
"optional": false,
|
|
151
151
|
"docs": {
|
|
152
152
|
"tags": [],
|
|
153
|
-
"text": "
|
|
153
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do campo."
|
|
154
154
|
},
|
|
155
155
|
"attribute": "label",
|
|
156
156
|
"reflect": false
|
|
@@ -167,7 +167,7 @@ export class EzNumberInput {
|
|
|
167
167
|
"optional": false,
|
|
168
168
|
"docs": {
|
|
169
169
|
"tags": [],
|
|
170
|
-
"text": "
|
|
170
|
+
"text": "Define o valor do campo."
|
|
171
171
|
},
|
|
172
172
|
"attribute": "value",
|
|
173
173
|
"reflect": true
|
|
@@ -184,7 +184,7 @@ export class EzNumberInput {
|
|
|
184
184
|
"optional": false,
|
|
185
185
|
"docs": {
|
|
186
186
|
"tags": [],
|
|
187
|
-
"text": "
|
|
187
|
+
"text": "Se false, o usu\u00E1rio n\u00E3o pode interagir com o campo."
|
|
188
188
|
},
|
|
189
189
|
"attribute": "enabled",
|
|
190
190
|
"reflect": false,
|
|
@@ -202,7 +202,7 @@ export class EzNumberInput {
|
|
|
202
202
|
"optional": false,
|
|
203
203
|
"docs": {
|
|
204
204
|
"tags": [],
|
|
205
|
-
"text": "
|
|
205
|
+
"text": "Define uma mensagem de orienta\u00E7\u00E3o ao usu\u00E1rio, colocando o campo em modo inv\u00E1lido."
|
|
206
206
|
},
|
|
207
207
|
"attribute": "error-message",
|
|
208
208
|
"reflect": true
|
|
@@ -219,7 +219,7 @@ export class EzNumberInput {
|
|
|
219
219
|
"optional": false,
|
|
220
220
|
"docs": {
|
|
221
221
|
"tags": [],
|
|
222
|
-
"text": "
|
|
222
|
+
"text": "Define quantas casas decimais ser\u00E3o exibidas. Caso haja mais casas haver\u00E1 arredondamento."
|
|
223
223
|
},
|
|
224
224
|
"attribute": "precision",
|
|
225
225
|
"reflect": false
|
|
@@ -236,7 +236,7 @@ export class EzNumberInput {
|
|
|
236
236
|
"optional": false,
|
|
237
237
|
"docs": {
|
|
238
238
|
"tags": [],
|
|
239
|
-
"text": "
|
|
239
|
+
"text": "Define qual \u00E9 o m\u00EDnimo de casas depois da v\u00EDrgula.\nExemplo: 1,1 ser\u00E1 exibido como 1,1000 quando `prettyPrecision = 4`."
|
|
240
240
|
},
|
|
241
241
|
"attribute": "pretty-precision",
|
|
242
242
|
"reflect": false
|
|
@@ -245,15 +245,15 @@ export class EzNumberInput {
|
|
|
245
245
|
"type": "string",
|
|
246
246
|
"mutable": false,
|
|
247
247
|
"complexType": {
|
|
248
|
-
"original": "
|
|
249
|
-
"resolved": "
|
|
248
|
+
"original": "\"slim\" | \"regular\"",
|
|
249
|
+
"resolved": "\"regular\" | \"slim\"",
|
|
250
250
|
"references": {}
|
|
251
251
|
},
|
|
252
252
|
"required": false,
|
|
253
253
|
"optional": false,
|
|
254
254
|
"docs": {
|
|
255
255
|
"tags": [],
|
|
256
|
-
"text": "Define o
|
|
256
|
+
"text": "Define o tamanho do campo."
|
|
257
257
|
},
|
|
258
258
|
"attribute": "mode",
|
|
259
259
|
"reflect": true,
|
|
@@ -268,7 +268,7 @@ export class EzNumberInput {
|
|
|
268
268
|
"composed": true,
|
|
269
269
|
"docs": {
|
|
270
270
|
"tags": [],
|
|
271
|
-
"text": "
|
|
271
|
+
"text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
|
|
272
272
|
},
|
|
273
273
|
"complexType": {
|
|
274
274
|
"original": "number",
|
|
@@ -283,7 +283,7 @@ export class EzNumberInput {
|
|
|
283
283
|
"composed": true,
|
|
284
284
|
"docs": {
|
|
285
285
|
"tags": [],
|
|
286
|
-
"text": "
|
|
286
|
+
"text": "Emitido ao iniciar a altera\u00E7\u00E3o (digita\u00E7\u00E3o incompleta)."
|
|
287
287
|
},
|
|
288
288
|
"complexType": {
|
|
289
289
|
"original": "WaitingChange",
|
|
@@ -303,7 +303,7 @@ export class EzNumberInput {
|
|
|
303
303
|
"composed": true,
|
|
304
304
|
"docs": {
|
|
305
305
|
"tags": [],
|
|
306
|
-
"text": "
|
|
306
|
+
"text": "Emitido quando n\u00E3o foi poss\u00EDvel completar a altera\u00E7\u00E3o entre o evento ezStartChange e ezChange."
|
|
307
307
|
},
|
|
308
308
|
"complexType": {
|
|
309
309
|
"original": "void",
|
|
@@ -324,7 +324,7 @@ export class EzNumberInput {
|
|
|
324
324
|
"return": "Promise<void>"
|
|
325
325
|
},
|
|
326
326
|
"docs": {
|
|
327
|
-
"text": "
|
|
327
|
+
"text": "Aplica o foco no campo.",
|
|
328
328
|
"tags": []
|
|
329
329
|
}
|
|
330
330
|
},
|
|
@@ -340,7 +340,7 @@ export class EzNumberInput {
|
|
|
340
340
|
"return": "Promise<void>"
|
|
341
341
|
},
|
|
342
342
|
"docs": {
|
|
343
|
-
"text": "Remove o foco
|
|
343
|
+
"text": "Remove o foco do campo.",
|
|
344
344
|
"tags": []
|
|
345
345
|
}
|
|
346
346
|
},
|
|
@@ -356,7 +356,7 @@ export class EzNumberInput {
|
|
|
356
356
|
"return": "Promise<boolean>"
|
|
357
357
|
},
|
|
358
358
|
"docs": {
|
|
359
|
-
"text": "Retorna
|
|
359
|
+
"text": "Retorna se o conte\u00FAdo \u00E9 inv\u00E1lido.",
|
|
360
360
|
"tags": []
|
|
361
361
|
}
|
|
362
362
|
}
|
|
@@ -4,29 +4,27 @@ export class EzPopover {
|
|
|
4
4
|
constructor() {
|
|
5
5
|
this._firstRender = true;
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
8
|
-
* quando o método show() for acionado.
|
|
7
|
+
* Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
|
|
9
8
|
*/
|
|
10
9
|
this.autoClose = true;
|
|
11
10
|
/**
|
|
12
|
-
*
|
|
11
|
+
* Define a distância do topo. Devem ser usados valores válidos de CSS.
|
|
13
12
|
*/
|
|
14
13
|
this.top = "0px";
|
|
15
14
|
/**
|
|
16
|
-
*
|
|
15
|
+
* Define a distância do lado esquerdo. Devem ser usados valores válidos de CSS.
|
|
17
16
|
*/
|
|
18
17
|
this.left = "0px";
|
|
19
18
|
/**
|
|
20
|
-
*
|
|
19
|
+
* Define a distância de baixo. Devem ser usados valores válidos de CSS.
|
|
21
20
|
*/
|
|
22
21
|
this.bottom = "0px";
|
|
23
22
|
/**
|
|
24
|
-
*
|
|
23
|
+
* Define a distância do lado direito. Devem ser usados valores válidos de CSS.
|
|
25
24
|
*/
|
|
26
25
|
this.right = "0px";
|
|
27
26
|
/**
|
|
28
27
|
* Ajusta o comportamento da largura do popover.
|
|
29
|
-
* Opções: "100% e "fit-content" (default)
|
|
30
28
|
*/
|
|
31
29
|
this.boxWidth = "fit-content";
|
|
32
30
|
this.innerClickTest = (_popOvercontainer, node, eventOrigin) => {
|
|
@@ -77,7 +75,7 @@ export class EzPopover {
|
|
|
77
75
|
}
|
|
78
76
|
}
|
|
79
77
|
/**
|
|
80
|
-
* Atualiza a posição do popover
|
|
78
|
+
* Atualiza a posição do popover.
|
|
81
79
|
*/
|
|
82
80
|
async updatePosition(top = this.top, left = this.left, bottom = this.bottom, right = this.right) {
|
|
83
81
|
const floatingOptions = {
|
|
@@ -92,7 +90,7 @@ export class EzPopover {
|
|
|
92
90
|
FloatingManager.updateFloatPosition(this._box, this._container, floatingOptions);
|
|
93
91
|
}
|
|
94
92
|
/**
|
|
95
|
-
*
|
|
93
|
+
* Exibe o ez-popover.
|
|
96
94
|
*/
|
|
97
95
|
async show(top = this.top, left = this.left, bottom = this.bottom, right = this.right) {
|
|
98
96
|
const floatingOptions = {
|
|
@@ -108,7 +106,7 @@ export class EzPopover {
|
|
|
108
106
|
this.opened = true;
|
|
109
107
|
}
|
|
110
108
|
/**
|
|
111
|
-
*
|
|
109
|
+
* Oculta o ez-popover.
|
|
112
110
|
*/
|
|
113
111
|
async hide() {
|
|
114
112
|
if (this._floatingID !== undefined) {
|
|
@@ -150,7 +148,7 @@ export class EzPopover {
|
|
|
150
148
|
"optional": false,
|
|
151
149
|
"docs": {
|
|
152
150
|
"tags": [],
|
|
153
|
-
"text": "
|
|
151
|
+
"text": "Define que ser\u00E1 fechado automaticamente quando o usu\u00E1rio clicar fora do conte\u00FAdo."
|
|
154
152
|
},
|
|
155
153
|
"attribute": "auto-close",
|
|
156
154
|
"reflect": true,
|
|
@@ -168,7 +166,7 @@ export class EzPopover {
|
|
|
168
166
|
"optional": false,
|
|
169
167
|
"docs": {
|
|
170
168
|
"tags": [],
|
|
171
|
-
"text": "
|
|
169
|
+
"text": "Define a dist\u00E2ncia do topo. Devem ser usados valores v\u00E1lidos de CSS."
|
|
172
170
|
},
|
|
173
171
|
"attribute": "top",
|
|
174
172
|
"reflect": true,
|
|
@@ -186,7 +184,7 @@ export class EzPopover {
|
|
|
186
184
|
"optional": false,
|
|
187
185
|
"docs": {
|
|
188
186
|
"tags": [],
|
|
189
|
-
"text": "
|
|
187
|
+
"text": "Define a dist\u00E2ncia do lado esquerdo. Devem ser usados valores v\u00E1lidos de CSS."
|
|
190
188
|
},
|
|
191
189
|
"attribute": "left",
|
|
192
190
|
"reflect": true,
|
|
@@ -204,7 +202,7 @@ export class EzPopover {
|
|
|
204
202
|
"optional": false,
|
|
205
203
|
"docs": {
|
|
206
204
|
"tags": [],
|
|
207
|
-
"text": "
|
|
205
|
+
"text": "Define a dist\u00E2ncia de baixo. Devem ser usados valores v\u00E1lidos de CSS."
|
|
208
206
|
},
|
|
209
207
|
"attribute": "bottom",
|
|
210
208
|
"reflect": true,
|
|
@@ -222,7 +220,7 @@ export class EzPopover {
|
|
|
222
220
|
"optional": false,
|
|
223
221
|
"docs": {
|
|
224
222
|
"tags": [],
|
|
225
|
-
"text": "
|
|
223
|
+
"text": "Define a dist\u00E2ncia do lado direito. Devem ser usados valores v\u00E1lidos de CSS."
|
|
226
224
|
},
|
|
227
225
|
"attribute": "right",
|
|
228
226
|
"reflect": true,
|
|
@@ -232,15 +230,15 @@ export class EzPopover {
|
|
|
232
230
|
"type": "string",
|
|
233
231
|
"mutable": false,
|
|
234
232
|
"complexType": {
|
|
235
|
-
"original": "
|
|
236
|
-
"resolved": "
|
|
233
|
+
"original": "\"full-width\" | \"fit-content\"",
|
|
234
|
+
"resolved": "\"fit-content\" | \"full-width\"",
|
|
237
235
|
"references": {}
|
|
238
236
|
},
|
|
239
237
|
"required": false,
|
|
240
238
|
"optional": false,
|
|
241
239
|
"docs": {
|
|
242
240
|
"tags": [],
|
|
243
|
-
"text": "Ajusta o comportamento da largura do popover
|
|
241
|
+
"text": "Ajusta o comportamento da largura do popover."
|
|
244
242
|
},
|
|
245
243
|
"attribute": "box-width",
|
|
246
244
|
"reflect": true,
|
|
@@ -258,7 +256,7 @@ export class EzPopover {
|
|
|
258
256
|
"optional": false,
|
|
259
257
|
"docs": {
|
|
260
258
|
"tags": [],
|
|
261
|
-
"text": "
|
|
259
|
+
"text": "Define se o ez-popover est\u00E1 aberto."
|
|
262
260
|
},
|
|
263
261
|
"attribute": "opened",
|
|
264
262
|
"reflect": true
|
|
@@ -279,7 +277,7 @@ export class EzPopover {
|
|
|
279
277
|
"optional": false,
|
|
280
278
|
"docs": {
|
|
281
279
|
"tags": [],
|
|
282
|
-
"text": "
|
|
280
|
+
"text": "Define as tags que ser\u00E3o consideradas conte\u00FAdo."
|
|
283
281
|
},
|
|
284
282
|
"attribute": "inner-element",
|
|
285
283
|
"reflect": true
|
|
@@ -293,7 +291,7 @@ export class EzPopover {
|
|
|
293
291
|
"composed": true,
|
|
294
292
|
"docs": {
|
|
295
293
|
"tags": [],
|
|
296
|
-
"text": "\
|
|
294
|
+
"text": "Emitido quando acontece a altera\u00E7\u00E3o de estado do componente."
|
|
297
295
|
},
|
|
298
296
|
"complexType": {
|
|
299
297
|
"original": "boolean",
|
|
@@ -326,7 +324,7 @@ export class EzPopover {
|
|
|
326
324
|
"return": "Promise<void>"
|
|
327
325
|
},
|
|
328
326
|
"docs": {
|
|
329
|
-
"text": "Atualiza a posi\u00E7\u00E3o do popover
|
|
327
|
+
"text": "Atualiza a posi\u00E7\u00E3o do popover.",
|
|
330
328
|
"tags": []
|
|
331
329
|
}
|
|
332
330
|
},
|
|
@@ -354,7 +352,7 @@ export class EzPopover {
|
|
|
354
352
|
"return": "Promise<void>"
|
|
355
353
|
},
|
|
356
354
|
"docs": {
|
|
357
|
-
"text": "
|
|
355
|
+
"text": "Exibe o ez-popover.",
|
|
358
356
|
"tags": []
|
|
359
357
|
}
|
|
360
358
|
},
|
|
@@ -370,7 +368,7 @@ export class EzPopover {
|
|
|
370
368
|
"return": "Promise<void>"
|
|
371
369
|
},
|
|
372
370
|
"docs": {
|
|
373
|
-
"text": "
|
|
371
|
+
"text": "Oculta o ez-popover.",
|
|
374
372
|
"tags": []
|
|
375
373
|
}
|
|
376
374
|
}
|
|
@@ -9,20 +9,19 @@ export class EzPopup {
|
|
|
9
9
|
"x-large": "col--sd-11"
|
|
10
10
|
};
|
|
11
11
|
/**
|
|
12
|
-
* Define
|
|
13
|
-
* compreendidos em [x-small | small | medium | large | x-large].
|
|
12
|
+
* Define a largura do ez-popup.
|
|
14
13
|
*/
|
|
15
14
|
this.size = "medium";
|
|
16
15
|
/**
|
|
17
|
-
*
|
|
16
|
+
* Define se o ez-popover está aberto.
|
|
18
17
|
*/
|
|
19
18
|
this.opened = false;
|
|
20
19
|
/**
|
|
21
|
-
* Define se o componente utilizará
|
|
20
|
+
* Define se o componente utilizará cabeçalho.
|
|
22
21
|
*/
|
|
23
22
|
this.useHeader = true;
|
|
24
23
|
/**
|
|
25
|
-
* Define
|
|
24
|
+
* Define altura do componente.
|
|
26
25
|
*/
|
|
27
26
|
this.heightMode = "full";
|
|
28
27
|
}
|
|
@@ -64,15 +63,15 @@ export class EzPopup {
|
|
|
64
63
|
"type": "string",
|
|
65
64
|
"mutable": false,
|
|
66
65
|
"complexType": {
|
|
67
|
-
"original": "
|
|
68
|
-
"resolved": "
|
|
66
|
+
"original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\"",
|
|
67
|
+
"resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
|
|
69
68
|
"references": {}
|
|
70
69
|
},
|
|
71
70
|
"required": false,
|
|
72
71
|
"optional": false,
|
|
73
72
|
"docs": {
|
|
74
73
|
"tags": [],
|
|
75
|
-
"text": "Define
|
|
74
|
+
"text": "Define a largura do ez-popup."
|
|
76
75
|
},
|
|
77
76
|
"attribute": "size",
|
|
78
77
|
"reflect": false,
|
|
@@ -90,7 +89,7 @@ export class EzPopup {
|
|
|
90
89
|
"optional": false,
|
|
91
90
|
"docs": {
|
|
92
91
|
"tags": [],
|
|
93
|
-
"text": "
|
|
92
|
+
"text": "Define se o ez-popover est\u00E1 aberto."
|
|
94
93
|
},
|
|
95
94
|
"attribute": "opened",
|
|
96
95
|
"reflect": true,
|
|
@@ -98,7 +97,7 @@ export class EzPopup {
|
|
|
98
97
|
},
|
|
99
98
|
"useHeader": {
|
|
100
99
|
"type": "boolean",
|
|
101
|
-
"mutable":
|
|
100
|
+
"mutable": false,
|
|
102
101
|
"complexType": {
|
|
103
102
|
"original": "boolean",
|
|
104
103
|
"resolved": "boolean",
|
|
@@ -108,7 +107,7 @@ export class EzPopup {
|
|
|
108
107
|
"optional": false,
|
|
109
108
|
"docs": {
|
|
110
109
|
"tags": [],
|
|
111
|
-
"text": "Define se o componente utilizar\u00E1
|
|
110
|
+
"text": "Define se o componente utilizar\u00E1 cabe\u00E7alho."
|
|
112
111
|
},
|
|
113
112
|
"attribute": "use-header",
|
|
114
113
|
"reflect": true,
|
|
@@ -116,17 +115,17 @@ export class EzPopup {
|
|
|
116
115
|
},
|
|
117
116
|
"heightMode": {
|
|
118
117
|
"type": "string",
|
|
119
|
-
"mutable":
|
|
118
|
+
"mutable": false,
|
|
120
119
|
"complexType": {
|
|
121
|
-
"original": "
|
|
122
|
-
"resolved": "
|
|
120
|
+
"original": "\"auto\" | \"full\"",
|
|
121
|
+
"resolved": "\"auto\" | \"full\"",
|
|
123
122
|
"references": {}
|
|
124
123
|
},
|
|
125
124
|
"required": false,
|
|
126
125
|
"optional": false,
|
|
127
126
|
"docs": {
|
|
128
127
|
"tags": [],
|
|
129
|
-
"text": "Define
|
|
128
|
+
"text": "Define altura do componente."
|
|
130
129
|
},
|
|
131
130
|
"attribute": "height-mode",
|
|
132
131
|
"reflect": true,
|
|
@@ -144,7 +143,7 @@ export class EzPopup {
|
|
|
144
143
|
"optional": false,
|
|
145
144
|
"docs": {
|
|
146
145
|
"tags": [],
|
|
147
|
-
"text": "
|
|
146
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do componente."
|
|
148
147
|
},
|
|
149
148
|
"attribute": "ez-title",
|
|
150
149
|
"reflect": false
|
|
@@ -158,7 +157,7 @@ export class EzPopup {
|
|
|
158
157
|
"composed": true,
|
|
159
158
|
"docs": {
|
|
160
159
|
"tags": [],
|
|
161
|
-
"text": "
|
|
160
|
+
"text": "Emitido ao clicar no bot\u00E3o de fechar (onEzClosePopup)."
|
|
162
161
|
},
|
|
163
162
|
"complexType": {
|
|
164
163
|
"original": "any",
|
|
@@ -7,11 +7,11 @@ export class EzRadioButton {
|
|
|
7
7
|
*/
|
|
8
8
|
this.options = [];
|
|
9
9
|
/**
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
* Se false o usuário não pode interagir com o campo.
|
|
11
|
+
*/
|
|
12
12
|
this.enabled = true;
|
|
13
13
|
/**
|
|
14
|
-
* Define a direção
|
|
14
|
+
* Define a direção dos itens.
|
|
15
15
|
*/
|
|
16
16
|
this.direction = "vertical";
|
|
17
17
|
}
|
|
@@ -64,7 +64,7 @@ export class EzRadioButton {
|
|
|
64
64
|
"optional": false,
|
|
65
65
|
"docs": {
|
|
66
66
|
"tags": [],
|
|
67
|
-
"text": "
|
|
67
|
+
"text": "Define o valor do campo."
|
|
68
68
|
},
|
|
69
69
|
"attribute": "value",
|
|
70
70
|
"reflect": true
|
|
@@ -104,7 +104,7 @@ export class EzRadioButton {
|
|
|
104
104
|
"optional": false,
|
|
105
105
|
"docs": {
|
|
106
106
|
"tags": [],
|
|
107
|
-
"text": "
|
|
107
|
+
"text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
|
|
108
108
|
},
|
|
109
109
|
"attribute": "enabled",
|
|
110
110
|
"reflect": true,
|
|
@@ -122,7 +122,7 @@ export class EzRadioButton {
|
|
|
122
122
|
"optional": false,
|
|
123
123
|
"docs": {
|
|
124
124
|
"tags": [],
|
|
125
|
-
"text": "
|
|
125
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do campo."
|
|
126
126
|
},
|
|
127
127
|
"attribute": "label",
|
|
128
128
|
"reflect": true
|
|
@@ -139,7 +139,7 @@ export class EzRadioButton {
|
|
|
139
139
|
"optional": false,
|
|
140
140
|
"docs": {
|
|
141
141
|
"tags": [],
|
|
142
|
-
"text": "Define a dire\u00E7\u00E3o
|
|
142
|
+
"text": "Define a dire\u00E7\u00E3o dos itens."
|
|
143
143
|
},
|
|
144
144
|
"attribute": "direction",
|
|
145
145
|
"reflect": true,
|
|
@@ -154,7 +154,7 @@ export class EzRadioButton {
|
|
|
154
154
|
"composed": true,
|
|
155
155
|
"docs": {
|
|
156
156
|
"tags": [],
|
|
157
|
-
"text": "
|
|
157
|
+
"text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
|
|
158
158
|
},
|
|
159
159
|
"complexType": {
|
|
160
160
|
"original": "any",
|
|
@@ -6,16 +6,11 @@ export class EzScroller {
|
|
|
6
6
|
this._classHidden = "ez-scroller__shadow--hidden";
|
|
7
7
|
this.isFirefox = false;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
10
|
-
* Por padrão, a direção é "Ambos".
|
|
11
|
-
*/
|
|
12
|
-
this.direction = EzScrollDirection.BOTH;
|
|
13
|
-
/**
|
|
14
|
-
* Determina se o scroll estará bloqueado quando necessário.
|
|
9
|
+
* Define se o `scroll` estará bloqueado.
|
|
15
10
|
*/
|
|
16
11
|
this.locked = false;
|
|
17
12
|
/**
|
|
18
|
-
*
|
|
13
|
+
* Define se haverá efeito de sombreado.
|
|
19
14
|
*/
|
|
20
15
|
this.activeShadow = false;
|
|
21
16
|
}
|
|
@@ -158,11 +153,10 @@ export class EzScroller {
|
|
|
158
153
|
"optional": false,
|
|
159
154
|
"docs": {
|
|
160
155
|
"tags": [],
|
|
161
|
-
"text": "
|
|
156
|
+
"text": "Define a dire\u00E7\u00E3o em que haver\u00E1 scroll."
|
|
162
157
|
},
|
|
163
158
|
"attribute": "direction",
|
|
164
|
-
"reflect": false
|
|
165
|
-
"defaultValue": "EzScrollDirection.BOTH"
|
|
159
|
+
"reflect": false
|
|
166
160
|
},
|
|
167
161
|
"locked": {
|
|
168
162
|
"type": "boolean",
|
|
@@ -176,7 +170,7 @@ export class EzScroller {
|
|
|
176
170
|
"optional": false,
|
|
177
171
|
"docs": {
|
|
178
172
|
"tags": [],
|
|
179
|
-
"text": "
|
|
173
|
+
"text": "Define se o `scroll` estar\u00E1 bloqueado."
|
|
180
174
|
},
|
|
181
175
|
"attribute": "locked",
|
|
182
176
|
"reflect": false,
|
|
@@ -194,7 +188,7 @@ export class EzScroller {
|
|
|
194
188
|
"optional": false,
|
|
195
189
|
"docs": {
|
|
196
190
|
"tags": [],
|
|
197
|
-
"text": "
|
|
191
|
+
"text": "Define se haver\u00E1 efeito de sombreado."
|
|
198
192
|
},
|
|
199
193
|
"attribute": "active-shadow",
|
|
200
194
|
"reflect": false,
|