@sankhyalabs/sankhyablocks 8.14.11 → 8.15.0-dev.10

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,20 +8,27 @@ 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({
       "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;
@@ -77,28 +84,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) => {
@@ -312,41 +309,51 @@ export class SnkGrid {
     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) => {
@@ -364,8 +371,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) {
@@ -390,7 +399,7 @@ export class SnkGrid {
       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 }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -587,7 +596,7 @@ export class SnkGrid {
         "mutable": false,
         "complexType": {
           "original": "PresentationMode",
-          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY",
+          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY | PresentationMode.SINGLE_TASKBAR",
           "references": {
             "PresentationMode": {
               "location": "import",
@@ -851,41 +860,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;
+}

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

@@ -0,0 +1,324 @@
+import { h, Host } from '@stencil/core';
+export class TaskbarActionsButton {
+  constructor() {
+    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();
+    }
+  }
+  async handleClose() {
+    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 actions = this.actions.map(action => (Object.assign(Object.assign({}, action), { id: action.value })));
+    const selectedAction = this.getSelectedAction(iAction.id, actions);
+    this.taskbarActionSelected.emit(selectedAction);
+    if (!selectedAction.disableCloseOnSelect) {
+      this._showDropdown = false;
+    }
+  }
+  getSelectedAction(id, actions) {
+    let selectedItem;
+    for (const item of actions) {
+      if (item.id === id) {
+        selectedItem = item;
+        break;
+      }
+      if (!(item === null || item === void 0 ? void 0 : item.children))
+        continue;
+      selectedItem = this.getSelectedAction(id, item.children);
+    }
+    return selectedItem;
+  }
+  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) }))));
+  }
+  static get is() { return "taskbar-actions-button"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["taskbar-actions-button.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["taskbar-actions-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "title": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto que ser\u00E1 exibido no bot\u00E3o"
+        },
+        "attribute": "title",
+        "reflect": false
+      },
+      "enabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o componente."
+        },
+        "attribute": "enabled",
+        "reflect": false
+      },
+      "actions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<Action>",
+          "resolved": "Action[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "Action": {
+              "location": "import",
+              "path": "../../snk-taskbar"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a lista de a\u00E7\u00F5es."
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_showDropdown": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "taskbarActionSelected",
+        "name": "taskbarActionSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao selecionar uma a\u00E7\u00E3o"
+        },
+        "complexType": {
+          "original": "Action",
+          "resolved": "Action",
+          "references": {
+            "Action": {
+              "location": "import",
+              "path": "../../snk-taskbar"
+            }
+          }
+        }
+      }, {
+        "method": "taskbarActionsOpened",
+        "name": "taskbarActionsOpened",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao mostrar a lista de a\u00E7\u00F5es"
+        },
+        "complexType": {
+          "original": "HTMLElement",
+          "resolved": "HTMLElement",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        }
+      }, {
+        "method": "taskbarActionsButtonDisconnected",
+        "name": "taskbarActionsButtonDisconnected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando componente \u00E9 desconectado da DOM"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "showActions": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Exibe a lista de a\u00E7\u00F5es.",
+          "tags": []
+        }
+      },
+      "hideActions": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Esaconde a lista de a\u00E7\u00F5es.",
+          "tags": []
+        }
+      },
+      "isOpened": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Informa se a lista de a\u00E7\u00F5es est\u00E1 aberta.",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "_element"; }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "handleKeyDown",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "ezOpenModal",
+        "method": "handleClose",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
+}