@sankhyalabs/sankhyablocks 5.13.0 → 5.15.0

package/dist/collection/components/snk-entity-list/snk-entity-list.js

@@ -17,20 +17,20 @@ export class SnkEntityList {
     (_b = (_a = this._searchElement) === null || _a === void 0 ? void 0 : _a['clearValue']) === null || _b === void 0 ? void 0 : _b.call(_a);
   }
   ezListChangeListener(evt) {
-    var _a, _b, _c, _d;
-    (_c = ((_a = this.config.value) !== null && _a !== void 0 ? _a : (_b = this.config.value) === null || _b === void 0 ? void 0 : _b.elements)) === null || _c === void 0 ? void 0 : _c.forEach(value => {
+    var _a, _b;
+    (_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
       var _a, _b;
       if (value && value.id === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.id)) {
         value.check = (_b = evt.detail) === null || _b === void 0 ? void 0 : _b.check;
       }
     });
     this.saveConfig.emit(this.config);
-    this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
+    this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
   loadListSource() {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a;
     this._ezListSource = [];
-    (_h = ((_e = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.elements) !== null && _e !== void 0 ? _e : (_g = (_f = this.config) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.members)) === null || _h === void 0 ? void 0 : _h.forEach(value => {
+    (_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
       if (value) {
         this._ezListSource.push({
           label: `${value.id} - ${value.label}`,
@@ -41,17 +41,17 @@ export class SnkEntityList {
     });
   }
   componentDidLoad() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    let configValue = (_f = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.elements) !== null && _c !== void 0 ? _c : (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.members) !== null && _f !== void 0 ? _f : (_g = this.config) === null || _g === void 0 ? void 0 : _g.value;
+    var _a, _b, _c, _d, _e;
+    let configValue = this.getListConfigValue(this.config);
     let configValueArray = [];
     if (Array.isArray(configValue)) {
       configValueArray = configValue;
     }
     else {
-      configValueArray.push((_j = (_h = this.config) === null || _h === void 0 ? void 0 : _h.value) === null || _j === void 0 ? void 0 : _j.members);
+      configValueArray.push((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.members);
     }
     this.config.value = configValueArray;
-    this._entityName = (_m = (_l = (_k = this.config) === null || _k === void 0 ? void 0 : _k.props) === null || _l === void 0 ? void 0 : _l.searchContext) === null || _m === void 0 ? void 0 : _m.entity;
+    this._entityName = (_e = (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.searchContext) === null || _e === void 0 ? void 0 : _e.entity;
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this.loadListSource();
   }
@@ -70,10 +70,10 @@ export class SnkEntityList {
     return this._application.executePreparedSearch(mode, argument, options);
   }
   onEzSearchChange(evt) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (evt.detail != undefined && ((_e = ((_c = (_a = this.config.value) !== null && _a !== void 0 ? _a : (_b = this.config.value) === null || _b === void 0 ? void 0 : _b.elements) !== null && _c !== void 0 ? _c : (_d = this.config.value) === null || _d === void 0 ? void 0 : _d.members)) === null || _e === void 0 ? void 0 : _e.find(i => { var _a; return (i === null || i === void 0 ? void 0 : i.id) == ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); })) === undefined) {
+    var _a, _b, _c, _d;
+    if (evt.detail != undefined && ((_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.find(i => { var _a; return (i === null || i === void 0 ? void 0 : i.id) == ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); })) === undefined) {
       this.config = Object.assign(Object.assign({}, this.config), { value: [
-          ...((_g = (_f = this.config) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : []),
+          ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
           {
             id: evt.detail.value,
             check: true,
@@ -82,13 +82,17 @@ export class SnkEntityList {
         ] });
       this.loadListSource();
       this.saveConfig.emit(this.config);
-      this.valueChanged.emit((_h = this.config) === null || _h === void 0 ? void 0 : _h.value);
+      this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
     }
   }
   getMessage(key, params) {
     var _a;
     return (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder.getMessage(key, params);
   }
+  getListConfigValue(config) {
+    var _a, _b, _c, _d;
+    return (_d = (_b = (_a = config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : (_c = config === null || config === void 0 ? void 0 : config.value) === null || _c === void 0 ? void 0 : _c.members) !== null && _d !== void 0 ? _d : config === null || config === void 0 ? void 0 : config.value;
+  }
   render() {
     var _a;
     return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt) }), h("label", { class: "label" }, this.getMessage("snkEntityList.selected")), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));

package/dist/collection/components/snk-filter-bar/snk-filter-bar.js

@@ -52,6 +52,12 @@ export class SnkFilterBar {
     }
     this.processAfterUpdateConfig();
   }
+  /**
+   * Faz o recarregamento da filterbar bascando o state no servidor.
+   */
+  async reload() {
+    this.loadConfigFromStorage();
+  }
   componentDidLoad() {
     if (this._element) {
       const dataInfo = { dataUnit: this.dataUnit };
@@ -368,6 +374,26 @@ export class SnkFilterBar {
       "scrollerLocked": {}
     };
   }
+  static get methods() {
+    return {
+      "reload": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Faz o recarregamento da filterbar bascando o state no servidor.",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "_element"; }
   static get watchers() {
     return [{

package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.js

@@ -15,7 +15,6 @@ export class SnkFormConfig {
   constructor() {
     this._listEnabledFields = [];
     this._renderTimer = 500;
-    this._sortableTimer = 100;
     this._tabSelected = 1;
     this._labelNewGroup = "Novo grupo";
     this._mouseOnFieldConfig = false;
@@ -40,36 +39,20 @@ export class SnkFormConfig {
     this.messagesBuilder = undefined;
   }
   observeConfigManager() {
-    this.loadConfig(this._sortableTimer);
+    this.loadConfig();
   }
-  loadFields(updateTimer = 0) {
+  loadFields() {
     this._layoutFormConfig = [];
-    // this._layoutFormConfig ? this._layoutFormConfig.length = 0 : this._layoutFormConfig = [];
-    /*
-    TODO: Validar a possibilidade de fazer diretamente this._layoutFormConfig.length = 0
-    sem a necessidade do ternario abaixo, para isso definir um default para o this._layoutFormConfig
-    na declaração da variavel
-    - Impactou:
-      - Inserir um field, alterar a tab de lugar e inserir um novo campo
-      - Ocultar/Deletar sequencialmente mais de uma aba
-    */
-    if (updateTimer > 0) {
-      setTimeout(() => {
-        this.buildFields();
-      }, updateTimer);
-    }
-    else {
-      this.buildFields();
-    }
+    this.buildFields();
   }
   buildFields() {
     this.buildFormConfig();
     this.buildAvailableFields();
   }
-  loadFormConfig(updateTimer) {
+  loadFormConfig() {
     var _a;
     this._formConfig = this.getConfig();
-    this.loadFields(updateTimer);
+    this.loadFields();
     this.controlFieldConfig();
     if (((_a = this._filterFieldsAvailable) === null || _a === void 0 ? void 0 : _a.value) != undefined) {
       this._filterFieldsAvailable.value = "";
@@ -112,12 +95,12 @@ export class SnkFormConfig {
     }
   }
   resetChangeConfig() {
-    this.loadFormConfig(this._sortableTimer);
+    this.loadFormConfig();
     this.clearTempGroups();
   }
   resetChangeOptionConfig() {
     this._formConfigChanged = false;
-    this.loadConfig(this._sortableTimer);
+    this.loadConfig();
     this.clearTempGroups();
   }
   getTabsToSave() {
@@ -242,7 +225,7 @@ export class SnkFormConfig {
     var _a;
     return ((_a = group.fields) === null || _a === void 0 ? void 0 : _a.length) ? group.fields.map((field) => {
       var _a, _b;
-      return h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { messagesBuilder: this.messagesBuilder, onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name, id: field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
+      return h("div", { key: field.name, class: this.getFieldConfigStyle(field), "data-draggable-element": "field", onMouseDown: (evt) => this.controlMoveField(evt) }, h("snk-field-config", { messagesBuilder: this.messagesBuilder, onEzClickIcon: (evt) => { this.handleFieldConfigChange(evt); }, modeInsertion: false, fieldConfig: field, dataUnit: this.dataUnit, isConfigActive: ((_a = this._fieldConfigSelected) === null || _a === void 0 ? void 0 : _a.name) === field.name, id: field.name, key: field.name }), ((_b = this._fieldConfigSelected) === null || _b === void 0 ? void 0 : _b.name) === field.name &&
         h("div", { class: "ez-flex form-config__config-options" }, h("snk-config-options", { idConfig: field.name, messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, fieldConfig: this._fieldConfigSelected, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), onConfigOptionsChanged: (evt) => this.handleconfigOptionsChanged(evt.detail) })));
     }) : h("div", { class: "form-config__add-group-container" }, h("div", { class: "form-config__add-group-content" }, h("div", { class: "form-config__add-group-label" }, h("label", { class: "ez-text ez-text--center ez-text--medium ez-text--primary ez-text--bold" }, this.getMessage("snkFormConfig.form.labelDropField")))));
   }
@@ -335,9 +318,7 @@ export class SnkFormConfig {
       && oldContainer.id === newContainer.id) {
       evt.cancel();
       this._fieldsAvailable = [];
-      setTimeout(() => {
-        this.buildAvailableFields();
-      }, this._sortableTimer);
+      this.buildAvailableFields();
       return true;
     }
     return false;
@@ -356,7 +337,7 @@ export class SnkFormConfig {
         }
       };
       setTimeout(() => {
-        this.handleFieldConfigChange(eventDetail, this._sortableTimer);
+        this.handleFieldConfigChange(eventDetail);
       }, this._renderTimer);
       return true;
     }
@@ -380,11 +361,7 @@ export class SnkFormConfig {
         if (isNewGroup) {
           this.clearTempGroups(true);
         }
-        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.updateFieldsToSave();
       }, this._renderTimer);
       return true;
     }
@@ -414,12 +391,12 @@ export class SnkFormConfig {
       return;
     }
   }
-  updateFieldsToSave(updateTimer = 0) {
+  updateFieldsToSave() {
     const fields = this.getFieldsToSave();
     if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0) {
       this._formConfig.fields = fields;
     }
-    this.loadFields(updateTimer);
+    this.loadFields();
     this._formConfigChanged = true;
   }
   controlSortableField() {
@@ -448,7 +425,7 @@ export class SnkFormConfig {
   controlStopDraggingGroup(evt) {
     if (evt.data.newIndex !== evt.data.oldIndex) {
       setTimeout(() => {
-        this.updateFieldsToSave(this._sortableTimer);
+        this.updateFieldsToSave();
       }, this._renderTimer);
     }
   }
@@ -523,7 +500,7 @@ export class SnkFormConfig {
     });
     if (tabs.length > 0) {
       this._formConfig.tabs = tabs;
-      this.loadFields(this._sortableTimer);
+      this.loadFields();
       this.controlFieldConfig();
       this._formConfigChanged = true;
     }
@@ -550,13 +527,13 @@ export class SnkFormConfig {
     if (config != undefined) {
       this._formConfig = config;
       this._tabSelected = 1;
-      this.loadFields(this._sortableTimer);
+      this.loadFields();
       this.controlFieldConfig();
       this.clearTempGroups();
     }
   }
-  loadConfig(updateTimer = 0) {
-    this.loadFormConfig(updateTimer);
+  loadConfig() {
+    this.loadFormConfig();
     this.loadUserConfig();
   }
   addNewGroup() {
@@ -597,7 +574,7 @@ export class SnkFormConfig {
       });
     }
     else {
-      this.updateFieldsToSave(this._sortableTimer);
+      this.updateFieldsToSave();
     }
   }
   checkGroupExists(newLabel, indexGroup, isTempGroup = false) {
@@ -608,11 +585,11 @@ export class SnkFormConfig {
     if (tabGroupsNames === null || tabGroupsNames === void 0 ? void 0 : tabGroupsNames.includes(newLabel === null || newLabel === void 0 ? void 0 : newLabel.toLowerCase())) {
       const title = this.getMessage("snkFormConfig.confirm.title");
       const message = `
-        ${this.getMessage("snkFormConfig.alert.titleGroupExists")} 
-        <b>${newLabel}</b> 
-        ${this.getMessage("snkFormConfig.alert.inTab")} 
-        <b>${tabName === TAB_NAMES.main ? this.getMessage("snkFormConfig.form.mainArea") : tabName}</b>. 
-        <br/><br/> 
+        ${this.getMessage("snkFormConfig.alert.titleGroupExists")}
+        <b>${newLabel}</b>
+        ${this.getMessage("snkFormConfig.alert.inTab")}
+        <b>${tabName === TAB_NAMES.main ? this.getMessage("snkFormConfig.form.mainArea") : tabName}</b>.
+        <br/><br/>
         ${this.getMessage("snkFormConfig.alert.infoValidTitle")}
       `;
       ApplicationUtils.alert(title, message)
@@ -643,7 +620,7 @@ export class SnkFormConfig {
         field.group = newLabel;
       }
     });
-    this.loadFields(this._sortableTimer);
+    this.loadFields();
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -857,14 +834,14 @@ export class SnkFormConfig {
     this._formConfigChanged = true;
     this.resetSortables();
   }
-  controlRemoveFieldConfig(fieldConfig, updateTimer) {
+  controlRemoveFieldConfig(fieldConfig) {
     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(updateTimer);
+    this.loadFields();
     this.controlFieldConfig();
     this._formConfigChanged = true;
     this.resetSortables();
@@ -873,14 +850,14 @@ export class SnkFormConfig {
     this.controlSortableField();
     this.controlSortableGroup();
   }
-  handleFieldConfigChange(evt, updateTimer = 0) {
+  handleFieldConfigChange(evt) {
     const { field: fieldConfig, type: actionType } = evt.detail;
     if (actionType === ACTION_CONFIG.configuration) {
       this.controlFieldConfig(fieldConfig);
       return;
     }
     if (actionType === ACTION_CONFIG.remove) {
-      this.controlRemoveFieldConfig(fieldConfig, updateTimer);
+      this.controlRemoveFieldConfig(fieldConfig);
       return;
     }
     if (actionType === ACTION_CONFIG.add) {
@@ -901,7 +878,7 @@ export class SnkFormConfig {
         tab.label = newLabel;
       }
     });
-    this.loadFields(this._sortableTimer);
+    this.loadFields();
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -921,7 +898,7 @@ export class SnkFormConfig {
         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._sortableTimer);
+        this.loadFields();
         this.controlFieldConfig();
         this._formConfigChanged = true;
       }
@@ -934,7 +911,7 @@ export class SnkFormConfig {
         tab.visible = !tab.visible;
       }
     });
-    this.loadFields(this._sortableTimer);
+    this.loadFields();
     this.controlFieldConfig();
     this._formConfigChanged = true;
   }
@@ -978,7 +955,7 @@ export class SnkFormConfig {
         }), onEzAction: (evt) => this.controlSelectFormConfig(evt), id: "selectConfig" })), h("div", { class: "ez-col ez-col--sd-5 ez-col--tb-3 ez-align--middle ez-align--right" }, this._formConfigChanged === true && this._optionFormConfigChanged === false &&
       h("div", { class: "ez-row ez-align--middle ez-align--right" }, h("ez-button", { label: "Cancelar", class: "ez-padding-left--medium", size: "small", onClick: () => this.cancelChangeConfig() }), h("ez-button", { label: "Salvar", class: "ez-button--primary ez-padding-left--medium", size: "small", onClick: () => this.saveConfig() }, h("ez-icon", { class: "ez-margin-right--small", slot: "leftIcon", iconName: "save" }))), this._optionFormConfigChanged === true &&
       h("div", { class: "ez-row ez-align--middle ez-align--right" }, h("ez-button", { label: "Cancelar", class: "ez-padding-left--medium", size: "small", onClick: () => this.cancelChangeOptionConfig() }), h("ez-button", { label: this.getMessage("snkFormConfig.applyConfig"), class: "ez-button--primary ez-padding-left--medium", size: "small", onClick: () => this.applyOptionConfig() })))), h("div", { class: "ez-row ez-padding--medium", ref: ref => this._sortableContainer = ref }, h("div", { class: "form-config__tab-container ez-col ez-col--sd-9 ez-col--tb-9 ez-padding-right--medium" }, ((_b = this._layoutFormConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-      h("section", { class: "ez-box__container", ref: ref => this._formContainer = ref }, h("snk-tab-config", { ref: ref => this._tabConfig = ref, selectedIndex: this._tabSelected, messagesBuilder: this.messagesBuilder, onEzTabChange: (ev) => this.changeTabSelected(ev.detail), onEzOrderChange: (ev) => this.changeTabOrder(ev.detail), onEditionTitleTab: (ev) => this.changeTabLabel(ev), onDeleteTab: (ev) => this.handleDeleteTab(ev), onHideTab: (ev) => this.changeHideTab(ev), onCanStartDrag: () => this.handleCanStartDragTab() }, this._layoutFormConfig.map((tab) => h("snk-tab", { tabKey: tab.tab, label: tab.tab, visible: tab.visible }))), this._layoutFormConfig.map((tab, indexTab) => h("div", { id: "tab" + indexTab, "data-draggable-parent": "group", class: this._tabSelected === indexTab
+      h("section", { class: "ez-box__container", ref: ref => this._formContainer = ref }, h("snk-tab-config", { ref: ref => this._tabConfig = ref, selectedIndex: this._tabSelected, messagesBuilder: this.messagesBuilder, onEzTabChange: (ev) => this.changeTabSelected(ev.detail), onEzOrderChange: (ev) => this.changeTabOrder(ev.detail), onEditionTitleTab: (ev) => this.changeTabLabel(ev), onDeleteTab: (ev) => this.handleDeleteTab(ev), onHideTab: (ev) => this.changeHideTab(ev), onCanStartDrag: () => this.handleCanStartDragTab(), tabItems: this._layoutFormConfig.map((tab) => { return { tabKey: tab.tab, label: tab.tab, visible: tab.visible }; }) }), this._layoutFormConfig.map((tab, indexTab) => h("div", { id: "tab" + indexTab, "data-draggable-parent": "group", class: this._tabSelected === indexTab
           ? "form-config__tab-content ez-flex ez-flex--column ez-size-width--full ez-padding--medium"
           : "form-config__hide-content" }, tab.groups.map((group, indexGroup) => {
         if (group.group) {

package/dist/collection/components/snk-form/subcomponents/snk-tab-config/snk-tab-config.js

@@ -13,6 +13,7 @@ export class SnkTabConfig {
     this.selectedIndex = undefined;
     this.selectedTab = undefined;
     this.tabs = undefined;
+    this.tabItems = undefined;
     this.messagesBuilder = undefined;
   }
   /**
@@ -120,7 +121,7 @@ export class SnkTabConfig {
     window.clearTimeout(this._scrollCallBackFocus);
     this._scrollCallBackFocus = window.setTimeout(() => {
       const tabtoscroll = this._scrollContainer.querySelector(`#tab${index}`);
-      tabtoscroll.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+      tabtoscroll === null || tabtoscroll === void 0 ? void 0 : tabtoscroll.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
     }, 200);
   }
   controlKeyEventEnter(evt) {
@@ -270,27 +271,18 @@ export class SnkTabConfig {
     }
   }
   componentWillRender() {
-    if (this._processedTabs == undefined) {
-      this._processedTabs = [];
-      if (this.tabs) {
-        this.tabs.split(",").forEach((label) => {
-          label = label.trim();
-          this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
-        });
-      }
-      this._hostElem.querySelectorAll("snk-tab").forEach((elem) => {
-        const tabKey = elem.getAttribute("tabKey");
-        const label = elem.getAttribute("label") !== TAB_NAMES.main ? elem.getAttribute("label") : this.getMessage("snkFormConfig.form.mainArea");
-        const visible = elem.hasAttribute("visible");
-        const tab = { label, tabKey, index: this._processedTabs.length, visible };
-        const content = elem.firstChild;
-        if (content) {
-          content.setAttribute("slot", "tab" + tab.index);
-          this._hostElem.appendChild(content);
-        }
-        this._processedTabs.push(tab);
+    this._processedTabs = [];
+    if (this.tabs) {
+      this.tabs.split(",").forEach((label) => {
+        label = label.trim();
+        this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
       });
     }
+    this.tabItems.forEach((tab) => {
+      tab.label = tab.label !== TAB_NAMES.main ? tab.label : this.getMessage("snkFormConfig.form.mainArea");
+      tab.index = this._processedTabs.length;
+      this._processedTabs.push(tab);
+    });
   }
   componentDidRender() {
     this.updateScroll();
@@ -311,7 +303,7 @@ export class SnkTabConfig {
         this.selectedTab = tab.tabKey;
         this.selectedIndex = index;
       }
-      return h("button", { id: tabId, class: `tab-config__tab${isSelected ? " tab-config__tab--is-active" : ""}`, onClick: () => this.handleTabClick(tab), onDblClick: () => { this._activeEditText = true; this._activeEditTextIndex = index; }, "data-draggable-element": index > 0 ? "tab" : "", onMouseLeave: () => this.onHideActions(index) }, (this._activeEditText === true && this._activeEditTextIndex === index && index > 0) ||
+      return h("button", { id: tabId, class: `tab-config__tab${isSelected ? " tab-config__tab--is-active" : ""}`, onClick: () => this.handleTabClick(tab), onDblClick: () => { this._activeEditText = true; this._activeEditTextIndex = index; }, "data-draggable-element": index > 0 ? "tab" : "", onMouseLeave: () => this.onHideActions(index), key: tab.label }, (this._activeEditText === true && this._activeEditTextIndex === index && index > 0) ||
         h(Fragment, null, index > 0 && h("ez-icon", { iconName: tab.leftIcon || "drag-indicator", class: "tab-config__left-icon" }), (tab.visible === false && index > 0) && h("ez-icon", { iconName: tab.leftIcon || "eye-off", class: "tab-config__left-icon tab-config__left-icon--eye-off" }), h("span", { class: "tab-config__tab-label" + (tab.visible === false && index > 0 ? " tab-config__tab-label-disabled" : ""), title: tab.label }, tab.label), index > 0 &&
           h("ez-actions-button", { class: "tab-config__actions-button", size: "small", ref: elem => this._refTabActions[index] = elem, actions: tab.visible === false ? this._actionsShow : this._actionsHide, isTransparent: true, arrowActive: true, onEzAction: (ev) => this.handleActions(ev, tab) }), h("slot", { name: tabId, onSlotchange: (ev) => { this.handleSlotChange(ev); } })), (this._activeEditText === true && index > 0 && this._activeEditTextIndex === index) &&
         h("ez-text-edit", { value: tab.label, styled: this.getStyledLabel(tabId), class: "tab-config__edit-text", onSaveEdition: (ev) => this.handleSaveEditionText(ev), onCancelEdition: () => this.cancelEditText() }));
@@ -382,6 +374,25 @@ export class SnkTabConfig {
         "attribute": "tabs",
         "reflect": false
       },
+      "tabItems": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ITab[]",
+          "resolved": "ITab[]",
+          "references": {
+            "ITab": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o nome das abas do componente separadas por v\u00EDrgulas \",\"."
+        }
+      },
       "messagesBuilder": {
         "type": "unknown",
         "mutable": true,

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

@@ -57,6 +57,13 @@ export class SnkGrid {
   async setConfig(config) {
     this.setGridConfig(config);
   }
+  /**
+   * Faz o recarregamento da filter-bar da grade bascando o state no servidor.
+   */
+  async reloadFilterBar() {
+    var _a;
+    (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.reload();
+  }
   openGridConfig() {
     this._grid.getColumnsState()
       .then((gridColumns) => {
@@ -549,6 +556,22 @@ export class SnkGrid {
           "text": "Atribui o valor da configura\u00E7\u00E3o da grade.",
           "tags": []
         }
+      },
+      "reloadFilterBar": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Faz o recarregamento da filter-bar da grade bascando o state no servidor.",
+          "tags": []
+        }
       }
     };
   }

package/dist/components/snk-crud.js

@@ -70,6 +70,13 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     var _a;
     (_a = this._snkConfigurator) === null || _a === void 0 ? void 0 : _a.close();
   }
+  /**
+   * Faz o recarregamento da filter-bar do crud, bascando o state no servidor.
+   */
+  async reloadFilterBar() {
+    var _a;
+    (_a = this._snkGrid) === null || _a === void 0 ? void 0 : _a.reloadFilterBar();
+  }
   currentViewModeWatcher(currentView) {
     this._viewHistory = [...this._viewHistory.slice(-1), currentView];
   }
@@ -194,7 +201,8 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "_currentViewMode": [32],
     "goToView": [64],
     "openConfigurator": [64],
-    "closeConfigurator": [64]
+    "closeConfigurator": [64],
+    "reloadFilterBar": [64]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-entity-list.js

@@ -24,20 +24,20 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     (_b = (_a = this._searchElement) === null || _a === void 0 ? void 0 : _a['clearValue']) === null || _b === void 0 ? void 0 : _b.call(_a);
   }
   ezListChangeListener(evt) {
-    var _a, _b, _c, _d;
-    (_c = ((_a = this.config.value) !== null && _a !== void 0 ? _a : (_b = this.config.value) === null || _b === void 0 ? void 0 : _b.elements)) === null || _c === void 0 ? void 0 : _c.forEach(value => {
+    var _a, _b;
+    (_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
       var _a, _b;
       if (value && value.id === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.id)) {
         value.check = (_b = evt.detail) === null || _b === void 0 ? void 0 : _b.check;
       }
     });
     this.saveConfig.emit(this.config);
-    this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
+    this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
   loadListSource() {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a;
     this._ezListSource = [];
-    (_h = ((_e = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.elements) !== null && _e !== void 0 ? _e : (_g = (_f = this.config) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.members)) === null || _h === void 0 ? void 0 : _h.forEach(value => {
+    (_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
       if (value) {
         this._ezListSource.push({
           label: `${value.id} - ${value.label}`,
@@ -48,17 +48,17 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     });
   }
   componentDidLoad() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    let configValue = (_f = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.elements) !== null && _c !== void 0 ? _c : (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.members) !== null && _f !== void 0 ? _f : (_g = this.config) === null || _g === void 0 ? void 0 : _g.value;
+    var _a, _b, _c, _d, _e;
+    let configValue = this.getListConfigValue(this.config);
     let configValueArray = [];
     if (Array.isArray(configValue)) {
       configValueArray = configValue;
     }
     else {
-      configValueArray.push((_j = (_h = this.config) === null || _h === void 0 ? void 0 : _h.value) === null || _j === void 0 ? void 0 : _j.members);
+      configValueArray.push((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.members);
     }
     this.config.value = configValueArray;
-    this._entityName = (_m = (_l = (_k = this.config) === null || _k === void 0 ? void 0 : _k.props) === null || _l === void 0 ? void 0 : _l.searchContext) === null || _m === void 0 ? void 0 : _m.entity;
+    this._entityName = (_e = (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.searchContext) === null || _e === void 0 ? void 0 : _e.entity;
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this.loadListSource();
   }
@@ -77,10 +77,10 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     return this._application.executePreparedSearch(mode, argument, options);
   }
   onEzSearchChange(evt) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (evt.detail != undefined && ((_e = ((_c = (_a = this.config.value) !== null && _a !== void 0 ? _a : (_b = this.config.value) === null || _b === void 0 ? void 0 : _b.elements) !== null && _c !== void 0 ? _c : (_d = this.config.value) === null || _d === void 0 ? void 0 : _d.members)) === null || _e === void 0 ? void 0 : _e.find(i => { var _a; return (i === null || i === void 0 ? void 0 : i.id) == ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); })) === undefined) {
+    var _a, _b, _c, _d;
+    if (evt.detail != undefined && ((_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.find(i => { var _a; return (i === null || i === void 0 ? void 0 : i.id) == ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); })) === undefined) {
       this.config = Object.assign(Object.assign({}, this.config), { value: [
-          ...((_g = (_f = this.config) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : []),
+          ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
           {
             id: evt.detail.value,
             check: true,
@@ -89,13 +89,17 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
         ] });
       this.loadListSource();
       this.saveConfig.emit(this.config);
-      this.valueChanged.emit((_h = this.config) === null || _h === void 0 ? void 0 : _h.value);
+      this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
     }
   }
   getMessage(key, params) {
     var _a;
     return (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder.getMessage(key, params);
   }
+  getListConfigValue(config) {
+    var _a, _b, _c, _d;
+    return (_d = (_b = (_a = config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : (_c = config === null || config === void 0 ? void 0 : config.value) === null || _c === void 0 ? void 0 : _c.members) !== null && _d !== void 0 ? _d : config === null || config === void 0 ? void 0 : config.value;
+  }
   render() {
     var _a;
     return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt) }), h("label", { class: "label" }, this.getMessage("snkEntityList.selected")), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));

package/dist/components/snk-filter-bar2.js

@@ -191,6 +191,12 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     this.processAfterUpdateConfig();
   }
+  /**
+   * Faz o recarregamento da filterbar bascando o state no servidor.
+   */
+  async reload() {
+    this.loadConfigFromStorage();
+  }
   componentDidLoad() {
     if (this._element) {
       const dataInfo = { dataUnit: this.dataUnit };
@@ -416,7 +422,8 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "filterConfig": [1040],
     "messagesBuilder": [1040],
     "allowDefault": [32],
-    "scrollerLocked": [32]
+    "scrollerLocked": [32],
+    "reload": [64]
   }, [[0, "filterChange", "filterChangeListener"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {