@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
|
@@ -9,28 +9,25 @@ export class EzCalendar {
|
|
|
9
9
|
this._hoursLabel = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"];
|
|
10
10
|
this._minutosLabel = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59"];
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Define o valor do calendário.
|
|
13
13
|
*/
|
|
14
14
|
this.value = new Date();
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
17
|
-
* quando o método show() for acionado.
|
|
16
|
+
* Define se a exibição do ez-calendar será feita pelos métodos `show()` e `hide()`.
|
|
18
17
|
*/
|
|
19
18
|
this.floating = false;
|
|
20
19
|
/**
|
|
21
|
-
*
|
|
20
|
+
* Se true a data considera horas e minutos.
|
|
22
21
|
*/
|
|
23
22
|
this.time = false;
|
|
24
23
|
/**
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
* Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`.
|
|
25
|
+
*/
|
|
27
26
|
this.showSeconds = false;
|
|
28
27
|
}
|
|
29
28
|
/**
|
|
30
|
-
*
|
|
31
|
-
* É possível determinar
|
|
32
|
-
* top, left, bottom e right. Esses parâmetros devem ser informados como
|
|
33
|
-
* strings no formato css.
|
|
29
|
+
* Exibe o ez-calendar em uma posição determinada.
|
|
30
|
+
* É possível determinar o posicionamento através dos parâmetros, no formato css.
|
|
34
31
|
*/
|
|
35
32
|
async show(top, left, bottom, right) {
|
|
36
33
|
if (this.floating) {
|
|
@@ -42,8 +39,8 @@ export class EzCalendar {
|
|
|
42
39
|
}
|
|
43
40
|
}
|
|
44
41
|
/**
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
* Ajusta o posicionamento do ez-calendar conforme a disponibilidade de espaço.
|
|
43
|
+
*/
|
|
47
44
|
async fitVertical(topOffset, bottomOffset) {
|
|
48
45
|
const neededHeight = this._container.getBoundingClientRect().bottom + this._calendarHeight;
|
|
49
46
|
const availableBottom = (window.innerHeight || document.documentElement.clientHeight) > neededHeight;
|
|
@@ -55,7 +52,7 @@ export class EzCalendar {
|
|
|
55
52
|
}
|
|
56
53
|
}
|
|
57
54
|
/**
|
|
58
|
-
*
|
|
55
|
+
* Oculta o ez-calendar.
|
|
59
56
|
*/
|
|
60
57
|
async hide() {
|
|
61
58
|
if (this._floatingID !== undefined) {
|
|
@@ -261,7 +258,7 @@ export class EzCalendar {
|
|
|
261
258
|
"optional": false,
|
|
262
259
|
"docs": {
|
|
263
260
|
"tags": [],
|
|
264
|
-
"text": "
|
|
261
|
+
"text": "Define o valor do calend\u00E1rio."
|
|
265
262
|
},
|
|
266
263
|
"defaultValue": "new Date()"
|
|
267
264
|
},
|
|
@@ -277,7 +274,7 @@ export class EzCalendar {
|
|
|
277
274
|
"optional": false,
|
|
278
275
|
"docs": {
|
|
279
276
|
"tags": [],
|
|
280
|
-
"text": "
|
|
277
|
+
"text": "Define se a exibi\u00E7\u00E3o do ez-calendar ser\u00E1 feita pelos m\u00E9todos `show()` e `hide()`."
|
|
281
278
|
},
|
|
282
279
|
"attribute": "floating",
|
|
283
280
|
"reflect": true,
|
|
@@ -295,7 +292,7 @@ export class EzCalendar {
|
|
|
295
292
|
"optional": false,
|
|
296
293
|
"docs": {
|
|
297
294
|
"tags": [],
|
|
298
|
-
"text": "
|
|
295
|
+
"text": "Se true a data considera horas e minutos."
|
|
299
296
|
},
|
|
300
297
|
"attribute": "time",
|
|
301
298
|
"reflect": true,
|
|
@@ -313,7 +310,7 @@ export class EzCalendar {
|
|
|
313
310
|
"optional": false,
|
|
314
311
|
"docs": {
|
|
315
312
|
"tags": [],
|
|
316
|
-
"text": "
|
|
313
|
+
"text": "Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`."
|
|
317
314
|
},
|
|
318
315
|
"attribute": "show-seconds",
|
|
319
316
|
"reflect": true,
|
|
@@ -328,7 +325,7 @@ export class EzCalendar {
|
|
|
328
325
|
"composed": true,
|
|
329
326
|
"docs": {
|
|
330
327
|
"tags": [],
|
|
331
|
-
"text": "
|
|
328
|
+
"text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do calend\u00E1rio."
|
|
332
329
|
},
|
|
333
330
|
"complexType": {
|
|
334
331
|
"original": "Date",
|
|
@@ -365,7 +362,7 @@ export class EzCalendar {
|
|
|
365
362
|
"return": "Promise<void>"
|
|
366
363
|
},
|
|
367
364
|
"docs": {
|
|
368
|
-
"text": "
|
|
365
|
+
"text": "Exibe o ez-calendar em uma posi\u00E7\u00E3o determinada.\n\u00C9 poss\u00EDvel determinar o posicionamento atrav\u00E9s dos par\u00E2metros, no formato css.",
|
|
369
366
|
"tags": []
|
|
370
367
|
}
|
|
371
368
|
},
|
|
@@ -387,7 +384,7 @@ export class EzCalendar {
|
|
|
387
384
|
"return": "Promise<void>"
|
|
388
385
|
},
|
|
389
386
|
"docs": {
|
|
390
|
-
"text": "
|
|
387
|
+
"text": "Ajusta o posicionamento do ez-calendar conforme a disponibilidade de espa\u00E7o.",
|
|
391
388
|
"tags": []
|
|
392
389
|
}
|
|
393
390
|
},
|
|
@@ -403,7 +400,7 @@ export class EzCalendar {
|
|
|
403
400
|
"return": "Promise<void>"
|
|
404
401
|
},
|
|
405
402
|
"docs": {
|
|
406
|
-
"text": "
|
|
403
|
+
"text": "Oculta o ez-calendar.",
|
|
407
404
|
"tags": []
|
|
408
405
|
}
|
|
409
406
|
}
|
|
@@ -67,7 +67,7 @@ export class EzCardItem {
|
|
|
67
67
|
"optional": false,
|
|
68
68
|
"docs": {
|
|
69
69
|
"tags": [],
|
|
70
|
-
"text": ""
|
|
70
|
+
"text": "Determina o conte\u00FAdo do card. Deve conter um objeto no formato:\n`{title: string, key: string, details: any}`."
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
}; }
|
|
@@ -79,7 +79,7 @@ export class EzCardItem {
|
|
|
79
79
|
"composed": true,
|
|
80
80
|
"docs": {
|
|
81
81
|
"tags": [],
|
|
82
|
-
"text": ""
|
|
82
|
+
"text": "Emitido sempre que o ez-card \u00E9 clicado."
|
|
83
83
|
},
|
|
84
84
|
"complexType": {
|
|
85
85
|
"original": "CardItem",
|
|
@@ -4,14 +4,11 @@ import { CheckMode } from './CheckMode';
|
|
|
4
4
|
export class EzCheck {
|
|
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
|
-
*
|
|
12
|
-
* Se esta propriedade for omitida, o componete assume o formato "regular".
|
|
13
|
-
* No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada.
|
|
14
|
-
* No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
|
|
11
|
+
* Define o modo de visualização do ez-check.
|
|
15
12
|
*/
|
|
16
13
|
this.mode = CheckMode.REGULAR;
|
|
17
14
|
}
|
|
@@ -19,13 +16,13 @@ export class EzCheck {
|
|
|
19
16
|
// Public methods
|
|
20
17
|
//---------------------------------------------
|
|
21
18
|
/**
|
|
22
|
-
*
|
|
19
|
+
* Obtém o modo escolhido.
|
|
23
20
|
*/
|
|
24
21
|
async getMode() {
|
|
25
|
-
return this.mode;
|
|
22
|
+
return CheckMode[this.mode];
|
|
26
23
|
}
|
|
27
24
|
/**
|
|
28
|
-
*
|
|
25
|
+
* Aplica o foco no campo.
|
|
29
26
|
*/
|
|
30
27
|
async setFocus() {
|
|
31
28
|
this._inputElem.focus();
|
|
@@ -82,7 +79,7 @@ export class EzCheck {
|
|
|
82
79
|
"optional": false,
|
|
83
80
|
"docs": {
|
|
84
81
|
"tags": [],
|
|
85
|
-
"text": "
|
|
82
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do campo."
|
|
86
83
|
},
|
|
87
84
|
"attribute": "label",
|
|
88
85
|
"reflect": true
|
|
@@ -99,7 +96,7 @@ export class EzCheck {
|
|
|
99
96
|
"optional": false,
|
|
100
97
|
"docs": {
|
|
101
98
|
"tags": [],
|
|
102
|
-
"text": "
|
|
99
|
+
"text": "Define o valor do campo."
|
|
103
100
|
},
|
|
104
101
|
"attribute": "value",
|
|
105
102
|
"reflect": true
|
|
@@ -116,7 +113,7 @@ export class EzCheck {
|
|
|
116
113
|
"optional": false,
|
|
117
114
|
"docs": {
|
|
118
115
|
"tags": [],
|
|
119
|
-
"text": "
|
|
116
|
+
"text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
|
|
120
117
|
},
|
|
121
118
|
"attribute": "enabled",
|
|
122
119
|
"reflect": true,
|
|
@@ -134,24 +131,29 @@ export class EzCheck {
|
|
|
134
131
|
"optional": false,
|
|
135
132
|
"docs": {
|
|
136
133
|
"tags": [],
|
|
137
|
-
"text": "
|
|
134
|
+
"text": "Se true ativa o estado indeterminado, nem marcado nem desmarcado (n\u00E3o dispon\u00EDvel em modo `switch`)."
|
|
138
135
|
},
|
|
139
136
|
"attribute": "indeterminate",
|
|
140
|
-
"reflect":
|
|
137
|
+
"reflect": true
|
|
141
138
|
},
|
|
142
139
|
"mode": {
|
|
143
140
|
"type": "string",
|
|
144
141
|
"mutable": false,
|
|
145
142
|
"complexType": {
|
|
146
|
-
"original": "
|
|
147
|
-
"resolved": "
|
|
148
|
-
"references": {
|
|
143
|
+
"original": "CheckMode",
|
|
144
|
+
"resolved": "CheckMode.REGULAR | CheckMode.SWITCH",
|
|
145
|
+
"references": {
|
|
146
|
+
"CheckMode": {
|
|
147
|
+
"location": "import",
|
|
148
|
+
"path": "./CheckMode"
|
|
149
|
+
}
|
|
150
|
+
}
|
|
149
151
|
},
|
|
150
152
|
"required": false,
|
|
151
153
|
"optional": false,
|
|
152
154
|
"docs": {
|
|
153
155
|
"tags": [],
|
|
154
|
-
"text": "
|
|
156
|
+
"text": "Define o modo de visualiza\u00E7\u00E3o do ez-check."
|
|
155
157
|
},
|
|
156
158
|
"attribute": "mode",
|
|
157
159
|
"reflect": true,
|
|
@@ -166,7 +168,7 @@ export class EzCheck {
|
|
|
166
168
|
"composed": true,
|
|
167
169
|
"docs": {
|
|
168
170
|
"tags": [],
|
|
169
|
-
"text": "
|
|
171
|
+
"text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
|
|
170
172
|
},
|
|
171
173
|
"complexType": {
|
|
172
174
|
"original": "any",
|
|
@@ -177,17 +179,21 @@ export class EzCheck {
|
|
|
177
179
|
static get methods() { return {
|
|
178
180
|
"getMode": {
|
|
179
181
|
"complexType": {
|
|
180
|
-
"signature": "() => Promise<
|
|
182
|
+
"signature": "() => Promise<CheckMode>",
|
|
181
183
|
"parameters": [],
|
|
182
184
|
"references": {
|
|
183
185
|
"Promise": {
|
|
184
186
|
"location": "global"
|
|
187
|
+
},
|
|
188
|
+
"CheckMode": {
|
|
189
|
+
"location": "import",
|
|
190
|
+
"path": "./CheckMode"
|
|
185
191
|
}
|
|
186
192
|
},
|
|
187
|
-
"return": "Promise<
|
|
193
|
+
"return": "Promise<CheckMode>"
|
|
188
194
|
},
|
|
189
195
|
"docs": {
|
|
190
|
-
"text": "
|
|
196
|
+
"text": "Obt\u00E9m o modo escolhido.",
|
|
191
197
|
"tags": []
|
|
192
198
|
}
|
|
193
199
|
},
|
|
@@ -203,7 +209,7 @@ export class EzCheck {
|
|
|
203
209
|
"return": "Promise<void>"
|
|
204
210
|
},
|
|
205
211
|
"docs": {
|
|
206
|
-
"text": "
|
|
212
|
+
"text": "Aplica o foco no campo.",
|
|
207
213
|
"tags": []
|
|
208
214
|
}
|
|
209
215
|
}
|
|
@@ -3,11 +3,11 @@ import { ElementIDUtils } from '@sankhyalabs/core';
|
|
|
3
3
|
export class EzChip {
|
|
4
4
|
constructor() {
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Se false o usuário não pode interagir com o ez-chip.
|
|
7
7
|
*/
|
|
8
8
|
this.enabled = true;
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Define o valor do ez-chip.
|
|
11
11
|
*/
|
|
12
12
|
this.value = false;
|
|
13
13
|
}
|
|
@@ -15,13 +15,13 @@ export class EzChip {
|
|
|
15
15
|
// Public methods
|
|
16
16
|
//---------------------------------------------
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Aplica o foco no ez-chip.
|
|
19
19
|
*/
|
|
20
20
|
async setFocus() {
|
|
21
21
|
this._labelElem.focus();
|
|
22
22
|
}
|
|
23
23
|
/**
|
|
24
|
-
* Remove o foco
|
|
24
|
+
* Remove o foco do ez-chip.
|
|
25
25
|
*/
|
|
26
26
|
async setBlur() {
|
|
27
27
|
this._labelElem.blur();
|
|
@@ -118,7 +118,7 @@ export class EzChip {
|
|
|
118
118
|
"optional": false,
|
|
119
119
|
"docs": {
|
|
120
120
|
"tags": [],
|
|
121
|
-
"text": "
|
|
121
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do ez-chip."
|
|
122
122
|
},
|
|
123
123
|
"attribute": "label",
|
|
124
124
|
"reflect": true
|
|
@@ -135,7 +135,7 @@ export class EzChip {
|
|
|
135
135
|
"optional": false,
|
|
136
136
|
"docs": {
|
|
137
137
|
"tags": [],
|
|
138
|
-
"text": "
|
|
138
|
+
"text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o ez-chip."
|
|
139
139
|
},
|
|
140
140
|
"attribute": "enabled",
|
|
141
141
|
"reflect": true,
|
|
@@ -145,7 +145,7 @@ export class EzChip {
|
|
|
145
145
|
"type": "string",
|
|
146
146
|
"mutable": false,
|
|
147
147
|
"complexType": {
|
|
148
|
-
"original": "\"left\" | \"right\"",
|
|
148
|
+
"original": "\"left\" | \"right\" | undefined",
|
|
149
149
|
"resolved": "\"left\" | \"right\"",
|
|
150
150
|
"references": {}
|
|
151
151
|
},
|
|
@@ -153,7 +153,7 @@ export class EzChip {
|
|
|
153
153
|
"optional": false,
|
|
154
154
|
"docs": {
|
|
155
155
|
"tags": [],
|
|
156
|
-
"text": "
|
|
156
|
+
"text": "Determina o posicionamento do bot\u00E3o de remover (n\u00E3o dispon\u00EDvel no modo `action`). \nSe n\u00E3o informado, n\u00E3o exibe o bot\u00E3o."
|
|
157
157
|
},
|
|
158
158
|
"attribute": "remove-position",
|
|
159
159
|
"reflect": true
|
|
@@ -170,7 +170,7 @@ export class EzChip {
|
|
|
170
170
|
"optional": false,
|
|
171
171
|
"docs": {
|
|
172
172
|
"tags": [],
|
|
173
|
-
"text": "Define o modo de uso do
|
|
173
|
+
"text": "Define o modo de uso do ez-chip."
|
|
174
174
|
},
|
|
175
175
|
"attribute": "mode",
|
|
176
176
|
"reflect": true
|
|
@@ -187,7 +187,7 @@ export class EzChip {
|
|
|
187
187
|
"optional": false,
|
|
188
188
|
"docs": {
|
|
189
189
|
"tags": [],
|
|
190
|
-
"text": "
|
|
190
|
+
"text": "Define o valor do ez-chip."
|
|
191
191
|
},
|
|
192
192
|
"attribute": "value",
|
|
193
193
|
"reflect": true,
|
|
@@ -202,7 +202,7 @@ export class EzChip {
|
|
|
202
202
|
"composed": true,
|
|
203
203
|
"docs": {
|
|
204
204
|
"tags": [],
|
|
205
|
-
"text": "
|
|
205
|
+
"text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do ez-chip."
|
|
206
206
|
},
|
|
207
207
|
"complexType": {
|
|
208
208
|
"original": "boolean",
|
|
@@ -217,7 +217,7 @@ export class EzChip {
|
|
|
217
217
|
"composed": true,
|
|
218
218
|
"docs": {
|
|
219
219
|
"tags": [],
|
|
220
|
-
"text": "
|
|
220
|
+
"text": "Emitido quando o bot\u00E3o de remo\u00E7\u00E3o \u00E9 acionado."
|
|
221
221
|
},
|
|
222
222
|
"complexType": {
|
|
223
223
|
"original": "void",
|
|
@@ -232,7 +232,7 @@ export class EzChip {
|
|
|
232
232
|
"composed": true,
|
|
233
233
|
"docs": {
|
|
234
234
|
"tags": [],
|
|
235
|
-
"text": "
|
|
235
|
+
"text": "Emitido no modo \"action\" quando o usu\u00E1rio clica no ez-chip."
|
|
236
236
|
},
|
|
237
237
|
"complexType": {
|
|
238
238
|
"original": "void",
|
|
@@ -253,7 +253,7 @@ export class EzChip {
|
|
|
253
253
|
"return": "Promise<void>"
|
|
254
254
|
},
|
|
255
255
|
"docs": {
|
|
256
|
-
"text": "
|
|
256
|
+
"text": "Aplica o foco no ez-chip.",
|
|
257
257
|
"tags": []
|
|
258
258
|
}
|
|
259
259
|
},
|
|
@@ -269,7 +269,7 @@ export class EzChip {
|
|
|
269
269
|
"return": "Promise<void>"
|
|
270
270
|
},
|
|
271
271
|
"docs": {
|
|
272
|
-
"text": "Remove o foco
|
|
272
|
+
"text": "Remove o foco do ez-chip.",
|
|
273
273
|
"tags": []
|
|
274
274
|
}
|
|
275
275
|
}
|
|
@@ -5,45 +5,45 @@ export class EzCollapsibleBox {
|
|
|
5
5
|
constructor() {
|
|
6
6
|
this._activeEditText = false;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Define o valor do componente.
|
|
9
9
|
*/
|
|
10
10
|
this.value = false;
|
|
11
11
|
/**
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
* Define o tamanho do texto e do ícone.
|
|
13
|
+
*/
|
|
14
14
|
this.headerSize = "small";
|
|
15
15
|
/**
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
* Define o posicionamento do ícone.
|
|
17
|
+
*/
|
|
18
18
|
this.iconPlacement = "left";
|
|
19
19
|
/**
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
* Se true o título irá ocupar toda a largura do componente.
|
|
21
|
+
*/
|
|
22
22
|
this.stretchTitle = false;
|
|
23
23
|
/**
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
* Se true mostra o ícone para remoção do componente.
|
|
25
|
+
*/
|
|
26
26
|
this.removable = false;
|
|
27
27
|
/**
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
* Se true mostra o ícone para edição do componente.
|
|
29
|
+
*/
|
|
30
30
|
this.editable = false;
|
|
31
31
|
}
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Oculta/mostra o conteúdo do ez-collapsible-box.
|
|
34
34
|
*/
|
|
35
35
|
async showHide() {
|
|
36
36
|
this.value = !this.value;
|
|
37
37
|
}
|
|
38
38
|
/**
|
|
39
|
-
* Aplica
|
|
39
|
+
* Aplica o foco no campo de edição de título.
|
|
40
40
|
*/
|
|
41
41
|
async applyFocusTextEdit() {
|
|
42
42
|
var _a;
|
|
43
43
|
(_a = this._refTextEdit) === null || _a === void 0 ? void 0 : _a.applyFocusSelect();
|
|
44
44
|
}
|
|
45
45
|
/**
|
|
46
|
-
*
|
|
46
|
+
* Cancela a edição de título.
|
|
47
47
|
*/
|
|
48
48
|
async cancelEdition() {
|
|
49
49
|
this._activeEditText = false;
|
|
@@ -149,7 +149,7 @@ export class EzCollapsibleBox {
|
|
|
149
149
|
"optional": false,
|
|
150
150
|
"docs": {
|
|
151
151
|
"tags": [],
|
|
152
|
-
"text": "
|
|
152
|
+
"text": "Define o valor do componente."
|
|
153
153
|
},
|
|
154
154
|
"attribute": "value",
|
|
155
155
|
"reflect": true,
|
|
@@ -167,7 +167,7 @@ export class EzCollapsibleBox {
|
|
|
167
167
|
"optional": false,
|
|
168
168
|
"docs": {
|
|
169
169
|
"tags": [],
|
|
170
|
-
"text": "
|
|
170
|
+
"text": "Texto a ser apresentado como t\u00EDtulo do componente."
|
|
171
171
|
},
|
|
172
172
|
"attribute": "label",
|
|
173
173
|
"reflect": true
|
|
@@ -184,7 +184,7 @@ export class EzCollapsibleBox {
|
|
|
184
184
|
"optional": false,
|
|
185
185
|
"docs": {
|
|
186
186
|
"tags": [],
|
|
187
|
-
"text": "Define o tamanho do texto e do \u00EDcone
|
|
187
|
+
"text": "Define o tamanho do texto e do \u00EDcone."
|
|
188
188
|
},
|
|
189
189
|
"attribute": "header-size",
|
|
190
190
|
"reflect": true,
|
|
@@ -202,7 +202,7 @@ export class EzCollapsibleBox {
|
|
|
202
202
|
"optional": false,
|
|
203
203
|
"docs": {
|
|
204
204
|
"tags": [],
|
|
205
|
-
"text": "Define o
|
|
205
|
+
"text": "Define o posicionamento do \u00EDcone."
|
|
206
206
|
},
|
|
207
207
|
"attribute": "icon-placement",
|
|
208
208
|
"reflect": true,
|
|
@@ -220,7 +220,7 @@ export class EzCollapsibleBox {
|
|
|
220
220
|
"optional": false,
|
|
221
221
|
"docs": {
|
|
222
222
|
"tags": [],
|
|
223
|
-
"text": "
|
|
223
|
+
"text": "Se true o t\u00EDtulo ir\u00E1 ocupar toda a largura do componente."
|
|
224
224
|
},
|
|
225
225
|
"attribute": "stretch-title",
|
|
226
226
|
"reflect": true,
|
|
@@ -238,7 +238,7 @@ export class EzCollapsibleBox {
|
|
|
238
238
|
"optional": false,
|
|
239
239
|
"docs": {
|
|
240
240
|
"tags": [],
|
|
241
|
-
"text": "
|
|
241
|
+
"text": "Se true mostra o \u00EDcone para remo\u00E7\u00E3o do componente."
|
|
242
242
|
},
|
|
243
243
|
"attribute": "removable",
|
|
244
244
|
"reflect": true,
|
|
@@ -256,7 +256,7 @@ export class EzCollapsibleBox {
|
|
|
256
256
|
"optional": false,
|
|
257
257
|
"docs": {
|
|
258
258
|
"tags": [],
|
|
259
|
-
"text": "
|
|
259
|
+
"text": "Se true mostra o \u00EDcone para edi\u00E7\u00E3o do componente."
|
|
260
260
|
},
|
|
261
261
|
"attribute": "editable",
|
|
262
262
|
"reflect": true,
|
|
@@ -293,7 +293,7 @@ export class EzCollapsibleBox {
|
|
|
293
293
|
"composed": true,
|
|
294
294
|
"docs": {
|
|
295
295
|
"tags": [],
|
|
296
|
-
"text": "
|
|
296
|
+
"text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do componente."
|
|
297
297
|
},
|
|
298
298
|
"complexType": {
|
|
299
299
|
"original": "boolean",
|
|
@@ -308,7 +308,7 @@ export class EzCollapsibleBox {
|
|
|
308
308
|
"composed": true,
|
|
309
309
|
"docs": {
|
|
310
310
|
"tags": [],
|
|
311
|
-
"text": "
|
|
311
|
+
"text": "Emitido ao remover o componente (onEzRemove)."
|
|
312
312
|
},
|
|
313
313
|
"complexType": {
|
|
314
314
|
"original": "EzCollapsibleBox",
|
|
@@ -327,7 +327,7 @@ export class EzCollapsibleBox {
|
|
|
327
327
|
"composed": true,
|
|
328
328
|
"docs": {
|
|
329
329
|
"tags": [],
|
|
330
|
-
"text": "
|
|
330
|
+
"text": "Emitido ao concluir edi\u00E7\u00E3o da label (onEzSaveEditLabel)."
|
|
331
331
|
},
|
|
332
332
|
"complexType": {
|
|
333
333
|
"original": "CustomEvent",
|
|
@@ -346,7 +346,7 @@ export class EzCollapsibleBox {
|
|
|
346
346
|
"composed": true,
|
|
347
347
|
"docs": {
|
|
348
348
|
"tags": [],
|
|
349
|
-
"text": "
|
|
349
|
+
"text": "Emitido quando o modo de edi\u00E7\u00E3o da label for aberto e fechado (onEzEditLabelMode)."
|
|
350
350
|
},
|
|
351
351
|
"complexType": {
|
|
352
352
|
"original": "boolean",
|
|
@@ -367,7 +367,7 @@ export class EzCollapsibleBox {
|
|
|
367
367
|
"return": "Promise<void>"
|
|
368
368
|
},
|
|
369
369
|
"docs": {
|
|
370
|
-
"text": "
|
|
370
|
+
"text": "Oculta/mostra o conte\u00FAdo do ez-collapsible-box.",
|
|
371
371
|
"tags": []
|
|
372
372
|
}
|
|
373
373
|
},
|
|
@@ -383,7 +383,7 @@ export class EzCollapsibleBox {
|
|
|
383
383
|
"return": "Promise<void>"
|
|
384
384
|
},
|
|
385
385
|
"docs": {
|
|
386
|
-
"text": "Aplica
|
|
386
|
+
"text": "Aplica o foco no campo de edi\u00E7\u00E3o de t\u00EDtulo.",
|
|
387
387
|
"tags": []
|
|
388
388
|
}
|
|
389
389
|
},
|
|
@@ -399,7 +399,7 @@ export class EzCollapsibleBox {
|
|
|
399
399
|
"return": "Promise<void>"
|
|
400
400
|
},
|
|
401
401
|
"docs": {
|
|
402
|
-
"text": "
|
|
402
|
+
"text": "Cancela a edi\u00E7\u00E3o de t\u00EDtulo.",
|
|
403
403
|
"tags": []
|
|
404
404
|
}
|
|
405
405
|
}
|