@sankhyalabs/sankhyablocks 8.14.1 → 8.15.0-dev.2

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}";
 
@@ -98,28 +99,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) => {
@@ -362,12 +353,6 @@ const SnkGrid = /*@__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) => {
@@ -385,8 +370,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) {
@@ -442,14 +429,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 +445,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 };

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

@@ -0,0 +1,137 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const taskbarActionsButtonCss = ".sc-taskbar-actions-button-h{display:flex;width:fit-content;height:fit-content}";
+
+const TaskbarActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.taskbarActionSelected = createEvent(this, "taskbarActionSelected", 7);
+    this.taskbarActionsOpened = createEvent(this, "taskbarActionsOpened", 7);
+    this.taskbarActionsButtonDisconnected = createEvent(this, "taskbarActionsButtonDisconnected", 7);
+    this._showDropdown = false;
+    this.title = undefined;
+    this.enabled = undefined;
+    this.actions = undefined;
+  }
+  async handleKeyDown(event) {
+    if (event.key === 'Escape' || event.key === 'Esc') {
+      await this.hideActions();
+    }
+  }
+  /**
+   * Exibe a lista de ações.
+   */
+  async showActions() {
+    this._showDropdown = true;
+    requestAnimationFrame(() => {
+      this._element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+    });
+  }
+  /**
+   * Esaconde a lista de ações.
+   */
+  async hideActions() {
+    this._showDropdown = false;
+  }
+  /**
+   * Informa se a lista de ações está aberta.
+   */
+  async isOpened() {
+    return this._showDropdown;
+  }
+  controlDropdown() {
+    this._showDropdown = !this._showDropdown;
+  }
+  loadItems() {
+    return this.actions.filter(action => action !== undefined).map(action => {
+      var _a;
+      return {
+        id: action.value,
+        label: action.label,
+        value: action.value,
+        type: (_a = action.type) !== null && _a !== void 0 ? _a : 'item',
+        children: action.children,
+        iconName: action.iconName,
+        subAction: action.subAction,
+        group: action.group,
+        disableCloseOnSelect: action.disableCloseOnSelect,
+      };
+    });
+  }
+  canShowDropdown() {
+    var _a;
+    return this._showDropdown && ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) > 0;
+  }
+  onSelectAction(iAction) {
+    const selectedAction = this.actions.find(action => action.value === iAction.id);
+    this.taskbarActionSelected.emit(selectedAction);
+    if (!selectedAction.disableCloseOnSelect) {
+      this._showDropdown = false;
+    }
+  }
+  dropdownItemBuilder(item, _level) {
+    const itemAction = this.actions.find(action => action.value === item.id);
+    if (!itemAction || !itemAction.itemBuilder) {
+      return undefined;
+    }
+    const customContent = itemAction.itemBuilder(this._element, itemAction);
+    if (typeof customContent === 'string') {
+      return h("div", { innerHTML: customContent });
+    }
+    return customContent;
+  }
+  /**
+   * Existem algumas actions que precisam ser inicializadas assim que o componente é carregado,
+   * pois necessitam de algumas informações, como por exemplo a referência do elemento taskbar-actions-button na tela.
+   * É o caso do searchColumn/searhField
+   */
+  initializeEagerItems() {
+    var _a;
+    (_a = this.actions) === null || _a === void 0 ? void 0 : _a.forEach(action => {
+      var _a;
+      if (action && action.eagerInitialize && action.itemBuilder) {
+        (_a = action.itemBuilder) === null || _a === void 0 ? void 0 : _a.call(action, this._element, action);
+      }
+    });
+  }
+  componentDidLoad() {
+    this.initializeEagerItems();
+  }
+  componentDidRender() {
+    if (this._showDropdown) {
+      this.taskbarActionsOpened.emit(this._element);
+    }
+  }
+  disconnectedCallback() {
+    this.taskbarActionsButtonDisconnected.emit();
+  }
+  render() {
+    return (h(Host, null, h("div", { class: `ez-padding-left--medium ${this.canShowDropdown() ? ' ez-elevation--16' : ''}` }, h("ez-button", { title: this.title, mode: 'icon', iconName: 'dots-vertical', size: 'small', enabled: this.enabled, onClick: () => this.controlDropdown() }), this.canShowDropdown() && h("ez-dropdown", { items: this.loadItems(), onEzClick: (evt) => this.onSelectAction(evt.detail), onEzOutsideClick: () => this._showDropdown = false, itemBuilder: (item, level) => this.dropdownItemBuilder(item, level) }))));
+  }
+  get _element() { return this; }
+  static get style() { return taskbarActionsButtonCss; }
+}, [2, "taskbar-actions-button", {
+    "title": [1],
+    "enabled": [4],
+    "actions": [16],
+    "_showDropdown": [32],
+    "showActions": [64],
+    "hideActions": [64],
+    "isOpened": [64]
+  }, [[8, "keydown", "handleKeyDown"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taskbar-actions-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taskbar-actions-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TaskbarActionsButton);
+      }
+      break;
+  } });
+}
+
+export { TaskbarActionsButton as T, defineCustomElement as d };

package/dist/esm/{field-search-c6938ee4.js → field-search-efbe307f.js}

@@ -46,8 +46,35 @@ class TaskbarProcessor {
   }
 }
 
+const EVENT_NAME = 'taskbarActionsOpened';
 const buildFieldSearch = (action, optionLoader, onSelectField) => {
-  return h("ez-search", { class: "ez-actions-button--bottom-padding", canShowError: "false", showSelectedValue: "false", showOptionValue: "false", suppressEmptyOption: "true", label: action.label, value: action.value, optionLoader: optionLoader, onEzChange: (evt) => onSelectField(evt.detail), ignoreLimitCharsToSearch: true });
+  return h("ez-search", { class: 'ez-actions-button--bottom-padding', canShowError: 'false', showSelectedValue: 'false', showOptionValue: 'false', suppressEmptyOption: 'true', label: action.label, value: '', optionLoader: optionLoader, onEzChange: (evt) => onSelectField(evt.detail), ignoreLimitCharsToSearch: true });
+};
+async function focusOnFieldSerch(field) {
+  requestAnimationFrame(async () => {
+    if (field) {
+      const realElement = field['$elm$'];
+      if (!realElement)
+        return;
+      realElement.value = null;
+      await realElement.setFocus();
+    }
+  });
+}
+const openFieldSearch = async (moreOptions, field) => {
+  if (!moreOptions) {
+    return;
+  }
+  if ((await moreOptions.isOpened())) {
+    await focusOnFieldSerch(field);
+    return;
+  }
+  const eventHandler = () => {
+    focusOnFieldSerch(field);
+    moreOptions.removeEventListener(EVENT_NAME, eventHandler);
+  };
+  moreOptions.addEventListener(EVENT_NAME, eventHandler);
+  await moreOptions.showActions();
 };
 
-export { TaskbarProcessor as T, buildFieldSearch as b };
+export { TaskbarProcessor as T, buildFieldSearch as b, openFieldSearch as o };