@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-85772.0 → 0.0.0-bugfix-dev-KB-87769.0

package/dist/collection/components/ez-check/ez-check.js

@@ -4,6 +4,7 @@ import { CheckMode } from './CheckMode';
 export class EzCheck {
   constructor() {
     this.label = undefined;
+    this.alternativePlaceholder = undefined;
     this.value = undefined;
     this.enabled = true;
     this.indeterminate = undefined;
@@ -55,25 +56,32 @@ export class EzCheck {
     this.ezChange.emit(this.value);
   }
   getLabelClasses() {
-    const classes = ["label"];
+    const classes = ['label'];
     if (!this.enabled) {
-      classes.push("label--disabled");
+      classes.push('label--disabled');
     }
     if (!this.compact) {
-      classes.push("label--padding");
+      classes.push('label--padding');
     }
-    return classes.join(" ");
+    return classes.join(' ');
   }
   getInputClasses() {
     var _a;
-    const classes = [""];
-    classes.push(((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH ? "switch-mode" : "regular-mode");
+    const classes = [''];
+    classes.push(((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH ? 'switch-mode' : 'regular-mode');
     if (this.compact)
-      classes.push("compact");
-    return classes.join(" ");
+      classes.push('compact');
+    return classes.join(' ');
   }
   render() {
-    return (h(Host, null, h("input", { type: "checkbox", ref: (el) => this._inputElem = el, class: this.getInputClasses(), checked: this.value === true, onChange: () => { this.changeValue(); }, indeterminate: this.indeterminate, disabled: !this.enabled, "data-element-id": ElementIDUtils.getInternalIDInfo("input") }), this.label ? h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
+    return (h(Host, null, h("input", { type: "checkbox", ref: (el) => this._inputElem = el, class: this.getInputClasses(), checked: this.value === true, onChange: () => {
+        this.changeValue();
+      }, indeterminate: this.indeterminate, disabled: !this.enabled, "data-element-id": ElementIDUtils.getInternalIDInfo('input') }), this.renderLabel()));
+  }
+  renderLabel() {
+    if (!this.label)
+      return undefined;
+    return (h("label", { class: this.getLabelClasses(), onClick: () => this.changeValue(), title: this.label }, this.label, " ", this.alternativePlaceholder ? h("span", { class: "label-alternative" }, this.alternativePlaceholder) : undefined));
   }
   static get is() { return "ez-check"; }
   static get encapsulation() { return "shadow"; }
@@ -106,6 +114,23 @@ export class EzCheck {
         "attribute": "label",
         "reflect": true
       },
+      "alternativePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto alternativo a ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "alternative-placeholder",
+        "reflect": true
+      },
       "value": {
         "type": "boolean",
         "mutable": true,

package/dist/collection/components/ez-combo-box/ez-combo-box.js

@@ -33,6 +33,7 @@ export class EzComboBox {
     this.listOptionsPosition = undefined;
     this.isTextSearch = false;
     this.autoFocus = false;
+    this.alternativePlaceholder = undefined;
   }
   observeErrorMessage() {
     var _a;
@@ -437,7 +438,7 @@ export class EzComboBox {
   render() {
     var _a;
     ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: `text-input-slot-container ${this.suppressSearch ? "suppressed-search-input" : ""}`, ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onClick: () => this.onTextInputClickHandler(), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "chevron-down" }))), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', onEzVisibilityChange: event => this.isOpen = event.detail }, h("ez-combo-box-list", { ref: ref => this._comboBoxList = ref, showLoading: this._showLoading, visibleOptions: this._visibleOptions, textEmptyList: this._textEmptyList, showOptionValue: this.showOptionValue, preSelection: this._preSelection, maxWidth: this._maxWidthValue, width: (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.clientWidth, onOptionSelect: (opt) => this.selectOption(opt), onOptionHover: (index) => this._preSelection = index }))));
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: `text-input-slot-container ${this.suppressSearch ? "suppressed-search-input" : ""}`, ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onClick: () => this.onTextInputClickHandler(), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode, alternativePlaceholder: this.alternativePlaceholder }, h("button", { class: "btn", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "chevron-down" }))), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', onEzVisibilityChange: event => this.isOpen = event.detail }, h("ez-combo-box-list", { ref: ref => this._comboBoxList = ref, showLoading: this._showLoading, visibleOptions: this._visibleOptions, textEmptyList: this._textEmptyList, showOptionValue: this.showOptionValue, preSelection: this._preSelection, maxWidth: this._maxWidthValue, width: (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.clientWidth, onOptionSelect: (opt) => this.selectOption(opt), onOptionHover: (index) => this._preSelection = index }))));
   }
   static get is() { return "ez-combo-box"; }
   static get encapsulation() { return "shadow"; }
@@ -792,6 +793,23 @@ export class EzComboBox {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "alternativePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto alternativo a ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "alternative-placeholder",
+        "reflect": true
       }
     };
   }

package/dist/collection/components/ez-date-input/ez-date-input.js

@@ -13,6 +13,7 @@ export class EzDateInput {
     this.mode = "regular";
     this.canShowError = true;
     this.autoFocus = false;
+    this.alternativePlaceholder = undefined;
   }
   observeLabel() {
     if (this._textInput) {
@@ -163,7 +164,7 @@ export class EzDateInput {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, slot: "leftIcon" })), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none' }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); } }))));
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, slot: "leftIcon" })), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none' }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); } }))));
   }
   static get is() { return "ez-date-input"; }
   static get encapsulation() { return "shadow"; }
@@ -303,6 +304,23 @@ export class EzDateInput {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "alternativePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto alternativo ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "alternative-placeholder",
+        "reflect": true
       }
     };
   }

package/dist/collection/components/ez-date-time-input/ez-date-time-input.js

@@ -14,6 +14,7 @@ export class EzDateTimeInput {
     this.mode = "regular";
     this.canShowError = true;
     this.autoFocus = false;
+    this.alternativePlaceholder = undefined;
   }
   observeLabel() {
     if (this._textInput) {
@@ -214,7 +215,7 @@ export class EzDateTimeInput {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, onKeyDown: event => { this.handleKeyDown(event); }, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), onFocus: () => this.handleFocus(), onClick: () => this.handleClick(), canShowError: this.canShowError }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, slot: "leftIcon" })), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none' }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, time: true, showSeconds: this.showSeconds }))));
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, onKeyDown: event => { this.handleKeyDown(event); }, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), onFocus: () => this.handleFocus(), onClick: () => this.handleClick(), canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, slot: "leftIcon" })), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none' }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, time: true, showSeconds: this.showSeconds }))));
   }
   static get is() { return "ez-date-time-input"; }
   static get encapsulation() { return "shadow"; }
@@ -372,6 +373,23 @@ export class EzDateTimeInput {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "alternativePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto alternativo ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "alternative-placeholder",
+        "reflect": true
       }
     };
   }

package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -31,7 +31,8 @@ export default class AgGridController {
   }
   showFilterColumn(configs) {
     var _a;
-    (_a = this._filterColumn) === null || _a === void 0 ? void 0 : _a.show(configs);
+    const presentationMetadata = this.resolveDescriptionColMetadata(configs.columnName);
+    (_a = this._filterColumn) === null || _a === void 0 ? void 0 : _a.show(Object.assign(Object.assign({}, configs), { fieldDescriptor: presentationMetadata }));
   }
   constructor(_enterprise) {
     this.DEFAULT_ROW_HEIGHT = 30;
@@ -87,10 +88,15 @@ export default class AgGridController {
       return;
     }
     return Array.from(this._filteredColumns.entries())
-      .map(([column, items]) => {
+      .map(([col, items]) => {
       var _a;
       const checkedOptions = items.filter(option => option.check);
       if (checkedOptions.length > 0) {
+        let column = col;
+        const presentationFrom = this.getCodeColFromDescriptionCol(col);
+        if (!StringUtils.isEmpty(presentationFrom)) {
+          column = presentationFrom;
+        }
         const fieldDescriptor = this._dataUnit.getField(column);
         const dataType = (_a = fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.dataType) !== null && _a !== void 0 ? _a : DataType.TEXT;
         let placeholders = '';
@@ -284,6 +290,23 @@ export default class AgGridController {
       action: () => this.showFilterColumn({ columnName, columnLabel, leftPosition: this._filterColumnleftPosition, filteredOptions: this._filteredColumns.get(columnName) }),
     };
   }
+  resolveDescriptionColMetadata(columnName) {
+    var _a;
+    const colDef = (_a = this._gridOptions.columnApi.getColumn(columnName)) === null || _a === void 0 ? void 0 : _a.getColDef();
+    const presentationFrom = this.getCodeColFromDescriptionCol(columnName);
+    if (!StringUtils.isEmpty(presentationFrom)) {
+      return {
+        label: colDef.headerName,
+        name: columnName,
+        userInterface: UserInterface.SHORTTEXT,
+        dataType: DataType.TEXT,
+        properties: {
+          [PRESENTATION_FROM_COL_PROP_NAME]: presentationFrom
+        }
+      };
+    }
+    return undefined;
+  }
   buildMenuItemOptionPin(params) {
     const { column, columnApi } = params;
     const isPinned = params.column.isPinned();
@@ -610,7 +633,7 @@ export default class AgGridController {
   }
   syncSelectWithDataUnit() {
     const rowNode = this._gridOptions.api.getRowNode(this._dataUnit.getSelectedRecord().__record__id__);
-    if ((rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex) < 0)
+    if (!rowNode || (rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex) < 0)
       return;
     const rowRange = this._gridOptions.api.getCellRanges().find(row => row.startRow.rowIndex === rowNode.rowIndex);
     if ((rowRange === null || rowRange === void 0 ? void 0 : rowRange.columns.length) > 0) {
@@ -881,7 +904,7 @@ export default class AgGridController {
     return filterOptions.map(item => item.check).includes(true);
   }
   buildColDef(source) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     let tooltip = undefined;
     const propSortable = StringUtils.getBooleanValue((_a = source.props) === null || _a === void 0 ? void 0 : _a.get('gridSortable'), true);
     if ((_b = source.props) === null || _b === void 0 ? void 0 : _b.get('gridHeaderTooltip')) {
@@ -890,6 +913,7 @@ export default class AgGridController {
     else if (propSortable === false) {
       tooltip = 'Coluna não pode ser ordenada';
     }
+    const presentationFrom = (_d = source === null || source === void 0 ? void 0 : source.props) === null || _d === void 0 ? void 0 : _d.get(PRESENTATION_FROM_COL_PROP_NAME);
     return this._editionManager.configureColumn({
       headerName: source.label,
       field: source.name,
@@ -897,16 +921,16 @@ export default class AgGridController {
       resizable: true,
       headerComponent: 'ezGridCustomHeader',
       headerComponentParams: {
+        presentationFrom,
         tooltip: tooltip,
         isSortable: propSortable,
         hasFilter: () => this.hasFilterColumn(source.name),
         showColumnFilter: (leftPosition) => this.showFilterColumn({ columnName: source.name, columnLabel: source.label, leftPosition, filteredOptions: this._filteredColumns.get(source.name), fromIcon: true }),
       },
       valueFormatter: params => {
-        var _a, _b, _c, _d;
-        const presentationFrom = (_a = source === null || source === void 0 ? void 0 : source.props) === null || _a === void 0 ? void 0 : _a.get(PRESENTATION_FROM_COL_PROP_NAME);
+        var _a, _b, _c;
         if (presentationFrom) {
-          return (_d = (_c = (_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b[presentationFrom]) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : "";
+          return (_c = (_b = (_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a[presentationFrom]) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : "";
         }
         if (params.value === undefined || params.value === null) {
           return "";
@@ -927,7 +951,7 @@ export default class AgGridController {
         return this.getFormatterByColumn(params, source);
       },
       cellStyle: this.getStyleByColumn(source),
-      editable: !((_d = source.props) === null || _d === void 0 ? void 0 : _d.has(PRESENTATION_FROM_COL_PROP_NAME))
+      editable: !((_e = source.props) === null || _e === void 0 ? void 0 : _e.has(PRESENTATION_FROM_COL_PROP_NAME))
     });
   }
   setCustomFormatters(customFormatters) {
@@ -1198,4 +1222,10 @@ export default class AgGridController {
     const labelSize = ((label === null || label === void 0 ? void 0 : label.length) || 0) * this.DEFAULT_FONT_SIZE + this.DEFAULT_ICON_SIZE;
     return labelSize > this.DEFAULT_MAX_SIZE ? this.DEFAULT_MAX_SIZE : labelSize;
   }
+  getCodeColFromDescriptionCol(descriptionColName) {
+    var _a;
+    const colGrid = this._gridOptions.columnApi.getColumn(descriptionColName);
+    const colDef = colGrid === null || colGrid === void 0 ? void 0 : colGrid.getColDef();
+    return (_a = colDef === null || colDef === void 0 ? void 0 : colDef.headerComponentParams) === null || _a === void 0 ? void 0 : _a.presentationFrom;
+  }
 }

package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js

@@ -272,9 +272,11 @@ export default class DataSource {
     var _a, _b, _c, _d;
     const props = new Map();
     props.set(PRESENTATION_FROM_COL_PROP_NAME, field.name);
+    const descriptionFieldName = `${(_a = field.properties) === null || _a === void 0 ? void 0 : _a.ENTITYNAME}.${(_b = field.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD}`;
+    this._dataUnit.addSourceFieldValue(descriptionFieldName, field.name);
     return {
-      label: `${(_a = field.properties) === null || _a === void 0 ? void 0 : _a.DESCRIPTIONFIELDLABEL} (${(_b = field.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONENTITY})`,
-      name: `${(_c = field.properties) === null || _c === void 0 ? void 0 : _c.ENTITYNAME}.${(_d = field.properties) === null || _d === void 0 ? void 0 : _d.DESCRIPTIONFIELD}`,
+      label: `${(_c = field.properties) === null || _c === void 0 ? void 0 : _c.DESCRIPTIONFIELDLABEL} (${(_d = field.properties) === null || _d === void 0 ? void 0 : _d.DESCRIPTIONENTITY})`,
+      name: descriptionFieldName,
       userInterface: UserInterface.SHORTTEXT,
       props
     };

package/dist/collection/components/ez-grid/controller/ag-grid/GridEditionManager.js

@@ -392,21 +392,25 @@ export default class GridEditionManager {
     return this.updateCellValue(event, resolved);
   }
   async updateCellValue(event, newValue) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const fieldName = event.colDef.field;
+    const fieldDescriptor = this._dataUnit.getField(fieldName);
+    if (newValue == '' && newValue != this._dataUnit.getFieldValue(fieldName) && (fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.userInterface) === UserInterface.SEARCH) {
+      newValue = this._dataUnit.getFieldValue(fieldName);
+    }
     const newData = { [fieldName]: newValue };
-    const descriptionColName = (_b = (_a = this._dataUnit.getField(fieldName)) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[PRESENTATION_COL_ID_PROP_NAME];
+    const descriptionColName = (_a = fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.properties) === null || _a === void 0 ? void 0 : _a[PRESENTATION_COL_ID_PROP_NAME];
     if (!StringUtils.isEmpty(descriptionColName)) {
       newData[descriptionColName] = newValue === null || newValue === void 0 ? void 0 : newValue.label;
     }
-    event.node.setData(Object.assign(Object.assign({}, event.data), { newData }));
-    (_c = this._currentEditLock) === null || _c === void 0 ? void 0 : _c.call(this);
+    event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: newValue }));
+    (_b = this._currentEditLock) === null || _b === void 0 ? void 0 : _b.call(this);
     if (event.oldValue !== newValue) {
       this._isGridEdition = true;
       await this._dataUnit.setFieldValue(fieldName, newValue, [event.data.__record__id__], { suppressCreateNewRecord: true });
       this._lastCellEdited = { rowIndex: event.rowIndex, column: event.column, rowPinned: undefined };
     }
-    (_d = this._inProgressChanges) === null || _d === void 0 ? void 0 : _d.forEach(({ resolve }) => resolve(newValue));
+    (_c = this._inProgressChanges) === null || _c === void 0 ? void 0 : _c.forEach(({ resolve }) => resolve(newValue));
   }
   setCellEditors(customEditors) {
     var _a;

package/dist/collection/components/ez-grid/subcomponents/filter-column.js

@@ -1,5 +1,6 @@
 import { UserInterface } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
+import { PRESENTATION_FROM_COL_PROP_NAME } from '../../../utils/constants';
 const windowInstace = window;
 const onSubmitFilter = new CustomEvent('onSubmitFilter', {
   detail: {
@@ -30,13 +31,14 @@ export class FilterColumn {
    * @Params IFilterColumnConfigs informações para configurar o filtro
    */
   async show(configs) {
+    var _a;
     if (this.canShow(configs)) {
       await this.hide();
-      this.fieldDescriptor = this.dataUnit.getField(configs.columnName);
+      this.fieldDescriptor = (_a = configs.fieldDescriptor) !== null && _a !== void 0 ? _a : this.dataUnit.getField(configs.columnName);
       this.buildIsTextSearch();
       this.columnName = configs.columnName;
       this.columnLabel = configs.columnLabel;
-      await this.setOptions(configs.filteredOptions);
+      await this.setOptions(configs);
       await this.ezPopoverElement.showUnder(`filter-column-${configs.columnName}-${this.dataUnit.dataUnitId}`);
     }
   }
@@ -74,14 +76,22 @@ export class FilterColumn {
     return this.fieldDescriptor.userInterface === UserInterface.SWITCH
       || this.fieldDescriptor.userInterface === UserInterface.CHECKBOX;
   }
-  async setOptions(selectedItems) {
+  async setOptions(config) {
+    var _a, _b, _c, _d;
+    const selectedItems = config.filteredOptions;
     const validateFieldUserInterfaceOptionSelector = this.hasToUseOptions();
     if (validateFieldUserInterfaceOptionSelector) {
       this.useOptions = validateFieldUserInterfaceOptionSelector;
       this.options = validateFieldUserInterfaceOptionSelector ? this.buildOptions(selectedItems) : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : null);
       return;
     }
-    const options = await this.dataSource.getStaticOptions(this.columnName);
+    let colName = this.columnName;
+    const staticOptionsConfig = { onlyLabel: false };
+    if ((_b = (_a = config.fieldDescriptor) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[PRESENTATION_FROM_COL_PROP_NAME]) {
+      colName = (_d = (_c = config.fieldDescriptor) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d[PRESENTATION_FROM_COL_PROP_NAME];
+      staticOptionsConfig.onlyLabel = true;
+    }
+    const options = await this.dataSource.getStaticOptions(colName, staticOptionsConfig);
     if (options != undefined) {
       const selected = new Set((selectedItems || []).filter(item => item.check).map(item => item.label));
       this.useOptions = true;

package/dist/collection/components/ez-multi-selection-list/interfaces/IStaticOptionsFetchConfig.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/ez-number-input/ez-number-input.js

@@ -17,6 +17,7 @@ export class EzNumberInput {
     this.prettyPrecision = undefined;
     this.mode = "regular";
     this.autoFocus = false;
+    this.alternativePlaceholder = undefined;
   }
   /**
    * Aplica o foco no campo.
@@ -175,7 +176,7 @@ export class EzNumberInput {
     if (this.allowNegative) {
       restrict += '-';
     }
-    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: restrict, enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
+    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: restrict, enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value, alternativePlaceholder: this.alternativePlaceholder }));
   }
   static get is() { return "ez-number-input"; }
   static get encapsulation() { return "shadow"; }
@@ -365,6 +366,23 @@ export class EzNumberInput {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "alternativePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto alternativo a ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "alternative-placeholder",
+        "reflect": false
       }
     };
   }

package/dist/collection/components/ez-search/ez-search.js

@@ -42,6 +42,7 @@ export class EzSearch {
     this.ensureClearButtonVisible = false;
     this.suppressPreLoad = true;
     this.autoFocus = false;
+    this.alternativePlaceholder = undefined;
   }
   observeErrorMessage() {
     var _a;
@@ -596,7 +597,7 @@ export class EzSearch {
   render() {
     var _a;
     ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, this.canShowLoadSpinDescription() ? h("div", { class: "message__loading" }) : h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode, alternativePlaceholder: this.alternativePlaceholder }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, this.canShowLoadSpinDescription() ? h("div", { class: "message__loading" }) : h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
       ? h("button", { class: "btn btn__close", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
       : undefined), h("ez-popover-plus", { ref: elem => this._ezPopOverPlusElement = elem, autoClose: false, overlayType: "none", useAnchorSize: true, anchorElement: [this._textInput, this.el] }, h("search-list", { ref: (ref) => this._searchList = ref, showLoading: this._showLoading, visibleOptions: this._visibleOptions, textEmptyList: this._textEmptyList, canShowListOptions: this.canShowListOptions(), value: this.value, showOptionValue: this.showOptionValue, preSelection: this._preSelection, onChangeValue: ({ detail }) => this.selectOption(detail), onChangePreSelection: ({ detail }) => this.onChangePreSelection(detail) }))));
   }
@@ -1007,6 +1008,23 @@ export class EzSearch {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "alternativePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto alternativo a ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "alternative-placeholder",
+        "reflect": true
       }
     };
   }

package/dist/collection/components/ez-search-plus/ez-search-plus.js

@@ -669,8 +669,11 @@ export class EzSearchPlus {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+          "tags": [{
+              "name": "deprecated",
+              "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+            }],
+          "text": ""
         },
         "attribute": "show-selected-value",
         "reflect": false,
@@ -687,8 +690,11 @@ export class EzSearchPlus {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+          "tags": [{
+              "name": "deprecated",
+              "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+            }],
+          "text": ""
         },
         "attribute": "suppress-empty-option",
         "reflect": false,
@@ -705,8 +711,11 @@ export class EzSearchPlus {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+          "tags": [{
+              "name": "deprecated",
+              "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+            }],
+          "text": ""
         },
         "attribute": "hide-error-on-focus-out",
         "reflect": false,
@@ -728,8 +737,11 @@ export class EzSearchPlus {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+          "tags": [{
+              "name": "deprecated",
+              "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+            }],
+          "text": ""
         }
       },
       "isTextSearch": {
@@ -743,8 +755,11 @@ export class EzSearchPlus {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+          "tags": [{
+              "name": "deprecated",
+              "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+            }],
+          "text": ""
         },
         "attribute": "is-text-search",
         "reflect": false,
@@ -761,8 +776,11 @@ export class EzSearchPlus {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+          "tags": [{
+              "name": "deprecated",
+              "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+            }],
+          "text": ""
         },
         "attribute": "ignore-limit-chars-to-search",
         "reflect": false,
@@ -779,8 +797,11 @@ export class EzSearchPlus {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+          "tags": [{
+              "name": "deprecated",
+              "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+            }],
+          "text": ""
         },
         "attribute": "suppress-search",
         "reflect": false,
@@ -797,8 +818,11 @@ export class EzSearchPlus {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
-          "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+          "tags": [{
+              "name": "deprecated",
+              "text": "Propriedade depreciada na nova vers\u00E3o do componente de pesquisa."
+            }],
+          "text": ""
         },
         "attribute": "suppress-pre-load",
         "reflect": false,