@sankhyalabs/sankhyablocks 8.14.11 → 8.15.0-dev.10

package/dist/components/snk-grid2.js

@@ -1,28 +1,29 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
+import { ElementIDUtils, ApplicationContext, StringUtils, DataType } from '@sankhyalabs/core';
 import { SortMode, UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { d as defineCustomElement$1, T as TaskbarElement } from './snk-taskbar2.js';
+import { d as defineCustomElement$2, T as TaskbarElement } from './snk-taskbar2.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { P as PresentationMode } from './index2.js';
-import { T as TaskbarProcessor, S as SnkMultiSelectionListDataSource, b as buildFieldSearch } from './field-search.js';
+import { T as TaskbarProcessor, S as SnkMultiSelectionListDataSource, o as openFieldSearch, b as buildFieldSearch } from './field-search.js';
 import { s as store } from './index3.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { d as defineCustomElement$h } from './snk-actions-button2.js';
-import { d as defineCustomElement$g } from './snk-data-exporter2.js';
-import { d as defineCustomElement$f } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$e } from './snk-expression-group2.js';
-import { d as defineCustomElement$d } from './snk-expression-item2.js';
-import { d as defineCustomElement$c } from './snk-filter-advanced-mode2.js';
-import { d as defineCustomElement$b } from './snk-filter-assistent-mode2.js';
-import { d as defineCustomElement$a } from './snk-filter-bar2.js';
-import { d as defineCustomElement$9 } from './snk-filter-detail2.js';
-import { d as defineCustomElement$8 } from './snk-filter-field-search2.js';
-import { d as defineCustomElement$7 } from './snk-filter-item2.js';
-import { d as defineCustomElement$6 } from './snk-filter-param-config2.js';
-import { d as defineCustomElement$5 } from './snk-grid-config2.js';
-import { d as defineCustomElement$4 } from './snk-personalized-filter2.js';
-import { d as defineCustomElement$3 } from './snk-select-box2.js';
-import { d as defineCustomElement$2 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$i } from './snk-actions-button2.js';
+import { d as defineCustomElement$h } from './snk-data-exporter2.js';
+import { d as defineCustomElement$g } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$f } from './snk-expression-group2.js';
+import { d as defineCustomElement$e } from './snk-expression-item2.js';
+import { d as defineCustomElement$d } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$c } from './snk-filter-assistent-mode2.js';
+import { d as defineCustomElement$b } from './snk-filter-bar2.js';
+import { d as defineCustomElement$a } from './snk-filter-detail2.js';
+import { d as defineCustomElement$9 } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$8 } from './snk-filter-item2.js';
+import { d as defineCustomElement$7 } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$6 } from './snk-grid-config2.js';
+import { d as defineCustomElement$5 } from './snk-personalized-filter2.js';
+import { d as defineCustomElement$4 } from './snk-select-box2.js';
+import { d as defineCustomElement$3 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
 
 const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
 
@@ -35,14 +36,21 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
+      "snkGridTopTaskbar.regular.singleTaskbar": [],
       "snkGridTopTaskbar.finish_edition": ["CANCEL", "SAVE"],
-      "snkGridTopTaskbar.finish_edition.secondary": []
+      "snkGridTopTaskbar.finish_edition.secondary": [],
+      "snkGridTopTaskbar.finish_edition.singleTaskbar": [],
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
       "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH", "MORE_OPTIONS"],
-      "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
+      "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"],
+      "snkGridHeaderTaskbar.singleTaskbar.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
+      "snkGridHeaderTaskbar.singleTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.singleTaskbar.detail.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "MORE_OPTIONS"],
+      "snkGridHeaderTaskbar.singleTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "FORM_MODE", "CONFIGURATOR", "REFRESH"],
+      "snkGridHeaderTaskbar.singleTaskbar.finish_edition": ["CANCEL", "SAVE"]
     });
     this._dataUnit = undefined;
     this._dataState = undefined;
@@ -98,28 +106,18 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     var _a;
     (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.reload();
   }
-  /**
-   * Abre o localizador de colunas
-   */
-  async findColumn() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-    }
-    if (this._columnSearch) {
-      const realElement = this._columnSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
-  }
   /**
    * Retorna o elemento da filter-bar da grade.
    */
   async getFilterBar() {
     return this._snkFilterBar;
   }
+  /**
+   * Abre o localizador de colunas
+   */
+  async findColumn() {
+    await openFieldSearch(this._moreOptions, this._columnSearch);
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -333,41 +331,51 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return invisibleButtons;
   }
   componentWillRender() {
-    var _a;
     const invisibleButtons = this.getInvisibleButtons();
-    const hasSelectedRecord = this._dataState && !!((_a = this._dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
-    let headerTaskbarId;
-    if (hasSelectedRecord) {
-      headerTaskbarId = this.isDetail ? "snkGridHeaderTaskbar.detail.selected" : "snkGridHeaderTaskbar.selected";
-    }
-    else {
-      headerTaskbarId = this.isDetail ? "snkGridHeaderTaskbar.detail.unselected" : "snkGridHeaderTaskbar.unselected";
-    }
-    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState, this.getHeaderDisabledButtons(), invisibleButtons);
+    this._headerTaskbarProcessor.process(this.getHeaderTaskbarId(), this.taskbarManager, this._dataState, this.getHeaderDisabledButtons(), invisibleButtons);
     this._topTaskbarProcessor.process(this.getTopTaskBarId(), this.taskbarManager, this._dataState, undefined, invisibleButtons);
     this.dataExporterProviderStore();
   }
+  getHeaderTaskbarId() {
+    var _a, _b;
+    const hasSelectedRecord = this._dataState && !!((_a = this._dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
+    const taskbarIdPrefixLookup = {
+      primary: this.isDetail ? "snkGridHeaderTaskbar.detail" : "snkGridHeaderTaskbar",
+      secondary: this.isDetail ? "snkGridHeaderTaskbar.detail" : "snkGridHeaderTaskbar",
+      singleTaskbar: this.isDetail ? "snkGridHeaderTaskbar.singleTaskbar.detail" : "snkGridHeaderTaskbar.singleTaskbar"
+    };
+    const taskbarIdPrefix = taskbarIdPrefixLookup[this.presentationMode];
+    let headerTaskbarId = hasSelectedRecord ? `${taskbarIdPrefix}.selected` : `${taskbarIdPrefix}.unselected`;
+    if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.isDirty) && this.presentationMode === PresentationMode.SINGLE_TASKBAR) {
+      headerTaskbarId = "snkGridHeaderTaskbar.singleTaskbar.finish_edition";
+    }
+    return headerTaskbarId;
+  }
   getTopTaskBarId() {
     var _a;
-    const sufix = this.presentationMode === PresentationMode.SECONDARY ? ".secondary" : "";
+    const suffixLookup = {
+      primary: "",
+      secondary: ".secondary",
+      singleTaskbar: ".singleTaskbar"
+    };
+    const sufix = suffixLookup[this.presentationMode];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
       return `snkGridTopTaskbar.finish_edition${sufix}`;
     }
     return `snkGridTopTaskbar.regular${sufix}`;
   }
   getPrimaryButton() {
-    return this.presentationMode === PresentationMode.PRIMARY ? "INSERT" : "";
+    const primaryButtonLookup = {
+      primary: "INSERT",
+      secondary: "",
+      singleTaskbar: "INSERT"
+    };
+    return primaryButtonLookup[this.presentationMode];
   }
   getColumnSearch(actionButton, item) {
     if (this._columnSearch != undefined) {
       return this._columnSearch;
     }
-    actionButton.addEventListener("ezPopoverOpen", () => {
-      if (this._columnSearch) {
-        const realElement = this._columnSearch["$elm$"];
-        realElement.value = null;
-      }
-    });
     this._moreOptions = actionButton;
     this._columnSearch = buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
@@ -385,8 +393,10 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   getActionsList() {
     const hardList = [{
-        value: "",
+        value: StringUtils.generateUUID(),
         label: this.messagesBuilder.getMessage("snkGrid.findColumn", {}),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
         itemBuilder: (actionButton, item) => this.getColumnSearch(actionButton, item)
       }];
     if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
@@ -411,7 +421,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail) }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail) }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return this; }
   static get style() { return snkGridCss; }
@@ -442,14 +452,14 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "hideConfig": [64],
     "setConfig": [64],
     "reloadFilterBar": [64],
-    "findColumn": [64],
-    "getFilterBar": [64]
+    "getFilterBar": [64],
+    "findColumn": [64]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar"];
+  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
@@ -458,85 +468,90 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "snk-expression-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "snk-filter-param-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-select-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "snk-simple-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$2();
+        defineCustomElement$3();
       }
       break;
     case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "taskbar-actions-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/snk-simple-crud2.js

@@ -1,19 +1,20 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ObjectUtils, ApplicationContext, DataType, UserInterface, JSUtils, FloatingManager } from '@sankhyalabs/core';
+import { ObjectUtils, ApplicationContext, DataType, UserInterface, StringUtils, JSUtils, FloatingManager } from '@sankhyalabs/core';
 import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
-import { T as TaskbarElement, d as defineCustomElement$1 } from './snk-taskbar2.js';
+import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
 import './DataFetcher.js';
 import { I as InMemoryLoader } from './dataunit-fetcher.js';
 import { P as PresentationMode } from './index2.js';
-import { d as defineCustomElement$5 } from './snk-actions-button2.js';
+import { d as defineCustomElement$6 } from './snk-actions-button2.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
-import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor, b as buildFieldSearch } from './field-search.js';
-import { d as defineCustomElement$4 } from './snk-data-exporter2.js';
-import { d as defineCustomElement$3 } from './snk-data-unit2.js';
-import { d as defineCustomElement$2 } from './snk-exporter-email-sender2.js';
+import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor, b as buildFieldSearch, o as openFieldSearch } from './field-search.js';
+import { d as defineCustomElement$5 } from './snk-data-exporter2.js';
+import { d as defineCustomElement$4 } from './snk-data-unit2.js';
+import { d as defineCustomElement$3 } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
 
 const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:max-content;row-gap:12px;height:100%;width:100%}.simple-crud__container-section.sc-snk-simple-crud{flex-wrap:unset;flex-direction:column}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;min-height:300px}ez-form.sc-snk-simple-crud{min-height:300px}";
 
@@ -196,12 +197,6 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this._columnSearch != undefined) {
       return this._columnSearch;
     }
-    actionButton.addEventListener("ezPopoverOpen", () => {
-      if (this._columnSearch) {
-        const realElement = this._columnSearch["$elm$"];
-        realElement.value = null;
-      }
-    });
     this._moreOptions = actionButton;
     this._columnSearch = buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
@@ -210,9 +205,10 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
           .map(column => ({ label: column.label, value: column.name })));
       });
     }), (option) => {
+      var _a;
       if (option != undefined) {
         this._grid.locateColumn(option.value);
-        actionButton.hideActions();
+        (_a = actionButton["hideActions"]) === null || _a === void 0 ? void 0 : _a.call(actionButton);
       }
     });
     return this._columnSearch;
@@ -254,14 +250,16 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   getActionsList() {
     var _a, _b;
     return [{
-        value: "",
+        value: StringUtils.generateUUID(),
         label: (_b = (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkSimpleCrud.findColumn", undefined)) !== null && _b !== void 0 ? _b : "Buscar",
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
         itemBuilder: (actionButton, item) => (this._currentViewMode === VIEW_MODE.GRID)
           ? this.getColumnSearch(actionButton, item)
           : this.getFieldSearch(actionButton, item)
       }];
   }
-  keyDownListener(event) {
+  async keyDownListener(event) {
     if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
       return;
     }
@@ -273,39 +271,21 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     FloatingManager.closeAll();
     if (this._currentViewMode === VIEW_MODE.GRID) {
-      this.findColumn();
+      await this.findColumn();
     }
     else {
-      this.findField();
+      await this.findField();
     }
     event.preventDefault();
   }
   async findField() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-      return;
-    }
-    if (this._fieldSearch) {
-      const realElement = this._fieldSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
+    await this.openSeach(this._fieldSearch);
   }
   async findColumn() {
-    if (!this._moreOptions) {
-      return;
-    }
-    if (!(await this._moreOptions.isOpened())) {
-      this._moreOptions.showActions();
-    }
-    if (this._columnSearch) {
-      const realElement = this._columnSearch["$elm$"];
-      realElement.value = null;
-      requestAnimationFrame(() => realElement.setFocus());
-    }
+    await this.openSeach(this._columnSearch);
+  }
+  async openSeach(fieldSearch) {
+    await openFieldSearch(this._moreOptions, fieldSearch);
   }
   clearFieldToFocusHandler() {
     this._fieldToGetFocus = undefined;
@@ -352,7 +332,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-simple-crud", "snk-actions-button", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-taskbar"];
+  const components = ["snk-simple-crud", "snk-actions-button", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-taskbar", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-simple-crud":
       if (!customElements.get(tagName)) {
@@ -361,25 +341,30 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$2();
+        defineCustomElement$3();
       }
       break;
     case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "taskbar-actions-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/snk-taskbar2.js

@@ -3,9 +3,10 @@ import { StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/co
 import { A as AuthorizationConfig } from './AuthorizationConfig.js';
 import { P as PresentationMode } from './index2.js';
 import { s as store } from './index3.js';
-import { d as defineCustomElement$3 } from './snk-actions-button2.js';
-import { d as defineCustomElement$2 } from './snk-data-exporter2.js';
-import { d as defineCustomElement$1 } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$4 } from './snk-actions-button2.js';
+import { d as defineCustomElement$3 } from './snk-data-exporter2.js';
+import { d as defineCustomElement$2 } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
 
 var TaskbarElement;
 (function (TaskbarElement) {
@@ -92,7 +93,7 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case TaskbarElement.CONFIGURATOR:
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.MORE_OPTIONS:
-      return actionButton(element, className, dataElementId, title, action, isEnabled, actions);
+      return actionButton(element, dataElementId, title, isEnabled, actions, action);
     case TaskbarElement.DIVIDER:
       return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
     case TaskbarElement.DATA_EXPORTER:
@@ -114,9 +115,9 @@ function iconTextButton(iconName, name, className, dataElementId, text, title, a
   return h("ez-button", { key: dataElementId, title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
     h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
 }
-function actionButton(element, className, dataElementId, title, action, isEnabled, actions) {
+function actionButton(element, dataElementId, title, isEnabled, actions, action) {
   return actions && actions.length > 0
-    ? h("ez-actions-button", { key: dataElementId, title: title, size: "small", "data-element-id": dataElementId, arrowActive: true, class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions })
+    ? h("taskbar-actions-button", { key: dataElementId, title: title, "data-element-id": dataElementId, enabled: isEnabled(element), actions: actions, onTaskbarActionSelected: (evt) => action(evt.detail.value) })
     : undefined;
 }
 
@@ -416,7 +417,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-taskbar", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender"];
+  const components = ["snk-taskbar", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
@@ -425,15 +426,20 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$2();
+        defineCustomElement$3();
       }
       break;
     case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "taskbar-actions-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/taskbar-actions-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaskbarActionsButton extends Components.TaskbarActionsButton, HTMLElement {}
+export const TaskbarActionsButton: {
+  prototype: TaskbarActionsButton;
+  new (): TaskbarActionsButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taskbar-actions-button.js

@@ -0,0 +1,6 @@
+import { T as TaskbarActionsButton$1, d as defineCustomElement$1 } from './taskbar-actions-button2.js';
+
+const TaskbarActionsButton = TaskbarActionsButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaskbarActionsButton, defineCustomElement };