@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-11997.0 → 0.0.0-bugfix-dev-KB-99999.0

package/dist/cjs/snk-filter-advanced-mode_2.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
 require('@sankhyalabs/core');
+require('./filter-item-type.enum-a7ffdaa6.js');
 require('./index-c5771aba.js');
-require('./filter-item-type.enum-aa823a00.js');
 
 const snkFilterAdvancedModeCss = ".sc-snk-filter-advanced-mode-h{display:block;--snk-personalized-filter--title--color:var(--title--primary, #2B3A54)}.snk-filter-advanced-mode__title.sc-snk-filter-advanced-mode{color:var(--snk-personalized-filter--title--color)}";
 

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

@@ -5,17 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
-const ConfigStorage = require('./ConfigStorage-0e4275f5.js');
+const ConfigStorage = require('./ConfigStorage-8009ecb2.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
-const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const index = require('./index-c5771aba.js');
+const filterNumberVariation = require('./filterNumberVariation-d65332da.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
-require('./form-config-fetcher-f6cb55e6.js');
-require('./DataFetcher-bd3d53a8.js');
-require('./_commonjsHelpers-537d719a.js');
-require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
+require('./form-config-fetcher-df043d3d.js');
+require('./DataFetcher-ba94ed5b.js');
 require('./PrintUtils-bcaeb82f.js');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
 const buildFilter = (item) => {
   switch (item.type) {
@@ -37,6 +37,8 @@ const buildFilter = (item) => {
       return buildNumber(item);
     case filterItemType_enum.FilterItemType.PERSONALIZED:
       return buildPersonalized(item);
+    case filterItemType_enum.FilterItemType.CHECK_BOX_LIST:
+      return buildCheckboxList(item);
     default:
       return undefined;
   }
@@ -69,6 +71,23 @@ function buildMultiList(item) {
     };
   }
 }
+function buildCheckboxList(item) {
+  var _a;
+  const { id, value, props } = item;
+  const selectedOptionNames = Object.entries(value !== null && value !== void 0 ? value : {})
+    .filter(([_, valueChecked]) => valueChecked === true)
+    .map(([key, _]) => key);
+  const selectedOptionsObject = (_a = props.options) === null || _a === void 0 ? void 0 : _a.filter(option => selectedOptionNames.includes(option.name));
+  return { name: id, expression: buildCheckboxListExpression(selectedOptionsObject), params: [] };
+}
+function buildCheckboxListExpression(options) {
+  let expression = "";
+  options.forEach((option, index) => {
+    var _a;
+    expression += ` ${index > 0 ? ((_a = option.operand) !== null && _a !== void 0 ? _a : 'OR') : ''} ${option.expression}`;
+  });
+  return expression.trim();
+}
 function parseMultiListValues(multiListValue) {
   var _a, _b;
   const value = (_b = (_a = multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.elements) !== null && _a !== void 0 ? _a : multiListValue === null || multiListValue === void 0 ? void 0 : multiListValue.members) !== null && _b !== void 0 ? _b : multiListValue;
@@ -107,15 +126,62 @@ function buildSearch(item) {
   return { name: id, expression, params: [{ name: id, dataType: core.DataType.TEXT, value: DataType.toString(core.DataType.TEXT, value.value) }] };
 }
 function buildText(item) {
-  const { id, value, props } = item;
+  let { id, value, props } = item;
   const expression = props.expression;
+  if (!core.StringUtils.isEmpty(props.likeAs)) {
+    value = buildLikeValue(value, props.likeAs);
+  }
   return { name: id, expression, params: [{ name: id, dataType: core.DataType.TEXT, value: DataType.toString(core.DataType.TEXT, value) }] };
 }
 function buildNumber(item) {
   const { id, value, props } = item;
+  const variation = props.variation;
+  if (variation === filterNumberVariation.FilterNumberVariation.INTERVAL) {
+    const { start, end } = value !== null && value !== void 0 ? value : { start: 0, end: 0 };
+    if (start && end) {
+      return {
+        name: id,
+        expression: props.intervalExpression.fullfill,
+        params: [
+          { name: `${id}.START`, dataType: core.DataType.NUMBER, value: DataType.toString(core.DataType.NUMBER, start) },
+          { name: `${id}.END`, dataType: core.DataType.NUMBER, value: DataType.toString(core.DataType.NUMBER, end) }
+        ]
+      };
+    }
+    if (start) {
+      return {
+        name: id,
+        expression: props.intervalExpression.onlystart,
+        params: [
+          { name: id, dataType: core.DataType.NUMBER, value: DataType.toString(core.DataType.NUMBER, start) }
+        ]
+      };
+    }
+    if (end) {
+      return {
+        name: id,
+        expression: props.intervalExpression.onlyend,
+        params: [
+          { name: id, dataType: core.DataType.NUMBER, value: DataType.toString(core.DataType.NUMBER, end) }
+        ]
+      };
+    }
+  }
   const expression = props.expression;
   return { name: id, expression, params: [{ name: id, dataType: core.DataType.NUMBER, value: DataType.toString(core.DataType.NUMBER, value) }] };
 }
+function buildLikeValue(valueAsString, likeAs) {
+  if (likeAs === "CONTANIS") {
+    return `%${valueAsString}%`;
+  }
+  else if (likeAs === "STARTS_WITH") {
+    return `${valueAsString}%`;
+  }
+  else if (likeAs === "ENDS_WITH") {
+    return `%${valueAsString}`;
+  }
+  return valueAsString;
+}
 function buildPersonalized(item) {
   const { id, groupedItems = [] } = item;
   const activeFilters = groupedItems.filter(groupItem => !!groupItem.visible);
@@ -142,13 +208,14 @@ function buildPersonalized(item) {
 }
 
 class SnkFilterModalFactory {
-  constructor({ filterConfig, configName, onComplete, getMessage, onAddPersonalizedFilter, onEditPersonalizedFilter }) {
+  constructor({ filterConfig, configName, onComplete, getMessage, onAddPersonalizedFilter, onEditPersonalizedFilter, onDeletePersonalizedFilter }) {
     this._filterConfig = filterConfig;
     this._configName = configName;
     this._onComplete = onComplete;
     this._getMessage = getMessage;
     this._addPersonalizedFilterFn = onAddPersonalizedFilter;
     this._editPersonalizedFilterFn = onEditPersonalizedFilter;
+    this._onDeletePersonalizedFilter = onDeletePersonalizedFilter;
   }
   applyFilters(newFilterConfig) {
     this._onComplete(newFilterConfig);
@@ -164,6 +231,7 @@ class SnkFilterModalFactory {
     filterModal.closeModal = () => this._closeModal();
     filterModal.addPersonalizedFilter = () => this._addPersonalizedFilterFn();
     filterModal.editPersonalizedFilter = (id) => this._editPersonalizedFilterFn(id);
+    filterModal.deletePersonalizedFilter = (filter, configName) => this._onDeletePersonalizedFilter(filter, configName);
     return filterModal;
   }
   async showModal() {
@@ -182,11 +250,12 @@ class SnkFilterModalFactory {
   }
 }
 
-const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--most-visible, 3);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;z-index:var(--most-visible, 3);background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__scroller.sc-snk-filter-bar{height:calc(100% + var(--space-extra-small, 3px))}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-self:center}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
+const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__scroller.sc-snk-filter-bar{height:calc(100% + var(--space-extra-small, 3px))}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-self:center}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
 
 const SnkFilterBar = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
+    this.configUpdated = index$1.createEvent(this, "configUpdated", 7);
     this._updateSequence = [];
     this._loadingPending = false;
     this._configUpdated = false;
@@ -245,6 +314,8 @@ const SnkFilterBar = class {
         });
       }
     }
+    if (this._loadingPending || this._configUpdated)
+      this.configUpdated.emit(newValue);
     this.processAfterUpdateConfig();
   }
   /**
@@ -253,6 +324,61 @@ const SnkFilterBar = class {
   async reload() {
     this.loadConfigFromStorage();
   }
+  /**
+   * Retorna um item de filtro pelo ID.
+   */
+  async getFilterItem(id) {
+    const item = this.filterConfig.find(item => item.id === id);
+    return Promise.resolve(core.ObjectUtils.copy(item));
+  }
+  /**
+  * Atualiza um item do filtro.
+  *
+  * @param filterItem - Item com as informações atualizadas, caso o item não seja encontrado no array ele mão será modificado
+  */
+  async updateFilterItem(newFilterItem) {
+    const itemIndex = this.filterConfig.findIndex(item => item.id === newFilterItem.id);
+    if (itemIndex == -1) {
+      console.warn("[SnkFilterBar.updateFilterItem] FilterItem não encontrado, o mesmo não será atualizado.");
+      return Promise.resolve();
+    }
+    this._loadingPending = true;
+    this.updateFilter(newFilterItem);
+    return Promise.resolve();
+  }
+  /**
+  * Adiciona um item de filtro.
+  *
+  * @param filterItem - Item a ser adicionado, caso o item já exista com o ID ele não será adicionado novamente
+  */
+  async addFilterItem(filterItem) {
+    const itemIndex = this.filterConfig.findIndex(item => item.id === filterItem.id);
+    if (itemIndex > -1) {
+      console.warn("[SnkFilterBar.addFilterItem] FilterItem já existe , o mesmo não será adicionado novamente.");
+      return Promise.resolve();
+    }
+    this.filterConfig.push(filterItem);
+    this._loadingPending = true;
+    this.updateFilter(filterItem);
+    return Promise.resolve();
+  }
+  /**
+  * Remove um item de filtro.
+  *
+  * @param filterID - ID do a ser adicionado
+  *
+  * @returns {Promise<SnkFilterItemConfig|undefined>} - Retorna o item de filtro removido, ou undefined caso não encontrado.
+  */
+  async removeFilterItem(filterID) {
+    const itemIndex = this.filterConfig.findIndex(item => item.id === filterID);
+    if (itemIndex > -1) {
+      console.warn("[SnkFilterBar.removeFilterItem] FilterItem não encontrado");
+      return Promise.resolve(undefined);
+    }
+    const itemToRemove = this.filterConfig[itemIndex];
+    this.filterConfig = this.filterConfig.filter(item => item.id !== filterID);
+    return Promise.resolve(itemToRemove);
+  }
   componentDidLoad() {
     if (this._element) {
       const dataInfo = { dataUnit: this.dataUnit };
@@ -277,6 +403,8 @@ const SnkFilterBar = class {
   }
   async processAfterUpdateConfig() {
     if (this._loadingPending) {
+      if (await this._application.isLoadedByPk() && !this._configUpdated)
+        return;
       const personalizedFilter = this.getPersonalizedFilterItem();
       this._pendingVariables = !PersonalizedFilterUtils.PersonalizedFilterUtils.validateVariableValues(personalizedFilter);
       if (this._pendingVariables) {
@@ -448,13 +576,18 @@ const SnkFilterBar = class {
     const callbackOnApplyFilter = (filters) => {
       this.filterConfig = filters.map(this.normalizeItem).sort((a, b) => this._filtersComparator(a, b));
     };
+    let filtersConfigCopy = core.ObjectUtils.copy(this.filterConfig);
+    filtersConfigCopy = filtersConfigCopy.sort((itemA, itemB) => {
+      return itemA.originOrder - itemB.originOrder;
+    });
     const factoryParams = {
-      filterConfig: core.ObjectUtils.copy(this.filterConfig),
+      filterConfig: filtersConfigCopy,
       configName: this.configName,
       onComplete: callbackOnApplyFilter,
       getMessage: (key, props) => this.getMessage(key, props),
       onAddPersonalizedFilter: () => this.addPersonalizedFilter(),
-      onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id)
+      onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id),
+      onDeletePersonalizedFilter: (filter, configName) => this.deletePersonalizedFilter(filter, filterItemType_enum.FilterItemType.PERSONALIZED, configName),
     };
     this._filterModalFactory = new SnkFilterModalFactory(factoryParams);
     await this._filterModalFactory.showModal();
@@ -472,11 +605,24 @@ const SnkFilterBar = class {
     this.showPersonalizedFilter = true;
     this.personalizedFilterId = id;
   }
+  deletePersonalizedFilter(filter, filterItemType, configName) {
+    if (filterItemType === filterItemType_enum.FilterItemType.PERSONALIZED) {
+      ConfigStorage.ConfigStorage.removePersonalizedFilter(filter, this.resourceID, configName);
+    }
+  }
+  handleHidePersonalizedFilter(reloadFilterBar) {
+    if (reloadFilterBar) {
+      this.loadConfigFromStorage().then(() => {
+        this.hidePersonalizedFilter();
+      });
+    }
+    else {
+      this.hidePersonalizedFilter();
+    }
+  }
   hidePersonalizedFilter() {
-    this.loadConfigFromStorage().then(() => {
-      this.personalizedFilterId = undefined;
-      this.showPersonalizedFilter = false;
-    });
+    this.personalizedFilterId = undefined;
+    this.showPersonalizedFilter = false;
   }
   componentWillLoad() {
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -494,7 +640,7 @@ const SnkFilterBar = class {
       return undefined;
     }
     if (this.showPersonalizedFilter) {
-      return index$1.h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.hidePersonalizedFilter(), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
+      return index$1.h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
     }
     return (index$1.h(index$1.Host, null, index$1.h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, index$1.h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), index$1.h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, index$1.h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
   }

package/dist/cjs/snk-filter-binary-select.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
 
 const SnkFilterBinarySelect = class {

package/dist/cjs/snk-filter-checkbox-list.cjs.entry.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f9e81701.js');
+const core = require('@sankhyalabs/core');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
+
+const SnkFilterCheckboxList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
+    this.config = undefined;
+    this.optionsList = [];
+  }
+  componentDidLoad() {
+    if (this._element) {
+      core.ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
+    }
+  }
+  handleToggleCheck(itemChanged, checked) {
+    var _a, _b;
+    let configValueMap = (_a = this.config.value) !== null && _a !== void 0 ? _a : {};
+    configValueMap[itemChanged.name] = checked;
+    this.config = Object.assign(Object.assign({}, this.config), { value: configValueMap });
+    this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
+  }
+  renderOptions() {
+    return this.optionsList.map(option => (index.h("ez-check", { label: option.label, compact: true, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
+  }
+  isChecked(itemName) {
+    var _a;
+    return (_a = this.config.value) === null || _a === void 0 ? void 0 : _a[itemName];
+  }
+  buidOptions() {
+    var _a, _b, _c;
+    const propsOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.options) !== null && _c !== void 0 ? _c : [];
+    this.optionsList = [...propsOptions];
+  }
+  componentWillRender() {
+    this.buidOptions();
+  }
+  render() {
+    if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.CHECK_BOX_LIST) {
+      return undefined;
+    }
+    return (index.h("div", { class: 'ez-flex ez-flex--column' }, this.renderOptions()));
+  }
+  get _element() { return index.getElement(this); }
+};
+
+exports.snk_filter_checkbox_list = SnkFilterCheckboxList;

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const core = require('@sankhyalabs/core');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
 require('./index-c5771aba.js');
 
 const SnkFilterDetail = class {
@@ -59,6 +59,13 @@ const SnkFilterDetail = class {
           }
         };
         return snkFilterPersonalizedProps;
+      case filterItemType_enum.FilterItemType.CHECK_BOX_LIST:
+        return {
+          tag: "snk-filter-checkbox-list",
+          props: {
+            onValueChanged: evt => this.config = Object.assign(Object.assign({}, this.config), { value: evt.detail })
+          }
+        };
       case filterItemType_enum.FilterItemType.MULTI_LIST:
         return {
           tag: "snk-entity-list",

package/dist/cjs/snk-filter-field-search_2.cjs.entry.js

@@ -7,8 +7,8 @@ const index$1 = require('./index-8d94b7e0.js');
 const core = require('@sankhyalabs/core');
 const ezModalContainer = require('@sankhyalabs/ezui/dist/collection/components/ez-modal-container');
 const index$2 = require('./index-c5771aba.js');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
-require('./filter-item-type.enum-aa823a00.js');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
+require('./filter-item-type.enum-a7ffdaa6.js');
 
 const ICON_MODES = {
   [core.UserInterface.SHORTTEXT]: 'text',

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

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
+const filterNumberVariation = require('./filterNumberVariation-d65332da.js');
 
 const SnkFilterItem = class {
   constructor(hostRef) {
@@ -131,7 +132,7 @@ const SnkFilterItem = class {
     }
   }
   getLabel(isTooltipLabel = false) {
-    var _a;
+    var _a, _b;
     const { type, value, label, props, groupedItems = [] } = this.config;
     if (value || groupedItems.length) {
       if (type === filterItemType_enum.FilterItemType.BINARY_SELECT) {
@@ -171,10 +172,10 @@ const SnkFilterItem = class {
         }
         else {
           if (start) {
-            return `${label}: ${this.getMessage('snkFilterBar.onlyStartPeriodToltip')} ${dateFormater.format(start)}`;
+            return `${label}: ${this.getMessage('snkFilterBar.onlyStartToltip')} ${dateFormater.format(start)}`;
           }
           else if (end) {
-            return `${label}: ${this.getMessage('snkFilterBar.onlyEndPeriodToltip')} ${dateFormater.format(end)}`;
+            return `${label}: ${this.getMessage('snkFilterBar.onlyEndToltip')} ${dateFormater.format(end)}`;
           }
           else {
             return label;
@@ -192,23 +193,46 @@ const SnkFilterItem = class {
       }
       if (type === filterItemType_enum.FilterItemType.MULTI_LIST) {
         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}`;
+        return this.getLabelFromCheckedOptions(selectedOptions, label, isTooltipLabel);
+      }
+      if (type === filterItemType_enum.FilterItemType.CHECK_BOX_LIST) {
+        const selectedValues = Object.entries(value !== null && value !== void 0 ? value : {})
+          .filter(([_, value]) => value === true)
+          .map(([key, _]) => key);
+        const options = (_b = props.options) !== null && _b !== void 0 ? _b : [];
+        const selectedOptions = options.filter(option => selectedValues.includes(option.name));
+        return this.getLabelFromCheckedOptions(selectedOptions, label, isTooltipLabel);
+      }
+      if (type === filterItemType_enum.FilterItemType.NUMBER && props.variation === filterNumberVariation.FilterNumberVariation.INTERVAL) {
+        const { start, end } = value;
+        if (start && end) {
+          return this.getMessage('snkFilterBar.fullIntervalTooltip', { LABEL: label, START_LABEL: start, END_LABEL: end });
         }
-        if (checkedAmount > 1) {
-          if (isTooltipLabel) {
-            const selectedOptionsDescrptions = selectedOptions.map(item => item.label);
-            return `${label}: ${selectedOptionsDescrptions.join(',')}`;
-          }
-          return `${label}: ${checkedAmount} ${this.getMessage('snkFilterBar.multiListToltip')}`;
+        if (start) {
+          return `${label}: ${this.getMessage('snkFilterBar.onlyStartToltip')} ${Number(start)}`;
+        }
+        if (end) {
+          return `${label}: ${this.getMessage('snkFilterBar.onlyEndToltip')} ${Number(end)}`;
         }
-        return `${label}: ${selectedOptions[0].label}`;
       }
       return `${label}: ${value}`;
     }
     return label;
   }
+  getLabelFromCheckedOptions(selectedOptions, label, isTooltipLabel) {
+    const checkedAmount = selectedOptions.length;
+    if (checkedAmount === 0) {
+      return `${label}`;
+    }
+    if (checkedAmount > 1) {
+      if (isTooltipLabel) {
+        const selectedOptionsDescrptions = selectedOptions.map(item => item.label);
+        return `${label}: ${selectedOptionsDescrptions.join(',')}`;
+      }
+      return `${label}: ${checkedAmount} ${this.getMessage('snkFilterBar.multiListToltip')}`;
+    }
+    return `${label}: ${selectedOptions[0].label}`;
+  }
   calculateActiveCount(groupedItems) {
     return groupedItems.reduce((total, item) => {
       if (!!item.visible)
@@ -270,7 +294,7 @@ const SnkFilterItem = class {
   }
   render() {
     const leftIcon = this.getLeftIconName();
-    return (index.h(index.Host, null, index.h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, 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, null, index.h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, 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 ez-elevation--16", 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-list.cjs.entry.js

@@ -144,7 +144,7 @@ const SnkFilterList = class {
     }
   }
   render() {
-    return (index.h(index.Host, { class: "ez-flex ez-flex--column" }, index.h("ez-button", { class: this.buttonClass, label: this.label, onClick: () => this.buttonClick(), mode: this.iconName ? "icon" : undefined, iconName: this.iconName, size: "small" }, index.h("slot", { name: "leftIcon" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("div", { class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem }, index.h("ez-filter-input", { ref: ref => this._filterInput = ref, "data-element-id": "serachFilters", mode: "slim", label: this.findFilterText, value: this._filterArgument, onEzChange: (evt) => this._filterArgument = evt.detail, onFocus: () => this._preselection = 0 }), this.getFilterItems(), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), this.items ? this.getFooterItems().map(item => this.buildItemElement(item)) : undefined))));
+    return (index.h(index.Host, { class: "ez-flex ez-flex--column" }, index.h("ez-button", { class: this.buttonClass, label: this.label, onClick: () => this.buttonClick(), mode: this.iconName ? "icon" : undefined, iconName: this.iconName, size: "small" }, index.h("slot", { name: "leftIcon" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("div", { class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--4", ref: elem => this._popover = elem }, index.h("ez-filter-input", { ref: ref => this._filterInput = ref, "data-element-id": "serachFilters", mode: "slim", label: this.findFilterText, value: this._filterArgument, onEzChange: (evt) => this._filterArgument = evt.detail, onFocus: () => this._preselection = 0 }), this.getFilterItems(), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), this.items ? this.getFooterItems().map(item => this.buildItemElement(item)) : undefined))));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -4,15 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const ConfigStorage = require('./ConfigStorage-0e4275f5.js');
+const ConfigStorage = require('./ConfigStorage-8009ecb2.js');
 const filterType_enum = require('./filter-type.enum-b14ce507.js');
-require('./form-config-fetcher-f6cb55e6.js');
-require('./DataFetcher-bd3d53a8.js');
-require('./_commonjsHelpers-537d719a.js');
-require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./form-config-fetcher-df043d3d.js');
+require('./DataFetcher-ba94ed5b.js');
 require('./PrintUtils-bcaeb82f.js');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
 const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";
 
@@ -44,9 +43,11 @@ const SnkFilterModalItem = class {
       case filterItemType_enum.FilterItemType.SEARCH:
         return { tag: "snk-filter-search" };
       case filterItemType_enum.FilterItemType.NUMBER:
-        return { tag: "snk-filter-number" };
+        return { tag: "snk-filter-number", props };
       case filterItemType_enum.FilterItemType.PERSONALIZED:
         return this.buildSnkFilterPersonalizedProps();
+      case filterItemType_enum.FilterItemType.CHECK_BOX_LIST:
+        return { tag: "snk-filter-checkbox-list", props };
       case filterItemType_enum.FilterItemType.MULTI_LIST:
         return { tag: "snk-entity-list", props: { maxHeightList: "640px", rightListSlotBuilder: item => this.buildRightSlot(item) } };
     }
@@ -55,7 +56,6 @@ const SnkFilterModalItem = class {
   buildSnkFilterPersonalizedProps() {
     return {
       tag: "snk-personalized-filter-editor", props: {
-        onDeleteFilter: (event) => this.handleDeleteFilter(event.detail, filterItemType_enum.FilterItemType.PERSONALIZED),
         onEditFilter: (event) => this.editPersonalizedFilter.emit(event.detail),
         onAddFilter: () => this.addPersonalizedFilter.emit(),
       }
@@ -70,7 +70,7 @@ const SnkFilterModalItem = class {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { visible: newValue > 0, value: newValue, groupedItems: data.items });
     }
     else {
-      this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === filterItemType_enum.FilterItemType.SEARCH ? data : newValue, visible: this.isVisible(newValue) });
+      this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === (filterItemType_enum.FilterItemType.SEARCH || filterItemType_enum.FilterItemType.CHECK_BOX_LIST) ? data : newValue, visible: this.isVisible(newValue) });
     }
   }
   handleDeleteFilter(filter, filterItemType) {