@sankhyalabs/ezui 1.1.63 → 1.1.64

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 (76) hide show
  1. package/dist/cjs/ez-action-chip.cjs.entry.js +1 -1
  2. package/dist/cjs/ez-button_16.cjs.entry.js +6 -12
  3. package/dist/cjs/ez-dialog.cjs.entry.js +3 -3
  4. package/dist/cjs/ez-label-chip.cjs.entry.js +2 -2
  5. package/dist/cjs/ez-popup.cjs.entry.js +2 -2
  6. package/dist/cjs/ez-toast.cjs.entry.js +1 -1
  7. package/dist/collection/components/ez-action-chip/ez-action-chip.css +20 -31
  8. package/dist/collection/components/ez-action-chip/ez-action-chip.js +1 -1
  9. package/dist/collection/components/ez-button/ez-button.css +35 -16
  10. package/dist/collection/components/ez-calendar/ez-calendar.css +55 -28
  11. package/dist/collection/components/ez-check/ez-check.css +76 -43
  12. package/dist/collection/components/ez-check/ez-check.js +1 -1
  13. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +20 -0
  14. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +1 -1
  15. package/dist/collection/components/ez-combo-box/ez-combo-box.css +60 -86
  16. package/dist/collection/components/ez-date-input/ez-date-input.css +9 -6
  17. package/dist/collection/components/ez-date-input/ez-date-input.js +1 -1
  18. package/dist/collection/components/ez-dialog/ez-dialog.css +125 -52
  19. package/dist/collection/components/ez-dialog/ez-dialog.js +2 -2
  20. package/dist/collection/components/ez-label-chip/ez-label-chip.css +65 -59
  21. package/dist/collection/components/ez-label-chip/ez-label-chip.js +16 -16
  22. package/dist/collection/components/ez-modal/ez-modal.css +57 -0
  23. package/dist/collection/components/ez-modal/ez-modal.js +1 -1
  24. package/dist/collection/components/ez-number-input/ez-number-input.css +25 -1
  25. package/dist/collection/components/ez-number-input/ez-number-input.js +1 -1
  26. package/dist/collection/components/ez-numeric-input/ez-numeric-input.css +3 -1
  27. package/dist/collection/components/ez-numeric-input/ez-numeric-input.js +1 -1
  28. package/dist/collection/components/ez-popover/ez-popover.css +9 -7
  29. package/dist/collection/components/ez-popup/ez-popup.css +97 -80
  30. package/dist/collection/components/ez-popup/ez-popup.js +2 -2
  31. package/dist/collection/components/ez-search/ez-search.js +1 -1
  32. package/dist/collection/components/ez-tabselector/ez-tabselector.css +30 -22
  33. package/dist/collection/components/ez-tabselector/ez-tabselector.js +1 -1
  34. package/dist/collection/components/ez-text-area/ez-text-area.css +25 -10
  35. package/dist/collection/components/ez-text-area/ez-text-area.js +1 -1
  36. package/dist/collection/components/ez-text-input/ez-text-input.css +23 -7
  37. package/dist/collection/components/ez-text-input/ez-text-input.js +1 -1
  38. package/dist/collection/components/ez-time-input/ez-time-input.css +16 -1
  39. package/dist/collection/components/ez-toast/ez-toast.css +23 -10
  40. package/dist/collection/components/ez-upload/ez-upload.css +85 -16
  41. package/dist/collection/components/ez-upload/ez-upload.js +1 -7
  42. package/dist/custom-elements/index.js +15 -21
  43. package/dist/esm/ez-action-chip.entry.js +1 -1
  44. package/dist/esm/ez-button_16.entry.js +6 -12
  45. package/dist/esm/ez-dialog.entry.js +3 -3
  46. package/dist/esm/ez-label-chip.entry.js +2 -2
  47. package/dist/esm/ez-popup.entry.js +2 -2
  48. package/dist/esm/ez-toast.entry.js +1 -1
  49. package/dist/ezui/ezui.esm.js +1 -1
  50. package/dist/ezui/p-46275da0.entry.js +1 -0
  51. package/dist/ezui/p-4f4b8aae.entry.js +1 -0
  52. package/dist/ezui/p-7c7dbfcb.entry.js +1 -0
  53. package/dist/ezui/p-8c8f1c00.entry.js +1 -0
  54. package/dist/ezui/{p-c3b18332.entry.js → p-8d547517.entry.js} +1 -1
  55. package/dist/ezui/p-9702db61.entry.js +1 -0
  56. package/dist/types/components/ez-action-chip/ez-action-chip.d.ts +3 -0
  57. package/dist/types/components/ez-check/ez-check.d.ts +3 -0
  58. package/dist/types/components/ez-collapsible-box/ez-collapsible-box.d.ts +3 -0
  59. package/dist/types/components/ez-date-input/ez-date-input.d.ts +3 -0
  60. package/dist/types/components/ez-label-chip/ez-label-chip.d.ts +7 -1
  61. package/dist/types/components/ez-modal/ez-modal.d.ts +1 -1
  62. package/dist/types/components/ez-number-input/ez-number-input.d.ts +3 -0
  63. package/dist/types/components/ez-numeric-input/ez-numeric-input.d.ts +3 -0
  64. package/dist/types/components/ez-popup/ez-popup.d.ts +1 -1
  65. package/dist/types/components/ez-search/ez-search.d.ts +3 -0
  66. package/dist/types/components/ez-tabselector/ez-tabselector.d.ts +3 -0
  67. package/dist/types/components/ez-text-area/ez-text-area.d.ts +3 -0
  68. package/dist/types/components/ez-text-input/ez-text-input.d.ts +3 -0
  69. package/dist/types/components/ez-upload/ez-upload.d.ts +1 -1
  70. package/dist/types/components.d.ts +39 -3
  71. package/package.json +1 -1
  72. package/dist/ezui/p-34e7a3b9.entry.js +0 -1
  73. package/dist/ezui/p-88b9c3d4.entry.js +0 -1
  74. package/dist/ezui/p-9cd820c7.entry.js +0 -1
  75. package/dist/ezui/p-aa94210b.entry.js +0 -1
  76. package/dist/ezui/p-c0c6804e.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{r as e,c as l,h as a}from"./p-762ac7a0.js";let r=class{constructor(a){e(this,a),this.valueChange=l(this,"valueChange",7),this.removeChip=l(this,"removeChip",7),this.enabled=!0,this.removable=!1,this.value=!1}async setFocus(){this._labelElem.focus()}async setBlur(){this._labelElem.blur()}handleClick(e){const l=e.target;null!==l.assignedSlot||l.classList.contains("label__icon")||(this.valueChange.emit(this.value),this.swichState())}swichState(){this.enabled&&(this.value=!this.value)}reflectChange(){this._divElem&&(this._divElem.classList.remove("label__container--active"),this._divElem.classList.remove("label__container"),this._divElem.classList.add(this.value?"label__container--active":"label__container"))}componentDidLoad(){this._divElem&&(this.value?this._divElem.classList.add("label__container--active"):this.handleEnabledState())}handleEnabledState(){this._divElem.classList.remove("label__container--disabled"),this.enabled||(this._divElem.classList.remove("label__container"),this._divElem.classList.add("label__container--disabled"),this._labelElem&&(this._labelElem.style.cursor="default"))}render(){return a("div",{onClick:e=>this.handleClick(e),class:this.value?"label__container--active":"label__container",ref:e=>this._divElem=e},a("slot",{name:"leftIcon"}),a("label",{ref:e=>this._labelElem=e},this.label),this.removable?a("button",{class:"btn-close",onClick:()=>{this.removeChip.emit()}}):null,a("slot",{name:"rightIcon"}))}static get watchers(){return{value:["reflectChange"],enabled:["handleEnabledState"]}}};r.style=':host{--lc--height:36px;--lc__label--font-size:var(--text--medium, 14px);--lc__label--font-family:var(--font-pattern, Arial);--lc__label--font-weight:var(--text-weight--large, 600);--lc__label--space--medium:var(--space--medium, 12px);--lc__label--title--primary:var(--title--primary, #919191);--lc__label__container--border-radius:var(--border--radius-large, 24px);--lc__label__container--border:1px solid;--lc__label__container--border-color-strokes:var(--color--strokes, #DCE0E8);--lc__label__container--color-primary:var(--color--primary, #008561);--lc__label__container-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--lc__label__container--background-color:#0085610F;--lc__label__container--border-color:#0085610F;--lc__label__container--default--border-color--hover:var(--color--primary-600, #007a5a);--lc__label__container--default--background-color--hover:var(--color--primary-200, #f2faf8);--lc__label__container--text--disabled:var(--text--disable, #AFB6C0);--lc__btn__close--image:url(\'data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg"><path d="M 4.7098145,3.9968334 7.8535703,0.85318776 C 7.9473034,0.75946455 8,0.63233985 8,0.49978585 8,0.36723841 7.947304,0.24011361 7.8535703,0.14638378 7.7598354,0.05266059 7.6327257,6.48e-8 7.500152,6.48e-8 7.3676457,6.48e-8 7.2404691,0.0526608 7.1467354,0.14638378 L 4.00298,3.2900293 0.8591984,0.14638378 C 0.76546463,0.05266059 0.63834103,6.48e-8 0.50578123,6.48e-8 0.3732281,6.48e-8 0.24609783,0.05266059 0.15236397,0.14638378 0.05863012,0.24011361 0.00597395,0.36723841 0.00597395,0.49978585 c 0,0.132554 0.05265617,0.2596787 0.14639002,0.35340191 L 3.2961455,3.9968334 0.15236397,7.1411589 C 0.10466427,7.1872561 0.06663114,7.2424161 0.04046961,7.303371 0.01431473,7.3643212 5.6180845e-4,7.429943 1.6859246e-5,7.4962264 -5.2808998e-4,7.5625744 0.01214297,7.6283944 0.03729854,7.6897476 c 0.02514888,0.061416 0.06227604,0.1171794 0.1092096,0.1640783 0.0469402,0.046903 0.10274083,0.083936 0.16415749,0.1090508 0.0614166,0.025114 0.12721688,0.037703 0.19355667,0.037103 0.06634,-5.714e-4 0.13190027,-0.014457 0.19284393,-0.04064 0.0609507,-0.026246 0.11606474,-0.064351 0.16213217,-0.1120492 L 4.00298,4.7036374 7.1467354,7.8472967 c 0.093734,0.09373 0.2209103,0.1463572 0.3534166,0.1463572 0.1325737,0 0.2596834,-0.052623 0.3534183,-0.1463572 C 7.9473034,7.753567 8,7.6264624 8,7.493895 8,7.3613281 7.9473086,7.2342224 7.8535703,7.1404927 Z"/></svg>\')}.btn-close{align-items:flex-start;display:flex;outline:none;border:none;padding:0px 0px 0px 6px;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--lc__label__container--color-primary);width:8px;height:8px;-webkit-mask-image:var(--lc__btn__close--image);mask-image:var(--lc__btn__close--image)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;background-color:#FFFFFF;align-self:center;color:var(--lc__label--title--primary);fill:var(--lc__label--title--primary);border:var(--lc__label__container--border);border-radius:var(--lc__label__container--border-radius);border-color:var(--lc__label__container--border-color-strokes);padding-right:var(--lc__label--space--medium);padding-left:var(--lc__label--space--medium)}.label__container:hover{border-color:var(--lc__label__container--default--border-color--hover);background-color:var(--lc__label__container--default--background-color--hover)}.label__container--active{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;align-self:center;border:var(--lc__label__container--border);border-radius:var(--lc__label__container--border-radius);padding-right:var(--lc__label--space--medium);padding-left:var(--lc__label--space--medium);fill:var(--lc__label__container--color-primary);color:var(--lc__label__container--color-primary);border-color:var(--lc__label__container--border-color);background-color:var(--lc__label__container--background-color)}.label__container--disabled{width:fit-content;display:flex;flex-wrap:wrap;position:relative;align-items:center;align-self:center;border:var(--lc__label__container--border);border-color:var(--lc__label__container-color--disable-secondary);border-radius:var(--lc__label__container--border-radius);padding-right:var(--lc__label--space--medium);padding-left:var(--lc__label--space--medium);fill:var(--lc__label__container--text--disabled);color:var(--lc__label__container--text--disabled);background-color:var(--lc__label__container-color--disable-secondary)}label{display:flex;align-items:center;font-weight:var(--lc__label--font-weight);cursor:pointer;height:var(--lc--height);font-family:var(--lc__label--font-family);font-size:var(--lc__label--font-size)}.label__icon{display:flex;cursor:pointer}';export{r as ez_label_chip}
@@ -9,6 +9,9 @@ export declare class EzLabelChip {
9
9
  * Deixa o componente disponível ou não para seleção.
10
10
  */
11
11
  enabled: boolean;
12
+ /**
13
+ * Evento disparado quando o chip for clicado (onActionClick).
14
+ */
12
15
  actionClick: EventEmitter<ClickOptions>;
13
16
  render(): any;
14
17
  }
@@ -1,6 +1,9 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
2
  export declare class EzCheck {
3
3
  private _inputElem;
4
+ /**
5
+ * Evento disparado ao mudar o estado do check(onEzChange).
6
+ */
4
7
  ezChange: EventEmitter<string>;
5
8
  /**
6
9
  * Label é o título do campo
@@ -16,6 +16,9 @@ export declare class EzCollapsibleBox {
16
16
  * Define o local onde o ícone será renderizado.
17
17
  */
18
18
  iconplacement: string;
19
+ /**
20
+ * Evento disparado ao mudar o estado do componente (onEzChange).
21
+ */
19
22
  ezChange: EventEmitter<string>;
20
23
  observeValue(): void;
21
24
  /**
@@ -3,6 +3,9 @@ export declare class EzDateInput {
3
3
  private _calendar;
4
4
  private _textInput;
5
5
  private _elem;
6
+ /**
7
+ * Evento disparado ao mudar o estado do componente(onEzChange).
8
+ */
6
9
  ezChange: EventEmitter<string>;
7
10
  /**
8
11
  * Label é o título do campo
@@ -3,7 +3,6 @@ import { ClickOptions } from 'puppeteer';
3
3
  export declare class EzLabelChip {
4
4
  private _divElem;
5
5
  private _labelElem;
6
- removeChip: EventEmitter<ClickOptions>;
7
6
  /**
8
7
  * Label é o título exibido no componente.
9
8
  */
@@ -20,7 +19,14 @@ export declare class EzLabelChip {
20
19
  * Indica se o componente está ou não ativado.
21
20
  */
22
21
  value: boolean;
22
+ /**
23
+ *Evento disparado quando o estado do componente mudar (onValueChange).
24
+ */
23
25
  valueChange: EventEmitter<boolean>;
26
+ /**
27
+ *Evento disparado ao clicar no botão de remoção (onRemoveChip).
28
+ */
29
+ removeChip: EventEmitter<ClickOptions>;
24
30
  /**
25
31
  * Faz o foco no componente de input
26
32
  */
@@ -22,7 +22,7 @@ export declare class EzModal {
22
22
  */
23
23
  closeoutsideclick: boolean;
24
24
  /**
25
- * Um evento disparado quando o modal é fechado.
25
+ * Um evento disparado quando o modal é fechado (onEzCloseModal).
26
26
  */
27
27
  ezCloseModal: EventEmitter<boolean>;
28
28
  handleOppenedChange(): void;
@@ -44,6 +44,9 @@ export declare class NumberInput {
44
44
  * Não é case sensitive
45
45
  */
46
46
  formatnumber: string;
47
+ /**
48
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
49
+ */
47
50
  ezChange: EventEmitter<{
48
51
  strValue: string;
49
52
  value: number;
@@ -1,6 +1,9 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
2
  export declare class EzNumericInput {
3
3
  private _textInput;
4
+ /**
5
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
6
+ */
4
7
  ezChange: EventEmitter<string>;
5
8
  /**
6
9
  * Label é o título do campo
@@ -21,7 +21,7 @@ export declare class EzPopup {
21
21
  */
22
22
  useHeader: boolean;
23
23
  /**
24
- * Evento disparado ao clicar no botão de fechar.
24
+ * Evento disparado ao clicar no botão de fechar (onEzClosePopup).
25
25
  */
26
26
  ezClosePopup: EventEmitter;
27
27
  /**
@@ -14,6 +14,9 @@ export declare class EzSearch {
14
14
  * Deixa o campo disponível ou não.
15
15
  */
16
16
  enabled: boolean;
17
+ /**
18
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
19
+ */
17
20
  ezChange: EventEmitter<Option>;
18
21
  /**
19
22
  * Este é o evento emitido ao clicar para abrir o popup
@@ -12,6 +12,9 @@ export declare class EzTabselector {
12
12
  selectedindex: string;
13
13
  selectedtab: string;
14
14
  tabs: string;
15
+ /**
16
+ * Este é o evento emitido ao clicar para abrir o popup (onChange).
17
+ */
15
18
  change: EventEmitter<string>;
16
19
  handleTabClick(tab: string, index: number): void;
17
20
  componentWillRender(): void;
@@ -5,6 +5,9 @@ export declare class EzTextArea {
5
5
  private _messageBoxElem;
6
6
  private _container;
7
7
  private _hostElement;
8
+ /**
9
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
10
+ */
8
11
  ezChange: EventEmitter<string>;
9
12
  /**
10
13
  * Label é o título do campo
@@ -6,6 +6,9 @@ export declare class EzTextInput {
6
6
  private _lastValidValue;
7
7
  private _maskFormatter;
8
8
  private _hostElement;
9
+ /**
10
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
11
+ */
9
12
  ezChange: EventEmitter<string>;
10
13
  /**
11
14
  * Label é o título do campo
@@ -47,7 +47,7 @@ export declare class EzUpload {
47
47
  */
48
48
  value: Array<EzFile>;
49
49
  /**
50
- * Evento emitido ao finalizar o upload de um arquivo
50
+ * Evento emitido ao finalizar o upload de um arquivo (onEzChange).
51
51
  */
52
52
  ezChange: EventEmitter<Array<EzFile>>;
53
53
  changeValue(newValue: Array<EzFile>): void;
@@ -785,6 +785,9 @@ declare namespace LocalJSX {
785
785
  * Label é o título exibido no componente.
786
786
  */
787
787
  "label"?: string;
788
+ /**
789
+ * Evento disparado quando o chip for clicado (onActionClick).
790
+ */
788
791
  "onActionClick"?: (event: CustomEvent<ClickOptions>) => void;
789
792
  }
790
793
  interface EzButton {
@@ -832,6 +835,9 @@ declare namespace LocalJSX {
832
835
  * Existem dois modos de visualização: regular e switch. Se esta propriedade for omitida, o componete assume o formato "regular"; No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada. No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
833
836
  */
834
837
  "mode"?: string;
838
+ /**
839
+ * Evento disparado ao mudar o estado do check(onEzChange).
840
+ */
835
841
  "onEzChange"?: (event: CustomEvent<string>) => void;
836
842
  /**
837
843
  * Como se trata de um componente binário, o valor alterna entre true e false (marcado / desmarcado)
@@ -851,6 +857,9 @@ declare namespace LocalJSX {
851
857
  * Label é o título do campo
852
858
  */
853
859
  "label"?: string;
860
+ /**
861
+ * Evento disparado ao mudar o estado do componente (onEzChange).
862
+ */
854
863
  "onEzChange"?: (event: CustomEvent<string>) => void;
855
864
  /**
856
865
  * Valor externalizado que garante a exibição ou não do componente
@@ -909,6 +918,9 @@ declare namespace LocalJSX {
909
918
  * Label é o título do campo
910
919
  */
911
920
  "label"?: string;
921
+ /**
922
+ * Evento disparado ao mudar o estado do componente(onEzChange).
923
+ */
912
924
  "onEzChange"?: (event: CustomEvent<string>) => void;
913
925
  /**
914
926
  * A data informada pelo usuário
@@ -974,7 +986,13 @@ declare namespace LocalJSX {
974
986
  * Label é o título exibido no componente.
975
987
  */
976
988
  "label"?: string;
989
+ /**
990
+ * Evento disparado ao clicar no botão de remoção (onRemoveChip).
991
+ */
977
992
  "onRemoveChip"?: (event: CustomEvent<ClickOptions>) => void;
993
+ /**
994
+ * Evento disparado quando o estado do componente mudar (onValueChange).
995
+ */
978
996
  "onValueChange"?: (event: CustomEvent<boolean>) => void;
979
997
  /**
980
998
  * Indica se o componente terá a opção de ser removido.
@@ -1003,7 +1021,7 @@ declare namespace LocalJSX {
1003
1021
  */
1004
1022
  "modalsize"?: string;
1005
1023
  /**
1006
- * Um evento disparado quando o modal é fechado.
1024
+ * Um evento disparado quando o modal é fechado (onEzCloseModal).
1007
1025
  */
1008
1026
  "onEzCloseModal"?: (event: CustomEvent<boolean>) => void;
1009
1027
  /**
@@ -1028,6 +1046,9 @@ declare namespace LocalJSX {
1028
1046
  * Label é o título do campo
1029
1047
  */
1030
1048
  "label"?: string;
1049
+ /**
1050
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
1051
+ */
1031
1052
  "onEzChange"?: (event: CustomEvent<{ strValue: string, value: number }>) => void;
1032
1053
  /**
1033
1054
  * Precisão de arredondamento do número
@@ -1063,6 +1084,9 @@ declare namespace LocalJSX {
1063
1084
  * Label é o título do campo
1064
1085
  */
1065
1086
  "label"?: string;
1087
+ /**
1088
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
1089
+ */
1066
1090
  "onEzChange"?: (event: CustomEvent<string>) => void;
1067
1091
  /**
1068
1092
  * Precisão decimal, ou seja, quantas casas decimais podem ser exibidas. Caso a quantidade de casas decimais do valor seja maior que precision, haverá arredondamento
@@ -1113,7 +1137,7 @@ declare namespace LocalJSX {
1113
1137
  */
1114
1138
  "ezTitle"?: string;
1115
1139
  /**
1116
- * Evento disparado ao clicar no botão de fechar.
1140
+ * Evento disparado ao clicar no botão de fechar (onEzClosePopup).
1117
1141
  */
1118
1142
  "onEzClosePopup"?: (event: CustomEvent<any>) => void;
1119
1143
  /**
@@ -1142,6 +1166,9 @@ declare namespace LocalJSX {
1142
1166
  * Label é o título do campo
1143
1167
  */
1144
1168
  "label"?: string;
1169
+ /**
1170
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
1171
+ */
1145
1172
  "onEzChange"?: (event: CustomEvent<Option>) => void;
1146
1173
  /**
1147
1174
  * Este é o evento emitido ao clicar para abrir o popup
@@ -1165,6 +1192,9 @@ declare namespace LocalJSX {
1165
1192
  "value"?: Option|string;
1166
1193
  }
1167
1194
  interface EzTabselector {
1195
+ /**
1196
+ * Este é o evento emitido ao clicar para abrir o popup (onChange).
1197
+ */
1168
1198
  "onChange"?: (event: CustomEvent<string>) => void;
1169
1199
  "selectedindex"?: string;
1170
1200
  "selectedtab"?: string;
@@ -1187,6 +1217,9 @@ declare namespace LocalJSX {
1187
1217
  * Deixa o componente em modo "carregando".
1188
1218
  */
1189
1219
  "loading"?: boolean;
1220
+ /**
1221
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
1222
+ */
1190
1223
  "onEzChange"?: (event: CustomEvent<string>) => void;
1191
1224
  /**
1192
1225
  * Ajusta o numero de linhas e consequentemente o height do textarea. Valor default: 4
@@ -1218,6 +1251,9 @@ declare namespace LocalJSX {
1218
1251
  * Aplica uma máscara no conteúdo conforme um o padrão estabelecido
1219
1252
  */
1220
1253
  "mask"?: string;
1254
+ /**
1255
+ * Um evento disparado quando o estado do componente é alterado (onEzChange).
1256
+ */
1221
1257
  "onEzChange"?: (event: CustomEvent<string>) => void;
1222
1258
  /**
1223
1259
  * Faz com que o componente só aceite números
@@ -1290,7 +1326,7 @@ declare namespace LocalJSX {
1290
1326
  */
1291
1327
  "maxfilesize"?: number;
1292
1328
  /**
1293
- * Evento emitido ao finalizar o upload de um arquivo
1329
+ * Evento emitido ao finalizar o upload de um arquivo (onEzChange).
1294
1330
  */
1295
1331
  "onEzChange"?: (event: CustomEvent<Array<EzFile>>) => void;
1296
1332
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui",
3
- "version": "1.1.63",
3
+ "version": "1.1.64",
4
4
  "description": "Biblioteca de componentes Sankhya.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/custom-elements/index.js",
@@ -1 +0,0 @@
1
- import{r as t,c as i,f as l,h as e}from"./p-762ac7a0.js";class d{constructor(t,i,l,e,d,a){this.title=t,this.message=i,this.critical=l,this.confirm=e,this.icon=d,this.callBack=a}}let a=class{constructor(l){t(this,l),this.ezCancel=i(this,"ezCancel",7),this.ezAccept=i(this,"ezAccept",7),this.confirm=!1,this.critical=!1,this.opened=!1,this._messageQueue=[]}async handleButtonClick(t){this.opened=this._messageQueue.length>0,this._currentMessage.callBack?this._currentMessage.callBack(t):t?this.ezAccept.emit(t):this.ezCancel.emit(t),this._currentMessage=this._messageQueue.shift(),l(this)}async show(t,i,l,e,a){return this.opened=!0,new Promise((o=>{this._messageQueue.push(new d(t,i,l,e,a,o))}))}componentWillRender(){this._currentMessage||(this._messageQueue.length>0?this._currentMessage=this._messageQueue.pop():this.opened&&(this._currentMessage=new d(this.ezTitle,this.message,this.critical,this.confirm,this.personalizedIconPath,null)))}render(){return this.opened&&this._currentMessage?e("div",{class:"overlay"},e("div",{class:"dialog"},e("div",{class:!0===this._currentMessage.critical?"dialog__critical--indicator":"dialog__warning--indicator"}),e("div",{class:"dialog__container"},e("div",{class:"title__container"},e("div",{class:"title__box"},this._currentMessage.icon?e("svg",{class:"iconePersonalizado",role:"img"},e("use",{xlinkHref:this._currentMessage.icon})):e("div",{class:this._currentMessage.critical?"title-icon title-icon--critical":"title-icon"}),e("div",{class:"title title--label"},e("h2",null,this._currentMessage.title))),e("button",{class:"btn-close",onClick:()=>this.handleButtonClick(!1)})),e("div",{class:"text text--primary text--medium message"},this._currentMessage.message),this._currentMessage.confirm?e("div",{class:"button-yes-no__container"},e("ez-button",{class:"button__no",mode:"link",label:"Não",onClick:()=>this.handleButtonClick(!1)}),e("ez-button",{label:"Ok",onClick:()=>this.handleButtonClick(!0)})):void 0,this._currentMessage.confirm?void 0:e("div",{class:"button__ok--container"},e("ez-button",{label:"Ok",onClick:()=>this.handleButtonClick(!0)}))))):null}};a.style=':host{--dlg-title--primary:var(--title--primary, #2b3a54);--dlg-font-pattern:var(--font-pattern, "\'Sora\', \'Algerian\'");--dlg-text-weight--large:var(--text-weight--large, 600);--dlg-space--small:var(--space--small, 6px);--dlg-space--medium:var(--space--medium, 12px);--dlg-space--large:var(--space--large, 24px);--dlg-critical--background-color:var(--color--alert-error-800, #BD0025);--dlg-warning--background-color:var(--color--alert-warning-500, #EFB103);--dlg-text-weight--medium:var(--text-weight--medium, 400);--dlg-text-shadow:var(--text-shadow, "0 0 0 #353535, 0 0 1px transparent");--dlg-text--medium:var(--text--medium, 14px);--dlg-text--primary:var(--text--primary, #626e82);--dlg-z-index:var(--most-visible, 3);--dlg--close__image:url(\'data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>\');--dlg--warning__image:url(\'data: image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895"/></svg>\');--dlg--critical__image:url(\'data: image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"><path d="M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z"/></svg>\')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dlg-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;color:var(--dlg-title--primary);border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dlg-space--large)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dlg-critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dlg-warning--background-color)}.message{font-weight:var(--dlg-text-weight--medium);padding-bottom:var(--dlg-space--large);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.title{display:flex;font-family:var(--dlg-font-pattern);margin:0;font-weight:var(--dlg-text-weight--large);line-height:1.3}.title--large{font-size:var(--dlg-title--large)}.title__container{display:flex;padding-bottom:var(--dlg-space--medium)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dlg-space--small)}.title-icon{outline:none;border:none;background-color:var(--dlg-warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dlg-critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--dlg-title--primary);width:12px;height:12px;-webkit-mask-image:var(--dlg--close__image);mask-image:var(--dlg--close__image)}.title-icon::after{content:\'\';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dlg--warning__image);mask-image:var(--dlg--warning__image)}.title-icon--critical::after{content:\'\';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dlg--critical__image);mask-image:var(--dlg--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__no{padding-right:var(--dlg-space--large)}.button__ok--container{display:flex;justify-content:flex-end}.text{font-family:var(--dlg-font-pattern);text-shadow:var(--dlg-text-shadow)}.text--medium{font-size:var(--dlg-text--medium)}.text--primary{color:var(--dlg-text--primary);text-shadow:var(--dlg-text-shadow)}.iconePersonalizado{width:15px;height:15px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}';export{a as ez_dialog}
@@ -1 +0,0 @@
1
- import{r as a,c as r,h as e}from"./p-762ac7a0.js";let o=class{constructor(e){a(this,e),this.actionClick=r(this,"actionClick",7),this.enabled=!0}render(){return e("div",{onClick:()=>this.actionClick.emit(),class:"label__container"},e("slot",{name:"leftIcon"}),e("label",null,this.label),e("slot",{name:"rightIcon"}))}};o.style=":host{--ac--height:36px;--ac--width:100%;--ac__icon--width:48px;--ac--border-radius:var(--border--radius-large, 24px);--ac--font-size:var(--text--medium, 14px);--ac--font-family:var(--font-pattern, Arial);--ac--font-weight:var(--text-weight--large, 500);--ac--space--medium:var(--space--medium, 6px);--ac__border:1px solid;--ac__border-color-strokes:var(--color--strokes, #DCE0E8);--ac__label--title--primary:var(--title--primary, #919191);--ac__label--color-primary:var(--color--primary, #008561);--ac__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ac__label--background-color:#0085610F;--ac__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ac__label__default--border-color--hover:var(--color--primary-600, #007a5a);--ac__label--text--disabled:var(--text--disable, #AFB6C0);--ac__label--text--primary:var(--text--primary, #626e82);--ac__message_box--font-size:var(--text--small, 12px);--ac__message_box--info--color:var(--color--success, #22085d);--ac__message_box--error--color:var(--color--error, #FF0000)}.padding-right--small{padding-right:var(--ac--space--medium)}.padding-left--small{padding-left:var(--ac--space--medium)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;color:var(--ac__label--title--primary);fill:var(--ac__label--title--primary);border:var(--ac__border);border-radius:var(--ac--border-radius);border-color:var( --ac__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px);cursor:pointer}.label__container:hover{border-color:var(--ac__label__default--border-color--hover);background-color:var(--ac__label__default--background-color--hover)}.label__container--active:hover{border-color:var(--ac__label__active--background-color--hover);background-color:var(--ac__label__active--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ac--height);font-family:var(--ac--font-family);font-size:var(--ac--font-size)}";export{o as ez_action_chip}