@sankhyalabs/sankhyablocks 8.15.0-dev.31 → 8.15.0-dev.32

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

@@ -48,7 +48,9 @@ export class SnkTaskbar {
   }
   observeButtons() {
     this._definitions = undefined;
-    requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    });
   }
   // Internal methods
   elementsFromString(strButtons) {
@@ -203,7 +205,7 @@ export class SnkTaskbar {
       this._customElementsId.push(elementId);
       (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.addNotOverFlowElement(elementId);
     }
-    return h("span", { key: elementId, id: elementId });
+    return h("span", { class: "ez-padding-left--medium", key: elementId, id: elementId });
   }
   getCustomElements() {
     var _a, _b;
@@ -327,12 +329,7 @@ export class SnkTaskbar {
     let index = 0;
     return (h(Host, { class: this.getHostClasses() }, this.removeEmpty(this._definitions.map((elem) => {
       var _a, _b;
-      if (elem === TaskbarElement.DIVIDER) {
-        index = 0;
-      }
-      else {
-        index++;
-      }
+      index++;
       if (TaskbarElement[elem]) {
         return this.getElement(index, TaskbarElement[elem]);
       }

package/dist/collection/lib/message/resources/snk-data-exporter.msg.js

@@ -16,7 +16,8 @@ export const snkDataExporterMessages = {
   },
   message: {
     emailSuccess: "E-mail enviado com sucesso",
-    exportError: "Usuário sem permissão",
+    exportError: "Falha ao exportar dados",
+    unknownFailure: "O motivo da falha não pode ser identificado.",
     exportPermission: "O usuário não possui permissão para exportar o arquivo.",
   },
   title: {

package/dist/components/SnkMessageBuilder.js

@@ -286,7 +286,8 @@ const snkDataExporterMessages = {
   },
   message: {
     emailSuccess: "E-mail enviado com sucesso",
-    exportError: "Usuário sem permissão",
+    exportError: "Falha ao exportar dados",
+    unknownFailure: "O motivo da falha não pode ser identificado.",
     exportPermission: "O usuário não possui permissão para exportar o arquivo.",
   },
   title: {

package/dist/components/snk-data-exporter2.js

@@ -323,7 +323,11 @@ const SnkDataExporter = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     fetchDataExporter(params)
       .then((result) => callbackResolver(result))
-      .catch((exception) => ApplicationUtils.error(this.getMessage("snkDataExporter.message.exportError"), exception ? exception.statusMessage : this.getMessage("snkDataExporter.message.exportError")));
+      .catch((exception) => {
+      console.error(exception);
+      let { title, message, statusMessage } = exception || {};
+      ApplicationUtils.error(title || this.getMessage("snkDataExporter.message.exportError"), statusMessage || message || this.getMessage("snkDataExporter.message.unknownFailure"));
+    });
   }
   getOptionKey(option) {
     return Object.keys(DataExporterOption)

package/dist/components/snk-form-config2.js

@@ -34,6 +34,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._formFieldsStyle = "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding-right--small ez-padding-bottom--medium sc-snk-form-config";
     this._fieldsAvailableStyle = "ez-col ez-col--sd-12 ez-col--tb-12 ez-margin-bottom--medium ez-margin-right--medium sc-snk-form-config";
     this._fieldFloatingStyle = "form-config__field-config--dragged";
+    this._sortableTimer = 100;
     this._formConfigOptions = [];
     this._fieldConfigSelected = undefined;
     this._layoutFormConfig = undefined;
@@ -48,20 +49,27 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.messagesBuilder = undefined;
   }
   observeConfigManager() {
-    this.loadConfig();
+    this.loadConfig(this._sortableTimer);
   }
-  loadFields() {
+  loadFields(updateTimer = 0) {
     this._layoutFormConfig = [];
-    this.buildFields();
+    if (updateTimer > 0) {
+      setTimeout(() => {
+        this.buildFields();
+      }, updateTimer);
+    }
+    else {
+      this.buildFields();
+    }
   }
   buildFields() {
     this.buildFormConfig();
     this.buildAvailableFields();
   }
-  loadFormConfig() {
+  loadFormConfig(updateTimer) {
     var _a;
     this._formConfig = this.getConfig();
-    this.loadFields();
+    this.loadFields(updateTimer);
     this.controlFieldConfig();
     if (((_a = this._filterFieldsAvailable) === null || _a === void 0 ? void 0 : _a.value) != undefined) {
       this._filterFieldsAvailable.value = "";
@@ -104,12 +112,12 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   resetChangeConfig() {
-    this.loadFormConfig();
+    this.loadFormConfig(this._sortableTimer);
     this.clearTempGroups();
   }
   resetChangeOptionConfig() {
     this._formConfigChanged = false;
-    this.loadConfig();
+    this.loadConfig(this._sortableTimer);
     this.clearTempGroups();
   }
   getTabsToSave() {
@@ -324,7 +332,9 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       && oldContainer.id === newContainer.id) {
       evt.cancel();
       this._fieldsAvailable = [];
-      this.buildAvailableFields();
+      setTimeout(() => {
+        this.buildAvailableFields();
+      }, this._sortableTimer);
       return true;
     }
     return false;
@@ -367,7 +377,11 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         if (isNewGroup) {
           this.clearTempGroups(true);
         }
-        this.updateFieldsToSave();
+        const sortableTimer = oldContainer.dataset.groupName !== newContainer.dataset.groupName
+          || (newContainer.id === CONTAINER_ID.withoutGroup && oldContainer.id === CONTAINER_ID.fieldsAvailable)
+          ? this._sortableTimer
+          : 0;
+        this.updateFieldsToSave(sortableTimer);
       }, this._renderTimer);
       return true;
     }
@@ -397,12 +411,12 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       return;
     }
   }
-  updateFieldsToSave() {
+  updateFieldsToSave(updateTimer = 0) {
     const fields = this.getFieldsToSave();
     if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0) {
       this._formConfig.fields = fields;
     }
-    this.loadFields();
+    this.loadFields(updateTimer);
     this._formConfigChanged = true;
   }
   controlSortableField() {
@@ -432,7 +446,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   controlStopDraggingGroup(evt) {
     if (evt.data.newIndex !== evt.data.oldIndex) {
       setTimeout(() => {
-        this.updateFieldsToSave();
+        this.updateFieldsToSave(this._sortableTimer);
       }, this._renderTimer);
     }
   }
@@ -505,7 +519,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     });
     if (tabs.length > 0) {
       this._formConfig.tabs = tabs;
-      this.loadFields();
+      this.loadFields(this._sortableTimer);
       this.controlFieldConfig();
       this._formConfigChanged = true;
     }
@@ -529,13 +543,13 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (config != undefined) {
       this._formConfig = config;
       this._tabSelected = 1;
-      this.loadFields();
+      this.loadFields(this._sortableTimer);
       this.controlFieldConfig();
       this.clearTempGroups();
     }
   }
-  loadConfig() {
-    this.loadFormConfig();
+  loadConfig(updateTimer = 0) {
+    this.loadFormConfig(updateTimer);
     this.loadUserConfig();
   }
   addNewGroup() {
@@ -576,7 +590,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       });
     }
     else {
-      this.updateFieldsToSave();
+      this.updateFieldsToSave(this._sortableTimer);
     }
   }
   checkGroupExists(newLabel, indexGroup, isTempGroup = false) {
@@ -622,7 +636,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         field.group = newLabel;
       }
     });
-    this.loadFields();
+    this.loadFields(this._sortableTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -836,14 +850,14 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._formConfigChanged = true;
     this.resetSortables();
   }
-  controlRemoveFieldConfig(fieldConfig) {
+  controlRemoveFieldConfig(fieldConfig, updateTimer) {
     var _a;
     this._formConfigChanged = false;
     if (fieldConfig == undefined) {
       return;
     }
     this._formConfig.fields = (_a = this._formConfig.fields) === null || _a === void 0 ? void 0 : _a.filter((field) => field.name !== fieldConfig.name);
-    this.loadFields();
+    this.loadFields(updateTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
     this.resetSortables();
@@ -852,14 +866,14 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.controlSortableField();
     this.controlSortableGroup();
   }
-  handleFieldConfigChange(evt) {
+  handleFieldConfigChange(evt, updateTimer = 0) {
     const { field: fieldConfig, type: actionType } = evt.detail;
     if (actionType === ACTION_CONFIG.configuration) {
       this.controlFieldConfig(fieldConfig);
       return;
     }
     if (actionType === ACTION_CONFIG.remove) {
-      this.controlRemoveFieldConfig(fieldConfig);
+      this.controlRemoveFieldConfig(fieldConfig, updateTimer);
       return;
     }
     if (actionType === ACTION_CONFIG.add) {
@@ -880,7 +894,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         tab.label = newLabel;
       }
     });
-    this.loadFields();
+    this.loadFields(this._sortableTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -900,7 +914,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         this._formConfig.tabs = (_a = this._formConfig.tabs) === null || _a === void 0 ? void 0 : _a.filter((tab) => {
           return tab.label !== tabSelected.detail.label;
         });
-        this.loadFields();
+        this.loadFields(this._sortableTimer);
         this.controlFieldConfig();
         this._formConfigChanged = true;
       }
@@ -913,7 +927,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         tab.visible = !tab.visible;
       }
     });
-    this.loadFields();
+    this.loadFields(this._sortableTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }

package/dist/components/snk-taskbar2.js

@@ -95,7 +95,7 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case TaskbarElement.MORE_OPTIONS:
       return actionButton(element, className, 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 });
+      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin--none ez-margin-left--medium", "data-taskbar-divider": true });
     case TaskbarElement.DATA_EXPORTER:
       const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
       return h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId, "data-taskbar-element": element });
@@ -171,7 +171,9 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   observeButtons() {
     this._definitions = undefined;
-    requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
+    });
   }
   // Internal methods
   elementsFromString(strButtons) {
@@ -326,7 +328,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this._customElementsId.push(elementId);
       (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.addNotOverFlowElement(elementId);
     }
-    return h("span", { key: elementId, id: elementId });
+    return h("span", { class: "ez-padding-left--medium", key: elementId, id: elementId });
   }
   getCustomElements() {
     var _a, _b;
@@ -450,12 +452,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     let index = 0;
     return (h(Host, { class: this.getHostClasses() }, this.removeEmpty(this._definitions.map((elem) => {
       var _a, _b;
-      if (elem === TaskbarElement.DIVIDER) {
-        index = 0;
-      }
-      else {
-        index++;
-      }
+      index++;
       if (TaskbarElement[elem]) {
         return this.getElement(index, TaskbarElement[elem]);
       }

package/dist/esm/{SnkMessageBuilder-0fb796b9.js → SnkMessageBuilder-9747ddd2.js}

@@ -286,7 +286,8 @@ const snkDataExporterMessages = {
   },
   message: {
     emailSuccess: "E-mail enviado com sucesso",
-    exportError: "Usuário sem permissão",
+    exportError: "Falha ao exportar dados",
+    unknownFailure: "O motivo da falha não pode ser identificado.",
     exportPermission: "O usuário não possui permissão para exportar o arquivo.",
   },
   title: {

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

@@ -5,7 +5,7 @@ import { C as ConfigStorage } from './ConfigStorage-39ed8aeb.js';
 import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher-a650ae58.js';
 import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-17dc5b5e.js';
 import { D as DataUnitFetcher, P as PesquisaFetcher } from './pesquisa-fetcher-f05a12ca.js';
-import { S as SnkMessageBuilder } from './SnkMessageBuilder-0fb796b9.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-9747ddd2.js';
 import './form-config-fetcher-f121f880.js';
 import './filter-item-type.enum-d45e026f.js';
 import './PrintUtils-3e4ff0f5.js';

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

@@ -8,7 +8,7 @@ import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-f121f880.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
 import { A as AutorizationType } from './auth-fetcher-17dc5b5e.js';
-import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { StringUtils, ElementIDUtils, ApplicationContext, JSUtils, FloatingManager } from '@sankhyalabs/core';
-import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import './DataFetcher-a650ae58.js';
 import './pesquisa-fetcher-f05a12ca.js';
 import { P as PresentationMode } from './index-0ece87a6.js';

package/dist/esm/snk-data-exporter.entry.js

@@ -4,10 +4,10 @@ import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/
 import { D as DataExporterOption, a as DataExporterFormat, b as DataExporterType } from './index-0ece87a6.js';
 import { R as REPORT_LAUNCHER_RESOURCE_ID } from './constants-8457af36.js';
 import { D as DataFetcher } from './DataFetcher-a650ae58.js';
-import { S as SnkDataUnit } from './snk-data-unit-5d201fb3.js';
+import { S as SnkDataUnit } from './snk-data-unit-4c343635.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './SnkMessageBuilder-0fb796b9.js';
+import './SnkMessageBuilder-9747ddd2.js';
 
 class ItemBuilder {
   constructor(getMessage, selectedNumber) {
@@ -324,7 +324,11 @@ const SnkDataExporter = class {
     }
     fetchDataExporter(params)
       .then((result) => callbackResolver(result))
-      .catch((exception) => ApplicationUtils.error(this.getMessage("snkDataExporter.message.exportError"), exception ? exception.statusMessage : this.getMessage("snkDataExporter.message.exportError")));
+      .catch((exception) => {
+      console.error(exception);
+      let { title, message, statusMessage } = exception || {};
+      ApplicationUtils.error(title || this.getMessage("snkDataExporter.message.exportError"), statusMessage || message || this.getMessage("snkDataExporter.message.unknownFailure"));
+    });
   }
   getOptionKey(option) {
     return Object.keys(DataExporterOption)

package/dist/esm/{snk-data-unit-5d201fb3.js → snk-data-unit-4c343635.js}

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-a7d3d3f1.js';
 import { Action, ObjectUtils, JSUtils, DataUnitAction, ApplicationContext, DataType } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder-0fb796b9.js';
+import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder-9747ddd2.js';
 
 const SnkDataUnit = class {
   constructor(hostRef) {

package/dist/esm/snk-data-unit.entry.js

@@ -1,5 +1,5 @@
-export { S as snk_data_unit } from './snk-data-unit-5d201fb3.js';
+export { S as snk_data_unit } from './snk-data-unit-4c343635.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
 import '@sankhyalabs/ezui/dist/collection/utils';
-import './SnkMessageBuilder-0fb796b9.js';
+import './SnkMessageBuilder-9747ddd2.js';

package/dist/esm/snk-detail-view.entry.js

@@ -10,10 +10,10 @@ import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-f121f880.js';
-import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-47443f7c.js';
-import { S as SnkMessageBuilder } from './SnkMessageBuilder-0fb796b9.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-8b679ee6.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-9747ddd2.js';
 import './ConfigStorage-39ed8aeb.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';

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

@@ -34,6 +34,7 @@ const SnkFormConfig = class {
     this._formFieldsStyle = "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding-right--small ez-padding-bottom--medium sc-snk-form-config";
     this._fieldsAvailableStyle = "ez-col ez-col--sd-12 ez-col--tb-12 ez-margin-bottom--medium ez-margin-right--medium sc-snk-form-config";
     this._fieldFloatingStyle = "form-config__field-config--dragged";
+    this._sortableTimer = 100;
     this._formConfigOptions = [];
     this._fieldConfigSelected = undefined;
     this._layoutFormConfig = undefined;
@@ -48,20 +49,27 @@ const SnkFormConfig = class {
     this.messagesBuilder = undefined;
   }
   observeConfigManager() {
-    this.loadConfig();
+    this.loadConfig(this._sortableTimer);
   }
-  loadFields() {
+  loadFields(updateTimer = 0) {
     this._layoutFormConfig = [];
-    this.buildFields();
+    if (updateTimer > 0) {
+      setTimeout(() => {
+        this.buildFields();
+      }, updateTimer);
+    }
+    else {
+      this.buildFields();
+    }
   }
   buildFields() {
     this.buildFormConfig();
     this.buildAvailableFields();
   }
-  loadFormConfig() {
+  loadFormConfig(updateTimer) {
     var _a;
     this._formConfig = this.getConfig();
-    this.loadFields();
+    this.loadFields(updateTimer);
     this.controlFieldConfig();
     if (((_a = this._filterFieldsAvailable) === null || _a === void 0 ? void 0 : _a.value) != undefined) {
       this._filterFieldsAvailable.value = "";
@@ -104,12 +112,12 @@ const SnkFormConfig = class {
     }
   }
   resetChangeConfig() {
-    this.loadFormConfig();
+    this.loadFormConfig(this._sortableTimer);
     this.clearTempGroups();
   }
   resetChangeOptionConfig() {
     this._formConfigChanged = false;
-    this.loadConfig();
+    this.loadConfig(this._sortableTimer);
     this.clearTempGroups();
   }
   getTabsToSave() {
@@ -324,7 +332,9 @@ const SnkFormConfig = class {
       && oldContainer.id === newContainer.id) {
       evt.cancel();
       this._fieldsAvailable = [];
-      this.buildAvailableFields();
+      setTimeout(() => {
+        this.buildAvailableFields();
+      }, this._sortableTimer);
       return true;
     }
     return false;
@@ -367,7 +377,11 @@ const SnkFormConfig = class {
         if (isNewGroup) {
           this.clearTempGroups(true);
         }
-        this.updateFieldsToSave();
+        const sortableTimer = oldContainer.dataset.groupName !== newContainer.dataset.groupName
+          || (newContainer.id === CONTAINER_ID.withoutGroup && oldContainer.id === CONTAINER_ID.fieldsAvailable)
+          ? this._sortableTimer
+          : 0;
+        this.updateFieldsToSave(sortableTimer);
       }, this._renderTimer);
       return true;
     }
@@ -397,12 +411,12 @@ const SnkFormConfig = class {
       return;
     }
   }
-  updateFieldsToSave() {
+  updateFieldsToSave(updateTimer = 0) {
     const fields = this.getFieldsToSave();
     if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0) {
       this._formConfig.fields = fields;
     }
-    this.loadFields();
+    this.loadFields(updateTimer);
     this._formConfigChanged = true;
   }
   controlSortableField() {
@@ -432,7 +446,7 @@ const SnkFormConfig = class {
   controlStopDraggingGroup(evt) {
     if (evt.data.newIndex !== evt.data.oldIndex) {
       setTimeout(() => {
-        this.updateFieldsToSave();
+        this.updateFieldsToSave(this._sortableTimer);
       }, this._renderTimer);
     }
   }
@@ -505,7 +519,7 @@ const SnkFormConfig = class {
     });
     if (tabs.length > 0) {
       this._formConfig.tabs = tabs;
-      this.loadFields();
+      this.loadFields(this._sortableTimer);
       this.controlFieldConfig();
       this._formConfigChanged = true;
     }
@@ -529,13 +543,13 @@ const SnkFormConfig = class {
     if (config != undefined) {
       this._formConfig = config;
       this._tabSelected = 1;
-      this.loadFields();
+      this.loadFields(this._sortableTimer);
       this.controlFieldConfig();
       this.clearTempGroups();
     }
   }
-  loadConfig() {
-    this.loadFormConfig();
+  loadConfig(updateTimer = 0) {
+    this.loadFormConfig(updateTimer);
     this.loadUserConfig();
   }
   addNewGroup() {
@@ -576,7 +590,7 @@ const SnkFormConfig = class {
       });
     }
     else {
-      this.updateFieldsToSave();
+      this.updateFieldsToSave(this._sortableTimer);
     }
   }
   checkGroupExists(newLabel, indexGroup, isTempGroup = false) {
@@ -622,7 +636,7 @@ const SnkFormConfig = class {
         field.group = newLabel;
       }
     });
-    this.loadFields();
+    this.loadFields(this._sortableTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -836,14 +850,14 @@ const SnkFormConfig = class {
     this._formConfigChanged = true;
     this.resetSortables();
   }
-  controlRemoveFieldConfig(fieldConfig) {
+  controlRemoveFieldConfig(fieldConfig, updateTimer) {
     var _a;
     this._formConfigChanged = false;
     if (fieldConfig == undefined) {
       return;
     }
     this._formConfig.fields = (_a = this._formConfig.fields) === null || _a === void 0 ? void 0 : _a.filter((field) => field.name !== fieldConfig.name);
-    this.loadFields();
+    this.loadFields(updateTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
     this.resetSortables();
@@ -852,14 +866,14 @@ const SnkFormConfig = class {
     this.controlSortableField();
     this.controlSortableGroup();
   }
-  handleFieldConfigChange(evt) {
+  handleFieldConfigChange(evt, updateTimer = 0) {
     const { field: fieldConfig, type: actionType } = evt.detail;
     if (actionType === ACTION_CONFIG.configuration) {
       this.controlFieldConfig(fieldConfig);
       return;
     }
     if (actionType === ACTION_CONFIG.remove) {
-      this.controlRemoveFieldConfig(fieldConfig);
+      this.controlRemoveFieldConfig(fieldConfig, updateTimer);
       return;
     }
     if (actionType === ACTION_CONFIG.add) {
@@ -880,7 +894,7 @@ const SnkFormConfig = class {
         tab.label = newLabel;
       }
     });
-    this.loadFields();
+    this.loadFields(this._sortableTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -900,7 +914,7 @@ const SnkFormConfig = class {
         this._formConfig.tabs = (_a = this._formConfig.tabs) === null || _a === void 0 ? void 0 : _a.filter((tab) => {
           return tab.label !== tabSelected.detail.label;
         });
-        this.loadFields();
+        this.loadFields(this._sortableTimer);
         this.controlFieldConfig();
         this._formConfigChanged = true;
       }
@@ -913,7 +927,7 @@ const SnkFormConfig = class {
         tab.visible = !tab.visible;
       }
     });
-    this.loadFields();
+    this.loadFields(this._sortableTimer);
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-a7d3d3f1.js';
 import { ElementIDUtils, ApplicationContext, StringUtils, DataType } from '@sankhyalabs/core';
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import { C as ConfigStorage } from './ConfigStorage-39ed8aeb.js';
 import { P as PresentationMode } from './index-0ece87a6.js';
 import { T as TaskbarProcessor, o as openFieldSearch, b as buildFieldSearch } from './field-search-efbe307f.js';

package/dist/esm/{snk-guides-viewer-47443f7c.js → snk-guides-viewer-8b679ee6.js}

@@ -3,7 +3,7 @@ import { Action, ElementIDUtils } from '@sankhyalabs/core';
 import { S as SnkFormConfigManager } from './SnkFormConfigManager-dd450734.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './field-search-efbe307f.js';
-import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
 import './DataFetcher-a650ae58.js';
 import './pesquisa-fetcher-f05a12ca.js';

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

@@ -1,4 +1,4 @@
-export { S as snk_guides_viewer } from './snk-guides-viewer-47443f7c.js';
+export { S as snk_guides_viewer } from './snk-guides-viewer-8b679ee6.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
 import './SnkFormConfigManager-dd450734.js';
@@ -10,7 +10,7 @@ import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum-d45e026f.js';
 import '@sankhyalabs/ezui/dist/collection/utils/form';
 import './field-search-efbe307f.js';
-import './taskbar-elements-846c027c.js';
+import './taskbar-elements-2473c8ac.js';
 import './index-0ece87a6.js';
 import './index-bdf75557.js';
 import './constants-8457af36.js';