@sankhyalabs/sankhyablocks 6.10.0 → 7.0.1

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

@@ -1,308 +1,11 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
-import { UserInterface, ApplicationContext, ElementIDUtils, JSUtils, StringUtils, DataType } from '@sankhyalabs/core';
-import { ApplicationUtils, CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
-import { fieldBuilder } from '@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder';
-import { F as FilterOperand, a as FilterConfigType, P as PersonalizedFilterUtils, b as FilterEntities, c as FilterUserConfigTypes } from './PersonalizedFilterUtils-1a167d89.js';
-import { s as store } from './index-bdf75557.js';
-import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
+import { h, r as registerInstance, c as createEvent, g as getElement } from './index-a7d3d3f1.js';
+import { S as SelectedItemType } from './index-620ac460.js';
+import { UserInterface, JSUtils, ElementIDUtils, ApplicationContext, StringUtils, DataType } from '@sankhyalabs/core';
 import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
-import './IExpressionItem-21f225bf.js';
+import { b as FilterConfigType, c as FilterEntities, d as FilterUserConfigTypes } from './index-ae591a44.js';
+import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-731cae01.js';
 import './filter-item-type.enum-5028ed3f.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 = [
-  UserInterface.SEARCH,
-  UserInterface.SHORTTEXT,
-  UserInterface.PASSWORD,
-  UserInterface.MASKEDTEXT,
-  UserInterface.LONGTEXT,
-  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) {
-    registerInstance(this, hostRef);
-    this.ezFilterItemChange = createEvent(this, "ezFilterItemChange", 7);
-    this.ezFilterItemRemove = createEvent(this, "ezFilterItemRemove", 7);
-    this.application = 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 = store.get(`filterFieldsDataSource.${this.entityURI}`);
-    store.onChange(`filterFieldsDataSource.${this.entityURI}`, () => {
-      this._dataSourceFetcher = 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 = FilterOperand[optionSelected];
-    if ([FilterOperand.NULL, 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();
-    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(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 h(inputFieldData.$tag$, Object.assign(Object.assign({}, inputFieldData.$attrs$), { ref: (el) => {
-        this._elFieldDynamic = el;
-      }, label: this.expression.fieldLabel || this._fieldSelected.label }));
-  }
-  getExpressiontValue(expression) {
-    return 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 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 UserInterface.LONGTEXT:
-        field.rows = 1;
-        break;
-      case 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 (h(Host, null, h("div", { class: "dashes" }), h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, 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() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `expressionFilterInput_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` })), h("snk-filter-field-search", { ref: ref => this._elFilterFieldSearch = ref, searchable: false, onEzSelectFilterItem: (ev) => this.handleSelectItem(ev.detail), fieldsDataSource: this._dataSourceFetcher })), h("div", { class: "box__container--input-operator" }, 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 }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxOperand_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` }))), h("div", { class: "box__container--input-value" }, !this._fieldSelected ?
-      h("ez-number-input", { label: "Valor", canShowError: false, enabled: (!this._showValueVariable && !this._optionNotNull) }) :
-      this.buildFieldByType()), h("div", { class: "box__container--input-value-variable" }, !this._optionNotNull &&
-      h("ez-check", { ref: ref => this._elValueVariable = ref, value: this.expression.paramVariable, label: this.getMessage("snkPersonalizedFilter.info.labelValueVarible"), mode: CheckMode.SWITCH, onEzChange: (evt) => this.handleChangeValueVariable(evt.detail) }), (this._showValueVariable && !this._optionNotNull) &&
-      h("ez-icon", Object.assign({ class: "box__container--input-value-variable--icon", size: "large", iconName: "settings-inverted" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: 'iconConfig' }, { title: this.getMessage("snkPersonalizedFilter.info.titleTooltip"), onClick: () => this.openSnkFilterParamConfig() })), h("snk-filter-param-config", { ref: (el) => this._elFilterParamConfigRef = el, messagesBuilder: this.messagesBuilder })), h("div", { class: "box__container--button-delete" }, h("div", { class: "box__container--button-delete--icon" }, 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 = {
   [UserInterface.SHORTTEXT]: 'text',
   [UserInterface.LONGTEXT]: 'text',
@@ -509,6 +212,9 @@ const SnkFilterParamConfig = class {
     this._canSave = false;
     this.messagesBuilder = undefined;
   }
+  /**
+   * Abre o modal de configuração de valor variável
+   */
   open(expressionItem) {
     this._opened = true;
     this._expressionItem = expressionItem;
@@ -517,6 +223,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 => {
@@ -691,4 +400,4 @@ const SnkFilterParamConfig = class {
 };
 SnkFilterParamConfig.style = snkFilterParamConfigCss;
 
-export { SnkExpressionItem as snk_expression_item, SnkFilterFieldSearch as snk_filter_field_search, SnkFilterParamConfig as snk_filter_param_config };
+export { SnkFilterFieldSearch as snk_filter_field_search, SnkFilterParamConfig as snk_filter_param_config };

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

@@ -2,13 +2,13 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { ElementIDUtils, ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
-import { C as ConfigStorage } from './ConfigStorage-f1e805a0.js';
+import { C as ConfigStorage } from './ConfigStorage-02f17a26.js';
 import { F as FilterType } from './filter-type.enum-a80c1b6b.js';
 import './form-config-fetcher-533b895e.js';
 import './DataFetcher-fddeb917.js';
 import './_commonjsHelpers-9943807e.js';
 import './resource-fetcher-0f20a072.js';
-import './filter-bar-config-fetcher-a358b8e0.js';
+import './filter-bar-config-fetcher-790283d8.js';
 
 const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";
 

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

@@ -4,8 +4,8 @@ import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { F as FilterType } from './filter-type.enum-a80c1b6b.js';
 import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-1a167d89.js';
-import './IExpressionItem-21f225bf.js';
+import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-731cae01.js';
+import './index-ae591a44.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/esm/snk-form.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-324f6dc7.js';
-import './ConfigStorage-f1e805a0.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-cd9e6cab.js';
+import './ConfigStorage-02f17a26.js';
 import './form-config-fetcher-533b895e.js';
 import './DataFetcher-fddeb917.js';
 import './_commonjsHelpers-9943807e.js';
 import './resource-fetcher-0f20a072.js';
-import './filter-bar-config-fetcher-a358b8e0.js';
+import './filter-bar-config-fetcher-790283d8.js';
 import './filter-item-type.enum-5028ed3f.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/esm/snk-grid-config.entry.js

@@ -2,13 +2,13 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { StringUtils, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { CheckMode } from '@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode';
-import { C as ConfigStorage } from './ConfigStorage-f1e805a0.js';
+import { C as ConfigStorage } from './ConfigStorage-02f17a26.js';
 import { O as ORDER_VALUES } from './constants-3644f1b6.js';
 import './form-config-fetcher-533b895e.js';
 import './DataFetcher-fddeb917.js';
 import './_commonjsHelpers-9943807e.js';
 import './resource-fetcher-0f20a072.js';
-import './filter-bar-config-fetcher-a358b8e0.js';
+import './filter-bar-config-fetcher-790283d8.js';
 import './filter-item-type.enum-5028ed3f.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/esm/snk-grid.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { T as TaskbarElement } from './taskbar-elements-2c761819.js';
-import { C as ConfigStorage } from './ConfigStorage-f1e805a0.js';
+import { C as ConfigStorage } from './ConfigStorage-02f17a26.js';
 import { P as PresentationMode } from './index-1564817d.js';
 import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
 import { s as store } from './index-bdf75557.js';
@@ -12,7 +12,7 @@ import './form-config-fetcher-533b895e.js';
 import './DataFetcher-fddeb917.js';
 import './_commonjsHelpers-9943807e.js';
 import './resource-fetcher-0f20a072.js';
-import './filter-bar-config-fetcher-a358b8e0.js';
+import './filter-bar-config-fetcher-790283d8.js';
 import './filter-item-type.enum-5028ed3f.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}";
@@ -247,6 +247,12 @@ const SnkGrid = class {
         this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
           this._dataState = evt.detail;
         });
+        this._snkDataUnit.addEventListener("cancelEdition", () => {
+          var _a;
+          if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.recordsIsEmpty) {
+            this._dataUnit.clearSelection();
+          }
+        });
         break;
       }
       parent = parent.parentElement;

package/dist/esm/{snk-guides-viewer-e7209909.js → snk-guides-viewer-579c70cc.js}

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-a7d3d3f1.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-324f6dc7.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-cd9e6cab.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
 import { T as TaskbarElement } from './taskbar-elements-2c761819.js';

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

@@ -1,13 +1,13 @@
-export { S as snk_guides_viewer } from './snk-guides-viewer-e7209909.js';
+export { S as snk_guides_viewer } from './snk-guides-viewer-579c70cc.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
-import './SnkFormConfigManager-324f6dc7.js';
-import './ConfigStorage-f1e805a0.js';
+import './SnkFormConfigManager-cd9e6cab.js';
+import './ConfigStorage-02f17a26.js';
 import './form-config-fetcher-533b895e.js';
 import './DataFetcher-fddeb917.js';
 import './_commonjsHelpers-9943807e.js';
 import './resource-fetcher-0f20a072.js';
-import './filter-bar-config-fetcher-a358b8e0.js';
+import './filter-bar-config-fetcher-790283d8.js';
 import './filter-item-type.enum-5028ed3f.js';
 import '@sankhyalabs/ezui/dist/collection/utils/form';
 import './taskbar-processor-94402e6e.js';