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

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

@@ -12,6 +12,7 @@ const SnkFilterBinarySelect = class {
     this.value = undefined;
     this.config = undefined;
     this.presentationMode = EPresentationMode.CHIP;
+    this.errorMessage = undefined;
   }
   isSelected(option) {
     return this.value == undefined || this.value === option;
@@ -20,6 +21,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 === EPresentationMode.MODAL) {
       if (!evt.detail) {
         this.assertCheckedOption(evt.target);
@@ -36,6 +38,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 === EPresentationMode.MODAL) {
+      this._checkOne.setFocus();
+      return;
+    }
+    this._element.querySelector('ez-radio-button').focus();
+  }
   assertCheckedOption(updatingCheck) {
     if (updatingCheck === this._checkOne) {
       this._checkTwo.value = true;
@@ -77,9 +96,11 @@ const SnkFilterBinarySelect = class {
     }
     const [optOne, optTwo] = this.config.props.options;
     if (this.presentationMode === EPresentationMode.MODAL) {
-      return (h(Host, null, h("div", { class: "ez-row ez-size-height--full" }, 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), h("div", { class: "ez-col ez-col--sd-4" }, 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) })), h("div", { class: "ez-col ez-col--sd-4" }, 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 (h(Host, null, h("div", { class: "ez-row ez-size-height--full" }, 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), h("div", { class: "ez-col ez-col--sd-4" }, 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) })), h("div", { class: "ez-col ez-col--sd-4" }, 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 &&
+        h("span", { class: 'ez-text ez-text--small ez-text--error ez-margin--small' }, this.errorMessage))));
     }
-    return (h(Host, null, h("ez-radio-button", { value: this._radioButtonValue }, 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 }), 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 }), 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 (h(Host, null, h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-radio-button", { value: this._radioButtonValue }, 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 }), 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 }), 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 &&
+      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-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-22eace3a.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
-import { C as ConfigStorage } from './ConfigStorage-b5a1dba3.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-6ab4e805.js';
-import './DataFetcher-6f6de657.js';
+import './form-config-fetcher-bc6f0f1f.js';
+import './DataFetcher-f6b2961a.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-34fc1dc7.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-968b97e7.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-6ab4e805.js';
-import './ConfigStorage-b5a1dba3.js';
-import './DataFetcher-6f6de657.js';
+import { U as UserConfigType } from './form-config-fetcher-bc6f0f1f.js';
+import './ConfigStorage-22eace3a.js';
+import './DataFetcher-f6b2961a.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './filter-item-type.enum-d45e026f.js';
@@ -34,18 +34,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) {
@@ -58,10 +66,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();
   }