@sankhyalabs/ezui 6.4.0-dev.2 → 6.4.0-dev.3

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 (160) hide show
  1. package/dist/cjs/{ApplicationUtils-6a76ac09.js → ApplicationUtils-e920876b.js} +1 -1
  2. package/dist/cjs/{app-globals-0a67e214.js → app-globals-cc9fa51a.js} +1 -1
  3. package/dist/cjs/ez-actions-button.cjs.entry.js +2 -2
  4. package/dist/cjs/ez-alert-list.cjs.entry.js +1 -1
  5. package/dist/cjs/ez-avatar.cjs.entry.js +1 -1
  6. package/dist/cjs/ez-calendar.cjs.entry.js +1 -1
  7. package/dist/cjs/{ez-card-item_2.cjs.entry.js → ez-card-item.cjs.entry.js} +0 -205
  8. package/dist/cjs/ez-classic-combo-box.cjs.entry.js +324 -0
  9. package/dist/cjs/ez-classic-input.cjs.entry.js +26 -9
  10. package/dist/cjs/ez-collapsible-box.cjs.entry.js +2 -2
  11. package/dist/cjs/ez-combo-box-list_4.cjs.entry.js +2 -2
  12. package/dist/cjs/ez-combo-box.cjs.entry.js +2 -2
  13. package/dist/cjs/ez-date-input.cjs.entry.js +1 -1
  14. package/dist/cjs/ez-date-time-input.cjs.entry.js +1 -1
  15. package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
  16. package/dist/cjs/ez-double-list.cjs.entry.js +1 -1
  17. package/dist/cjs/ez-file-item.cjs.entry.js +1 -1
  18. package/dist/cjs/ez-form-view.cjs.entry.js +1 -1
  19. package/dist/cjs/ez-form.cjs.entry.js +3 -3
  20. package/dist/cjs/ez-grid.cjs.entry.js +3 -3
  21. package/dist/cjs/ez-guide-navigator.cjs.entry.js +1 -1
  22. package/dist/cjs/ez-link-builder_6.cjs.entry.js +1 -1
  23. package/dist/cjs/ez-list.cjs.entry.js +1 -1
  24. package/dist/cjs/ez-modal-container.cjs.entry.js +1 -1
  25. package/dist/cjs/ez-modal.cjs.entry.js +1 -1
  26. package/dist/cjs/ez-multi-selection-list.cjs.entry.js +2 -2
  27. package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
  28. package/dist/cjs/ez-popover-core.cjs.entry.js +211 -0
  29. package/dist/cjs/ez-search-plus.cjs.entry.js +2 -2
  30. package/dist/cjs/ez-search-result-list.cjs.entry.js +1 -1
  31. package/dist/cjs/ez-search.cjs.entry.js +2 -2
  32. package/dist/cjs/ez-sidebar-navigator.cjs.entry.js +1 -1
  33. package/dist/cjs/ez-skeleton.cjs.entry.js +1 -1
  34. package/dist/cjs/ez-sortable-list.cjs.entry.js +1 -1
  35. package/dist/cjs/ez-split-button.cjs.entry.js +1 -1
  36. package/dist/cjs/ez-split-item.cjs.entry.js +2 -2
  37. package/dist/cjs/ez-time-input.cjs.entry.js +1 -1
  38. package/dist/cjs/ez-tree.cjs.entry.js +1 -1
  39. package/dist/cjs/ez-upload.cjs.entry.js +2 -2
  40. package/dist/cjs/ezui.cjs.js +3 -3
  41. package/dist/cjs/filter-column.cjs.entry.js +1 -1
  42. package/dist/cjs/index-a7b0c73d.js +12 -4
  43. package/dist/cjs/{index-425b1f67.js → index-a8b00749.js} +12 -0
  44. package/dist/cjs/loader.cjs.js +3 -3
  45. package/dist/cjs/{search-column-78dd20d5.js → search-column-ac3e37a1.js} +2 -2
  46. package/dist/collection/collection-manifest.json +1 -0
  47. package/dist/collection/components/ez-classic-combo-box/ez-classic-combo-box.css +99 -0
  48. package/dist/collection/components/ez-classic-combo-box/ez-classic-combo-box.js +798 -0
  49. package/dist/collection/components/ez-classic-combo-box/interfaces/IOption.js +1 -0
  50. package/dist/collection/components/ez-classic-input/ez-classic-input.css +29 -0
  51. package/dist/collection/components/ez-classic-input/ez-classic-input.js +42 -8
  52. package/dist/collection/components/ez-multi-selection-list/ez-multi-selection-list.js +1 -1
  53. package/dist/collection/utils/i18n/locales/en-us.js +4 -0
  54. package/dist/collection/utils/i18n/locales/es-es.js +4 -0
  55. package/dist/collection/utils/i18n/locales/pt-br.js +4 -0
  56. package/dist/custom-elements/index.d.ts +6 -0
  57. package/dist/custom-elements/index.js +360 -12
  58. package/dist/esm/{ApplicationUtils-1fd662ab.js → ApplicationUtils-70608555.js} +1 -1
  59. package/dist/esm/{app-globals-8a94d86c.js → app-globals-ba0c56ec.js} +1 -1
  60. package/dist/esm/ez-actions-button.entry.js +2 -2
  61. package/dist/esm/ez-alert-list.entry.js +1 -1
  62. package/dist/esm/ez-avatar.entry.js +1 -1
  63. package/dist/esm/ez-calendar.entry.js +1 -1
  64. package/dist/esm/{ez-card-item_2.entry.js → ez-card-item.entry.js} +1 -205
  65. package/dist/esm/ez-classic-combo-box.entry.js +320 -0
  66. package/dist/esm/ez-classic-input.entry.js +26 -9
  67. package/dist/esm/ez-collapsible-box.entry.js +2 -2
  68. package/dist/esm/ez-combo-box-list_4.entry.js +2 -2
  69. package/dist/esm/ez-combo-box.entry.js +2 -2
  70. package/dist/esm/ez-date-input.entry.js +1 -1
  71. package/dist/esm/ez-date-time-input.entry.js +1 -1
  72. package/dist/esm/ez-dialog.entry.js +1 -1
  73. package/dist/esm/ez-double-list.entry.js +1 -1
  74. package/dist/esm/ez-file-item.entry.js +1 -1
  75. package/dist/esm/ez-form-view.entry.js +1 -1
  76. package/dist/esm/ez-form.entry.js +3 -3
  77. package/dist/esm/ez-grid.entry.js +3 -3
  78. package/dist/esm/ez-guide-navigator.entry.js +1 -1
  79. package/dist/esm/ez-link-builder_6.entry.js +1 -1
  80. package/dist/esm/ez-list.entry.js +1 -1
  81. package/dist/esm/ez-modal-container.entry.js +1 -1
  82. package/dist/esm/ez-modal.entry.js +1 -1
  83. package/dist/esm/ez-multi-selection-list.entry.js +2 -2
  84. package/dist/esm/ez-number-input.entry.js +1 -1
  85. package/dist/esm/ez-popover-core.entry.js +207 -0
  86. package/dist/esm/ez-search-plus.entry.js +2 -2
  87. package/dist/esm/ez-search-result-list.entry.js +1 -1
  88. package/dist/esm/ez-search.entry.js +2 -2
  89. package/dist/esm/ez-sidebar-navigator.entry.js +1 -1
  90. package/dist/esm/ez-skeleton.entry.js +1 -1
  91. package/dist/esm/ez-sortable-list.entry.js +1 -1
  92. package/dist/esm/ez-split-button.entry.js +1 -1
  93. package/dist/esm/ez-split-item.entry.js +2 -2
  94. package/dist/esm/ez-time-input.entry.js +1 -1
  95. package/dist/esm/ez-tree.entry.js +1 -1
  96. package/dist/esm/ez-upload.entry.js +2 -2
  97. package/dist/esm/ezui.js +3 -3
  98. package/dist/esm/filter-column.entry.js +1 -1
  99. package/dist/esm/{index-498e0126.js → index-5004bd27.js} +12 -0
  100. package/dist/esm/index-baa5e267.js +12 -4
  101. package/dist/esm/loader.js +3 -3
  102. package/dist/esm/{search-column-729f3655.js → search-column-eadd8a51.js} +2 -2
  103. package/dist/ezui/ezui.esm.js +1 -1
  104. package/dist/ezui/{p-9dc31fc6.js → p-0e539c0f.js} +1 -1
  105. package/dist/ezui/{p-7e5c7b4c.js → p-0e6cbfc8.js} +1 -1
  106. package/dist/ezui/{p-e5e623d9.entry.js → p-0ff1bee4.entry.js} +1 -1
  107. package/dist/ezui/{p-31450a28.entry.js → p-25e71e8c.entry.js} +1 -1
  108. package/dist/ezui/{p-0c1a288c.entry.js → p-26e898c9.entry.js} +1 -1
  109. package/dist/ezui/{p-da4419a6.entry.js → p-2a265ae2.entry.js} +1 -1
  110. package/dist/ezui/{p-86b065e6.entry.js → p-314e3bfe.entry.js} +1 -1
  111. package/dist/ezui/{p-52d9b604.entry.js → p-35ca0988.entry.js} +1 -1
  112. package/dist/ezui/{p-2879c45f.entry.js → p-3b296bad.entry.js} +1 -1
  113. package/dist/ezui/p-3bf7f94b.entry.js +1 -0
  114. package/dist/ezui/{p-d512cb84.entry.js → p-4476b0ac.entry.js} +1 -1
  115. package/dist/ezui/{p-5dd12c80.entry.js → p-4638d099.entry.js} +1 -1
  116. package/dist/ezui/{p-1e21d31b.entry.js → p-47962426.entry.js} +1 -1
  117. package/dist/ezui/{p-24732fea.entry.js → p-47c7b561.entry.js} +1 -1
  118. package/dist/ezui/p-4c619e2d.js +1 -0
  119. package/dist/ezui/{p-5172793a.entry.js → p-50a2fa06.entry.js} +1 -1
  120. package/dist/ezui/{p-82fa431b.entry.js → p-59700a63.entry.js} +1 -1
  121. package/dist/ezui/{p-94630d41.entry.js → p-5ac4e99a.entry.js} +1 -1
  122. package/dist/ezui/{p-d845fa56.entry.js → p-5bdaa387.entry.js} +1 -1
  123. package/dist/ezui/{p-762a1033.entry.js → p-5bf5da85.entry.js} +1 -1
  124. package/dist/ezui/{p-39b16566.entry.js → p-69c1f7db.entry.js} +1 -1
  125. package/dist/ezui/{p-ec04285e.entry.js → p-6d3fa2dd.entry.js} +1 -1
  126. package/dist/ezui/{p-5ac7c4b3.entry.js → p-740b4ff5.entry.js} +1 -1
  127. package/dist/ezui/{p-66b00dec.entry.js → p-777b23fa.entry.js} +1 -1
  128. package/dist/ezui/{p-559b915a.entry.js → p-7999daa0.entry.js} +1 -1
  129. package/dist/ezui/{p-af47458b.js → p-8031e29e.js} +1 -1
  130. package/dist/ezui/{p-7aed8d32.entry.js → p-875d0bd2.entry.js} +1 -1
  131. package/dist/ezui/{p-3cecb4cb.entry.js → p-9adcab8a.entry.js} +1 -1
  132. package/dist/ezui/{p-bc22f56d.entry.js → p-9ae1f716.entry.js} +1 -1
  133. package/dist/ezui/p-9b2e6438.entry.js +1 -0
  134. package/dist/ezui/{p-4e6e0740.entry.js → p-9e35c475.entry.js} +1 -1
  135. package/dist/ezui/{p-57b40333.entry.js → p-a429a86c.entry.js} +1 -1
  136. package/dist/ezui/{p-5b9060ad.entry.js → p-ab52e931.entry.js} +1 -1
  137. package/dist/ezui/{p-60f5483c.entry.js → p-b1c4bbf2.entry.js} +1 -1
  138. package/dist/ezui/{p-e20ad35d.entry.js → p-b297d3f8.entry.js} +1 -1
  139. package/dist/ezui/{p-451a17ad.entry.js → p-b881cb64.entry.js} +1 -1
  140. package/dist/ezui/{p-3751da14.entry.js → p-b9158a92.entry.js} +1 -1
  141. package/dist/ezui/p-baf90704.entry.js +1 -0
  142. package/dist/ezui/p-d6f50207.entry.js +1 -0
  143. package/dist/ezui/{p-c2d38fbf.entry.js → p-db324ab1.entry.js} +1 -1
  144. package/dist/ezui/{p-4c5cb0da.entry.js → p-e1ee0b5a.entry.js} +1 -1
  145. package/dist/ezui/{p-02e1efa8.entry.js → p-f5ed1a75.entry.js} +1 -1
  146. package/dist/types/components/ez-classic-combo-box/ez-classic-combo-box.d.ts +115 -0
  147. package/dist/types/components/ez-classic-combo-box/interfaces/IOption.d.ts +4 -0
  148. package/dist/types/components/ez-classic-input/ez-classic-input.d.ts +7 -0
  149. package/dist/types/components.d.ts +199 -20
  150. package/dist/types/utils/i18n/locales/en-us.d.ts +4 -0
  151. package/dist/types/utils/i18n/locales/es-es.d.ts +4 -0
  152. package/dist/types/utils/i18n/locales/pt-br.d.ts +4 -0
  153. package/dist/types/utils/i18n/translations.d.ts +12 -0
  154. package/package.json +1 -1
  155. package/react/components.d.ts +1 -0
  156. package/react/components.js +1 -0
  157. package/react/components.js.map +1 -1
  158. package/dist/ezui/p-07819d50.js +0 -1
  159. package/dist/ezui/p-5e495d47.entry.js +0 -1
  160. package/dist/ezui/p-e78e87f5.entry.js +0 -1
@@ -14,11 +14,12 @@ import { CardItem } from "./components/ez-card-item/ez-card-item";
14
14
  import { ChartAxis, ChartType } from "./components/ez-chart/interfaces";
15
15
  import { ChartSerie, SerieClickEvent } from "./components/ez-chart/interfaces/ChartSerie";
16
16
  import { CheckMode } from "./components/ez-check/CheckMode";
17
+ import { IOption } from "./components/ez-classic-combo-box/interfaces/IOption";
17
18
  import { OptionsSetFocus } from "./components/ez-classic-input/interfaces/optionsSetFocus";
18
19
  import { OptionsSetFocus as OptionsSetFocus1 } from "./components/ez-classic-text-area/interfaces/optionsSetFocus";
19
- import { IEzCheckBoxListPosition, IOption, ISearchArgument } from "./components/ez-combo-box/ez-combo-box";
20
+ import { IEzCheckBoxListPosition, IOption as IOption1, ISearchArgument } from "./components/ez-combo-box/ez-combo-box";
20
21
  import { TFocusOptions } from "./components/ez-text-input/ez-text-input";
21
- import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption1 } from "./components/ez-combo-box/ez-combo-box";
22
+ import { IEzCheckBoxListPosition as IEzCheckBoxListPosition1, IOption as IOption2 } from "./components/ez-combo-box/ez-combo-box";
22
23
  import { ICustomEditor } from "./utils/customEditor/interfaces/ICustomEditor";
23
24
  import { IFormViewField } from "./components/ez-form-view/interfaces";
24
25
  import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
@@ -43,9 +44,9 @@ import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions1 } from "./component
43
44
  import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions2 } from "./components/ez-popover-plus/ez-popover-plus";
44
45
  import { Radio } from "./components/ez-radio-button/ez-radio-button";
45
46
  import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
46
- import { IOption as IOption2, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
47
- import { IOption as IOption3, OptionLoaderFunction } from "./components/ez-search-plus/ez-search-plus";
48
- import { IOption as IOption4 } from "./components/ez-search-plus/ez-search-plus";
47
+ import { IOption as IOption3, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
48
+ import { IOption as IOption4, OptionLoaderFunction } from "./components/ez-search-plus/ez-search-plus";
49
+ import { IOption as IOption5 } from "./components/ez-search-plus/ez-search-plus";
49
50
  import { ModeMenuEnum, SizeMenuEnum, TypeMenuEnum } from "./components/ez-sidebar-navigator/interfaces";
50
51
  import { SkeletonAnimation, SkeletonVariant } from "./components/ez-skeleton/ez-skeleton.constants";
51
52
  import { ListItem as ListItem2 } from "./components/ez-sortable-list/ez-sortable-list";
@@ -57,7 +58,7 @@ import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
57
58
  import { Node } from "./components/ez-tree/types/Node";
58
59
  import { EzFile } from "./components/ez-upload/ez-upload";
59
60
  import { IAppliedFilterColumnOptions, IFilterColumnConfigs } from "./components/ez-grid/subcomponents/filter-column";
60
- import { IOption as IOption5 } from "./components/ez-search/ez-search";
61
+ import { IOption as IOption6 } from "./components/ez-search/ez-search";
61
62
  export namespace Components {
62
63
  interface EzActionsButton {
63
64
  /**
@@ -454,6 +455,85 @@ export namespace Components {
454
455
  */
455
456
  "value": boolean;
456
457
  }
458
+ interface EzClassicComboBox {
459
+ /**
460
+ * Define se o combo box está habilitado.
461
+ */
462
+ "enabled"?: boolean;
463
+ /**
464
+ * Texto de ajuda exibido abaixo do combo box.
465
+ */
466
+ "helpText"?: string;
467
+ /**
468
+ * Oculta o popover.
469
+ */
470
+ "hidePopover": () => Promise<void>;
471
+ /**
472
+ * Define se o ícone é clicável
473
+ */
474
+ "iconClickable"?: boolean;
475
+ /**
476
+ * Nome do ícone.
477
+ */
478
+ "iconName"?: string;
479
+ /**
480
+ * Texto do label exibido acima do combo box.
481
+ */
482
+ "label"?: string;
483
+ /**
484
+ * Nome do combo box.
485
+ */
486
+ "name"?: string;
487
+ /**
488
+ * Array com as opções do ez-classic-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
489
+ */
490
+ "options": Array<IOption>;
491
+ /**
492
+ * Placeholder do combo box
493
+ */
494
+ "placeholder"?: string;
495
+ /**
496
+ * Define se o combo box é somente leitura.
497
+ */
498
+ "readonly"?: boolean;
499
+ /**
500
+ * Remove o foco do campo.
501
+ */
502
+ "setBlur": () => Promise<void>;
503
+ /**
504
+ * Aplica o foco no campo.
505
+ */
506
+ "setFocus": (option?: OptionsSetFocus) => Promise<void>;
507
+ "setValue": (option: IOption) => Promise<void>;
508
+ /**
509
+ * Exibe o popover abaixo do input.
510
+ */
511
+ "showPopover": () => Promise<void>;
512
+ /**
513
+ * Estado visual do combo box: default, error, success ou warning.
514
+ */
515
+ "state"?: "default" | "error" | "success" | "warning";
516
+ /**
517
+ * Se true remove a opção vazia da lista.
518
+ */
519
+ "suppressEmptyOption": boolean;
520
+ /**
521
+ * Se true desabilita a digitação dentro do componente.
522
+ */
523
+ "suppressSearch"?: boolean;
524
+ /**
525
+ * Texto a ser apresentado na opção de valor nulo.
526
+ */
527
+ "textEmptyOption": string;
528
+ /**
529
+ * Título do ícone (tooltip).
530
+ */
531
+ "titleIcon"?: string;
532
+ /**
533
+ * Valor do combo box.
534
+ */
535
+ "value"?: IOption;
536
+ }
457
537
  interface EzClassicInput {
458
538
  /**
459
539
  * Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false)
@@ -796,7 +876,7 @@ export namespace Components {
796
876
  * @param option A opção selecionada.
797
877
  * @tipo {(option: IOption) => void}
798
878
  */
799
- "onOptionSelect": (option: IOption1) => void;
879
+ "onOptionSelect": (option: IOption2) => void;
800
880
  /**
801
881
  * Índice da opção pré-selecionada na lista.
802
882
  * @tipo {number}
@@ -830,7 +910,7 @@ export namespace Components {
830
910
  * Lista de opções visíveis que serão exibidas no componente.
831
911
  * @tipo {Array<IOption>}
832
912
  */
833
- "visibleOptions": Array<IOption1>;
913
+ "visibleOptions": Array<IOption2>;
834
914
  /**
835
915
  * Largura fixa da lista, em pixels.
836
916
  * @tipo {number}
@@ -2248,8 +2328,8 @@ export namespace Components {
2248
2328
  "selectCurrentItem": () => Promise<void>;
2249
2329
  "showLoading": boolean;
2250
2330
  "showOptionValue": boolean;
2251
- "value": IOption4 | string;
2252
- "visibleOptions": Array<IOption4>;
2331
+ "value": IOption5 | string;
2332
+ "visibleOptions": Array<IOption5>;
2253
2333
  }
2254
2334
  interface EzSidebarButton {
2255
2335
  }
@@ -3125,8 +3205,8 @@ export namespace Components {
3125
3205
  "showLoading": boolean;
3126
3206
  "showOptionValue": boolean;
3127
3207
  "textEmptyList": string;
3128
- "value": IOption5 | string;
3129
- "visibleOptions": Array<IOption5>;
3208
+ "value": IOption6 | string;
3209
+ "visibleOptions": Array<IOption6>;
3130
3210
  }
3131
3211
  }
3132
3212
  export interface EzActionsButtonCustomEvent<T> extends CustomEvent<T> {
@@ -3161,6 +3241,10 @@ export interface EzChipCustomEvent<T> extends CustomEvent<T> {
3161
3241
  detail: T;
3162
3242
  target: HTMLEzChipElement;
3163
3243
  }
3244
+ export interface EzClassicComboBoxCustomEvent<T> extends CustomEvent<T> {
3245
+ detail: T;
3246
+ target: HTMLEzClassicComboBoxElement;
3247
+ }
3164
3248
  export interface EzClassicInputCustomEvent<T> extends CustomEvent<T> {
3165
3249
  detail: T;
3166
3250
  target: HTMLEzClassicInputElement;
@@ -3432,6 +3516,12 @@ declare global {
3432
3516
  prototype: HTMLEzChipElement;
3433
3517
  new (): HTMLEzChipElement;
3434
3518
  };
3519
+ interface HTMLEzClassicComboBoxElement extends Components.EzClassicComboBox, HTMLStencilElement {
3520
+ }
3521
+ var HTMLEzClassicComboBoxElement: {
3522
+ prototype: HTMLEzClassicComboBoxElement;
3523
+ new (): HTMLEzClassicComboBoxElement;
3524
+ };
3435
3525
  interface HTMLEzClassicInputElement extends Components.EzClassicInput, HTMLStencilElement {
3436
3526
  }
3437
3527
  var HTMLEzClassicInputElement: {
@@ -3848,6 +3938,7 @@ declare global {
3848
3938
  "ez-chart": HTMLEzChartElement;
3849
3939
  "ez-check": HTMLEzCheckElement;
3850
3940
  "ez-chip": HTMLEzChipElement;
3941
+ "ez-classic-combo-box": HTMLEzClassicComboBoxElement;
3851
3942
  "ez-classic-input": HTMLEzClassicInputElement;
3852
3943
  "ez-classic-text-area": HTMLEzClassicTextAreaElement;
3853
3944
  "ez-collapsible-box": HTMLEzCollapsibleBoxElement;
@@ -4313,6 +4404,88 @@ declare namespace LocalJSX {
4313
4404
  */
4314
4405
  "value"?: boolean;
4315
4406
  }
4407
+ interface EzClassicComboBox {
4408
+ /**
4409
+ * Define se o combo box está habilitado.
4410
+ */
4411
+ "enabled"?: boolean;
4412
+ /**
4413
+ * Texto de ajuda exibido abaixo do combo box.
4414
+ */
4415
+ "helpText"?: string;
4416
+ /**
4417
+ * Define se o ícone é clicável
4418
+ */
4419
+ "iconClickable"?: boolean;
4420
+ /**
4421
+ * Nome do ícone.
4422
+ */
4423
+ "iconName"?: string;
4424
+ /**
4425
+ * Texto do label exibido acima do combo box.
4426
+ */
4427
+ "label"?: string;
4428
+ /**
4429
+ * Nome do combo box.
4430
+ */
4431
+ "name"?: string;
4432
+ /**
4433
+ * Evento disparado quando o combo box perde o foco.
4434
+ */
4435
+ "onEzBlur"?: (event: EzClassicComboBoxCustomEvent<IOption>) => void;
4436
+ /**
4437
+ * Evento disparado quando o valor do combo box muda.
4438
+ */
4439
+ "onEzChange"?: (event: EzClassicComboBoxCustomEvent<IOption>) => void;
4440
+ /**
4441
+ * Emitido quando é digitado no campo de entrada.
4442
+ */
4443
+ "onEzType"?: (event: EzClassicComboBoxCustomEvent<string>) => void;
4444
+ /**
4445
+ * Emitido quando acontece a alteração de estado do popover.
4446
+ */
4447
+ "onEzVisibilityChange"?: (event: EzClassicComboBoxCustomEvent<boolean>) => void;
4448
+ /**
4449
+ * Evento disparado quando o ícone é clicado.
4450
+ */
4451
+ "onIconClick"?: (event: EzClassicComboBoxCustomEvent<void>) => void;
4452
+ /**
4453
+ * Array com as opções do ez-classic-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`.
4454
+ */
4455
+ "options"?: Array<IOption>;
4456
+ /**
4457
+ * Placeholder do combo box
4458
+ */
4459
+ "placeholder"?: string;
4460
+ /**
4461
+ * Define se o combo box é somente leitura.
4462
+ */
4463
+ "readonly"?: boolean;
4464
+ /**
4465
+ * Estado visual do combo box: default, error, success ou warning.
4466
+ */
4467
+ "state"?: "default" | "error" | "success" | "warning";
4468
+ /**
4469
+ * Se true remove a opção vazia da lista.
4470
+ */
4471
+ "suppressEmptyOption"?: boolean;
4472
+ /**
4473
+ * Se true desabilita a digitação dentro do componente.
4474
+ */
4475
+ "suppressSearch"?: boolean;
4476
+ /**
4477
+ * Texto a ser apresentado na opção de valor nulo.
4478
+ */
4479
+ "textEmptyOption"?: string;
4480
+ /**
4481
+ * Título do ícone (tooltip).
4482
+ */
4483
+ "titleIcon"?: string;
4484
+ /**
4485
+ * Valor do combo box.
4486
+ */
4487
+ "value"?: IOption;
4488
+ }
4316
4489
  interface EzClassicInput {
4317
4490
  /**
4318
4491
  * Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false)
@@ -4366,6 +4539,10 @@ declare namespace LocalJSX {
4366
4539
  * Evento disparado quando o valor do input muda.
4367
4540
  */
4368
4541
  "onEzChange"?: (event: EzClassicInputCustomEvent<string>) => void;
4542
+ /**
4543
+ * Evento disparado quando o input ganha o foco.
4544
+ */
4545
+ "onEzFocus"?: (event: EzClassicInputCustomEvent<string>) => void;
4369
4546
  /**
4370
4547
  * Evento disparado quando um ícone é clicado. Payload: { icon: "left" | "right" }
4371
4548
  */
@@ -4650,7 +4827,7 @@ declare namespace LocalJSX {
4650
4827
  * @param option A opção selecionada.
4651
4828
  * @tipo {(option: IOption) => void}
4652
4829
  */
4653
- "onOptionSelect"?: (option: IOption1) => void;
4830
+ "onOptionSelect"?: (option: IOption2) => void;
4654
4831
  /**
4655
4832
  * Índice da opção pré-selecionada na lista.
4656
4833
  * @tipo {number}
@@ -4676,7 +4853,7 @@ declare namespace LocalJSX {
4676
4853
  * Lista de opções visíveis que serão exibidas no componente.
4677
4854
  * @tipo {Array<IOption>}
4678
4855
  */
4679
- "visibleOptions"?: Array<IOption1>;
4856
+ "visibleOptions"?: Array<IOption2>;
4680
4857
  /**
4681
4858
  * Largura fixa da lista, em pixels.
4682
4859
  * @tipo {number}
@@ -5951,11 +6128,11 @@ declare namespace LocalJSX {
5951
6128
  "value"?: IOption | string;
5952
6129
  }
5953
6130
  interface EzSearchResultList {
5954
- "onChangeValue"?: (event: EzSearchResultListCustomEvent<IOption4>) => void;
6131
+ "onChangeValue"?: (event: EzSearchResultListCustomEvent<IOption5>) => void;
5955
6132
  "showLoading"?: boolean;
5956
6133
  "showOptionValue"?: boolean;
5957
- "value"?: IOption4 | string;
5958
- "visibleOptions"?: Array<IOption4>;
6134
+ "value"?: IOption5 | string;
6135
+ "visibleOptions"?: Array<IOption5>;
5959
6136
  }
5960
6137
  interface EzSidebarButton {
5961
6138
  /**
@@ -6739,13 +6916,13 @@ declare namespace LocalJSX {
6739
6916
  interface SearchList {
6740
6917
  "canShowListOptions"?: boolean;
6741
6918
  "onChangePreSelection"?: (event: SearchListCustomEvent<number>) => void;
6742
- "onChangeValue"?: (event: SearchListCustomEvent<IOption5>) => void;
6919
+ "onChangeValue"?: (event: SearchListCustomEvent<IOption6>) => void;
6743
6920
  "preSelection"?: number;
6744
6921
  "showLoading"?: boolean;
6745
6922
  "showOptionValue"?: boolean;
6746
6923
  "textEmptyList"?: string;
6747
- "value"?: IOption5 | string;
6748
- "visibleOptions"?: Array<IOption5>;
6924
+ "value"?: IOption6 | string;
6925
+ "visibleOptions"?: Array<IOption6>;
6749
6926
  }
6750
6927
  interface IntrinsicElements {
6751
6928
  "ez-actions-button": EzActionsButton;
@@ -6761,6 +6938,7 @@ declare namespace LocalJSX {
6761
6938
  "ez-chart": EzChart;
6762
6939
  "ez-check": EzCheck;
6763
6940
  "ez-chip": EzChip;
6941
+ "ez-classic-combo-box": EzClassicComboBox;
6764
6942
  "ez-classic-input": EzClassicInput;
6765
6943
  "ez-classic-text-area": EzClassicTextArea;
6766
6944
  "ez-collapsible-box": EzCollapsibleBox;
@@ -6847,6 +7025,7 @@ declare module "@stencil/core" {
6847
7025
  "ez-chart": LocalJSX.EzChart & JSXBase.HTMLAttributes<HTMLEzChartElement>;
6848
7026
  "ez-check": LocalJSX.EzCheck & JSXBase.HTMLAttributes<HTMLEzCheckElement>;
6849
7027
  "ez-chip": LocalJSX.EzChip & JSXBase.HTMLAttributes<HTMLEzChipElement>;
7028
+ "ez-classic-combo-box": LocalJSX.EzClassicComboBox & JSXBase.HTMLAttributes<HTMLEzClassicComboBoxElement>;
6850
7029
  "ez-classic-input": LocalJSX.EzClassicInput & JSXBase.HTMLAttributes<HTMLEzClassicInputElement>;
6851
7030
  "ez-classic-text-area": LocalJSX.EzClassicTextArea & JSXBase.HTMLAttributes<HTMLEzClassicTextAreaElement>;
6852
7031
  "ez-collapsible-box": LocalJSX.EzCollapsibleBox & JSXBase.HTMLAttributes<HTMLEzCollapsibleBoxElement>;
@@ -62,6 +62,10 @@ declare const _default: {
62
62
  placeholder: string;
63
63
  noResults: string;
64
64
  };
65
+ "ez-classic-combo-box": {
66
+ emptyOption: string;
67
+ noResults: string;
68
+ };
65
69
  "ez-date-time-input": {
66
70
  invalidDate: string;
67
71
  };
@@ -62,6 +62,10 @@ declare const _default: {
62
62
  placeholder: string;
63
63
  noResults: string;
64
64
  };
65
+ "ez-classic-combo-box": {
66
+ emptyOption: string;
67
+ noResults: string;
68
+ };
65
69
  "ez-date-time-input": {
66
70
  invalidDate: string;
67
71
  };
@@ -62,6 +62,10 @@ declare const _default: {
62
62
  placeholder: string;
63
63
  noResults: string;
64
64
  };
65
+ "ez-classic-combo-box": {
66
+ emptyOption: string;
67
+ noResults: string;
68
+ };
65
69
  "ez-date-time-input": {
66
70
  invalidDate: string;
67
71
  };
@@ -63,6 +63,10 @@ declare const _default: {
63
63
  placeholder: string;
64
64
  noResults: string;
65
65
  };
66
+ "ez-classic-combo-box": {
67
+ emptyOption: string;
68
+ noResults: string;
69
+ };
66
70
  "ez-date-time-input": {
67
71
  invalidDate: string;
68
72
  };
@@ -343,6 +347,10 @@ declare const _default: {
343
347
  placeholder: string;
344
348
  noResults: string;
345
349
  };
350
+ "ez-classic-combo-box": {
351
+ emptyOption: string;
352
+ noResults: string;
353
+ };
346
354
  "ez-date-time-input": {
347
355
  invalidDate: string;
348
356
  };
@@ -623,6 +631,10 @@ declare const _default: {
623
631
  placeholder: string;
624
632
  noResults: string;
625
633
  };
634
+ "ez-classic-combo-box": {
635
+ emptyOption: string;
636
+ noResults: string;
637
+ };
626
638
  "ez-date-time-input": {
627
639
  invalidDate: string;
628
640
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui",
3
- "version": "6.4.0-dev.2",
3
+ "version": "6.4.0-dev.3",
4
4
  "description": "Biblioteca de componentes Sankhya.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/custom-elements/index.js",
@@ -12,6 +12,7 @@ export declare const EzCardItem: import("react").ForwardRefExoticComponent<JSX.E
12
12
  export declare const EzChart: import("react").ForwardRefExoticComponent<JSX.EzChart & Omit<import("react").HTMLAttributes<HTMLEzChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzChartElement>>;
13
13
  export declare const EzCheck: import("react").ForwardRefExoticComponent<JSX.EzCheck & Omit<import("react").HTMLAttributes<HTMLEzCheckElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzCheckElement>>;
14
14
  export declare const EzChip: import("react").ForwardRefExoticComponent<JSX.EzChip & Omit<import("react").HTMLAttributes<HTMLEzChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzChipElement>>;
15
+ export declare const EzClassicComboBox: import("react").ForwardRefExoticComponent<JSX.EzClassicComboBox & Omit<import("react").HTMLAttributes<HTMLEzClassicComboBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzClassicComboBoxElement>>;
15
16
  export declare const EzClassicInput: import("react").ForwardRefExoticComponent<JSX.EzClassicInput & Omit<import("react").HTMLAttributes<HTMLEzClassicInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzClassicInputElement>>;
16
17
  export declare const EzClassicTextArea: import("react").ForwardRefExoticComponent<JSX.EzClassicTextArea & Omit<import("react").HTMLAttributes<HTMLEzClassicTextAreaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzClassicTextAreaElement>>;
17
18
  export declare const EzCollapsibleBox: import("react").ForwardRefExoticComponent<JSX.EzCollapsibleBox & Omit<import("react").HTMLAttributes<HTMLEzCollapsibleBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEzCollapsibleBoxElement>>;
@@ -15,6 +15,7 @@ export const EzCardItem = /*@__PURE__*/ createReactComponent('ez-card-item');
15
15
  export const EzChart = /*@__PURE__*/ createReactComponent('ez-chart');
16
16
  export const EzCheck = /*@__PURE__*/ createReactComponent('ez-check');
17
17
  export const EzChip = /*@__PURE__*/ createReactComponent('ez-chip');
18
+ export const EzClassicComboBox = /*@__PURE__*/ createReactComponent('ez-classic-combo-box');
18
19
  export const EzClassicInput = /*@__PURE__*/ createReactComponent('ez-classic-input');
19
20
  export const EzClassicTextArea = /*@__PURE__*/ createReactComponent('ez-classic-text-area');
20
21
  export const EzCollapsibleBox = /*@__PURE__*/ createReactComponent('ez-collapsible-box');
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- import{i}from"./p-af47458b.js";const o=async function(){await i(),console.log("Global initialization ez-ui completed!")};export{o as g}
@@ -1 +0,0 @@
1
- import{r as e,c as t,h as i,H as n,g as o}from"./p-23a36bb6.js";import{StringUtils as a,ElementIDUtils as r}from"@sankhyalabs/core";import{c as d,f as s,s as l}from"./p-e07e4671.js";const c=class{constructor(i){e(this,i),this.ezClick=t(this,"ezClick",7),this.item=void 0,this.enableKey=!0,this.compacted=!1}componentWillRender(){this.createDetailList()}componentDidLoad(){var e,t;const i={id:a.toCamelCase((null===(e=this.item)||void 0===e?void 0:e.key)||(null===(t=this.item)||void 0===t?void 0:t.title)||"")};r.addIDInfo(this._element,null,i)}createDetailList(){var e,t,i;this._details={detailsLeft:[],detailsRight:[]};let n=0;if(null===(e=this.item)||void 0===e?void 0:e.details)for(const e in this.item.details)n<3?this._details.detailsLeft.push({label:e,value:null===(t=this.item.details[e])||void 0===t?void 0:t.toString()}):this._details.detailsRight.push({label:e,value:null===(i=this.item.details[e])||void 0===i?void 0:i.toString()}),n++}buildDetailContentTitle(e){var t,i;if(null!=(null==e?void 0:e.label)||null!=(null==e?void 0:e.value))return`${null===(t=a.replaceAccentuatedCharsHtmlEntities(null==e?void 0:e.label))||void 0===t?void 0:t.replace(/<[^>]*>/g,"")}: ${null===(i=a.replaceAccentuatedCharsHtmlEntities(null==e?void 0:e.value))||void 0===i?void 0:i.replace(/<[^>]*>/g,"")}`}buildDetailContent(e){return i("div",{class:"card-item__detail "+(this.compacted?"":"card-item__detail-default"),title:this.buildDetailContentTitle(e)},i("label",{class:"card-item__detail-label "+(this.compacted?"card-item__detail-label-compacted":"")},`${e.label}: `)," ",i("label",{class:"card-item__detail-value "+(this.compacted?"card-item__detail-value-compacted":""),innerHTML:e.value}))}render(){return i(n,null,this.item&&i("div",{class:`card-item ${this.compacted?"card-item__compacted":"card-item__expanded"} `,onClick:()=>{this.ezClick.emit(this.item)}},i("div",{class:"ez-row card-item__content"},i("div",{class:"ez-col ez-col--sd-11 card-item__details"},i("label",{class:"card-item__title "+(this.compacted?"card-item__title-compacted":"")},this.enableKey&&i("span",{class:"card-item__key",innerHTML:this.item.key}),i("span",{innerHTML:this.item.title})),i("div",{class:this.compacted?"card-item__details-container_compacted":"card-item__details-container_default"},i("div",{class:"card-item__details-container__left "+(this.compacted?"card-item__details-container__left-compacted":"")},this._details.detailsLeft.map((e=>this.buildDetailContent(e)))),i("div",{class:"card-item__details-container__right "+(this.compacted?"card-item__details-container__right-compacted":"")},this._details.detailsRight.map((e=>this.buildDetailContent(e)))))),i("div",{class:"ez-col ez-col--sd-1 card-item__details-slot"},i("slot",{name:"rightSlot"})))))}get _element(){return o(this)}};c.style=":host { \n /*@doc Define o tamanho da fonte do componente.*/\n --ez-card-item--font-size: var(--text--medium, 14px);\n\n /*@doc Define o tamanho da fonte do componente no modo compacto.*/\n --ez-card-item--font-size-compacted: var(--text--extra-small, 10px);\n\n /*@doc Define a família da fonte do componente.*/\n --ez-card-item--font-family: var(--font-pattern, Arial);\n\n /*@doc Define o peso da fonte do componente.*/\n --ez-card-item--font-weight: var(--font-weight--semi-bold, 600);\n\n /*@doc Define o peso da fonte do title do componente.*/\n --ez-card-item--font-weight-large: var(--font-weight--semi-bold, 600);\n\n /*@doc Define a cor da fonte do componente.*/\n --ez-card-item--color: var(--text--primary, #626e82);\n\n /*@doc Define a cor da fonte da key do componente.*/\n --ez-card-item__key--color: var(--text--primary, #626e82);\n\n /*@doc Define a cor da fonte do label do detalhe do componente.*/\n --ez-card-item__detail-label--color: var(--text--secondary, #A2ABB9);\n\n /*@doc Define a cor da fonte do valor do detalhe do componente.*/\n --ez-card-item__detail-value--color: var(--color--petroleum-500, #404E65);\n\n /*@doc Define o espaçamento inferior dos detalhes do componente.*/\n --ez-card-item__detail--padding-bottom: var(--space--extra-small, 3px);\n\n /*@doc Define o espaçamento inferior do title do componente.*/\n --ez-card-item__title--padding-bottom: var(--space--extra-small, 3px);\n\n /*@doc Define a cor do highlight / marcação nos textos do componente.*/\n --ez-card-item__highlight--color: var(--color--primary-300, #E2F4EF);\n\n /*@doc Define o peso da fonte do componente.*/\n --ez-card-item--detail-label--font-weight: var(--text-weight--large, 400);\n\n width: 100%;\n display: flex;\n cursor: pointer;\n}\n\n.card-item {\n display: flex;\n flex-direction: column;\n width: 100%;\n cursor: pointer;\n z-index: 0;\n position: relative;\n container-type: inline-size;\n container-name: box;\n white-space: pre-line;\n}\n\n.card-item__detail{\n display: inline-block;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n opacity: 0.95;\n}\n\n\n\n.card-item__expanded {\n padding: var(--space--medium);\n}\n\n.card-item:hover {\n background: #F0F3F7;\n border-radius: 12px;\n}\n\n.card-item__title {\n display: flex;\n align-items: center;\n line-height: 18px;\n cursor: pointer;\n\n /*public*/\n font-size: var(--ez-card-item--font-size);\n font-family: var(--ez-card-item--font-family);\n font-weight: var(--ez-card-item--font-weight-large);\n color: var(--ez-card-item--color);\n padding-bottom: var(--ez-card-item__title--padding-bottom);\n gap: var(--space--small, 6px);\n}\n\n.card-item__key {\n /*public*/\n color: var(--ez-card-item__key--color);\n}\n\n.card-item__details {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n justify-content: space-between;\n width: 100%;\n}\n\n.card-item__details-container__left {\n display: flex;\n flex-direction: column;\n white-space: pre-line;\n cursor: pointer;\n width: 50%;\n}\n\n.card-item__details-container__right {\n display: flex;\n flex-direction: column;\n white-space: pre-line;\n width: 50%;\n cursor: pointer;\n}\n\n.card-item__detail{\n cursor: pointer;\n}\n\n.card-item__detail-default:not(:last-child) {\n padding-bottom: var(--ez-card-item__detail--padding-bottom);\n}\n\n.card-item__detail-label {\n cursor: pointer;\n\n /*public*/\n font-size: var(--ez-card-item--font-size);\n font-family: var(--ez-card-item--font-family);\n font-weight: var(--ez-card-item--detail-label--font-weight);\n}\n\n.card-item__detail-value {\n cursor: pointer;\n line-break: anywhere;\n\n /*public*/\n font-size: var(--ez-card-item--font-size);\n font-family: var(--ez-card-item--font-family);\n font-weight: var(--ez-card-item--font-weight);\n color: var(--ez-card-item__detail-value--color);\n}\n\n.card-item__highlight {\n position: relative;\n border-radius: 8px;\n z-index: -1;\n\n /*public*/\n background-color: var(--ez-card-item__highlight--color);\n outline: 2px solid var(--ez-card-item__highlight--color);\n box-shadow: -4px 0px 0px 0px var(--ez-card-item__highlight--color), \n 4px 0px 0px 0px var(--ez-card-item__highlight--color);\n}\n\n.card-item__content{\n display: flex;\n align-items: center;\n}\n\n.card-item__details-container_default{\n display: flex;\n}\n\n.card-item__details-slot{\n margin-left: auto;\n}\n\n/* Modo compacto */\n.card-item__compacted {\n padding: var(--space--2xs) var(--space--small);\n}\n\n.card-item__detail-label-compacted {\n font-size: var(--ez-card-item--font-size-compacted);\n}\n\n.card-item__detail-value-compacted {\n font-size: var(--ez-card-item--font-size-compacted);\n}\n\n.card-item__title-compacted {\n font-size: var(--ez-card-item--font-size-compacted);\n}\n\n.card-item__details-container__left-compacted{\n width: 100%;\n}\n\n.card-item__details-container__right-compacted {\n width: 100%;\n}\n\n\n@container box (max-width: 550px) {\n .card-item__details {\n flex-direction: column;\n }\n\n .card-item__details-container__left {\n width: 100%;\n }\n \n .card-item__details-container__right {\n width: 100%;\n }\n}\n\n@container box (max-width: 200px) {\n .card-item__title {\n font-size: 10px;\n }\n\n .card-item__detail-label {\n font-size: 10px;\n }\n\n .card-item__detail-value {\n font-size: 10px;\n }\n\n}";const h=class{constructor(i){e(this,i),this.ezVisibilityChange=t(this,"ezVisibilityChange",7),this.autoClose=!0,this.boxWidth="fit-content",this.opened=!1,this.overlayType="light",this.anchorElement=void 0,this.options={horizontalGap:0,verticalGap:0,fromRight:!1},this.useAnchorSize=!1,this.minWidth=150}observeOpened(e,t){e!==t&&(e?this.openPopover():this.hidePopover())}async updatePosition(e,t){this.updateOptionPosition(e,t),await this.updatePositionPopover()}async show(e,t){this.updateOptionPosition(e,t),this.opened=!0}async showUnder(e,t){t&&(this.options=t),this.anchorElement=e,this.opened=!0}async hide(){this.opened=!1}async setOptions(e){Object.assign(this.options,e)}async setAnchorElement(e){this.anchorElement=e}parseSizePixel(e,t){return e?"string"==typeof e?Number(e.replace("px","")):null!=e?e:0:null!=t?t:0}updateOptionPosition(e,t){Object.assign(this.options,{horizontalGap:this.parseSizePixel(t,this.options.horizontalGap),verticalGap:this.parseSizePixel(e,this.options.verticalGap)})}getElement(e){return"string"==typeof e?document.getElementById(e):e}getAnchorElement(){if(!this.anchorElement)return this._host;if(Array.isArray(this.anchorElement)){for(const e of this.anchorElement){const t=this.getElement(e);if(t)return t}return this._host}return this.getElement(this.anchorElement)}async updatePositionPopover(){if(!this._box||!this.opened)return;const e=this.getAnchorElement();await d(e,this._box,{placement:this.options.fromRight?"bottom-end":"bottom-start",middleware:[s(),l({padding:5})],strategy:"fixed"}).then((({x:e,y:t,placement:i})=>{const n=i.includes("bottom")?t+this.options.verticalGap:t-this.options.verticalGap,o=i.includes("start")?e+this.options.horizontalGap:e-this.options.horizontalGap;Object.assign(this._box.style,{top:`${n}px`,left:`${o}px`})}))}hidePopover(){this._box&&(this._box.style.display="",this.hideOverlay(),this.ezVisibilityChange.emit(!1))}async openPopover(){if(this._box&&this.opened){if(this._box.style.display="flex",this._box.style.visibility="hidden",this.useAnchorSize){const e=this.getAnchorElement().getBoundingClientRect().width;this._box.style.width=`${e<this.minWidth?this.minWidth:e}px`}await this.updatePositionPopover(),this.openOverlay(),this.ezVisibilityChange.emit(!0),this._box.style.visibility="visible"}}openOverlay(){this._overlay&&this._overlayIsActive&&(this._overlay.style.display="block")}hideOverlay(){this._overlay&&(this._overlay.style.display="none")}checkStatusOverlay(){return"none"!==this.overlayType||!("none"!==this.overlayType||!this.autoClose)}handlePositionUpdate(){this.opened&&this.updatePositionPopover()}componentWillLoad(){window.addEventListener("scroll",this.handlePositionUpdate.bind(this),!0),window.addEventListener("resize",this.handlePositionUpdate.bind(this),!0)}componentDidLoad(){this._overlayIsActive=this.checkStatusOverlay(),this._resizeObserver=new ResizeObserver(this.updatePositionPopover.bind(this)),this._resizeObserver.observe(this._box),this.openPopover()}disconnectedCallback(){window.removeEventListener("scroll",this.handlePositionUpdate.bind(this),!0),window.removeEventListener("resize",this.handlePositionUpdate.bind(this),!0),this._resizeObserver.disconnect()}render(){return i(n,null,i("div",{ref:e=>this._overlay=e,onClick:()=>this.hide(),class:`popover__overlay popover__overlay--${this.overlayType}`}),i("section",{ref:e=>this._box=e,class:{popover__box:!0,"popover__box--fit-content":"fit-content"===this.boxWidth,"popover__box--full-width":"fit-content"!==this.boxWidth}},i("slot",null)))}get _host(){return o(this)}static get watchers(){return{opened:["observeOpened"]}}};h.style=":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--elevation--100, 100);--ez-popover__box--overlay-z-index:var(--elevation--24, 24);position:relative;display:flex;user-select:none}.popover__overlay{display:none;position:fixed;padding:0;top:0px;left:0px;width:100%;height:100vh;box-sizing:border-box;z-index:var(--ez-popover__box--overlay-z-index)}.popover__overlay--light{background-color:rgba(var(--rgb-background--overlay), var(--opacity--bright))}.popover__overlay--medium{background-color:rgba(var(--rgb-background--overlay), var(--opacity--soft));backdrop-filter:blur(var(--background-blur--medium))}.popover__box{display:none;position:fixed;top:0;left:0;z-index:var(--ez-popover__box--z-index);flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:calc(100% - 10px)}";export{c as ez_card_item,h as ez_popover_core}
@@ -1 +0,0 @@
1
- import{r as i,c as t,h as s,H as e,g as o}from"./p-23a36bb6.js";import{ElementIDUtils as r}from"@sankhyalabs/core";class a{constructor(i){this.mask=i,this.maskChars={"#":i=>/\d/.test(i),U:i=>/[a-zA-Z]/.test(i),L:i=>/[a-zA-Z]/.test(i),A:i=>/[a-zA-Z0-9]/.test(i),"?":i=>/[a-zA-Z]/.test(i),"*":()=>!0}}format(i){if(!i||!this.mask)return i;const t=this.removeIncompatibleChars(i);let s="",e=0,o=0;for(;o<this.mask.length&&e<t.length;){const i=this.mask[o],r=t[e];if("'"!==i){if(this.maskChars[i]){if(!this.maskChars[i](r)){e++;continue}s+="U"===i?r.toUpperCase():"L"===i?r.toLowerCase():r,e++}else s+=i,r===i&&e++;o++}else o++,o<this.mask.length&&(s+=this.mask[o],o++)}return s}removeIncompatibleChars(i){let t="";for(let s=0;s<i.length;s++){const e=i[s];let o=!1;for(const i in this.maskChars)if(this.maskChars[i](e)){o=!0;break}if(!o)for(let i=0;i<this.mask.length;i++)if(this.mask[i]===e&&!this.maskChars[this.mask[i]]){o=!0;break}o&&(t+=e)}return t}removeMask(i){if(!i||!this.mask)return i;let t="",s=0,e=0;for(;s<i.length&&e<this.mask.length;){const o=this.mask[e],r=i[s];"'"!==o?(this.maskChars[o]?(this.maskChars[o](r)&&(t+=r),s++):r===o&&s++,e++):(e++,e<this.mask.length&&(r===this.mask[e]&&s++,e++))}for(;s<i.length;){const e=i[s];/[a-zA-Z0-9]/.test(e)&&(t+=e),s++}return t}getMask(){return this.mask}generatePlaceholder(){if(!this.mask)return"";let i="",t=0;for(;t<this.mask.length;){const s=this.mask[t];if("'"!==s){if(this.maskChars[s])switch(s){case"#":case"~":i+="0";break;case"U":case"L":case"?":case"A":i+="A";break;default:i+="_"}else i+=s;t++}else t++,t<this.mask.length&&(i+=this.mask[t],t++)}return i}}const c=class{constructor(s){i(this,s),this.ezChange=t(this,"ezChange",7),this.ezBlur=t(this,"ezBlur",7),this.iconClick=t(this,"iconClick",7),this.type="text",this.value=void 0,this.label=void 0,this.helpText=void 0,this.placeholder=void 0,this.enabled=!0,this.readonly=!1,this.name=void 0,this.minlength=void 0,this.maxlength=void 0,this.leftIconName=void 0,this.rightIconName=void 0,this.rightIconTooltip=void 0,this.leftIconTooltip=void 0,this.state="default",this.leftIconClickable=!1,this.rightIconClickable=!1,this.mask=void 0,this.emitMaskedValue=!1}async setFocus(i){(null==i?void 0:i.selectText)&&this._inputElem.select(),(null==i?void 0:i.preventScroll)||this._inputElem.scrollIntoView({behavior:"smooth",block:"center"}),this._inputElem.focus({preventScroll:!0})}async setBlur(){this._inputElem.blur()}onInput(i){try{const t=i.target;let s=t.value;if(this._maskFormatter){const i=this._maskFormatter.format(s),e=this._maskFormatter.removeMask(i);t.value=i,this.value=e,this.ezChange.emit(this.emitMaskedValue?i:e)}else this.value=s,this.ezChange.emit(s)}catch(i){console.error("Error processing input event:",i)}}onBlur(){this.ezBlur.emit(this.value)}handleIconClick(i,t){this.enabled&&("left"===t&&!this.leftIconClickable||"right"===t&&!this.rightIconClickable?this.setFocus({preventScroll:!0}):(i.stopPropagation(),this.iconClick.emit({icon:t})))}addInfoId(){this._element&&r.addIDInfo(this._element),this._inputElem&&r.addIDInfo(this._inputElem,"classic-input",{id:"embedded"})}componentWillLoad(){this.mask&&!this._maskFormatter&&(this._maskFormatter=new a(this.mask)),!this.placeholder&&this._maskFormatter&&(this.placeholder=this._maskFormatter.generatePlaceholder())}componentDidLoad(){if(this.value&&this._maskFormatter&&this._inputElem){const i=this._maskFormatter.format(this.value);this._inputElem.value=i}else this._inputElem.value=this.value||"";this.addInfoId()}render(){return s(e,null,s("label",{title:this.label,htmlFor:this.name},this.label),s("div",{class:"input-container","data-state":this.state,"data-disabled":(!this.enabled).toString(),onClick:()=>this.setFocus({preventScroll:!0})},this.leftIconName&&s("ez-icon",{iconName:this.leftIconName,title:this.leftIconTooltip,onClick:i=>this.handleIconClick(i,"left"),class:{"icon-clickable":this.leftIconClickable}}),s("input",{ref:i=>this._inputElem=i,id:this.name,type:this.type,title:this.value,placeholder:this.placeholder,disabled:!this.enabled,readonly:this.readonly,name:this.name,minlength:this.minlength,maxlength:this.maxlength,onInput:this.onInput.bind(this),onBlur:this.onBlur.bind(this)}),this.rightIconName&&s("ez-icon",{iconName:this.rightIconName,title:this.rightIconTooltip,onClick:i=>this.handleIconClick(i,"right"),class:{"icon-clickable":this.rightIconClickable}})),this.helpText&&s("span",{title:this.helpText},this.helpText))}get _element(){return o(this)}};c.style=':host{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);border:none;padding:0;--ez-classic-input--label-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--border-color-default:var(--color--gray-200, #D2D2D3);--ez-classic-input--border-color-focus:var(--color--gray-300, #A4A5A7);--ez-classic-input--border-color-success:var(--color--green-600, #157A00);--ez-classic-input--border-color-error:var(--color--red-600, #BD0025);--ez-classic-input--border-color-warning:var(--color--yellow-600, #EFB103);--ez-classic-input--background-color:var(--color--gray-70, #FFFFFF);--ez-classic-input--background-color-disabled:var(--color--gray-90, #EAEAEA);--ez-classic-input--text-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--placeholder-color:#bdbdbd;--ez-classic-input--icon-color:var(--color--gray-400, #77777A);--ez-classic-input--helptext-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--height:56px}.input-container{display:flex;flex-direction:row;align-items:center;width:100%;border:none;border-radius:var(--border--radius-8, 8px);padding:var(--space--16, 16px);box-sizing:border-box;gap:var(--space--10, 10px);margin:var(--space--4, 4px) var(--space--2, 2px);transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);height:var(--ez-classic-input--height);background-color:var(--ez-classic-input--background-color)}.input-container,.input-container[data-state="default"]{box-shadow:0 0 0 1px var(--ez-classic-input--border-color-default)}.input-container[data-state="success"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-success)}.input-container[data-state="error"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-error)}.input-container[data-state="warning"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-warning)}.input-container:focus-within{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-focus)}ez-icon{min-width:var(--space--24, 24px);color:var(--ez-classic-input--icon-color)}input{flex:1;border:none;outline:none;background:transparent;height:100%;width:100%;padding:0;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);text-overflow:ellipsis;color:var(--ez-classic-input--text-color)}input::placeholder{color:var(--ez-classic-input--placeholder-color)}.input-container[data-disabled="true"]{cursor:not-allowed;background:var(--ez-classic-input--background-color-disabled);border-color:var(--ez-classic-input--border-color-default)}.input-container[data-disabled="true"]>*{cursor:not-allowed}@keyframes ez-helptext-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}span{font-size:var(--font-size--xsmall, 10px);line-height:var(--line-height--16, 16px);overflow:hidden;text-overflow:ellipsis;animation:ez-helptext-fadein 0.3s ease;color:var(--ez-classic-input--helptext-color)}label{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height--20, 20px);color:var(--ez-classic-input--label-color)}.icon-clickable{cursor:pointer}';export{c as ez_classic_input}