@sankhyalabs/sankhyablocks 2.1.2 → 2.1.4

package/dist/components/snk-grid2.js

@@ -1,12 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
-import { C as ConfigurableElementsStorage, d as defineCustomElement$8 } from './snk-config-modal2.js';
-import { d as defineCustomElement$7 } from './snk-configurator2.js';
-import { d as defineCustomElement$6 } from './snk-filter-bar2.js';
-import { d as defineCustomElement$5 } from './snk-filter-detail2.js';
-import { d as defineCustomElement$4 } from './snk-filter-item2.js';
-import { d as defineCustomElement$3 } from './snk-filter-list2.js';
-import { d as defineCustomElement$2 } from './snk-filter-modal2.js';
+import { C as ConfigStorage } from './ConfigStorage.js';
+import { d as defineCustomElement$8 } from './snk-filter-bar2.js';
+import { d as defineCustomElement$7 } from './snk-filter-detail2.js';
+import { d as defineCustomElement$6 } from './snk-filter-item2.js';
+import { d as defineCustomElement$5 } from './snk-filter-list2.js';
+import { d as defineCustomElement$4 } from './snk-filter-modal2.js';
+import { d as defineCustomElement$3 } from './snk-grid-config2.js';
+import { d as defineCustomElement$2 } from './snk-select-box2.js';
 import { d as defineCustomElement$1 } from './snk-taskbar2.js';
 
 const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--small)}";
@@ -25,33 +26,67 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       "snkGridHeaderTaskbar.unselected": ["REFRESH"],
       "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
     });
+    this._popUpGridConfig = false;
   }
   /**
-   * Método responsável em abrir ou fechar o modal de configurações da grade.
+   * Método responsável em abrir o modal de configurações da grade.
    */
-  async setShowGridConfig(value) {
+  async showConfig() {
     if (this._grid == undefined) {
       return;
     }
-    if (value === true) {
-      this._grid.openGridConfig();
-    }
-    else {
-      this._grid.closeGridConfig();
+    this.openGridConfig();
+  }
+  /**
+   * Método responsável em fechar o modal de configurações da grade.
+   */
+  async hideConfig() {
+    if (this._grid == undefined) {
+      return;
     }
+    this.closeGridConfig();
   }
   /**
    * Método responsável por setar as configurações da grade.
    */
   async setConfig(config) {
+    this.setGridConfig(config);
+  }
+  openGridConfig() {
+    this._grid.getColumnsState()
+      .then((gridColumns) => {
+      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+      this._snkGridConfig.selectedIndex = 0;
+      this._popUpGridConfig = true;
+    });
+  }
+  closeGridConfig() {
+    this._popUpGridConfig = false;
+  }
+  setGridConfig(config) {
     this._gridConfig = config;
   }
+  loadConfig() {
+    ConfigStorage.get()
+      .loadGridConfig(this.configName)
+      .then((config) => {
+      this.setGridConfig(config);
+    })
+      .catch((error) => {
+      console.warn(error);
+    });
+  }
+  saveConfig(config) {
+    this._snkGridConfig.saveConfig(config)
+      .then(() => {
+      this.changeConfig(config);
+    });
+  }
   changeConfig(config) {
+    this._grid.setColumnsState(config.columns);
+    this.closeGridConfig();
     this.configChanged.emit(config);
   }
-  componentDidRender() {
-    ConfigurableElementsStorage.setGrid(this.configName, this._element);
-  }
   componentWillLoad() {
     let parent = this._element.parentElement;
     while (parent) {
@@ -70,6 +105,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
       parent = parent.parentElement;
     }
+    this.loadConfig();
   }
   componentWillRender() {
     const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
@@ -80,7 +116,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (!this._dataUnit) {
       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-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.changeConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" }))));
+    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-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), 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", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), 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, selectedIndex: 0, onConfigChange: (evt) => this.changeConfig(evt.detail), onConfigCancel: () => this.closeGridConfig() }))));
   }
   get _element() { return this; }
   static get style() { return snkGridCss; }
@@ -93,51 +129,53 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "_dataUnit": [32],
     "_dataState": [32],
     "_gridConfig": [32],
-    "setShowGridConfig": [64],
+    "_popUpGridConfig": [32],
+    "showConfig": [64],
+    "hideConfig": [64],
     "setConfig": [64]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-config-modal", "snk-configurator", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-taskbar"];
+  const components = ["snk-grid", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-filter-list", "snk-filter-modal", "snk-grid-config", "snk-select-box", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkGrid);
       }
       break;
-    case "snk-config-modal":
+    case "snk-filter-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$8();
       }
       break;
-    case "snk-configurator":
+    case "snk-filter-detail":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
       break;
-    case "snk-filter-bar":
+    case "snk-filter-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$6();
       }
       break;
-    case "snk-filter-detail":
+    case "snk-filter-list":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }
       break;
-    case "snk-filter-item":
+    case "snk-filter-modal":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "snk-filter-list":
+    case "snk-grid-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "snk-filter-modal":
+    case "snk-select-box":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/snk-select-box.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkSelectBox extends Components.SnkSelectBox, HTMLElement {}
+export const SnkSelectBox: {
+  prototype: SnkSelectBox;
+  new (): SnkSelectBox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-select-box.js

@@ -0,0 +1,6 @@
+import { S as SelectBox, d as defineCustomElement$1 } from './snk-select-box2.js';
+
+const SnkSelectBox = SelectBox;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkSelectBox, defineCustomElement };

package/dist/components/snk-select-box2.js

@@ -0,0 +1,38 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { O as ORDER_VALUES } from './constants.js';
+
+const snkSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
+
+const SelectBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.ezChange = createEvent(this, "ezChange", 7);
+    this.selectedOption = ORDER_VALUES.none;
+  }
+  render() {
+    return (h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, Object.keys(ORDER_VALUES).map((key) => {
+      return h("option", { value: ORDER_VALUES[key].value }, ORDER_VALUES[key].label);
+    })));
+  }
+  static get assetsDirs() { return ["../assets"]; }
+  static get style() { return snkSelectBoxCss; }
+}, [1, "snk-select-box", {
+    "selectedOption": [1, "selected-option"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-select-box"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-select-box":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SelectBox);
+      }
+      break;
+  } });
+}
+
+export { SelectBox as S, defineCustomElement as d };

package/dist/components/snk-taskbar2.js

@@ -1,7 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { ApplicationContext } from '@sankhyalabs/core';
-import { d as defineCustomElement$2 } from './snk-config-modal2.js';
-import { d as defineCustomElement$1 } from './snk-configurator2.js';
+import { A as AuthorizationConfig } from './AuthorizationConfig.js';
 
 var TaskbarElement;
 (function (TaskbarElement) {
@@ -16,7 +15,6 @@ var TaskbarElement;
   TaskbarElement["SAVE"] = "SAVE";
   TaskbarElement["GRID_MODE"] = "GRID_MODE";
   TaskbarElement["FORM_MODE"] = "FORM_MODE";
-  TaskbarElement["CONFIG_GRID"] = "CONFIG_GRID";
   TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
   TaskbarElement["DIVIDER"] = "DIVIDER";
   TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
@@ -27,11 +25,11 @@ var AuthorizationElements;
   AuthorizationElements["CLONE"] = "CLONE";
   AuthorizationElements["REMOVE"] = "REMOVE";
   AuthorizationElements["INSERT"] = "INSERT";
-  AuthorizationElements["CONFIG_GRID"] = "CONFIG_GRID";
+  AuthorizationElements["CONFIGURATOR"] = "CONFIGURATOR";
 })(AuthorizationElements || (AuthorizationElements = {}));
 var VisibleWhenForbidden;
 (function (VisibleWhenForbidden) {
-  VisibleWhenForbidden["CONFIG_GRID"] = "CONFIG_GRID";
+  VisibleWhenForbidden["CONFIGURATOR"] = "CONFIGURATOR";
 })(VisibleWhenForbidden || (VisibleWhenForbidden = {}));
 const buildCustomButton = (def, className, action, isEnabled) => {
   const { hint, text, iconName } = def;
@@ -47,7 +45,7 @@ const buildCustomButton = (def, className, action, isEnabled) => {
     return textButton(def.name, className, text, hint, action, isEnabled);
   }
 };
-const buildElem = (element, className, getTitle, action, isEnabled, actions, configName) => {
+const buildElem = (element, className, getTitle, action, isEnabled, actions) => {
   const title = getTitle(element);
   switch (element) {
     case TaskbarElement.PREVIOUS:
@@ -73,11 +71,11 @@ const buildElem = (element, className, getTitle, action, isEnabled, actions, con
     case TaskbarElement.FORM_MODE:
       return iconButton("list", element, className, title, action, isEnabled);
     case TaskbarElement.CONFIGURATOR:
-      return configButton(element, className, getTitle, action, isEnabled, configName);
+      return iconButton("settings-inverted", element, className, title, action, isEnabled);
     case TaskbarElement.MORE_OPTIONS:
       return actions && actions.length > 0 ? h("ez-actions-button", { title: title, size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions }) : undefined;
     case TaskbarElement.DIVIDER:
-      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium" });
+      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
   }
 };
 function textButton(name, className, text, title, action, isEnabled) {
@@ -90,9 +88,6 @@ function iconTextButton(iconName, name, className, text, title, action, isEnable
   return h("ez-button", { name: iconName, title: title, label: text, size: "small", class: className, enabled: isEnabled(name), onClick: () => action(name) },
     h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
 }
-function configButton(element, className, getTitle, action, isEnabled, configName) {
-  return h("snk-configurator", { key: "configurator", configName: configName, title: getTitle(element), class: className, enabled: isEnabled(element), onChangeViewMode: (evt) => action(evt === null || evt === void 0 ? void 0 : evt.detail) });
-}
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
 
@@ -124,17 +119,24 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   // Internal methods
   elementsFromString(strButtons) {
     const elements = [];
-    if (strButtons) {
-      strButtons.split(",").forEach(buttonName => {
-        buttonName = buttonName.trim();
-        if (VisibleWhenForbidden[buttonName] || this.isAllowed(buttonName)) {
-          elements.push(buttonName.trim());
-        }
-      });
-    }
+    if (strButtons == null)
+      return elements;
+    strButtons.split(",").forEach(buttonName => {
+      buttonName = buttonName.trim();
+      if (VisibleWhenForbidden[buttonName] || this.isAllowed(buttonName)) {
+        elements.push(buttonName.trim());
+      }
+    });
     return elements;
   }
   isAllowed(buttonName) {
+    if (buttonName === AuthorizationElements.CONFIGURATOR) {
+      return this._permissions
+        ? this._permissions.isSup
+          || this._permissions[AuthorizationConfig.CONFIG_GRID]
+          || this._permissions[AuthorizationConfig.CONFIG]
+        : false;
+    }
     if (AuthorizationElements[buttonName]) {
       return this._permissions ? this._permissions.isSup || this._permissions[buttonName] : false;
     }
@@ -199,7 +201,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       className += "ez-padding-left--medium";
     }
     if (TaskbarElement[def.toString()]) {
-      return buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList, this.configName);
+      return buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList);
     }
     else {
       return buildCustomButton(def, className, elem => this.elementClick(elem), elem => this.isEnabled(elem));
@@ -220,12 +222,32 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this._definitions = this.elementsFromString(this.buttons);
     }
   }
+  isDivider(element) {
+    var _a;
+    if (element === undefined) {
+      return false;
+    }
+    return (_a = element.$attrs$) === null || _a === void 0 ? void 0 : _a["data-taskbar-divider"];
+  }
+  removeEmpty(elements) {
+    let lastElem;
+    return elements.filter(elem => {
+      if (elem == undefined) {
+        return false;
+      }
+      if (this.isDivider(lastElem) && this.isDivider(elem)) {
+        return false;
+      }
+      lastElem = elem;
+      return true;
+    });
+  }
   render() {
     if (this._definitions === undefined) {
       return undefined;
     }
     let index = 0;
-    return (h(Host, null, this._definitions.map((elem) => {
+    return (h(Host, null, this.removeEmpty(this._definitions.map((elem) => {
       if (elem === TaskbarElement.DIVIDER) {
         index = 0;
       }
@@ -239,7 +261,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         return this.getElement(index, this.customButtons.get(elem));
       }
       return h("slot", { name: elem });
-    })));
+    }))));
   }
   static get watchers() { return {
     "buttons": ["observeButtons"]
@@ -259,23 +281,13 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-taskbar", "snk-config-modal", "snk-configurator"];
+  const components = ["snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkTaskbar);
       }
       break;
-    case "snk-config-modal":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "snk-configurator":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
   } });
 }
 

package/dist/esm/AuthorizationConfig-dcbd207a.js

@@ -0,0 +1,7 @@
+var AuthorizationConfig;
+(function (AuthorizationConfig) {
+  AuthorizationConfig["CONFIG_GRID"] = "CONFIG_GRID";
+  AuthorizationConfig["CONFIG"] = "CONFIG";
+})(AuthorizationConfig || (AuthorizationConfig = {}));
+
+export { AuthorizationConfig as A };

package/dist/esm/{form-config-fetcher-96c6c2dc.js → ConfigStorage-99025655.js}

@@ -1,5 +1,5 @@
+import { ErrorException, WarningException, StringUtils, ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';
-import { ErrorException, WarningException, StringUtils, ObjectUtils } from '@sankhyalabs/core';
 
 var browserPonyfill = createCommonjsModule(function (module, exports) {
 var global = typeof self !== 'undefined' ? self : commonjsGlobal;
@@ -6886,4 +6886,102 @@ var UserConfigType;
   UserConfigType["SHARED"] = "SHARED";
 })(UserConfigType || (UserConfigType = {}));
 
-export { DataFetcher as D, FormConfigFetcher as F, ResourceFetcher as R, UrlUtils as U, UserConfigType as a, dist as d };
+class GridConfigFetcher extends ResourceFetcher {
+  constructor() {
+    super(...arguments);
+    this.GRID_CONFIG_VERSION = "V3:";
+  }
+  getConfig(_gridName, resourceID) {
+    const completePath = `cfg://grid/${this.GRID_CONFIG_VERSION}${resourceID}`;
+    return new Promise((resolve, reject) => {
+      this.loadResource(completePath)
+        .then(loadedResource => {
+        let config = undefined;
+        if (loadedResource) {
+          config = JSON.parse(loadedResource);
+        }
+        resolve(config);
+      }).catch((error) => {
+        reject(error);
+      });
+    });
+  }
+  saveConfig(config, resourceID) {
+    const completePath = `cfg://grid/${this.GRID_CONFIG_VERSION}${resourceID}`;
+    return new Promise((resolve, reject) => {
+      this.saveResource(config, completePath)
+        .then((resp) => {
+        resolve(resp);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
+}
+
+const CONFIG_SOURCE = {
+  form: "form",
+  grid: "grid"
+};
+class ConfigStorage {
+  static get() {
+    if (!ConfigStorage.instance) {
+      const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      if (application != undefined) {
+        ConfigStorage.instance = new ConfigStorage();
+        application.getResourceID().then((resourceID) => {
+          const configName = application.configName;
+          ConfigStorage.resourceID = resourceID;
+          ConfigStorage.instance.loadFormConfig(configName);
+          ConfigStorage.instance.loadGridConfig(configName);
+        });
+      }
+    }
+    return this.instance;
+  }
+  async loadFormConfig(name) {
+    if (name == undefined) {
+      return;
+    }
+    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.form);
+    if (!ConfigStorage.configById.has(cacheID)) {
+      ConfigStorage.configById.set(cacheID, ConfigStorage.formConfigFetcher.loadFormConfig(name, ConfigStorage.resourceID));
+    }
+    return ConfigStorage.configById.get(cacheID);
+  }
+  async loadGridConfig(name) {
+    if (name == undefined) {
+      return;
+    }
+    const cacheID = ConfigStorage.buildCacheID(name, CONFIG_SOURCE.grid);
+    if (!ConfigStorage.configById.has(cacheID)) {
+      ConfigStorage.configById.set(cacheID, ConfigStorage.gridConfigFetcher.getConfig(name, ConfigStorage.resourceID));
+    }
+    return ConfigStorage.configById.get(cacheID);
+  }
+  static async saveFormConfig(config, name) {
+    if (config == undefined || name == undefined) {
+      return;
+    }
+    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.form);
+    this.configById.delete(cacheID);
+    return this.formConfigFetcher.saveConfig(config, name, this.resourceID);
+  }
+  static async saveGridConfig(config, name) {
+    if (config == undefined || name == undefined) {
+      return;
+    }
+    const cacheID = this.buildCacheID(name, CONFIG_SOURCE.grid);
+    this.configById.delete(cacheID);
+    return this.gridConfigFetcher.saveConfig(config, this.resourceID);
+  }
+  static buildCacheID(name, source) {
+    return `req_${source}_${name}_${this.resourceID}`;
+  }
+}
+ConfigStorage.configById = new Map();
+ConfigStorage.formConfigFetcher = new FormConfigFetcher();
+ConfigStorage.gridConfigFetcher = new GridConfigFetcher();
+
+export { ConfigStorage as C, DataFetcher as D, FormConfigFetcher as F, GridConfigFetcher as G, ResourceFetcher as R, UrlUtils as U, UserConfigType as a, dist as d };

package/dist/esm/{SnkMessageBuilder-a27fc561.js → SnkMessageBuilder-f5ef87df.js}

@@ -130,6 +130,9 @@ const snkFormConfigMessages = {
     titleGroupExists: "Já existe um grupo com título",
     infoValidTitle: "Por favor, digite um título válido.",
     inTab: "na aba"
+  },
+  info: {
+    successfullyConfigSaved: "As configurações foram salvas com sucesso!"
   }
 };
 const snkFieldConfigMessages = {
@@ -145,9 +148,6 @@ const snkTabConfigMessages = {
 };
 
 const snkConfiguratorMessages = {
-  msgSaveSuccessfully: "As configurações foram salvas com sucesso!"
-};
-const snkConfigModalMessages = {
   titleConfigurations: "Configurações",
   subTitleModeConfig: "Modo de visualização",
   labelConfigGrid: "Configurar grade",
@@ -156,6 +156,33 @@ const snkConfigModalMessages = {
   labelForm: "Formulário"
 };
 
+const snkGridMessages = {};
+const snkGridConfigMessages = {
+  gridConfiguration: "Configuração da Grade",
+  columnVisibilityOrder: "Defina visibilidade e ordem das colunas.",
+  sortingSequence: "Sequência da ordenação",
+  findColumn: "Localizar coluna",
+  cancel: "Cancelar",
+  complete: "Concluir",
+  tab: {
+    columns: "Colunas",
+    lineOrdering: "Ordenação das linhas",
+  },
+  info: {
+    successfullyConfigSaved: "As configurações foram salvas com sucesso!"
+  },
+  confirm: {
+    cancel: "Descartar",
+    save: "Salvar",
+    alert: "Aviso",
+    msgCancel: "As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?"
+  },
+  group: {
+    visible: "Visíveis",
+    hidden: "Ocultas"
+  }
+};
+
 class SnkMessageBuilder {
   constructor() {
     this._defaults = {
@@ -164,12 +191,13 @@ class SnkMessageBuilder {
       snkFormConfig: snkFormConfigMessages,
       snkConfigOptions: snkConfigOptionsMessages,
       snkTaskbar: snkTaskbarMessages,
-      snkConfigModal: snkConfigModalMessages,
       snkFieldConfig: snkFieldConfigMessages,
       snkFilterBar: snkFilterBarMessages,
       snkConfigurator: snkConfiguratorMessages,
       snkTabConfig: snkTabConfigMessages,
-      crudUtils: crudUtilsMessages
+      crudUtils: crudUtilsMessages,
+      snkGrid: snkGridMessages,
+      snkGridConfig: snkGridConfigMessages
     };
     this._currentOperation = OperationMap.CLEAN;
     this.loadAppMessages().then((msgs) => {

package/dist/esm/{constants-c6039d3d.js → constants-babe1a08.js}

@@ -70,5 +70,19 @@ const TAGS_BY_TYPE = {
   INTEGERNUMBER: "ez-number-input",
   DECIMALNUMBER: "ez-number-input"
 };
+const ORDER_VALUES = {
+  none: {
+    value: "NA",
+    label: "N/A",
+  },
+  asc: {
+    value: "ASC",
+    label: "A-Z"
+  },
+  desc: {
+    value: "DESC",
+    label: "Z-A"
+  }
+};
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, TAB_NAMES as T, VARS_BY_TYPE as V, TAGS_BY_TYPE as a, TYPE_ACTIONS as b, VIEW_MODE as c };
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, TAB_NAMES as T, VARS_BY_TYPE as V, TAGS_BY_TYPE as a, TYPE_ACTIONS as b, VIEW_MODE as c };