@sankhyalabs/ezui 5.16.0 → 5.17.0-dev.1

package/dist/custom-elements/index.js

@@ -643,6 +643,16 @@ class DataBinder {
       this.updateErrorMessage(field.name, fieldElement, field.message);
     }
   }
+  setFocus(fieldName) {
+    if (!this._fields.has(fieldName)) {
+      return;
+    }
+    const fieldElement = this._fields.get(fieldName).field;
+    if (typeof fieldElement["setFocus"] != "function") {
+      return;
+    }
+    fieldElement["setFocus"]();
+  }
   clearInvalid(recordId) {
     this._dataUnit.clearInvalid(recordId);
     this._fields.forEach(fieldBinder => {
@@ -849,7 +859,7 @@ class Bind {
   }
 }
 
-const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-list--z-index:var(--ez-elevation--8, 8);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--ez-actions-button__actions-list--z-index);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--ez-actions-button__actions-list--z-index) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
+const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-list--z-index:var(--ez-elevation--8, 8);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--ez-actions-button__actions-list--z-index);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--ez-actions-button__actions-list--z-index) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}.ez-actions-button--bottom-padding{padding-bottom:var(--space--small, 6px)}";
 
 const EzActionsButton$1 = class extends HTMLElement$1 {
   constructor() {
@@ -857,6 +867,8 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     this.ezAction = createEvent(this, "ezAction", 7);
+    this.ezPopoverOpen = createEvent(this, "ezPopoverOpen", 7);
+    this.ezDisconnectedActionButtons = createEvent(this, "ezDisconnectedActionButtons", 7);
     this._arrowOffset = 5;
     this.innerClickCheck = (floatingContainer, node) => {
       var _a;
@@ -870,6 +882,12 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
             return true;
           }
         }
+        do {
+          if (floatingContainer.contains(node)) {
+            return true;
+          }
+          node = node.offsetParent;
+        } while (node != undefined && node != document.getRootNode());
       }
       return false;
     };
@@ -893,6 +911,25 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
     }
     this._floatingID = undefined;
   }
+  /**
+   * Apresenta a lista de ações.
+   */
+  async showActions() {
+    if (!this.enabled) {
+      return;
+    }
+    const options = this.getFloatOptions();
+    this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
+    const sideLimit = this.getSideLimit();
+    if (sideLimit != undefined) {
+      options.left = sideLimit;
+      FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
+    }
+    window.requestAnimationFrame(() => {
+      this._actionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    });
+    this.ezPopoverOpen.emit(this._actionsList);
+  }
   /**
    * Verifica se a lista de ações está aberta.
    */
@@ -905,7 +942,8 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
       innerClickTest: this.innerClickCheck,
       isFixed: true,
       top: this.getPositionTop(),
-      left: this.getPositionLeft()
+      left: this.getPositionLeft(),
+      backClickListener: () => this._floatingID = undefined
     };
   }
   getSideLimit() {
@@ -917,21 +955,6 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
     }
     return;
   }
-  showActions() {
-    if (!this.enabled) {
-      return;
-    }
-    const options = this.getFloatOptions();
-    this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
-    const sideLimit = this.getSideLimit();
-    if (sideLimit != undefined) {
-      options.left = sideLimit;
-      FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
-    }
-    window.requestAnimationFrame(() => {
-      this._actionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-    });
-  }
   updatePosition() {
     if (!this.enabled || this._floatingID == undefined) {
       return;
@@ -1014,14 +1037,18 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
       }
     }
   }
+  disconnectedCallback() {
+    this.ezDisconnectedActionButtons.emit();
+  }
   componentDidLoad() {
     CSSVarsUtils.applyVarsButton(this._element, this._button);
     ElementIDUtils.addIDInfo(this._element);
     this.controlScrollPage();
   }
   componentDidRender() {
+    var _a;
     if (this._floatingID == undefined) {
-      this._actionsList.remove();
+      (_a = this._actionsList) === null || _a === void 0 ? void 0 : _a.remove();
     }
     if (this.hasLabelOrCheckOption()) {
       if (!!this.value) {
@@ -1032,6 +1059,23 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
       }
     }
   }
+  buildActionElement(action) {
+    var _a;
+    if (!action) {
+      return;
+    }
+    if (action.itemBuilder != undefined) {
+      const customContent = action.itemBuilder(this._element, action);
+      if (typeof customContent === "string") {
+        return h("div", { class: "ez-actions-button__btn-action", innerHTML: customContent });
+      }
+      return customContent;
+    }
+    return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
+        (this.checkOption || this.hasIconName() ? " ez-actions-button__btn-action--spaced" : "") }, this.checkOption && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.value) === action.value &&
+      h("ez-icon", { class: "ez-actions-button__icon-check", slot: "leftIcon", size: "small", iconName: "check" }), !this.checkOption && action.iconName &&
+      h("ez-icon", { class: "ez-actions-button__icon-item", slot: "leftIcon", size: "small", iconName: action.iconName }));
+  }
   render() {
     var _a;
     return (h(Host, null, h("ez-button", { ref: elem => this._button = elem, class: (this.isTransparent ? "ez-actions-button__btn-transparent" : "") +
@@ -1039,13 +1083,7 @@ const EzActionsButton$1 = class extends HTMLElement$1 {
       h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
       h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
           (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list ez-actions-button__actions-list--max-height" +
-        (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
-      var _a;
-      return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
-          (this.checkOption || this.hasIconName() ? " ez-actions-button__btn-action--spaced" : "") }, this.checkOption && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.value) === action.value &&
-        h("ez-icon", { class: "ez-actions-button__icon-check", slot: "leftIcon", size: "small", iconName: "check" }), !this.checkOption && action.iconName &&
-        h("ez-icon", { class: "ez-actions-button__icon-item", slot: "leftIcon", size: "small", iconName: action.iconName }));
-    })))));
+        (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => this.buildActionElement(action))))));
   }
   get _element() { return this; }
   static get style() { return ezActionsButtonCss; }
@@ -2261,7 +2299,6 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
     this._changeDeboucingTimeout = null;
-    this._limitCharsToSearch = 3;
     this._deboucingTime = 300;
     this._maxWidthValue = 0;
     this._tabPressed = false;
@@ -2273,6 +2310,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     this._startLoading = false;
     this._showLoading = true;
     this._criteria = undefined;
+    this.limitCharsToSearch = 3;
     this.value = undefined;
     this.label = undefined;
     this.enabled = true;
@@ -2811,7 +2849,6 @@ const EzComboBox$1 = class extends HTMLElement$1 {
       return;
     }
     const argument = (_a = event.target.value) === null || _a === void 0 ? void 0 : _a.trim();
-    const argumentNumber = this.buildNumberArgument(argument);
     if (!this._criteria) {
       this._textInput.value = event.data || argument;
     }
@@ -2820,7 +2857,9 @@ const EzComboBox$1 = class extends HTMLElement$1 {
       if (this.searchMode) {
         this._showLoading = false;
         this.clearSource();
-        if (!isNaN(argumentNumber) || argument.length >= this._limitCharsToSearch) {
+        const enoughChars = argument.length >= this.limitCharsToSearch;
+        const argumentNumber = this.buildNumberArgument(argument);
+        if (enoughChars || !isNaN(argumentNumber)) {
           this._showLoading = true;
           this._changeDeboucingTimeout = window.setTimeout(() => {
             this.loadOptions(SearchMode.PREDICTIVE, isNaN(argumentNumber) ? argument : argumentNumber.toString());
@@ -4611,6 +4650,8 @@ const EzForm$1 = class extends HTMLElement$1 {
   constructor() {
     super();
     this.__registerHost();
+    this.ezFormRequestClearFieldToFocus = createEvent(this, "ezFormRequestClearFieldToFocus", 7);
+    this.ezFormSetFields = createEvent(this, "ezFormSetFields", 7);
     this.ezReady = createEvent(this, "ezReady", 7);
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.onDataUnitAction = (action) => {
@@ -4621,6 +4662,7 @@ const EzForm$1 = class extends HTMLElement$1 {
     this.dataUnit = undefined;
     this.config = undefined;
     this.recordsValidator = undefined;
+    this.fieldToFocus = undefined;
   }
   /**
    * Realiza validação no conteúdo de todos os campos.
@@ -4655,6 +4697,7 @@ const EzForm$1 = class extends HTMLElement$1 {
     if (currentSheet == undefined) {
       return;
     }
+    this.ezFormSetFields.emit(fields);
     const idFormSheet = `${StringUtils$1.replaceAccentuatedChars(StringUtils$1.toCamelCase(currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.label), false)}_selectorContainer`;
     return (h("div", { class: "dynamic-content", "data-element-id": idFormSheet }, h("ez-form-view", { class: "ez-row ez-padding-vertical--small", fields: fields })));
   }
@@ -4686,6 +4729,22 @@ const EzForm$1 = class extends HTMLElement$1 {
     metadata.addRequiredFields(this._staticFields.filter(f => f.dataset.required).map(f => f.dataset.fieldName));
     this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]")), this.dataUnit.dataUnitId, metadata, this.recordsValidator);
     this.ezReady.emit();
+    this.handleFieldToFocus();
+  }
+  handleFieldToFocus() {
+    var _a;
+    if (this.fieldToFocus == undefined) {
+      return;
+    }
+    const currentSheet = selectCurrentSheet((_a = this._store) === null || _a === void 0 ? void 0 : _a.getState());
+    const fields = currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.fields;
+    if (!fields.some(item => item.name === this.fieldToFocus)) {
+      return;
+    }
+    requestAnimationFrame(() => {
+      this._dataBinder.setFocus(this.fieldToFocus);
+      this.ezFormRequestClearFieldToFocus.emit();
+    });
   }
   disconnectedCallback() {
     this.dataUnit.unsubscribe(this.onDataUnitAction);
@@ -124565,6 +124624,9 @@ class AgGridController {
   getGridConfig() {
     return this._gridConfig;
   }
+  locateColumn(columnName) {
+    this._gridOptions.api.ensureColumnVisible(columnName);
+  }
   getSort(_dataUnitName, defaultSorting) {
     const sortedColumns = [];
     this._gridOptions.columnApi
@@ -125507,6 +125569,11 @@ class InMemoryFilterColumnDataSource {
 const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;--ez-grid__header--background-color:var(--background--xlight, #FFF);--ez-grid__selection-counter--z-index:var(--visible, 1);--ez-grid__container--shadow:0 0 16px 0 rgb(0 38 111 / 12%)}.grid-header.sc-ez-grid{display:grid;justify-content:space-between;align-items:center;grid-row-start:1;grid-template-columns:1fr;background-color:var(--ez-grid__header--background-color, #FFF)}.grid__container.sc-ez-grid{padding-top:15px;margin-top:-12px;box-shadow:var(--ez-grid__container--shadow);background-color:var(--ez-grid__header--background-color)}.grid-header__popover.sc-ez-grid{position:relative;top:var(--space--sm, 16px)}.grid-header__container.sc-ez-grid{display:flex;align-items:center}.grid-header__position.sc-ez-grid{display:flex;align-items:center;justify-content:space-between}.grid__selection-counter.sc-ez-grid{position:fixed;white-space:nowrap;transform:translate(-50%, 0px);left:50%;opacity:0;bottom:-100%;transition:opacity 0.1s, bottom 0.5s}.grid__selection-counter--opened.sc-ez-grid{opacity:1;bottom:0px}.grid__btn-close.sc-ez-grid{display:flex;align-items:center;justify-content:center;padding:0;outline:none;width:20px;height:20px;border:none;background-color:unset;cursor:pointer}.grid__btn-clear.sc-ez-grid{--ez-button--link-color:var(--color--alert-warning-900, #8C6B00);--ez-button--link--hover-color:var(--color--alert-warning-900, #8C6B00)}[no-header].sc-ez-grid-h .grid-header.sc-ez-grid{height:0;padding:0}";
 
 const windowInstace$1 = window;
+const matches = (text, filter) => {
+  const normalizedText = StringUtils$1.replaceAccentuatedCharsLower(text.toLocaleLowerCase());
+  const normalizedFilter = StringUtils$1.replaceAccentuatedCharsLower(filter.toLocaleLowerCase());
+  return normalizedText.includes(normalizedFilter);
+};
 const EzGrid$1 = class extends HTMLElement$1 {
   constructor() {
     super();
@@ -125584,6 +125651,18 @@ const EzGrid$1 = class extends HTMLElement$1 {
   async quickFilter(term) {
     this._gridController.quickFilter(term);
   }
+  /**
+   * Localiza determinada coluna tornando-a visível.
+   */
+  async locateColumn(columnName) {
+    this._gridController.locateColumn(columnName);
+  }
+  /**
+   * Usa um argumento para filtrar as colunas po label
+   */
+  async filterColumns(search) {
+    return Promise.resolve(this._gridController.getColumnsState().filter(col => matches(col.label, search)));
+  }
   observeConfig(config) {
     this._gridController.setColumnsState(config.columns);
   }
@@ -127493,6 +127572,7 @@ const EzSearch$1 = class extends HTMLElement$1 {
     this.hideErrorOnFocusOut = true;
     this.listOptionsPosition = undefined;
     this.isTextSearch = false;
+    this.ignoreLimitCharsToSearch = false;
   }
   observeErrorMessage() {
     if (this._comboElement) {
@@ -127550,7 +127630,7 @@ const EzSearch$1 = class extends HTMLElement$1 {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h("ez-combo-box", { "data-element-id": ElementIDUtils.getInternalIDInfo("combo"), ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, hideErrorOnFocusOut: this.hideErrorOnFocusOut, optionLoader: this.optionLoader, searchMode: true, onEzChange: event => this.onComboChange(event), showSelectedValue: this.showSelectedValue, showOptionValue: this.showOptionValue, suppressEmptyOption: this.suppressEmptyOption, mode: this.mode, canShowError: this.canShowError, listOptionsPosition: this.listOptionsPosition, isTextSearch: this.isTextSearch }));
+    return (h("ez-combo-box", { "data-element-id": ElementIDUtils.getInternalIDInfo("combo"), ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, hideErrorOnFocusOut: this.hideErrorOnFocusOut, optionLoader: this.optionLoader, searchMode: true, onEzChange: event => this.onComboChange(event), showSelectedValue: this.showSelectedValue, showOptionValue: this.showOptionValue, suppressEmptyOption: this.suppressEmptyOption, mode: this.mode, canShowError: this.canShowError, listOptionsPosition: this.listOptionsPosition, isTextSearch: this.isTextSearch, limitCharsToSearch: this.ignoreLimitCharsToSearch ? 0 : 3 }));
   }
   ;
   get _elem() { return this; }
@@ -129858,14 +129938,14 @@ const EzCardItem = /*@__PURE__*/proxyCustomElement(EzCardItem$1, [1,"ez-card-ite
 const EzCheck = /*@__PURE__*/proxyCustomElement(EzCheck$1, [1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[1540],"mode":[513],"compact":[4]}]);
 const EzChip = /*@__PURE__*/proxyCustomElement(EzChip$1, [1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"showNativeTooltip":[4,"show-native-tooltip"]}]);
 const EzCollapsibleBox = /*@__PURE__*/proxyCustomElement(EzCollapsibleBox$1, [1,"ez-collapsible-box",{"value":[1540],"boxBordered":[4,"box-bordered"],"label":[513],"subtitle":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32]}]);
-const EzComboBox = /*@__PURE__*/proxyCustomElement(EzComboBox$1, [1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]},[[11,"scroll","scrollListener"]]]);
+const EzComboBox = /*@__PURE__*/proxyCustomElement(EzComboBox$1, [1,"ez-combo-box",{"limitCharsToSearch":[2,"limit-chars-to-search"],"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]},[[11,"scroll","scrollListener"]]]);
 const EzDateInput = /*@__PURE__*/proxyCustomElement(EzDateInput$1, [1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"canShowError":[516,"can-show-error"]}]);
 const EzDateTimeInput = /*@__PURE__*/proxyCustomElement(EzDateTimeInput$1, [1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"canShowError":[516,"can-show-error"]}]);
 const EzDialog = /*@__PURE__*/proxyCustomElement(EzDialog$1, [1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"beforeClose":[1040]},[[8,"keydown","handleKeyDown"]]]);
 const EzDropdown = /*@__PURE__*/proxyCustomElement(EzDropdown$1, [1,"ez-dropdown",{"items":[1040],"value":[1040],"itemBuilder":[16]}]);
 const EzFileItem = /*@__PURE__*/proxyCustomElement(EzFileItem$1, [1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]);
 const EzFilterInput = /*@__PURE__*/proxyCustomElement(EzFilterInput$1, [1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"asyncSearch":[516,"async-search"],"canShowError":[516,"can-show-error"]}]);
-const EzForm = /*@__PURE__*/proxyCustomElement(EzForm$1, [2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16]}]);
+const EzForm = /*@__PURE__*/proxyCustomElement(EzForm$1, [2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"fieldToFocus":[1,"field-to-focus"]}]);
 const EzFormView = /*@__PURE__*/proxyCustomElement(EzFormView$1, [2,"ez-form-view",{"fields":[16]}]);
 const EzGrid = /*@__PURE__*/proxyCustomElement(EzGrid$1, [6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"selectionToastConfig":[16],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"columnfilterDataSource":[16],"useEnterLikeTab":[4,"use-enter-like-tab"],"recordsValidator":[16],"canEdit":[4,"can-edit"],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"_showSelectionCounter":[32],"_isAllSelection":[32],"_currentPageSelected":[32],"_selectionCount":[32],"_hasLeftButtons":[32]},[[0,"ezSelectionChange","onSelectionChange"]]]);
 const EzGuideNavigator = /*@__PURE__*/proxyCustomElement(EzGuideNavigator$1, [1,"ez-guide-navigator",{"open":[1540],"selectedId":[1537,"selected-id"],"items":[16],"tooltipResolver":[16],"filterText":[32]}]);
@@ -129880,7 +129960,7 @@ const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{
 const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]);
 const EzRadioButton = /*@__PURE__*/proxyCustomElement(EzRadioButton$1, [1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]);
 const EzScroller = /*@__PURE__*/proxyCustomElement(EzScroller$1, [1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isActive":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]);
-const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"canShowError":[516,"can-show-error"],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"]}]);
+const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"canShowError":[516,"can-show-error"],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"ignoreLimitCharsToSearch":[4,"ignore-limit-chars-to-search"]}]);
 const EzSidebarButton = /*@__PURE__*/proxyCustomElement(EzSidebarButton$1, [1,"ez-sidebar-button"]);
 const EzSkeleton = /*@__PURE__*/proxyCustomElement(EzSkeleton$1, [0,"ez-skeleton",{"count":[2],"variant":[1],"width":[1],"height":[1],"marginBottom":[1,"margin-bottom"],"animation":[1]}]);
 const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]);

package/dist/esm/ez-actions-button.entry.js

@@ -5,12 +5,14 @@ import { C as CSSVarsUtils } from './CSSVarsUtils-a97cfa29.js';
 import './DialogType-54a62731.js';
 import './CheckMode-bdb2ec19.js';
 
-const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-list--z-index:var(--ez-elevation--8, 8);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--ez-actions-button__actions-list--z-index);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--ez-actions-button__actions-list--z-index) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}";
+const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-list--z-index:var(--ez-elevation--8, 8);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--ez-actions-button__actions-list--z-index);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--ez-actions-button__actions-list--z-index) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}.ez-actions-button--bottom-padding{padding-bottom:var(--space--small, 6px)}";
 
 const EzActionsButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ezAction = createEvent(this, "ezAction", 7);
+    this.ezPopoverOpen = createEvent(this, "ezPopoverOpen", 7);
+    this.ezDisconnectedActionButtons = createEvent(this, "ezDisconnectedActionButtons", 7);
     this._arrowOffset = 5;
     this.innerClickCheck = (floatingContainer, node) => {
       var _a;
@@ -24,6 +26,12 @@ const EzActionsButton = class {
             return true;
           }
         }
+        do {
+          if (floatingContainer.contains(node)) {
+            return true;
+          }
+          node = node.offsetParent;
+        } while (node != undefined && node != document.getRootNode());
       }
       return false;
     };
@@ -47,6 +55,25 @@ const EzActionsButton = class {
     }
     this._floatingID = undefined;
   }
+  /**
+   * Apresenta a lista de ações.
+   */
+  async showActions() {
+    if (!this.enabled) {
+      return;
+    }
+    const options = this.getFloatOptions();
+    this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
+    const sideLimit = this.getSideLimit();
+    if (sideLimit != undefined) {
+      options.left = sideLimit;
+      FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
+    }
+    window.requestAnimationFrame(() => {
+      this._actionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    });
+    this.ezPopoverOpen.emit(this._actionsList);
+  }
   /**
    * Verifica se a lista de ações está aberta.
    */
@@ -59,7 +86,8 @@ const EzActionsButton = class {
       innerClickTest: this.innerClickCheck,
       isFixed: true,
       top: this.getPositionTop(),
-      left: this.getPositionLeft()
+      left: this.getPositionLeft(),
+      backClickListener: () => this._floatingID = undefined
     };
   }
   getSideLimit() {
@@ -71,21 +99,6 @@ const EzActionsButton = class {
     }
     return;
   }
-  showActions() {
-    if (!this.enabled) {
-      return;
-    }
-    const options = this.getFloatOptions();
-    this._floatingID = FloatingManager.float(this._actionsList, this._listContainer, options);
-    const sideLimit = this.getSideLimit();
-    if (sideLimit != undefined) {
-      options.left = sideLimit;
-      FloatingManager.updateFloatPosition(this._actionsList, this._listContainer, options);
-    }
-    window.requestAnimationFrame(() => {
-      this._actionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-    });
-  }
   updatePosition() {
     if (!this.enabled || this._floatingID == undefined) {
       return;
@@ -168,14 +181,18 @@ const EzActionsButton = class {
       }
     }
   }
+  disconnectedCallback() {
+    this.ezDisconnectedActionButtons.emit();
+  }
   componentDidLoad() {
     CSSVarsUtils.applyVarsButton(this._element, this._button);
     ElementIDUtils.addIDInfo(this._element);
     this.controlScrollPage();
   }
   componentDidRender() {
+    var _a;
     if (this._floatingID == undefined) {
-      this._actionsList.remove();
+      (_a = this._actionsList) === null || _a === void 0 ? void 0 : _a.remove();
     }
     if (this.hasLabelOrCheckOption()) {
       if (!!this.value) {
@@ -186,6 +203,23 @@ const EzActionsButton = class {
       }
     }
   }
+  buildActionElement(action) {
+    var _a;
+    if (!action) {
+      return;
+    }
+    if (action.itemBuilder != undefined) {
+      const customContent = action.itemBuilder(this._element, action);
+      if (typeof customContent === "string") {
+        return h("div", { class: "ez-actions-button__btn-action", innerHTML: customContent });
+      }
+      return customContent;
+    }
+    return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
+        (this.checkOption || this.hasIconName() ? " ez-actions-button__btn-action--spaced" : "") }, this.checkOption && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.value) === action.value &&
+      h("ez-icon", { class: "ez-actions-button__icon-check", slot: "leftIcon", size: "small", iconName: "check" }), !this.checkOption && action.iconName &&
+      h("ez-icon", { class: "ez-actions-button__icon-item", slot: "leftIcon", size: "small", iconName: action.iconName }));
+  }
   render() {
     var _a;
     return (h(Host, null, h("ez-button", { ref: elem => this._button = elem, class: (this.isTransparent ? "ez-actions-button__btn-transparent" : "") +
@@ -193,13 +227,7 @@ const EzActionsButton = class {
       h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
       h("div", { class: "ez-actions-button__arrow ez-actions-button__arrow--" + (this.size || "small") +
           (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list ez-actions-button__actions-list--max-height" +
-        (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => {
-      var _a;
-      return h("ez-button", { size: "small", label: action.label, onClick: () => this.actionClick(action), enabled: action.enabled, class: "ez-actions-button__btn-action" +
-          (this.checkOption || this.hasIconName() ? " ez-actions-button__btn-action--spaced" : "") }, this.checkOption && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.value) === action.value &&
-        h("ez-icon", { class: "ez-actions-button__icon-check", slot: "leftIcon", size: "small", iconName: "check" }), !this.checkOption && action.iconName &&
-        h("ez-icon", { class: "ez-actions-button__icon-item", slot: "leftIcon", size: "small", iconName: action.iconName }));
-    })))));
+        (this.arrowActive && !this.isTransparent ? " ez-actions-button__actions-list--lowered" : "") }, this.actions.map(action => this.buildActionElement(action))))));
   }
   get _element() { return getElement(this); }
 };

package/dist/esm/ez-combo-box.entry.js

@@ -13,7 +13,6 @@ const EzComboBox = class {
     registerInstance(this, hostRef);
     this.ezChange = createEvent(this, "ezChange", 7);
     this._changeDeboucingTimeout = null;
-    this._limitCharsToSearch = 3;
     this._deboucingTime = 300;
     this._maxWidthValue = 0;
     this._tabPressed = false;
@@ -25,6 +24,7 @@ const EzComboBox = class {
     this._startLoading = false;
     this._showLoading = true;
     this._criteria = undefined;
+    this.limitCharsToSearch = 3;
     this.value = undefined;
     this.label = undefined;
     this.enabled = true;
@@ -563,7 +563,6 @@ const EzComboBox = class {
       return;
     }
     const argument = (_a = event.target.value) === null || _a === void 0 ? void 0 : _a.trim();
-    const argumentNumber = this.buildNumberArgument(argument);
     if (!this._criteria) {
       this._textInput.value = event.data || argument;
     }
@@ -572,7 +571,9 @@ const EzComboBox = class {
       if (this.searchMode) {
         this._showLoading = false;
         this.clearSource();
-        if (!isNaN(argumentNumber) || argument.length >= this._limitCharsToSearch) {
+        const enoughChars = argument.length >= this.limitCharsToSearch;
+        const argumentNumber = this.buildNumberArgument(argument);
+        if (enoughChars || !isNaN(argumentNumber)) {
           this._showLoading = true;
           this._changeDeboucingTimeout = window.setTimeout(() => {
             this.loadOptions(SearchMode.PREDICTIVE, isNaN(argumentNumber) ? argument : argumentNumber.toString());

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

@@ -254,6 +254,16 @@ class DataBinder {
       this.updateErrorMessage(field.name, fieldElement, field.message);
     }
   }
+  setFocus(fieldName) {
+    if (!this._fields.has(fieldName)) {
+      return;
+    }
+    const fieldElement = this._fields.get(fieldName).field;
+    if (typeof fieldElement["setFocus"] != "function") {
+      return;
+    }
+    fieldElement["setFocus"]();
+  }
   clearInvalid(recordId) {
     this._dataUnit.clearInvalid(recordId);
     this._fields.forEach(fieldBinder => {
@@ -831,6 +841,8 @@ const ezFormCss = ".sc-ez-form-h{display:flex;flex-direction:column;width:100%}.
 const EzForm = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.ezFormRequestClearFieldToFocus = createEvent(this, "ezFormRequestClearFieldToFocus", 7);
+    this.ezFormSetFields = createEvent(this, "ezFormSetFields", 7);
     this.ezReady = createEvent(this, "ezReady", 7);
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.onDataUnitAction = (action) => {
@@ -841,6 +853,7 @@ const EzForm = class {
     this.dataUnit = undefined;
     this.config = undefined;
     this.recordsValidator = undefined;
+    this.fieldToFocus = undefined;
   }
   /**
    * Realiza validação no conteúdo de todos os campos.
@@ -875,6 +888,7 @@ const EzForm = class {
     if (currentSheet == undefined) {
       return;
     }
+    this.ezFormSetFields.emit(fields);
     const idFormSheet = `${StringUtils.replaceAccentuatedChars(StringUtils.toCamelCase(currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.label), false)}_selectorContainer`;
     return (h("div", { class: "dynamic-content", "data-element-id": idFormSheet }, h("ez-form-view", { class: "ez-row ez-padding-vertical--small", fields: fields })));
   }
@@ -906,6 +920,22 @@ const EzForm = class {
     metadata.addRequiredFields(this._staticFields.filter(f => f.dataset.required).map(f => f.dataset.fieldName));
     this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]")), this.dataUnit.dataUnitId, metadata, this.recordsValidator);
     this.ezReady.emit();
+    this.handleFieldToFocus();
+  }
+  handleFieldToFocus() {
+    var _a;
+    if (this.fieldToFocus == undefined) {
+      return;
+    }
+    const currentSheet = selectCurrentSheet((_a = this._store) === null || _a === void 0 ? void 0 : _a.getState());
+    const fields = currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.fields;
+    if (!fields.some(item => item.name === this.fieldToFocus)) {
+      return;
+    }
+    requestAnimationFrame(() => {
+      this._dataBinder.setFocus(this.fieldToFocus);
+      this.ezFormRequestClearFieldToFocus.emit();
+    });
   }
   disconnectedCallback() {
     this.dataUnit.unsubscribe(this.onDataUnitAction);

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

@@ -119678,6 +119678,9 @@ class AgGridController {
   getGridConfig() {
     return this._gridConfig;
   }
+  locateColumn(columnName) {
+    this._gridOptions.api.ensureColumnVisible(columnName);
+  }
   getSort(_dataUnitName, defaultSorting) {
     const sortedColumns = [];
     this._gridOptions.columnApi
@@ -120620,6 +120623,11 @@ class InMemoryFilterColumnDataSource {
 const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;--ez-grid__header--background-color:var(--background--xlight, #FFF);--ez-grid__selection-counter--z-index:var(--visible, 1);--ez-grid__container--shadow:0 0 16px 0 rgb(0 38 111 / 12%)}.grid-header.sc-ez-grid{display:grid;justify-content:space-between;align-items:center;grid-row-start:1;grid-template-columns:1fr;background-color:var(--ez-grid__header--background-color, #FFF)}.grid__container.sc-ez-grid{padding-top:15px;margin-top:-12px;box-shadow:var(--ez-grid__container--shadow);background-color:var(--ez-grid__header--background-color)}.grid-header__popover.sc-ez-grid{position:relative;top:var(--space--sm, 16px)}.grid-header__container.sc-ez-grid{display:flex;align-items:center}.grid-header__position.sc-ez-grid{display:flex;align-items:center;justify-content:space-between}.grid__selection-counter.sc-ez-grid{position:fixed;white-space:nowrap;transform:translate(-50%, 0px);left:50%;opacity:0;bottom:-100%;transition:opacity 0.1s, bottom 0.5s}.grid__selection-counter--opened.sc-ez-grid{opacity:1;bottom:0px}.grid__btn-close.sc-ez-grid{display:flex;align-items:center;justify-content:center;padding:0;outline:none;width:20px;height:20px;border:none;background-color:unset;cursor:pointer}.grid__btn-clear.sc-ez-grid{--ez-button--link-color:var(--color--alert-warning-900, #8C6B00);--ez-button--link--hover-color:var(--color--alert-warning-900, #8C6B00)}[no-header].sc-ez-grid-h .grid-header.sc-ez-grid{height:0;padding:0}";
 
 const windowInstace = window;
+const matches = (text, filter) => {
+  const normalizedText = StringUtils$1.replaceAccentuatedCharsLower(text.toLocaleLowerCase());
+  const normalizedFilter = StringUtils$1.replaceAccentuatedCharsLower(filter.toLocaleLowerCase());
+  return normalizedText.includes(normalizedFilter);
+};
 const EzGrid = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -120696,6 +120704,18 @@ const EzGrid = class {
   async quickFilter(term) {
     this._gridController.quickFilter(term);
   }
+  /**
+   * Localiza determinada coluna tornando-a visível.
+   */
+  async locateColumn(columnName) {
+    this._gridController.locateColumn(columnName);
+  }
+  /**
+   * Usa um argumento para filtrar as colunas po label
+   */
+  async filterColumns(search) {
+    return Promise.resolve(this._gridController.getColumnsState().filter(col => matches(col.label, search)));
+  }
   observeConfig(config) {
     this._gridController.setColumnsState(config.columns);
   }