ng-tailwind 6.4.8 → 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;

package/fesm2022/ng-tailwind.mjs

@@ -2451,6 +2451,7 @@ class NgtInputComponent extends NgtBaseNgModel {
             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: {
@@ -2459,7 +2460,8 @@ class NgtInputComponent extends NgtBaseNgModel {
                     casing: 'upper'
                 }
             },
-            showMaskOnHover: false
+            showMaskOnHover: false,
+            onBeforePaste: onBeforeCnpjPaste
         };
         let masks = {
             [InputMaskEnum.CPF]: {
@@ -2477,15 +2479,15 @@ class NgtInputComponent extends NgtBaseNgModel {
             },
             [InputMaskEnum.CPF_CNPJ_RUT]: {
                 mask: ['999.999.999-99', '999999999999', cnpjMaskPattern],
-                keepStatic: true,
                 definitions: cnpjMaskParameters.definitions,
-                showMaskOnHover: false
+                showMaskOnHover: false,
+                onBeforePaste: onBeforeCnpjPaste
             },
             [InputMaskEnum.CPF_CNPJ]: {
                 mask: ['999.999.999-99', cnpjMaskPattern],
-                keepStatic: true,
                 definitions: cnpjMaskParameters.definitions,
-                showMaskOnHover: false
+                showMaskOnHover: false,
+                onBeforePaste: onBeforeCnpjPaste
             },
             [InputMaskEnum.DECIMAL]: {
                 digits: this.decimalMaskPrecision,
@@ -2537,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 = {