@sankhyalabs/ezui 1.1.69 → 1.1.72

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 (81) hide show
  1. package/dist/assets/actions-sprite.svg +257 -0
  2. package/dist/cjs/CSSVarsUtils-f8827674.js +18 -0
  3. package/dist/cjs/ez-action-chip.cjs.entry.js +1 -1
  4. package/dist/cjs/ez-button_16.cjs.entry.js +101 -97
  5. package/dist/cjs/ez-dialog.cjs.entry.js +5 -2
  6. package/dist/cjs/ez-label-chip.cjs.entry.js +1 -1
  7. package/dist/cjs/ez-modal.cjs.entry.js +16 -69
  8. package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
  9. package/dist/cjs/ez-popover.cjs.entry.js +14 -15
  10. package/dist/cjs/ez-popup.cjs.entry.js +2 -2
  11. package/dist/cjs/ez-time-input.cjs.entry.js +7 -70
  12. package/dist/cjs/ez-toast.cjs.entry.js +1 -1
  13. package/dist/cjs/ezui.cjs.js +2 -2
  14. package/dist/cjs/{index-0f668cc5.js → index-bb6cdd1a.js} +5 -0
  15. package/dist/cjs/loader.cjs.js +2 -2
  16. package/dist/collection/components/assets/actions-sprite.svg +257 -0
  17. package/dist/collection/components/ez-button/ez-button.css +8 -4
  18. package/dist/collection/components/ez-button/ez-button.js +5 -2
  19. package/dist/collection/components/ez-combo-box/ez-combo-box.css +46 -44
  20. package/dist/collection/components/ez-combo-box/ez-combo-box.js +34 -35
  21. package/dist/collection/components/ez-date-input/ez-date-input.css +0 -9
  22. package/dist/collection/components/ez-date-input/ez-date-input.js +5 -1
  23. package/dist/collection/components/ez-dialog/ez-dialog.css +43 -43
  24. package/dist/collection/components/ez-dialog/ez-dialog.js +5 -2
  25. package/dist/collection/components/ez-form/subcomponents/structure/FormSheet.js +1 -1
  26. package/dist/collection/components/ez-modal/ez-modal.js +27 -80
  27. package/dist/collection/components/ez-popover/ez-popover.css +4 -5
  28. package/dist/collection/components/ez-popover/ez-popover.js +25 -26
  29. package/dist/collection/components/ez-popup/ez-popup.css +5 -5
  30. package/dist/collection/components/ez-popup/ez-popup.js +1 -1
  31. package/dist/collection/components/ez-search/ez-search.js +1 -1
  32. package/dist/collection/components/ez-tabselector/ez-tabselector.css +7 -10
  33. package/dist/collection/components/ez-tabselector/ez-tabselector.js +67 -69
  34. package/dist/collection/components/ez-time-input/ez-time-input.css +0 -168
  35. package/dist/collection/components/ez-time-input/ez-time-input.js +8 -75
  36. package/dist/collection/utils/CSSVarsUtils.js +14 -0
  37. package/dist/custom-elements/index.js +157 -254
  38. package/dist/esm/CSSVarsUtils-e0128b01.js +16 -0
  39. package/dist/esm/ez-action-chip.entry.js +1 -1
  40. package/dist/esm/ez-button_16.entry.js +101 -97
  41. package/dist/esm/ez-dialog.entry.js +5 -2
  42. package/dist/esm/ez-label-chip.entry.js +1 -1
  43. package/dist/esm/ez-modal.entry.js +16 -69
  44. package/dist/esm/ez-number-input.entry.js +1 -1
  45. package/dist/esm/ez-popover.entry.js +14 -15
  46. package/dist/esm/ez-popup.entry.js +2 -2
  47. package/dist/esm/ez-time-input.entry.js +7 -70
  48. package/dist/esm/ez-toast.entry.js +1 -1
  49. package/dist/esm/ezui.js +2 -2
  50. package/dist/esm/{index-89fc9bfd.js → index-989e6e7d.js} +5 -1
  51. package/dist/esm/loader.js +2 -2
  52. package/dist/ezui/ezui.esm.js +1 -1
  53. package/dist/ezui/{p-762ac7a0.js → p-384f89f7.js} +1 -1
  54. package/dist/ezui/p-55003571.entry.js +1 -0
  55. package/dist/ezui/p-5c5ba099.entry.js +1 -0
  56. package/dist/ezui/p-65ea9879.entry.js +1 -0
  57. package/dist/ezui/{p-9702db61.entry.js → p-889030b3.entry.js} +1 -1
  58. package/dist/ezui/{p-8d547517.entry.js → p-8b945611.entry.js} +1 -1
  59. package/dist/ezui/p-a6a87bc5.entry.js +1 -0
  60. package/dist/ezui/p-d01bcce1.entry.js +1 -0
  61. package/dist/ezui/p-d1889704.js +1 -0
  62. package/dist/ezui/{p-74e4415e.entry.js → p-e2533df1.entry.js} +1 -1
  63. package/dist/ezui/p-edcc9e6f.entry.js +1 -0
  64. package/dist/ezui/{p-1c33a56d.entry.js → p-f8f92f68.entry.js} +1 -1
  65. package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +5 -5
  66. package/dist/types/components/ez-date-input/ez-date-input.d.ts +1 -0
  67. package/dist/types/components/ez-dialog/ez-dialog.d.ts +4 -1
  68. package/dist/types/components/ez-modal/ez-modal.d.ts +7 -7
  69. package/dist/types/components/ez-popover/ez-popover.d.ts +4 -5
  70. package/dist/types/components/ez-popup/ez-popup.d.ts +1 -1
  71. package/dist/types/components/ez-tabselector/ez-tabselector.d.ts +19 -10
  72. package/dist/types/components/ez-time-input/ez-time-input.d.ts +1 -8
  73. package/dist/types/components.d.ts +56 -35
  74. package/dist/types/utils/CSSVarsUtils.d.ts +4 -0
  75. package/package.json +1 -1
  76. package/dist/ezui/p-169d99a1.entry.js +0 -1
  77. package/dist/ezui/p-7c7dbfcb.entry.js +0 -1
  78. package/dist/ezui/p-8c8f1c00.entry.js +0 -1
  79. package/dist/ezui/p-d185d7e8.entry.js +0 -1
  80. package/dist/ezui/p-ee5058c1.entry.js +0 -1
  81. package/dist/ezui/p-f7d7fb7f.entry.js +0 -1
@@ -1,4 +1,4 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
2
  export declare class EzPopover {
3
3
  private _container;
4
4
  private _box;
@@ -9,7 +9,7 @@ export declare class EzPopover {
9
9
  * No modo floating = false o popover só se tornará visível
10
10
  * quando o método show() for acionado.
11
11
  */
12
- autoclose: boolean;
12
+ autoClose: boolean;
13
13
  /**
14
14
  * Offset top do popover em relação ao componente pai
15
15
  */
@@ -30,11 +30,11 @@ export declare class EzPopover {
30
30
  * Ajusta o comportamento da largura do popover.
31
31
  * Opções: "100% e "fit-content" (default)
32
32
  */
33
- boxwidth: string;
33
+ boxWidth: string;
34
34
  /**
35
35
  * Externaliza estado atual do componente.
36
36
  */
37
- isOpened: boolean;
37
+ opened: boolean;
38
38
  /**
39
39
  * Evento disparado ao exibir/ocultar o componente.
40
40
  */
@@ -46,7 +46,6 @@ export declare class EzPopover {
46
46
  updatePosition(top?: string, left?: string, bottom?: string, right?: string): Promise<void>;
47
47
  /**
48
48
  * Faz com que o popover seja renderizado na DOM.
49
- *
50
49
  */
51
50
  show(top?: string, left?: string, bottom?: string, right?: string): Promise<void>;
52
51
  /**
@@ -1,4 +1,4 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
2
  export declare class EzPopup {
3
3
  sizeClasses: {
4
4
  "x-small": string;
@@ -1,4 +1,4 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
2
  export declare class EzTabselector {
3
3
  private _hostElem;
4
4
  private _scrollContainer;
@@ -7,15 +7,24 @@ export declare class EzTabselector {
7
7
  private _startHidden;
8
8
  private _endHidden;
9
9
  private _processedTabs;
10
- private foucusedindex;
11
- private _scrollCallBackTeste;
12
- selectedindex: string;
13
- selectedtab: string;
10
+ private focusedIndex;
11
+ private _scrollCallBackTest;
12
+ /**
13
+ * Define o index da aba selecionada.
14
+ */
15
+ selectedIndex: string;
16
+ /**
17
+ * Define a aba selecionada.
18
+ */
19
+ selectedTab: string;
20
+ /**
21
+ * Define o nome das abas do componente, separadas por vírgulas ",".
22
+ */
14
23
  tabs: string;
15
24
  /**
16
- * Evento emitido ao clicar para abrir o popup (onChange).
17
- */
18
- change: EventEmitter<string>;
25
+ * Evento emitido ao clicar para abrir o popup (onChange).
26
+ */
27
+ ezChange: EventEmitter<string>;
19
28
  handleTabClick(tab: string, index: number): void;
20
29
  componentWillRender(): void;
21
30
  handleSlotChange(ev: Event): void;
@@ -28,7 +37,7 @@ export declare class EzTabselector {
28
37
  setFocusedTab(index: string): void;
29
38
  _textMesurement: HTMLCanvasElement;
30
39
  getTextWidth(text: string): string;
31
- setFoucusedParam: (ev: KeyboardEvent) => void;
32
- setFoucusedBtn(visible: boolean, paramater: string): void;
40
+ setFocusedParam: (ev: KeyboardEvent) => void;
41
+ setFocusedBtn(visible: boolean, parameter: string): void;
33
42
  render(): any;
34
43
  }
@@ -1,8 +1,6 @@
1
1
  export declare class EzTimeInput {
2
+ private _elem;
2
3
  private _inputElem;
3
- private _labelElem;
4
- private _iconElement;
5
- private _messageBoxElem;
6
4
  private _maskFormatter;
7
5
  /**
8
6
  * Título do campo
@@ -28,9 +26,7 @@ export declare class EzTimeInput {
28
26
  * Define se o componente irá ou não considerar os segundos
29
27
  */
30
28
  showSeconds: boolean;
31
- showError(): void;
32
29
  prepareMask(): void;
33
- adjustFloatingLabel(): void;
34
30
  onValueChanged(): void;
35
31
  /**
36
32
  * Faz o foco no componente de input
@@ -40,13 +36,10 @@ export declare class EzTimeInput {
40
36
  * Remove o foco no componente de input
41
37
  */
42
38
  setBlur(): Promise<void>;
43
- setInputElemnt(input: HTMLInputElement): void;
44
39
  handleFocusout(): void;
45
40
  prepareValue(value: string): void;
46
41
  clearField(): void;
47
42
  handleChange(): void;
48
- adjustIconStyle(): void;
49
- doFocus(): void;
50
43
  componentDidLoad(): void;
51
44
  componentWillLoad(): void;
52
45
  render(): any;
@@ -122,20 +122,20 @@ export namespace Components {
122
122
  /**
123
123
  * Função responsável por carregar as opções dinamicamente
124
124
  */
125
- "optionloader": Function;
125
+ "optionLoader": Function;
126
126
  /**
127
127
  * Array no formato "{value: string, label: string}" que alimenta as opções do Combobox
128
128
  */
129
129
  "options": Array<Option>;
130
- "searchmode": boolean;
130
+ "searchMode": boolean;
131
131
  /**
132
132
  * Ajusta a opção de mostrar o "value" para cada opção. Por padrão não mostra
133
133
  */
134
- "showoptionvalue": boolean;
134
+ "showOptionValue": boolean;
135
135
  /**
136
136
  * Ajusta a opção de mostrar o "value" ao selecionar uma opção. Por padrão não mostra.
137
137
  */
138
- "showselectedvalue": boolean;
138
+ "showSelectedValue": boolean;
139
139
  /**
140
140
  * Valor selecionado no campo
141
141
  */
@@ -172,6 +172,9 @@ export namespace Components {
172
172
  * Define o título do componente.
173
173
  */
174
174
  "ezTitle": string;
175
+ /**
176
+ * Lida com o clique nos botões de dentro do componente.
177
+ */
175
178
  "handleButtonClick": (selectedOption: boolean) => Promise<void>;
176
179
  /**
177
180
  * Menssagem exibida dentro do Dialog
@@ -243,25 +246,25 @@ export namespace Components {
243
246
  }
244
247
  interface EzModal {
245
248
  /**
246
- * Define o alinhamento do modal. Seus valores podem ser 'right' ou 'left'
249
+ * Define o alinhamento do modal. Seus valores podem ser "right" ou "left"
247
250
  */
248
251
  "align": string;
249
252
  /**
250
253
  * Define se o modal será fechado ao clicar ESC
251
254
  */
252
- "closeesc": boolean;
255
+ "closeEsc": boolean;
253
256
  /**
254
257
  * Define se o modal será fechado ao clicar fora do conteúdo.
255
258
  */
256
- "closeoutsideclick": boolean;
259
+ "closeOutsideClick": boolean;
257
260
  /**
258
261
  * Define o tamanho do modal. Devem ser utilizados os tamanhos definidos de colunas como "col-sd-3"
259
262
  */
260
- "modalsize": string;
263
+ "modalSize": string;
261
264
  /**
262
265
  * Controle de exibição do Modal
263
266
  */
264
- "oppened": boolean;
267
+ "opened": boolean;
265
268
  }
266
269
  interface EzNumberInput {
267
270
  /**
@@ -343,7 +346,7 @@ export namespace Components {
343
346
  /**
344
347
  * No modo floating = false o popover só se tornará visível quando o método show() for acionado.
345
348
  */
346
- "autoclose": boolean;
349
+ "autoClose": boolean;
347
350
  /**
348
351
  * Offset bottom do popover em relação ao componente pai
349
352
  */
@@ -351,19 +354,19 @@ export namespace Components {
351
354
  /**
352
355
  * Ajusta o comportamento da largura do popover. Opções: "100% e "fit-content" (default)
353
356
  */
354
- "boxwidth": string;
357
+ "boxWidth": string;
355
358
  /**
356
359
  * Usado no modo floating. Faz com que o componente seja ocultado.
357
360
  */
358
361
  "hide": () => Promise<void>;
359
- /**
360
- * Externaliza estado atual do componente.
361
- */
362
- "isOpened": boolean;
363
362
  /**
364
363
  * Offset left do popover em relação ao componente pai
365
364
  */
366
365
  "left": string;
366
+ /**
367
+ * Externaliza estado atual do componente.
368
+ */
369
+ "opened": boolean;
367
370
  /**
368
371
  * Offset right do popover em relação ao componente pai
369
372
  */
@@ -430,8 +433,17 @@ export namespace Components {
430
433
  "value": Option|string;
431
434
  }
432
435
  interface EzTabselector {
433
- "selectedindex": string;
434
- "selectedtab": string;
436
+ /**
437
+ * Define o index da aba selecionada.
438
+ */
439
+ "selectedIndex": string;
440
+ /**
441
+ * Define a aba selecionada.
442
+ */
443
+ "selectedTab": string;
444
+ /**
445
+ * Define o nome das abas do componente, separadas por vírgulas ",".
446
+ */
435
447
  "tabs": string;
436
448
  }
437
449
  interface EzTextArea {
@@ -891,20 +903,20 @@ declare namespace LocalJSX {
891
903
  /**
892
904
  * Função responsável por carregar as opções dinamicamente
893
905
  */
894
- "optionloader"?: Function;
906
+ "optionLoader"?: Function;
895
907
  /**
896
908
  * Array no formato "{value: string, label: string}" que alimenta as opções do Combobox
897
909
  */
898
910
  "options"?: Array<Option>;
899
- "searchmode"?: boolean;
911
+ "searchMode"?: boolean;
900
912
  /**
901
913
  * Ajusta a opção de mostrar o "value" para cada opção. Por padrão não mostra
902
914
  */
903
- "showoptionvalue"?: boolean;
915
+ "showOptionValue"?: boolean;
904
916
  /**
905
917
  * Ajusta a opção de mostrar o "value" ao selecionar uma opção. Por padrão não mostra.
906
918
  */
907
- "showselectedvalue"?: boolean;
919
+ "showSelectedValue"?: boolean;
908
920
  /**
909
921
  * Valor selecionado no campo
910
922
  */
@@ -1016,21 +1028,21 @@ declare namespace LocalJSX {
1016
1028
  }
1017
1029
  interface EzModal {
1018
1030
  /**
1019
- * Define o alinhamento do modal. Seus valores podem ser 'right' ou 'left'
1031
+ * Define o alinhamento do modal. Seus valores podem ser "right" ou "left"
1020
1032
  */
1021
1033
  "align"?: string;
1022
1034
  /**
1023
1035
  * Define se o modal será fechado ao clicar ESC
1024
1036
  */
1025
- "closeesc"?: boolean;
1037
+ "closeEsc"?: boolean;
1026
1038
  /**
1027
1039
  * Define se o modal será fechado ao clicar fora do conteúdo.
1028
1040
  */
1029
- "closeoutsideclick"?: boolean;
1041
+ "closeOutsideClick"?: boolean;
1030
1042
  /**
1031
1043
  * Define o tamanho do modal. Devem ser utilizados os tamanhos definidos de colunas como "col-sd-3"
1032
1044
  */
1033
- "modalsize"?: string;
1045
+ "modalSize"?: string;
1034
1046
  /**
1035
1047
  * Um evento disparado quando o modal é fechado (onEzCloseModal).
1036
1048
  */
@@ -1038,7 +1050,7 @@ declare namespace LocalJSX {
1038
1050
  /**
1039
1051
  * Controle de exibição do Modal
1040
1052
  */
1041
- "oppened"?: boolean;
1053
+ "opened"?: boolean;
1042
1054
  }
1043
1055
  interface EzNumberInput {
1044
1056
  /**
@@ -1116,7 +1128,7 @@ declare namespace LocalJSX {
1116
1128
  /**
1117
1129
  * No modo floating = false o popover só se tornará visível quando o método show() for acionado.
1118
1130
  */
1119
- "autoclose"?: boolean;
1131
+ "autoClose"?: boolean;
1120
1132
  /**
1121
1133
  * Offset bottom do popover em relação ao componente pai
1122
1134
  */
@@ -1124,11 +1136,7 @@ declare namespace LocalJSX {
1124
1136
  /**
1125
1137
  * Ajusta o comportamento da largura do popover. Opções: "100% e "fit-content" (default)
1126
1138
  */
1127
- "boxwidth"?: string;
1128
- /**
1129
- * Externaliza estado atual do componente.
1130
- */
1131
- "isOpened"?: boolean;
1139
+ "boxWidth"?: string;
1132
1140
  /**
1133
1141
  * Offset left do popover em relação ao componente pai
1134
1142
  */
@@ -1137,6 +1145,10 @@ declare namespace LocalJSX {
1137
1145
  * Evento disparado ao exibir/ocultar o componente.
1138
1146
  */
1139
1147
  "onEzVisibilityChange"?: (event: CustomEvent<boolean>) => void;
1148
+ /**
1149
+ * Externaliza estado atual do componente.
1150
+ */
1151
+ "opened"?: boolean;
1140
1152
  /**
1141
1153
  * Offset right do popover em relação ao componente pai
1142
1154
  */
@@ -1210,9 +1222,18 @@ declare namespace LocalJSX {
1210
1222
  /**
1211
1223
  * Evento emitido ao clicar para abrir o popup (onChange).
1212
1224
  */
1213
- "onChange"?: (event: CustomEvent<string>) => void;
1214
- "selectedindex"?: string;
1215
- "selectedtab"?: string;
1225
+ "onEzChange"?: (event: CustomEvent<string>) => void;
1226
+ /**
1227
+ * Define o index da aba selecionada.
1228
+ */
1229
+ "selectedIndex"?: string;
1230
+ /**
1231
+ * Define a aba selecionada.
1232
+ */
1233
+ "selectedTab"?: string;
1234
+ /**
1235
+ * Define o nome das abas do componente, separadas por vírgulas ",".
1236
+ */
1216
1237
  "tabs"?: string;
1217
1238
  }
1218
1239
  interface EzTextArea {
@@ -0,0 +1,4 @@
1
+ export default class CSSVarsUtils {
2
+ static applyVarsTextInput(host: HTMLElement, textInput: HTMLEzTextInputElement): void;
3
+ private static applyIfExists;
4
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui",
3
- "version": "1.1.69",
3
+ "version": "1.1.72",
4
4
  "description": "Biblioteca de componentes Sankhya.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/custom-elements/index.js",