@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.
Files changed (158) hide show
  1. package/README.md +1 -0
  2. package/dist/cjs/ez-actions-button.cjs.entry.js +12 -8
  3. package/dist/cjs/ez-button.cjs.entry.js +5 -5
  4. package/dist/cjs/ez-calendar.cjs.entry.js +10 -13
  5. package/dist/cjs/ez-check.cjs.entry.js +5 -8
  6. package/dist/cjs/ez-chip.cjs.entry.js +4 -4
  7. package/dist/cjs/ez-collapsible-box.cjs.entry.js +14 -14
  8. package/dist/cjs/ez-combo-box.cjs.entry.js +11 -11
  9. package/dist/cjs/ez-date-input.cjs.entry.js +5 -5
  10. package/dist/cjs/ez-date-time-input.cjs.entry.js +7 -7
  11. package/dist/cjs/ez-dialog.cjs.entry.js +4 -7
  12. package/dist/cjs/ez-filter-input.cjs.entry.js +6 -6
  13. package/dist/cjs/ez-form.cjs.entry.js +4 -7
  14. package/dist/cjs/ez-grid.cjs.entry.js +93 -19
  15. package/dist/cjs/ez-icon.cjs.entry.js +3 -3
  16. package/dist/cjs/ez-list.cjs.entry.js +71 -71
  17. package/dist/cjs/ez-loading-bar.cjs.entry.js +8 -4
  18. package/dist/cjs/ez-modal-container.cjs.entry.js +2 -2
  19. package/dist/cjs/ez-modal.cjs.entry.js +6 -6
  20. package/dist/cjs/ez-number-input.cjs.entry.js +5 -5
  21. package/dist/cjs/ez-popover.cjs.entry.js +8 -10
  22. package/dist/cjs/ez-popup.cjs.entry.js +4 -5
  23. package/dist/cjs/ez-radio-button.cjs.entry.js +3 -3
  24. package/dist/cjs/ez-scroller.cjs.entry.js +2 -7
  25. package/dist/cjs/ez-search.cjs.entry.js +13 -14
  26. package/dist/cjs/ez-text-area.cjs.entry.js +7 -7
  27. package/dist/cjs/ez-text-edit.cjs.entry.js +1 -1
  28. package/dist/cjs/ez-text-input.cjs.entry.js +7 -7
  29. package/dist/cjs/ez-time-input.cjs.entry.js +6 -6
  30. package/dist/cjs/ez-toast.cjs.entry.js +5 -5
  31. package/dist/cjs/ez-upload.cjs.entry.js +5 -5
  32. package/dist/cjs/ez-view-stack.cjs.entry.js +2 -2
  33. package/dist/cjs/ezui.cjs.js +1 -1
  34. package/dist/cjs/loader.cjs.js +1 -1
  35. package/dist/collection/components/ez-actions-button/ez-actions-button.js +27 -22
  36. package/dist/collection/components/ez-button/ez-button.js +15 -15
  37. package/dist/collection/components/ez-calendar/ez-calendar.js +18 -21
  38. package/dist/collection/components/ez-card-item/ez-card-item.js +2 -2
  39. package/dist/collection/components/ez-check/ez-check.js +28 -22
  40. package/dist/collection/components/ez-chip/ez-chip.js +15 -15
  41. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +28 -28
  42. package/dist/collection/components/ez-combo-box/ez-combo-box.js +42 -33
  43. package/dist/collection/components/ez-date-input/ez-date-input.js +18 -18
  44. package/dist/collection/components/ez-date-time-input/ez-date-time-input.js +21 -21
  45. package/dist/collection/components/ez-dialog/ez-dialog.js +13 -35
  46. package/dist/collection/components/ez-filter-input/ez-filter-input.js +18 -35
  47. package/dist/collection/components/ez-form/ez-form.js +8 -43
  48. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +63 -1
  49. package/dist/collection/components/ez-grid/ez-grid.js +57 -44
  50. package/dist/collection/components/ez-icon/ez-icon.js +11 -11
  51. package/dist/collection/components/ez-list/ez-list.js +112 -93
  52. package/dist/collection/components/ez-loading-bar/ez-loading-bar.js +10 -6
  53. package/dist/collection/components/ez-modal/ez-modal.js +14 -14
  54. package/dist/collection/components/ez-modal-container/ez-modal-container.js +16 -16
  55. package/dist/collection/components/ez-number-input/ez-number-input.js +20 -20
  56. package/dist/collection/components/ez-popover/ez-popover.js +22 -24
  57. package/dist/collection/components/ez-popup/ez-popup.js +16 -17
  58. package/dist/collection/components/ez-radio-button/ez-radio-button.js +8 -8
  59. package/dist/collection/components/ez-scroller/ez-scroller.js +6 -12
  60. package/dist/collection/components/ez-search/ez-search.js +42 -46
  61. package/dist/collection/components/ez-tabselector/ez-tabselector.js +2 -2
  62. package/dist/collection/components/ez-text-area/ez-text-area.js +20 -37
  63. package/dist/collection/components/ez-text-edit/ez-text-edit.js +6 -6
  64. package/dist/collection/components/ez-text-input/ez-text-input.js +21 -38
  65. package/dist/collection/components/ez-time-input/ez-time-input.js +20 -20
  66. package/dist/collection/components/ez-toast/ez-toast.js +12 -12
  67. package/dist/collection/components/ez-upload/ez-upload.js +14 -14
  68. package/dist/collection/components/ez-view-stack/ez-view-stack.js +4 -4
  69. package/dist/custom-elements/index.js +344 -283
  70. package/dist/esm/ez-actions-button.entry.js +12 -8
  71. package/dist/esm/ez-button.entry.js +5 -5
  72. package/dist/esm/ez-calendar.entry.js +10 -13
  73. package/dist/esm/ez-check.entry.js +5 -8
  74. package/dist/esm/ez-chip.entry.js +4 -4
  75. package/dist/esm/ez-collapsible-box.entry.js +14 -14
  76. package/dist/esm/ez-combo-box.entry.js +11 -11
  77. package/dist/esm/ez-date-input.entry.js +5 -5
  78. package/dist/esm/ez-date-time-input.entry.js +7 -7
  79. package/dist/esm/ez-dialog.entry.js +4 -7
  80. package/dist/esm/ez-filter-input.entry.js +6 -6
  81. package/dist/esm/ez-form.entry.js +4 -7
  82. package/dist/esm/ez-grid.entry.js +93 -19
  83. package/dist/esm/ez-icon.entry.js +3 -3
  84. package/dist/esm/ez-list.entry.js +71 -71
  85. package/dist/esm/ez-loading-bar.entry.js +8 -4
  86. package/dist/esm/ez-modal-container.entry.js +2 -2
  87. package/dist/esm/ez-modal.entry.js +6 -6
  88. package/dist/esm/ez-number-input.entry.js +5 -5
  89. package/dist/esm/ez-popover.entry.js +8 -10
  90. package/dist/esm/ez-popup.entry.js +4 -5
  91. package/dist/esm/ez-radio-button.entry.js +3 -3
  92. package/dist/esm/ez-scroller.entry.js +2 -7
  93. package/dist/esm/ez-search.entry.js +13 -14
  94. package/dist/esm/ez-text-area.entry.js +7 -7
  95. package/dist/esm/ez-text-edit.entry.js +1 -1
  96. package/dist/esm/ez-text-input.entry.js +7 -7
  97. package/dist/esm/ez-time-input.entry.js +6 -6
  98. package/dist/esm/ez-toast.entry.js +5 -5
  99. package/dist/esm/ez-upload.entry.js +5 -5
  100. package/dist/esm/ez-view-stack.entry.js +2 -2
  101. package/dist/esm/ezui.js +1 -1
  102. package/dist/esm/loader.js +1 -1
  103. package/dist/ezui/ezui.esm.js +1 -1
  104. package/dist/ezui/p-1214c5ce.entry.js +1 -0
  105. package/dist/ezui/{p-77b7b623.entry.js → p-19a38745.entry.js} +1 -1
  106. package/dist/ezui/p-2af9fe67.entry.js +1 -0
  107. package/dist/ezui/p-642c530f.entry.js +1 -0
  108. package/dist/ezui/p-96265e26.entry.js +1 -0
  109. package/dist/ezui/p-b47eb5d4.entry.js +1 -0
  110. package/dist/ezui/{p-855f99f8.entry.js → p-ccbe8272.entry.js} +1 -1
  111. package/dist/ezui/p-e60e7308.entry.js +1 -0
  112. package/dist/ezui/p-ede1328a.entry.js +1 -0
  113. package/dist/ezui/p-f6111077.entry.js +1 -0
  114. package/dist/types/components/ez-actions-button/ez-actions-button.d.ts +15 -14
  115. package/dist/types/components/ez-button/ez-button.d.ts +10 -10
  116. package/dist/types/components/ez-calendar/ez-calendar.d.ts +11 -14
  117. package/dist/types/components/ez-card-item/ez-card-item.d.ts +7 -0
  118. package/dist/types/components/ez-check/ez-check.d.ts +11 -13
  119. package/dist/types/components/ez-chip/ez-chip.d.ts +15 -14
  120. package/dist/types/components/ez-collapsible-box/ez-collapsible-box.d.ts +25 -25
  121. package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +21 -20
  122. package/dist/types/components/ez-date-input/ez-date-input.d.ts +16 -17
  123. package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts +18 -19
  124. package/dist/types/components/ez-dialog/ez-dialog.d.ts +13 -16
  125. package/dist/types/components/ez-filter-input/ez-filter-input.d.ts +12 -17
  126. package/dist/types/components/ez-form/ez-form.d.ts +7 -5
  127. package/dist/types/components/ez-grid/controller/EzGridController.d.ts +10 -2
  128. package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +4 -0
  129. package/dist/types/components/ez-grid/ez-grid.d.ts +38 -39
  130. package/dist/types/components/ez-icon/ez-icon.d.ts +4 -4
  131. package/dist/types/components/ez-list/ez-list.d.ts +29 -32
  132. package/dist/types/components/ez-loading-bar/ez-loading-bar.d.ts +6 -0
  133. package/dist/types/components/ez-modal/ez-modal.d.ts +15 -15
  134. package/dist/types/components/ez-modal-container/ez-modal-container.d.ts +10 -10
  135. package/dist/types/components/ez-number-input/ez-number-input.d.ts +18 -24
  136. package/dist/types/components/ez-popover/ez-popover.d.ts +13 -16
  137. package/dist/types/components/ez-popup/ez-popup.d.ts +12 -13
  138. package/dist/types/components/ez-radio-button/ez-radio-button.d.ts +8 -8
  139. package/dist/types/components/ez-scroller/ez-scroller.d.ts +3 -4
  140. package/dist/types/components/ez-search/ez-search.d.ts +27 -31
  141. package/dist/types/components/ez-tabselector/ez-tabselector.d.ts +4 -7
  142. package/dist/types/components/ez-text-area/ez-text-area.d.ts +12 -16
  143. package/dist/types/components/ez-text-edit/ez-text-edit.d.ts +5 -5
  144. package/dist/types/components/ez-text-input/ez-text-input.d.ts +14 -19
  145. package/dist/types/components/ez-time-input/ez-time-input.d.ts +16 -17
  146. package/dist/types/components/ez-toast/ez-toast.d.ts +7 -7
  147. package/dist/types/components/ez-upload/ez-upload.d.ts +11 -12
  148. package/dist/types/components/ez-view-stack/ez-view-stack.d.ts +2 -2
  149. package/dist/types/components.d.ts +514 -529
  150. package/package.json +2 -2
  151. package/dist/ezui/p-0fb5f4be.entry.js +0 -1
  152. package/dist/ezui/p-1ba371a3.entry.js +0 -1
  153. package/dist/ezui/p-42c6493e.entry.js +0 -1
  154. package/dist/ezui/p-6700360e.entry.js +0 -1
  155. package/dist/ezui/p-8c2105a5.entry.js +0 -1
  156. package/dist/ezui/p-cba61296.entry.js +0 -1
  157. package/dist/ezui/p-ed2135a5.entry.js +0 -1
  158. 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
- * Deixa o campo disponível ou não para uso.
8
+ * Se false o usuário não pode interagir com o campo.
9
9
  */
10
10
  this.enabled = true;
11
11
  /**
12
- * Exibe ou não os segundos no input
13
- */
12
+ * Se true considera segundos.
13
+ */
14
14
  this.showSeconds = false;
15
15
  /**
16
- * Define o modo do tamanho do campo; opções: slim e regular.
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
- * Realiza o foco no componente de datetime
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 no componente de datetime
58
+ * Remove o foco do campo.
59
59
  */
60
60
  async setBlur() {
61
61
  this._textInput.setBlur();
62
62
  }
63
63
  /**
64
- * Retorna informando se o campo está inválido (true | false)
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": "T\u00EDtulo do campo"
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": "A data informada pelo usu\u00E1rio"
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": "Deixa o campo dispon\u00EDvel ou n\u00E3o para uso."
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": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
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": "Exibe ou n\u00E3o os segundos no input"
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": "string",
298
- "resolved": "string",
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 modo do tamanho do campo; op\u00E7\u00F5es: slim e regular."
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": "Evento disparado ao mudar o estado do componente(onEzChange)."
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": "Evento emitido ao iniciar a altera\u00E7\u00E3o (remover ou adicionar um arquivo)."
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": "Entre o evento ezStartChange e ezChange, se por algum motivo n\u00E3o foi poss\u00EDvel\ncompletar a altera\u00E7\u00E3o, esse evento \u00E9 disparado."
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": "Realiza o foco no componente de datetime",
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 no componente de datetime",
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 informando se o campo est\u00E1 inv\u00E1lido (true | false)",
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 componente será utilizado no modo de confirmação.
22
+ * Define se o ez-dialog será utilizado no modo de confirmação.
23
23
  */
24
24
  this.confirm = false;
25
25
  /**
26
- * Controla a exibição do componente
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
- * Faz com que o componente seja exibido.
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 componente ser\u00E1 utilizado no modo de confirma\u00E7\u00E3o."
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 se o componente ter\u00E1 o visual padr\u00E3o, de erro ou de aviso"
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": "Menssagem exibida dentro do Dialog"
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": "Controla a exibi\u00E7\u00E3o do componente"
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 ao lado do t\u00EDtulo do componente"
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": "Define o t\u00EDtulo do componente."
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": "Evento disparado ao clicar tanto no bot\u00E3o de nega\u00E7\u00E3o quanto no X."
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": "Evento disparado ao clicar no bot\u00E3o de aceita\u00E7\u00E3o."
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": "Faz com que o componente seja exibido.",
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
- * Deixa o campo disponível ou não para uso.
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 modo do tamanho do campo; opções: slim e regular.
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
- * Realiza o foco no componente de input
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 no componente de input
38
+ * Remove o foco do campo.
39
39
  */
40
40
  async setBlur() {
41
41
  this._textInput.setBlur();
42
42
  }
43
43
  /**
44
- * Retorna informando se o campo está inválido (true | false)
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, loading: this.loading, mode: this.mode },
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": "T\u00EDtulo do campo"
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": "O valor informado pelo usu\u00E1rio"
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": "Deixa o campo dispon\u00EDvel ou n\u00E3o para uso."
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": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
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. Cada caractere digitado ser\u00E1 testado\ne deve estar contido nessa string ou ser\u00E1 descartado."
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": "string",
181
- "resolved": "string",
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 modo do tamanho do campo; op\u00E7\u00F5es: slim e regular."
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": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
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": "Realiza o foco no componente de input",
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 no componente de input",
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 informando se o campo est\u00E1 inv\u00E1lido (true | false)",
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
- submit() {
18
- return Promise.resolve();
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": "Reposit\u00F3rio de dados, controla a manipula\u00E7\u00E3o dos dados"
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 dos campos."
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": "Validador respons\u00E1vel por checar a integridade das informa\u00E7\u00F5es do registro"
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
- node.setSelected(rowIds && rowIds.includes(node.id));
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) {