@sankhyalabs/sankhyablocks 5.9.2 → 5.10.1

package/dist/cjs/snk-entity-list.cjs.entry.js

@@ -0,0 +1,111 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-21bd01e1.js');
+const core = require('@sankhyalabs/core');
+
+const snkEntityListCss = ".sc-snk-entity-list-h{--snk-entity-list--label--font-size:var(--text--medium, 14px);--snk-entity-list--label--font-family:var(--font-pattern, Arial);--snk-entity-list--label--color:var(--title--primary, #000);--snk-entity-list--label--disabled--color:var(--text--disable, #AFB6C0)}.label.sc-snk-entity-list{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--snk-entity-list--label--color);font-size:var(--snk-entity-list--label--font-size);font-family:var(--snk-entity-list--label--font-family);cursor:default;padding-left:var(--space--small);padding-bottom:var(--space--extra-small)}.snk-entity-list--overflow.sc-snk-entity-list{overflow:auto}.snk-entity-list--overflow.sc-snk-entity-list::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
+
+const SnkEntityList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
+    this.saveConfig = index.createEvent(this, "saveConfig", 7);
+    this._searchValue = undefined;
+    this._ezListSource = [];
+    this.config = undefined;
+    this.rightListSlotBuilder = undefined;
+    this.maxHeightList = "";
+  }
+  async reloadList() {
+    this.loadListSource();
+    this.saveConfig.emit(this.config);
+  }
+  observeConfig() {
+    var _a, _b;
+    (_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;
+      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);
+  }
+  loadListSource() {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    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 => {
+      if (value) {
+        this._ezListSource.push({
+          label: `${value.id} - ${value.label}`,
+          check: value.check,
+          id: value.id
+        });
+      }
+    });
+  }
+  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;
+    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);
+    }
+    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._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.loadListSource();
+  }
+  optionLoader({ mode, argument }) {
+    var _a, _b, _c, _d;
+    if (this._application === undefined) {
+      return;
+    }
+    const searchOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) === null || _c === void 0 ? void 0 : _c.searchOptions;
+    const options = {
+      entityDescription: (_d = this.config) === null || _d === void 0 ? void 0 : _d.label,
+      entity: this._entityName,
+      searchOptions: searchOptions
+    };
+    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) {
+      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 : []),
+          {
+            id: evt.detail.value,
+            check: true,
+            label: evt.detail.label
+          }
+        ] });
+      this.loadListSource();
+      this.saveConfig.emit(this.config);
+      this.valueChanged.emit((_h = this.config) === null || _h === void 0 ? void 0 : _h.value);
+    }
+  }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder.getMessage(key, params);
+  }
+  render() {
+    var _a;
+    return (index.h(index.Host, null, index.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) }), index.h("label", { class: "label" }, this.getMessage("snkEntityList.selected")), index.h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, index.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) }))));
+  }
+  static get watchers() { return {
+    "config": ["observeConfig"]
+  }; }
+};
+SnkEntityList.style = snkEntityListCss;
+
+exports.snk_entity_list = SnkEntityList;

package/dist/cjs/snk-filter-bar.cjs.entry.js

@@ -5,13 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
-const ConfigStorage = require('./ConfigStorage-91adf3fe.js');
+const ConfigStorage = require('./ConfigStorage-f68c3607.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-require('./form-config-fetcher-fa19680a.js');
+require('./form-config-fetcher-92bc8fe7.js');
 require('./DataFetcher-a9d0228f.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./resource-fetcher-2979b54b.js');
+require('./filter-bar-config-fetcher-a14536bf.js');
 
 const buildFilter = (item) => {
   switch (item.type) {

package/dist/cjs/snk-filter-detail.cjs.entry.js

@@ -6,6 +6,10 @@ const index = require('./index-21bd01e1.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 const core = require('@sankhyalabs/core');
+const filterBarConfigFetcher = require('./filter-bar-config-fetcher-a14536bf.js');
+require('./resource-fetcher-2979b54b.js');
+require('./DataFetcher-a9d0228f.js');
+require('./_commonjsHelpers-537d719a.js');
 
 const SnkFilterDetail = class {
   constructor(hostRef) {
@@ -19,10 +23,15 @@ const SnkFilterDetail = class {
    */
   async show() {
     var _a, _b;
-    (_b = (_a = this._editor)["show"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["show"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  observeConfig() {
+    var _a, _b;
+    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["reloadList"]) === null || _b === void 0 ? void 0 : _b.call(_a);
   }
   componentDidLoad() {
     if (this._element) {
+      this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
       core.ElementIDUtils.addIDInfo(this._element);
       const dataElementIdDoFilterItem = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
       this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
@@ -45,6 +54,8 @@ const SnkFilterDetail = class {
         return "snk-filter-number";
       case filterItemType_enum.FilterItemType.PERSONALIZED:
         return "snk-filter-personalized";
+      case filterItemType_enum.FilterItemType.MULTI_LIST:
+        return "snk-entity-list";
     }
     return "snk-filter-text";
   }
@@ -115,18 +126,48 @@ const SnkFilterDetail = class {
   }
   /* WARNING: Temporário.*/
   clear() {
-    this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
+    var _a, _b;
+    if (filterItemType_enum.FilterItemType.MULTI_LIST === this.config.type) {
+      (_a = this.config.value) === null || _a === void 0 ? void 0 : _a.forEach(value => {
+        if (!!value)
+          value.check = false;
+      });
+      (_b = this._editor) === null || _b === void 0 ? void 0 : _b['reloadList']();
+    }
+    else {
+      this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
+    }
   }
   onKeyDonwListener(event) {
     if (event.key === "Enter") {
       this._applyButton.setFocus().then(() => this.apply());
     }
   }
+  buildRightSlot(item) {
+    return index.h("ez-icon", { iconName: "delete", onClick: () => this.removeValueFromConfig(item) });
+  }
+  removeValueFromConfig(item) {
+    var _a, _b, _c, _d, _e, _f;
+    const index = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.findIndex(i => (i === null || i === void 0 ? void 0 : i.id) === item.id);
+    (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.splice(index, 1);
+    (_f = (_e = this._editor) === null || _e === void 0 ? void 0 : _e["reloadList"]) === null || _f === void 0 ? void 0 : _f.call(_e);
+  }
+  saveConfig(newConfig) {
+    var _a;
+    (_a = this._application) === null || _a === void 0 ? void 0 : _a.getResourceID().then(resourceId => {
+      const fetcher = new filterBarConfigFetcher.FilterBarConfigFetcher();
+      fetcher.saveEntityListConfig(newConfig, resourceId, this._application.configName);
+      this.config = newConfig;
+    });
+  }
   render() {
     const ContentEditor = this.getContentEditor();
-    return (index.h(index.Host, null, index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), index.h(ContentEditor, { ref: ref => this._editor = ref, value: this.config.value, config: this.config, onKeyDown: evt => this.onKeyDonwListener(evt), "data-element-id": this._idContentEditor, getMessage: this.getMessage }), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), index.h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, index.h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" }), index.h("ez-button", { ref: ref => this._applyButton = ref, label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
+    return (index.h(index.Host, null, index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), index.h(ContentEditor, { maxHeightList: '240px', ref: ref => this._editor = ref, value: this.config.value, config: this.config, onKeyDown: evt => this.onKeyDonwListener(evt), "data-element-id": this._idContentEditor, getMessage: this.getMessage, onSaveConfig: evt => this.saveConfig(evt.detail), rightListSlotBuilder: item => this.buildRightSlot(item) }), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), index.h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, index.h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" }), index.h("ez-button", { ref: ref => this._applyButton = ref, label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
   }
   get _element() { return index.getElement(this); }
+  static get watchers() { return {
+    "config": ["observeConfig"]
+  }; }
 };
 
 exports.snk_filter_detail = SnkFilterDetail;

package/dist/cjs/snk-filter-item.cjs.entry.js

@@ -119,6 +119,7 @@ const SnkFilterItem = class {
     }
   }
   getLabel(isTooltipLabel = false) {
+    var _a;
     const { type, value, label, props } = this.config;
     if (value) {
       if (type === filterItemType_enum.FilterItemType.BINARY_SELECT) {
@@ -175,16 +176,19 @@ const SnkFilterItem = class {
         return label;
       }
       if (type === filterItemType_enum.FilterItemType.MULTI_LIST) {
-        const selectedOptions = value.filter(item => item.check);
+        const selectedOptions = ((_a = value.elements) !== null && _a !== void 0 ? _a : value).filter(item => item === null || item === void 0 ? void 0 : item.check);
         const checkedAmount = selectedOptions.length;
+        if (checkedAmount === 0) {
+          return `${label}`;
+        }
         if (checkedAmount > 1) {
           if (isTooltipLabel) {
-            const selectedOptionsDescrptions = selectedOptions.map(item => item.description);
+            const selectedOptionsDescrptions = selectedOptions.map(item => item.label);
             return `${label}: ${selectedOptionsDescrptions.join(',')}`;
           }
           return `${label}: ${checkedAmount} ${this.getMessage('snkFilterBar.multiListToltip')}`;
         }
-        return `${label}: ${value.description}`;
+        return `${label}: ${selectedOptions[0].label}`;
       }
       return `${label}: ${value}`;
     }
@@ -234,8 +238,9 @@ const SnkFilterItem = class {
     return undefined;
   }
   render() {
+    var _a, _b, _c, _d;
     const leftIcon = this.getLeftIconName();
-    return (index.h(index.Host, Object.assign({}, this.applyTooltip()), index.h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.config.value != undefined }, leftIcon ? index.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, index.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
+    return (index.h(index.Host, Object.assign({}, this.applyTooltip()), index.h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: (filterItemType_enum.FilterItemType.MULTI_LIST != this.config.type && this.config.value != undefined) || (((_d = (_c = ((_b = (_a = this.config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : this.config.value)) === null || _c === void 0 ? void 0 : _c.filter(value => value === null || value === void 0 ? void 0 : value.check)) === null || _d === void 0 ? void 0 : _d.length) > 0) }, leftIcon ? index.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, index.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
   }
   get _filterItemElement() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/snk-filter-modal-item.cjs.entry.js

@@ -7,6 +7,10 @@ const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 const filterType_enum = require('./filter-type.enum-b14ce507.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
+const filterBarConfigFetcher = require('./filter-bar-config-fetcher-a14536bf.js');
+require('./resource-fetcher-2979b54b.js');
+require('./DataFetcher-a9d0228f.js');
+require('./_commonjsHelpers-537d719a.js');
 
 const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";
 
@@ -17,7 +21,10 @@ const SnkFilterModalItem = class {
     this.filterItem = undefined;
   }
   observeFilterItem(newValue) {
+    var _a, _b;
+    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a['reloadList']) === null || _b === void 0 ? void 0 : _b.call(_a);
     this.filterChange.emit(newValue);
+    this.saveConfig();
   }
   getContentEditorConfig() {
     const variations = { presentationMode: presentationMode.EPresentationMode.MODAL };
@@ -35,13 +42,16 @@ const SnkFilterModalItem = class {
       case filterItemType_enum.FilterItemType.PERSONALIZED:
         return { tag: "snk-filter-personalized" };
       case filterItemType_enum.FilterItemType.MULTI_LIST:
-        return { tag: "snk-entity-list" };
+        return { tag: "snk-entity-list", variations: { maxHeightList: "640px", rightListSlotBuilder: item => this.buildRightSlot(item) } };
     }
     return { tag: "snk-filter-text" };
   }
   updateFilterValue(newValue) {
     const isVisble = !this.filterItem.visible ? newValue !== undefined : true;
     this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: newValue, visible: isVisble });
+    if (filterItemType_enum.FilterItemType.MULTI_LIST === this.filterItem.type) {
+      this.saveConfig();
+    }
   }
   canShowDetailModal() {
     return this.filterItem.filterType !== filterType_enum.FilterType.OTHER_FILTERS && this.filterItem.type !== filterItemType_enum.FilterItemType.BINARY_SELECT;
@@ -51,11 +61,29 @@ const SnkFilterModalItem = class {
       core.ElementIDUtils.addIDInfo(this._element);
       const dataElementIdDoFilterItem = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
       this._idContentEditor = `${dataElementIdDoFilterItem}_${this.filterItem.id}`;
+      this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     }
   }
+  buildRightSlot(item) {
+    return index.h("ez-icon", { iconName: "delete", onClick: () => this.removeValueFromConfig(item) });
+  }
+  removeValueFromConfig(item) {
+    var _a, _b, _c, _d, _e, _f;
+    const index = (_b = (_a = this.filterItem) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.findIndex(i => (i === null || i === void 0 ? void 0 : i.id) === item.id);
+    (_d = (_c = this.filterItem) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.splice(index, 1);
+    (_f = (_e = this._editor) === null || _e === void 0 ? void 0 : _e["reloadList"]) === null || _f === void 0 ? void 0 : _f.call(_e);
+    this.saveConfig();
+  }
+  saveConfig() {
+    var _a;
+    (_a = this._application) === null || _a === void 0 ? void 0 : _a.getResourceID().then(resourceId => {
+      const fetcher = new filterBarConfigFetcher.FilterBarConfigFetcher();
+      fetcher.saveEntityListConfig(this.filterItem, resourceId, this._application.configName);
+    });
+  }
   render() {
     const { tag: ContentEditor, variations } = this.getContentEditorConfig();
-    return (index.h(index.Host, null, index.h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-title ez-title--small ez-title--primary grow" }, this.filterItem.detailModal))), index.h(ContentEditor, Object.assign({ config: this.filterItem, value: this.filterItem.value, onValueChanged: (event) => this.updateFilterValue(event.detail), "data-element-id": this._idContentEditor }, variations)))));
+    return (index.h(index.Host, null, index.h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-title ez-title--small ez-title--primary grow" }, this.filterItem.detailModal))), index.h(ContentEditor, Object.assign({ ref: ref => this._editor = ref, config: this.filterItem, value: this.filterItem.value, onValueChanged: (event) => this.updateFilterValue(event.detail), "data-element-id": this._idContentEditor }, variations)))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/snk-filter-modal.cjs.entry.js

@@ -42,7 +42,15 @@ const SnkFilterModal = class {
     this.filters = this.filters.map(filter => filter.id === filterConfig.id ? filterConfig : filter);
   }
   handleClearFilters(filterList) {
-    this.filters = this.filters.map(filter => filterList.includes(filter) ? (Object.assign(Object.assign({}, filter), { value: undefined })) : filter);
+    this.filters = this.filters.map(filter => filterList.includes(filter) ? (Object.assign(Object.assign({}, filter), { value: filterItemType_enum.FilterItemType.MULTI_LIST === filter.type ? this.uncheckFilterValues(filter.value) : undefined })) : filter);
+  }
+  uncheckFilterValues(valueList) {
+    valueList.forEach(value => {
+      if (!!value) {
+        value.check = false;
+      }
+    });
+    return valueList;
   }
   renderFilterItem(filterItem, fullRow) {
     return (index.h("snk-filter-modal-item", { class: fullRow ? 'ez-col ez-col--sd-12' : 'ez-col ez-col--sd-6 ez-padding--small', filterItem: filterItem, onFilterChange: (event) => this.handleFilterChange(event.detail) }));
@@ -75,12 +83,27 @@ const SnkFilterModal = class {
     const fullLine = filters.length === 1;
     return (index.h("div", { class: "ez-row" }, filters.map((filter) => this.renderFilterItem(filter, fullLine))));
   }
+  getIformedFiltersCount(listItems) {
+    let countInformedItens = 0;
+    listItems.forEach(item => {
+      var _a, _b, _c, _d, _e;
+      if (filterItemType_enum.FilterItemType.MULTI_LIST === item.type) {
+        countInformedItens += (_e = (_d = (_c = ((_b = (_a = item.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : item.value)) === null || _c === void 0 ? void 0 : _c.filter(value => value === null || value === void 0 ? void 0 : value.check)) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0;
+        return;
+      }
+      if (!!item.value) {
+        countInformedItens++;
+      }
+    });
+    return countInformedItens;
+  }
   renderCollapsibleFilterBox(label, listItems) {
     if (!listItems.length)
       return null;
-    const appliedFilters = listItems.filter(filterItem => !!filterItem.value).length;
+    const appliedFilters = this.getIformedFiltersCount(listItems);
     const lines = this.mountFiltersLines(listItems);
-    return (index.h("ez-collapsible-box", { className: "snk-filter__modal-collapsible-box", headerSize: "medium", value: true, label: label }, !!appliedFilters && (index.h("ez-badge", { className: "ez-badge--primary-subtle", slot: "rightSlot", label: appliedFilters })), lines.map(this.renderFilterLine.bind(this)), index.h("div", { class: "ez-flex ez-flex--justify-end grow" }, index.h("ez-button", { className: "ez-button--tertiary", size: "medium", label: "Limpar", onClick: () => this.handleClearFilters(listItems) }))));
+    return (index.h("ez-collapsible-box", { className: "snk-filter__modal-collapsible-box", headerSize: "medium", value: true, label: label }, !!appliedFilters &&
+      index.h("ez-badge", { className: "ez-badge--primary-subtle", slot: "rightSlot", label: appliedFilters }), lines.map(this.renderFilterLine.bind(this)), index.h("div", { class: "ez-flex ez-flex--justify-end grow" }, index.h("ez-button", { className: "ez-button--tertiary", size: "medium", label: "Limpar", onClick: () => this.handleClearFilters(listItems) }))));
   }
   componentWillRender() {
     this._modalTitle = this.getCustomMessage('title');

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

@@ -7,10 +7,11 @@ const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-3787fa32.js');
-const formConfigFetcher = require('./form-config-fetcher-fa19680a.js');
+const formConfigFetcher = require('./form-config-fetcher-92bc8fe7.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./_commonjsHelpers-537d719a.js');
 require('./DataFetcher-a9d0228f.js');
+require('./resource-fetcher-2979b54b.js');
 
 const snkFormConfigCss = ".sc-snk-form-config-h{--snk-form-config--z-index:var(--more-visible, 2);--snk-form-config--background-color:var(--background--xlight, #fff);--snk-form-config__icon--color:var(--text--disable, #AFB6C0);--snk-form-config__label-counter--font-weight:var(--text-weight--extra-small, 200);--snk-form-config__add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__add-group-container--background-color:var(--background--medium, #d2dce9);--snk-form-config__add-group-container--padding:var(--space--small, 6px);--snk-form-config__add-group-content--border:2px dashed var(--color-strokes, #DCE0E8);--snk-form-config__add-group-content--border-radius:var(--border--radius-small, 6px);--snk-form-config__add-group-label--padding:var(--space--large, 24px);--snk-form-config__btn-add-group--padding:var(--space--large, 24px) var(--space--medium, 12px) 0;--snk-form-config__btn-add-group-container--padding:var(--space--medium, 12px);--snk-form-config__btn-add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__btn-add-group-container--border:2px solid var(--color-strokes, #DCE0E8);--snk-form-config__btn-add-group-container--background-color:var(--background--body, #fafcff);display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--snk-form-config--z-index);background-color:var(--snk-form-config--background-color)}.form-config__header-container.sc-snk-form-config{display:flex}.form-config__field-container.sc-snk-form-config{width:32%;padding:6px}.form-config__hide-content.sc-snk-form-config{display:none}ez-icon.sc-snk-form-config .left-icon.sc-snk-form-config{--ez-icon--color:var(--snk-form-config__icon--color)}.ez-box__label-counter.sc-snk-form-config{margin-top:-7px;font-weight:var(--snk-form-config__label-counter--font-weight)}.form-config__btn-options.sc-snk-form-config{--ez-button--min-width:300px;--ez-button--background-color:var(--snk-form-config--background-color)}[data-draggable-parent].sc-snk-form-config{position:relative}.form-config__field-config--selected.sc-snk-form-config{position:static}.form-config__field-config--dragged.sc-snk-form-config .draggable-mirror.sc-snk-form-config{z-index:var(--snk-form-config--z-index)}.form-config__config-options.sc-snk-form-config{position:relative;margin-top:-3px;min-width:100%;z-index:1}.form-config__tab-container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config{position:relative;height:100%;max-height:calc(100vh - 92px)}.form-config__tab-container.sc-snk-form-config .ez-box__container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config .ez-box__container.sc-snk-form-config{align-content:flex-start;height:100%}.form-config__fields-available.sc-snk-form-config [data-draggable-parent].sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:100%;max-height:calc(100% - 122px)}.form-config__tab-content.sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:auto;max-height:calc(100% - 128px)}[data-draggable-element].sc-snk-form-config{cursor:grab}.form-config__actions-button.sc-snk-form-config{--ez-actions-button__btn-action--min-width:235px}.form-config__add-group.sc-snk-form-config{position:relative;min-height:120px;margin-bottom:10px}.form-config__add-group-container.sc-snk-form-config{position:absolute;display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;border-radius:var(--snk-form-config__add-group-container--border-radius);background-color:var(--snk-form-config__add-group-container--background-color);padding:var(--snk-form-config__add-group-container--padding)}.form-config__add-group-content.sc-snk-form-config{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;border:var(--snk-form-config__add-group-content--border);border-radius:var(--snk-form-config__add-group-content--border-radius)}.form-config__add-group-label.sc-snk-form-config{display:flex;justify-content:center;box-sizing:border-box;padding:var(--snk-form-config__add-group-label--padding)}.form-config__btn-add-group.sc-snk-form-config{position:relative;padding:var(--snk-form-config__btn-add-group--padding)}.form-config__btn-add-group-container.sc-snk-form-config{padding:var(--snk-form-config__btn-add-group-container--padding);border-radius:var(--snk-form-config__btn-add-group-container--border-radius);border:var(--snk-form-config__btn-add-group-container--border);background-color:var(--snk-form-config__btn-add-group-container--background-color)}ez-collapsible-box.draggable-mirror.sc-snk-form-config{display:table;background-color:var(--snk-form-config--background-color)}ez-collapsible-box.sc-snk-form-config{margin-bottom:10px}@media screen and (min-width: 480px){.form-config__field-config--selected.sc-snk-form-config .ez-flex.form-config__config-options.sc-snk-form-config{min-width:calc(300% + 12px)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+2) .ez-flex.form-config__config-options.sc-snk-form-config{transform:translate(calc(100% / 3 * -1))}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+3) .ez-flex.form-config__config-options.sc-snk-form-config{transform:translate(calc(100% / 3 * -2))}}";
 

package/dist/cjs/snk-form.cjs.entry.js

@@ -4,11 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-e1a10283.js');
-require('./ConfigStorage-91adf3fe.js');
-require('./form-config-fetcher-fa19680a.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-69df3f74.js');
+require('./ConfigStorage-f68c3607.js');
+require('./form-config-fetcher-92bc8fe7.js');
 require('./DataFetcher-a9d0228f.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./resource-fetcher-2979b54b.js');
+require('./filter-bar-config-fetcher-a14536bf.js');
+require('./filter-item-type.enum-aa823a00.js');
 
 const snkFormCss = ".sc-snk-form-h{--snk-form__header--min-height:94px;display:block}.snk-form__form--hidden.sc-snk-form{display:none}";
 

package/dist/cjs/snk-grid-config.cjs.entry.js

@@ -6,11 +6,14 @@ const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const CheckMode = require('@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode');
-const ConfigStorage = require('./ConfigStorage-91adf3fe.js');
+const ConfigStorage = require('./ConfigStorage-f68c3607.js');
 const constants = require('./constants-3787fa32.js');
-require('./form-config-fetcher-fa19680a.js');
+require('./form-config-fetcher-92bc8fe7.js');
 require('./DataFetcher-a9d0228f.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./resource-fetcher-2979b54b.js');
+require('./filter-bar-config-fetcher-a14536bf.js');
+require('./filter-item-type.enum-aa823a00.js');
 
 const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);--snk-grid-config__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-grid-config__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-grid-config__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-grid-config__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__scrollbar--width:var(--space--medium, 12px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background);padding-right:var(--snk-grid-config__main--padding-right)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar{width:var(--snk-grid-config__scrollbar--width);max-width:var(--snk-grid-config__scrollbar--width);min-width:var(--snk-grid-config__scrollbar--width);background-color:var(--snk-grid-config__scrollbar--color-background)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-track{background-color:var(--snk-grid-config__scrollbar--color-background);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb{background-color:var(--snk-grid-config__scrollbar--color-default);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:hover,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-grid-config__scrollbar--color-hover)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:active,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-grid-config__scrollbar--color-clicked)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
 

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

@@ -6,13 +6,16 @@ const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 const taskbarElements = require('./taskbar-elements-bc2598f9.js');
-const ConfigStorage = require('./ConfigStorage-91adf3fe.js');
+const ConfigStorage = require('./ConfigStorage-f68c3607.js');
 const index$1 = require('./index-f400b1d6.js');
 const taskbarProcessor = require('./taskbar-processor-e1e3bbf7.js');
 const index$2 = require('./index-de79181a.js');
-require('./form-config-fetcher-fa19680a.js');
+require('./form-config-fetcher-92bc8fe7.js');
 require('./DataFetcher-a9d0228f.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./resource-fetcher-2979b54b.js');
+require('./filter-bar-config-fetcher-a14536bf.js');
+require('./filter-item-type.enum-aa823a00.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--medium)}.snk-grid__table.sc-snk-grid{min-height:300px}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
 
@@ -111,7 +114,8 @@ const SnkGrid = class {
     });
     evt.stopPropagation();
   }
-  buildColumnsMetadata(columnsMetadata, gridColumns) {
+  buildColumnsMetadata(gridColumns) {
+    const columnsMetadata = [];
     gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach((column) => {
       var _a, _b;
       /**
@@ -159,17 +163,17 @@ const SnkGrid = class {
     return offset;
   }
   async dataExporterProviderStore() {
-    var _a, _b;
-    const columnsMetadata = [];
+    var _a;
     const selectedIDs = await ((_a = this._snkDataUnit) === null || _a === void 0 ? void 0 : _a.getSelectedRecordsIDsInfo());
-    await ((_b = this._grid) === null || _b === void 0 ? void 0 : _b.getColumnsState().then(this.buildColumnsMetadata.bind(this, columnsMetadata)));
     const dataExporterProvider = {
       getFilters: () => {
         var _a;
         return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getAppliedFilters();
       },
-      getColumnsMetadata: () => {
-        return columnsMetadata;
+      getColumnsMetadata: async () => {
+        var _a;
+        const columnsState = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumnsState());
+        return this.buildColumnsMetadata(columnsState);
       },
       getOrders: () => {
         var _a;

package/dist/cjs/{snk-guides-viewer-5f2eb52b.js → snk-guides-viewer-b2d40bc4.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-e1a10283.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-69df3f74.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const taskbarProcessor = require('./taskbar-processor-e1e3bbf7.js');
 const taskbarElements = require('./taskbar-elements-bc2598f9.js');

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

@@ -2,14 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-5f2eb52b.js');
+const snkGuidesViewer = require('./snk-guides-viewer-b2d40bc4.js');
 require('./index-21bd01e1.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-e1a10283.js');
-require('./ConfigStorage-91adf3fe.js');
-require('./form-config-fetcher-fa19680a.js');
+require('./SnkFormConfigManager-69df3f74.js');
+require('./ConfigStorage-f68c3607.js');
+require('./form-config-fetcher-92bc8fe7.js');
 require('./DataFetcher-a9d0228f.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./resource-fetcher-2979b54b.js');
+require('./filter-bar-config-fetcher-a14536bf.js');
+require('./filter-item-type.enum-aa823a00.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./taskbar-processor-e1e3bbf7.js');
 require('./taskbar-elements-bc2598f9.js');

package/dist/collection/collection-manifest.json

@@ -17,6 +17,7 @@
     "./components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js",
     "./components/snk-data-exporter/snk-data-exporter.js",
     "./components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js",
+    "./components/snk-entity-list/snk-entity-list.js",
     "./components/snk-filter-bar/filter-item/editors/snk-filter-personalized.js",
     "./components/snk-filter-bar/snk-filter-bar.js",
     "./components/snk-filter-bar/filter-item/snk-filter-detail.js",

package/dist/collection/components/snk-data-exporter/snk-data-exporter.js

@@ -90,12 +90,12 @@ export class SnkDataExporter {
   controlDropdown() {
     this._showDropdown = !this._showDropdown;
   }
-  resolveExporter(resolveProps, callbackResolver) {
+  async resolveExporter(resolveProps, callbackResolver) {
     if (this.provider == undefined || resolveProps == undefined || callbackResolver == undefined) {
       return;
     }
     const filters = this.provider.getFilters();
-    const columns = this.provider.getColumnsMetadata();
+    const columns = await this.provider.getColumnsMetadata();
     const sort = this.provider.getOrders();
     const resourceURI = this.provider.getResourceURI();
     const selectedIDs = this.provider.getSelectedIDs();

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

@@ -0,0 +1,35 @@
+  :host {
+
+      /*@doc Define o tamanho da fonte do label.*/
+      --snk-entity-list--label--font-size: var(--text--medium, 14px);
+      /*@doc Define a família da fonte do label.*/
+      --snk-entity-list--label--font-family: var(--font-pattern, Arial);
+      /*@doc Define a cor da fonte do label.*/
+      --snk-entity-list--label--color: var(--title--primary, #000);
+      /*@doc Define a cor da fonte do label quando desabilitado.*/
+      --snk-entity-list--label--disabled--color: var(--text--disable, #AFB6C0);
+
+  }
+
+  .label {
+      flex-shrink: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: var(--snk-entity-list--label--color);
+      font-size: var(--snk-entity-list--label--font-size);
+      font-family: var(--snk-entity-list--label--font-family);
+      cursor: default;
+      padding-left: var(--space--small);
+      padding-bottom: var(--space--extra-small);
+  }
+
+  .snk-entity-list--overflow {
+    overflow: auto;
+  }
+
+  .snk-entity-list--overflow::-webkit-scrollbar {
+    width: var(--space--small);
+    min-width: var(--space--small);
+    max-width: var(--space--small);
+  }