ng-tailwind 4.2.27 → 4.2.29

package/fesm2020/ng-tailwind.mjs

@@ -1710,6 +1710,7 @@ var InputMaskEnum;
     InputMaskEnum["PLATE"] = "plate";
     InputMaskEnum["CEP"] = "cep";
     InputMaskEnum["INTEGER"] = "integer";
+    InputMaskEnum["NUMERIC_STRING"] = "numeric-string";
     InputMaskEnum["TIME"] = "time";
     InputMaskEnum["INTERNATIONAL_PHONE"] = "international-phone";
     InputMaskEnum["DATE"] = "date";
@@ -1985,15 +1986,23 @@ class NgtInputComponent extends NgtBaseNgModel {
             return this.clearInput();
         }
         let masks = {
-            [InputMaskEnum.CPF]: '999.999.999-99',
-            [InputMaskEnum.CNPJ]: '99.999.999/9999-99',
+            [InputMaskEnum.CPF]: {
+                mask: ['999.999.999-99'],
+                clearMaskOnLostFocus: false
+            },
+            [InputMaskEnum.CNPJ]: {
+                mask: ['99.999.999/9999-99'],
+                clearMaskOnLostFocus: false
+            },
             [InputMaskEnum.CPF_CNPJ_RUT]: {
                 mask: ['999.999.999-99', '999999999999', '99.999.999/9999-99'],
-                keepStatic: true
+                keepStatic: true,
+                clearMaskOnLostFocus: false
             },
             [InputMaskEnum.CPF_CNPJ]: {
                 mask: ['999.999.999-99', '99.999.999/9999-99'],
-                keepStatic: true
+                keepStatic: true,
+                clearMaskOnLostFocus: false
             },
             [InputMaskEnum.DECIMAL]: {
                 digits: this.decimalMaskPrecision,
@@ -2003,24 +2012,36 @@ class NgtInputComponent extends NgtBaseNgModel {
                 repeat: 16,
                 rightAlign: false,
                 max: this.maxValue,
+                clearMaskOnLostFocus: false
             },
             [InputMaskEnum.CELLPHONE]: {
                 mask: ['(99) 999-999', '(99) 9999-9999', '(99) 99999-9999'],
-                keepStatic: true
+                keepStatic: true,
+                clearMaskOnLostFocus: false
             },
             [InputMaskEnum.INTERNATIONAL_PHONE]: {
                 mask: ['+999 99 999-999', '+99 (99) 9999-9999', '+99 (99) 99999-9999', '+999 (99) 9999-9999', '+999 (99) 99999-9999'],
-                keepStatic: true
+                keepStatic: true,
+                clearMaskOnLostFocus: false
             },
             [InputMaskEnum.PLATE]: {
                 mask: ['AAA-9&99'],
-                keepStatic: true
+                keepStatic: true,
+                clearMaskOnLostFocus: false
+            },
+            [InputMaskEnum.CEP]: {
+                mask: ['99999-999'],
+                clearMaskOnLostFocus: false
             },
-            [InputMaskEnum.CEP]: '99999-999',
             [InputMaskEnum.INTEGER]: {
                 max: this.maxValue,
                 min: this.validateMinValueOnMask ? this.minValue : undefined,
-                rightAlign: false
+                rightAlign: false,
+                clearMaskOnLostFocus: false
+            },
+            [InputMaskEnum.NUMERIC_STRING]: {
+                regex: "[0-9]*",
+                clearMaskOnLostFocus: false
             },
             [InputMaskEnum.TIME]: '99:99',
         };
@@ -2566,6 +2587,7 @@ class NgtModalComponent {
         this.onCloseModal = new EventEmitter();
         this.onOpenModal = new EventEmitter();
         this.isOpen = false;
+        this.viewMode = false;
         this.keydownEventWasAdded = false;
         this.subscriptions = [];
         if (this.tailStylizableDirective) {
@@ -2600,7 +2622,10 @@ class NgtModalComponent {
             this.keydownEventWasAdded = true;
             window.addEventListener('keydown', (event) => {
                 if (event.keyCode == 27) {
-                    this.close();
+                    if (this.viewMode) {
+                        this.closeViewMode();
+                        event.stopPropagation();
+                    }
                 }
             }, true);
         }
@@ -2612,6 +2637,9 @@ class NgtModalComponent {
         this.subscriptions.forEach(subscription => subscription.unsubscribe());
         this.subscriptions = [];
     }
+    closeViewMode() {
+        this.viewMode = false;
+    }
 }
 NgtModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtModalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
 NgtModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtModalComponent, selector: "ngt-modal", inputs: { customLayout: "customLayout", disableDefaultCloses: "disableDefaultCloses", ngtStyle: "ngtStyle" }, outputs: { onCloseModal: "onCloseModal", onOpenModal: "onOpenModal" }, ngImport: i0, template: "<div class=\"flex min-w-full relative justify-center text-gray-700\">\n    <div *ngIf=\"isOpen\" class=\"flex fixed min-w-full h-full inset-0 px-6 py-6 md:py-0 md:px-0 justify-center\"\n        style=\"background: rgba(0,0,0,.7); z-index: 1100 !important;\" @fade>\n        <ng-container *ngIf=\"!disableDefaultCloses\">\n            <button class=\"fixed inset-0 h-full w-full bg-black opacity-0 cursor-default z-0\" tabindex=\"-1\"\n                type=\"button\" (click)='close()'>\n            </button>\n        </ng-container>\n\n        <div class=\"{{ ngtStyle.compile(['w', 'overflow']) }} relative border border-teal-500 bg-white w-full self-center rounded shadow-lg z-10\"\n            style=\"max-height: 85%;\">\n            <div class=\"cursor-default text-left {{ ngtStyle.compile(['py', 'px']) }}\">\n                <div *ngIf=\"!customLayout\">\n                    <ngt-modal-header class=\"w-full\" [disableDefaultCloses]=\"disableDefaultCloses\">\n                        <ng-content select='[header]'></ng-content>\n                    </ngt-modal-header>\n                </div>\n\n                <ng-container *ngIf=\"!customLayout\">\n                    <ngt-modal-body>\n                        <ng-content select='[body]'></ng-content>\n                    </ngt-modal-body>\n                </ng-container>\n\n                <!--Footer-->\n                <ng-container *ngIf=\"!customLayout\">\n                    <ngt-modal-footer>\n                        <ng-content select='[footer]'></ng-content>\n                    </ngt-modal-footer>\n                </ng-container>\n\n                <ng-content></ng-content>\n            </div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgtModalHeaderComponent, selector: "ngt-modal-header", inputs: ["disableDefaultCloses"] }, { kind: "component", type: NgtModalBodyComponent, selector: "ngt-modal-body" }, { kind: "component", type: NgtModalFooterComponent, selector: "ngt-modal-footer" }], animations: [
@@ -7204,6 +7232,7 @@ class NgtAttachmentHttpService {
 }
 
 class NgtDropzoneComponent extends NgtBaseNgModel {
+    ;
     ;
     constructor(formContainer, ngtAttachmentHttpService, injector, changeDetector) {
         super();