@sankhyalabs/ezui 5.22.0-dev.123 → 5.22.0-dev.125

package/dist/cjs/{types-6a5df0c7.js → FormLayout-18853e70.js}

@@ -19,3 +19,9 @@ exports.SearchMode = void 0;
   SearchMode["LOAD_DESCRIPTION"] = "LOAD_DESCRIPTION";
   SearchMode["PRELOAD"] = "PRELOAD";
 })(exports.SearchMode || (exports.SearchMode = {}));
+
+exports.FormLayout = void 0;
+(function (FormLayout) {
+  FormLayout[FormLayout["CASCADE"] = 0] = "CASCADE";
+  FormLayout[FormLayout["SIDE_BY_SIDE"] = 1] = "SIDE_BY_SIDE";
+})(exports.FormLayout || (exports.FormLayout = {}));

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

@@ -8,8 +8,7 @@ require('./ApplicationUtils-c9d1205c.js');
 const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
-require('./types-6a5df0c7.js');
-require('./FormLayout-c2451c7f.js');
+require('./FormLayout-18853e70.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}.ez-actions-button--bottom-padding{padding-bottom:var(--space--small, 6px)}";
 

package/dist/cjs/ez-card-item_2.cjs.entry.js

@@ -66,7 +66,6 @@ const EzPopoverCore = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ezVisibilityChange = index.createEvent(this, "ezVisibilityChange", 7);
-    this.TIME_DEBOUNCE = 500;
     this.autoClose = true;
     this.boxWidth = "fit-content";
     this.opened = false;
@@ -170,11 +169,6 @@ const EzPopoverCore = class {
       return;
     }
     const currentAnchorElement = this.getAnchorElement();
-    if (this.useAnchorSize) {
-      const anchorSize = currentAnchorElement.getBoundingClientRect().width;
-      const width = anchorSize < this.minWidth ? this.minWidth : anchorSize;
-      this._box.style.width = `${width}px`;
-    }
     await floatingUi_dom_esm.computePosition(currentAnchorElement, this._box, {
       placement: this.options.fromRight ? 'bottom-end' : 'bottom-start',
       middleware: [floatingUi_dom_esm.flip(), floatingUi_dom_esm.shift({ padding: 5 })],
@@ -202,6 +196,12 @@ const EzPopoverCore = class {
     }
     this._box.style.display = 'flex';
     this._box.style.visibility = 'hidden';
+    if (this.useAnchorSize) {
+      const currentAnchorElement = this.getAnchorElement();
+      const anchorSize = currentAnchorElement.getBoundingClientRect().width;
+      const width = anchorSize < this.minWidth ? this.minWidth : anchorSize;
+      this._box.style.width = `${width}px`;
+    }
     await this.updatePositionPopover();
     this.openOverlay();
     this.ezVisibilityChange.emit(true);
@@ -228,18 +228,15 @@ const EzPopoverCore = class {
     }
     return false;
   }
-  updatePositionDebounce() {
+  handlePositionUpdate() {
     if (!this.opened) {
       return;
     }
-    clearTimeout(this._timeoutDebounce);
-    this._timeoutDebounce = setTimeout(() => {
-      this.updatePositionPopover();
-    }, this.TIME_DEBOUNCE);
+    this.updatePositionPopover();
   }
   componentWillLoad() {
-    window.addEventListener('scroll', this.updatePositionDebounce.bind(this), true);
-    window.addEventListener('resize', this.updatePositionDebounce.bind(this), true);
+    window.addEventListener('scroll', this.handlePositionUpdate.bind(this), true);
+    window.addEventListener('resize', this.handlePositionUpdate.bind(this), true);
   }
   componentDidLoad() {
     this._overlayIsActive = this.checkStatusOverlay();
@@ -248,8 +245,8 @@ const EzPopoverCore = class {
     this.openPopover();
   }
   disconnectedCallback() {
-    window.removeEventListener('scroll', this.updatePositionDebounce.bind(this), true);
-    window.removeEventListener('resize', this.updatePositionDebounce.bind(this), true);
+    window.removeEventListener('scroll', this.handlePositionUpdate.bind(this), true);
+    window.removeEventListener('resize', this.handlePositionUpdate.bind(this), true);
     this._resizeObserver.disconnect();
   }
   render() {

package/dist/cjs/ez-collapsible-box.cjs.entry.js

@@ -7,8 +7,7 @@ const core = require('@sankhyalabs/core');
 const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
-require('./types-6a5df0c7.js');
-require('./FormLayout-c2451c7f.js');
+require('./FormLayout-18853e70.js');
 
 const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsable-box--bordered{border:var(--border--small);border-color:var(--color--strokes);border-radius:var(--border--radius-medium);padding:var(--space--xs)}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:100%;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:block;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:2s all ease-in-out}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
 

package/dist/cjs/ez-combo-box-list_3.cjs.entry.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
-const types = require('./types-6a5df0c7.js');
+const FormLayout = require('./FormLayout-18853e70.js');
 const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
-require('./FormLayout-c2451c7f.js');
 
 const ezComboBoxListCss = ":host{--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box--line-height:calc(var(--text--medium, 14px) + 4px);--ez-combo-box__list-title--primary:var(--title--primary, #2B3A54);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium) + 4px);--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-combo-box__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-combo-box__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-combo-box__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-combo-box__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__scrollbar--width:var(--space--medium, 12px);--ez-combo-box__list-container--padding:var(--space--extra-small, 3px)}.list-container{padding-top:var(--ez-combo-box__list-container--padding)}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small) + 9px);background-color:var(--ez-combo-box--background-color--xlight);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow--medium, 0 8px 24px 0 rgba(43, 58, 84, 0.10));padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;padding:0;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;gap:3px;scrollbar-color:var(--ez-combo-box__scrollbar--color-clicked) var(--ez-combo-box__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__scrollbar--color-background);width:var(--ez-combo-box__scrollbar--width);max-width:var(--ez-combo-box__scrollbar--width);min-width:var(--ez-combo-box__scrollbar--width)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__scrollbar--color-background);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__scrollbar--color-default);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-combo-box__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-combo-box__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-combo-box--border-radius-small);padding:var(--ez-combo-box--space--small);min-height:var(--ez-combo-box__list-height);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size);line-height:var(--ez-combo-box--line-height)}.item__label{font-weight:var(--ez-combo-box--font-weight--medium)}.item__label--bold{font-weight:var(--ez-combo-box--font-weight--large)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-combo-box__list-height)}.message__no-result{color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-combo-box__list-title--primary);border-top:3px solid transparent}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 
@@ -236,7 +235,7 @@ const EzCustomFormInput = class {
         props: this.formViewField.props ? fieldProps : undefined,
         optionLoader: this.formViewField.optionLoader
       },
-      source: types.CustomEditorSource.FORM,
+      source: FormLayout.CustomEditorSource.FORM,
       detailContext: this.detailContext
     };
     let gui = this.customEditor.getEditorElement(params);

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

@@ -8,8 +8,7 @@ require('./ApplicationUtils-c9d1205c.js');
 const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
-require('./types-6a5df0c7.js');
-require('./FormLayout-c2451c7f.js');
+require('./FormLayout-18853e70.js');
 
 const ezComboBoxCss = ":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.btn{outline:none;border:none;background:none;cursor:pointer;padding:0px;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}.text-input-slot-container{--ez-text-input__icon--width:32px;--ez-text-input__min-width:var(--ez-combo-box__min-width);--ez-text-input__max-width:var(--ez-combo-box__max-width)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 

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

@@ -4,10 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
-const DataBinder = require('./DataBinder-b9973a19.js');
-const FormLayout = require('./FormLayout-c2451c7f.js');
+const searchColumn = require('./search-column-e9409a62.js');
+const FormLayout = require('./FormLayout-18853e70.js');
 require('./ApplicationUtils-c9d1205c.js');
 require('./DialogType-2114c337.js');
+require('./CheckMode-ecb90b87.js');
 
 const DETAIL_PATTERN = /child\[([^\]]+)\]/;
 const REGEX_DEFAULT_VAR_KEY = /\$\{.+\}/;
@@ -111,7 +112,7 @@ const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
         if (!sheets.has(tabConfig)) {
           sheets.set(tabConfig, []);
         }
-        const formField = DataBinder.buildFieldMetadata(descriptor, field);
+        const formField = searchColumn.buildFieldMetadata(descriptor, field);
         sheets.get(tabConfig).push(formField);
         if (formField.required) {
           requiredFields.push(field.name);
@@ -574,6 +575,8 @@ const EzForm = class {
     this.recordsValidator = undefined;
     this.fieldToFocus = undefined;
     this.onlyStaticFields = false;
+    this.useSearchField = true;
+    this.elementFocusSearchField = undefined;
   }
   /**
    * Realiza validação no conteúdo de todos os campos.
@@ -631,7 +634,56 @@ const EzForm = class {
     }
     this.ezFormSetFields.emit(fields);
     const idFormSheet = `${core.StringUtils.replaceAccentuatedChars(core.StringUtils.toCamelCase(currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.label), false)}_selectorContainer`;
-    return (index.h("div", { class: "dynamic-content", "data-element-id": idFormSheet }, index.h("ez-form-view", { ref: (element) => (this._formView = element), class: "ez-row ez-padding-vertical--small", fields: fields, singleColumn: this._singleColumn, selectedRecord: this.dataUnit.getSelectedRecord() })));
+    return (index.h("div", { class: "dynamic-content ez-box--no-outline", "data-element-id": idFormSheet, ref: elem => (this._container = elem), tabindex: "0" }, index.h("ez-popover", { ref: elem => (this._ezPopoverSearchField = elem), overlayType: "none" }, this.renderFieldColumn()), index.h("ez-form-view", { ref: (element) => (this._formView = element), class: "ez-row ez-padding-vertical--small", fields: fields, singleColumn: this._singleColumn, selectedRecord: this.dataUnit.getSelectedRecord() })));
+  }
+  renderFieldColumn() {
+    if (this._fieldSearch != undefined) {
+      return this._fieldSearch;
+    }
+    this._fieldSearch = searchColumn.buildFieldSearch({
+      value: core.StringUtils.generateUUID(),
+      label: searchColumn.LABEL_SEARCH_FIELD,
+    }, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option));
+    return this._fieldSearch;
+  }
+  getFormFields() {
+    var _a;
+    return (_a = this.config) === null || _a === void 0 ? void 0 : _a.fields;
+  }
+  fieldsOptionLoader(argument) {
+    const searchTerm = argument === null || argument === void 0 ? void 0 : argument.toLowerCase();
+    const allFields = this.getFormFields().map(field => { var _a; return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field.name); });
+    const filteredFields = allFields.filter(field => {
+      var _a, _b;
+      return ((_a = field.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchTerm)) ||
+        ((_b = field.label) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(searchTerm));
+    });
+    const options = filteredFields.map(field => ({ value: field.name, label: field.label }));
+    return Promise.resolve(options);
+  }
+  onSelectField(option) {
+    if (option == undefined || option.value == undefined) {
+      this.fieldToFocus = "";
+      return;
+    }
+    this.fieldToFocus = option.value;
+    this._ezPopoverSearchField.hide();
+  }
+  async initKeyboardManager() {
+    var _a, _b;
+    this._keyboardManager = new core.KeyboardManager({ propagate: false, element: (_a = this.elementFocusSearchField) !== null && _a !== void 0 ? _a : this._element });
+    if (this.useSearchField) {
+      this._keyboardManager.bind(searchColumn.SHORTCUT_SEARCH_FIELD, async () => {
+        if (!this._container || !this._ezPopoverSearchField)
+          return;
+        const container = this._container.getBoundingClientRect();
+        await searchColumn.focusOnFieldSerch(this._fieldSearch);
+        this._ezPopoverSearchField.showUnder(this._container, { horizontalGap: container.width - (searchColumn.SEARCH_FIELD_FULL_WIDTH), verticalGap: container.height * -1 });
+      }, { description: searchColumn.LABEL_SEARCH_FIELD, element: (_b = this.elementFocusSearchField) !== null && _b !== void 0 ? _b : this._element });
+    }
+  }
+  componentDidLoad() {
+    this.initKeyboardManager();
   }
   processMetadata() {
     if (this.bindFields() && this.dataUnit && this._store) {
@@ -653,7 +705,7 @@ const EzForm = class {
     }
     this.dataUnit.unsubscribe(this.onDataUnitAction);
     this.dataUnit.subscribe(this.onDataUnitAction);
-    this._dataBinder = new DataBinder.DataBinder(this.dataUnit);
+    this._dataBinder = new searchColumn.DataBinder(this.dataUnit);
     this._store = createStore(formReducer);
     this._store.subscribe(() => index.forceUpdate(this));
     this._staticFields = Array.from(this._element.querySelectorAll("[data-field-name]"));
@@ -714,6 +766,7 @@ const EzForm = class {
     requestAnimationFrame(() => {
       this._dataBinder.setFocus(this.fieldToFocus);
       this.ezFormRequestClearFieldToFocus.emit();
+      this.fieldToFocus = null;
     });
   }
   setFieldsProps() {
@@ -728,8 +781,10 @@ const EzForm = class {
     }
   }
   disconnectedCallback() {
+    var _a;
     this.dataUnit.unsubscribe(this.onDataUnitAction);
     this._dataBinder.onDisconnectedCallback();
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
   }
   buildIdTabSelector(tabs) {
     if (tabs) {

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

@@ -8,10 +8,9 @@ const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
-const types = require('./types-6a5df0c7.js');
-require('./FormLayout-c2451c7f.js');
+const FormLayout = require('./FormLayout-18853e70.js');
+const searchColumn = require('./search-column-e9409a62.js');
 const constants = require('./constants-569271bc.js');
-const DataBinder = require('./DataBinder-b9973a19.js');
 const FocusResolver = require('./FocusResolver-885f2173.js');
 
 /**
@@ -50537,7 +50536,7 @@ const gridTerms = {
 };
 
 const buildEditorMetadata = (descriptor, eGridCell, dataUnit, editionManager) => {
-  return Object.assign(Object.assign({}, DataBinder.buildFieldMetadata(descriptor)), { eGridCell, dataUnit, editionManager });
+  return Object.assign(Object.assign({}, searchColumn.buildFieldMetadata(descriptor)), { eGridCell, dataUnit, editionManager });
 };
 
 const MINIMIUM_WIDTH_TEXTAREA = 210;
@@ -50808,7 +50807,7 @@ class EzGridCustomCellEditor extends EzCellEditor {
       charPress: params.charPress,
       currentEditor: this._defaultGui,
       name: this._fieldName,
-      source: types.CustomEditorSource.GRID,
+      source: FormLayout.CustomEditorSource.GRID,
       detailContext: params.customEditorsInfo.detailContext,
       setValue: (value) => this.setValue(value),
       getValue: () => this.getValue(),
@@ -50915,7 +50914,7 @@ class EzGridCustomCellRender extends EzCellRender {
       charPress: '',
       currentRender: super.getGui(),
       name: this._fieldName,
-      source: types.CustomRenderSource.GRID,
+      source: FormLayout.CustomRenderSource.GRID,
       getValue: () => params.getValue(),
       detailContext: params.customRendersInfo.detailContext,
       renderMetadata: {
@@ -50945,7 +50944,7 @@ class GridEditionManager {
   constructor(dataUnit, useEnterLikeTab, recordsValidator, editionIsDisabled, customEditors, customRenders, enableContinuousInsert, enableGridInsert, lockerId) {
     this._inProgressChanges = [];
     this._dataUnit = dataUnit;
-    this._recordValidationProcessor = new DataBinder.RecordValidationProcessor(this._dataUnit, {
+    this._recordValidationProcessor = new searchColumn.RecordValidationProcessor(this._dataUnit, {
       getRequiredFields: () => this.getRequiredFields(),
       markAsInvalid: (invalidField, recordId) => { this.pushInvalidCell(invalidField, recordId); },
       getMessageForField: () => null,
@@ -51165,7 +51164,7 @@ class GridEditionManager {
   }
   getFormRequiredFields() {
     const formRequiredFields = [];
-    const dataBinders = DataBinder.DataBinder.getDataBindersByDataUnit(this._dataUnit);
+    const dataBinders = searchColumn.DataBinder.getDataBindersByDataUnit(this._dataUnit);
     dataBinders.forEach(dataBinder => {
       formRequiredFields.push(...dataBinder.getFormRequiredFields());
     });
@@ -64855,8 +64854,25 @@ class AgGridController {
   getGridConfig() {
     return this._gridConfig;
   }
-  locateColumn(columnName) {
+  locateColumn(columnName, gridElement) {
     this._gridOptions.api.ensureColumnVisible(columnName);
+    requestAnimationFrame(() => {
+      this.highlightColumnHeader(columnName, gridElement);
+    });
+  }
+  highlightColumnHeader(columnName, gridElement) {
+    const headerElement = gridElement.querySelector(`.ag-header-cell[col-id="${columnName}"]`);
+    if (!headerElement)
+      return;
+    headerElement.classList.add("ez-grid__column-highlight-header");
+    headerElement.setAttribute("tabindex", "0");
+    const removeHighlight = (event) => {
+      if (!headerElement.contains(event.target)) {
+        headerElement.classList.remove("ez-grid__column-highlight-header");
+        document.removeEventListener("click", removeHighlight);
+      }
+    };
+    document.addEventListener("click", removeHighlight);
   }
   getSort(_dataUnitName, defaultSorting) {
     const sortedColumns = [];
@@ -66242,6 +66258,7 @@ const EzGrid = class {
     this.outlineMode = false;
     this.enableRowTableStriped = true;
     this.compact = false;
+    this.useSearchColumn = true;
   }
   /**
    * Aplica a definição de colunas.
@@ -66295,7 +66312,7 @@ const EzGrid = class {
    * Localiza determinada coluna tornando-a visível.
    */
   async locateColumn(columnName) {
-    this._gridController.locateColumn(columnName);
+    this._gridController.locateColumn(columnName, this._element);
   }
   /**
    * Usa um argumento para filtrar as colunas po label
@@ -66793,11 +66810,43 @@ const EzGrid = class {
         this.nextPage();
       }
     }, { description: "Avança para a próxima página.", element: this._element });
+    if (this.useSearchColumn) {
+      this._keyboardManager.bind(searchColumn.SHORTCUT_SEARCH_FIELD, async () => {
+        if (!this._container || !this._ezPopoverSearchColumn)
+          return;
+        const container = this._container.getBoundingClientRect();
+        await searchColumn.focusOnFieldSerch(this._columnSearch);
+        this._ezPopoverSearchColumn.showUnder(this._container, { horizontalGap: container.width - (searchColumn.SEARCH_FIELD_FULL_WIDTH), verticalGap: container.height * -1 });
+      }, { description: searchColumn.LABEL_SEARCH_COLUMN, element: this._element });
+    }
   }
   async removeShortcuts() {
     var _a;
     (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
   }
+  renderFieldSearchColumn() {
+    this._columnSearch = searchColumn.buildFieldSearch({
+      value: core.StringUtils.generateUUID(),
+      label: searchColumn.LABEL_SEARCH_COLUMN,
+    }, ({ argument }) => new Promise(accept => {
+      this.filterColumns(argument).then((columns) => {
+        accept(columns
+          .filter(column => !column.hidden)
+          .map(column => ({ label: column.label, value: column.name })));
+      });
+    }), async (option) => {
+      if (option != undefined && option.value != undefined) {
+        await this.locateColumn(option.value);
+        if (this._ezPopoverSearchColumn) {
+          this._ezPopoverSearchColumn.hide();
+        }
+        if (this._container) {
+          requestAnimationFrame(() => this._container.focus());
+        }
+      }
+    });
+    return this._columnSearch;
+  }
   render() {
     var _a;
     return (index.h(index.Host, { "no-header": this.hideHeader() }, index.h("div", { class: {
@@ -66806,11 +66855,11 @@ const EzGrid = class {
         'shadow-mode': !this.outlineMode,
         'no-padding': this.compact,
         'header-overlay': !this.hideHeader(),
-      }, ref: elem => (this._container = elem) }), index.h("div", { class: {
+      }, ref: elem => (this._container = elem), tabindex: "0" }), index.h("div", { class: {
         'ez-box ez-padding--small grid-header': true,
         'outline-mode': this.outlineMode,
         'shadow-mode': !this.outlineMode && !this.hideHeader(),
-      } }, index.h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), index.h("div", { class: "grid-header__position" }, index.h("div", { class: `grid-header__container grid-header__left-container ${this.resolveLeftHeaderClass()}` }, index.h("slot", { name: "leftButtons" })), this.getPaginationControl())), index.h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
+      }, tabindex: "0" }, index.h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), index.h("div", { class: "grid-header__position" }, index.h("div", { class: `grid-header__container grid-header__left-container ${this.resolveLeftHeaderClass()}` }, index.h("slot", { name: "leftButtons" })), this.getPaginationControl())), index.h("ez-popover", { ref: elem => (this._ezPopoverSearchColumn = elem), overlayType: "none" }, this.renderFieldSearchColumn()), index.h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
           ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
         ` }, index.h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), index.h("div", { class: "grid__footer" }, index.h("slot", { name: "footer" }))));
   }

package/dist/cjs/ez-popover-plus_3.cjs.entry.js

@@ -142,6 +142,8 @@ const SearchList = class {
     this.changePreSelection = index.createEvent(this, "changePreSelection", 7);
     this._startHighlightTag = "<span class='card-item__highlight'>";
     this._endHighlightTag = "</span>";
+    this.MAX_HEIGHT = 350;
+    this.HEADER_MENU_HEIGHT = 60;
     this.showLoading = undefined;
     this.visibleOptions = [];
     this.textEmptyList = undefined;
@@ -195,11 +197,38 @@ const SearchList = class {
     };
     return index.h("div", { style: { "height": "100%" }, class: index$1 === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createOption(card), onMouseOver: () => this.changePreSelection.emit(index$1) }, index.h("ez-card-item", { item: card, compacted: true, enableKey: this.showOptionValue }));
   }
+  componentDidLoad() {
+    if (this._optionsList) {
+      this._optionsList.style.maxHeight = `${this.MAX_HEIGHT}px`;
+    }
+  }
+  componentDidUpdate() {
+    if (this._optionsList) {
+      const rect = this._optionsList.getBoundingClientRect();
+      const spaceBelow = window.innerHeight - rect.bottom;
+      if (spaceBelow < 0) {
+        this.adjustMaxHeight(rect);
+      }
+    }
+  }
+  adjustMaxHeight(rect) {
+    if (this._optionsList) {
+      const spaceAbove = rect.top - this.HEADER_MENU_HEIGHT;
+      const maxHeight = this.MAX_HEIGHT;
+      const height = Math.min(spaceAbove, maxHeight);
+      this._optionsList.style.maxHeight = `${height}px`;
+    }
+  }
+  cleanEmptyObjectArray(arr) {
+    return arr.filter(item => {
+      return Object.values(item).some(valor => valor !== undefined);
+    });
+  }
   render() {
     return (index.h(index.Host, null, index.h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this.showLoading
-      && this.visibleOptions.length === 0
+      && this.cleanEmptyObjectArray(this.visibleOptions).length === 0
       && index.h("div", { class: "message" }, index.h("span", { class: "message__no-result" }, this.textEmptyList)), this.showLoading
-      && index.h("div", { class: "message" }, index.h("div", { class: "message__loading" })), this.canShowListOptions && this.visibleOptions.map((opt, index) => this.buildItem(opt, index)))));
+      && index.h("div", { class: "message" }, index.h("div", { class: "message__loading" })), this.canShowListOptions && this.cleanEmptyObjectArray(this.visibleOptions).map((opt, index) => this.buildItem(opt, index)))));
   }
 };
 SearchList.style = searchListCss;

package/dist/cjs/ez-search-plus.cjs.entry.js

@@ -8,8 +8,7 @@ require('./ApplicationUtils-c9d1205c.js');
 const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
-const types = require('./types-6a5df0c7.js');
-require('./FormLayout-c2451c7f.js');
+const FormLayout = require('./FormLayout-18853e70.js');
 
 const ezSearchPlusCss = ":host{--ez-search--height:42px;--ez-search--width:100%;--ez-search__icon--width:48px;--ez-search--border-radius:var(--border--radius-medium, 12px);--ez-search--border-radius-small:var(--border--radius-small, 6px);--ez-search--font-size:var(--text--medium, 14px);--ez-search--font-family:var(--font-pattern, Arial);--ez-search--font-weight--large:var(--text-weight--large, 500);--ez-search--font-weight--medium:var(--text-weight--medium, 400);--ez-search--background-color--xlight:var(--background--xlight, #fff);--ez-search--background-medium:var(--background--medium, #f0f3f7);--ez-search--line-height:calc(var(--text--medium, 14px) + 4px);--ez-search__input--background-color:var(--background--medium, #e0e0e0);--ez-search__input--border:var(--border--medium, 2px solid);--ez-search__input--border-color:var(--ez-search__input--background-color);--ez-search__input--focus--border-color:var(--color--primary, #008561);--ez-search__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-search__input--disabled--color:var(--text--disable, #AFB6C0);--ez-search__input--error--border-color:#CC2936;--ez-search__btn--color:var(--title--primary, #2B3A54);--ez-search__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-search__btn-hover--color:var(--color--primary, #4e4e4e);--ez-search__label--color:var(--title--primary, #2B3A54);--ez-search__list-title--primary:var(--title--primary, #2B3A54);--ez-search__list-text--primary:var(--text--primary, #626e82);--ez-search__list-height:calc(var(--ez-search--font-size) + var(--ez-search--space--medium) + 4px);--ez-search__list-min-width:64px;--ez-search--space--medium:var(--space--medium, 12px);--ez-search--space--small:var(--space--small, 6px);--ez-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-search__scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-search--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{min-width:var(--ez-search__list-min-width);overflow:auto;position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;z-index:var(--more-visible, 2);max-height:350px;min-width:150px;background-color:var(--ez-search--background-color--xlight);border-radius:var(--ez-search--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.list-options{margin-top:0px;box-sizing:border-box;width:100%;height:100%;padding:0;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-search__scrollbar--color-clicked) var(--ez-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-search__scrollbar--color-background);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-search__scrollbar--color-default);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-search__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-search--border-radius-small);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size);line-height:var(--ez-search--line-height)}.item__label{font-weight:var(--ez-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-search__list-text--primary);font-weight:var(--ez-search--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-search__list-height)}.message__no-result{color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-search__list-title--primary);border-top:3px solid transparent}.item__list>li:hover{background-color:var(--ez-search--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-search__btn--color)}.btn:disabled{cursor:not-allowed;color:var(--ez-search__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-search__btn-disabled--color)}.btn:hover{color:var(--ez-search__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}.ez-search-plus__container{display:flex;flex-grow:1;gap:3px}.ez-search-plus__text-input{--ez-text-input--border-top-left-radius:0px;--ez-text-input--border-bottom-left-radius:0px}.ez-search-plus__code-input-no-border{--ez-text-input--border-top-right-radius:0px;--ez-text-input--border-bottom-right-radius:0px}.ez-search-plus__code-input{max-width:85px}.ez-search-plus__code-input-full{width:100%}.description-input-container{width:100%}";
 
@@ -204,7 +203,7 @@ const EzSearchPlus = class {
     }
     try {
       this.isLoadingDescription = true;
-      const searchArgument = { mode: types.SearchMode.LOAD_DESCRIPTION, argument: codeValue };
+      const searchArgument = { mode: FormLayout.SearchMode.LOAD_DESCRIPTION, argument: codeValue };
       const loadedOption = await this.optionLoader(searchArgument);
       if (!loadedOption) {
         return "";
@@ -232,7 +231,7 @@ const EzSearchPlus = class {
       console.warn("optionLoader não definido");
       return;
     }
-    const searchArgument = { mode: types.SearchMode.ADVANCED, argument: "" };
+    const searchArgument = { mode: FormLayout.SearchMode.ADVANCED, argument: "" };
     let selectedItem = undefined;
     try {
       selectedItem = await this.optionLoader(searchArgument, this.contextProperties);
@@ -290,7 +289,7 @@ const EzSearchPlus = class {
   async processOptionsLoader(argument) {
     try {
       this.showLoading = true;
-      const searchArgument = { mode: types.SearchMode.PREDICTIVE, argument };
+      const searchArgument = { mode: FormLayout.SearchMode.PREDICTIVE, argument };
       const options = await this.optionLoader(searchArgument);
       this.visibleOptions = this.parseSearchOptions(options);
     }

package/dist/cjs/ez-search.cjs.entry.js

@@ -8,8 +8,7 @@ const core = require('@sankhyalabs/core');
 const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
-require('./types-6a5df0c7.js');
-require('./FormLayout-c2451c7f.js');
+require('./FormLayout-18853e70.js');
 const constants = require('./constants-569271bc.js');
 const searchFormatters = require('./searchFormatters-b7e1ed1e.js');
 
@@ -475,6 +474,16 @@ const EzSearch = class {
           return;
       });
     });
+    this._intersectionObserver = new IntersectionObserver((entries) => {
+      entries.forEach(entry => {
+        if (!entry.isIntersecting && this._ezPopOverPlusElement) {
+          this._ezPopOverPlusElement.hide();
+        }
+      });
+    }, { threshold: 0.1 });
+    if (this._textInput) {
+      this._intersectionObserver.observe(this._textInput);
+    }
     await this.handleInitialValue();
     if (this.autoFocus) {
       requestAnimationFrame(() => {
@@ -483,8 +492,9 @@ const EzSearch = class {
     }
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
     (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    (_b = this._intersectionObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
   }
   //---------------------------------------------
   // Event handlers