@sankhyalabs/sankhyablocks 9.2.0-dev.2 → 9.2.0-dev.20

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

@@ -16,6 +16,7 @@ const SnkFilterBinarySelect = class {
     this.value = undefined;
     this.config = undefined;
     this.presentationMode = presentationMode.EPresentationMode.CHIP;
+    this.errorMessage = undefined;
   }
   isSelected(option) {
     return this.value == undefined || this.value === option;
@@ -24,6 +25,7 @@ const SnkFilterBinarySelect = class {
    * Emitido quando acontece a alteração de valor do componente snk-filter-binary-select
    */
   ezChangeListener(evt) {
+    this.errorMessage = undefined;
     if (this.presentationMode === presentationMode.EPresentationMode.MODAL) {
       if (!evt.detail) {
         this.assertCheckedOption(evt.target);
@@ -40,6 +42,23 @@ const SnkFilterBinarySelect = class {
   async resetValues() {
     this.ezChangeListener({ detail: this._noOptionValue });
   }
+  /**
+   * Limpa o valor do componente restaurando o valor original da configuração.
+   */
+  async clearValue() {
+    this.value = this.config.value;
+    this._radioButtonValue = this.value || this._noOptionValue;
+  }
+  /**
+   * Define o foco no componente snk-filter-binary-select.
+   */
+  async setFocus() {
+    if (this.presentationMode === presentationMode.EPresentationMode.MODAL) {
+      this._checkOne.setFocus();
+      return;
+    }
+    this._element.querySelector('ez-radio-button').focus();
+  }
   assertCheckedOption(updatingCheck) {
     if (updatingCheck === this._checkOne) {
       this._checkTwo.value = true;
@@ -81,9 +100,11 @@ const SnkFilterBinarySelect = class {
     }
     const [optOne, optTwo] = this.config.props.options;
     if (this.presentationMode === presentationMode.EPresentationMode.MODAL) {
-      return (index.h(index.Host, null, index.h("div", { class: "ez-row ez-size-height--full" }, index.h("label", { class: "ez-text ez-title--small ez-title--primary ez-size-height--full ez-flex ez-flex--row ez-flex--align-items-center ez-col ez-col--sd-4" }, this.config.detailModal), index.h("div", { class: "ez-col ez-col--sd-4" }, index.h("ez-check", { ref: (ref) => this._checkOne = ref, id: `${this.config.id}_${optOne.name || "option1"}`, class: "sc-snk-filter-bar editor__ez-check", label: optOne.label, value: this.isSelected(optOne.name) })), index.h("div", { class: "ez-col ez-col--sd-4" }, index.h("ez-check", { ref: (ref) => this._checkTwo = ref, id: `${this.config.id}_${optTwo.name || "option2"}`, class: "sc-snk-filter-bar editor__ez-check", label: optTwo.label, value: this.isSelected(optTwo.name) })))));
+      return (index.h(index.Host, null, index.h("div", { class: "ez-row ez-size-height--full" }, index.h("label", { class: "ez-text ez-title--small ez-title--primary ez-size-height--full ez-flex ez-flex--row ez-flex--align-items-center ez-col ez-col--sd-4" }, this.config.detailModal), index.h("div", { class: "ez-col ez-col--sd-4" }, index.h("ez-check", { ref: (ref) => this._checkOne = ref, id: `${this.config.id}_${optOne.name || "option1"}`, class: "sc-snk-filter-bar editor__ez-check", label: optOne.label, enabled: this.config.enabled, value: this.isSelected(optOne.name) })), index.h("div", { class: "ez-col ez-col--sd-4" }, index.h("ez-check", { ref: (ref) => this._checkTwo = ref, id: `${this.config.id}_${optTwo.name || "option2"}`, class: "sc-snk-filter-bar editor__ez-check", label: optTwo.label, enabled: this.config.enabled, value: this.isSelected(optTwo.name) })), this.errorMessage &&
+        index.h("span", { class: 'ez-text ez-text--small ez-text--error ez-margin--small' }, this.errorMessage))));
     }
-    return (index.h(index.Host, null, index.h("ez-radio-button", { value: this._radioButtonValue }, index.h("ez-radio-button-option", { id: `${this.config.id}_${optOne.name || "option1"}`, class: "sc-snk-filter-bar editor__ez-check", label: optOne.label, value: optOne.name }), index.h("ez-radio-button-option", { id: `${this.config.id}_${optTwo.name || "option2"}`, class: "sc-snk-filter-bar editor__ez-check", label: optTwo.label, value: optTwo.name }), index.h("ez-radio-button-option", { id: `${this.config.id}_option3`, class: "sc-snk-filter-bar editor__ez-check", label: `${optOne.label} + ${optTwo.label}`, value: this._noOptionValue }))));
+    return (index.h(index.Host, null, index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("ez-radio-button", { value: this._radioButtonValue }, index.h("ez-radio-button-option", { id: `${this.config.id}_${optOne.name || "option1"}`, class: "sc-snk-filter-bar editor__ez-check", label: optOne.label, value: optOne.name }), index.h("ez-radio-button-option", { id: `${this.config.id}_${optTwo.name || "option2"}`, class: "sc-snk-filter-bar editor__ez-check", label: optTwo.label, value: optTwo.name }), index.h("ez-radio-button-option", { id: `${this.config.id}_option3`, class: "sc-snk-filter-bar editor__ez-check", label: `${optOne.label} + ${optTwo.label}`, value: this._noOptionValue })), this.errorMessage &&
+      index.h("span", { class: 'ez-text ez-text--small ez-text--error ez-margin--small' }, this.errorMessage))));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -11,8 +11,24 @@ const SnkFilterCheckboxList = class {
     index.registerInstance(this, hostRef);
     this.valueChanged = index.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) {
       core.ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -20,13 +36,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 => (index.h("ez-check", { label: option.label, onEzChange: (event) => this.handleToggleCheck(option, event.detail), value: !!this.isChecked(option.name) })));
+    return this.optionsList.map(option => (index.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;
@@ -44,7 +61,8 @@ const SnkFilterCheckboxList = class {
     if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.CHECK_BOX_LIST) {
       return undefined;
     }
-    return (index.h("div", { class: 'ez-flex ez-flex--column' }, this.renderOptions()));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: 'ez-flex ez-flex--column' }, this.renderOptions(), this.errorMessage &&
+      index.h("span", { class: 'ez-text ez-text--small ez-text--error ez-margin--small' }, this.errorMessage))));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
-const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const core = require('@sankhyalabs/core');
-const presentationMode = require('./presentationMode-52ec3bdd.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-7259cf65.js');
+const presentationMode = require('./presentationMode-52ec3bdd.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 require('./index-62760a9c.js');
 
 const SnkFilterDetail = class {
@@ -17,13 +17,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;
@@ -95,7 +112,7 @@ const SnkFilterDetail = class {
     return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
   }
   getPopUpHeaderButtons() {
-    return (index.h(index.Fragment, null, !this.config.removalBlocked &&
+    return (index.h(index.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/cjs/snk-filter-modal-item.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
+const ConfigStorage = require('./ConfigStorage-8b6def32.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const ConfigStorage = require('./ConfigStorage-1931defc.js');
+const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const filterType_enum = require('./filter-type.enum-2bb46d2a.js');
-require('./form-config-fetcher-f6e66d64.js');
-require('./DataFetcher-ad9fb3bb.js');
+require('./form-config-fetcher-dee08eb4.js');
+require('./DataFetcher-2c37b6a1.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
@@ -25,12 +25,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: presentationMode.EPresentationMode.MODAL };
     switch (this.filterItem.type) {
@@ -65,6 +59,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 });
@@ -72,6 +67,9 @@ const SnkFilterModalItem = class {
     else {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === (filterItemType_enum.FilterItemType.SEARCH || filterItemType_enum.FilterItemType.CHECK_BOX_LIST) ? data : newValue, visible: this.isVisible(newValue) });
     }
+    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_enum.FilterItemType.PERSONALIZED) {
@@ -101,12 +99,9 @@ const SnkFilterModalItem = class {
   }
   render() {
     const { tag: ContentEditor, props } = this.getContentEditorConfig();
-    return (index.h(index.Host, null, index.h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-title ez-title--small ez-title--primary grow" }, this.filterItem.detailModal))), index.h(ContentEditor, Object.assign({ 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 (index.h(index.Host, null, index.h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (index.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)), index.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 index.getElement(this); }
-  static get watchers() { return {
-    "filterItem": ["observeFilterItem"]
-  }; }
 };
 SnkFilterModalItem.style = snkFilterModalItemCss;
 

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

@@ -12,21 +12,32 @@ const SnkFilterMultiSelect = class {
     this.valueChanged = index.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) {
       core.ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -36,7 +47,9 @@ const SnkFilterMultiSelect = class {
     if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.MULTI_SELECT) {
       return undefined;
     }
-    return (index.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 (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.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 index.getElement(this); }
 };

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
-const presentationMode = require('./presentationMode-52ec3bdd.js');
 const filterNumberVariation = require('./filterNumberVariation-d65332da.js');
+const presentationMode = require('./presentationMode-52ec3bdd.js');
 
 const SnkFilterPeriod = class {
   constructor(hostRef) {
@@ -19,11 +19,13 @@ const SnkFilterPeriod = class {
     this.getMessage = undefined;
     this.value = undefined;
     this.presentationMode = 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.FilterNumberVariation.INTERVAL) {
       const start = this._startInterval.value;
       const end = this._endInterval.value;
@@ -44,6 +46,35 @@ const SnkFilterPeriod = class {
     }
     this._numberElement.setFocus();
   }
+  /**
+   * Define o foco no componente snk-filter-number
+   */
+  async setFocus() {
+    if (this.getVariation() === filterNumberVariation.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.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;
@@ -75,9 +106,9 @@ const SnkFilterPeriod = class {
       return undefined;
     }
     if (this.getVariation() === filterNumberVariation.FilterNumberVariation.INTERVAL) {
-      return (index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === 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(), index.h("ez-number-input", { id: `${this.config.id}_end`, class: this.presentationMode === 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 (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === 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(), index.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 (index.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 (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.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 index.getElement(this); }
 };

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

@@ -14,37 +14,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 = 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) {
       core.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
    */
@@ -62,14 +102,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_enum.FilterItemType.PERIOD) {
       return undefined;
     }
-    return (index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, value: this.getDate("start") }), this.buildLabel(), index.h("ez-date-input", { id: `${this.config.id}_end`, class: this.presentationMode === presentationMode.EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._endDateLabel, ref: ref => this._endDate = ref, value: this.getDate("end") })));
+    return (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.h("div", { class: "ez-col ez-col--nowrap" }, index.h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === 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(), index.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 index.getElement(this); }
+  static get watchers() { return {
+    "value": ["configChanged"]
+  }; }
 };
 
 exports.snk_filter_period = SnkFilterPeriod;

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

@@ -13,11 +13,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();
     }
@@ -44,16 +46,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 (index.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 (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.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_enum.FilterItemType.SEARCH) {

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

@@ -11,14 +11,31 @@ const SnkFilterText = class {
     this.valueChanged = index.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) {
       core.ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -29,7 +46,7 @@ const SnkFilterText = class {
     if (!this.config) {
       return undefined;
     }
-    return (index.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 (index.h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, index.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 index.getElement(this); }
 };

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

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-65e5288e.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-477a27de.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const FormConfigHelper = require('./FormConfigHelper-ebb77625.js');
 const constants = require('./constants-6d82e405.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const formConfigFetcher = require('./form-config-fetcher-f6e66d64.js');
-require('./ConfigStorage-1931defc.js');
-require('./DataFetcher-ad9fb3bb.js');
+const formConfigFetcher = require('./form-config-fetcher-dee08eb4.js');
+require('./ConfigStorage-8b6def32.js');
+require('./DataFetcher-2c37b6a1.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
@@ -38,18 +38,26 @@ const SnkForm = class {
   }
   /**
    * Exibe a janela de configurações do formulário.
+   * @async
+   * @returns {Promise<void>}
    */
   async showConfig() {
     this._showFormConfig = true;
   }
   /**
    * Fecha a janela de configurações do formulário.
+   * @async
+   * @returns {Promise<void>}
    */
   async hideConfig() {
     this._showFormConfig = false;
   }
   /**
-   * Registra um editor customizado para campos da grade e formulário.
+   * Registra um editor customizado para campos do formulário.
+   * @async
+   * @param {string} fieldName - Nome do campo.
+   * @param {ICustomEditor} customEditor - Editor customizado.
+   * @returns {Promise<void>}
    */
   async addCustomEditor(fieldName, customEditor) {
     if (this._form) {
@@ -62,10 +70,28 @@ const SnkForm = class {
   }
   /**
    * Altera/adiciona uma propriedade nos metadados do campo.
+   * @async
+   * @param {string} fieldName - Nome do campo.
+   * @param {string} propName - Nome da propriedade.
+   * @param {any} value - Valor da propriedade.
+   * @returns {Promise<void>}
    */
   async setFieldProp(fieldName, propName, value) {
     await this._form.setFieldProp(fieldName, propName, value);
   }
+  /**
+   * Valida o formulário.
+   * @async
+   * @returns {Promise<void>}
+   * @description
+   * Este método executa a validação do formulário, verificando se todos os campos estão
+   * preenchidos corretamente de acordo com as regras definidas.
+   * Se a validação falhar, uma exceção será lançada com os detalhes dos erros encontrados.
+   * Caso contrário, o método será resolvido sem erros.
+   */
+  async validate() {
+    await this._form.validate();
+  }
   closeConfig() {
     this.hideConfig();
   }