ng-tailwind 6.4.7 → 6.4.9

package/components/ngt-input/ngt-input.component.d.ts

@@ -102,6 +102,7 @@ export declare class NgtInputComponent extends NgtBaseNgModel implements OnInit,
     private initComponent;
     private updateValidations;
     private setupMasks;
+    private setupAlphanumericPasteHandler;
     private setupProperties;
     private minValueValidator;
     private multipleOfValidator;
@@ -115,10 +116,15 @@ export declare class NgtInputComponent extends NgtBaseNgModel implements OnInit,
     private validatePhone;
     private uniqueValidator;
     private validatorCNPJ;
+    private validatorNumericCNPJ;
+    private validatorAlphaNumericCNPJ;
+    private getCnpjVerificationDigit;
+    private getCnpjCharacterValue;
     private validatorCPF;
     private getNativeValue;
     private getElementTitle;
     private removeMasks;
+    private normalizeDocument;
     private hasEmailServiceValidation;
     private hasPasswordValidation;
     private isDisabledByParent;

package/fesm2022/ng-tailwind.mjs

@@ -2450,15 +2450,25 @@ class NgtInputComponent extends NgtBaseNgModel {
             removeInputMask(this.element.nativeElement);
             return this.clearInput();
         }
+        const cnpjMaskPattern = 'XX.XXX.XXX/XXXX-99';
+        const onBeforeCnpjPaste = (pastedValue) => pastedValue.toUpperCase().replace(/[^A-Z0-9]/g, '');
+        const cnpjMaskParameters = {
+            mask: [cnpjMaskPattern],
+            definitions: {
+                X: {
+                    validator: '[0-9A-Za-z]',
+                    casing: 'upper'
+                }
+            },
+            showMaskOnHover: false,
+            onBeforePaste: onBeforeCnpjPaste
+        };
         let masks = {
             [InputMaskEnum.CPF]: {
                 mask: ['999.999.999-99'],
                 showMaskOnHover: false
             },
-            [InputMaskEnum.CNPJ]: {
-                mask: ['99.999.999/9999-99'],
-                showMaskOnHover: false
-            },
+            [InputMaskEnum.CNPJ]: cnpjMaskParameters,
             [InputMaskEnum.CUIT]: {
                 mask: ['99-99999999-9'],
                 clearMaskOnLostFocus: false
@@ -2468,14 +2478,16 @@ class NgtInputComponent extends NgtBaseNgModel {
                 clearMaskOnLostFocus: false
             },
             [InputMaskEnum.CPF_CNPJ_RUT]: {
-                mask: ['999.999.999-99', '999999999999', '99.999.999/9999-99'],
-                keepStatic: true,
-                showMaskOnHover: false
+                mask: ['999.999.999-99', '999999999999', cnpjMaskPattern],
+                definitions: cnpjMaskParameters.definitions,
+                showMaskOnHover: false,
+                onBeforePaste: onBeforeCnpjPaste
             },
             [InputMaskEnum.CPF_CNPJ]: {
-                mask: ['999.999.999-99', '99.999.999/9999-99'],
-                keepStatic: true,
-                showMaskOnHover: false
+                mask: ['999.999.999-99', cnpjMaskPattern],
+                definitions: cnpjMaskParameters.definitions,
+                showMaskOnHover: false,
+                onBeforePaste: onBeforeCnpjPaste
             },
             [InputMaskEnum.DECIMAL]: {
                 digits: this.decimalMaskPrecision,
@@ -2527,6 +2539,39 @@ class NgtInputComponent extends NgtBaseNgModel {
         else {
             applyInputMask(this.element.nativeElement, masks[this.mask]);
         }
+        if (this.mask == InputMaskEnum.CPF_CNPJ || this.mask == InputMaskEnum.CPF_CNPJ_RUT) {
+            this.setupAlphanumericPasteHandler();
+        }
+    }
+    setupAlphanumericPasteHandler() {
+        const handler = (event) => {
+            const pastedText = event.clipboardData?.getData('text/plain') ?? '';
+            const normalized = pastedText.toUpperCase().replace(/[^A-Z0-9]/g, '');
+            if (normalized.length !== 14 || !/[A-Z]/.test(normalized)) {
+                return;
+            }
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            const formatted = `${normalized.substring(0, 2)}.${normalized.substring(2, 5)}.${normalized.substring(5, 8)}/${normalized.substring(8, 12)}-${normalized.substring(12, 14)}`;
+            const input = this.element.nativeElement;
+            const inputmaskInstance = input.inputmask;
+            const alphaMaskOptions = {
+                mask: ['XX.XXX.XXX/XXXX-99'],
+                definitions: { X: { validator: '[0-9A-Za-z]', casing: 'upper' } },
+                showMaskOnHover: false
+            };
+            if (inputmaskInstance && typeof inputmaskInstance.option === 'function') {
+                inputmaskInstance.option(alphaMaskOptions);
+            }
+            else {
+                removeInputMask(input);
+                Inputmask(alphaMaskOptions).mask(input);
+            }
+            input.value = formatted;
+            input.dispatchEvent(new Event('input', { bubbles: true }));
+            input.dispatchEvent(new Event('change', { bubbles: true }));
+        };
+        this.element.nativeElement.addEventListener('paste', handler, true);
     }
     setupProperties() {
         let props = {
@@ -2603,19 +2648,20 @@ class NgtInputComponent extends NgtBaseNgModel {
             if (!control.value) {
                 return null;
             }
-            if (control.value && control.value.length <= 11) {
-                if (this.validatorCPF(control.value)) {
+            const normalizedDocument = this.removeMasks(control.value);
+            if (normalizedDocument && normalizedDocument.length <= 11) {
+                if (this.validatorCPF(normalizedDocument)) {
                     return null;
                 }
                 else {
                     return { 'cpf': true };
                 }
             }
-            else if (control.value && control.value.length == 12) {
+            else if (normalizedDocument && normalizedDocument.length == 12) {
                 return null;
             }
             else {
-                if (control.value && this.validatorCNPJ(control.value)) {
+                if (normalizedDocument && this.validatorCNPJ(normalizedDocument)) {
                     return null;
                 }
                 else {
@@ -2735,7 +2781,16 @@ class NgtInputComponent extends NgtBaseNgModel {
         };
     }
     validatorCNPJ(value) {
-        let b = [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
+        const normalizedValue = this.normalizeDocument(value);
+        if (normalizedValue.length != 14) {
+            return false;
+        }
+        return /[A-Z]/.test(normalizedValue)
+            ? this.validatorAlphaNumericCNPJ(normalizedValue)
+            : this.validatorNumericCNPJ(normalizedValue);
+    }
+    validatorNumericCNPJ(value) {
+        const b = [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
         if ((value = value.replace(/[^\d]/g, "")).length != 14) {
             return false;
         }
@@ -2743,22 +2798,46 @@ class NgtInputComponent extends NgtBaseNgModel {
             return false;
         }
         let n = 0;
-        for (let i = 0; i < 12; n += value[i] * b[++i]) {
-            ;
+        for (let i = 0; i < 12; i++) {
+            n += Number(value[i]) * b[i + 1];
         }
-        if (value[12] != (((n %= 11) < 2) ? 0 : 11 - n)) {
+        if (Number(value[12]) != (((n %= 11) < 2) ? 0 : 11 - n)) {
             return false;
         }
         n = 0;
-        for (let i = 0; i <= 12; n += value[i] * b[i++]) {
-            ;
+        for (let i = 0; i <= 12; i++) {
+            n += Number(value[i]) * b[i];
         }
-        if (value[13] != (((n %= 11) < 2) ? 0 : 11 - n)) {
+        if (Number(value[13]) != (((n %= 11) < 2) ? 0 : 11 - n)) {
             return false;
         }
         return true;
     }
-    ;
+    validatorAlphaNumericCNPJ(value) {
+        if (!/^[A-Z0-9]{12}[0-9]{2}$/.test(value)) {
+            return false;
+        }
+        const firstWeights = [5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
+        const firstDigit = this.getCnpjVerificationDigit(value.substring(0, 12), firstWeights);
+        if (firstDigit !== Number(value[12])) {
+            return false;
+        }
+        const secondWeights = [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
+        const secondDigit = this.getCnpjVerificationDigit(`${value.substring(0, 12)}${firstDigit}`, secondWeights);
+        return secondDigit === Number(value[13]);
+    }
+    getCnpjVerificationDigit(value, weights) {
+        const weightedTotal = value
+            .split('')
+            .reduce((total, currentValue, index) => total + (this.getCnpjCharacterValue(currentValue) * weights[index]), 0);
+        const modulo = weightedTotal % 11;
+        return modulo < 2 ? 0 : 11 - modulo;
+    }
+    getCnpjCharacterValue(value) {
+        return /^[0-9]$/.test(value)
+            ? Number(value)
+            : value.charCodeAt(0) - 48;
+    }
     validatorCPF(value) {
         let numeros, digitos, soma, i, resultado, digitos_iguais;
         digitos_iguais = 1;
@@ -2810,8 +2889,10 @@ class NgtInputComponent extends NgtBaseNgModel {
                 .replace(',', '.');
         }
         else if (this.mask == "cnpj-cpf" || this.mask == "cpf" || this.mask == "cnpj" || this.mask == "cnpj-cpf-rut" || this.mask == "cuit") {
-            value = (value + "")
-                .replace(/[^\d]/g, '');
+            value = this.normalizeDocument(value);
+            if (this.mask == "cpf" || this.mask == "cuit") {
+                value = value.replace(/[^\d]/g, '');
+            }
         }
         else if (this.mask == InputMaskEnum.CELLPHONE
             || this.mask == InputMaskEnum.INTERNATIONAL_PHONE) {
@@ -2825,6 +2906,12 @@ class NgtInputComponent extends NgtBaseNgModel {
         }
         return value;
     }
+    normalizeDocument(value) {
+        return (value || '')
+            .toString()
+            .toUpperCase()
+            .replace(/[^A-Z0-9]/g, '');
+    }
     hasEmailServiceValidation() {
         return typeof this.ngtValidationService?.emailValidation === 'function';
     }