@sankhyalabs/sankhyablocks 8.14.0-dev.1 → 8.14.0-dev.3

package/dist/cjs/{snk-guides-viewer-c30a0d9e.js → snk-guides-viewer-ecd3b1f8.js}

@@ -4,8 +4,8 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const SnkFormConfigManager = require('./SnkFormConfigManager-467907f6.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-const fieldSearch = require('./field-search-ca27041a.js');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
+const fieldSearch = require('./field-search-f56aa7d6.js');
+const taskbarElements = require('./taskbar-elements-b8c428a9.js');
 const constants = require('./constants-35ddd366.js');
 require('./DataFetcher-ba94ed5b.js');
 require('./pesquisa-fetcher-ef050a47.js');
@@ -77,18 +77,7 @@ const SnkGuidesViewer = class {
   * Abre o localizador de campos
   */
   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 fieldSearch.openFieldSearch(this._moreOptions, this._fieldSearch);
   }
   exitViewer() {
     if (this.dataUnit.isDirty()) {
@@ -376,8 +365,7 @@ const SnkGuidesViewer = class {
     if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
       this._hasToCreateFieldSearch = false;
       this._moreOptions = actionButton;
-      actionButton.addEventListener("ezPopoverOpen", () => this.findField());
-      actionButton.addEventListener("ezDisconnectedActionButtons", () => this._hasToCreateFieldSearch = true);
+      actionButton.addEventListener("taskbarActionsButtonDisconnected", () => this._hasToCreateFieldSearch = true);
       this._fieldSearch = fieldSearch.buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option, actionButton));
     }
     return this._fieldSearch;
@@ -401,6 +389,8 @@ const SnkGuidesViewer = class {
     const hardList = [{
         value: "",
         label: this.getMessage("snkCrud.findColumn"),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
         itemBuilder: (actionButton, item) => this.getFieldsSearch(actionButton, item)
       }];
     if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-c30a0d9e.js');
+const snkGuidesViewer = require('./snk-guides-viewer-ecd3b1f8.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
 require('./SnkFormConfigManager-467907f6.js');
@@ -13,8 +13,8 @@ require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./field-search-ca27041a.js');
-require('./taskbar-elements-39949c7a.js');
+require('./field-search-f56aa7d6.js');
+require('./taskbar-elements-b8c428a9.js');
 require('./index-0e663819.js');
 require('./index-102ba62d.js');
 require('./constants-35ddd366.js');

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-35ddd366.js');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
+const taskbarElements = require('./taskbar-elements-b8c428a9.js');
 require('./DataFetcher-ba94ed5b.js');
 require('./pesquisa-fetcher-ef050a47.js');
 const index$1 = require('./index-0e663819.js');
@@ -16,7 +16,7 @@ const dataunitFetcher = require('./dataunit-fetcher-3ca10295.js');
 require('./PreloadManager-84466da6.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-df043d3d.js');
-const fieldSearch = require('./field-search-ca27041a.js');
+const fieldSearch = require('./field-search-f56aa7d6.js');
 const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-ba5838c2.js');
 require('./index-102ba62d.js');
 require('./PrintUtils-bcaeb82f.js');
@@ -204,12 +204,6 @@ const SnkSimpleCrud = class {
     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 = fieldSearch.buildFieldSearch(item, ({ argument }) => new Promise(accept => {
       this._grid.filterColumns(argument).then((columns) => {
@@ -218,9 +212,10 @@ const SnkSimpleCrud = class {
           .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;
@@ -262,14 +257,16 @@ const SnkSimpleCrud = class {
   getActionsList() {
     var _a, _b;
     return [{
-        value: "",
+        value: core.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 === constants.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;
     }
@@ -281,39 +278,21 @@ const SnkSimpleCrud = class {
     }
     core.FloatingManager.closeAll();
     if (this._currentViewMode === constants.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$1) {
+    await fieldSearch.openFieldSearch(this._moreOptions, fieldSearch$1);
   }
   clearFieldToFocusHandler() {
     this._fieldToGetFocus = undefined;

package/dist/cjs/snk-taskbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
+const taskbarElements = require('./taskbar-elements-b8c428a9.js');
 const index$1 = require('./index-0e663819.js');
 require('./index-102ba62d.js');
 

package/dist/cjs/{taskbar-elements-39949c7a.js → taskbar-elements-b8c428a9.js}

@@ -89,7 +89,7 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case exports.TaskbarElement.CONFIGURATOR:
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.MORE_OPTIONS:
-      return actionButton(element, className, dataElementId, title, action, isEnabled, actions);
+      return actionButton(element, dataElementId, title, isEnabled, actions, action);
     case exports.TaskbarElement.DIVIDER:
       return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
     case exports.TaskbarElement.DATA_EXPORTER:
@@ -111,9 +111,9 @@ function iconTextButton(iconName, name, className, dataElementId, text, title, a
   return index.h("ez-button", { key: dataElementId, title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
     index.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
-    ? index.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 })
+    ? index.h("taskbar-actions-button", { key: dataElementId, title: title, "data-element-id": dataElementId, enabled: isEnabled(element), actions: actions, onTaskbarActionSelected: (evt) => action(evt.detail.value) })
     : undefined;
 }
 

package/dist/collection/collection-manifest.json

@@ -50,6 +50,7 @@
     "./components/snk-print-selector/snk-print-selector.js",
     "./components/snk-simple-bar/snk-simple-bar.js",
     "./components/snk-simple-crud/snk-simple-crud.js",
+    "./components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.js",
     "./components/teste-pesquisa/teste-pesquisa.js"
   ],
   "compiler": {

package/dist/collection/components/snk-application/snk-application.js

@@ -25,6 +25,7 @@ export class SnkApplication {
     this.NEW_VERSION_POPUP_LOCKER = "NEW_VERSION_POPUP_LOCKER";
     this._authPromises = [];
     this._keyboardManager = new KeyboardManager();
+    this._waitingAppReady = new Array();
     this._duCache = new Map();
     this._duPromises = new Map();
     this._requestListener = new RequestListenerLoadingBar();
@@ -683,6 +684,19 @@ export class SnkApplication {
   getDataFetcher() {
     return Promise.resolve(DataFetcher.get());
   }
+  /**
+  * Retorna uma promise que sera resolvida quando o snk-application estiver carregado e registrado no ApplicationContext
+  * @returns SnkApplication carregado.
+  */
+  async whenApplicationReady() {
+    const isLoadding = ApplicationContext.getContextValue("__SNK__APPLICATION__LOADING__");
+    if (isLoadding) {
+      return Promise.resolve(this);
+    }
+    return new Promise((resolve) => {
+      this._waitingAppReady.push(() => resolve(this));
+    });
+  }
   clearContent(container) {
     if (container) {
       Array.from(container.children).forEach(child => {
@@ -860,6 +874,7 @@ export class SnkApplication {
     ErrorTracking.init();
     ConfigStorage.preload(this.applicationResourceID, this.configName);
     document.addEventListener("click", () => Workspace.applicationClick());
+    this._waitingAppReady.forEach(resolve => resolve());
   }
   connectedCallback() {
     ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
@@ -2292,6 +2307,28 @@ export class SnkApplication {
               "text": "DataFetcher do application"
             }]
         }
+      },
+      "whenApplicationReady": {
+        "complexType": {
+          "signature": "() => Promise<SnkApplication>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "SnkApplication": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<SnkApplication>"
+        },
+        "docs": {
+          "text": "Retorna uma promise que sera resolvida quando o snk-application estiver carregado e registrado no ApplicationContext",
+          "tags": [{
+              "name": "returns",
+              "text": "SnkApplication carregado."
+            }]
+        }
       }
     };
   }

package/dist/collection/components/snk-crud/snk-crud.js

@@ -11,7 +11,7 @@ import { AutorizationType } from '../../lib/http/data-fetcher/fetchers/auth-fetc
  */
 export class SnkCrud {
   constructor() {
-    this._keyDownHandler = (event) => this.keyDownListener(event);
+    this._keyDownHandler = async (event) => this.keyDownListener(event);
     this._viewHistory = [];
     this._dataUnit = undefined;
     this._dataState = undefined;
@@ -165,10 +165,23 @@ export class SnkCrud {
     const keyboardManager = await this._application.getKeyboardManager();
     if (keyboardManager) {
       const dataUnit = this._dataUnit || await this._snkDataUnit.getDataUnit();
+      async function saveDataUnitHandlingFocus() {
+        const element = document.activeElement;
+        const isDocumentBody = (element == document.body);
+        if (!isDocumentBody)
+          element.blur();
+        await dataUnit.saveData();
+        if (!isDocumentBody && element.setFocus != undefined) {
+          element.setFocus();
+          return;
+        }
+        if (!isDocumentBody)
+          element.focus();
+      }
       keyboardManager
         .bind("F6", this.toggleView.bind(this), { description: "Alterna entre modo formulário e grade." })
-        .bind("F7", dataUnit.saveData.bind(dataUnit), { description: "Salva os dados." })
-        .bind("ctrl + \\", dataUnit.saveData.bind(dataUnit), { description: "Salva os dados." })
+        .bind("F7", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados." })
+        .bind("ctrl + \\", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados." })
         .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: "Adiciona um novo registro." })
         .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado." })
         .bind("ctrl + F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado." })
@@ -238,7 +251,7 @@ export class SnkCrud {
     }
     this.configuratorCancel.emit();
   }
-  keyDownListener(event) {
+  async keyDownListener(event) {
     if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
       return;
     }
@@ -250,10 +263,10 @@ export class SnkCrud {
     }
     FloatingManager.closeAll();
     if (this._currentViewMode === VIEW_MODE.GRID) {
-      this._snkGrid.findColumn();
+      await this._snkGrid.findColumn();
     }
     else {
-      this._guidesViewer.findField();
+      await this._guidesViewer.findField();
     }
     event.preventDefault();
   }

package/dist/collection/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js

@@ -65,6 +65,9 @@ export class SnkDetailView {
     if (!this.dataState.hasNext) {
       disabledButtons.push(TaskbarElement.NEXT);
     }
+    if (this.dataState.insertionMode) {
+      disabledButtons.push(TaskbarElement.INSERT);
+    }
     this._disabledButtons = disabledButtons;
   }
   /**

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -7,7 +7,7 @@ import { TaskbarElement } from '../../snk-taskbar/elements/taskbar-elements';
 import { VIEW_MODE } from '../../../lib/utils/constants';
 import { PresentationMode } from '../../../lib';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { buildFieldSearch } from '../../snk-taskbar/subcomponents/field-search';
+import { buildFieldSearch, openFieldSearch } from '../../snk-taskbar/subcomponents/field-search';
 const FORM_NAME_PREFIX = "__FORM:";
 export class SnkGuidesViewer {
   constructor() {
@@ -60,18 +60,7 @@ export class SnkGuidesViewer {
   * Abre o localizador de campos
   */
   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 openFieldSearch(this._moreOptions, this._fieldSearch);
   }
   exitViewer() {
     if (this.dataUnit.isDirty()) {
@@ -359,8 +348,7 @@ export class SnkGuidesViewer {
     if (this._fieldSearch == undefined || this._hasToCreateFieldSearch) {
       this._hasToCreateFieldSearch = false;
       this._moreOptions = actionButton;
-      actionButton.addEventListener("ezPopoverOpen", () => this.findField());
-      actionButton.addEventListener("ezDisconnectedActionButtons", () => this._hasToCreateFieldSearch = true);
+      actionButton.addEventListener("taskbarActionsButtonDisconnected", () => this._hasToCreateFieldSearch = true);
       this._fieldSearch = buildFieldSearch(item, ({ argument }) => this.fieldsOptionLoader(argument), (option) => this.onSelectField(option, actionButton));
     }
     return this._fieldSearch;
@@ -384,6 +372,8 @@ export class SnkGuidesViewer {
     const hardList = [{
         value: "",
         label: this.getMessage("snkCrud.findColumn"),
+        disableCloseOnSelect: true,
+        eagerInitialize: true,
         itemBuilder: (actionButton, item) => this.getFieldsSearch(actionButton, item)
       }];
     if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
@@ -852,9 +842,6 @@ export class SnkGuidesViewer {
           "references": {
             "Promise": {
               "location": "global"
-            },
-            "HTMLEzSearchElement": {
-              "location": "global"
             }
           },
           "return": "Promise<void>"

package/dist/collection/components/snk-grid/snk-grid.css

@@ -1,3 +1,7 @@
+:host {
+  --snk-grid-min-height: 300px;
+}
+
 .snk-grid__container {
   display: flex;
   height: 100%;
@@ -21,7 +25,7 @@
 }
 
 .snk-grid__table {
-  min-height: 300px;
+  min-height: var(--snk-grid-min-height);
 }
 
 .snk-grid-container__without-shadow {

package/dist/collection/components/snk-grid/snk-grid.js

@@ -1,5 +1,5 @@
 import { h, Fragment } from '@stencil/core';
-import { ApplicationContext, DataType, ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, DataType, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
 import { SortMode, UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
@@ -8,7 +8,7 @@ import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import store from "../../lib/store";
 import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionListDataSource';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { buildFieldSearch } from '../snk-taskbar/subcomponents/field-search';
+import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/field-search';
 export class SnkGrid {
   constructor() {
     this._topTaskbarProcessor = new TaskbarProcessor({
@@ -77,28 +77,18 @@ export class SnkGrid {
     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) => {
@@ -341,12 +331,6 @@ export class SnkGrid {
     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) => {
@@ -364,8 +348,10 @@ export class SnkGrid {
   }
   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) {
@@ -851,41 +837,38 @@ export class SnkGrid {
           "tags": []
         }
       },
-      "findColumn": {
+      "getFilterBar": {
         "complexType": {
-          "signature": "() => Promise<void>",
+          "signature": "() => Promise<HTMLSnkFilterBarElement>",
           "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
             },
-            "HTMLEzSearchElement": {
+            "HTMLSnkFilterBarElement": {
               "location": "global"
             }
           },
-          "return": "Promise<void>"
+          "return": "Promise<HTMLSnkFilterBarElement>"
         },
         "docs": {
-          "text": "Abre o localizador de colunas",
+          "text": "Retorna o elemento da filter-bar da grade.",
           "tags": []
         }
       },
-      "getFilterBar": {
+      "findColumn": {
         "complexType": {
-          "signature": "() => Promise<HTMLSnkFilterBarElement>",
+          "signature": "() => Promise<void>",
           "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
-            },
-            "HTMLSnkFilterBarElement": {
-              "location": "global"
             }
           },
-          "return": "Promise<HTMLSnkFilterBarElement>"
+          "return": "Promise<void>"
         },
         "docs": {
-          "text": "Retorna o elemento da filter-bar da grade.",
+          "text": "Abre o localizador de colunas",
           "tags": []
         }
       }

package/dist/collection/components/snk-simple-crud/snk-simple-crud.js

@@ -1,4 +1,4 @@
-import { ApplicationContext, DataType, FloatingManager, ObjectUtils, UserInterface, JSUtils } from '@sankhyalabs/core';
+import { ApplicationContext, DataType, FloatingManager, JSUtils, ObjectUtils, StringUtils, UserInterface, } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
 import { SIMPLE_CRUD_MODE, VIEW_MODE } from '../../lib/utils/constants';
 import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
@@ -6,7 +6,7 @@ import { PresentationMode } from '../../lib';
 import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
 import InMemoryLoader from '../../lib/dataUnit/InMemoryLoader';
 import SnkMultiSelectionListDataSource from '../snk-grid/filtercolumn/SnkMultiSelectionListDataSource';
-import { buildFieldSearch } from '../snk-taskbar/subcomponents/field-search';
+import { buildFieldSearch, openFieldSearch } from '../snk-taskbar/subcomponents/field-search';
 export class SnkSimpleCrud {
   constructor() {
     this.REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "MORE_OPTIONS"];
@@ -180,12 +180,6 @@ export class SnkSimpleCrud {
     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) => {
@@ -194,9 +188,10 @@ export class SnkSimpleCrud {
           .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;
@@ -238,14 +233,16 @@ export class SnkSimpleCrud {
   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;
     }
@@ -257,39 +254,21 @@ export class SnkSimpleCrud {
     }
     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;

package/dist/collection/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.css

@@ -0,0 +1,6 @@
+:host {
+  /*private*/
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+}