@sankhyalabs/sankhyablocks 6.10.0 → 7.0.1

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

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f9e81701.js');
+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-da2bf3bf.js');
+const ConfigStorage = require('./ConfigStorage-97468a0f.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-cfcd9af2.js');
+const index = require('./index-c5771aba.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-9848e09b.js');
 require('./form-config-fetcher-56442594.js');
 require('./DataFetcher-04c70ba9.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./resource-fetcher-260e98a4.js');
-require('./filter-bar-config-fetcher-58cfc12e.js');
-require('./IExpressionItem-0e32ebb7.js');
+require('./filter-bar-config-fetcher-a7747f69.js');
 
 const buildFilter = (item) => {
   switch (item.type) {
@@ -136,7 +136,7 @@ function buildPersonalized(item) {
     });
     return { expression, name: item.id, params };
   });
-  const expression = filters.map(filter => `(${filter.expression})`).join(` ${PersonalizedFilterUtils.FilterOperand.AND} `);
+  const expression = filters.map(filter => `(${filter.expression})`).join(` ${index.FilterOperand.AND} `);
   const params = filters.flatMap(filter => filter.params);
   return { name: id, expression, params };
 }
@@ -186,7 +186,7 @@ const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns
 
 const SnkFilterBar = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this._updateSequence = [];
     this._loadingPending = false;
     this._configUpdated = false;
@@ -346,10 +346,10 @@ const SnkFilterBar = class {
     const unpinnedItems = [];
     this.filterConfig
       .filter(this.filterActiveFilter)
-      .forEach((item, index$1) => {
+      .forEach((item, index) => {
       item = core.ObjectUtils.copy(item);
       const itemId = `filter-${item.id}`;
-      const filterItem = (index.h("snk-filter-item", { onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), onFocusin: () => this.itemFocused(itemId), id: itemId, config: item, class: index$1 > 0 ? "ez-padding-left--medium" : "", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
+      const filterItem = (index$1.h("snk-filter-item", { onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), onFocusin: () => this.itemFocused(itemId), id: itemId, config: item, class: index > 0 ? "ez-padding-left--medium" : "", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
       if (item.fixed || item.hardFixed) {
         pinnedItems.push(filterItem);
       }
@@ -361,7 +361,7 @@ const SnkFilterBar = class {
     const elements = [];
     elements.push(...pinnedItems);
     if (pinnedItems.length > 0 && unpinnedItems.length > 0) {
-      elements.push(index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-filter-bar__divider" }));
+      elements.push(index$1.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-filter-bar__divider" }));
     }
     elements.push(...unpinnedItems);
     return elements;
@@ -403,7 +403,7 @@ const SnkFilterBar = class {
   loadConfigFromStorage() {
     return new Promise(accept => {
       ConfigStorage.ConfigStorage.get().then(instance => {
-        instance.loadFilterBarConfig(this.configName)
+        instance.loadFilterBarConfig(this.configName, { contextURI: this.dataUnit.name })
           .then((filters) => {
           accept();
           this.filterConfig = filters.map(item => this.normalizeItem(item));
@@ -495,11 +495,11 @@ const SnkFilterBar = class {
       return undefined;
     }
     if (this.showPersonalizedFilter) {
-      return index.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 });
+      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 });
     }
-    return (index.h(index.Host, null, index.h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, index.h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), index.h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, index.h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
+    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" }))));
   }
-  get _element() { return index.getElement(this); }
+  get _element() { return index$1.getElement(this); }
   static get watchers() { return {
     "filterConfig": ["observeFilterConfig"]
   }; }

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

@@ -6,13 +6,13 @@ 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 core = require('@sankhyalabs/core');
-const filterBarConfigFetcher = require('./filter-bar-config-fetcher-58cfc12e.js');
+const filterBarConfigFetcher = require('./filter-bar-config-fetcher-a7747f69.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-cfcd9af2.js');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-9848e09b.js');
 require('./resource-fetcher-260e98a4.js');
 require('./DataFetcher-04c70ba9.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./IExpressionItem-0e32ebb7.js');
+require('./index-c5771aba.js');
 
 const SnkFilterDetail = class {
   constructor(hostRef) {

package/dist/cjs/{snk-expression-item_3.cjs.entry.js → snk-filter-field-search_2.cjs.entry.js}

@@ -3,310 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
+const index$1 = require('./index-8d94b7e0.js');
 const core = require('@sankhyalabs/core');
-const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const FieldBuilder = require('@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-cfcd9af2.js');
-const index$1 = require('./index-102ba62d.js');
-const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const ezModalContainer = require('@sankhyalabs/ezui/dist/collection/components/ez-modal-container');
-require('./IExpressionItem-0e32ebb7.js');
+const index$2 = require('./index-c5771aba.js');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-9848e09b.js');
 require('./filter-item-type.enum-aa823a00.js');
 
-var SelectedItemType;
-(function (SelectedItemType) {
-  SelectedItemType["LINK"] = "LINK";
-  SelectedItemType["FIELD"] = "FIELD";
-})(SelectedItemType || (SelectedItemType = {}));
-
-const defaultsOperand = [
-  { label: "Igual (=)", value: "EQUAL" },
-  { label: "Diferente (<>)", value: "DIFFERENT" },
-  { label: "Contendo (LIKE)", value: "LIKE" },
-  { label: "Contido em (IN)", value: "IN" },
-  { label: "Iniciado com (%?)", value: "START_WITH" },
-  { label: "Terminado com (?%)", value: "FINISHED_WITH" },
-  { label: "Vazio (NULL)", value: "NULL" },
-  { label: "Não Vazio (NOT NULL)", value: "NOT_NULL" },
-];
-const FilterOperandDefault = defaultsOperand.concat([
-  { label: "Maior (>)", value: "LARGER" },
-  { label: "Maior ou Igual (>=)", value: "LARGER_EQUAL" },
-  { label: "Menor (<)", value: "SMALLER" },
-  { label: "Menor ou Igual (<=)", value: "SMALLER_EQUAL" }
-]);
-const FilterOperandTypeTextSearch = defaultsOperand;
-const FIELD_TYPE_SEARCH_AND_TEXT = [
-  core.UserInterface.SEARCH,
-  core.UserInterface.SHORTTEXT,
-  core.UserInterface.PASSWORD,
-  core.UserInterface.MASKEDTEXT,
-  core.UserInterface.LONGTEXT,
-  core.UserInterface.HTML
-];
-
-const snkExpressionItemCss = ".sc-snk-expression-item-h{display:flex;width:100%;--snk-expression-item--background-color:var(--background--xlight, #fff);--snk-expression-item__itens--padding:var(--space--small, 6px);--snk-expression-item__width--input-operator:220px;--snk-expression-item__width--input-value:240px;--snk-expression-item__width--input-value-variable:176px;--snk-expression-item--border-radius:var(--border--radius-medium, 12px);--snk-expression-item--border-color:var(--color--strokes, #DCE0E8);--snk-expression-item--border-style:var(--border--small, 1px solid);--snk-expression-item__background-color-dashed:var(--background--body, #fafcff)}.box.sc-snk-expression-item{width:100%;height:56px;background:var(--snk-expression-item--background-color);border:var(--snk-expression-item--border-color) var(--snk-expression-item--border-style);border-radius:var(--snk-expression-item--border-radius)}.box__container.sc-snk-expression-item{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;margin:var(--space--small, 6px)}.box__container--input-filter.sc-snk-expression-item{width:100%}.box__container--input-operator.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-operator);min-width:var(--snk-expression-item__width--input-operator)}.box__container--input-value.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-value);min-width:var(--snk-expression-item__width--input-value)}.box__container--input-value-variable.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-value-variable);min-width:var(--snk-expression-item__width--input-value-variable)}.box__container--button-delete.sc-snk-expression-item{display:flex}.box__container.sc-snk-expression-item>div.sc-snk-expression-item{padding-left:var(--snk-expression-item__itens--padding);padding-right:var(--snk-expression-item__itens--padding)}.box__container--button-delete--icon.sc-snk-expression-item{width:42px;min-width:42px}.box__container--input-value-variable--icon.sc-snk-expression-item{cursor:pointer}.dashes.sc-snk-expression-item{z-index:var(--more-visible, 2);background:var(--snk-expression-item__background-color-dashed);border-bottom:2px dashed var(--text-secondary, #A2ABB9);border-left:2px dashed var(--text-secondary, #A2ABB9);position:absolute;width:15px;height:62px;margin-left:-15px;margin-top:-33.5px}";
-
-const SnkExpressionItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ezFilterItemChange = index.createEvent(this, "ezFilterItemChange", 7);
-    this.ezFilterItemRemove = index.createEvent(this, "ezFilterItemRemove", 7);
-    this.application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this.filterOperandDefault = FilterOperandDefault;
-    this.filterOperandTypeTextSearch = FilterOperandTypeTextSearch;
-    this.DEFAULT_FIELD_NAME = 'NOT_DEFINED';
-    this._showValueVariable = false;
-    this._fieldSelected = undefined;
-    this._optionNotNull = false;
-    this.expression = undefined;
-    this.canRemove = true;
-    this.messagesBuilder = undefined;
-    this.entityURI = undefined;
-  }
-  expressionChanged(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      this.ezFilterItemChange.emit(newValue);
-      this.updateFieldSelected();
-    }
-  }
-  componentWillLoad() {
-    this._dataSourceFetcher = index$1.store.get(`filterFieldsDataSource.${this.entityURI}`);
-    index$1.store.onChange(`filterFieldsDataSource.${this.entityURI}`, () => {
-      this._dataSourceFetcher = index$1.store.get(`filterFieldsDataSource.${this.entityURI}`);
-    });
-    if (this.expression) {
-      this.updateFieldSelected();
-      this._optionNotNull = this.expression.operand === 'NULL' || this.expression.operand === 'NOT_NULL';
-    }
-  }
-  componentDidRender() {
-    this._showValueVariable = this._elValueVariable.value;
-  }
-  updateFieldSelected() {
-    const field = {
-      dataType: this.expression.type,
-      description: this.expression.description,
-      name: this.expression.fieldName,
-      label: this.expression.fieldLabel,
-      entityName: this.expression.entityName,
-      onlyDate: false,
-      path: this.expression.description,
-      properties: this.expressionPropsToFieldProps(this.expression.props),
-      type: SelectedItemType.FIELD,
-      uri: "",
-      userInterface: this.expression.userInterface
-    };
-    this._fieldSelected = field;
-  }
-  buildExpression(entityName, fieldName, entityPath) {
-    if (entityPath.length > 0) {
-      entityPath.shift();
-    }
-    return entityPath.length > 0 ? `${entityPath.join("->")}->${fieldName}` : `${entityName}.${fieldName}`;
-  }
-  setValueExpression(key, value) {
-    if (key === "fieldName") {
-      this.expression.description = value.path;
-      this.expression.expression = this.buildExpression(value.entityName, value.name, value.entityPath);
-      this.expression.fieldName = value.name;
-      this.expression.fieldLabel = value.label;
-      this.expression.type = value.dataType;
-      this.expression.userInterface = value.userInterface;
-      this.expression.entityName = value.entityName;
-      this.expression.value = undefined;
-      this.expression.props = this.fieldPropsToExpressionProps(value.properties);
-    }
-    else {
-      this.expression[key] = value;
-    }
-    this.expressionChanged(this.expression);
-  }
-  fieldPropsToExpressionProps(properties) {
-    const parsedProps = [];
-    if (!properties) {
-      return parsedProps;
-    }
-    for (const key in properties) {
-      let propValue = properties[key];
-      if (typeof propValue == "object") {
-        propValue = JSON.stringify(propValue);
-      }
-      parsedProps.push({ name: key, value: propValue });
-    }
-    return parsedProps;
-  }
-  expressionPropsToFieldProps(properties) {
-    const parsedProps = {};
-    if (!properties) {
-      return parsedProps;
-    }
-    properties.forEach(prop => {
-      try {
-        parsedProps[prop.name] = JSON.parse(prop.value);
-      }
-      catch (_a) {
-        parsedProps[prop.name] = prop.value;
-      }
-    });
-    return parsedProps;
-  }
-  getMessage(key, params) {
-    return this.application.messagesBuilder.getMessage(key, params);
-  }
-  handleSelectItem(filterField) {
-    if (this.hasNoChanges(filterField)) {
-      this._elFilterInput.value = filterField.path;
-      return;
-    }
-    if (filterField.type === SelectedItemType.FIELD) {
-      const field = filterField;
-      this._fieldSelected = field;
-      this.setValueExpression("fieldName", field);
-    }
-  }
-  hasNoChanges(filterField) {
-    return filterField.name === this.expression.fieldName && filterField.path === this.expression.description;
-  }
-  handleFocus() {
-    if (this._elFilterFieldSearch)
-      this._elFilterFieldSearch.show();
-  }
-  handleChangeFilterInput(evt) {
-    this._elFilterFieldSearch.applyFilter(evt.detail);
-  }
-  handleChangeValueVariable(showValueVariable) {
-    this._showValueVariable = showValueVariable;
-    if (this._elFieldDynamic) {
-      this._elFieldDynamic.value = undefined;
-      this._elFieldDynamic.enabled = !showValueVariable;
-    }
-    this.expression["paramVariable"] = showValueVariable;
-    this.expressionChanged(this.expression);
-  }
-  openSnkFilterParamConfig() {
-    var _a;
-    (_a = this._elFilterParamConfigRef) === null || _a === void 0 ? void 0 : _a.open(this.expression).then(this.onOpenPromiseReady.bind(this)).catch(error => {
-      console.error(error);
-    });
-  }
-  onOpenPromiseReady(changes) {
-    this.expression = changes;
-  }
-  buildOptionsOperator() {
-    var _a;
-    if (FIELD_TYPE_SEARCH_AND_TEXT.includes((_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.userInterface)) {
-      return this.filterOperandTypeTextSearch;
-    }
-    else {
-      return this.filterOperandDefault;
-    }
-  }
-  handleChangeOperator(optionSelected) {
-    this.checkOptionIsNull(optionSelected);
-    this.setValueExpression("operand", optionSelected);
-  }
-  checkOptionIsNull(optionSelected) {
-    const filterOperandValue = PersonalizedFilterUtils.FilterOperand[optionSelected];
-    if ([PersonalizedFilterUtils.FilterOperand.NULL, PersonalizedFilterUtils.FilterOperand.NOT_NULL].includes(filterOperandValue)) {
-      this._optionNotNull = true;
-      if (this._elFieldDynamic) {
-        this._elFieldDynamic.enabled = false;
-        this._elFieldDynamic.value = undefined;
-      }
-    }
-    else {
-      this._optionNotNull = false;
-      if (this._elFieldDynamic) {
-        this._elFieldDynamic.enabled = this._showValueVariable ? false : true;
-      }
-    }
-  }
-  confirmRemove(evt) {
-    evt.preventDefault();
-    evt.stopPropagation();
-    utils.ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmExpression.title"), this.getMessage("snkPersonalizedFilter.confirmExpression.description"))
-      .then((canRemove) => {
-      if (canRemove) {
-        this.ezFilterItemRemove.emit(this.expression);
-      }
-    });
-  }
-  buildFieldByType() {
-    var _a, _b, _c;
-    if (!this._fieldSelected)
-      return;
-    const inputFieldData = (_a = FieldBuilder.fieldBuilder(this.configureFieldByType())) === null || _a === void 0 ? void 0 : _a.$children$.shift();
-    if (this._optionNotNull && inputFieldData || ((_b = this._elValueVariable) === null || _b === void 0 ? void 0 : _b.value) && inputFieldData || this.expression.paramVariable || this._showValueVariable || !((_c = this._fieldSelected) === null || _c === void 0 ? void 0 : _c.dataType)) {
-      inputFieldData.$attrs$.enabled = false;
-    }
-    if (this.expression.value != undefined) {
-      inputFieldData.$attrs$.value = this.getExpressiontValue(this.expression);
-    }
-    inputFieldData.$attrs$.onEzChange = (event) => {
-      this.setValueExpression("value", event.target.value);
-    };
-    if (this.expression.userInterface === 'SWITCH' && this.expression.value == undefined) {
-      this.setValueExpression("value", false);
-    }
-    return index.h(inputFieldData.$tag$, Object.assign(Object.assign({}, inputFieldData.$attrs$), { ref: (el) => {
-        this._elFieldDynamic = el;
-      }, label: this.expression.fieldLabel || this._fieldSelected.label }));
-  }
-  getExpressiontValue(expression) {
-    return DataType.convertType(expression.type, expression.value);
-  }
-  configureFieldByType() {
-    var _a, _b;
-    const field = {
-      userInterface: this._fieldSelected.userInterface,
-      name: this._fieldSelected.name,
-      label: this._fieldSelected.label,
-      canShowError: false
-    };
-    switch (field.userInterface) {
-      case core.UserInterface.OPTIONSELECTOR:
-        field.props = {
-          options: (_b = (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.options,
-        };
-        break;
-      case core.UserInterface.LONGTEXT:
-        field.rows = 1;
-        break;
-      case core.UserInterface.SEARCH:
-        field.optionLoader = searchArgument => this.setCriteriaSearch(searchArgument, this.application);
-        break;
-    }
-    return field;
-  }
-  setCriteriaSearch({ mode, argument }, application) {
-    var _a, _b;
-    if (application == undefined)
-      return;
-    const searchOptions = {
-      showInactives: false
-    };
-    const options = {
-      entity: (_b = (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.ENTITYNAME,
-      searchOptions,
-      entityDescription: this._fieldSelected.description
-    };
-    return application.executePreparedSearch(mode, argument, options);
-  }
-  render() {
-    var _a;
-    return (index.h(index.Host, null, index.h("div", { class: "dashes" }), index.h("div", { class: "box" }, index.h("div", { class: "box__container" }, index.h("div", { class: "box__container--input-filter" }, index.h("ez-filter-input", Object.assign({ ref: ref => this._elFilterInput = ref, value: (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.path, label: this.getMessage("snkPersonalizedFilter.info.labelSearchField"), canShowError: false, onEzChange: (evt) => this.handleChangeFilterInput(evt), onFocus: () => this.handleFocus() }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `expressionFilterInput_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` })), index.h("snk-filter-field-search", { ref: ref => this._elFilterFieldSearch = ref, searchable: false, onEzSelectFilterItem: (ev) => this.handleSelectItem(ev.detail), fieldsDataSource: this._dataSourceFetcher })), index.h("div", { class: "box__container--input-operator" }, index.h("ez-combo-box", Object.assign({ label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), value: this.expression.operand, canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => { var _a; return this.handleChangeOperator((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, suppressEmptyOption: true }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxOperand_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` }))), index.h("div", { class: "box__container--input-value" }, !this._fieldSelected ?
-      index.h("ez-number-input", { label: "Valor", canShowError: false, enabled: (!this._showValueVariable && !this._optionNotNull) }) :
-      this.buildFieldByType()), index.h("div", { class: "box__container--input-value-variable" }, !this._optionNotNull &&
-      index.h("ez-check", { ref: ref => this._elValueVariable = ref, value: this.expression.paramVariable, label: this.getMessage("snkPersonalizedFilter.info.labelValueVarible"), mode: utils.CheckMode.SWITCH, onEzChange: (evt) => this.handleChangeValueVariable(evt.detail) }), (this._showValueVariable && !this._optionNotNull) &&
-      index.h("ez-icon", Object.assign({ class: "box__container--input-value-variable--icon", size: "large", iconName: "settings-inverted" }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: 'iconConfig' }, { title: this.getMessage("snkPersonalizedFilter.info.titleTooltip"), onClick: () => this.openSnkFilterParamConfig() })), index.h("snk-filter-param-config", { ref: (el) => this._elFilterParamConfigRef = el, messagesBuilder: this.messagesBuilder })), index.h("div", { class: "box__container--button-delete" }, index.h("div", { class: "box__container--button-delete--icon" }, index.h("ez-button", { mode: "icon", iconName: "delete", enabled: this.canRemove, label: this.getMessage("snkPersonalizedFilter.info.labelDeleteItem"), onClick: (evt) => this.confirmRemove(evt) })))))));
-  }
-  static get watchers() { return {
-    "expression": ["expressionChanged"]
-  }; }
-};
-SnkExpressionItem.style = snkExpressionItemCss;
-
 const ICON_MODES = {
   [core.UserInterface.SHORTTEXT]: 'text',
   [core.UserInterface.LONGTEXT]: 'text',
@@ -440,7 +143,7 @@ const SnkFilterFieldSearch = class {
     else {
       this.breadcrumbItems = [...this.breadcrumbItems, Object.assign({ id: core.JSUtils.generateUUID(), label: item.description }, item)];
     }
-    const selectedItem = Object.assign(Object.assign({}, item), { type: SelectedItemType.LINK });
+    const selectedItem = Object.assign(Object.assign({}, item), { type: index$1.SelectedItemType.LINK });
     this._currentLink = selectedItem;
     this.ezSelectFilterItem.emit(selectedItem);
     this.loadData();
@@ -455,7 +158,7 @@ const SnkFilterFieldSearch = class {
   handleSelectField({ detail: item }) {
     var _a;
     const breadcrumbPath = this.breadcrumbItems.map(breadcrumbItem => breadcrumbItem.label).join('>>');
-    const selectedField = Object.assign(Object.assign({}, item), { type: SelectedItemType.FIELD, entityPath: this.breadcrumbItems.map(item => this.getEntityFromBreadCrumbItem(item)).filter(item => item != undefined), path: `${breadcrumbPath} >> ${item.description}` });
+    const selectedField = Object.assign(Object.assign({}, item), { type: index$1.SelectedItemType.FIELD, entityPath: this.breadcrumbItems.map(item => this.getEntityFromBreadCrumbItem(item)).filter(item => item != undefined), path: `${breadcrumbPath} >> ${item.description}` });
     this.ezSelectFilterItem.emit(selectedField);
     (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.hide();
   }
@@ -507,12 +210,15 @@ const SnkFilterParamConfig = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this._opened = false;
-    this._configType = PersonalizedFilterUtils.FilterConfigType.SYSTEM_CONFIG;
+    this._configType = index$2.FilterConfigType.SYSTEM_CONFIG;
     this._expressionItem = undefined;
     this._informedInstance = false;
     this._canSave = false;
     this.messagesBuilder = undefined;
   }
+  /**
+   * Abre o modal de configuração de valor variável
+   */
   open(expressionItem) {
     this._opened = true;
     this._expressionItem = expressionItem;
@@ -521,6 +227,9 @@ const SnkFilterParamConfig = class {
       this._promiseResolver = accept;
     });
   }
+  /**
+   * Fecha o modal de configuração de valor variável
+   */
   close() {
     this._opened = false;
     return new Promise(accept => {
@@ -549,10 +258,10 @@ const SnkFilterParamConfig = class {
     const description = this.getConfigValue("userConfig", "description");
     const type = this.getConfigValue("userConfig", "type");
     if (((_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a.userConfig) != undefined) {
-      this._configType = PersonalizedFilterUtils.FilterConfigType.USER_CONFIG;
+      this._configType = index$2.FilterConfigType.USER_CONFIG;
     }
     else {
-      this._configType = PersonalizedFilterUtils.FilterConfigType.SYSTEM_CONFIG;
+      this._configType = index$2.FilterConfigType.SYSTEM_CONFIG;
     }
     if (!core.StringUtils.isEmpty(entityName) && !core.StringUtils.isEmpty(fieldName)) {
       this._instanceElement.value = { value: entityName, label: "" };
@@ -565,14 +274,14 @@ const SnkFilterParamConfig = class {
     this.buildFilterExpression();
   }
   changeDefinitionUsed(option) {
-    this._configType = option !== null && option !== void 0 ? option : PersonalizedFilterUtils.FilterConfigType.SYSTEM_CONFIG;
-    if (this._configType === PersonalizedFilterUtils.FilterConfigType.SYSTEM_CONFIG) {
+    this._configType = option !== null && option !== void 0 ? option : index$2.FilterConfigType.SYSTEM_CONFIG;
+    if (this._configType === index$2.FilterConfigType.SYSTEM_CONFIG) {
       const entityName = this.getConfigValue("systemConfig", "entity", "entityName");
       const fieldName = this.getConfigValue("systemConfig", "fieldName");
       this._instanceElement.value = this._instanceElement.value || { value: entityName, label: "" };
       this._fieldElement.value = this._fieldElement.value || { value: fieldName, label: "" };
     }
-    else if (this._configType === PersonalizedFilterUtils.FilterConfigType.USER_CONFIG) {
+    else if (this._configType === index$2.FilterConfigType.USER_CONFIG) {
       const description = this.getConfigValue("userConfig", "description");
       const type = this.getConfigValue("userConfig", "type");
       this._descriptionElement.value = this._descriptionElement.value || description;
@@ -589,12 +298,12 @@ const SnkFilterParamConfig = class {
     var _a, _b, _c, _d, _e;
     let systemConfig;
     let userConfig;
-    if (this._configType === PersonalizedFilterUtils.FilterConfigType.SYSTEM_CONFIG) {
+    if (this._configType === index$2.FilterConfigType.SYSTEM_CONFIG) {
       const entity = (_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value;
       const fieldName = (_d = (_c = this._fieldElement) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.value;
       systemConfig = { entity, fieldName };
     }
-    else if (this._configType === PersonalizedFilterUtils.FilterConfigType.USER_CONFIG) {
+    else if (this._configType === index$2.FilterConfigType.USER_CONFIG) {
       const description = (_e = this._descriptionElement) === null || _e === void 0 ? void 0 : _e.value;
       const type = this.getTypeValue();
       userConfig = { description, type };
@@ -646,7 +355,7 @@ const SnkFilterParamConfig = class {
     if (this._application == undefined || !this._opened) {
       return;
     }
-    const isField = entity === PersonalizedFilterUtils.FilterEntities.FIELD;
+    const isField = entity === index$2.FilterEntities.FIELD;
     const criteria = isField ? this.getInstanceCriteria() : undefined;
     const messageKey = `snkFilterParamConfig.label${isField ? "Field" : "Instance"}`;
     const entityDescription = this.getMessage(messageKey);
@@ -672,7 +381,7 @@ const SnkFilterParamConfig = class {
   }
   getCanSave() {
     var _a;
-    if (this._configType === PersonalizedFilterUtils.FilterConfigType.USER_CONFIG) {
+    if (this._configType === index$2.FilterConfigType.USER_CONFIG) {
       const description = (_a = this._descriptionElement) === null || _a === void 0 ? void 0 : _a.value;
       const type = this.getTypeValue();
       return !core.StringUtils.isEmpty(description) && !core.StringUtils.isEmpty(type);
@@ -687,14 +396,13 @@ const SnkFilterParamConfig = class {
     return (index.h("ez-popup", Object.assign({ useHeader: false, size: "small", heightMode: "auto", opened: this._opened }, this.getElementID("popup")), index.h("ez-modal-container", Object.assign({ onEzModalAction: (evt) => {
         if (evt.detail === ezModalContainer.ModalAction.CLOSE)
           this.close();
-      }, modalTitle: this.getMessage("snkFilterParamConfig.modalTitle") }, this.getElementID("modalContainer")), index.h("div", { class: "ez-flex" }, index.h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, index.h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("systemConfigOption")), index.h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelSystemConfig"), value: PersonalizedFilterUtils.FilterConfigType.SYSTEM_CONFIG })), index.h("ez-search", Object.assign({ ref: (ref) => this._instanceElement = ref, label: this.getMessage("snkFilterParamConfig.labelInstance"), enabled: this.isEnabled(PersonalizedFilterUtils.FilterConfigType.SYSTEM_CONFIG), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.handleChangeInstance(), optionLoader: (searchArgument) => this.onSearch(searchArgument, PersonalizedFilterUtils.FilterEntities.INSTANCE) }, this.getElementID("configFindEntity"))), index.h("ez-search", Object.assign({ ref: (ref) => this._fieldElement = ref, label: this.getMessage("snkFilterParamConfig.labelField"), enabled: this.isEnabled(PersonalizedFilterUtils.FilterConfigType.SYSTEM_CONFIG) && this._informedInstance, suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.buildFilterExpression(), optionLoader: (searchArgument) => this.onSearch(searchArgument, PersonalizedFilterUtils.FilterEntities.FIELD) }, this.getElementID("configFindField")))), index.h("div", { class: "ez-flex ez-padding--medium" }, index.h("hr", { class: "ez-divider-vertical" })), index.h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, index.h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("userConfigOption")), index.h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelUserConfig"), value: PersonalizedFilterUtils.FilterConfigType.USER_CONFIG })), index.h("ez-text-input", Object.assign({ ref: (ref) => this._descriptionElement = ref, label: this.getMessage("snkFilterParamConfig.labelDescription"), enabled: this.isEnabled(PersonalizedFilterUtils.FilterConfigType.USER_CONFIG), onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamLabel"))), index.h("ez-combo-box", Object.assign({ ref: (ref) => this._typeElement = ref, label: this.getMessage("snkFilterParamConfig.labelType"), enabled: this.isEnabled(PersonalizedFilterUtils.FilterConfigType.USER_CONFIG), suppressEmptyOption: true, onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamType")), Object.keys(PersonalizedFilterUtils.FilterUserConfigTypes).map((configType) => {
-      return (index.h("option", { value: PersonalizedFilterUtils.FilterUserConfigTypes[configType] }, this.getMessage(`snkFilterParamConfig.labelTypeValues.${configType.toLowerCase()}`)));
+      }, modalTitle: this.getMessage("snkFilterParamConfig.modalTitle") }, this.getElementID("modalContainer")), index.h("div", { class: "ez-flex" }, index.h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, index.h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("systemConfigOption")), index.h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelSystemConfig"), value: index$2.FilterConfigType.SYSTEM_CONFIG })), index.h("ez-search", Object.assign({ ref: (ref) => this._instanceElement = ref, label: this.getMessage("snkFilterParamConfig.labelInstance"), enabled: this.isEnabled(index$2.FilterConfigType.SYSTEM_CONFIG), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.handleChangeInstance(), optionLoader: (searchArgument) => this.onSearch(searchArgument, index$2.FilterEntities.INSTANCE) }, this.getElementID("configFindEntity"))), index.h("ez-search", Object.assign({ ref: (ref) => this._fieldElement = ref, label: this.getMessage("snkFilterParamConfig.labelField"), enabled: this.isEnabled(index$2.FilterConfigType.SYSTEM_CONFIG) && this._informedInstance, suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.buildFilterExpression(), optionLoader: (searchArgument) => this.onSearch(searchArgument, index$2.FilterEntities.FIELD) }, this.getElementID("configFindField")))), index.h("div", { class: "ez-flex ez-padding--medium" }, index.h("hr", { class: "ez-divider-vertical" })), index.h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, index.h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("userConfigOption")), index.h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelUserConfig"), value: index$2.FilterConfigType.USER_CONFIG })), index.h("ez-text-input", Object.assign({ ref: (ref) => this._descriptionElement = ref, label: this.getMessage("snkFilterParamConfig.labelDescription"), enabled: this.isEnabled(index$2.FilterConfigType.USER_CONFIG), onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamLabel"))), index.h("ez-combo-box", Object.assign({ ref: (ref) => this._typeElement = ref, label: this.getMessage("snkFilterParamConfig.labelType"), enabled: this.isEnabled(index$2.FilterConfigType.USER_CONFIG), suppressEmptyOption: true, onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamType")), Object.keys(index$2.FilterUserConfigTypes).map((configType) => {
+      return (index.h("option", { value: index$2.FilterUserConfigTypes[configType] }, this.getMessage(`snkFilterParamConfig.labelTypeValues.${configType.toLowerCase()}`)));
     })))), index.h("ez-text-area", Object.assign({ ref: (ref) => this._expressionElement = ref, class: "snk-filter-param-config__expression", label: this.getMessage("snkFilterParamConfig.labelExpression"), enabled: false }, this.getElementID("presentationExpression"))), index.h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, index.h("ez-button", Object.assign({ class: "ez-padding-right--medium", label: this.getMessage("snkFilterParamConfig.labelCancel"), onClick: () => this.close() }, this.getElementID("cancelEditParam"))), index.h("ez-button", Object.assign({ class: "ez-button--primary", label: this.getMessage("snkFilterParamConfig.labelSave"), onClick: () => this.save(), enabled: this._canSave }, this.getElementID("saveEditParam")))))));
   }
   get _element() { return index.getElement(this); }
 };
 SnkFilterParamConfig.style = snkFilterParamConfigCss;
 
-exports.snk_expression_item = SnkExpressionItem;
 exports.snk_filter_field_search = SnkFilterFieldSearch;
 exports.snk_filter_param_config = SnkFilterParamConfig;

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

@@ -6,13 +6,13 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const ConfigStorage = require('./ConfigStorage-da2bf3bf.js');
+const ConfigStorage = require('./ConfigStorage-97468a0f.js');
 const filterType_enum = require('./filter-type.enum-b14ce507.js');
 require('./form-config-fetcher-56442594.js');
 require('./DataFetcher-04c70ba9.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./resource-fetcher-260e98a4.js');
-require('./filter-bar-config-fetcher-58cfc12e.js');
+require('./filter-bar-config-fetcher-a7747f69.js');
 
 const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";
 

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

@@ -8,8 +8,8 @@ const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const filterType_enum = require('./filter-type.enum-b14ce507.js');
 const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 const core = require('@sankhyalabs/core');
-const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-cfcd9af2.js');
-require('./IExpressionItem-0e32ebb7.js');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-9848e09b.js');
+require('./index-c5771aba.js');
 
 const snkFilterModalCss = "ez-modal{--ez-modal-content-padding:24px 12px}.snk-filter-modal__container{width:344px;max-width:344px;min-width:344px;overflow:hidden}.snk-filter-modal__content{display:flex;flex-direction:column;gap:var(--space--medium, 12px);padding-right:var(--space--3xs, 4px)}.snk-filter-modal__collapsible-box{border:var(--border--small, 1px solid) var(--color--strokes, #DCE0E8);border-radius:var(--border--radius-medium);padding:var(--space--medium, 12px) var(--space--small, 6px)}.snk-filter-modal__rendered-items{max-height:760px;overflow-x:clip;overflow-y:auto}.snk-filter-modal__rendered-items::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
 

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-d7cc9118.js');
-require('./ConfigStorage-da2bf3bf.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-bef6e022.js');
+require('./ConfigStorage-97468a0f.js');
 require('./form-config-fetcher-56442594.js');
 require('./DataFetcher-04c70ba9.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./resource-fetcher-260e98a4.js');
-require('./filter-bar-config-fetcher-58cfc12e.js');
+require('./filter-bar-config-fetcher-a7747f69.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,13 +6,13 @@ const index = require('./index-f9e81701.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-da2bf3bf.js');
+const ConfigStorage = require('./ConfigStorage-97468a0f.js');
 const constants = require('./constants-d187e03e.js');
 require('./form-config-fetcher-56442594.js');
 require('./DataFetcher-04c70ba9.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./resource-fetcher-260e98a4.js');
-require('./filter-bar-config-fetcher-58cfc12e.js');
+require('./filter-bar-config-fetcher-a7747f69.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)}";