@sankhyalabs/sankhyablocks 9.2.0-dev.17 → 9.2.0-dev.19

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

@@ -7,8 +7,24 @@ const SnkFilterCheckboxList = class {
     registerInstance(this, hostRef);
     this.valueChanged = createEvent(this, "valueChanged", 7);
     this.config = undefined;
+    this.errorMessage = undefined;
     this.optionsList = [];
   }
+  /**
+   * Define o foco no componente snk-filter-checkbox-list.
+   */
+  async setFocus() {
+    var _a, _b;
+    (_b = (_a = this._element) === null || _a === void 0 ? void 0 : _a.querySelector('ez-check')) === null || _b === void 0 ? void 0 : _b.setFocus();
+  }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    var _a;
+    this.config = Object.assign(Object.assign({}, this.config), { value: this.config.value });
+    this.valueChanged.emit((_a = this.config) === null || _a === void 0 ? void 0 : _a.value);
+  }
   componentDidLoad() {
     if (this._element) {
       ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -16,13 +32,14 @@ const SnkFilterCheckboxList = class {
   }
   handleToggleCheck(itemChanged, checked) {
     var _a, _b;
+    this.errorMessage = undefined;
     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 => (h("ez-check", { label: option.label, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
+    return this.optionsList.map(option => (h("ez-check", { label: option.label, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name), enabled: this.config.enabled })));
   }
   isChecked(itemName) {
     var _a;
@@ -40,7 +57,8 @@ const SnkFilterCheckboxList = class {
     if (!this.config || this.config.type !== FilterItemType.CHECK_BOX_LIST) {
       return undefined;
     }
-    return (h("div", { class: 'ez-flex ez-flex--column' }, this.renderOptions()));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("div", { class: 'ez-flex ez-flex--column' }, this.renderOptions(), this.errorMessage &&
+      h("span", { class: 'ez-text ez-text--small ez-text--error ez-margin--small' }, this.errorMessage))));
   }
   get _element() { return getElement(this); }
 };

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-479e1293.js';
-import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
-import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-2db38ff2.js';
+import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
+import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import './index-8acbae97.js';
 
 const SnkFilterDetail = class {
@@ -13,13 +13,30 @@ const SnkFilterDetail = class {
     this.config = undefined;
     this.getMessage = undefined;
     this.showHardFixed = true;
+    this.removalBlocked = false;
   }
   /**
-   * Exibe o componente snk-filter-detail.
+   * Define o foco no campo do editor.
    */
-  async show() {
-    var _a, _b;
-    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["show"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+  async setFocusField() {
+    var _a, _b, _c, _d;
+    if (!this._editor) {
+      return;
+    }
+    if (this._editor["setFocus"]) {
+      (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["setFocus"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    else if (this._editor["focus"]) {
+      (_d = (_c = this._editor) === null || _c === void 0 ? void 0 : _c["focus"]) === null || _d === void 0 ? void 0 : _d.call(_c);
+    }
+  }
+  async clearValue() {
+    if (!this._editor) {
+      return;
+    }
+    if (this._editor["clearValue"]) {
+      await this._editor["clearValue"]();
+    }
   }
   observeConfig(newValue) {
     var _a, _b;
@@ -91,7 +108,7 @@ const SnkFilterDetail = class {
     return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
   }
   getPopUpHeaderButtons() {
-    return (h(Fragment, null, !this.config.removalBlocked &&
+    return (h(Fragment, null, !this.removalBlocked && !this.config.removalBlocked &&
       this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), this.showHardFixed && !this.config.hardFixed &&
       this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
   }

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-479e1293.js';
 import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
-import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
+import { C as ConfigStorage } from './ConfigStorage-1e758486.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
-import { C as ConfigStorage } from './ConfigStorage-fc4e3a42.js';
+import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { F as FilterType } from './filter-type.enum-f6a8fe23.js';
-import './form-config-fetcher-a1ccc944.js';
-import './DataFetcher-01ce1a4f.js';
+import './form-config-fetcher-eb03ac08.js';
+import './DataFetcher-2f7ba7ae.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
@@ -21,12 +21,6 @@ const SnkFilterModalItem = class {
     this.configName = undefined;
     this.resourceID = undefined;
   }
-  observeFilterItem(newValue) {
-    var _a, _b;
-    this._editor && (this._editor["config"] = newValue);
-    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a['reloadList']) === null || _b === void 0 ? void 0 : _b.call(_a);
-    this.filterChange.emit(newValue);
-  }
   getContentEditorConfig() {
     const props = { presentationMode: EPresentationMode.MODAL };
     switch (this.filterItem.type) {
@@ -61,6 +55,7 @@ const SnkFilterModalItem = class {
     return !this.filterItem.visible ? newValue !== undefined : true;
   }
   updateFilterValue(data) {
+    var _a, _b;
     const newValue = (data === null || data === void 0 ? void 0 : data.value) !== undefined ? data.value : data;
     if (this.filterItem.groupedItems != undefined) {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { visible: newValue > 0, value: newValue, groupedItems: data.items });
@@ -68,6 +63,9 @@ const SnkFilterModalItem = class {
     else {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === (FilterItemType.SEARCH || FilterItemType.CHECK_BOX_LIST) ? data : newValue, visible: this.isVisible(newValue) });
     }
+    this._editor && (this._editor["config"] = this.filterItem);
+    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a['reloadList']) === null || _b === void 0 ? void 0 : _b.call(_a);
+    this.filterChange.emit(this.filterItem);
   }
   handleDeleteFilter(filter, filterItemType) {
     if (filterItemType === FilterItemType.PERSONALIZED) {
@@ -97,12 +95,9 @@ const SnkFilterModalItem = class {
   }
   render() {
     const { tag: ContentEditor, props } = this.getContentEditorConfig();
-    return (h(Host, null, h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-title ez-title--small ez-title--primary grow" }, this.filterItem.detailModal))), h(ContentEditor, Object.assign({ ref: ref => this._editor = ref, config: this.filterItem, value: this.filterItem.value, onValueChanged: (event) => this.updateFilterValue(event.detail), "data-element-id": this._idContentEditor }, props)))));
+    return (h(Host, null, h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin-bottom--extra-small", htmlFor: `filter-item-${this.filterItem.id}` }, this.filterItem.detailModal)), h(ContentEditor, Object.assign({ ref: ref => this._editor = ref, id: `filter-item-${this.filterItem.id}`, config: this.filterItem, value: this.filterItem.value, onValueChanged: (event) => this.updateFilterValue(event.detail), "data-element-id": this._idContentEditor }, props)))));
   }
   get _element() { return getElement(this); }
-  static get watchers() { return {
-    "filterItem": ["observeFilterItem"]
-  }; }
 };
 SnkFilterModalItem.style = snkFilterModalItemCss;
 

package/dist/esm/snk-filter-multi-select.entry.js

@@ -8,21 +8,32 @@ const SnkFilterMultiSelect = class {
     this.valueChanged = createEvent(this, "valueChanged", 7);
     this.value = undefined;
     this.config = undefined;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-multi-select
    */
   ezChangeListener(evt) {
     var _a;
+    this.errorMessage = undefined;
     this.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value;
     this.valueChanged.emit(this.value);
   }
   /**
-   * Exibe o componente snk-filter-multi-select
+   * Define o foco no componente snk-filter-multi-select.
    */
-  async show() {
+  async setFocus() {
     this._comboElement.setFocus();
   }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    if (this._comboElement) {
+      this._comboElement.value = this.config.value;
+    }
+  }
   componentDidLoad() {
     if (this._element) {
       ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -32,7 +43,9 @@ const SnkFilterMultiSelect = class {
     if (!this.config || this.config.type !== FilterItemType.MULTI_SELECT) {
       return undefined;
     }
-    return (h("ez-combo-box", { id: this.config.id, ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options }));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-combo-box", { id: this.config.id, ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options, enabled: this.config.enabled, errorMessage: this.errorMessage, onEzVisibilityChange: (event) => {
+        event.stopPropagation();
+      } })));
   }
   get _element() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-479e1293.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
-import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
 import { F as FilterNumberVariation } from './filterNumberVariation-8cee02ea.js';
+import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
 
 const SnkFilterPeriod = class {
   constructor(hostRef) {
@@ -15,11 +15,13 @@ const SnkFilterPeriod = class {
     this.getMessage = undefined;
     this.value = undefined;
     this.presentationMode = EPresentationMode.CHIP;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-number
    */
   ezChangeListener(evt) {
+    this.errorMessage = undefined;
     if (this.getVariation() === FilterNumberVariation.INTERVAL) {
       const start = this._startInterval.value;
       const end = this._endInterval.value;
@@ -40,6 +42,35 @@ const SnkFilterPeriod = class {
     }
     this._numberElement.setFocus();
   }
+  /**
+   * Define o foco no componente snk-filter-number
+   */
+  async setFocus() {
+    if (this.getVariation() === FilterNumberVariation.INTERVAL) {
+      await this._startInterval.setFocus();
+      return;
+    }
+    await this._numberElement.setFocus();
+  }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    var _a, _b;
+    this.value = this.config.value;
+    if (this.getVariation() === FilterNumberVariation.INTERVAL) {
+      const intervalValue = this.config.value;
+      if (this._startInterval) {
+        this._startInterval.value = (_a = intervalValue === null || intervalValue === void 0 ? void 0 : intervalValue.start) !== null && _a !== void 0 ? _a : null;
+      }
+      if (this._endInterval) {
+        this._endInterval.value = (_b = intervalValue === null || intervalValue === void 0 ? void 0 : intervalValue.end) !== null && _b !== void 0 ? _b : null;
+      }
+    }
+    else if (this._numberElement) {
+      this._numberElement.value = this.config.value;
+    }
+  }
   getIntervalValue(prop) {
     const objValue = this.value ? this.value[prop] : null;
     return objValue !== null && objValue !== void 0 ? objValue : null;
@@ -71,9 +102,9 @@ const SnkFilterPeriod = class {
       return undefined;
     }
     if (this.getVariation() === FilterNumberVariation.INTERVAL) {
-      return (h("div", { class: "ez-col ez-col--nowrap" }, h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._startIntervalLabel, ref: ref => this._startInterval = ref, value: this.getIntervalValue("start"), precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }), this.buildLabel(), h("ez-number-input", { id: `${this.config.id}_end`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._endIntervalLabel, ref: ref => this._endInterval = ref, value: this.getIntervalValue("end"), precision: (_b = this.config.props) === null || _b === void 0 ? void 0 : _b.precision })));
+      return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("div", { class: "ez-col ez-col--nowrap" }, h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startIntervalLabel, ref: ref => this._startInterval = ref, value: this.getIntervalValue("start"), enabled: this.config.enabled, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision, errorMessage: this.errorMessage }), this.buildLabel(), h("ez-number-input", { id: `${this.config.id}_end`, label: this._endIntervalLabel, ref: ref => this._endInterval = ref, value: this.getIntervalValue("end"), enabled: this.config.enabled, precision: (_b = this.config.props) === null || _b === void 0 ? void 0 : _b.precision, errorMessage: this.errorMessage }))));
     }
-    return (h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision }));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision, enabled: this.config.enabled, errorMessage: this.errorMessage })));
   }
   get _element() { return getElement(this); }
 };

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

@@ -10,37 +10,77 @@ const SnkFilterPeriod = class {
     this._startDateLabel = 'Inicial';
     this._endDateLabel = 'Final';
     this._toLabel = 'até';
+    this.internalChange = {
+      start: false,
+      end: false
+    };
     this.config = undefined;
     this.getMessage = undefined;
-    this.value = undefined;
+    this.value = {
+      start: null,
+      end: null
+    };
     this.presentationMode = EPresentationMode.CHIP;
+    this.errorMessage = undefined;
+  }
+  configChanged(newValue, oldValue) {
+    if (this.internalChange.end) {
+      this.internalChange.end = false;
+      return;
+    }
+    if (this.internalChange.start) {
+      this.internalChange.start = false;
+      return;
+    }
+    if (newValue && (newValue.start !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.start) || newValue.end !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.end))) {
+      this.valueStart = this.parseDate(newValue.start);
+      this.valueEnd = this.parseDate(newValue.end);
+    }
+  }
+  ezChangeListener(event, field) {
+    this.errorMessage = undefined;
+    this.internalChange[field] = true;
+    this.value = Object.assign(Object.assign({}, (this.value || {})), { [field]: event.detail ? this.parseDate(event.detail) : null });
+    this.valueChanged.emit(this.value);
   }
   /**
-   * Emitido quando acontece a alteração de valor do componente snk-filter-period
+   * Define o foco no componente snk-filter-period.
    */
-  ezChangeListener() {
-    const start = this._startDate.value;
-    const end = this._endDate.value;
-    this.value = (start || end ? { start, end } : undefined);
-    this.valueChanged.emit(this.value);
+  async setFocus() {
+    this._startDate.setFocus();
+  }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    this.valueStart = this.getDate("start");
+    this.valueEnd = this.getDate("end");
   }
   componentDidLoad() {
     if (this._element) {
       ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
+      this._element.querySelectorAll('ez-date-input').forEach(input => {
+        const textInput = input.shadowRoot.querySelector('ez-text-input');
+        textInput.style.setProperty('--ez-text-input__min-width', '120px');
+      });
     }
   }
-  getDate(prop) {
-    const objValue = this.value ? this.value[prop] : null;
-    if (objValue instanceof Date) {
-      return objValue;
+  parseDate(date) {
+    if (date instanceof Date) {
+      return date;
     }
-    if (typeof objValue === "string") {
-      let date = new Date(objValue);
+    if (typeof date === "string") {
+      date = new Date(date);
       date.setMinutes(date.getMinutes() + date.getTimezoneOffset());
       return date;
     }
     return null;
   }
+  getDate(prop) {
+    const objValue = this.value ? this.value[prop] : null;
+    return this.parseDate(objValue);
+  }
   /**
    * Exibe o componente snk-filter-period
    */
@@ -58,14 +98,19 @@ const SnkFilterPeriod = class {
       this._endDateLabel = this.getMessage('snkFilterBar.labelEnd');
       this._toLabel = this.getMessage('snkFilterBar.labelTo');
     }
+    this.valueStart = this.getDate("start");
+    this.valueEnd = this.getDate("end");
   }
   render() {
     if (!this.config || this.config.type !== FilterItemType.PERIOD) {
       return undefined;
     }
-    return (h("div", { class: "ez-col ez-col--nowrap" }, h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, value: this.getDate("start") }), this.buildLabel(), h("ez-date-input", { id: `${this.config.id}_end`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._endDateLabel, ref: ref => this._endDate = ref, value: this.getDate("end") })));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("div", { class: "ez-col ez-col--nowrap" }, h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, enabled: this.config.enabled, value: this.valueStart, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'start') }), this.buildLabel(), h("ez-date-input", { id: `${this.config.id}_end`, label: this._endDateLabel, ref: ref => this._endDate = ref, enabled: this.config.enabled, value: this.valueEnd, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'end') }))));
   }
   get _element() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["configChanged"]
+  }; }
 };
 
 export { SnkFilterPeriod as snk_filter_period };

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

@@ -9,11 +9,13 @@ const SnkFilterSearch = class {
     this._isSearchPlus = false;
     this.config = undefined;
     this.value = undefined;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-search
    */
   async ezChangeListener(_evt) {
+    this.errorMessage = undefined;
     if (this._isSearchPlus) {
       this.value = await this._searchInput.getValueAsync();
     }
@@ -40,16 +42,25 @@ const SnkFilterSearch = class {
     });
   }
   /**
-   * Exibe o componente snk-filter-search
+   * Define o foco no componente snk-filter-search.
    */
-  async show() {
+  async setFocus() {
     this._searchInput.setFocus();
   }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    if (this._searchInput) {
+      this._searchInput.value = this.config.value;
+    }
+  }
   getInputItem() {
     var _a;
     this._isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
     const TagName = this._isSearchPlus ? "ez-search-plus" : "ez-search";
-    return (h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus) }));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, enabled: this.config.enabled, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus), errorMessage: this.errorMessage })));
   }
   render() {
     if (!this.config || this.config.type !== FilterItemType.SEARCH) {

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

@@ -7,14 +7,31 @@ const SnkFilterText = class {
     this.valueChanged = createEvent(this, "valueChanged", 7);
     this.config = undefined;
     this.value = undefined;
+    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-text.
    */
   ezChangeListener(evt) {
+    this.errorMessage = undefined;
     this.value = evt.detail;
     this.valueChanged.emit(this.value);
   }
+  /**
+   * Define o foco no componente snk-filter-text.
+   */
+  async setFocus() {
+    this._textInputElement.setFocus();
+  }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    if (this._textInputElement) {
+      this._textInputElement.value = this.config.value;
+    }
+  }
   componentDidLoad() {
     if (this._element) {
       ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -25,7 +42,7 @@ const SnkFilterText = class {
     if (!this.config) {
       return undefined;
     }
-    return (h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, cleanValueMask: true }));
+    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
   }
   get _element() { return getElement(this); }
 };

package/dist/esm/snk-form_2.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-479e1293.js';
 import { ElementIDUtils, ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-71dae34e.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-d7031fcb.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
 import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { b as buildGuides, a as buildGuidesMap, g as getFieldsToSave, u as updateTabInFieldsFromGroupList, c as buildNewGuideName } from './FormConfigHelper-4e42f0b6.js';
 import { a as TAB_NAMES, G as GROUP_NAMES } from './constants-7b422de0.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { U as UserConfigType } from './form-config-fetcher-a1ccc944.js';
-import './ConfigStorage-fc4e3a42.js';
-import './DataFetcher-01ce1a4f.js';
+import { U as UserConfigType } from './form-config-fetcher-eb03ac08.js';
+import './ConfigStorage-1e758486.js';
+import './DataFetcher-2f7ba7ae.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum-d45e026f.js';

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

@@ -1,25 +1,26 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-479e1293.js';
 import { KeyboardManager, Action, ElementIDUtils, ApplicationContext, StringUtils } from '@sankhyalabs/core';
-import { T as TaskbarElement } from './taskbar-elements-faaf5d8f.js';
-import { C as ConfigStorage } from './ConfigStorage-fc4e3a42.js';
-import { P as PresentationMode, E as ExporterStrategy } from './index-b40568ff.js';
-import { T as TaskbarProcessor } from './taskbar-processor-3436124c.js';
-import { s as store } from './index-446f9341.js';
-import { C as CommonsExporter, S as SnkMultiSelectionListDataSource, a as CrudUtils, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './ClientSideExporterProvider-21a99af1.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import './DataFetcher-01ce1a4f.js';
-import './ISave-d36bade4.js';
+import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
+import './DataFetcher-2f7ba7ae.js';
+import './ISave-4c9742c1.js';
+import { C as CommonsExporter, S as SnkMultiSelectionListDataSource, a as CrudUtils, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './SnkMultiSelectionListDataSource-eace25fd.js';
+import { P as PresentationMode, E as ExporterStrategy } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-14ba162b.js';
+import './dataunit-fetcher-1f7a73df.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-a1ccc944.js';
+import './form-config-fetcher-eb03ac08.js';
 import './constants-7b422de0.js';
+import { C as ConfigStorage } from './ConfigStorage-1e758486.js';
+import { s as store } from './index-446f9341.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';
-import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
-import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
-import './IFetchDataExporterParams-d73bed3d.js';
+import { v as validateFilters } from './filter-validate-d765d450.js';
+import { T as TaskbarElement } from './taskbar-elements-faaf5d8f.js';
+import { T as TaskbarProcessor } from './taskbar-processor-3436124c.js';
 import './PrintUtils-3e4ff0f5.js';
+import './IFetchDataExporterParams-d73bed3d.js';
+import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';
 import './ResourceIDUtils-a114189a.js';
@@ -113,6 +114,9 @@ const SnkGrid = class {
         if (action.type === Action.METADATA_LOADED) {
           return await this.interceptMetadataLoaded(action);
         }
+        if (action.type === Action.LOADING_DATA) {
+          return await this.interceptLoadData(action);
+        }
         return action;
       },
     };
@@ -157,6 +161,8 @@ const SnkGrid = class {
     this.suppressCheckboxColumn = undefined;
     this.suppressFilterColumn = false;
     this.compact = undefined;
+    this.filterCustomConfig = undefined;
+    this.filterCustomConfigInterceptor = undefined;
   }
   getGridHeaderSelectedBtns() {
     const btns = [
@@ -435,6 +441,17 @@ const SnkGrid = class {
     this.loadGridCustomFormatters(action.payload.fields);
     return action;
   }
+  async interceptLoadData(action) {
+    var _a;
+    const hasInvalidFilters = !validateFilters((_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig);
+    if (hasInvalidFilters) {
+      const errorTitle = this.messagesBuilder.getMessage("snkGrid.requiredFiltersNotFilled.title", {});
+      const errorMessage = this.messagesBuilder.getMessage("snkGrid.requiredFiltersNotFilled.message", {});
+      await this._application.error(errorTitle, errorMessage);
+      return;
+    }
+    return action;
+  }
   finishLoading() {
     this._dataUnit.addInterceptor(this.dataUnitInterceptor);
     CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
@@ -644,7 +661,7 @@ const SnkGrid = class {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? 'snk-grid-container__without-shadow ' : '') + 'snk-grid__table', "data-element-id": "embedded", dataUnit: this._dataUnit, key: 'grid-' + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => {
+      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, filterCustomConfig: this.filterCustomConfig, filterCustomConfigInterceptor: this.filterCustomConfigInterceptor }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? 'snk-grid-container__without-shadow ' : '') + 'snk-grid__table', "data-element-id": "embedded", dataUnit: this._dataUnit, key: 'grid-' + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => {
         this.gridConfigChangeHandler(evt);
       }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }

package/dist/esm/{snk-guides-viewer-f800c9aa.js → snk-guides-viewer-e716659f.js}

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-479e1293.js';
 import { ObjectUtils, StringUtils, Action, KeyboardManager, ElementIDUtils } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-71dae34e.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-d7031fcb.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { T as TaskbarProcessor } from './taskbar-processor-3436124c.js';
 import { T as TaskbarElement } from './taskbar-elements-faaf5d8f.js';
 import { V as VIEW_MODE } from './constants-7b422de0.js';
-import './DataFetcher-01ce1a4f.js';
-import './ISave-d36bade4.js';
+import './DataFetcher-2f7ba7ae.js';
+import './ISave-4c9742c1.js';
 import { P as PresentationMode } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-14ba162b.js';
+import './dataunit-fetcher-1f7a73df.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-a1ccc944.js';
+import './form-config-fetcher-eb03ac08.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { buildFieldSearch, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';