ngx-mask 14.3.0 → 14.3.2-test

package/fesm2015/ngx-mask.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, inject, Injectable, ElementRef, Renderer2, makeEnvironmentProviders, Directive, Input, Output, HostListener, Pipe } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { InjectionToken, EventEmitter, inject, Injectable, ElementRef, Renderer2, forwardRef, Directive, Input, Output, HostListener, Pipe, NgModule } from '@angular/core';
 import { __awaiter, __rest } from 'tslib';
+import { DOCUMENT } from '@angular/common';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 
 const NGX_MASK_CONFIG = new InjectionToken('ngx-mask config');
@@ -313,13 +313,21 @@ class NgxMaskApplierService {
             }
             // eslint-disable-next-line no-param-reassign
             inputValue =
-                inputValue.length > 1 &&
-                    inputValue[0] === '0' &&
-                    inputValue[1] !== this.thousandSeparator &&
-                    !this._compareOrIncludes(inputValue[1], this.decimalMarker, this.thousandSeparator) &&
-                    !backspaced
-                    ? inputValue.slice(0, inputValue.length - 1)
-                    : inputValue;
+                inputValue[0] === '-' && this.allowNegativeNumbers
+                    ? inputValue.length > 2 &&
+                        inputValue[1] === '0' &&
+                        inputValue[2] !== this.thousandSeparator &&
+                        !this._compareOrIncludes(inputValue[2], this.decimalMarker, this.thousandSeparator) &&
+                        !backspaced
+                        ? inputValue.slice(0, inputValue.length - 1)
+                        : inputValue
+                    : inputValue.length > 1 &&
+                        inputValue[0] === '0' &&
+                        inputValue[1] !== this.thousandSeparator &&
+                        !this._compareOrIncludes(inputValue[1], this.decimalMarker, this.thousandSeparator) &&
+                        !backspaced
+                        ? inputValue.slice(0, inputValue.length - 1)
+                        : inputValue;
             if (backspaced) {
                 // eslint-disable-next-line no-param-reassign
                 inputValue = this._compareOrIncludes(inputValue[inputValue.length - 1], this.decimalMarker, this.thousandSeparator)
@@ -657,6 +665,12 @@ class NgxMaskApplierService {
         }
         return res;
     }
+    _findDropSpecialChar(inputSymbol) {
+        if (Array.isArray(this.dropSpecialCharacters)) {
+            return this.dropSpecialCharacters.find((val) => val === inputSymbol);
+        }
+        return this._findSpecialChar(inputSymbol);
+    }
     _findSpecialChar(inputSymbol) {
         return this.specialCharacters.find((val) => val === inputSymbol);
     }
@@ -730,9 +744,9 @@ class NgxMaskApplierService {
         }
     }
 }
-NgxMaskApplierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskApplierService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NgxMaskApplierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskApplierService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskApplierService, decorators: [{
+NgxMaskApplierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskApplierService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NgxMaskApplierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskApplierService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskApplierService, decorators: [{
             type: Injectable
         }] });
 
@@ -877,7 +891,10 @@ class NgxMaskService extends NgxMaskApplierService {
         if (result || result === '') {
             this._previousValue = this._currentValue;
             this._currentValue = result;
-            this._emitValue = this._previousValue !== this._currentValue || this.maskChanged;
+            this._emitValue =
+                this._previousValue !== this._currentValue ||
+                    this.maskChanged ||
+                    (this._previousValue === this._currentValue && justPasted);
         }
         this._emitValue ? this.formControlResult(result) : '';
         if (!this.showMaskTyped || (this.showMaskTyped && this.hiddenInput)) {
@@ -1044,10 +1061,10 @@ class NgxMaskService extends NgxMaskApplierService {
         }
         Promise.resolve().then(() => { var _a, _b; return (_a = this._renderer) === null || _a === void 0 ? void 0 : _a.setProperty((_b = this._elementRef) === null || _b === void 0 ? void 0 : _b.nativeElement, name, value); });
     }
-    checkSpecialCharAmount(mask) {
+    checkDropSpecialCharAmount(mask) {
         const chars = mask
             .split("" /* MaskExpression.EMPTY_STRING */)
-            .filter((item) => this._findSpecialChar(item));
+            .filter((item) => this._findDropSpecialChar(item));
         return chars.length;
     }
     removeMask(inputValue) {
@@ -1303,42 +1320,14 @@ class NgxMaskService extends NgxMaskApplierService {
         return (1.1).toLocaleString().substring(1, 2);
     }
 }
-NgxMaskService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-NgxMaskService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskService, decorators: [{
+NgxMaskService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+NgxMaskService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskService, decorators: [{
             type: Injectable
         }] });
 
-/**
- * @internal
- */
-function _configFactory() {
-    const initConfig = inject(INITIAL_CONFIG);
-    const configValue = inject(NEW_CONFIG);
-    return configValue instanceof Function
-        ? Object.assign(Object.assign({}, initConfig), configValue()) : Object.assign(Object.assign({}, initConfig), configValue);
-}
-function provideNgxMask(configValue) {
-    return [
-        {
-            provide: NEW_CONFIG,
-            useValue: configValue,
-        },
-        {
-            provide: INITIAL_CONFIG,
-            useValue: initialConfig,
-        },
-        {
-            provide: NGX_MASK_CONFIG,
-            useFactory: _configFactory,
-        },
-        NgxMaskService,
-    ];
-}
-function provideEnvironmentNgxMask(configValue) {
-    return makeEnvironmentProviders(provideNgxMask(configValue));
-}
-
+// tslint:disable deprecation
+// tslint:disable no-input-rename
 class NgxMaskDirective {
     constructor() {
         // eslint-disable-next-line @angular-eslint/no-input-rename
@@ -1552,10 +1541,12 @@ class NgxMaskDirective {
             }
             if (this._maskValue.indexOf("*" /* MaskExpression.SYMBOL_STAR */) === -1 ||
                 this._maskValue.indexOf("?" /* MaskExpression.SYMBOL_QUESTION */) === -1) {
+                // eslint-disable-next-line no-param-reassign
+                value = typeof value === 'number' ? String(value) : value;
                 const array = this._maskValue.split('*');
                 const length = this._maskService.dropSpecialCharacters
                     ? this._maskValue.length -
-                        this._maskService.checkSpecialCharAmount(this._maskValue) -
+                        this._maskService.checkDropSpecialCharAmount(this._maskValue) -
                         counterOfOpt
                     : this.prefix
                         ? this._maskValue.length + this.prefix.length - counterOfOpt
@@ -1948,6 +1939,7 @@ class NgxMaskDirective {
         }
     }
     /** It writes the value in the input */
+    // public async writeValue(controlValue: unknown): Promise<void> {
     writeValue(controlValue) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
@@ -1955,7 +1947,7 @@ class NgxMaskDirective {
                 if ('disable' in controlValue) {
                     this.setDisabledState(Boolean(controlValue.disable));
                 }
-                // eslint-disable-next-line no-param-reassign
+                // // eslint-disable-next-line no-param-reassign
                 controlValue = controlValue.value;
             }
             if (controlValue !== null) {
@@ -2134,39 +2126,37 @@ class NgxMaskDirective {
         });
     }
 }
-NgxMaskDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NgxMaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgxMaskDirective, isStandalone: true, selector: "input[mask], textarea[mask]", inputs: { maskExpression: ["mask", "maskExpression"], specialCharacters: "specialCharacters", patterns: "patterns", prefix: "prefix", suffix: "suffix", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", dropSpecialCharacters: "dropSpecialCharacters", hiddenInput: "hiddenInput", showMaskTyped: "showMaskTyped", placeHolderCharacter: "placeHolderCharacter", shownMaskExpression: "shownMaskExpression", showTemplate: "showTemplate", clearIfNotMatch: "clearIfNotMatch", validation: "validation", separatorLimit: "separatorLimit", allowNegativeNumbers: "allowNegativeNumbers", leadZeroDateTime: "leadZeroDateTime", leadZero: "leadZero", triggerOnMaskChange: "triggerOnMaskChange", apm: "apm", inputTransformFn: "inputTransformFn", outputTransformFn: "outputTransformFn", keepCharacterPositions: "keepCharacterPositions" }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "compositionstart": "onCompositionStart($event)", "compositionend": "onCompositionEnd($event)", "blur": "onBlur($event)", "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
+NgxMaskDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgxMaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: { maskExpression: ["mask", "maskExpression"], specialCharacters: "specialCharacters", patterns: "patterns", prefix: "prefix", suffix: "suffix", thousandSeparator: "thousandSeparator", decimalMarker: "decimalMarker", dropSpecialCharacters: "dropSpecialCharacters", hiddenInput: "hiddenInput", showMaskTyped: "showMaskTyped", placeHolderCharacter: "placeHolderCharacter", shownMaskExpression: "shownMaskExpression", showTemplate: "showTemplate", clearIfNotMatch: "clearIfNotMatch", validation: "validation", separatorLimit: "separatorLimit", allowNegativeNumbers: "allowNegativeNumbers", leadZeroDateTime: "leadZeroDateTime", leadZero: "leadZero", triggerOnMaskChange: "triggerOnMaskChange", apm: "apm", inputTransformFn: "inputTransformFn", outputTransformFn: "outputTransformFn", keepCharacterPositions: "keepCharacterPositions" }, outputs: { maskFilled: "maskFilled" }, host: { listeners: { "paste": "onPaste()", "ngModelChange": "onModelChange($event)", "input": "onInput($event)", "compositionstart": "onCompositionStart($event)", "compositionend": "onCompositionEnd($event)", "blur": "onBlur($event)", "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
-            useExisting: NgxMaskDirective,
+            useExisting: forwardRef(() => NgxMaskDirective),
             multi: true,
         },
         {
             provide: NG_VALIDATORS,
-            useExisting: NgxMaskDirective,
+            useExisting: forwardRef(() => NgxMaskDirective),
             multi: true,
         },
         NgxMaskService,
-    ], exportAs: ["mask", "ngxMask"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskDirective, decorators: [{
+    ], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[mask], textarea[mask]',
-                    standalone: true,
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: NgxMaskDirective,
+                            useExisting: forwardRef(() => NgxMaskDirective),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: NgxMaskDirective,
+                            useExisting: forwardRef(() => NgxMaskDirective),
                             multi: true,
                         },
                         NgxMaskService,
                     ],
-                    exportAs: 'mask,ngxMask',
                 }]
         }], propDecorators: { maskExpression: [{
                 type: Input,
@@ -2246,9 +2236,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class NgxMaskPipe {
-    constructor() {
+    constructor(_maskService) {
+        this._maskService = _maskService;
         this.defaultOptions = {};
-        this._maskService = inject(NgxMaskService);
         this._maskExpressionArray = [];
         this.mask = '';
     }
@@ -2328,14 +2318,59 @@ class NgxMaskPipe {
         }
     }
 }
-NgxMaskPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NgxMaskPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskPipe, isStandalone: true, name: "mask" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgxMaskPipe, decorators: [{
+NgxMaskPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskPipe, deps: [{ token: NgxMaskService }], target: i0.ɵɵFactoryTarget.Pipe });
+NgxMaskPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskPipe, name: "mask" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mask',
                     pure: true,
-                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: NgxMaskService }]; } });
+
+/**
+ * @internal
+ */
+function _configFactory(initConfig, configValue) {
+    return configValue instanceof Function
+        ? Object.assign(Object.assign({}, initConfig), configValue()) : Object.assign(Object.assign({}, initConfig), configValue);
+}
+class NgxMaskModule {
+    static forRoot(configValue) {
+        return {
+            ngModule: NgxMaskModule,
+            providers: [
+                {
+                    provide: NEW_CONFIG,
+                    useValue: configValue,
+                },
+                {
+                    provide: INITIAL_CONFIG,
+                    useValue: initialConfig,
+                },
+                {
+                    provide: NGX_MASK_CONFIG,
+                    useFactory: _configFactory,
+                    deps: [INITIAL_CONFIG, NEW_CONFIG],
+                },
+                NgxMaskService,
+            ],
+        };
+    }
+    static forChild() {
+        return {
+            ngModule: NgxMaskModule,
+        };
+    }
+}
+NgxMaskModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxMaskModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskModule, declarations: [NgxMaskDirective, NgxMaskPipe], exports: [NgxMaskDirective, NgxMaskPipe] });
+NgxMaskModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NgxMaskModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [NgxMaskDirective, NgxMaskPipe],
+                    declarations: [NgxMaskDirective, NgxMaskPipe],
                 }]
         }] });
 
@@ -2343,5 +2378,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { INITIAL_CONFIG, NEW_CONFIG, NGX_MASK_CONFIG, NgxMaskDirective, NgxMaskPipe, NgxMaskService, initialConfig, provideEnvironmentNgxMask, provideNgxMask, timeMasks, withoutValidation };
+export { INITIAL_CONFIG, NEW_CONFIG, NGX_MASK_CONFIG, NgxMaskDirective, NgxMaskModule, NgxMaskPipe, NgxMaskService, _configFactory, initialConfig, timeMasks, withoutValidation };
 //# sourceMappingURL=ngx-mask.mjs.map