ng-tailwind 4.2.27 → 4.2.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ngt-modal/ngt-modal.component.d.ts +2 -0
- package/esm2020/components/ngt-dropzone/ngt-dropzone.component.mjs +2 -1
- package/esm2020/components/ngt-input/ngt-input.component.mjs +4 -1
- package/esm2020/components/ngt-modal/ngt-modal.component.mjs +10 -3
- package/esm2020/helpers/input-mask/input-mask.helper.mjs +2 -1
- package/fesm2015/ng-tailwind.mjs +13 -1
- package/fesm2015/ng-tailwind.mjs.map +1 -1
- package/fesm2020/ng-tailwind.mjs +13 -1
- package/fesm2020/ng-tailwind.mjs.map +1 -1
- package/helpers/input-mask/input-mask.helper.d.ts +1 -0
- package/package.json +1 -1
package/fesm2020/ng-tailwind.mjs
CHANGED
|
@@ -1710,6 +1710,7 @@ var InputMaskEnum;
|
|
|
1710
1710
|
InputMaskEnum["PLATE"] = "plate";
|
|
1711
1711
|
InputMaskEnum["CEP"] = "cep";
|
|
1712
1712
|
InputMaskEnum["INTEGER"] = "integer";
|
|
1713
|
+
InputMaskEnum["NUMERIC_STRING"] = "numeric-string";
|
|
1713
1714
|
InputMaskEnum["TIME"] = "time";
|
|
1714
1715
|
InputMaskEnum["INTERNATIONAL_PHONE"] = "international-phone";
|
|
1715
1716
|
InputMaskEnum["DATE"] = "date";
|
|
@@ -2022,6 +2023,9 @@ class NgtInputComponent extends NgtBaseNgModel {
|
|
|
2022
2023
|
min: this.validateMinValueOnMask ? this.minValue : undefined,
|
|
2023
2024
|
rightAlign: false
|
|
2024
2025
|
},
|
|
2026
|
+
[InputMaskEnum.NUMERIC_STRING]: {
|
|
2027
|
+
regex: "[0-9]*",
|
|
2028
|
+
},
|
|
2025
2029
|
[InputMaskEnum.TIME]: '99:99',
|
|
2026
2030
|
};
|
|
2027
2031
|
if (this.mask == InputMaskEnum.DECIMAL) {
|
|
@@ -2566,6 +2570,7 @@ class NgtModalComponent {
|
|
|
2566
2570
|
this.onCloseModal = new EventEmitter();
|
|
2567
2571
|
this.onOpenModal = new EventEmitter();
|
|
2568
2572
|
this.isOpen = false;
|
|
2573
|
+
this.viewMode = false;
|
|
2569
2574
|
this.keydownEventWasAdded = false;
|
|
2570
2575
|
this.subscriptions = [];
|
|
2571
2576
|
if (this.tailStylizableDirective) {
|
|
@@ -2600,7 +2605,10 @@ class NgtModalComponent {
|
|
|
2600
2605
|
this.keydownEventWasAdded = true;
|
|
2601
2606
|
window.addEventListener('keydown', (event) => {
|
|
2602
2607
|
if (event.keyCode == 27) {
|
|
2603
|
-
this.
|
|
2608
|
+
if (this.viewMode) {
|
|
2609
|
+
this.closeViewMode();
|
|
2610
|
+
event.stopPropagation();
|
|
2611
|
+
}
|
|
2604
2612
|
}
|
|
2605
2613
|
}, true);
|
|
2606
2614
|
}
|
|
@@ -2612,6 +2620,9 @@ class NgtModalComponent {
|
|
|
2612
2620
|
this.subscriptions.forEach(subscription => subscription.unsubscribe());
|
|
2613
2621
|
this.subscriptions = [];
|
|
2614
2622
|
}
|
|
2623
|
+
closeViewMode() {
|
|
2624
|
+
this.viewMode = false;
|
|
2625
|
+
}
|
|
2615
2626
|
}
|
|
2616
2627
|
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 });
|
|
2617
2628
|
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 +7215,7 @@ class NgtAttachmentHttpService {
|
|
|
7204
7215
|
}
|
|
7205
7216
|
|
|
7206
7217
|
class NgtDropzoneComponent extends NgtBaseNgModel {
|
|
7218
|
+
;
|
|
7207
7219
|
;
|
|
7208
7220
|
constructor(formContainer, ngtAttachmentHttpService, injector, changeDetector) {
|
|
7209
7221
|
super();
|