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

package/dist/collection/components/snk-entity-list/snk-entity-list.js

@@ -1,5 +1,5 @@
-import { h, Host } from "@stencil/core";
 import { ApplicationContext, ObjectUtils } from "@sankhyalabs/core";
+import { h, Host } from "@stencil/core";
 export class SnkEntityList {
   constructor() {
     this._ezListSource = [];
@@ -7,6 +7,7 @@ export class SnkEntityList {
     this.rightListSlotBuilder = undefined;
     this.maxHeightList = "";
     this.value = undefined;
+    this.errorMessage = undefined;
   }
   async reloadList() {
     this.loadListSource();
@@ -17,6 +18,7 @@ export class SnkEntityList {
   }
   ezListChangeListener(evt) {
     var _a, _b;
+    this.errorMessage = undefined;
     const configCopy = ObjectUtils.copy(this.config);
     (_a = (this.getListConfigValue(configCopy))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
       var _a, _b;
@@ -69,7 +71,11 @@ export class SnkEntityList {
   onEzSearchChange(evt) {
     var _a, _b, _c, _d;
     const newValueIsEmpty = ObjectUtils.isEmptySafetyCheck(evt.detail);
-    const hasConfingOnList = (_a = this.getListConfigValue(this.config)) === null || _a === void 0 ? void 0 : _a.find((i) => { var _a; return (i === null || i === void 0 ? void 0 : i.id) === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); });
+    const hasConfingOnList = (_a = this.getListConfigValue(this.config)) === null || _a === void 0 ? void 0 : _a.find((item) => {
+      var _a;
+      const itemId = typeof item.id === 'number' ? String(item.id) : item.id;
+      return itemId === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value);
+    });
     if (newValueIsEmpty || hasConfingOnList) {
       return;
     }
@@ -94,10 +100,11 @@ export class SnkEntityList {
     return (_d = (_b = (_a = config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : (_c = config === null || config === void 0 ? void 0 : config.value) === null || _c === void 0 ? void 0 : _c.members) !== null && _d !== void 0 ? _d : config === null || config === void 0 ? void 0 : config.value;
   }
   render() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
     const TagName = isSearchPlus ? "ez-search-plus" : "ez-search";
-    return (h(Host, null, h(TagName, { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), label: (_b = this.config) === null || _b === void 0 ? void 0 : _b.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true, stopPropagateEnterKeyEvent: true }), ((_c = this._ezListSource) === null || _c === void 0 ? void 0 : _c.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
+    return (h(Host, null, h("ez-tooltip", { active: !this.config.enabled, message: this.config.disabledMessage, type: 'warning' }, h(TagName, { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), label: (_b = this.config) === null || _b === void 0 ? void 0 : _b.label, enabled: (_c = this.config) === null || _c === void 0 ? void 0 : _c.enabled, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true, stopPropagateEnterKeyEvent: true }), ((_d = this._ezListSource) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", enabled: (_e = this.config) === null || _e === void 0 ? void 0 : _e.enabled, listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) })), this.errorMessage &&
+      h("span", { class: 'ez-text ez-text--small ez-text--error ez-margin-horizontal--medium' }, this.errorMessage))));
   }
   static get is() { return "snk-entity-list"; }
   static get encapsulation() { return "scoped"; }
@@ -197,6 +204,23 @@ export class SnkEntityList {
           "tags": [],
           "text": "Define o valor do componente"
         }
+      },
+      "errorMessage": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para exibir mensagens de erro."
+        },
+        "attribute": "error-message",
+        "reflect": true
       }
     };
   }

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.js

@@ -9,6 +9,7 @@ export class SnkFilterBinarySelect {
     this.value = undefined;
     this.config = undefined;
     this.presentationMode = EPresentationMode.CHIP;
+    this.errorMessage = undefined;
   }
   isSelected(option) {
     return this.value == undefined || this.value === option;
@@ -17,6 +18,7 @@ export class SnkFilterBinarySelect {
    * 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);
@@ -33,6 +35,23 @@ export class SnkFilterBinarySelect {
   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;
@@ -74,9 +93,11 @@ export class SnkFilterBinarySelect {
     }
     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))));
   }
   static get is() { return "snk-filter-binary-select"; }
   static get properties() {
@@ -140,6 +161,23 @@ export class SnkFilterBinarySelect {
         "attribute": "presentation-mode",
         "reflect": false,
         "defaultValue": "EPresentationMode.CHIP"
+      },
+      "errorMessage": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para exibir mensagens de erro."
+        },
+        "attribute": "error-message",
+        "reflect": true
       }
     };
   }
@@ -181,6 +219,38 @@ export class SnkFilterBinarySelect {
           "text": "Redefine os valores padr\u00E3o do componente.",
           "tags": []
         }
+      },
+      "clearValue": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Limpa o valor do componente restaurando o valor original da configura\u00E7\u00E3o.",
+          "tags": []
+        }
+      },
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Define o foco no componente snk-filter-binary-select.",
+          "tags": []
+        }
       }
     };
   }

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-checkbox-list.js

@@ -4,8 +4,24 @@ import FilterItemType from '../filter-item-type.enum';
 export class SnkFilterCheckboxList {
   constructor() {
     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');
@@ -13,13 +29,14 @@ export class SnkFilterCheckboxList {
   }
   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;
@@ -37,7 +54,8 @@ export class SnkFilterCheckboxList {
     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))));
   }
   static get is() { return "snk-filter-checkbox-list"; }
   static get properties() {
@@ -61,6 +79,23 @@ export class SnkFilterCheckboxList {
           "tags": [],
           "text": "Define as configura\u00E7\u00F5es do componente snk-filter-multi-select"
         }
+      },
+      "errorMessage": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para exibir mensagens de erro."
+        },
+        "attribute": "error-message",
+        "reflect": true
       }
     };
   }
@@ -91,5 +126,41 @@ export class SnkFilterCheckboxList {
         }
       }];
   }
+  static get methods() {
+    return {
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Define o foco no componente snk-filter-checkbox-list.",
+          "tags": []
+        }
+      },
+      "clearValue": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Limpa o valor do componente restaurando o valor original da configura\u00E7\u00E3o.",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "_element"; }
 }

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select.js

@@ -5,21 +5,32 @@ export class SnkFilterMultiSelect {
   constructor() {
     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');
@@ -29,7 +40,9 @@ export class SnkFilterMultiSelect {
     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();
+      } })));
   }
   static get is() { return "snk-filter-multi-select"; }
   static get properties() {
@@ -70,6 +83,23 @@ export class SnkFilterMultiSelect {
           "tags": [],
           "text": "Define as configura\u00E7\u00F5es do componente snk-filter-multi-select"
         }
+      },
+      "errorMessage": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para exibir mensagens de erro."
+        },
+        "attribute": "error-message",
+        "reflect": true
       }
     };
   }
@@ -93,7 +123,23 @@ export class SnkFilterMultiSelect {
   }
   static get methods() {
     return {
-      "show": {
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Define o foco no componente snk-filter-multi-select.",
+          "tags": []
+        }
+      },
+      "clearValue": {
         "complexType": {
           "signature": "() => Promise<void>",
           "parameters": [],
@@ -105,7 +151,7 @@ export class SnkFilterMultiSelect {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Exibe o componente snk-filter-multi-select",
+          "text": "Limpa o valor do componente restaurando o valor original da configura\u00E7\u00E3o.",
           "tags": []
         }
       }

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-number.js

@@ -1,8 +1,8 @@
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
 import FilterItemType from '../filter-item-type.enum';
-import { EPresentationMode } from './enum/presentationMode';
 import { FilterNumberVariation } from './enum/filterNumberVariation';
+import { EPresentationMode } from './enum/presentationMode';
 export class SnkFilterPeriod {
   constructor() {
     this._startIntervalLabel = 'Inicial';
@@ -12,11 +12,13 @@ export class SnkFilterPeriod {
     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;
@@ -37,6 +39,35 @@ export class SnkFilterPeriod {
     }
     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;
@@ -68,9 +99,9 @@ export class SnkFilterPeriod {
       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 })));
   }
   static get is() { return "snk-filter-number"; }
   static get properties() {
@@ -153,6 +184,23 @@ export class SnkFilterPeriod {
         "attribute": "presentation-mode",
         "reflect": false,
         "defaultValue": "EPresentationMode.CHIP"
+      },
+      "errorMessage": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para exibir mensagens de erro."
+        },
+        "attribute": "error-message",
+        "reflect": true
       }
     };
   }
@@ -195,6 +243,38 @@ export class SnkFilterPeriod {
           "text": "Exibe o componente snk-filter-number",
           "tags": []
         }
+      },
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Define o foco no componente snk-filter-number",
+          "tags": []
+        }
+      },
+      "clearValue": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Limpa o valor do componente restaurando o valor original da configura\u00E7\u00E3o.",
+          "tags": []
+        }
       }
     };
   }