@sankhyalabs/sankhyablocks 10.1.0-dev.4 → 10.1.0-dev.41

package/dist/esm/snk-actions-button_9.entry.js

@@ -1,22 +1,23 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-479e1293.js';
-import { ApplicationContext, StringUtils, ErrorException, WarningException, ObjectUtils, DateUtils, ServiceUtils, StorageType, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
-import { D as DataFetcher } from './DataFetcher-f4ccd9f3.js';
+import { r as registerInstance, h, f as Host, g as getElement, e as createEvent } from './index-04f73a26.js';
+import { ApplicationContext, StringUtils, ErrorException, WarningException, ObjectUtils, DateUtils, ServiceUtils, StorageType, ArrayUtils, ElementIDUtils, UserInterface } from '@sankhyalabs/core';
+import { D as DataFetcher } from './DataFetcher-e60f8d53.js';
 import { P as ParamType } from './ParamType-d5152b06.js';
-import './ISave-288fa9df.js';
+import './ISave-4929c071.js';
 import './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-c4f9f222.js';
+import './dataunit-fetcher-050b6d31.js';
 import './filter-item-type.enum-d45e026f.js';
-import { F as FormConfigFetcher } from './form-config-fetcher-6a00fe9e.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-b44b2727.js';
 import { O as ORDER_VALUES } from './constants-7b422de0.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
 import { ApplicationUtils, DialogType, FormLayout } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as ConfigStorage } from './ConfigStorage-13d80e36.js';
+import { C as ConfigStorage } from './ConfigStorage-76872695.js';
+import { GRID_COLUMN_DEFAULT_WIDTHS } from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import { S as ServicesNumberingConfig } from './ServicesNumberingConfig-2f7b050e.js';
 import './PrintUtils-3e4ff0f5.js';
-import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
+import './SnkMessageBuilder-1eb7a1af.js';
 import '@sankhyalabs/core/dist/utils/SortingUtils';
 
 const SERVICE_ACTION_EXECUTE_JAVA = 'ActionButtonsSP.executeJava';
@@ -613,6 +614,7 @@ const SnkActionsButton = class {
       action.execute(Object.assign({}, selectedAction));
       this._showDropdown = false;
     };
+    this.size = 'medium';
     this._items = [];
     this._showDropdown = false;
   }
@@ -662,12 +664,13 @@ const SnkActionsButton = class {
     document.addEventListener("scroll", this.positionDropdown.bind(this));
   }
   async componentWillLoad() {
+    var _a, _b;
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     await this.loadParameters();
     const snkDataUnit = this._element.parentElement;
     this._dataUnit = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.dataUnit;
     this._resourceID = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.resourceID;
-    this._entityName = this._dataUnit.name.split('/')[2];
+    this._entityName = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.split('/')[2];
     if (this._resourceID == undefined) {
       this._resourceID = await ResourceIDUtils.getResourceID();
     }
@@ -707,9 +710,9 @@ const SnkActionsButton = class {
   }
   render() {
     return (h(Host, null, (this._actions && this._actions.length > 0) &&
-      (h("div", { class: `ez-padding-left--medium snk-actions-button
+      (h("div", { class: `snk-actions-button
                             ${this.canShowDropdown() ? " ez-elevation--16" : ""}
-                        ` }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "acao", size: "small", mode: "icon", title: this._application.messagesBuilder.getMessage("snkActionsButton.title.actions", undefined), onClick: () => this.controlDropdown() }, this.getElementID("button"))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `${this.canShowDropdown() ?
+                        ` }, h("ez-tooltip", { message: this._application.messagesBuilder.getMessage("snkActionsButton.title.actions", undefined) }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "acao", mode: "icon", onClick: () => this.controlDropdown(), size: this.size }, this.getElementID("button")))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `${this.canShowDropdown() ?
           "snk-actions-button__dropdown--show" :
           "snk-actions-button__dropdown"}
                             ` }, this.getElementID("dropdown")), (this.canShowDropdown()) &&
@@ -738,10 +741,12 @@ const SnkGridConfig = class {
     this._dataChanged = false;
     this._componenteInternalKey = Date.now();
     this.selectedIndex = 0;
-    this.columns = undefined;
+    this.columns = [];
+    this.originalColumns = [];
     this.config = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.metadata = undefined;
     this._collapsibleBoxListOrder = true;
     this._collapsibleBoxListSelect = false;
   }
@@ -773,31 +778,49 @@ const SnkGridConfig = class {
     return newList;
   }
   createOrderList() {
+    var _a;
     let newSortableList = this.getSortableColumns();
-    newSortableList.sort((a, b) => {
-      //OS dois tem order index 0 e pelo menos um deles tem orientação de ordenação.
-      if (a.orderIndex == 0 && b.orderIndex == 0 && (a.ascending != undefined || b.ascending != undefined)) {
-        if (a.ascending != undefined)
-          return -1;
-        if (b.ascending != undefined)
-          return 1;
-        return 0;
-        //Pelo menos um deles tem order index diferente de 0 e os dois tem orientação de ordenação.
-      }
-      else if (a.ascending != undefined && b.ascending != undefined) {
+    if (((_a = this._orderPriorityList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      const orderedList = [];
+      this._orderPriorityList.forEach((priorityItem) => {
+        const item = newSortableList.find(col => col.id === priorityItem.id);
+        if (item) {
+          orderedList.push(item);
+        }
+      });
+      newSortableList.forEach(item => {
+        if (!orderedList.find(o => o.id === item.id)) {
+          orderedList.push(item);
+        }
+      });
+      this._orderListItems = orderedList;
+    }
+    else {
+      newSortableList.sort((a, b) => {
+        //OS dois tem order index 0 e pelo menos um deles tem orientação de ordenação.
+        if (a.orderIndex == 0 && b.orderIndex == 0 && (a.ascending != undefined || b.ascending != undefined)) {
+          if (a.ascending != undefined)
+            return -1;
+          if (b.ascending != undefined)
+            return 1;
+          return 0;
+          //Pelo menos um deles tem order index diferente de 0 e os dois tem orientação de ordenação.
+        }
+        else if (a.ascending != undefined && b.ascending != undefined) {
+          return (a.orderIndex - b.orderIndex);
+          //Pelo menos um deles tem order index diferente de 0 e pelo menos um deles tem orientação de ordenação.
+        }
+        else if (a.ascending != undefined || b.ascending != undefined) {
+          if (a.ascending != undefined)
+            return -1;
+          if (b.ascending != undefined)
+            return 1;
+          return 0;
+        }
         return (a.orderIndex - b.orderIndex);
-        //Pelo menos um deles tem order index diferente de 0 e pelo menos um deles tem orientação de ordenação.
-      }
-      else if (a.ascending != undefined || b.ascending != undefined) {
-        if (a.ascending != undefined)
-          return -1;
-        if (b.ascending != undefined)
-          return 1;
-        return 0;
-      }
-      return (a.orderIndex - b.orderIndex);
-    });
-    this._orderListItems = newSortableList;
+      });
+      this._orderListItems = newSortableList;
+    }
   }
   createColumnList() {
     const visibleGroup = this.buildVisibleGroup();
@@ -830,7 +853,8 @@ const SnkGridConfig = class {
     };
   }
   createOrderListSlotDataElementId(item) {
-    return `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
+    var _a;
+    return `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase((_a = item.id) !== null && _a !== void 0 ? _a : item.label)}`;
   }
   buildOrderListSlot(item) {
     const dataElementId = this.createOrderListSlotDataElementId(item);
@@ -840,22 +864,25 @@ const SnkGridConfig = class {
     }
     return (h("snk-select-box", { selectedOption: selectedOption, key: 'snk-select-box-' + this._componenteInternalKey + '-' + item, "data-element-id": dataElementId, onEzChange: (evt) => {
         evt.stopPropagation();
-        this.updateOrder(evt.detail, item.label);
+        this.updateOrder(evt.detail, item.id);
       }, preventAutoFocus: true }));
   }
-  updateOrder(sortOrder, updatedItemLabel) {
+  updateOrder(sortOrder, updatedItemId) {
     var _a;
     this._dataChanged = true;
     let newList = [...this.columns];
-    let newItem = newList.find((item) => item.label === updatedItemLabel);
+    let newItem = newList.find((item) => item.name === updatedItemId);
     if (newItem) {
       newItem.sort = sortOrder.value === ORDER_VALUES.none.value ? undefined : sortOrder.value;
     }
     let orderArray;
     if (((_a = this._orderPriorityList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this._orderPriorityList.find((item) => item.label === newItem.label).sort = sortOrder;
-      this._orderPriorityList.filter((item) => item.sort).forEach((item, index) => {
-        if (item.label === newItem.label) {
+      const priorityItem = this._orderPriorityList.find((item) => item.id === newItem.name);
+      if (priorityItem) {
+        priorityItem.sort = sortOrder.value === ORDER_VALUES.none.value ? undefined : sortOrder.value;
+      }
+      this._orderPriorityList.filter((item) => item.sort != undefined).forEach((item, index) => {
+        if (item.id === newItem.name) {
           newItem.sortIndex = index;
         }
       });
@@ -863,10 +890,10 @@ const SnkGridConfig = class {
     else {
       orderArray = newList.filter((item) => item.sort && item.hidden !== true)
         .map((item, index) => {
-        return { label: item.label, orderIndex: index };
+        return { name: item.name, orderIndex: index };
       });
       orderArray.forEach((element) => {
-        newList.find((item) => item.label === element.label).sortIndex = element.orderIndex;
+        newList.find((item) => item.name === element.name).sortIndex = element.orderIndex;
       });
     }
     this.columns = newList;
@@ -880,14 +907,15 @@ const SnkGridConfig = class {
     this._dataChanged = false;
     this.closeConfig();
     this.save();
+    this._orderPriorityList = [];
   }
   updateColumns() {
     this.columns = this._columListItems.flatMap((group) => group.items.map((item) => this.buildColumnFromListItem(item, group)));
   }
   buildColumnFromListItem(item, group) {
-    const baseColumn = this.columns.find((column) => column.label === item.label);
+    const baseColumn = this.columns.find((column) => column.name === item.id);
     if (!baseColumn) {
-      throw new Error(`Column with label "${item.label}" not found.`);
+      throw new Error(`Column with name "${item.id}" not found.`);
     }
     return Object.assign(Object.assign({}, baseColumn), { hidden: group.group === this.getMessage('snkGridConfig.group.hidden') });
   }
@@ -902,12 +930,12 @@ const SnkGridConfig = class {
     let orderArray = [];
     orderArray = columns.filter((item) => item.sort && item.hidden !== true)
       .map((item) => {
-      return { label: item.label, orderIndex: 0 };
+      return { name: item.name, orderIndex: 0 };
     });
     let indexCount = 0;
     let newOrderArray = [];
     orderPriorityList.forEach((orderPriorityItem) => {
-      let item = orderArray.find((column) => column.label === orderPriorityItem.label);
+      let item = orderArray.find((column) => column.name === orderPriorityItem.id);
       if (item) {
         item.orderIndex = indexCount;
         newOrderArray.push(item);
@@ -937,11 +965,8 @@ const SnkGridConfig = class {
       let _newColumnConfig = _newConfig.columns.find((_newColumnConfig) => column.name === _newColumnConfig.name);
       if (column.hidden === true && _newColumnConfig)
         return;
-      if (_newColumnConfig) {
-        _newColumnConfig.width = column.width;
-      }
-      else if (column.hidden === false) {
-        _newColumnConfig = { name: column.name, width: column.width, orderIndex: 0 };
+      if (!_newColumnConfig && column.hidden === false) {
+        _newColumnConfig = { name: column.name, orderIndex: 0 };
       }
       if (_newColumnConfig) {
         if (column.sort) {
@@ -965,7 +990,7 @@ const SnkGridConfig = class {
     this.saveGridConfigOnStorage(_newConfig);
     function adjustPriorityOrder(column, _newColumnConfig) {
       if (orderArray) {
-        let orderItem = orderArray.find((item) => item.label === column.label);
+        let orderItem = orderArray.find((item) => item.name === column.name);
         if (orderItem) {
           _newColumnConfig.orderIndex = orderItem.orderIndex;
         }
@@ -1006,6 +1031,7 @@ const SnkGridConfig = class {
         .then((response) => {
         if (!response) {
           this._dataChanged = false;
+          this._orderPriorityList = [];
           this.configCancel.emit();
           this._componenteInternalKey = Date.now();
         }
@@ -1070,29 +1096,61 @@ const SnkGridConfig = class {
     if (!this.resourceID)
       return;
     this._dataChanged = true;
+    this._orderPriorityList = [];
     const config = await ConfigStorage.getDefaultGridConfig(this.resourceID);
     const defaultVisibleCols = (_a = config === null || config === void 0 ? void 0 : config.columns.map(col => col.name)) !== null && _a !== void 0 ? _a : [];
+    const isEmptyConfig = defaultVisibleCols.length === 0;
     const visibleGroup = this.buildVisibleGroup();
     const hiddenGroup = this.buildHiddenGroup();
     const visibleItemsMap = new Map();
-    this.columns.forEach(column => {
+    const columnsToIterate = isEmptyConfig ? this.originalColumns : this.columns;
+    columnsToIterate.forEach(column => {
       const item = this.buildListItemFromColumn(column);
-      if (defaultVisibleCols.includes(column.name)) {
+      if (isEmptyConfig || defaultVisibleCols.includes(column.name)) {
+        item['width'] = this.getDefaultWidthBasedOnMetadata(column.name);
         visibleItemsMap.set(column.name, item);
       }
       else {
         hiddenGroup.items.push(item);
       }
     });
-    visibleGroup.items = defaultVisibleCols
-      .map(name => visibleItemsMap.get(name))
-      .filter(item => item);
+    if (isEmptyConfig) {
+      const itemsToAdd = [];
+      visibleItemsMap.forEach((item) => itemsToAdd.push(item));
+      visibleGroup.items = itemsToAdd;
+    }
+    else {
+      visibleGroup.items = defaultVisibleCols
+        .map(name => visibleItemsMap.get(name))
+        .filter(item => item);
+    }
     this._columListItems = [visibleGroup, hiddenGroup];
     this._visibleList = visibleGroup.items;
     this._hiddenList = hiddenGroup.items;
+    if (this.config) {
+      this.config['columns'] = this.transformListToConfig(visibleGroup.items);
+    }
     this.updateColumns();
     this.createOrderList();
   }
+  transformListToConfig(list) {
+    return list.map((item, index) => {
+      return {
+        name: item.id,
+        hidden: false,
+        orderIndex: Number(item.sort) || index,
+        width: item.width,
+      };
+    });
+  }
+  getDefaultWidthBasedOnMetadata(columnName) {
+    var _a, _b;
+    if (!this.metadata) {
+      return undefined;
+    }
+    const columnMetadata = (_b = (_a = this.metadata) === null || _a === void 0 ? void 0 : _a.fields) === null || _b === void 0 ? void 0 : _b.find(col => col.name === columnName);
+    return GRID_COLUMN_DEFAULT_WIDTHS[columnMetadata === null || columnMetadata === void 0 ? void 0 : columnMetadata.userInterface] || GRID_COLUMN_DEFAULT_WIDTHS[UserInterface.SHORTTEXT];
+  }
   buildListItemFromColumn(column) {
     var _a;
     return {
@@ -1100,13 +1158,14 @@ const SnkGridConfig = class {
       selected: false,
       sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : ORDER_VALUES.asc.value,
       id: column.name,
+      width: column.width,
     };
   }
   render() {
     return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "ez-margin-bottom--medium" }, h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), h("div", { class: "button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), h("div", { class: 'grid-config__body' }, h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
         LEFT_LIST: this.getMessage('snkGridConfig.emptyMensage.left'),
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
-      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' }))), h("ez-collapsible-box", { id: 'ID_group-order-columns', label: this.getMessage('snkGridConfig.dataOrdering'), "header-size": "medium", key: 'KEY_group-order-columns', value: this._collapsibleBoxListOrder, onEzChange: ({ detail }) => this._collapsibleBoxListSelect = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { rightList: this._orderListItems, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), useOnlyRightList: true, slotsListBuilder: this.getListSlots(), emptyMessage: {
+      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' }))), h("ez-collapsible-box", { id: 'ID_group-order-columns', label: this.getMessage('snkGridConfig.dataOrdering'), "header-size": "medium", key: 'KEY_group-order-columns', value: this._collapsibleBoxListOrder, onEzChange: ({ detail }) => this._collapsibleBoxListSelect = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { rightList: this._orderListItems, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), useOnlyRightList: true, slotsListBuilder: this.getListSlots(), onEzRightListChanged: (evt) => this.handleOrderListChange(evt), emptyMessage: {
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
       }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), h("div", { class: "grid-config__footer" }, this.renderResetConfigBtn(), h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
   }
@@ -1116,55 +1175,6 @@ const SnkGridConfig = class {
 SnkGridConfig.CURRENT_CONFIG_VERSION = 1;
 SnkGridConfig.style = snkGridConfigCss;
 
-const snkLayoutFormConfigCss = ".sc-snk-layout-form-config-h{display:block}";
-
-const FORM_COL_CONFIG_PREFIX = 'formColCfg.';
-const SnkLayoutFormConfig = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this._formConfigFetcher = new FormConfigFetcher();
-    this.messagesBuilder = undefined;
-    this.layoutType = FormLayout.SIDE_BY_SIDE;
-  }
-  /**
-   * Salva o tipo de layout escolhido. Sem retorno.
-   */
-  async save() {
-    this._LayoutFormConfigSingleton.setConfig(this.layoutType);
-    this._formConfigFetcher.saveLayoutFormConfig(FORM_COL_CONFIG_PREFIX + this._resourceID, { config: this.layoutType, newConfig: true });
-  }
-  async componentWillLoad() {
-    const _application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._LayoutFormConfigSingleton = await (_application === null || _application === void 0 ? void 0 : _application.getLayoutFormConfig());
-    this._resourceID = await (_application === null || _application === void 0 ? void 0 : _application.getResourceID());
-    this.setLayoutInit();
-  }
-  setLayoutInit() {
-    if (!this._LayoutFormConfigSingleton)
-      return;
-    const { config } = this._LayoutFormConfigSingleton;
-    if (config == null) {
-      this.layoutType = FormLayout.SIDE_BY_SIDE;
-      return;
-    }
-    const configAsNumber = Number(config);
-    this.layoutType = Object.values(FormLayout).includes(configAsNumber)
-      ? configAsNumber
-      : FormLayout.SIDE_BY_SIDE;
-  }
-  toggleLayout(key) {
-    this.layoutType = key;
-  }
-  getMessage(key, params) {
-    var _a;
-    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
-  }
-  render() {
-    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.cascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.cascadeLayout.description'))), h("div", null, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.sideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.sideBySideLayout.description')))));
-  }
-};
-SnkLayoutFormConfig.style = snkLayoutFormConfigCss;
-
 const snkNumberingConfigCss = ".sc-snk-numbering-config-h{display:block}";
 
 const SnkNumberingConfig = class {
@@ -1406,6 +1416,18 @@ const SnkSimpleFormConfig = class {
 };
 SnkSimpleFormConfig.style = snkSimpleFormConfigCss;
 
+const snkTaskbarSkeletonCss = ".sc-snk-taskbar-skeleton-h{display:flex;align-items:center;height:100%;padding:0 var(--space--8, 8px)}ez-skeleton.sc-snk-taskbar-skeleton{--skeleton-width:42px;--skeleton-height:42px;--skeleton-margin-left:var(--space--4, 4px)}";
+
+const SnkTaskbarSkeleton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("ez-skeleton", { variant: "circle", count: 12 }), h("ez-skeleton", { width: "100px" })));
+  }
+};
+SnkTaskbarSkeleton.style = snkTaskbarSkeletonCss;
+
 const snkViewRepresentationCss = ".sc-snk-view-representation-h{display:block}.svg-container.sc-snk-view-representation{display:flex;width:185px;height:125px;border-radius:8px;background-color:#f7f7f7;padding:10px 12px;box-sizing:border-box;position:relative}.svg-container__background.sc-snk-view-representation{display:flex;flex-direction:column;width:100%}.svg-container__header.sc-snk-view-representation{display:flex;gap:2px;margin-bottom:12px}.svg-container__circle.sc-snk-view-representation{width:9px;height:9px;border-radius:50%}.svg-container__circle--red.sc-snk-view-representation{background-color:#ed7678}.svg-container__circle--yellow.sc-snk-view-representation{background-color:#eddb76}.svg-container__circle--green.sc-snk-view-representation{background-color:#7ad08e}.svg-container__section.sc-snk-view-representation{width:100%}.svg-container__collumn.sc-snk-view-representation{width:100%;display:flex;flex-direction:column}.svg-container__inline.sc-snk-view-representation{display:flex;flex-direction:row;gap:6px}.svg-container__line.sc-snk-view-representation{height:13px;border-radius:4px;background-color:#d9d9d9;margin-bottom:4px}.svg-container__line--short.sc-snk-view-representation{width:39.68px;height:7px;border-radius:3.5px}.svg-container__line--long.sc-snk-view-representation{width:100%}";
 
 const SnkViewRepresentation = class {
@@ -1420,14 +1442,14 @@ const SnkViewRepresentation = class {
     return (h("div", { class: "svg-container__inline" }, [...Array(2)].map(() => this.renderCascadeLayout())));
   }
   render() {
-    return (h("div", { class: "svg-container ez-margin-left--small" }, h("div", { class: "svg-container__background" }, h("div", { class: "svg-container__header" }, h("div", { class: "svg-container__circle svg-container__circle--red" }), h("div", { class: "svg-container__circle svg-container__circle--yellow" }), h("div", { class: "svg-container__circle svg-container__circle--green" })), this.mode === FormLayout.CASCADE
+    return (h("div", { class: "svg-container ez-margin-left--small" }, h("div", { class: "svg-container__background" }, h("div", { class: "svg-container__header" }, h("div", { class: "svg-container__circle svg-container__circle--red" }), h("div", { class: "svg-container__circle svg-container__circle--yellow" }), h("div", { class: "svg-container__circle svg-container__circle--green" })), (this.mode === FormLayout.CASCADE || this.mode === FormLayout.CLASSIC_CASCADE)
       ? this.renderCascadeLayout()
       : this.renderSideBySideLayout())));
   }
 };
 SnkViewRepresentation.style = snkViewRepresentationCss;
 
-const taskbarActionsButtonCss = ".sc-taskbar-actions-button-h{--ez-dropdown--min-width:150px;display:flex;width:fit-content;height:fit-content}.ez-dropdown-container.sc-taskbar-actions-button{position:relative;display:inline-block}.ez-dropdown--sticky.sc-taskbar-actions-button{position:absolute;display:block;min-width:var(--ez-dropdown--min-width)}";
+const taskbarActionsButtonCss = ".sc-taskbar-actions-button-h{--ez-dropdown--min-width:150px;display:flex;width:fit-content;height:fit-content}.ez-dropdown-container.sc-taskbar-actions-button{position:relative;display:inline-block}.ez-dropdown--sticky.sc-taskbar-actions-button{position:absolute;display:block;min-width:var(--ez-dropdown--min-width);top:100%;left:0;margin-top:4px}.ez-dropdown--open-left.sc-taskbar-actions-button{left:auto;right:0}";
 
 const TaskbarActionsButton = class {
   constructor(hostRef) {
@@ -1436,9 +1458,11 @@ const TaskbarActionsButton = class {
     this.taskbarActionsOpened = createEvent(this, "taskbarActionsOpened", 7);
     this.taskbarActionsButtonDisconnected = createEvent(this, "taskbarActionsButtonDisconnected", 7);
     this._showDropdown = false;
+    this._openToLeft = false;
     this.title = undefined;
     this.enabled = undefined;
     this.actions = undefined;
+    this.size = 'medium';
   }
   async handleKeyDown(event) {
     if (event.key === 'Escape' || event.key === 'Esc') {
@@ -1452,6 +1476,7 @@ const TaskbarActionsButton = class {
    * Exibe a lista de ações.
    */
   async showActions() {
+    this.checkDropdownPosition();
     this._showDropdown = true;
     requestAnimationFrame(() => {
       this._element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
@@ -1470,8 +1495,19 @@ const TaskbarActionsButton = class {
     return this._showDropdown;
   }
   controlDropdown() {
+    if (!this._showDropdown) {
+      this.checkDropdownPosition();
+    }
     this._showDropdown = !this._showDropdown;
   }
+  checkDropdownPosition() {
+    const rect = this._element.getBoundingClientRect();
+    const viewportWidth = window.innerWidth;
+    const dropdownMinWidth = 150; // Largura mínima do dropdown
+    const spaceOnRight = viewportWidth - rect.right;
+    // Se não houver espaço suficiente à direita, abre para a esquerda
+    this._openToLeft = spaceOnRight < dropdownMinWidth;
+  }
   loadItems() {
     return this.actions.filter(action => action !== undefined).map(action => {
       var _a;
@@ -1552,7 +1588,10 @@ const TaskbarActionsButton = class {
     this.taskbarActionsButtonDisconnected.emit();
   }
   render() {
-    return (h(Host, null, h("div", { class: `${this.canShowDropdown() ? ' ez-elevation--16' : ''} ez-dropdown-container` }, h("ez-button", { title: this.title, mode: 'icon', iconName: 'dots-vertical', size: 'small', enabled: this.enabled, onClick: () => this.controlDropdown() }), this.canShowDropdown() && h("ez-dropdown", { class: `ez-dropdown--sticky`, items: this.loadItems(), onEzClick: (evt) => this.onSelectAction(evt.detail), onEzOutsideClick: () => this._showDropdown = false, itemBuilder: (item, level) => this.dropdownItemBuilder(item, level) }))));
+    return (h(Host, null, h("div", { class: `${this.canShowDropdown() ? ' ez-elevation--16' : ''} ez-dropdown-container` }, h("ez-tooltip", { message: this.title }, h("ez-button", { mode: 'icon', iconName: 'dots-vertical', isDisabled: !this.enabled, onClick: () => this.controlDropdown(), size: this.size })), this.canShowDropdown() && (h("ez-dropdown", { class: {
+        'ez-dropdown--sticky': true,
+        'ez-dropdown--open-left': this._openToLeft
+      }, items: this.loadItems(), onEzClick: (evt) => this.onSelectAction(evt.detail), onEzOutsideClick: () => this._showDropdown = false, itemBuilder: (item, level) => this.dropdownItemBuilder(item, level) })))));
   }
   get _element() { return getElement(this); }
 };
@@ -1572,6 +1611,7 @@ const TaskbarSplitButton = class {
     this.title = undefined;
     this.enabled = undefined;
     this.actions = undefined;
+    this.size = 'medium';
   }
   initializeEagerItems() {
     var _a;
@@ -1612,10 +1652,17 @@ const TaskbarSplitButton = class {
       };
     });
   }
+  // Padroniza o tamanho do split button para se adequar aos demais tamanhos dos botões do taskbar
+  ajustSizeButton() {
+    if (!this.size || this.size === 'small') {
+      return 'medium';
+    }
+    return 'large';
+  }
   render() {
-    return (h(Host, null, h("ez-split-button", { ref: (ref) => this._splitButtonRef = ref, key: this.dataElementId, class: `${this.className} "ez-split-button--tertiary ez-padding--medium"`, items: this.loadItems(), mode: "icon-only", iconName: this.iconName, enabled: this.enabled, show: this._showDropdown, onButtonClick: () => this.action(this.name), itemBuilder: (item, level) => this.dropdownItemBuilder(item, level) })));
+    return (h(Host, null, h("ez-split-button", { ref: (ref) => this._splitButtonRef = ref, key: this.dataElementId, class: `${this.className} "ez-split-button--tertiary ez-padding--medium"`, items: this.loadItems(), mode: "icon-only", size: this.ajustSizeButton(), leftIconName: this.iconName, isDisabled: !this.enabled, show: this._showDropdown, onButtonClick: () => this.action(this.name), itemBuilder: (item, level) => this.dropdownItemBuilder(item, level), leftTitle: this.title })));
   }
 };
 TaskbarSplitButton.style = taskbarSplitButtonCss;
 
-export { SnkActionsButton as snk_actions_button, SnkGridConfig as snk_grid_config, SnkLayoutFormConfig as snk_layout_form_config, SnkNumberingConfig as snk_numbering_config, SelectBox as snk_select_box, SnkSimpleFormConfig as snk_simple_form_config, SnkViewRepresentation as snk_view_representation, TaskbarActionsButton as taskbar_actions_button, TaskbarSplitButton as taskbar_split_button };
+export { SnkActionsButton as snk_actions_button, SnkGridConfig as snk_grid_config, SnkNumberingConfig as snk_numbering_config, SelectBox as snk_select_box, SnkSimpleFormConfig as snk_simple_form_config, SnkTaskbarSkeleton as snk_taskbar_skeleton, SnkViewRepresentation as snk_view_representation, TaskbarActionsButton as taskbar_actions_button, TaskbarSplitButton as taskbar_split_button };

package/dist/esm/snk-actions-form.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-479e1293.js';
+import { r as registerInstance, h } from './index-04f73a26.js';
 import { DataUnit, UserInterface, DataType, ApplicationContext } from '@sankhyalabs/core';
 import { P as ParamType } from './ParamType-d5152b06.js';
 

package/dist/esm/snk-application.entry.js

@@ -1,15 +1,16 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-479e1293.js';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-04f73a26.js';
 import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, SilentException, WarningException, ErrorException, ElementIDUtils, SearchUtils, ArrayUtils, KeyboardManager, OnboardingUtils, DependencyType, DataType, ApplicationContext, ErrorTracking, UserAgentUtils, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as ConfigStorage } from './ConfigStorage-13d80e36.js';
-import { d as dist, D as DataFetcher, U as UrlUtils, S as SnkMessageBuilder } from './DataFetcher-f4ccd9f3.js';
-import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-59ab0c67.js';
-import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher-c4f9f222.js';
-import { P as PesquisaFetcher } from './ISave-288fa9df.js';
+import { C as ConfigStorage } from './ConfigStorage-76872695.js';
+import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher-e60f8d53.js';
+import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-1a31c1e4.js';
+import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher-050b6d31.js';
+import { P as PesquisaFetcher } from './ISave-4929c071.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-1eb7a1af.js';
 import { T as TEMPLATES_SKELETON } from './constants-7b422de0.js';
 import './index-b40568ff.js';
 import './filter-item-type.enum-d45e026f.js';
-import { F as FormConfigFetcher } from './form-config-fetcher-6a00fe9e.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-b44b2727.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
@@ -278,6 +279,7 @@ class SnkErrorHandler {
       this._app.error(exception.title, exception.message);
     }
     else {
+      console.warn("Erro não tratado", exception);
       this._app.isDebugMode().then(isDebug => {
         if (isDebug) {
           if (exception instanceof Error) {
@@ -790,6 +792,7 @@ const SnkApplication = class {
     this._popUp.opened = true;
     this._popUp.heightMode = size;
     this._popUp.useHeader = useHeader;
+    this._popUp.autoClose = false;
     if (content.tagName === 'EZ-MODAL-CONTAINER') {
       this._popUp.useHeader = false;
     }
@@ -1390,12 +1393,29 @@ const SnkApplication = class {
    * @async
    */
   async executePreparedSearch(mode, argument, options) {
+    var _a;
     const mdByName = {};
     const { entity, criteria, searchOptions, useSearchPlus } = options;
     if (useSearchPlus) {
       return executePreparedSearchPlus(mode, argument, options, this, this.pesquisaFetcher);
     }
-    if (mode === "ADVANCED") {
+    if (mode === "LOAD_DESCRIPTION") {
+      let result = await this.pesquisaFetcher.loadByCode(entity, argument, criteria, searchOptions);
+      result = ObjectUtils.stringToObject(result.json.$);
+      let descriptionField = result.descriptionField;
+      const option = (_a = result.data) === null || _a === void 0 ? void 0 : _a[0];
+      if (!option) {
+        return {
+          value: argument,
+          label: ""
+        };
+      }
+      return {
+        value: argument,
+        label: option[descriptionField]
+      };
+    }
+    else if (mode === "ADVANCED") {
       return executeAdvancedModeSearch(argument, options, this, this.pesquisaFetcher);
     }
     return new Promise((resolve, reject) => {