@sankhyalabs/ezui 1.1.14 → 1.1.18

package/dist/collection/components/ez-modal/ez-modal.css

@@ -74,14 +74,224 @@
   border-radius: 12px;
 }
 
-.small {
-  width: 30%;
+/* //////// GRID SYSTEM //////// */
+
+.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%;
+  }
 }
 
-.medium {
-  width: 50%;
+@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%;
+  }
 }
 
-.large {
-  width: 70%;
+@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%;
+  }
 }

package/dist/collection/components/ez-modal/ez-modal.js

@@ -21,13 +21,13 @@ export class EzModal {
       }
     };
   }
-  handleClickOverlay(ev) {
-    ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
-    if (ev instanceof PointerEvent && this.closeoutsideclick) {
-      this.oppened = false;
-      this.ezChange.emit(this.oppened);
-    }
-  }
+  // handleClickOverlay(ev) {
+  // ev?.stopPropagation();
+  // if (ev instanceof PointerEvent && this.closeoutsideclick) {
+  //   this.oppened = false;
+  //   this.ezChange.emit(this.oppened);
+  // }
+  // }
   handleOppenedChange() {
     if (this.oppened) {
       document.addEventListener('keydown', this.handleKeyboardEvent);
@@ -87,16 +87,16 @@ export class EzModal {
   //Ainda teremos ajustes visuais
   render() {
     return (h(Host, null, this.oppened ?
-      h("div", { class: 'modal' /* ref={el => this._overlay = el} */, onClick: (ev) => this.handleClickOverlay(ev) },
+      h("div", { class: 'modal' /* ref={el => this._overlay = el} */ /* onClick={(ev) => this.handleClickOverlay(ev)} */ },
         this.align === 'left'
           ?
-            h("div", { onClick: (ev) => this.handleClickOverlay(ev), class: "modal__container modal__container--left" },
-              h("div", { onClick: (ev) => ev.stopPropagation(), class: "modal__content modal__content--left " + this.modalsize },
+            h("div", { class: "modal__container modal__container--left" },
+              h("div", { class: "modal__content modal__content--left " + this.modalsize },
                 h("slot", null)))
           : undefined,
         this.align === 'right' ?
-          h("div", { onClick: (ev) => this.handleClickOverlay(ev), class: "modal__container modal__container--right" },
-            h("div", { onClick: (ev) => ev.stopPropagation(), class: "modal__content modal__content--right " + this.modalsize },
+          h("div", { class: "modal__container modal__container--right" },
+            h("div", { class: "modal__content modal__content--right " + this.modalsize },
               h("slot", null)))
           : undefined)
       : undefined));

package/dist/collection/components/ez-number-input/ez-number-input.js

@@ -1,4 +1,4 @@
-import { Component, h, Host, Prop, Watch, Method, Element } from '@stencil/core';
+import { Component, h, Host, Prop, Watch, Method, Element, Event } from '@stencil/core';
 import { NumberUtils } from '@sankhyalabs/core';
 export class NumberInput {
   constructor() {
@@ -194,6 +194,7 @@ export class NumberInput {
       }
       this.strvalue = this._inputElem.value;
     }
+    this.ezChange.emit({ strValue: this.strvalue, value: this.value });
     this.adjustFloatingLabel();
   }
   settingValue() {
@@ -398,6 +399,22 @@ export class NumberInput {
       "defaultValue": "\"PT-BR\""
     }
   }; }
+  static get events() { return [{
+      "method": "ezChange",
+      "name": "ezChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{ strValue: string, value: number }",
+        "resolved": "{ strValue: string; value: number; }",
+        "references": {}
+      }
+    }]; }
   static get methods() { return {
     "setFocus": {
       "complexType": {

package/dist/collection/components/ez-search/ez-search.js

@@ -253,28 +253,27 @@ export class EzSearch {
       let key = this.buildId();
       this.saveStorageItem(key, this._inputElem.value);
       /* load data */
-      if (this.loadexecutor) {
-        this._loadDataFunction(this._inputElem.value, (serverData) => { this.populateOptions(serverData); });
-      }
+      this.load('PREDICTIVE');
     }, 200);
   }
+  load(mode) {
+    if (this.loadexecutor) {
+      this._loadDataFunction({ mode, argument: this._inputElem.value }, (serverData) => { this.populateOptions(serverData); });
+    }
+  }
   normalizeResult(data) {
-    let options = [];
     if (data instanceof Array) {
+      let options = [];
       options = data;
+      this._options = [{ value: '', label: '' }].concat(options);
+      this.buildOptions();
     }
     else {
-      if (data instanceof Object) {
-        for (var key in data) {
-          let newOption = { value: '', label: '' };
-          newOption.value = key;
-          newOption.label = data[key];
-          options.push(newOption);
-        }
+      if (data === null || data === void 0 ? void 0 : data.value) {
+        this.value = data.value;
+        this._inputElem.value = data.value;
       }
     }
-    this._options = [{ value: '', label: '' }].concat(options);
-    this.buildOptions();
   }
   populateOptions(serverData) {
     if (serverData instanceof Promise) {
@@ -323,7 +322,7 @@ export class EzSearch {
     var _a;
     return (h(Host, null,
       h("ez-text-input", { ref: (el) => { this._inputElem = el; }, label: this.label, enabled: this.enabled, onFocus: () => { this.handleFocus(); }, onInput: () => { this.handleChange(); }, onKeyDown: event => this.keyDownHandler(event), errormessage: this.errormessage },
-        h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-search", onClick: () => { alert("Esta ação irá abrir o PopUp!"); }, slot: "leftIcon" })),
+        h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-search", onClick: () => { this.load('ADVANCED'); this.showPopup.emit(); }, slot: "leftIcon" })),
       h("ez-popover", { boxwidth: '100%', ref: el => this._popover = el },
         h("div", { class: 'list-container', ref: (el) => this._divElem = el }, (_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.map((opt, index) => this.buildItem(opt, index))))));
   }
@@ -504,6 +503,21 @@ export class EzSearch {
           }
         }
       }
+    }, {
+      "method": "showPopup",
+      "name": "showPopup",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Este \u00E9 o evento emitido ao clicar para abrir o popup"
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "onInputTeste": {

package/dist/collection/components/ez-text-area/ez-text-area.js

@@ -25,6 +25,7 @@ export class EzTextArea {
     this._inputElem.value = this.value;
     this.handleChange();
     this.adjustFloatingLabel();
+    this.ezChange.emit(this.value);
   }
   adjustFloatingLabel() {
     if (this.label) {

package/dist/collection/components/ez-text-input/ez-text-input.css

@@ -149,6 +149,7 @@ input.text--right {
 
 .input__label--left {
   /*public*/
+  text-align: left;
   left: calc(var(--it__icon--width) + 2px); /*borda*/
   width: calc(100% - var(--it__icon--width));
 }
@@ -159,6 +160,7 @@ input.text--right {
   width: calc(100% - var(--it__icon--width));
 }
 
+/* ISSO TA ERRADO CRIAR INPUT__LABEL--BOTH */
 .input__label--left.input__label--right {
   left: calc(var(--it__icon--width) + 2px); /*borda*/
   width: calc(100% - var(--it__icon--width) * 2);

package/dist/custom-elements/index.js

@@ -3551,7 +3551,7 @@ const EzLabelChip$1 = class extends HTMLElement {
   static get style() { return ezLabelChipCss; }
 };
 
-const ezModalCss = ":host{--modal-z-index:var(--most-visible, 3);--modal-vertical-padding:var(--space--extra-large, 48px);display:block}.modal{position:fixed;padding:var(--modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--modal-z-index);left:0px;width:100%;height:100vh;backdrop-filter:blur(4px);background:rgb(0 4 12 / 40%)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:89.6vh;overflow-y:auto;background-color:#fff;padding:24px;border-radius:12px 0px 0px 12px;box-shadow:0px 0px 16px 0px rgba(0, 38, 111, 0.12)}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.small{width:30%}.medium{width:50%}.large{width:70%}";
+const ezModalCss = ":host{--modal-z-index:var(--most-visible, 3);--modal-vertical-padding:var(--space--extra-large, 48px);display:block}.modal{position:fixed;padding:var(--modal-vertical-padding) 0;display:flex;top:0px;z-index:var(--modal-z-index);left:0px;width:100%;height:100vh;backdrop-filter:blur(4px);background:rgb(0 4 12 / 40%)}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;max-height:89.6vh;overflow-y:auto;background-color:#fff;padding:24px;border-radius:12px 0px 0px 12px;box-shadow:0px 0px 16px 0px rgba(0, 38, 111, 0.12)}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.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%}}";
 
 const EzModal$1 = class extends HTMLElement {
   constructor() {
@@ -3579,13 +3579,13 @@ const EzModal$1 = class extends HTMLElement {
       }
     };
   }
-  handleClickOverlay(ev) {
-    ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
-    if (ev instanceof PointerEvent && this.closeoutsideclick) {
-      this.oppened = false;
-      this.ezChange.emit(this.oppened);
-    }
-  }
+  // handleClickOverlay(ev) {
+  // ev?.stopPropagation();
+  // if (ev instanceof PointerEvent && this.closeoutsideclick) {
+  //   this.oppened = false;
+  //   this.ezChange.emit(this.oppened);
+  // }
+  // }
   handleOppenedChange() {
     if (this.oppened) {
       document.addEventListener('keydown', this.handleKeyboardEvent);
@@ -3645,11 +3645,11 @@ const EzModal$1 = class extends HTMLElement {
   //Ainda teremos ajustes visuais
   render() {
     return (h(Host, null, this.oppened ?
-      h("div", { class: 'modal' /* ref={el => this._overlay = el} */, onClick: (ev) => this.handleClickOverlay(ev) }, this.align === 'left'
+      h("div", { class: 'modal' /* ref={el => this._overlay = el} */ /* onClick={(ev) => this.handleClickOverlay(ev)} */ }, this.align === 'left'
         ?
-          h("div", { onClick: (ev) => this.handleClickOverlay(ev), class: "modal__container modal__container--left" }, h("div", { onClick: (ev) => ev.stopPropagation(), class: "modal__content modal__content--left " + this.modalsize }, h("slot", null)))
+          h("div", { class: "modal__container modal__container--left" }, h("div", { class: "modal__content modal__content--left " + this.modalsize }, h("slot", null)))
         : undefined, this.align === 'right' ?
-        h("div", { onClick: (ev) => this.handleClickOverlay(ev), class: "modal__container modal__container--right" }, h("div", { onClick: (ev) => ev.stopPropagation(), class: "modal__content modal__content--right " + this.modalsize }, h("slot", null)))
+        h("div", { class: "modal__container modal__container--right" }, h("div", { class: "modal__content modal__content--right " + this.modalsize }, h("slot", null)))
         : undefined)
       : undefined));
   }
@@ -3666,6 +3666,7 @@ const NumberInput = class extends HTMLElement {
     super();
     this.__registerHost();
     attachShadow(this);
+    this.ezChange = createEvent(this, "ezChange", 7);
     /**
      * Deixa o campo disponível ou não para digitação.
      */
@@ -3858,6 +3859,7 @@ const NumberInput = class extends HTMLElement {
       }
       this.strvalue = this._inputElem.value;
     }
+    this.ezChange.emit({ strValue: this.strvalue, value: this.value });
     this.adjustFloatingLabel();
   }
   settingValue() {
@@ -4019,6 +4021,7 @@ const EzSearch$1 = class extends HTMLElement {
     this.__registerHost();
     attachShadow(this);
     this.ezChange = createEvent(this, "ezChange", 7);
+    this.showPopup = createEvent(this, "showPopup", 7);
     this._options = [];
     this._classSelect = 'list-container--4row';
     /**
@@ -4264,28 +4267,27 @@ const EzSearch$1 = class extends HTMLElement {
       let key = this.buildId();
       this.saveStorageItem(key, this._inputElem.value);
       /* load data */
-      if (this.loadexecutor) {
-        this._loadDataFunction(this._inputElem.value, (serverData) => { this.populateOptions(serverData); });
-      }
+      this.load('PREDICTIVE');
     }, 200);
   }
+  load(mode) {
+    if (this.loadexecutor) {
+      this._loadDataFunction({ mode, argument: this._inputElem.value }, (serverData) => { this.populateOptions(serverData); });
+    }
+  }
   normalizeResult(data) {
-    let options = [];
     if (data instanceof Array) {
+      let options = [];
       options = data;
+      this._options = [{ value: '', label: '' }].concat(options);
+      this.buildOptions();
     }
     else {
-      if (data instanceof Object) {
-        for (var key in data) {
-          let newOption = { value: '', label: '' };
-          newOption.value = key;
-          newOption.label = data[key];
-          options.push(newOption);
-        }
+      if (data === null || data === void 0 ? void 0 : data.value) {
+        this.value = data.value;
+        this._inputElem.value = data.value;
       }
     }
-    this._options = [{ value: '', label: '' }].concat(options);
-    this.buildOptions();
   }
   populateOptions(serverData) {
     if (serverData instanceof Promise) {
@@ -4332,7 +4334,7 @@ const EzSearch$1 = class extends HTMLElement {
   }
   render() {
     var _a;
-    return (h(Host, null, h("ez-text-input", { ref: (el) => { this._inputElem = el; }, label: this.label, enabled: this.enabled, onFocus: () => { this.handleFocus(); }, onInput: () => { this.handleChange(); }, onKeyDown: event => this.keyDownHandler(event), errormessage: this.errormessage }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-search", onClick: () => { alert("Esta ação irá abrir o PopUp!"); }, slot: "leftIcon" })), h("ez-popover", { boxwidth: '100%', ref: el => this._popover = el }, h("div", { class: 'list-container', ref: (el) => this._divElem = el }, (_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.map((opt, index) => this.buildItem(opt, index))))));
+    return (h(Host, null, h("ez-text-input", { ref: (el) => { this._inputElem = el; }, label: this.label, enabled: this.enabled, onFocus: () => { this.handleFocus(); }, onInput: () => { this.handleChange(); }, onKeyDown: event => this.keyDownHandler(event), errormessage: this.errormessage }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-search", onClick: () => { this.load('ADVANCED'); this.showPopup.emit(); }, slot: "leftIcon" })), h("ez-popover", { boxwidth: '100%', ref: el => this._popover = el }, h("div", { class: 'list-container', ref: (el) => this._divElem = el }, (_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.map((opt, index) => this.buildItem(opt, index))))));
   }
   ;
   get el() { return this; }
@@ -4581,6 +4583,7 @@ const EzTextArea$1 = class extends HTMLElement {
     this._inputElem.value = this.value;
     this.handleChange();
     this.adjustFloatingLabel();
+    this.ezChange.emit(this.value);
   }
   adjustFloatingLabel() {
     if (this.label) {
@@ -4657,7 +4660,7 @@ function isValidNumber(strValue) {
   return strValue && /^-?\d*[.,]?\d*$/.test(strValue);
 }
 
-const ezTextInputCss = ":host{--it--height:42px;--it--width:100%;--it__icon--width:48px;--it--border-radius:var(--border--radius-medium, 12px);--it--font-size:var(--text--medium, 14px);--it--font-family:var(--font-pattern, Arial);--it--font-weight:var(--text-weight--large, 500);--it--color:var(--title--primary, #000);--it__input--background-color:var(--background--medium, #e0e0e0);--it__input--border:var(--border--medium, 2px solid);--it__input--border-color:var(--it__input--background-color);--it__input--focus--border-color:var(--color--primary, #008561);--it__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--it__input--disabled--color:var(--text--disable, #AFB6C0);--it__input--error--border-color:#CC2936;--it__message_box--font-size:var(--text--small, 12px);--it__message_box--info--color:var(--color--success, #22085d);--it__message_box--error--color:var(--color--error, #FF0000);--it__label--floating--top:6px;--it__label--padding-top:12px;--it__label--padding-left:14px;--it__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--it--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--it--height);border-radius:var(--it--border-radius);font-family:var(--it--font-family);font-size:var(--it--font-size);border:var(--it__input--border);border-color:var(--it__input--border-color);background-color:var(--it__input--background-color);color:var(--it--color)}input:disabled{background-color:var(--it__input--disabled--background-color);color:var(--it__input--disabled--color)}input:focus{outline:none;border-color:var(--it__input--focus--border-color)}input.icon--left{padding-left:var(--it__icon--width)}input.icon--right{padding-right:var(--it__icon--width)}input.hasError{color:var(--it--color);border-color:var(--it__input--error--border-color)}input.text--right{text-align:right}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--it--font-family);font-size:var(--it__message_box--font-size);color:var(--it__message_box--info--color)}.hasError{color:var(--it__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--it__label--padding-right));left:var(--it--space--medium);font-family:var(--it--font-family);font-size:var(--it--font-size);font-weight:var(--it--font-weight);color:var(--it--color);top:var(--it__label--padding-top);left:var(--it__label--padding-left);padding-right:var(--it__label--padding-right)}.input__label--floated{font-family:var(--it--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--it__label--floating--top)}.input__label--disabled{color:var(--it__input--disabled--color)}.input__label--left{left:calc(var(--it__icon--width) + 2px);width:calc(100% - var(--it__icon--width))}.input__label--right{right:var(--it__icon--width);width:calc(100% - var(--it__icon--width))}.input__label--left.input__label--right{left:calc(var(--it__icon--width) + 2px);width:calc(100% - var(--it__icon--width) * 2)}.input--with--label{padding-bottom:0}";
+const ezTextInputCss = ":host{--it--height:42px;--it--width:100%;--it__icon--width:48px;--it--border-radius:var(--border--radius-medium, 12px);--it--font-size:var(--text--medium, 14px);--it--font-family:var(--font-pattern, Arial);--it--font-weight:var(--text-weight--large, 500);--it--color:var(--title--primary, #000);--it__input--background-color:var(--background--medium, #e0e0e0);--it__input--border:var(--border--medium, 2px solid);--it__input--border-color:var(--it__input--background-color);--it__input--focus--border-color:var(--color--primary, #008561);--it__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--it__input--disabled--color:var(--text--disable, #AFB6C0);--it__input--error--border-color:#CC2936;--it__message_box--font-size:var(--text--small, 12px);--it__message_box--info--color:var(--color--success, #22085d);--it__message_box--error--color:var(--color--error, #FF0000);--it__label--floating--top:6px;--it__label--padding-top:12px;--it__label--padding-left:14px;--it__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--it--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--it--height);border-radius:var(--it--border-radius);font-family:var(--it--font-family);font-size:var(--it--font-size);border:var(--it__input--border);border-color:var(--it__input--border-color);background-color:var(--it__input--background-color);color:var(--it--color)}input:disabled{background-color:var(--it__input--disabled--background-color);color:var(--it__input--disabled--color)}input:focus{outline:none;border-color:var(--it__input--focus--border-color)}input.icon--left{padding-left:var(--it__icon--width)}input.icon--right{padding-right:var(--it__icon--width)}input.hasError{color:var(--it--color);border-color:var(--it__input--error--border-color)}input.text--right{text-align:right}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--it--font-family);font-size:var(--it__message_box--font-size);color:var(--it__message_box--info--color)}.hasError{color:var(--it__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--it__label--padding-right));left:var(--it--space--medium);font-family:var(--it--font-family);font-size:var(--it--font-size);font-weight:var(--it--font-weight);color:var(--it--color);top:var(--it__label--padding-top);left:var(--it__label--padding-left);padding-right:var(--it__label--padding-right)}.input__label--floated{font-family:var(--it--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--it__label--floating--top)}.input__label--disabled{color:var(--it__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--it__icon--width) + 2px);width:calc(100% - var(--it__icon--width))}.input__label--right{right:var(--it__icon--width);width:calc(100% - var(--it__icon--width))}.input__label--left.input__label--right{left:calc(var(--it__icon--width) + 2px);width:calc(100% - var(--it__icon--width) * 2)}.input--with--label{padding-bottom:0}";
 
 const EzTextInput$1 = class extends HTMLElement {
   constructor() {

package/dist/esm/ez-action-chip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-95bb3fd9.js';
+import { r as registerInstance, c as createEvent, h } from './index-93e65e82.js';
 
 const ezActionChipCss = ":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);width:100%}.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;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--large, 12px);padding-left:var(--space--large, 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;width:calc(100% - var(--ac__icon--width));width:fit-content;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)}";
 

package/dist/esm/ez-button_14.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-95bb3fd9.js';
+import { r as registerInstance, h, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-93e65e82.js';
 import { M as MaskFormatter } from './RequestMetadata-c265c9d5.js';
 import { D as DependencyType, s as selectIsCollapsedFieldSet, c as collapseExpandGroup, a as selectCurrentTab, b as selectVisibleButtons, d as changeTab$1, e as showHideNavigationButtons, f as formLoad, g as DataUnit, i as invalidField$1 } from './DataUnit-0671f541.js';
 
@@ -2497,6 +2497,7 @@ const EzSearch = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ezChange = createEvent(this, "ezChange", 7);
+    this.showPopup = createEvent(this, "showPopup", 7);
     this._options = [];
     this._classSelect = 'list-container--4row';
     /**
@@ -2742,28 +2743,27 @@ const EzSearch = class {
       let key = this.buildId();
       this.saveStorageItem(key, this._inputElem.value);
       /* load data */
-      if (this.loadexecutor) {
-        this._loadDataFunction(this._inputElem.value, (serverData) => { this.populateOptions(serverData); });
-      }
+      this.load('PREDICTIVE');
     }, 200);
   }
+  load(mode) {
+    if (this.loadexecutor) {
+      this._loadDataFunction({ mode, argument: this._inputElem.value }, (serverData) => { this.populateOptions(serverData); });
+    }
+  }
   normalizeResult(data) {
-    let options = [];
     if (data instanceof Array) {
+      let options = [];
       options = data;
+      this._options = [{ value: '', label: '' }].concat(options);
+      this.buildOptions();
     }
     else {
-      if (data instanceof Object) {
-        for (var key in data) {
-          let newOption = { value: '', label: '' };
-          newOption.value = key;
-          newOption.label = data[key];
-          options.push(newOption);
-        }
+      if (data === null || data === void 0 ? void 0 : data.value) {
+        this.value = data.value;
+        this._inputElem.value = data.value;
       }
     }
-    this._options = [{ value: '', label: '' }].concat(options);
-    this.buildOptions();
   }
   populateOptions(serverData) {
     if (serverData instanceof Promise) {
@@ -2810,7 +2810,7 @@ const EzSearch = class {
   }
   render() {
     var _a;
-    return (h(Host, null, h("ez-text-input", { ref: (el) => { this._inputElem = el; }, label: this.label, enabled: this.enabled, onFocus: () => { this.handleFocus(); }, onInput: () => { this.handleChange(); }, onKeyDown: event => this.keyDownHandler(event), errormessage: this.errormessage }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-search", onClick: () => { alert("Esta ação irá abrir o PopUp!"); }, slot: "leftIcon" })), h("ez-popover", { boxwidth: '100%', ref: el => this._popover = el }, h("div", { class: 'list-container', ref: (el) => this._divElem = el }, (_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.map((opt, index) => this.buildItem(opt, index))))));
+    return (h(Host, null, h("ez-text-input", { ref: (el) => { this._inputElem = el; }, label: this.label, enabled: this.enabled, onFocus: () => { this.handleFocus(); }, onInput: () => { this.handleChange(); }, onKeyDown: event => this.keyDownHandler(event), errormessage: this.errormessage }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-search", onClick: () => { this.load('ADVANCED'); this.showPopup.emit(); }, slot: "leftIcon" })), h("ez-popover", { boxwidth: '100%', ref: el => this._popover = el }, h("div", { class: 'list-container', ref: (el) => this._divElem = el }, (_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.map((opt, index) => this.buildItem(opt, index))))));
   }
   ;
   get el() { return getElement(this); }
@@ -3055,6 +3055,7 @@ const EzTextArea = class {
     this._inputElem.value = this.value;
     this.handleChange();
     this.adjustFloatingLabel();
+    this.ezChange.emit(this.value);
   }
   adjustFloatingLabel() {
     if (this.label) {
@@ -3131,7 +3132,7 @@ function isValidNumber(strValue) {
   return strValue && /^-?\d*[.,]?\d*$/.test(strValue);
 }
 
-const ezTextInputCss = ":host{--it--height:42px;--it--width:100%;--it__icon--width:48px;--it--border-radius:var(--border--radius-medium, 12px);--it--font-size:var(--text--medium, 14px);--it--font-family:var(--font-pattern, Arial);--it--font-weight:var(--text-weight--large, 500);--it--color:var(--title--primary, #000);--it__input--background-color:var(--background--medium, #e0e0e0);--it__input--border:var(--border--medium, 2px solid);--it__input--border-color:var(--it__input--background-color);--it__input--focus--border-color:var(--color--primary, #008561);--it__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--it__input--disabled--color:var(--text--disable, #AFB6C0);--it__input--error--border-color:#CC2936;--it__message_box--font-size:var(--text--small, 12px);--it__message_box--info--color:var(--color--success, #22085d);--it__message_box--error--color:var(--color--error, #FF0000);--it__label--floating--top:6px;--it__label--padding-top:12px;--it__label--padding-left:14px;--it__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--it--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--it--height);border-radius:var(--it--border-radius);font-family:var(--it--font-family);font-size:var(--it--font-size);border:var(--it__input--border);border-color:var(--it__input--border-color);background-color:var(--it__input--background-color);color:var(--it--color)}input:disabled{background-color:var(--it__input--disabled--background-color);color:var(--it__input--disabled--color)}input:focus{outline:none;border-color:var(--it__input--focus--border-color)}input.icon--left{padding-left:var(--it__icon--width)}input.icon--right{padding-right:var(--it__icon--width)}input.hasError{color:var(--it--color);border-color:var(--it__input--error--border-color)}input.text--right{text-align:right}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--it--font-family);font-size:var(--it__message_box--font-size);color:var(--it__message_box--info--color)}.hasError{color:var(--it__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--it__label--padding-right));left:var(--it--space--medium);font-family:var(--it--font-family);font-size:var(--it--font-size);font-weight:var(--it--font-weight);color:var(--it--color);top:var(--it__label--padding-top);left:var(--it__label--padding-left);padding-right:var(--it__label--padding-right)}.input__label--floated{font-family:var(--it--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--it__label--floating--top)}.input__label--disabled{color:var(--it__input--disabled--color)}.input__label--left{left:calc(var(--it__icon--width) + 2px);width:calc(100% - var(--it__icon--width))}.input__label--right{right:var(--it__icon--width);width:calc(100% - var(--it__icon--width))}.input__label--left.input__label--right{left:calc(var(--it__icon--width) + 2px);width:calc(100% - var(--it__icon--width) * 2)}.input--with--label{padding-bottom:0}";
+const ezTextInputCss = ":host{--it--height:42px;--it--width:100%;--it__icon--width:48px;--it--border-radius:var(--border--radius-medium, 12px);--it--font-size:var(--text--medium, 14px);--it--font-family:var(--font-pattern, Arial);--it--font-weight:var(--text-weight--large, 500);--it--color:var(--title--primary, #000);--it__input--background-color:var(--background--medium, #e0e0e0);--it__input--border:var(--border--medium, 2px solid);--it__input--border-color:var(--it__input--background-color);--it__input--focus--border-color:var(--color--primary, #008561);--it__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--it__input--disabled--color:var(--text--disable, #AFB6C0);--it__input--error--border-color:#CC2936;--it__message_box--font-size:var(--text--small, 12px);--it__message_box--info--color:var(--color--success, #22085d);--it__message_box--error--color:var(--color--error, #FF0000);--it__label--floating--top:6px;--it__label--padding-top:12px;--it__label--padding-left:14px;--it__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--it--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--it--height);border-radius:var(--it--border-radius);font-family:var(--it--font-family);font-size:var(--it--font-size);border:var(--it__input--border);border-color:var(--it__input--border-color);background-color:var(--it__input--background-color);color:var(--it--color)}input:disabled{background-color:var(--it__input--disabled--background-color);color:var(--it__input--disabled--color)}input:focus{outline:none;border-color:var(--it__input--focus--border-color)}input.icon--left{padding-left:var(--it__icon--width)}input.icon--right{padding-right:var(--it__icon--width)}input.hasError{color:var(--it--color);border-color:var(--it__input--error--border-color)}input.text--right{text-align:right}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--it--font-family);font-size:var(--it__message_box--font-size);color:var(--it__message_box--info--color)}.hasError{color:var(--it__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--it__label--padding-right));left:var(--it--space--medium);font-family:var(--it--font-family);font-size:var(--it--font-size);font-weight:var(--it--font-weight);color:var(--it--color);top:var(--it__label--padding-top);left:var(--it__label--padding-left);padding-right:var(--it__label--padding-right)}.input__label--floated{font-family:var(--it--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--it__label--floating--top)}.input__label--disabled{color:var(--it__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--it__icon--width) + 2px);width:calc(100% - var(--it__icon--width))}.input__label--right{right:var(--it__icon--width);width:calc(100% - var(--it__icon--width))}.input__label--left.input__label--right{left:calc(var(--it__icon--width) + 2px);width:calc(100% - var(--it__icon--width) * 2)}.input--with--label{padding-bottom:0}";
 
 const EzTextInput = class {
   constructor(hostRef) {