@seniorsistemas/angular-components 19.9.15-develop-11ab86f5 → 19.9.15

package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs

@@ -14,7 +14,7 @@ import { FieldsetModule } from '@seniorsistemas/angular-components/fieldset';
 import * as i12 from '@seniorsistemas/angular-components/template';
 import { TemplateDirective, TemplateModule } from '@seniorsistemas/angular-components/template';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i3 from '@seniorsistemas/angular-components/tooltip';
+import * as i3$1 from '@seniorsistemas/angular-components/tooltip';
 import { TooltipDirective, TooltipModule } from '@seniorsistemas/angular-components/tooltip';
 import { __decorate } from 'tslib';
 import { trigger, state, style, transition, group, query, animateChild, animate } from '@angular/animations';
@@ -48,11 +48,11 @@ import { DoubleClickDirective } from '@seniorsistemas/angular-components/mouse-e
 import * as i2 from 'primeng/api';
 import * as i1$4 from '@seniorsistemas/angular-components/info-sign';
 import { InfoSignModule } from '@seniorsistemas/angular-components/info-sign';
-import { NumericMaskDirective } from '@seniorsistemas/angular-components/numeric-mask';
-import { CurrencyService, currencies } from '@seniorsistemas/angular-components/currency';
+import * as i2$1 from '@seniorsistemas/angular-components/bignumber-input';
+import { BignumberInputModule } from '@seniorsistemas/angular-components/bignumber-input';
 import { InputGroupComponent } from '@seniorsistemas/angular-components/input-group';
 import { InputMaskDirective } from '@seniorsistemas/angular-components/input-mask';
-import * as i2$1 from '@seniorsistemas/angular-components/input-text';
+import * as i3 from '@seniorsistemas/angular-components/input-text';
 import { InputTextModule, InputTextDirective } from '@seniorsistemas/angular-components/input-text';
 import { RadioButtonComponent } from '@seniorsistemas/angular-components/radio-button';
 import * as i1$5 from '@seniorsistemas/angular-components/switch';
@@ -67,9 +67,14 @@ import * as i1$7 from '@seniorsistemas/angular-components/content-generator';
 import { ContentGeneratorModule } from '@seniorsistemas/angular-components/content-generator';
 import * as i1$8 from '@seniorsistemas/angular-components/country-phone-picker';
 import { CountryPhonePickerModule } from '@seniorsistemas/angular-components/country-phone-picker';
+import { CurrencyService, currencies } from '@seniorsistemas/angular-components/currency';
+import * as i2$3 from '@seniorsistemas/angular-components/number-input';
+import { NumberAlignmentOption, NumberInputModule } from '@seniorsistemas/angular-components/number-input';
 import * as i1$9 from '@seniorsistemas/angular-components/file-picker';
 import { FilePickerModule } from '@seniorsistemas/angular-components/file-picker';
-import * as i2$3 from '@seniorsistemas/angular-components/password-strength';
+import * as i2$4 from '@seniorsistemas/angular-components/localized-number-input';
+import { LocalizedNumberInputModule } from '@seniorsistemas/angular-components/localized-number-input';
+import * as i2$5 from '@seniorsistemas/angular-components/password-strength';
 import { PasswordStrengthModule } from '@seniorsistemas/angular-components/password-strength';
 import * as i1$a from '@seniorsistemas/angular-components/profile-picture-picker';
 import { ProfilePicturePickerModule } from '@seniorsistemas/angular-components/profile-picture-picker';
@@ -79,7 +84,7 @@ import { SliderModule } from '@seniorsistemas/angular-components/slider';
 import { StarRatingComponent } from '@seniorsistemas/angular-components/star-rating';
 import * as i1$c from '@seniorsistemas/angular-components/text-area';
 import { TextAreaModule } from '@seniorsistemas/angular-components/text-area';
-import * as i3$1 from 'primeng/keyfilter';
+import * as i3$2 from 'primeng/keyfilter';
 import { KeyFilterModule } from 'primeng/keyfilter';
 
 const STRUCTURE_TYPES_LIST = ['fieldset', 'row', 'section'];
@@ -1184,8 +1189,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Cria uma função que converte um `AddonConfig` em `InputGroupAddon`, reaproveitando o mesmo objeto
  * enquanto o `AddonConfig` for o mesmo (evita reatribuir o input do `s-input-group` a cada ciclo de detecção).
  *
- * O `label` do addon pode ser uma função: ela é avaliada a cada leitura do getter `label` do objeto resolvido.
- *
  * O addon fica desabilitado quando o próprio `disabled` do addon for verdadeiro ou quando o form control estiver desabilitado.
  */
 function createAddonResolver(fieldUtils, isFormDisabled) {
@@ -1197,9 +1200,7 @@ function createAddonResolver(fieldUtils, isFormDisabled) {
         if (!resolved) {
             resolved = {
                 get label() {
-                    return fieldUtils.isFunction(addon.label)
-                        ? fieldUtils.trigger(addon.label)
-                        : addon.label;
+                    return addon.label;
                 },
                 get icon() {
                     return addon.icon;
@@ -1216,7 +1217,6 @@ function createAddonResolver(fieldUtils, isFormDisabled) {
 class BignumberFieldComponent {
     localeService = inject(LocaleService);
     changeDetectorRef = inject(ChangeDetectorRef);
-    currencyService = inject(CurrencyService);
     field = input.required();
     formControl = input.required();
     fieldUtils = inject(FormFieldUtilsService);
@@ -1228,15 +1228,13 @@ class BignumberFieldComponent {
     ngUnsubscribe = new Subject();
     ngOnInit() {
         const field = this.field();
-        if (field.type === 'money') {
-            this.applyMoneyDefaults(field);
-        }
         this.onScale();
         field.numberLocaleOptions = field.numberLocaleOptions ?? new NumberLocaleOptions();
         if (field.type === 'number') {
             field.autoClear = field.autoClear ?? true;
             field.allowNegative = field.allowNegative ?? true;
         }
+        field.alignTo = field.scale ? 'right' : 'left';
         this.onLocaleService();
         this.onFocus.pipe(takeUntil$1(this.ngUnsubscribe)).subscribe((event) => {
             if (this.field().onFocus) {
@@ -1295,46 +1293,26 @@ class BignumberFieldComponent {
     }
     onScale() {
         // Currently, this component is used for the following types
-        // 'integer', 'double', 'number', 'money'
+        // 'integer', 'decimal', 'number'
         if (isNullOrUndefined(this.field().scale)) {
             this.field().scale = this.field().type === 'integer' ? 0 : 2;
         }
     }
-    applyMoneyDefaults(field) {
-        if (!field.leftAddon) {
-            field.leftAddon = {
-                label: () => {
-                    const currency = field.currency?.();
-                    return currency
-                        ? this.currencyService.getCurrencySymbol({ currency })
-                        : (field.numberLocaleOptions?.currencySymbol ?? 'R$');
-                },
-            };
-        }
-        if (field.currency) {
-            if (isNullOrUndefined(field.scale)) {
-                field.scale = () => currencies[field.currency()]?.scale ?? 2;
-            }
-            if (isNullOrUndefined(field.precision)) {
-                field.precision = () => currencies[field.currency()]?.precision ?? 15;
-            }
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BignumberFieldComponent, isStandalone: true, selector: "s-bignumber-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@let _field = field();\n@if (inputRef) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef!.nativeElement\"\n    />\n}\n\n@let autoClear = _field.type === 'number' ? (_field.autoClear ?? true) : false;\n@let allowNegative = _field.allowNegative ?? _field.type === 'number';\n@let scale = fieldUtils.isFunction(_field.scale) ? fieldUtils.trigger(_field.scale) : _field.scale;\n\n<s-input-group\n    [leftAddon]=\"toAddon(_field.leftAddon)\"\n    [rightAddon]=\"toAddon(_field.rightAddon)\"\n>\n    @if (_field.mask) {\n        <input\n            #inputRef\n            sInputText\n            class=\"input-text mousetrap\"\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sInputMask]=\"fieldUtils.getFieldPropertyMask(_field.mask)\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            slotChar=\"_\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            [autoClear]=\"autoClear\"\n            [formControl]=\"formControl()\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (maskComplete)=\"onComplete.next($event)\"\n            (input)=\"onInput.next($event)\"\n        />\n    } @else {\n        <input\n            #inputRef\n            [id]=\"_field.id || _field.name\"\n            type=\"text\"\n            [name]=\"_field.name\"\n            sNumericMask\n            [allowNegative]=\"allowNegative\"\n            [precision]=\"\n                fieldUtils.isFunction(_field.precision) ? fieldUtils.trigger(_field.precision) : _field.precision\n            \"\n            [minDecimalPlaces]=\"scale\"\n            [maxDecimalPlaces]=\"scale\"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator ?? ''\"\n            [thousandSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator ?? ''\"\n            [blockDecimalOverflow]=\"true\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder\"\n            [showDelay]=\"500\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            class=\"input-text\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl()\"\n        />\n    }\n</s-input-group>\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "directive", type: InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputGroupComponent, selector: "s-input-group", inputs: ["leftAddon", "rightAddon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NumericMaskDirective, selector: "[sNumericMask]", inputs: ["locale", "minDecimalPlaces", "maxDecimalPlaces", "allowNegative", "allowScientificNotation", "min", "max", "blockDecimalOverflow", "decimalRoundingMode", "precision", "placeholder", "decimalSeparator", "thousandSeparator"], outputs: ["placeholderChange", "pasteRejected", "decimalSeparatorChange", "thousandSeparatorChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2$1.InputTextDirective, selector: "input[sInputText]" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BignumberFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@let _field = field();\n@if (inputRef) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef!.nativeElement\"\n    />\n}\n\n@let autoClear = _field.type === 'number' ? (_field.autoClear ?? true) : false;\n@let allowNegative = _field.type === 'number' ? (_field.allowNegative ?? true) : false;\n@let scale = fieldUtils.isFunction(_field.scale) ? fieldUtils.trigger(_field.scale) : _field.scale;\n\n<s-input-group\n    [leftAddon]=\"toAddon(_field.leftAddon)\"\n    [rightAddon]=\"toAddon(_field.rightAddon)\"\n>\n    @if (_field.mask) {\n        <input\n            #inputRef\n            sInputText\n            class=\"input-text mousetrap\"\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sInputMask]=\"fieldUtils.getFieldPropertyMask(_field.mask)\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            slotChar=\"_\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            [autoClear]=\"autoClear\"\n            [formControl]=\"formControl()\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (maskComplete)=\"onComplete.next($event)\"\n            (input)=\"onInput.next($event)\"\n        />\n    } @else {\n        <input\n            #inputRef\n            [id]=\"_field.id || _field.name\"\n            type=\"text\"\n            [name]=\"_field.name\"\n            sBignumberInput\n            [allowNegative]=\"allowNegative\"\n            [precision]=\"\n                fieldUtils.isFunction(_field.precision) ? fieldUtils.trigger(_field.precision) : _field.precision\n            \"\n            [minDecimalPlaces]=\"scale\"\n            [maxDecimalPlaces]=\"scale\"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator ?? ''\"\n            [thousandSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator ?? ''\"\n            [blockDecimalOverflow]=\"true\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder\"\n            [showDelay]=\"500\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            class=\"input-text\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl()\"\n        />\n    }\n</s-input-group>\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "directive", type: InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputGroupComponent, selector: "s-input-group", inputs: ["leftAddon", "rightAddon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: BignumberInputModule }, { kind: "directive", type: i2$1.BignumberInputDirective, selector: "input[sBignumberInput]", inputs: ["precision", "scale", "minDecimalPlaces", "maxDecimalPlaces", "decimalSeparator", "thousandsSeparator", "thousandSeparator", "alignTo", "allowNegative", "blockDecimalOverflow", "placeholder"], outputs: ["minDecimalPlacesChange", "maxDecimalPlacesChange", "decimalSeparatorChange", "thousandSeparatorChange", "placeholderChange", "pasteRejected"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputTextDirective, selector: "input[sInputText]" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-bignumber-field', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+            args: [{ encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                         FieldLabelComponent,
                         InputMaskDirective,
                         TooltipDirective,
                         ReactiveFormsModule,
                         InputGroupComponent,
                         NgClass,
-                        NumericMaskDirective,
+                        BignumberInputModule,
                         InputTextModule,
-                    ], template: "@let _field = field();\n@if (inputRef) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef!.nativeElement\"\n    />\n}\n\n@let autoClear = _field.type === 'number' ? (_field.autoClear ?? true) : false;\n@let allowNegative = _field.allowNegative ?? _field.type === 'number';\n@let scale = fieldUtils.isFunction(_field.scale) ? fieldUtils.trigger(_field.scale) : _field.scale;\n\n<s-input-group\n    [leftAddon]=\"toAddon(_field.leftAddon)\"\n    [rightAddon]=\"toAddon(_field.rightAddon)\"\n>\n    @if (_field.mask) {\n        <input\n            #inputRef\n            sInputText\n            class=\"input-text mousetrap\"\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sInputMask]=\"fieldUtils.getFieldPropertyMask(_field.mask)\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            slotChar=\"_\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            [autoClear]=\"autoClear\"\n            [formControl]=\"formControl()\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (maskComplete)=\"onComplete.next($event)\"\n            (input)=\"onInput.next($event)\"\n        />\n    } @else {\n        <input\n            #inputRef\n            [id]=\"_field.id || _field.name\"\n            type=\"text\"\n            [name]=\"_field.name\"\n            sNumericMask\n            [allowNegative]=\"allowNegative\"\n            [precision]=\"\n                fieldUtils.isFunction(_field.precision) ? fieldUtils.trigger(_field.precision) : _field.precision\n            \"\n            [minDecimalPlaces]=\"scale\"\n            [maxDecimalPlaces]=\"scale\"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator ?? ''\"\n            [thousandSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator ?? ''\"\n            [blockDecimalOverflow]=\"true\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder\"\n            [showDelay]=\"500\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            class=\"input-text\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl()\"\n        />\n    }\n</s-input-group>\n" }]
+                    ], template: "@let _field = field();\n@if (inputRef) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef!.nativeElement\"\n    />\n}\n\n@let autoClear = _field.type === 'number' ? (_field.autoClear ?? true) : false;\n@let allowNegative = _field.type === 'number' ? (_field.allowNegative ?? true) : false;\n@let scale = fieldUtils.isFunction(_field.scale) ? fieldUtils.trigger(_field.scale) : _field.scale;\n\n<s-input-group\n    [leftAddon]=\"toAddon(_field.leftAddon)\"\n    [rightAddon]=\"toAddon(_field.rightAddon)\"\n>\n    @if (_field.mask) {\n        <input\n            #inputRef\n            sInputText\n            class=\"input-text mousetrap\"\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sInputMask]=\"fieldUtils.getFieldPropertyMask(_field.mask)\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            slotChar=\"_\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            [autoClear]=\"autoClear\"\n            [formControl]=\"formControl()\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (maskComplete)=\"onComplete.next($event)\"\n            (input)=\"onInput.next($event)\"\n        />\n    } @else {\n        <input\n            #inputRef\n            [id]=\"_field.id || _field.name\"\n            type=\"text\"\n            [name]=\"_field.name\"\n            sBignumberInput\n            [allowNegative]=\"allowNegative\"\n            [precision]=\"\n                fieldUtils.isFunction(_field.precision) ? fieldUtils.trigger(_field.precision) : _field.precision\n            \"\n            [minDecimalPlaces]=\"scale\"\n            [maxDecimalPlaces]=\"scale\"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator ?? ''\"\n            [thousandSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator ?? ''\"\n            [blockDecimalOverflow]=\"true\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder\"\n            [showDelay]=\"500\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            class=\"input-text\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl()\"\n        />\n    }\n</s-input-group>\n" }]
         }], propDecorators: { onInput: [{
                 type: Output
             }], onFocus: [{
@@ -1364,7 +1342,7 @@ class BooleanSwitchFieldComponent {
     field = input.required();
     formControl = input.required();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanSwitchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanSwitchFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let _field = field();\r\n@let isFormDisabled = formControl().disabled;\r\n<s-field-label [field]=\"_field\"></s-field-label>\r\n\r\n<div class=\"p-fluid\">\r\n    <div class=\"flex items-center gap-2\">\r\n        <s-switch\r\n            [id]=\"_field.id || _field.name\"\r\n            [inputName]=\"_field.name\"\r\n            [formControl]=\"formControl()\"\r\n            [sTooltip]=\"_field.tooltip\"\r\n            tooltipPosition=\"top\"\r\n            (valueChanged)=\"_field.onChange ? _field.onChange($event) : null\"\r\n        >\r\n        </s-switch>\r\n        @if (_field.optionsLabel) {\r\n            <span [class.opacity-50]=\"isFormDisabled\">\r\n                @if (formControl().value) {\r\n                    {{ _field.optionsLabel.true }}\r\n                } @else {\r\n                    {{ _field.optionsLabel.false }}\r\n                }\r\n            </span>\r\n        }\r\n    </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "ngmodule", type: SwitchModule }, { kind: "component", type: i1$5.SwitchComponent, selector: "s-switch", inputs: ["readonly", "trueLabel", "falseLabel", "inputId", "label", "inputName", "disabled", "value", "showStatusLabel"], outputs: ["valueChanged"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanSwitchFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let _field = field();\r\n@let isFormDisabled = formControl().disabled;\r\n<s-field-label [field]=\"_field\"></s-field-label>\r\n\r\n<div class=\"p-fluid\">\r\n    <div class=\"flex items-center gap-2\">\r\n        <s-switch\r\n            [id]=\"_field.id || _field.name\"\r\n            [inputName]=\"_field.name\"\r\n            [formControl]=\"formControl()\"\r\n            [sTooltip]=\"_field.tooltip\"\r\n            tooltipPosition=\"top\"\r\n            (valueChanged)=\"_field.onChange ? _field.onChange($event) : null\"\r\n        >\r\n        </s-switch>\r\n        @if (_field.optionsLabel) {\r\n            <span [class.opacity-50]=\"isFormDisabled\">\r\n                @if (formControl().value) {\r\n                    {{ _field.optionsLabel.true }}\r\n                } @else {\r\n                    {{ _field.optionsLabel.false }}\r\n                }\r\n            </span>\r\n        }\r\n    </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "ngmodule", type: SwitchModule }, { kind: "component", type: i1$5.SwitchComponent, selector: "s-switch", inputs: ["readonly", "trueLabel", "falseLabel", "inputId", "label", "inputName", "disabled", "value", "showStatusLabel"], outputs: ["valueChanged"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$1.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanSwitchFieldComponent, decorators: [{
             type: Component,
@@ -1502,6 +1480,85 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ standalone: true, imports: [FieldLabelComponent, CountryPhonePickerModule, ReactiveFormsModule], template: "@let _field = field();\n@if (countryPhonePicker.phoneInput?.nativeElement) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"countryPhonePicker.phoneInput?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-country-phone-picker\n    #countryPhonePicker\n    [formControl]=\"formControl()\"\n    [ordination]=\"_field.ordination\"\n    [countries]=\"_field.countries\"\n    (selected)=\"_field.onSelected($event)\"\n    (focusLost)=\"_field.onFocusLost ? _field.onFocusLost($event) : null\"\n>\n</s-country-phone-picker>\n\n" }]
         }] });
 
+/**
+ * @deprecated Should use bignumber instead
+ */
+class CurrencyFieldComponent {
+    currencyService = inject(CurrencyService);
+    localeService = inject(LocaleService);
+    changeDetectorRef = inject(ChangeDetectorRef);
+    _destroyRef = inject(DestroyRef);
+    inputRefComponent = viewChild('inputRef');
+    field = input.required();
+    formControl = input.required();
+    fieldUtils = inject(FormFieldUtilsService);
+    currencies = currencies;
+    mask;
+    isFormDisabled = () => this.formControl().disabled;
+    inputRef = computed(() => this.inputRefComponent()?.nativeElement);
+    ngOnInit() {
+        this.onLocaleService();
+        const field = this.field();
+        this.mask = typeof field.mask === 'function' ? field.mask() : field.mask;
+    }
+    ngAfterViewInit() {
+        this.changeDetectorRef.detectChanges();
+    }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first(), takeUntilDestroyed(this._destroyRef))
+            .subscribe({
+            next: () => {
+                if (!this.field().numberLocaleOptions?.decimalSeparator) {
+                    this.field().numberLocaleOptions = {
+                        currencySymbol: this.field().numberLocaleOptions?.currencySymbol,
+                        thousandsSeparator: this.field().numberLocaleOptions?.thousandsSeparator,
+                        decimalSeparator: this.localeService.getDecimalSeparator(),
+                    };
+                }
+                if (!this.field().numberLocaleOptions?.thousandsSeparator) {
+                    this.field().numberLocaleOptions = {
+                        currencySymbol: this.field().numberLocaleOptions.currencySymbol,
+                        decimalSeparator: this.field().numberLocaleOptions.decimalSeparator,
+                        thousandsSeparator: this.localeService.getGroupingSeparator(),
+                    };
+                }
+                if (!this.field().numberLocaleOptions?.currencySymbol) {
+                    this.field().numberLocaleOptions = {
+                        decimalSeparator: this.field().numberLocaleOptions.decimalSeparator,
+                        thousandsSeparator: this.field().numberLocaleOptions.thousandsSeparator,
+                        currencySymbol: 'R$',
+                    };
+                }
+            },
+            error: () => (this.field().numberLocaleOptions = this.field().numberLocaleOptions ?? {
+                thousandsSeparator: '.',
+                decimalSeparator: ',',
+                currencySymbol: 'R$',
+            }),
+        });
+    }
+    parseAlignTo(field) {
+        return field.alignTo === 'right' ? NumberAlignmentOption.RIGHT : NumberAlignmentOption.LEFT;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CurrencyFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CurrencyFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "inputRefComponent", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], ngImport: i0, template: "@let _field = field();\n@if (inputRef()) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef()\"\n    ></s-field-label>\n}\n@let hasMask = !!_field.mask;\n@let currencySymbol =\n    _field.currency\n        ? currencyService.getCurrencySymbol({ currency: _field.currency() })\n        : _field.numberLocaleOptions?.currencySymbol;\n\n@let currencyAddon = currencySymbol ? { label: currencySymbol, disabled: isFormDisabled } : undefined;\n\n<s-input-group [leftAddon]=\"currencyAddon\">\n    @if (hasMask) {\n        <input\n            #inputRef\n            class=\"input-text mousetrap\"\n            sInputText\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [formControl]=\"formControl()\"\n            [sInputMask]=\"mask\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            slotChar=\"_\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"_field.onFocus ? _field.onFocus($event) : null\"\n            (maskComplete)=\"_field.onComplete ? _field.onComplete($event) : null\"\n            (input)=\"_field.onInput ? _field.onInput($event) : null\"\n        />\n    } @else if (!hasMask) {\n        <input\n            #inputRef\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            class=\"input-text\"\n            sInputText\n            [name]=\"_field.name\"\n            [formControl]=\"formControl()\"\n            sNumberInput\n            [precision]=\"\n                _field.precision\n                    ? fieldUtils.isFunction(_field.precision)\n                        ? fieldUtils.trigger(_field.precision)\n                        : _field.precision\n                    : _field.currency && _field.currency()\n                      ? currencies[_field.currency()].precision\n                      : 15\n            \"\n            [scale]=\"\n                _field.scale\n                    ? fieldUtils.isFunction(_field.scale)\n                        ? fieldUtils.trigger(_field.scale)\n                        : _field.scale\n                    : _field.currency && _field.currency()\n                      ? currencies[_field.currency()].scale\n                      : 2\n            \"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator ?? ''\"\n            [thousandsSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator ?? ''\"\n            [blockDecimalOverflow]=\"true\"\n            [alignTo]=\"parseAlignTo(_field)\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            [showDelay]=\"500\"\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"_field.onFocus ? _field.onFocus($event) : null\"\n        />\n    }\n</s-input-group>\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "ngmodule", type: NumberInputModule }, { kind: "directive", type: i2$3.NumberInputDirective, selector: "input[sNumberInput]" }, { kind: "directive", type: InputTextDirective, selector: "input[sInputText]" }, { kind: "component", type: InputGroupComponent, selector: "s-input-group", inputs: ["leftAddon", "rightAddon"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CurrencyFieldComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        FieldLabelComponent,
+                        NgClass,
+                        InputMaskDirective,
+                        ReactiveFormsModule,
+                        TooltipDirective,
+                        NumberInputModule,
+                        InputTextDirective,
+                        InputGroupComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "@let _field = field();\n@if (inputRef()) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef()\"\n    ></s-field-label>\n}\n@let hasMask = !!_field.mask;\n@let currencySymbol =\n    _field.currency\n        ? currencyService.getCurrencySymbol({ currency: _field.currency() })\n        : _field.numberLocaleOptions?.currencySymbol;\n\n@let currencyAddon = currencySymbol ? { label: currencySymbol, disabled: isFormDisabled } : undefined;\n\n<s-input-group [leftAddon]=\"currencyAddon\">\n    @if (hasMask) {\n        <input\n            #inputRef\n            class=\"input-text mousetrap\"\n            sInputText\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [formControl]=\"formControl()\"\n            [sInputMask]=\"mask\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            slotChar=\"_\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"_field.onFocus ? _field.onFocus($event) : null\"\n            (maskComplete)=\"_field.onComplete ? _field.onComplete($event) : null\"\n            (input)=\"_field.onInput ? _field.onInput($event) : null\"\n        />\n    } @else if (!hasMask) {\n        <input\n            #inputRef\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            class=\"input-text\"\n            sInputText\n            [name]=\"_field.name\"\n            [formControl]=\"formControl()\"\n            sNumberInput\n            [precision]=\"\n                _field.precision\n                    ? fieldUtils.isFunction(_field.precision)\n                        ? fieldUtils.trigger(_field.precision)\n                        : _field.precision\n                    : _field.currency && _field.currency()\n                      ? currencies[_field.currency()].precision\n                      : 15\n            \"\n            [scale]=\"\n                _field.scale\n                    ? fieldUtils.isFunction(_field.scale)\n                        ? fieldUtils.trigger(_field.scale)\n                        : _field.scale\n                    : _field.currency && _field.currency()\n                      ? currencies[_field.currency()].scale\n                      : 2\n            \"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator ?? ''\"\n            [thousandsSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator ?? ''\"\n            [blockDecimalOverflow]=\"true\"\n            [alignTo]=\"parseAlignTo(_field)\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            [showDelay]=\"500\"\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"_field.onFocus ? _field.onFocus($event) : null\"\n        />\n    }\n</s-input-group>\n" }]
+        }] });
+
 class FileUploadFieldComponent {
     changeDetectorRef = inject(ChangeDetectorRef);
     elementRef = inject(ElementRef);
@@ -1572,6 +1629,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ standalone: true, imports: [FieldLabelComponent, TooltipDirective, LookupComponent, ReactiveFormsModule], template: "@let _field = field();\n<s-field-label [field]=\"_field\"></s-field-label>\n\n<div\n    [sTooltip]=\"_field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n>\n    <s-lookup\n        [id]=\"_field.id || _field.name\"\n        [multiple]=\"_field.multiple ?? false\"\n        [formControl]=\"formControl()\"\n        [lookupSuggestions]=\"lookupSuggestions\"\n        [dataKey]=\"_field.dataKey\"\n        [placeholder]=\"_field.placeholder\"\n        [showSearch]=\"_field.showSearch ?? true\"\n        [searchFields]=\"_field.searchFields\"\n        [searchGridFields]=\"_field.searchGridFields\"\n        [searchGridData]=\"gridData\"\n        (onLookupRequest)=\"_field.onLookupRequest($event)\"\n        (onSearchRequest)=\"_field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"_field.lookupDisplayField\"\n        [searchTotalRecords]=\"searchTotalRecords\"\n        [labelOptions]=\"{\n            recordsLabel: _field.recordsLabel,\n            recordLabel: _field.recordLabel,\n            emptyFieldLabel: _field.emptyFieldLabel,\n            selectLabel: _field.selectLabel,\n            cancelLabel: _field.cancelLabel,\n            clearLabel: _field.clearLabel,\n            filterLabel: _field.filterLabel,\n            filterTitle: _field.filterTitle,\n            searchTotalRecordsLabel: searchTotalRecordsLabel,\n            searchEmptyTitle: _field.searchEmptyTitle,\n            searchTitle: _field.searchTitle,\n        }\"\n        (onSelect)=\"_field.onSelect?.($event)\"\n        (onUnselect)=\"_field.onUnselect?.($event)\"\n        (onClear)=\"_field.onClear ? _field.onClear($event) : null\"\n        (onBlur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n        [lookupAppendTo]=\"_field.appendTo\"\n        [lookupEmptyMessage]=\"_field.emptyMessage\"\n        [defaultFilter]=\"_field.defaultFilter ?? []\"\n        [autocompleteForceSelection]=\"_field.autocompleteForceSelection ?? true\"\n        [maxlength]=\"_field.maxlength ?? null\"\n        [alertConfig]=\"_field.alertConfig\"\n        [showAddOption]=\"_field.showAddOption ?? false\"\n        [showEditOption]=\"_field.showEditOption ?? false\"\n        [showRemoveOption]=\"_field.showRemoveOption ?? false\"\n        [sortableColumnsDisabled]=\"_field.sortableColumnsDisabled ?? []\"\n        (onAdd)=\"_field.onAdd ? _field.onAdd() : null\"\n        (onEdit)=\"_field.onEdit ? _field.onEdit($event) : null\"\n        (onRemove)=\"_field.onRemove ? _field.onRemove($event) : null\"\n        (onClearButtonClick)=\"_field.onClearButtonClick ? _field.onClearButtonClick() : null\"\n    >\n    </s-lookup>\n</div>\n\n" }]
         }] });
 
+/* eslint-disable @angular-eslint/no-output-on-prefix */
+class NumberFieldComponent {
+    localeService = inject(LocaleService);
+    elementRef = inject(ElementRef);
+    changeDetectorRef = inject(ChangeDetectorRef);
+    field = input.required();
+    formControl = input.required();
+    fieldUtils = inject(FormFieldUtilsService);
+    toAddon = createAddonResolver(this.fieldUtils, () => this.formControl().disabled);
+    onInput = new EventEmitter();
+    onFocus = new EventEmitter();
+    onComplete = new EventEmitter();
+    inputRef = null;
+    ngUnsubscribe = new Subject();
+    ngOnInit() {
+        this.onLocaleService();
+        this.onFocus.pipe(takeUntil$1(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field().onFocus) {
+                this.field().onFocus?.(event);
+            }
+        });
+        this.onInput.pipe(takeUntil$1(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field().onInput) {
+                this.field().onInput?.(event);
+            }
+        });
+        this.onComplete.pipe(takeUntil$1(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field().onComplete) {
+                this.field().onComplete?.(event);
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.setInputRef();
+        this.changeDetectorRef.detectChanges();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    get numberAlignmentOption() {
+        return NumberAlignmentOption;
+    }
+    onLocaleService() {
+        const field = this.field();
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                if (!field.numberLocaleOptions?.decimalSeparator) {
+                    field.numberLocaleOptions = {
+                        ...field.numberLocaleOptions,
+                        decimalSeparator: this.localeService.getDecimalSeparator() ?? '',
+                    };
+                }
+                if (!field.numberLocaleOptions?.thousandsSeparator) {
+                    field.numberLocaleOptions = {
+                        ...field.numberLocaleOptions,
+                        thousandsSeparator: this.localeService.getGroupingSeparator() ?? '',
+                    };
+                }
+                if (!field.numberLocaleOptions?.currencySymbol) {
+                    field.numberLocaleOptions = {
+                        ...field.numberLocaleOptions,
+                        currencySymbol: 'R$',
+                    };
+                }
+            },
+            error: () => (field.numberLocaleOptions = field.numberLocaleOptions ?? {
+                thousandsSeparator: '.',
+                decimalSeparator: ',',
+                currencySymbol: 'R$',
+            }),
+        });
+    }
+    setInputRef() {
+        const input = this.elementRef.nativeElement.querySelector('input');
+        this.inputRef = input;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: NumberFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, ngImport: i0, template: "@let _field = field();\n@if (inputRef) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    />\n}\n\n<s-input-group\n    [leftAddon]=\"toAddon(_field.leftAddon)\"\n    [rightAddon]=\"toAddon(_field.rightAddon)\"\n>\n    @if (_field.mask) {\n        <input\n            sInputText\n            class=\"input-text mousetrap\"\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sInputMask]=\"fieldUtils.getFieldPropertyMask(_field.mask)\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            slotChar=\"_\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            [formControl]=\"formControl()\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (maskComplete)=\"onComplete.next($event)\"\n            (input)=\"onInput.next($event)\"\n        />\n    } @else if (\n        _field.type === 'legacyNumber' && _field.localizedNumber && _field.alignTo === numberAlignmentOption.LEFT\n    ) {\n        <input\n            #inputRef\n            [id]=\"_field.id || _field.name\"\n            type=\"text\"\n            [name]=\"_field.name\"\n            sLocalizedNumberInput\n            [precision]=\"\n                fieldUtils.isFunction(_field.precision) ? fieldUtils.trigger(_field.precision) : _field.precision\n            \"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder\"\n            [showDelay]=\"500\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl()\"\n        />\n    } @else {\n        <input\n            #inputRef\n            [id]=\"_field.id || _field.name\"\n            type=\"text\"\n            [name]=\"_field.name\"\n            sNumberInput\n            [precision]=\"\n                fieldUtils.isFunction(_field.precision) ? fieldUtils.trigger(_field.precision) : _field.precision\n            \"\n            [scale]=\"fieldUtils.isFunction(_field.scale) ? fieldUtils.trigger(_field.scale) : _field.scale\"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator ?? ''\"\n            [thousandsSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator ?? ''\"\n            [alignTo]=\"_field.alignTo ?? numberAlignmentOption.LEFT\"\n            [blockDecimalOverflow]=\"true\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder\"\n            [showDelay]=\"500\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl()\"\n            class=\"input-text\"\n        />\n    }\n</s-input-group>\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "directive", type: InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: InputGroupComponent, selector: "s-input-group", inputs: ["leftAddon", "rightAddon"] }, { kind: "ngmodule", type: LocalizedNumberInputModule }, { kind: "directive", type: i2$4.LocalizedNumberInputDirective, selector: "input[sLocalizedNumberInput]", inputs: ["decimalSeparator", "thousandsSeparator", "precision"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: NumberInputModule }, { kind: "directive", type: i2$3.NumberInputDirective, selector: "input[sNumberInput]" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputTextDirective, selector: "input[sInputText]" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberFieldComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        FieldLabelComponent,
+                        InputMaskDirective,
+                        TooltipDirective,
+                        ReactiveFormsModule,
+                        InputGroupComponent,
+                        LocalizedNumberInputModule,
+                        NgClass,
+                        NumberInputModule,
+                        InputTextModule,
+                    ], encapsulation: ViewEncapsulation.None, template: "@let _field = field();\n@if (inputRef) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    />\n}\n\n<s-input-group\n    [leftAddon]=\"toAddon(_field.leftAddon)\"\n    [rightAddon]=\"toAddon(_field.rightAddon)\"\n>\n    @if (_field.mask) {\n        <input\n            sInputText\n            class=\"input-text mousetrap\"\n            type=\"text\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sInputMask]=\"fieldUtils.getFieldPropertyMask(_field.mask)\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            slotChar=\"_\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            [formControl]=\"formControl()\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (maskComplete)=\"onComplete.next($event)\"\n            (input)=\"onInput.next($event)\"\n        />\n    } @else if (\n        _field.type === 'legacyNumber' && _field.localizedNumber && _field.alignTo === numberAlignmentOption.LEFT\n    ) {\n        <input\n            #inputRef\n            [id]=\"_field.id || _field.name\"\n            type=\"text\"\n            [name]=\"_field.name\"\n            sLocalizedNumberInput\n            [precision]=\"\n                fieldUtils.isFunction(_field.precision) ? fieldUtils.trigger(_field.precision) : _field.precision\n            \"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder\"\n            [showDelay]=\"500\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl()\"\n        />\n    } @else {\n        <input\n            #inputRef\n            [id]=\"_field.id || _field.name\"\n            type=\"text\"\n            [name]=\"_field.name\"\n            sNumberInput\n            [precision]=\"\n                fieldUtils.isFunction(_field.precision) ? fieldUtils.trigger(_field.precision) : _field.precision\n            \"\n            [scale]=\"fieldUtils.isFunction(_field.scale) ? fieldUtils.trigger(_field.scale) : _field.scale\"\n            [decimalSeparator]=\"_field.numberLocaleOptions?.decimalSeparator ?? ''\"\n            [thousandsSeparator]=\"_field.numberLocaleOptions?.thousandsSeparator ?? ''\"\n            [alignTo]=\"_field.alignTo ?? numberAlignmentOption.LEFT\"\n            [blockDecimalOverflow]=\"true\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder\"\n            [showDelay]=\"500\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl()\"\n            class=\"input-text\"\n        />\n    }\n</s-input-group>\n" }]
+        }], propDecorators: { onInput: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onComplete: [{
+                type: Output
+            }] } });
+
 /* eslint-disable @angular-eslint/no-output-on-prefix */
 class PasswordFieldComponent {
     changeDetectorRef = inject(ChangeDetectorRef);
@@ -1623,7 +1784,7 @@ class PasswordFieldComponent {
         this.changeDetectorRef.detectChanges();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PasswordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PasswordFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@let _field = field();\n@if (inputRef) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<s-input-group [rightAddon]=\"_field.showToggle ? (passwordVisible ? hidePasswordAddon : showPasswordAddon) : undefined\">\n    <input\n        #inputRef\n        [type]=\"passwordVisible ? 'text' : 'password'\"\n        [id]=\"_field.id || _field.name\"\n        class=\"password-input\"\n        [name]=\"_field.name\"\n        [sTooltip]=\"_field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"_field.placeholder ?? ''\"\n        [showDelay]=\"500\"\n        [maxLength]=\"_field.maxLength ?? 9999999\"\n        sInputText\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl()\"\n        [ngStyle]=\"_field.style\"\n        [sPasswordStrength]=\"_field.passwordStrength ? _field.passwordStrength : false\"\n        [passwordStrengthDescription]=\"\n            _field.passwordStrengthOptions?.description ? _field.passwordStrengthOptions!.description : ''\n        \"\n        [passwordStrengthWeakTitle]=\"\n            _field.passwordStrengthOptions?.weakTitle ? _field.passwordStrengthOptions?.weakTitle : ''\n        \"\n        [passwordStrengthMediumTitle]=\"\n            _field.passwordStrengthOptions?.mediumTitle ? _field.passwordStrengthOptions?.mediumTitle : ''\n        \"\n        [passwordStrengthStrongTitle]=\"\n            _field.passwordStrengthOptions?.strongTitle ? _field.passwordStrengthOptions?.strongTitle : ''\n        \"\n        [passwordStrengthValidation]=\"_field.passwordStrengthOptions?.validation\"\n    />\n</s-input-group>\n", styles: ["s-text-field.ng-dirty.ng-invalid .password-input{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .password-input:hover{border-color:highlight(#c13018)}\n"], dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: PasswordStrengthModule }, { kind: "directive", type: i2$3.PasswordStrengthDirective, selector: "[sPasswordStrength]", inputs: ["sPasswordStrength", "passwordStrengthValidation", "passwordStrengthPosition", "passwordStrengthWeakTitle", "passwordStrengthMediumTitle", "passwordStrengthStrongTitle", "passwordStrengthDescription"] }, { kind: "component", type: InputGroupComponent, selector: "s-input-group", inputs: ["leftAddon", "rightAddon"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2$1.InputTextDirective, selector: "input[sInputText]" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PasswordFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@let _field = field();\n@if (inputRef) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<s-input-group [rightAddon]=\"_field.showToggle ? (passwordVisible ? hidePasswordAddon : showPasswordAddon) : undefined\">\n    <input\n        #inputRef\n        [type]=\"passwordVisible ? 'text' : 'password'\"\n        [id]=\"_field.id || _field.name\"\n        class=\"password-input\"\n        [name]=\"_field.name\"\n        [sTooltip]=\"_field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"_field.placeholder ?? ''\"\n        [showDelay]=\"500\"\n        [maxLength]=\"_field.maxLength ?? 9999999\"\n        sInputText\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl()\"\n        [ngStyle]=\"_field.style\"\n        [sPasswordStrength]=\"_field.passwordStrength ? _field.passwordStrength : false\"\n        [passwordStrengthDescription]=\"\n            _field.passwordStrengthOptions?.description ? _field.passwordStrengthOptions!.description : ''\n        \"\n        [passwordStrengthWeakTitle]=\"\n            _field.passwordStrengthOptions?.weakTitle ? _field.passwordStrengthOptions?.weakTitle : ''\n        \"\n        [passwordStrengthMediumTitle]=\"\n            _field.passwordStrengthOptions?.mediumTitle ? _field.passwordStrengthOptions?.mediumTitle : ''\n        \"\n        [passwordStrengthStrongTitle]=\"\n            _field.passwordStrengthOptions?.strongTitle ? _field.passwordStrengthOptions?.strongTitle : ''\n        \"\n        [passwordStrengthValidation]=\"_field.passwordStrengthOptions?.validation\"\n    />\n</s-input-group>\n", styles: ["s-text-field.ng-dirty.ng-invalid .password-input{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .password-input:hover{border-color:highlight(#c13018)}\n"], dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: PasswordStrengthModule }, { kind: "directive", type: i2$5.PasswordStrengthDirective, selector: "[sPasswordStrength]", inputs: ["sPasswordStrength", "passwordStrengthValidation", "passwordStrengthPosition", "passwordStrengthWeakTitle", "passwordStrengthMediumTitle", "passwordStrengthStrongTitle", "passwordStrengthDescription"] }, { kind: "component", type: InputGroupComponent, selector: "s-input-group", inputs: ["leftAddon", "rightAddon"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputTextDirective, selector: "input[sInputText]" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PasswordFieldComponent, decorators: [{
             type: Component,
@@ -1904,7 +2065,7 @@ class TextFieldComponent {
         return this.inputRef?.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@let _field = field();\n\n@if (inputElement) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputElement\"\n    />\n}\n\n<s-input-group\n    [leftAddon]=\"toAddon(_field.leftAddon)\"\n    [rightAddon]=\"toAddon(_field.rightAddon)\"\n>\n    @if (_field.mask) {\n        <input\n            #inputRef\n            sInputText\n            class=\"input-text mousetrap\"\n            [sInputMask]=\"fieldUtils.getFieldPropertyMask(_field.mask)\"\n            [characterPattern]=\"fieldUtils.getFieldProperty(_field.characterPattern ?? '[A-Za-z]')\"\n            [unmask]=\"fieldUtils.getFieldProperty(_field.unmask ?? false)\"\n            slotChar=\"_\"\n            [type]=\"_field.inputType || 'text'\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [readOnly]=\"_field.readonly ? _field.readonly() : false\"\n            [formControl]=\"formControl()\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (maskComplete)=\"onComplete.next($event)\"\n            (input)=\"onInput.next($event)\"\n        />\n    } @else if (_field.keyFilter) {\n        <input\n            #inputRef\n            [type]=\"_field.inputType || 'text'\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            [showDelay]=\"500\"\n            [maxLength]=\"_field.maxLength ?? 9999999\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            class=\"input-text\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (input)=\"onInput.next($event)\"\n            [pKeyFilter]=\"_field.keyFilter\"\n            [formControl]=\"formControl()\"\n            [ngStyle]=\"_field.style\"\n            [readOnly]=\"_field.readonly ? _field.readonly() : false\"\n        />\n    } @else {\n        <input\n            #inputRef\n            [type]=\"_field.inputType || 'text'\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            [showDelay]=\"500\"\n            [maxLength]=\"_field.maxLength ?? 9999999\"\n            sInputText\n            class=\"input-text\"\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (input)=\"onInput.next($event)\"\n            [formControl]=\"formControl()\"\n            [ngStyle]=\"_field.style\"\n            [readOnly]=\"_field.readonly ? _field.readonly() : false\"\n        />\n    }\n</s-input-group>\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "directive", type: InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3$1.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: InputTextDirective, selector: "input[sInputText]" }, { kind: "component", type: InputGroupComponent, selector: "s-input-group", inputs: ["leftAddon", "rightAddon"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextFieldComponent, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@let _field = field();\n\n@if (inputElement) {\n    <s-field-label\n        [field]=\"_field\"\n        [fieldContainerRef]=\"inputElement\"\n    />\n}\n\n<s-input-group\n    [leftAddon]=\"toAddon(_field.leftAddon)\"\n    [rightAddon]=\"toAddon(_field.rightAddon)\"\n>\n    @if (_field.mask) {\n        <input\n            #inputRef\n            sInputText\n            class=\"input-text mousetrap\"\n            [sInputMask]=\"fieldUtils.getFieldPropertyMask(_field.mask)\"\n            [characterPattern]=\"fieldUtils.getFieldProperty(_field.characterPattern ?? '[A-Za-z]')\"\n            [unmask]=\"fieldUtils.getFieldProperty(_field.unmask ?? false)\"\n            slotChar=\"_\"\n            [type]=\"_field.inputType || 'text'\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [readOnly]=\"_field.readonly ? _field.readonly() : false\"\n            [formControl]=\"formControl()\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (maskComplete)=\"onComplete.next($event)\"\n            (input)=\"onInput.next($event)\"\n        />\n    } @else if (_field.keyFilter) {\n        <input\n            #inputRef\n            [type]=\"_field.inputType || 'text'\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            [showDelay]=\"500\"\n            [maxLength]=\"_field.maxLength ?? 9999999\"\n            sInputText\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            class=\"input-text\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (input)=\"onInput.next($event)\"\n            [pKeyFilter]=\"_field.keyFilter\"\n            [formControl]=\"formControl()\"\n            [ngStyle]=\"_field.style\"\n            [readOnly]=\"_field.readonly ? _field.readonly() : false\"\n        />\n    } @else {\n        <input\n            #inputRef\n            [type]=\"_field.inputType || 'text'\"\n            [id]=\"_field.id || _field.name\"\n            [name]=\"_field.name\"\n            [sTooltip]=\"_field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"_field.placeholder ?? ''\"\n            [showDelay]=\"500\"\n            [maxLength]=\"_field.maxLength ?? 9999999\"\n            sInputText\n            class=\"input-text\"\n            [autocomplete]=\"_field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"_field.onBlur ? _field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            (input)=\"onInput.next($event)\"\n            [formControl]=\"formControl()\"\n            [ngStyle]=\"_field.style\"\n            [readOnly]=\"_field.readonly ? _field.readonly() : false\"\n        />\n    }\n</s-input-group>\n", dependencies: [{ kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "directive", type: InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$1.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3$2.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: InputTextDirective, selector: "input[sInputText]" }, { kind: "component", type: InputGroupComponent, selector: "s-input-group", inputs: ["leftAddon", "rightAddon"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
@@ -1930,13 +2091,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['inputRef']
             }] } });
 
-/**
- * @deprecated Será removido na v20. Importe diretamente os standalones `DynamicFormComponent` e
- * `DynamicFormDirective` (de `@seniorsistemas/angular-components/dynamic-form`) no lugar deste módulo.
- *
- * Migração automática (também executada pelo `ng update` na v20):
- * `ng generate @seniorsistemas/angular-components:migrate-modules-to-standalone`
- */
 class DynamicFormModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, imports: [DynamicFormDirective, DynamicFormComponent], exports: [DynamicFormComponent, DynamicFormDirective] });
@@ -1973,7 +2127,9 @@ DynamicFormRegistry.registerField(CalendarFieldComponent, 'date', 'dateTime', 'l
 DynamicFormRegistry.registerField(CheckboxFieldComponent, 'checkbox');
 DynamicFormRegistry.registerField(ChipsFieldComponent, 'chips');
 DynamicFormRegistry.registerField(CountryPhonePickerFieldComponent, 'countryPhonePicker');
-DynamicFormRegistry.registerField(BignumberFieldComponent, 'number', 'integer', 'double', 'money');
+DynamicFormRegistry.registerField(NumberFieldComponent, 'legacyNumber');
+DynamicFormRegistry.registerField(CurrencyFieldComponent, 'money');
+DynamicFormRegistry.registerField(BignumberFieldComponent, 'number', 'integer', 'double');
 DynamicFormRegistry.registerField(PasswordFieldComponent, 'password');
 DynamicFormRegistry.registerField(ProfilePictureFieldComponent, 'profilePicture');
 DynamicFormRegistry.registerField(RadioButtonFieldComponent, 'radioButton');
@@ -1993,5 +2149,5 @@ DynamicFormRegistry.registerField(SectionComponent, 'section');
  * Generated bundle index. Do not edit.
  */
 
-export { DynamicFormComponent, DynamicFormDirective, DynamicFormModule, DynamicFormRegistry, FieldLabelComponent, FieldSize, LookupComponent, RationButtonOption, dynamicTypeToDynamicStructure };
+export { DynamicFormComponent, DynamicFormDirective, DynamicFormModule, DynamicFormRegistry, FieldLabelComponent, FieldSize, LookupComponent, NumberFieldComponent, RationButtonOption, dynamicTypeToDynamicStructure };
 //# sourceMappingURL=seniorsistemas-angular-components-dynamic-form.mjs.map