@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-61161.0 → 0.0.0-bugfix-dev-KB-59008.0

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

@@ -332,14 +332,10 @@ export class EzGrid {
     (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
   }
   getPaginationControl() {
-    if (this._paginationInfo) {
-      const { currentPage, hasMore } = this._paginationInfo;
-      return [
-        h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this._getRemainingPageLabel())),
-        h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })),
-      ];
-    }
-    return null;
+    if (!this._paginationInfo)
+      return null;
+    const { currentPage, hasMore } = this._paginationInfo;
+    return (h("div", { class: "grid-header__container grid-header__pagination", ref: ref => (this._refPaginationControl = ref) }, h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this._getRemainingPageLabel())), h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }))));
   }
   componentDidLoad() {
     this._gridController.initDatagrid(this._container, {
@@ -456,7 +452,7 @@ export class EzGrid {
   }
   render() {
     var _a;
-    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container grid-header__left-container" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container grid-header__pagination", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
+    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container grid-header__left-container" }, h("slot", { name: "leftButtons" })), this.getPaginationControl())), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
           ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
         ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
   }

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

@@ -6,6 +6,7 @@ export class EzNumberInput {
     this._focused = false;
     this._changePending = false;
     this._valuePromiseCallbacks = [];
+    this._value = undefined;
     this.label = undefined;
     this.value = undefined;
     this.enabled = true;
@@ -61,24 +62,7 @@ export class EzNumberInput {
   }
   observeValue(newValue, oldValue) {
     if (this._textInput && newValue != oldValue) {
-      const newValueValidated = this.validateValue(newValue);
-      const oldValueValidated = this.validateValue(oldValue);
-      if (newValueValidated === null) {
-        this._textInput.value = '';
-      }
-      if (newValueValidated != oldValueValidated) {
-        const textValue = this.getTextValue(newValueValidated) || '';
-        if ((this._textInput.value || '') !== textValue) {
-          const parsedNumber = this.getParsedNumber(textValue);
-          if (parsedNumber !== undefined || !this._focused) {
-            this._textInput.value = textValue;
-            this._focused = false;
-            this.errorMessage = "";
-          }
-        }
-        const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
-        this.ezChange.emit(valueEmitted);
-      }
+      this.handleNewValue(newValue, oldValue);
     }
     this._changePending = false;
   }
@@ -87,12 +71,31 @@ export class EzNumberInput {
       this.setInputValue();
     }
   }
+  handleNewValue(newValue, oldValue) {
+    const newValueValidated = this.validateValue(newValue);
+    const oldValueValidated = this.validateValue(oldValue);
+    if (newValueValidated === null) {
+      this._value = '';
+    }
+    if (newValueValidated === oldValueValidated) {
+      return;
+    }
+    const textValue = this.getTextValue(newValueValidated) || '';
+    const parsedNumber = this.getParsedNumber(textValue);
+    if ((this._value || '') !== textValue && (parsedNumber !== undefined || !this._focused)) {
+      this._value = textValue;
+      this._focused = false;
+      this.errorMessage = "";
+    }
+    const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
+    this.ezChange.emit(valueEmitted);
+  }
   validateValue(value) {
     return isNaN(value) || value === undefined ? null : value;
   }
   getTextValue(value) {
     if (value != undefined) {
-      return this.precision > 0 ? NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
+      return this.precision >= 0 ? NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
     }
     return undefined;
   }
@@ -145,17 +148,13 @@ export class EzNumberInput {
       this.ezStartChange.emit({ waitmessage: "", blocking: false });
     }
   }
-  getParsedNumber(value) {
-    var _a;
-    if (value === void 0) {
-      value = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value;
-    }
+  getParsedNumber(value = this._textInput.value) {
     return (value === null || value === void 0 ? void 0 : value.trim()) ? NumberUtils.stringToNumber(value) : undefined;
   }
   setInputValue() {
     const textValue = this.getTextValue(this.value) || '';
-    if ((this._textInput.value || '') !== textValue) {
-      this._textInput.value = textValue;
+    if ((this._value || '') !== textValue) {
+      this._value = textValue;
     }
   }
   componentDidLoad() {
@@ -164,7 +163,7 @@ export class EzNumberInput {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    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: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError }));
+    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: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
   }
   static get is() { return "ez-number-input"; }
   static get encapsulation() { return "shadow"; }
@@ -321,6 +320,11 @@ export class EzNumberInput {
       }
     };
   }
+  static get states() {
+    return {
+      "_value": {}
+    };
+  }
   static get events() {
     return [{
         "method": "ezChange",

package/dist/custom-elements/index.d.ts

@@ -56,6 +56,12 @@ export const EzCardItem: {
   new (): EzCardItem;
 };
 
+interface EzChart extends Components.EzChart, HTMLElement {}
+export const EzChart: {
+  prototype: EzChart;
+  new (): EzChart;
+};
+
 interface EzCheck extends Components.EzCheck, HTMLElement {}
 export const EzCheck: {
   prototype: EzCheck;