@sankhyalabs/ezui 2.3.0 → 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 +4 -7
- package/dist/cjs/ez-grid.cjs.entry.js +93 -19
- 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 +8 -43
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +63 -1
- package/dist/collection/components/ez-grid/ez-grid.js +57 -44
- 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 +344 -283
- 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 +4 -7
- package/dist/esm/ez-grid.entry.js +93 -19
- 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-77b7b623.entry.js → p-19a38745.entry.js} +1 -1
- 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 +10 -2
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +4 -0
- package/dist/types/components/ez-grid/ez-grid.d.ts +38 -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-8c2105a5.entry.js +0 -1
- package/dist/ezui/p-cba61296.entry.js +0 -1
- package/dist/ezui/p-ed2135a5.entry.js +0 -1
- package/dist/ezui/p-f6afdc4d.entry.js +0 -1
|
@@ -5,15 +5,15 @@ export class EzDateTimeInput {
|
|
|
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
|
-
|
|
13
|
-
|
|
12
|
+
* Se true considera segundos.
|
|
13
|
+
*/
|
|
14
14
|
this.showSeconds = false;
|
|
15
15
|
/**
|
|
16
|
-
* Define o
|
|
16
|
+
* Define o tamanho do campo.
|
|
17
17
|
*/
|
|
18
18
|
this.mode = "regular";
|
|
19
19
|
}
|
|
@@ -49,19 +49,19 @@ export class EzDateTimeInput {
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
/**
|
|
52
|
-
*
|
|
52
|
+
* Aplica o foco no campo.
|
|
53
53
|
*/
|
|
54
54
|
async setFocus() {
|
|
55
55
|
this._textInput.setFocus();
|
|
56
56
|
}
|
|
57
57
|
/**
|
|
58
|
-
* Remove o foco
|
|
58
|
+
* Remove o foco do campo.
|
|
59
59
|
*/
|
|
60
60
|
async setBlur() {
|
|
61
61
|
this._textInput.setBlur();
|
|
62
62
|
}
|
|
63
63
|
/**
|
|
64
|
-
* Retorna
|
|
64
|
+
* Retorna se o conteúdo é inválido.
|
|
65
65
|
*/
|
|
66
66
|
async isInvalid() {
|
|
67
67
|
return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
|
|
@@ -213,7 +213,7 @@ export class EzDateTimeInput {
|
|
|
213
213
|
"optional": false,
|
|
214
214
|
"docs": {
|
|
215
215
|
"tags": [],
|
|
216
|
-
"text": "
|
|
216
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do campo."
|
|
217
217
|
},
|
|
218
218
|
"attribute": "label",
|
|
219
219
|
"reflect": true
|
|
@@ -234,7 +234,7 @@ export class EzDateTimeInput {
|
|
|
234
234
|
"optional": false,
|
|
235
235
|
"docs": {
|
|
236
236
|
"tags": [],
|
|
237
|
-
"text": "
|
|
237
|
+
"text": "Define o valor do campo."
|
|
238
238
|
}
|
|
239
239
|
},
|
|
240
240
|
"enabled": {
|
|
@@ -249,7 +249,7 @@ export class EzDateTimeInput {
|
|
|
249
249
|
"optional": false,
|
|
250
250
|
"docs": {
|
|
251
251
|
"tags": [],
|
|
252
|
-
"text": "
|
|
252
|
+
"text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
|
|
253
253
|
},
|
|
254
254
|
"attribute": "enabled",
|
|
255
255
|
"reflect": true,
|
|
@@ -267,7 +267,7 @@ export class EzDateTimeInput {
|
|
|
267
267
|
"optional": false,
|
|
268
268
|
"docs": {
|
|
269
269
|
"tags": [],
|
|
270
|
-
"text": "
|
|
270
|
+
"text": "Define uma mensagem de orienta\u00E7\u00E3o ao usu\u00E1rio, colocando o campo em modo inv\u00E1lido."
|
|
271
271
|
},
|
|
272
272
|
"attribute": "error-message",
|
|
273
273
|
"reflect": true
|
|
@@ -284,7 +284,7 @@ export class EzDateTimeInput {
|
|
|
284
284
|
"optional": false,
|
|
285
285
|
"docs": {
|
|
286
286
|
"tags": [],
|
|
287
|
-
"text": "
|
|
287
|
+
"text": "Se true considera segundos."
|
|
288
288
|
},
|
|
289
289
|
"attribute": "show-seconds",
|
|
290
290
|
"reflect": true,
|
|
@@ -294,15 +294,15 @@ export class EzDateTimeInput {
|
|
|
294
294
|
"type": "string",
|
|
295
295
|
"mutable": false,
|
|
296
296
|
"complexType": {
|
|
297
|
-
"original": "
|
|
298
|
-
"resolved": "
|
|
297
|
+
"original": "\"slim\" | \"regular\"",
|
|
298
|
+
"resolved": "\"regular\" | \"slim\"",
|
|
299
299
|
"references": {}
|
|
300
300
|
},
|
|
301
301
|
"required": false,
|
|
302
302
|
"optional": false,
|
|
303
303
|
"docs": {
|
|
304
304
|
"tags": [],
|
|
305
|
-
"text": "Define o
|
|
305
|
+
"text": "Define o tamanho do campo."
|
|
306
306
|
},
|
|
307
307
|
"attribute": "mode",
|
|
308
308
|
"reflect": true,
|
|
@@ -317,7 +317,7 @@ export class EzDateTimeInput {
|
|
|
317
317
|
"composed": true,
|
|
318
318
|
"docs": {
|
|
319
319
|
"tags": [],
|
|
320
|
-
"text": "
|
|
320
|
+
"text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
|
|
321
321
|
},
|
|
322
322
|
"complexType": {
|
|
323
323
|
"original": "Date",
|
|
@@ -336,7 +336,7 @@ export class EzDateTimeInput {
|
|
|
336
336
|
"composed": true,
|
|
337
337
|
"docs": {
|
|
338
338
|
"tags": [],
|
|
339
|
-
"text": "
|
|
339
|
+
"text": "Emitido ao iniciar a altera\u00E7\u00E3o (digita\u00E7\u00E3o incompleta)."
|
|
340
340
|
},
|
|
341
341
|
"complexType": {
|
|
342
342
|
"original": "WaitingChange",
|
|
@@ -356,7 +356,7 @@ export class EzDateTimeInput {
|
|
|
356
356
|
"composed": true,
|
|
357
357
|
"docs": {
|
|
358
358
|
"tags": [],
|
|
359
|
-
"text": "
|
|
359
|
+
"text": "Emitido quando n\u00E3o foi poss\u00EDvel completar a altera\u00E7\u00E3o entre o evento ezStartChange e ezChange."
|
|
360
360
|
},
|
|
361
361
|
"complexType": {
|
|
362
362
|
"original": "void",
|
|
@@ -377,7 +377,7 @@ export class EzDateTimeInput {
|
|
|
377
377
|
"return": "Promise<void>"
|
|
378
378
|
},
|
|
379
379
|
"docs": {
|
|
380
|
-
"text": "
|
|
380
|
+
"text": "Aplica o foco no campo.",
|
|
381
381
|
"tags": []
|
|
382
382
|
}
|
|
383
383
|
},
|
|
@@ -393,7 +393,7 @@ export class EzDateTimeInput {
|
|
|
393
393
|
"return": "Promise<void>"
|
|
394
394
|
},
|
|
395
395
|
"docs": {
|
|
396
|
-
"text": "Remove o foco
|
|
396
|
+
"text": "Remove o foco do campo.",
|
|
397
397
|
"tags": []
|
|
398
398
|
}
|
|
399
399
|
},
|
|
@@ -409,7 +409,7 @@ export class EzDateTimeInput {
|
|
|
409
409
|
"return": "Promise<boolean>"
|
|
410
410
|
},
|
|
411
411
|
"docs": {
|
|
412
|
-
"text": "Retorna
|
|
412
|
+
"text": "Retorna se o conte\u00FAdo \u00E9 inv\u00E1lido.",
|
|
413
413
|
"tags": []
|
|
414
414
|
}
|
|
415
415
|
}
|
|
@@ -19,19 +19,16 @@ export class EzDialog {
|
|
|
19
19
|
this.labelCancel = 'Não';
|
|
20
20
|
this.btnConfirmDanger = false;
|
|
21
21
|
/**
|
|
22
|
-
* Define se o
|
|
22
|
+
* Define se o ez-dialog será utilizado no modo de confirmação.
|
|
23
23
|
*/
|
|
24
24
|
this.confirm = false;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* Define se o ez-dialog está aberto.
|
|
27
27
|
*/
|
|
28
28
|
this.opened = false;
|
|
29
29
|
this._messageQueue = [];
|
|
30
30
|
}
|
|
31
|
-
|
|
32
|
-
* Lida com o clique nos botões de dentro do componente.
|
|
33
|
-
*/
|
|
34
|
-
async handleButtonClick(selectedOption) {
|
|
31
|
+
handleButtonClick(selectedOption) {
|
|
35
32
|
this.opened = this._messageQueue.length > 0;
|
|
36
33
|
if (this._currentMessage.callBack) {
|
|
37
34
|
this._currentMessage.callBack(selectedOption);
|
|
@@ -43,7 +40,7 @@ export class EzDialog {
|
|
|
43
40
|
forceUpdate(this);
|
|
44
41
|
}
|
|
45
42
|
/**
|
|
46
|
-
*
|
|
43
|
+
* Exibe o ez-dialog.
|
|
47
44
|
*/
|
|
48
45
|
async show(title, message, dialogType, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger) {
|
|
49
46
|
this.opened = true;
|
|
@@ -166,7 +163,7 @@ export class EzDialog {
|
|
|
166
163
|
"optional": false,
|
|
167
164
|
"docs": {
|
|
168
165
|
"tags": [],
|
|
169
|
-
"text": "Define se o
|
|
166
|
+
"text": "Define se o ez-dialog ser\u00E1 utilizado no modo de confirma\u00E7\u00E3o."
|
|
170
167
|
},
|
|
171
168
|
"attribute": "confirm",
|
|
172
169
|
"reflect": false,
|
|
@@ -189,7 +186,7 @@ export class EzDialog {
|
|
|
189
186
|
"optional": false,
|
|
190
187
|
"docs": {
|
|
191
188
|
"tags": [],
|
|
192
|
-
"text": "Define
|
|
189
|
+
"text": "Define apar\u00EAncia do ez-dialog."
|
|
193
190
|
},
|
|
194
191
|
"attribute": "dialog-type",
|
|
195
192
|
"reflect": false
|
|
@@ -206,7 +203,7 @@ export class EzDialog {
|
|
|
206
203
|
"optional": false,
|
|
207
204
|
"docs": {
|
|
208
205
|
"tags": [],
|
|
209
|
-
"text": "
|
|
206
|
+
"text": "Define a menssagem exibida no ez-dialog."
|
|
210
207
|
},
|
|
211
208
|
"attribute": "message",
|
|
212
209
|
"reflect": false
|
|
@@ -223,7 +220,7 @@ export class EzDialog {
|
|
|
223
220
|
"optional": false,
|
|
224
221
|
"docs": {
|
|
225
222
|
"tags": [],
|
|
226
|
-
"text": "
|
|
223
|
+
"text": "Define se o ez-dialog est\u00E1 aberto."
|
|
227
224
|
},
|
|
228
225
|
"attribute": "opened",
|
|
229
226
|
"reflect": true,
|
|
@@ -241,7 +238,7 @@ export class EzDialog {
|
|
|
241
238
|
"optional": false,
|
|
242
239
|
"docs": {
|
|
243
240
|
"tags": [],
|
|
244
|
-
"text": "Define o \u00EDcone a ser exibido
|
|
241
|
+
"text": "Define o \u00EDcone a ser exibido."
|
|
245
242
|
},
|
|
246
243
|
"attribute": "personalized-icon-path",
|
|
247
244
|
"reflect": false
|
|
@@ -258,7 +255,7 @@ export class EzDialog {
|
|
|
258
255
|
"optional": false,
|
|
259
256
|
"docs": {
|
|
260
257
|
"tags": [],
|
|
261
|
-
"text": "
|
|
258
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do campo."
|
|
262
259
|
},
|
|
263
260
|
"attribute": "ez-title",
|
|
264
261
|
"reflect": false
|
|
@@ -272,7 +269,7 @@ export class EzDialog {
|
|
|
272
269
|
"composed": true,
|
|
273
270
|
"docs": {
|
|
274
271
|
"tags": [],
|
|
275
|
-
"text": "
|
|
272
|
+
"text": "Emitido ao cancelar o ez-dialog."
|
|
276
273
|
},
|
|
277
274
|
"complexType": {
|
|
278
275
|
"original": "boolean",
|
|
@@ -287,7 +284,7 @@ export class EzDialog {
|
|
|
287
284
|
"composed": true,
|
|
288
285
|
"docs": {
|
|
289
286
|
"tags": [],
|
|
290
|
-
"text": "
|
|
287
|
+
"text": "Emitido ao confirmar o ez-dialog."
|
|
291
288
|
},
|
|
292
289
|
"complexType": {
|
|
293
290
|
"original": "boolean",
|
|
@@ -296,25 +293,6 @@ export class EzDialog {
|
|
|
296
293
|
}
|
|
297
294
|
}]; }
|
|
298
295
|
static get methods() { return {
|
|
299
|
-
"handleButtonClick": {
|
|
300
|
-
"complexType": {
|
|
301
|
-
"signature": "(selectedOption: boolean) => Promise<void>",
|
|
302
|
-
"parameters": [{
|
|
303
|
-
"tags": [],
|
|
304
|
-
"text": ""
|
|
305
|
-
}],
|
|
306
|
-
"references": {
|
|
307
|
-
"Promise": {
|
|
308
|
-
"location": "global"
|
|
309
|
-
}
|
|
310
|
-
},
|
|
311
|
-
"return": "Promise<void>"
|
|
312
|
-
},
|
|
313
|
-
"docs": {
|
|
314
|
-
"text": "Lida com o clique nos bot\u00F5es de dentro do componente.",
|
|
315
|
-
"tags": []
|
|
316
|
-
}
|
|
317
|
-
},
|
|
318
296
|
"show": {
|
|
319
297
|
"complexType": {
|
|
320
298
|
"signature": "(title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean) => Promise<boolean>",
|
|
@@ -355,7 +333,7 @@ export class EzDialog {
|
|
|
355
333
|
"return": "Promise<boolean>"
|
|
356
334
|
},
|
|
357
335
|
"docs": {
|
|
358
|
-
"text": "
|
|
336
|
+
"text": "Exibe o ez-dialog.",
|
|
359
337
|
"tags": []
|
|
360
338
|
}
|
|
361
339
|
}
|
|
@@ -4,11 +4,11 @@ import CSSVarsUtils from "../../utils/CSSVarsUtils";
|
|
|
4
4
|
export class EzFilterInput {
|
|
5
5
|
constructor() {
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Se false o usuário não pode interagir com o campo.
|
|
8
8
|
*/
|
|
9
9
|
this.enabled = true;
|
|
10
10
|
/**
|
|
11
|
-
* Define o
|
|
11
|
+
* Define o tamanho do campo.
|
|
12
12
|
*/
|
|
13
13
|
this.mode = "regular";
|
|
14
14
|
}
|
|
@@ -29,19 +29,19 @@ export class EzFilterInput {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* Aplica o foco no campo.
|
|
33
33
|
*/
|
|
34
34
|
async setFocus() {
|
|
35
35
|
this._textInput.setFocus();
|
|
36
36
|
}
|
|
37
37
|
/**
|
|
38
|
-
* Remove o foco
|
|
38
|
+
* Remove o foco do campo.
|
|
39
39
|
*/
|
|
40
40
|
async setBlur() {
|
|
41
41
|
this._textInput.setBlur();
|
|
42
42
|
}
|
|
43
43
|
/**
|
|
44
|
-
* Retorna
|
|
44
|
+
* Retorna se o conteúdo é inválido.
|
|
45
45
|
*/
|
|
46
46
|
async isInvalid() {
|
|
47
47
|
return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
|
|
@@ -58,7 +58,7 @@ export class EzFilterInput {
|
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
60
|
let elementId = ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
|
|
61
|
-
return (h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo(elementId, "textInput"), ref: elem => this._textInput = elem, label: this.label, onEzChange: evt => this.changeValue(evt), value: this.value, enabled: this.enabled, errorMessage: this.errorMessage, restrict: this.restrict,
|
|
61
|
+
return (h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo(elementId, "textInput"), ref: elem => this._textInput = elem, label: this.label, onEzChange: evt => this.changeValue(evt), value: this.value, enabled: this.enabled, errorMessage: this.errorMessage, restrict: this.restrict, mode: this.mode },
|
|
62
62
|
h("ez-icon", { slot: "leftIcon", iconName: "search" })));
|
|
63
63
|
}
|
|
64
64
|
static get is() { return "ez-filter-input"; }
|
|
@@ -82,7 +82,7 @@ export class EzFilterInput {
|
|
|
82
82
|
"optional": false,
|
|
83
83
|
"docs": {
|
|
84
84
|
"tags": [],
|
|
85
|
-
"text": "
|
|
85
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do campo."
|
|
86
86
|
},
|
|
87
87
|
"attribute": "label",
|
|
88
88
|
"reflect": false
|
|
@@ -99,7 +99,7 @@ export class EzFilterInput {
|
|
|
99
99
|
"optional": false,
|
|
100
100
|
"docs": {
|
|
101
101
|
"tags": [],
|
|
102
|
-
"text": "
|
|
102
|
+
"text": "Define o valor do campo."
|
|
103
103
|
},
|
|
104
104
|
"attribute": "value",
|
|
105
105
|
"reflect": true
|
|
@@ -116,29 +116,12 @@ export class EzFilterInput {
|
|
|
116
116
|
"optional": false,
|
|
117
117
|
"docs": {
|
|
118
118
|
"tags": [],
|
|
119
|
-
"text": "
|
|
119
|
+
"text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
|
|
120
120
|
},
|
|
121
121
|
"attribute": "enabled",
|
|
122
122
|
"reflect": false,
|
|
123
123
|
"defaultValue": "true"
|
|
124
124
|
},
|
|
125
|
-
"loading": {
|
|
126
|
-
"type": "boolean",
|
|
127
|
-
"mutable": false,
|
|
128
|
-
"complexType": {
|
|
129
|
-
"original": "boolean",
|
|
130
|
-
"resolved": "boolean",
|
|
131
|
-
"references": {}
|
|
132
|
-
},
|
|
133
|
-
"required": false,
|
|
134
|
-
"optional": false,
|
|
135
|
-
"docs": {
|
|
136
|
-
"tags": [],
|
|
137
|
-
"text": "Deixa o componente em modo \"carregando\"."
|
|
138
|
-
},
|
|
139
|
-
"attribute": "loading",
|
|
140
|
-
"reflect": true
|
|
141
|
-
},
|
|
142
125
|
"errorMessage": {
|
|
143
126
|
"type": "string",
|
|
144
127
|
"mutable": true,
|
|
@@ -151,7 +134,7 @@ export class EzFilterInput {
|
|
|
151
134
|
"optional": false,
|
|
152
135
|
"docs": {
|
|
153
136
|
"tags": [],
|
|
154
|
-
"text": "
|
|
137
|
+
"text": "Define uma mensagem de orienta\u00E7\u00E3o ao usu\u00E1rio, colocando o campo em modo inv\u00E1lido."
|
|
155
138
|
},
|
|
156
139
|
"attribute": "error-message",
|
|
157
140
|
"reflect": true
|
|
@@ -168,7 +151,7 @@ export class EzFilterInput {
|
|
|
168
151
|
"optional": false,
|
|
169
152
|
"docs": {
|
|
170
153
|
"tags": [],
|
|
171
|
-
"text": "Restringe o que o usu\u00E1rio pode digitar.
|
|
154
|
+
"text": "Restringe o que o usu\u00E1rio pode digitar."
|
|
172
155
|
},
|
|
173
156
|
"attribute": "restrict",
|
|
174
157
|
"reflect": false
|
|
@@ -177,15 +160,15 @@ export class EzFilterInput {
|
|
|
177
160
|
"type": "string",
|
|
178
161
|
"mutable": false,
|
|
179
162
|
"complexType": {
|
|
180
|
-
"original": "
|
|
181
|
-
"resolved": "
|
|
163
|
+
"original": "\"slim\" | \"regular\"",
|
|
164
|
+
"resolved": "\"regular\" | \"slim\"",
|
|
182
165
|
"references": {}
|
|
183
166
|
},
|
|
184
167
|
"required": false,
|
|
185
168
|
"optional": false,
|
|
186
169
|
"docs": {
|
|
187
170
|
"tags": [],
|
|
188
|
-
"text": "Define o
|
|
171
|
+
"text": "Define o tamanho do campo."
|
|
189
172
|
},
|
|
190
173
|
"attribute": "mode",
|
|
191
174
|
"reflect": true,
|
|
@@ -200,7 +183,7 @@ export class EzFilterInput {
|
|
|
200
183
|
"composed": true,
|
|
201
184
|
"docs": {
|
|
202
185
|
"tags": [],
|
|
203
|
-
"text": "
|
|
186
|
+
"text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
|
|
204
187
|
},
|
|
205
188
|
"complexType": {
|
|
206
189
|
"original": "string",
|
|
@@ -221,7 +204,7 @@ export class EzFilterInput {
|
|
|
221
204
|
"return": "Promise<void>"
|
|
222
205
|
},
|
|
223
206
|
"docs": {
|
|
224
|
-
"text": "
|
|
207
|
+
"text": "Aplica o foco no campo.",
|
|
225
208
|
"tags": []
|
|
226
209
|
}
|
|
227
210
|
},
|
|
@@ -237,7 +220,7 @@ export class EzFilterInput {
|
|
|
237
220
|
"return": "Promise<void>"
|
|
238
221
|
},
|
|
239
222
|
"docs": {
|
|
240
|
-
"text": "Remove o foco
|
|
223
|
+
"text": "Remove o foco do campo.",
|
|
241
224
|
"tags": []
|
|
242
225
|
}
|
|
243
226
|
},
|
|
@@ -253,7 +236,7 @@ export class EzFilterInput {
|
|
|
253
236
|
"return": "Promise<boolean>"
|
|
254
237
|
},
|
|
255
238
|
"docs": {
|
|
256
|
-
"text": "Retorna
|
|
239
|
+
"text": "Retorna se o conte\u00FAdo \u00E9 inv\u00E1lido.",
|
|
257
240
|
"tags": []
|
|
258
241
|
}
|
|
259
242
|
}
|
|
@@ -14,12 +14,9 @@ export class EzForm {
|
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
cancel() {
|
|
21
|
-
return Promise.resolve();
|
|
22
|
-
}
|
|
17
|
+
/**
|
|
18
|
+
* Realiza validação no conteúdo de todos os campos.
|
|
19
|
+
*/
|
|
23
20
|
validate() {
|
|
24
21
|
return new Promise((accept, reject) => {
|
|
25
22
|
var _a;
|
|
@@ -106,7 +103,7 @@ export class EzForm {
|
|
|
106
103
|
const idTabSelector = `${this._dataElementIdEzForm}_internal_tabSelector`;
|
|
107
104
|
result.push(h("ez-tabselector", { tabs: this.buildIdTabSelector(tabs), onEzChange: (evt) => this._store.dispatch(changeTab(evt.detail)), selectedTab: currentSheet.name, "data-element-id": idTabSelector }));
|
|
108
105
|
}
|
|
109
|
-
const idFormSheet = `${this._dataElementIdEzForm}_${StringUtils.toCamelCase(currentSheet.label)}`;
|
|
106
|
+
const idFormSheet = `${this._dataElementIdEzForm}_${StringUtils.replaceAccentuatedChars(StringUtils.toCamelCase(currentSheet.label), false)}`;
|
|
110
107
|
result.push(h(FormSheet, { store: this._store, source: currentSheet, dataElementId: idFormSheet }));
|
|
111
108
|
return result;
|
|
112
109
|
}
|
|
@@ -216,7 +213,7 @@ export class EzForm {
|
|
|
216
213
|
"optional": false,
|
|
217
214
|
"docs": {
|
|
218
215
|
"tags": [],
|
|
219
|
-
"text": "
|
|
216
|
+
"text": "Unidade de dados. Respons\u00E1vel pelo controle de edi\u00E7\u00E3o de registros e \ninforma\u00E7\u00F5es pertinentes aos campos."
|
|
220
217
|
}
|
|
221
218
|
},
|
|
222
219
|
"config": {
|
|
@@ -235,7 +232,7 @@ export class EzForm {
|
|
|
235
232
|
"optional": false,
|
|
236
233
|
"docs": {
|
|
237
234
|
"tags": [],
|
|
238
|
-
"text": "Configura\u00E7\u00E3o
|
|
235
|
+
"text": "Configura\u00E7\u00E3o do formul\u00E1rio."
|
|
239
236
|
}
|
|
240
237
|
},
|
|
241
238
|
"recordsValidator": {
|
|
@@ -254,7 +251,7 @@ export class EzForm {
|
|
|
254
251
|
"optional": false,
|
|
255
252
|
"docs": {
|
|
256
253
|
"tags": [],
|
|
257
|
-
"text": "
|
|
254
|
+
"text": "Define um validador respons\u00E1vel pela integridade dos registros."
|
|
258
255
|
}
|
|
259
256
|
}
|
|
260
257
|
}; }
|
|
@@ -275,38 +272,6 @@ export class EzForm {
|
|
|
275
272
|
}
|
|
276
273
|
}]; }
|
|
277
274
|
static get methods() { return {
|
|
278
|
-
"submit": {
|
|
279
|
-
"complexType": {
|
|
280
|
-
"signature": "() => Promise<void>",
|
|
281
|
-
"parameters": [],
|
|
282
|
-
"references": {
|
|
283
|
-
"Promise": {
|
|
284
|
-
"location": "global"
|
|
285
|
-
}
|
|
286
|
-
},
|
|
287
|
-
"return": "Promise<void>"
|
|
288
|
-
},
|
|
289
|
-
"docs": {
|
|
290
|
-
"text": "",
|
|
291
|
-
"tags": []
|
|
292
|
-
}
|
|
293
|
-
},
|
|
294
|
-
"cancel": {
|
|
295
|
-
"complexType": {
|
|
296
|
-
"signature": "() => Promise<void>",
|
|
297
|
-
"parameters": [],
|
|
298
|
-
"references": {
|
|
299
|
-
"Promise": {
|
|
300
|
-
"location": "global"
|
|
301
|
-
}
|
|
302
|
-
},
|
|
303
|
-
"return": "Promise<void>"
|
|
304
|
-
},
|
|
305
|
-
"docs": {
|
|
306
|
-
"text": "",
|
|
307
|
-
"tags": []
|
|
308
|
-
}
|
|
309
|
-
},
|
|
310
275
|
"validate": {
|
|
311
276
|
"complexType": {
|
|
312
277
|
"signature": "() => Promise<void>",
|
|
@@ -329,7 +294,7 @@ export class EzForm {
|
|
|
329
294
|
"return": "Promise<void>"
|
|
330
295
|
},
|
|
331
296
|
"docs": {
|
|
332
|
-
"text": "",
|
|
297
|
+
"text": "Realiza valida\u00E7\u00E3o no conte\u00FAdo de todos os campos.",
|
|
333
298
|
"tags": []
|
|
334
299
|
}
|
|
335
300
|
}
|
|
@@ -54,6 +54,7 @@ export default class AgGridController {
|
|
|
54
54
|
sortingOrder: ['desc', 'asc', null],
|
|
55
55
|
columnDefs: this._colDefs,
|
|
56
56
|
blockLoadDebounceMillis: this.BLOCK_LOAD_DEBOUNCE,
|
|
57
|
+
navigateToNextCell: this.navigateToNextCell.bind(this),
|
|
57
58
|
getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
|
|
58
59
|
getMainMenuItems: (params) => {
|
|
59
60
|
const column = params.column;
|
|
@@ -93,6 +94,45 @@ export default class AgGridController {
|
|
|
93
94
|
getRowHeight() {
|
|
94
95
|
return this.DEFAULT_ROW_HEIGHT;
|
|
95
96
|
}
|
|
97
|
+
navigateToNextCell(params) {
|
|
98
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
99
|
+
switch (params.key) {
|
|
100
|
+
case 'ArrowUp':
|
|
101
|
+
if (((_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.hasPrevious()) === false) {
|
|
102
|
+
return null;
|
|
103
|
+
}
|
|
104
|
+
this._gridOptions.api.deselectAll();
|
|
105
|
+
if (((_b = params.nextCellPosition) === null || _b === void 0 ? void 0 : _b.rowIndex) < 0) {
|
|
106
|
+
(_c = this._dataUnit) === null || _c === void 0 ? void 0 : _c.previousRecord();
|
|
107
|
+
return null;
|
|
108
|
+
}
|
|
109
|
+
else {
|
|
110
|
+
(_d = this._dataUnit) === null || _d === void 0 ? void 0 : _d.setSelectionByIndex([params.nextCellPosition.rowIndex]);
|
|
111
|
+
return params.nextCellPosition;
|
|
112
|
+
}
|
|
113
|
+
case 'ArrowDown':
|
|
114
|
+
if (((_e = this._dataUnit) === null || _e === void 0 ? void 0 : _e.hasNext()) === false) {
|
|
115
|
+
return null;
|
|
116
|
+
}
|
|
117
|
+
this._gridOptions.api.deselectAll();
|
|
118
|
+
if ((_f = params.nextCellPosition) === null || _f === void 0 ? void 0 : _f.rowIndex) {
|
|
119
|
+
(_g = this._dataUnit) === null || _g === void 0 ? void 0 : _g.setSelectionByIndex([params.nextCellPosition.rowIndex]);
|
|
120
|
+
}
|
|
121
|
+
else {
|
|
122
|
+
(_h = this._dataUnit) === null || _h === void 0 ? void 0 : _h.nextRecord();
|
|
123
|
+
}
|
|
124
|
+
return params.nextCellPosition;
|
|
125
|
+
case "ArrowLeft":
|
|
126
|
+
case "ArrowRight":
|
|
127
|
+
if (((_j = params.nextCellPosition) === null || _j === void 0 ? void 0 : _j.column.colDef.headerName) !== "") {
|
|
128
|
+
return params.nextCellPosition;
|
|
129
|
+
}
|
|
130
|
+
else {
|
|
131
|
+
return null;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
return null;
|
|
135
|
+
}
|
|
96
136
|
setOptionsEvents(opt) {
|
|
97
137
|
opt.onSortChanged = e => this.onCallStateChange("sort", e);
|
|
98
138
|
opt.onColumnResized = e => this.onCallStateChange("columnResize", e);
|
|
@@ -153,7 +193,14 @@ export default class AgGridController {
|
|
|
153
193
|
throw new Error("Erro interno: Grid ainda não inicializado.");
|
|
154
194
|
}
|
|
155
195
|
this._gridOptions.api.forEachNode(node => {
|
|
156
|
-
|
|
196
|
+
var _a;
|
|
197
|
+
if (rowIds && rowIds.includes(node.id)) {
|
|
198
|
+
node.setSelected(true);
|
|
199
|
+
(_a = this._gridOptions.api) === null || _a === void 0 ? void 0 : _a.ensureNodeVisible(node);
|
|
200
|
+
}
|
|
201
|
+
else {
|
|
202
|
+
node.setSelected(false);
|
|
203
|
+
}
|
|
157
204
|
});
|
|
158
205
|
const selectionHeader = this._gridOptions.context.selectionHeader;
|
|
159
206
|
if (selectionHeader) {
|
|
@@ -199,6 +246,21 @@ export default class AgGridController {
|
|
|
199
246
|
}
|
|
200
247
|
this._gridOptions.api.refreshServerSide({ purge: false });
|
|
201
248
|
}
|
|
249
|
+
setFocusFirstRow() {
|
|
250
|
+
const firstRow = this._gridOptions.api.getDisplayedRowAtIndex(0);
|
|
251
|
+
this.setFocusOnRow(firstRow.rowIndex);
|
|
252
|
+
}
|
|
253
|
+
setFocusLastRow() {
|
|
254
|
+
const lastRow = this._gridOptions.api.getDisplayedRowAtIndex(this._gridOptions.api.getLastDisplayedRow());
|
|
255
|
+
this.setFocusOnRow(lastRow.rowIndex);
|
|
256
|
+
}
|
|
257
|
+
setFocusOnRow(rowIndex) {
|
|
258
|
+
let displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
|
|
259
|
+
let firstCell = displayedColumns.find((column) => column.getColDef().headerName !== "");
|
|
260
|
+
this._gridOptions.api.ensureColumnVisible(firstCell);
|
|
261
|
+
this._gridOptions.api.ensureIndexVisible(rowIndex);
|
|
262
|
+
this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
|
|
263
|
+
}
|
|
202
264
|
setColumnsDef(cols) {
|
|
203
265
|
const newColDefs = [Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: "", checkboxSelection: true, width: 28, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, this._multipleSelection && { headerComponent: "ezGridHeaderComponent", headerClass: "ag-column-select-header" })];
|
|
204
266
|
if (this._statusResolver != undefined) {
|