@tetacom/ng-components 1.5.0 → 1.5.1

package/directive/only-number/only-number.directive.d.ts

@@ -18,6 +18,7 @@ export declare class OnlyNumberDirective {
     private readonly _minusSign;
     constructor(_elementRef: ElementRef<HTMLInputElement>, _control: NgControl);
     onChange(e: any): void;
+    onBlur(e: any): void;
     dblclick(e: any): void;
     onPaste(e: any): void;
     onKeyDown(e: KeyboardEvent): void;

package/fesm2022/tetacom-ng-components.mjs

@@ -3801,7 +3801,18 @@ class OnlyNumberDirective {
         if (this.tetaOnlyNumber === false) {
             return;
         }
-        this.validateValue(this._elementRef.nativeElement.value);
+        e.preventDefault();
+        e.stopPropagation();
+        // this.validateValue(this._elementRef.nativeElement.value);
+    }
+    onBlur(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        const value = this._elementRef.nativeElement.value;
+        if (value.endsWith('.')) {
+            this._elementRef.nativeElement.value = value.replace('.', '');
+            this._elementRef.nativeElement.dispatchEvent(new Event('input'));
+        }
     }
     dblclick(e) {
         if (this.tetaOnlyNumber === false) {
@@ -3828,11 +3839,7 @@ class OnlyNumberDirective {
         const allowedKeys = ['Backspace', 'ArrowLeft', 'ArrowRight', 'Delete', 'Escape', 'Tab', 'Home', 'End'];
         const separatorIsCloseToSign = signExists && cursorPosition <= 1;
         if (this.allowDecimals && !separatorIsCloseToSign && !separatorExists) {
-            // if (this.decimalSeparator === '.') {
             allowedKeys.push('.');
-            // } else {
-            // allowedKeys.push(',');
-            // }
         }
         const firstCharacterIsSeparator = originalValue.charAt(0) !== this.decimalSeparator;
         if (this.allowSign && !signExists && firstCharacterIsSeparator && cursorPosition === 0 && !this.onlyPositive) {
@@ -3853,11 +3860,8 @@ class OnlyNumberDirective {
         }
         else {
             if (e.key === ',' && originalValue.indexOf('.') < 0) {
-                // this._elementRef.nativeElement.value =
-                //   `${originalValue.slice(0, cursorPosition)}.${originalValue.slice(cursorPosition)}`;
-                this._control.control.patchValue(`${originalValue.slice(0, cursorPosition)}.${originalValue.slice(cursorPosition)}`, {
-                    emitEvent: false,
-                });
+                this._elementRef.nativeElement.value = `${originalValue.slice(0, cursorPosition)}.${originalValue.slice(cursorPosition)}`;
+                this._elementRef.nativeElement.dispatchEvent(new Event('input'));
                 if (this._elementRef.nativeElement.setSelectionRange) {
                     this._elementRef.nativeElement.setSelectionRange(cursorPosition + 1, cursorPosition + 1);
                 }
@@ -3928,9 +3932,12 @@ class OnlyNumberDirective {
                 emitEvent: false,
             });
         }
+        else {
+            console.error('INVALID VALUE');
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: OnlyNumberDirective, deps: [{ token: i0.ElementRef }, { token: i2.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: OnlyNumberDirective, isStandalone: true, selector: "[tetaOnlyNumber]", inputs: { tetaOnlyNumber: "tetaOnlyNumber", allowDecimals: "allowDecimals", allowSign: "allowSign", decimalSeparator: "decimalSeparator", commaSeparator: "commaSeparator", onlyPositive: "onlyPositive" }, host: { listeners: { "change": "onChange($event)", "dblclick": "dblclick($event)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: OnlyNumberDirective, isStandalone: true, selector: "[tetaOnlyNumber]", inputs: { tetaOnlyNumber: "tetaOnlyNumber", allowDecimals: "allowDecimals", allowSign: "allowSign", decimalSeparator: "decimalSeparator", commaSeparator: "commaSeparator", onlyPositive: "onlyPositive" }, host: { listeners: { "input": "onChange($event)", "blur": "onBlur($event)", "dblclick": "dblclick($event)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: OnlyNumberDirective, decorators: [{
             type: Directive,
@@ -3952,7 +3959,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 type: Input
             }], onChange: [{
                 type: HostListener,
-                args: ['change', ['$event']]
+                args: ['input', ['$event']]
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur', ['$event']]
             }], dblclick: [{
                 type: HostListener,
                 args: ['dblclick', ['$event']]