@tetacom/ng-components 1.6.19 → 1.6.20

package/fesm2022/tetacom-ng-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, HostBinding, Directive, Optional, Inject, ContentChild, Input, Injectable, Host, HostListener, ViewChild, forwardRef, ElementRef, EventEmitter, Output, TemplateRef, Injector, ViewContainerRef, Pipe, ViewEncapsulation, ChangeDetectorRef, inject, NgModule, input, computed, output, contentChildren, effect, signal, NgZone, model, ContentChildren, SkipSelf, PLATFORM_ID, InjectionToken } from '@angular/core';
+import { HostBinding, ChangeDetectionStrategy, Component, Directive, Input, ContentChild, Optional, Inject, Injectable, HostListener, Host, ViewChild, forwardRef, ElementRef, EventEmitter, Output, TemplateRef, Injector, ViewContainerRef, Pipe, ViewEncapsulation, ChangeDetectorRef, inject, NgModule, input, computed, output, contentChildren, effect, signal, NgZone, model, ContentChildren, SkipSelf, PLATFORM_ID, InjectionToken } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { NgTemplateOutlet, DOCUMENT, NgClass, AsyncPipe, DatePipe, CommonModule, isPlatformBrowser } from '@angular/common';
 import * as i1 from '@angular/common/http';
@@ -2374,15 +2374,16 @@ const getPrecision = (a) => {
     return p;
 };
 const formatNumber = (value, decimalLength, chunkDelimiter, decimalDelimiter, chunkLength) => {
-    const abs = Math.abs(value);
+    const numberValue = Number(value);
+    const abs = Math.abs(numberValue);
     if (0 < abs && 1 > abs) {
         const firstDigitIndex = Math.floor(Math.abs(Math.log10(abs)));
         decimalLength += firstDigitIndex;
     }
-    const precision = Math.min(getPrecision(value), Math.floor(decimalLength));
-    const result = '\\d(?=(\\d{' + chunkLength + '})+' + (precision > 0 ? '\\D' : '$') + ')';
-    const num = value.toFixed(precision);
-    return (decimalDelimiter ? num.replace('.', decimalDelimiter) : num).replace(new RegExp(result, 'g'), '$&' + chunkDelimiter);
+    const precision = Math.min(getPrecision(numberValue), Math.floor(decimalLength));
+    const digitGroupingRegex = '\\d(?=(\\d{' + chunkLength + '})+' + (precision > 0 ? '\\D' : '$') + ')';
+    const formattedNumberString = numberValue.toFixed(precision);
+    return (decimalDelimiter ? formattedNumberString.replace('.', decimalDelimiter) : formattedNumberString).replace(new RegExp(digitGroupingRegex, 'g'), '$&' + chunkDelimiter);
 };
 const prependZero = (input, length) => ('0'.repeat(length) + input).slice(-length);
 
@@ -4050,7 +4051,6 @@ class NumberPipe {
         if (decimalLength === null) {
             return value.toString();
         }
-        value = Number(value);
         return formatNumber(value, decimalLength, chunkDelimiter, decimalDelimiter, chunkLength);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
@@ -4305,7 +4305,7 @@ class TextFieldComponent {
                 useExisting: forwardRef(() => TextFieldComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "@if (leftIconName) {\n  <teta-icon [name]=\"leftIconName\" [palette]=\"'text'\"></teta-icon>\n}\n<input\n  #input\n  [ngModel]=\"value | tetaNumber: (!onlyNumber ? null : inputFocused ? 1000 : decimalPart)\"\n  [tetaOnlyNumber]=\"onlyNumber\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{ 'color-text-40': disabled }\"\n  (focus)=\"inputFocused = true\"\n  (blur)=\"inputFocused = false; emitBlur()\"\n  (keydown)=\"keyPress($event)\"\n  type=\"text\"\n/>\n@if (value && !disabled) {\n  <teta-icon\n    class=\"close-icon\"\n    [name]=\"'closeCircle'\"\n    [palette]=\"'text'\"\n    (click)=\"value = ''; onChange('')\"\n  ></teta-icon>\n}\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OnlyNumberDirective, selector: "[tetaOnlyNumber]", inputs: ["tetaOnlyNumber", "allowDecimals", "allowSign", "decimalSeparator", "commaSeparator", "onlyPositive"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "@if (leftIconName) {\n  <teta-icon [name]=\"leftIconName\" [palette]=\"'text'\"></teta-icon>\n}\n<input\n  #input\n  [ngModel]=\"value | tetaNumber: (!onlyNumber || inputFocused ? null : decimalPart)\"\n  [tetaOnlyNumber]=\"onlyNumber\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{ 'color-text-40': disabled }\"\n  (focus)=\"inputFocused = true\"\n  (blur)=\"inputFocused = false; emitBlur()\"\n  (keydown)=\"keyPress($event)\"\n  type=\"text\"\n/>\n@if (value && !disabled) {\n  <teta-icon\n    class=\"close-icon\"\n    [name]=\"'closeCircle'\"\n    [palette]=\"'text'\"\n    (click)=\"value = ''; onChange('')\"\n  ></teta-icon>\n}\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OnlyNumberDirective, selector: "[tetaOnlyNumber]", inputs: ["tetaOnlyNumber", "allowDecimals", "allowSign", "decimalSeparator", "commaSeparator", "onlyPositive"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
@@ -4315,7 +4315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                             useExisting: forwardRef(() => TextFieldComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent, FormsModule, OnlyNumberDirective, NgClass, NumberPipe], template: "@if (leftIconName) {\n  <teta-icon [name]=\"leftIconName\" [palette]=\"'text'\"></teta-icon>\n}\n<input\n  #input\n  [ngModel]=\"value | tetaNumber: (!onlyNumber ? null : inputFocused ? 1000 : decimalPart)\"\n  [tetaOnlyNumber]=\"onlyNumber\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{ 'color-text-40': disabled }\"\n  (focus)=\"inputFocused = true\"\n  (blur)=\"inputFocused = false; emitBlur()\"\n  (keydown)=\"keyPress($event)\"\n  type=\"text\"\n/>\n@if (value && !disabled) {\n  <teta-icon\n    class=\"close-icon\"\n    [name]=\"'closeCircle'\"\n    [palette]=\"'text'\"\n    (click)=\"value = ''; onChange('')\"\n  ></teta-icon>\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent, FormsModule, OnlyNumberDirective, NgClass, NumberPipe], template: "@if (leftIconName) {\n  <teta-icon [name]=\"leftIconName\" [palette]=\"'text'\"></teta-icon>\n}\n<input\n  #input\n  [ngModel]=\"value | tetaNumber: (!onlyNumber || inputFocused ? null : decimalPart)\"\n  [tetaOnlyNumber]=\"onlyNumber\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{ 'color-text-40': disabled }\"\n  (focus)=\"inputFocused = true\"\n  (blur)=\"inputFocused = false; emitBlur()\"\n  (keydown)=\"keyPress($event)\"\n  type=\"text\"\n/>\n@if (value && !disabled) {\n  <teta-icon\n    class=\"close-icon\"\n    [name]=\"'closeCircle'\"\n    [palette]=\"'text'\"\n    (click)=\"value = ''; onChange('')\"\n  ></teta-icon>\n}\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { placeholder: [{
                 type: Input
             }], leftIconName: [{