@sankhyalabs/ezui 7.1.3 → 7.1.4

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

@@ -41,6 +41,7 @@ export class EzTextInput {
       if (newValue != oldValue) {
         this._inputElem.value = this.value || "";
         this.handleChange();
+        this.applyMask(newValue);
         this.adjustFloatingLabel();
         this.checkIsOverflowing();
         if (!this.isSlaveMode()) {
@@ -149,12 +150,7 @@ export class EzTextInput {
     const value = this._inputElem.value;
     if (value && this._maskFormatter) {
       try {
-        if (this.cleanValueMask) {
-          this.applyMask(value);
-        }
-        else {
-          this._inputElem.value = this._maskFormatter.format(value);
-        }
+        this.applyMask(value);
       }
       catch (e) {
         this.errorMessage = e.message;
@@ -180,20 +176,33 @@ export class EzTextInput {
       }
     }
   }
+  handleDefaultMask(value = this.value) {
+    if (this.mask === "cgc_cpf") {
+      if (value && value.length <= 11) {
+        this.mask = MaskFormatter.DEFAULT_MASKS["cpf"];
+      }
+      else {
+        this.mask = MaskFormatter.DEFAULT_MASKS["cnpj"];
+      }
+    }
+    return this.mask;
+  }
   applyMask(value) {
     if (!value || value === "")
       return value;
     if (this._maskFormatter) {
       try {
-        const formattedValue = this._maskFormatter.applyMask(this._maskFormatter.removeMask(value));
+        const newMask = this.handleDefaultMask(value);
+        this._maskFormatter.mask = newMask;
+        const formattedValue = this._maskFormatter.format(value);
+        if (!this.cleanValueMask) {
+          this.value = formattedValue;
+        }
         if (this._inputElem) {
           this._inputElem.value = formattedValue;
           return this._inputElem.value;
         }
-        else {
-          this.value = formattedValue;
-          return this.value;
-        }
+        return this.value;
       }
       catch (e) {
         this.errorMessage = e.message;
@@ -260,7 +269,7 @@ export class EzTextInput {
     this.adjustColorContentSlot("var(--ez-text-input__input--focus--icon-color)");
   }
   getValue() {
-    return this.mask && this.cleanValueMask ? this.applyMask(this.value) : this.value;
+    return this.mask ? this.applyMask(this.value) : this.value;
   }
   buildLabelClass() {
     let classList = this.enabled ? 'input__label' : 'input__label input__label--disabled';
@@ -291,12 +300,7 @@ export class EzTextInput {
     if (this.value) {
       if (this._maskFormatter) {
         try {
-          if (this.cleanValueMask) {
-            this.applyMask(this.value);
-          }
-          else {
-            this.value = this._maskFormatter.format(this.value);
-          }
+          this.applyMask(this.value);
         }
         catch (e) {
           this.errorMessage = e.message;