@seniorsistemas/angular-components 17.5.1 → 17.5.3

package/fesm5/seniorsistemas-angular-components.js

@@ -1,11 +1,15 @@
 import { __decorate, __extends, __spread, __assign, __awaiter, __generator, __param, __values, __rest, __read } from 'tslib';
-import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Directive, HostBinding, Renderer2, TemplateRef, InjectionToken, Inject, Pipe, ViewEncapsulation, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild } from '@angular/core';
+import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Directive, KeyValueDiffers, HostBinding, Renderer2, TemplateRef, InjectionToken, Inject, ViewEncapsulation, Pipe, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild } from '@angular/core';
 import { trigger, transition, style as style$7, animate, state, group, query, animateChild } from '@angular/animations';
-import { Subject, ReplaySubject, of, from, throwError, forkJoin } from 'rxjs';
-import { takeUntil, filter, take, tap, map, switchMap, catchError, delay, debounceTime, repeat, first, finalize } from 'rxjs/operators';
+import { Subject, of, from, ReplaySubject, throwError, forkJoin } from 'rxjs';
+import { takeUntil, tap, map, switchMap, catchError, first, filter, take, delay, debounceTime, repeat, finalize } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, FormControl, FormGroup, NG_VALIDATORS, FormBuilder, Validators, FormArray, ControlContainer } from '@angular/forms';
 import { RouterModule, NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router } from '@angular/router';
+import { HttpClient, HttpClientModule, HttpEventType } from '@angular/common/http';
+import { user, service } from '@seniorsistemas/senior-platform-data';
+import * as moment_ from 'moment';
+import { CookieService } from 'ngx-cookie-service';
 import { AlignmentOptions, CurrencyMaskDirective, applyMask } from '@seniorsistemas/ng2-currency-mask';
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
 import { TieredMenu, TieredMenuModule as TieredMenuModule$1 } from 'primeng/tieredmenu';
@@ -19,19 +23,15 @@ import { LRLanguage, LanguageSupport } from '@codemirror/language';
 import { buildParser } from '@lezer/generator';
 import { styleTags, tags, HighlightStyle } from '@codemirror/highlight';
 import { autocompletion, pickedCompletion, startCompletion } from '@codemirror/autocomplete';
-import { user, service } from '@seniorsistemas/senior-platform-data';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { showTooltip } from '@codemirror/tooltip';
 import { lineNumbers } from '@codemirror/gutter';
 import { NgxMaskModule } from 'ngx-mask';
-import { HttpClient, HttpClientModule, HttpEventType } from '@angular/common/http';
 import { Hotkey, HotkeysService, HotkeyModule } from 'angular2-hotkeys';
 import BigNumber, { BigNumber as BigNumber$1 } from 'bignumber.js';
 import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
 import { Dialog, DialogModule } from 'primeng/dialog';
 import { Table, RowToggler, TableService, TableModule as TableModule$1 } from 'primeng/table';
-import * as moment_ from 'moment';
-import { CookieService } from 'ngx-cookie-service';
 import { CurrencyMaskDirective as CurrencyMaskDirective$1 } from 'ng2-currency-mask';
 import { ButtonModule as ButtonModule$1 } from 'primeng/button';
 import { CheckboxModule } from 'primeng/checkbox';
@@ -865,15 +865,157 @@ var BadgeModule = /** @class */ (function () {
     return BadgeModule;
 }());
 
+var CalendarLocaleOptions = /** @class */ (function () {
+    function CalendarLocaleOptions(config) {
+        var _this = this;
+        if (config === void 0) { config = {}; }
+        this.hourFormat = "24";
+        this.dateFormat = "dd/mm/yy";
+        this.firstDayOfWeek = 0;
+        this.today = "Hoje";
+        this.clear = "Limpar";
+        this.dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
+        this.dayNamesShort = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
+        this.dayNamesMin = ["D", "S", "T", "Q", "Q", "S", "S"];
+        this.monthNamesShort = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
+        this.monthNames = [
+            "Janeiro",
+            "Fevereiro",
+            "Março",
+            "Abril",
+            "Maio",
+            "Junho",
+            "Julho",
+            "Agosto",
+            "Setembro",
+            "Outubro",
+            "Novembro",
+            "Dezembro",
+        ];
+        Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
+    }
+    return CalendarLocaleOptions;
+}());
+
+var NumberLocaleOptions = /** @class */ (function () {
+    function NumberLocaleOptions(config) {
+        if (config === void 0) { config = {}; }
+        this.thousandsSeparator = ".";
+        this.decimalSeparator = ",";
+        this.currencySymbol = "R$";
+        Object.assign(this, config);
+    }
+    return NumberLocaleOptions;
+}());
+
+var LocaleOptions = /** @class */ (function () {
+    function LocaleOptions(config) {
+        var _this = this;
+        if (config === void 0) { config = {}; }
+        this.calendar = new CalendarLocaleOptions();
+        this.number = new NumberLocaleOptions();
+        Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
+    }
+    return LocaleOptions;
+}());
+/**
+ * @deprecated
+ */
+var DEFAULT_CALENDAR_LOCALE_OPTIONS = new CalendarLocaleOptions();
+/**
+ * @deprecated
+ */
+var DEFAULT_NUMBER_LOCALE_OPTIONS = new NumberLocaleOptions();
+/**
+ * @deprecated
+ */
+var DEFAULT_LOCALE_OPTIONS = new LocaleOptions();
+
+var moment = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+var LocaleService = /** @class */ (function () {
+    function LocaleService(http, cookieService) {
+        this.http = http;
+        this.cookieService = cookieService;
+        this.localeOptionsAddress = "https://cdn.senior.com.br/primeng/locales";
+        this.localeOptionsVersion = "3.0.0";
+    }
+    LocaleService.prototype.get = function () {
+        var _this = this;
+        return this.localeOptions
+            ? of(this.localeOptions)
+            : this.getLocaleConfig().pipe(tap(function (localeOptions) { return (_this.localeOptions = localeOptions); }));
+    };
+    LocaleService.prototype.getLocale = function () {
+        var _this = this;
+        return this.locale
+            ? of(this.locale)
+            : from(this.getUserData()).pipe(map(function (userData) {
+                _this.locale = userData.locale || userData.tenantLocale || "pt-BR";
+                return _this.locale;
+            }));
+    };
+    LocaleService.prototype.getUserData = function () {
+        try {
+            return of(JSON.parse(this.cookieService.get("com.senior.token")));
+        }
+        catch (ex) {
+            console.warn("Unable to obtain user locale from cookie, calling getUser");
+            return user.getUserData();
+        }
+    };
+    LocaleService.prototype.getLocaleConfig = function () {
+        var _this = this;
+        return this.getLocale().pipe(switchMap(function (locale) {
+            moment.locale(locale);
+            return _this.http
+                .get(_this.localeOptionsAddress + "/" + _this.localeOptionsVersion + "/" + locale + ".json")
+                .pipe(map(function (response) { return new LocaleOptions(response); }));
+        }), catchError(function (err) {
+            console.warn("Error getting locale configuration. Using fallback.", err);
+            return of(new LocaleOptions());
+        }));
+    };
+    LocaleService.prototype.getGroupingSeparator = function () {
+        var _a;
+        var numberFormat = new Intl.NumberFormat(this.locale, {
+            style: "decimal",
+            minimumFractionDigits: 5,
+            maximumFractionDigits: 5,
+        });
+        // The default groupingSeparator for 'fr' is the character code 8239. We need it to be the regular space.
+        if (this.locale.includes("fr"))
+            return " ";
+        return (_a = numberFormat.formatToParts(1000).find(function (part) { return part.type === "group"; })) === null || _a === void 0 ? void 0 : _a.value;
+    };
+    LocaleService.prototype.getDecimalSeparator = function () {
+        var _a;
+        var numberFormat = new Intl.NumberFormat(this.locale, {
+            style: "decimal",
+            minimumFractionDigits: 5,
+            maximumFractionDigits: 5,
+        });
+        return (_a = numberFormat.formatToParts(1.2).find(function (part) { return part.type === "decimal"; })) === null || _a === void 0 ? void 0 : _a.value;
+    };
+    LocaleService.ctorParameters = function () { return [
+        { type: HttpClient },
+        { type: CookieService }
+    ]; };
+    LocaleService = __decorate([
+        Injectable()
+    ], LocaleService);
+    return LocaleService;
+}());
+
 var BignumberInputDirective = /** @class */ (function (_super) {
     __extends(BignumberInputDirective, _super);
-    function BignumberInputDirective() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function BignumberInputDirective(_elementRef, _keyValueDiffers, localeService) {
+        var _this = _super.call(this, null, _elementRef, _keyValueDiffers) || this;
+        _this.localeService = localeService;
         _this.precision = 15;
         _this.scale = 0;
-        _this.decimalSeparator = ",";
         _this.alignTo = AlignmentOptions.LEFT;
         _this.allowNegative = true;
+        _this.onLocaleService();
         return _this;
     }
     BignumberInputDirective_1 = BignumberInputDirective;
@@ -918,7 +1060,7 @@ var BignumberInputDirective = /** @class */ (function (_super) {
             scale: this.scale || 0,
             prefix: "",
             suffix: "",
-            allowNegative: this.allowNegative
+            allowNegative: this.allowNegative,
         };
         this.calculateMaxLength();
     };
@@ -934,7 +1076,23 @@ var BignumberInputDirective = /** @class */ (function (_super) {
         this._maxLength = maxLength;
         this.maxLength = maxLength;
     };
+    BignumberInputDirective.prototype.onLocaleService = function () {
+        var _this = this;
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe(function () {
+            var _a, _b;
+            _this.decimalSeparator = (_a = _this.decimalSeparator) !== null && _a !== void 0 ? _a : _this.localeService.getDecimalSeparator();
+            _this.thousandsSeparator = (_b = _this.thousandsSeparator) !== null && _b !== void 0 ? _b : _this.localeService.getGroupingSeparator();
+        });
+    };
     var BignumberInputDirective_1;
+    BignumberInputDirective.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: KeyValueDiffers },
+        { type: LocaleService }
+    ]; };
     __decorate([
         Input()
     ], BignumberInputDirective.prototype, "precision", void 0);
@@ -4152,38 +4310,6 @@ var CountryPhonePickerModule = /** @class */ (function () {
     return CountryPhonePickerModule;
 }());
 
-var CalendarLocaleOptions = /** @class */ (function () {
-    function CalendarLocaleOptions(config) {
-        var _this = this;
-        if (config === void 0) { config = {}; }
-        this.hourFormat = "24";
-        this.dateFormat = "dd/mm/yy";
-        this.firstDayOfWeek = 0;
-        this.today = "Hoje";
-        this.clear = "Limpar";
-        this.dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
-        this.dayNamesShort = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
-        this.dayNamesMin = ["D", "S", "T", "Q", "Q", "S", "S"];
-        this.monthNamesShort = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
-        this.monthNames = [
-            "Janeiro",
-            "Fevereiro",
-            "Março",
-            "Abril",
-            "Maio",
-            "Junho",
-            "Julho",
-            "Agosto",
-            "Setembro",
-            "Outubro",
-            "Novembro",
-            "Dezembro",
-        ];
-        Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
-    }
-    return CalendarLocaleOptions;
-}());
-
 var FieldType;
 (function (FieldType) {
     FieldType["Autocomplete"] = "Autocomplete";
@@ -4265,410 +4391,50 @@ var AutocompleteField = /** @class */ (function (_super) {
     return AutocompleteField;
 }(Field));
 
-var NumberLocaleOptions = /** @class */ (function () {
-    function NumberLocaleOptions(config) {
-        if (config === void 0) { config = {}; }
-        this.thousandsSeparator = ".";
-        this.decimalSeparator = ",";
-        this.currencySymbol = "R$";
-        Object.assign(this, config);
+var BignumberField = /** @class */ (function (_super) {
+    __extends(BignumberField, _super);
+    function BignumberField(config) {
+        var _a, _b, _c;
+        var _this = _super.call(this, config) || this;
+        _this.allowNegative = (_a = config.allowNegative) !== null && _a !== void 0 ? _a : true;
+        _this.numberLocaleOptions = config.numberLocaleOptions;
+        _this.browserAutocomplete = config.browserAutocomplete;
+        _this.precision = config.precision;
+        _this.scale = (_b = config.scale) !== null && _b !== void 0 ? _b : 2;
+        _this.alignTo = _this.scale ? AlignmentOptions.RIGHT : AlignmentOptions.LEFT;
+        _this.mask = config.mask;
+        _this.leftAddon = config.leftAddon;
+        _this.rightAddon = config.rightAddon;
+        _this.onBlur = config.onBlur;
+        _this.onFocus = config.onFocus;
+        _this.onComplete = config.onComplete;
+        _this.onInput = config.onInput;
+        _this.autoClear = (_c = config.autoClear) !== null && _c !== void 0 ? _c : true;
+        return _this;
     }
-    return NumberLocaleOptions;
-}());
+    return BignumberField;
+}(Field));
 
-var LocaleOptions = /** @class */ (function () {
-    function LocaleOptions(config) {
-        var _this = this;
-        if (config === void 0) { config = {}; }
-        this.calendar = new CalendarLocaleOptions();
-        this.number = new NumberLocaleOptions();
-        Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
+var BlobField = /** @class */ (function (_super) {
+    __extends(BlobField, _super);
+    function BlobField(config) {
+        var _this = _super.call(this, config) || this;
+        _this.accept = config.accept;
+        _this.files = config.files || [];
+        _this.chooseLabel = config.chooseLabel;
+        _this.removeLabel = config.removeLabel;
+        _this.cancelLabel = config.cancelLabel;
+        _this.successTooltip = config.successTooltip;
+        _this.multiple = config.multiple;
+        _this.onUploadFile = config.onUploadFile;
+        _this.onRemoveFile = config.onRemoveFile;
+        _this.onCancelUpload = config.onCancelUpload;
+        _this.onDownloadFile = config.onDownloadFile;
+        _this.showFileUploadDate = config.showFileUploadDate;
+        return _this;
     }
-    return LocaleOptions;
-}());
-/**
- * @deprecated
- */
-var DEFAULT_CALENDAR_LOCALE_OPTIONS = new CalendarLocaleOptions();
-/**
- * @deprecated
- */
-var DEFAULT_NUMBER_LOCALE_OPTIONS = new NumberLocaleOptions();
-/**
- * @deprecated
- */
-var DEFAULT_LOCALE_OPTIONS = new LocaleOptions();
-
-var moment = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-var LocaleService = /** @class */ (function () {
-    function LocaleService(http, cookieService) {
-        this.http = http;
-        this.cookieService = cookieService;
-        this.localeOptionsAddress = "https://cdn.senior.com.br/primeng/locales";
-        this.localeOptionsVersion = "3.0.0";
-    }
-    LocaleService.prototype.get = function () {
-        var _this = this;
-        return this.localeOptions
-            ? of(this.localeOptions)
-            : this.getLocaleConfig().pipe(tap(function (localeOptions) { return (_this.localeOptions = localeOptions); }));
-    };
-    LocaleService.prototype.getLocale = function () {
-        var _this = this;
-        return this.locale
-            ? of(this.locale)
-            : from(this.getUserData()).pipe(map(function (userData) {
-                _this.locale = userData.locale || userData.tenantLocale || "pt-BR";
-                return _this.locale;
-            }));
-    };
-    LocaleService.prototype.getUserData = function () {
-        try {
-            return of(JSON.parse(this.cookieService.get('com.senior.token')));
-        }
-        catch (ex) {
-            console.warn('Unable to obtain user locale from cookie, calling getUser');
-            return user.getUserData();
-        }
-    };
-    LocaleService.prototype.getLocaleConfig = function () {
-        var _this = this;
-        return this.getLocale().pipe(switchMap(function (locale) {
-            moment.locale(locale);
-            return _this.http
-                .get(_this.localeOptionsAddress + "/" + _this.localeOptionsVersion + "/" + locale + ".json")
-                .pipe(map(function (response) { return new LocaleOptions(response); }));
-        }), catchError(function (err) {
-            console.warn("Error getting locale configuration. Using fallback.", err);
-            return of(new LocaleOptions());
-        }));
-    };
-    LocaleService.ctorParameters = function () { return [
-        { type: HttpClient },
-        { type: CookieService }
-    ]; };
-    LocaleService = __decorate([
-        Injectable()
-    ], LocaleService);
-    return LocaleService;
-}());
-
-var LocalizedBignumberPipe = /** @class */ (function () {
-    function LocalizedBignumberPipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedBignumberPipe.prototype.transform = function (value, options) {
-        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
-    };
-    LocalizedBignumberPipe.prototype.applyMask = function (value, options) {
-        return this.localeService.get().pipe(map(function (localeConfig) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            var configs = {
-                prefix: (_c = (_a = options === null || options === void 0 ? void 0 : options.prefix) !== null && _a !== void 0 ? _a : (_b = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _b === void 0 ? void 0 : _b.currencySymbol) !== null && _c !== void 0 ? _c : "R$",
-                thousandsSeparator: (_f = (_d = options === null || options === void 0 ? void 0 : options.thousandsSeparator) !== null && _d !== void 0 ? _d : (_e = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _e === void 0 ? void 0 : _e.thousandsSeparator) !== null && _f !== void 0 ? _f : ".",
-                decimalSeparator: (_j = (_g = options === null || options === void 0 ? void 0 : options.decimalSeparator) !== null && _g !== void 0 ? _g : (_h = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _h === void 0 ? void 0 : _h.decimalSeparator) !== null && _j !== void 0 ? _j : ",",
-                scale: (_k = options === null || options === void 0 ? void 0 : options.scale) !== null && _k !== void 0 ? _k : 2,
-                allowNegative: (_l = options === null || options === void 0 ? void 0 : options.allowNegative) !== null && _l !== void 0 ? _l : true
-            };
-            var isNumber = !(new BigNumber(value).isNaN());
-            return applyMask(value, configs, isNumber);
-        }));
-    };
-    LocalizedBignumberPipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedBignumberPipe = __decorate([
-        Pipe({
-            name: "localizedBignumber",
-        })
-    ], LocalizedBignumberPipe);
-    return LocalizedBignumberPipe;
-}());
-
-var LocalizedBignumberImpurePipe = /** @class */ (function (_super) {
-    __extends(LocalizedBignumberImpurePipe, _super);
-    function LocalizedBignumberImpurePipe() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LocalizedBignumberImpurePipe.prototype.transform = function (value, options) {
-        return _super.prototype.transform.call(this, value, options);
-    };
-    LocalizedBignumberImpurePipe = __decorate([
-        Pipe({
-            name: "localizedBignumberImpure",
-            pure: false,
-        })
-    ], LocalizedBignumberImpurePipe);
-    return LocalizedBignumberImpurePipe;
-}(LocalizedBignumberPipe));
-
-var LocalizedCurrencyPipeOptions = /** @class */ (function (_super) {
-    __extends(LocalizedCurrencyPipeOptions, _super);
-    function LocalizedCurrencyPipeOptions(config) {
-        if (config === void 0) { config = {}; }
-        var _this = _super.call(this, config) || this;
-        _this.scale = 2;
-        return _this;
-    }
-    return LocalizedCurrencyPipeOptions;
-}(NumberLocaleOptions));
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-var LocalizedCurrencyPipe = /** @class */ (function () {
-    function LocalizedCurrencyPipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedCurrencyPipe.prototype.transform = function (value, options) {
-        if (!options) {
-            options = new LocalizedCurrencyPipeOptions();
-        }
-        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
-    };
-    LocalizedCurrencyPipe.prototype.applyMask = function (value, options) {
-        return this.localeService.get().pipe(map(function (localeConfig) {
-            var config = __assign(__assign({}, localeConfig.number), options);
-            var scale = config.scale, currencySymbol = config.currencySymbol, thousandsSeparator = config.thousandsSeparator, decimalSeparator = config.decimalSeparator;
-            var rawValue = Number(value).toFixed(scale);
-            var onlyNumbers = rawValue.replace(/[^0-9]/g, "");
-            var integerPart = onlyNumbers
-                .slice(0, onlyNumbers.length - scale)
-                .replace(/^0*/g, "")
-                .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || "0";
-            var decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
-            var newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
-            var isZero = !Number(onlyNumbers);
-            var operator = rawValue.includes("-") && !isZero ? "-" : "";
-            return "" + operator + currencySymbol + newValue;
-        }));
-    };
-    LocalizedCurrencyPipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedCurrencyPipe = __decorate([
-        Pipe({
-            name: "localizedCurrency",
-        })
-    ], LocalizedCurrencyPipe);
-    return LocalizedCurrencyPipe;
-}());
-
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-var LocalizedCurrencyImpurePipe = /** @class */ (function (_super) {
-    __extends(LocalizedCurrencyImpurePipe, _super);
-    function LocalizedCurrencyImpurePipe() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LocalizedCurrencyImpurePipe.prototype.transform = function (value, options) {
-        if (options === void 0) { options = new LocalizedCurrencyPipeOptions(); }
-        return _super.prototype.transform.call(this, value, options);
-    };
-    LocalizedCurrencyImpurePipe = __decorate([
-        Pipe({
-            name: "localizedCurrencyImpure",
-            pure: false,
-        })
-    ], LocalizedCurrencyImpurePipe);
-    return LocalizedCurrencyImpurePipe;
-}(LocalizedCurrencyPipe));
-
-var moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-var LocalizedDatePipe = /** @class */ (function () {
-    function LocalizedDatePipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedDatePipe.prototype.transform = function (value, format) {
-        if (format === void 0) { format = "L LTS"; }
-        return this.localeService.get().pipe(map(function () { return (value ? moment$1(value).format(format) : value); }));
-    };
-    LocalizedDatePipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedDatePipe = __decorate([
-        Pipe({
-            name: "localizedDate",
-        })
-    ], LocalizedDatePipe);
-    return LocalizedDatePipe;
-}());
-
-var LocalizedDateImpurePipe = /** @class */ (function (_super) {
-    __extends(LocalizedDateImpurePipe, _super);
-    function LocalizedDateImpurePipe() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LocalizedDateImpurePipe = __decorate([
-        Pipe({
-            name: "localizedDateImpure",
-            pure: false,
-        })
-    ], LocalizedDateImpurePipe);
-    return LocalizedDateImpurePipe;
-}(LocalizedDatePipe));
-
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-var LocalizedNumberPipe = /** @class */ (function () {
-    function LocalizedNumberPipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedNumberPipe.prototype.transform = function (value, minimumFractionDigits) {
-        return from(this.localeService.getLocale()).pipe(map(function (locale) {
-            var numericValue = Number(value);
-            if (!value && isNaN(numericValue))
-                return;
-            return new Intl.NumberFormat(locale, {
-                minimumFractionDigits: minimumFractionDigits || 0,
-            }).format(Number(value));
-        }));
-    };
-    LocalizedNumberPipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedNumberPipe = __decorate([
-        Pipe({ name: "localizedNumber" })
-    ], LocalizedNumberPipe);
-    return LocalizedNumberPipe;
-}());
-
-var moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-var LocalizedTimePipe = /** @class */ (function () {
-    function LocalizedTimePipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedTimePipe.prototype.transform = function (value, format) {
-        if (format === void 0) { format = "LTS"; }
-        return this.localeService.get().pipe(map(function () { return (value ? moment$2(value, "HH:mm:ss").format(format) : value); }));
-    };
-    LocalizedTimePipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedTimePipe = __decorate([
-        Pipe({
-            name: "localizedTime",
-        })
-    ], LocalizedTimePipe);
-    return LocalizedTimePipe;
-}());
-
-var LocalizedTimeImpurePipe = /** @class */ (function (_super) {
-    __extends(LocalizedTimeImpurePipe, _super);
-    function LocalizedTimeImpurePipe() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LocalizedTimeImpurePipe = __decorate([
-        Pipe({
-            name: "localizedTimeImpure",
-            pure: false,
-        })
-    ], LocalizedTimeImpurePipe);
-    return LocalizedTimeImpurePipe;
-}(LocalizedTimePipe));
-
-var LocaleModule = /** @class */ (function () {
-    function LocaleModule() {
-    }
-    LocaleModule_1 = LocaleModule;
-    LocaleModule.forRoot = function () {
-        return {
-            ngModule: LocaleModule_1,
-            providers: [
-                LocaleService,
-                LocalizedCurrencyPipe,
-                LocalizedDatePipe,
-                LocalizedTimePipe,
-                LocalizedNumberPipe,
-                LocalizedCurrencyImpurePipe,
-                LocalizedDateImpurePipe,
-                LocalizedTimeImpurePipe,
-                LocalizedBignumberPipe,
-                LocalizedBignumberImpurePipe
-            ],
-        };
-    };
-    LocaleModule.forChild = function () {
-        return {
-            ngModule: LocaleModule_1,
-        };
-    };
-    var LocaleModule_1;
-    LocaleModule = LocaleModule_1 = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            exports: [
-                LocalizedCurrencyPipe,
-                LocalizedDatePipe,
-                LocalizedTimePipe,
-                LocalizedNumberPipe,
-                LocalizedCurrencyImpurePipe,
-                LocalizedDateImpurePipe,
-                LocalizedTimeImpurePipe,
-                LocalizedBignumberPipe,
-                LocalizedBignumberImpurePipe
-            ],
-            declarations: [
-                LocalizedCurrencyPipe,
-                LocalizedDatePipe,
-                LocalizedTimePipe,
-                LocalizedNumberPipe,
-                LocalizedCurrencyImpurePipe,
-                LocalizedDateImpurePipe,
-                LocalizedTimeImpurePipe,
-                LocalizedBignumberPipe,
-                LocalizedBignumberImpurePipe
-            ],
-        })
-    ], LocaleModule);
-    return LocaleModule;
-}());
-
-var BignumberField = /** @class */ (function (_super) {
-    __extends(BignumberField, _super);
-    function BignumberField(config) {
-        var _a, _b, _c;
-        var _this = _super.call(this, config) || this;
-        _this.allowNegative = (_a = config.allowNegative) !== null && _a !== void 0 ? _a : true;
-        _this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
-        _this.browserAutocomplete = config.browserAutocomplete;
-        _this.precision = config.precision;
-        _this.scale = (_b = config.scale) !== null && _b !== void 0 ? _b : 2;
-        _this.alignTo = _this.scale ? AlignmentOptions.RIGHT : AlignmentOptions.LEFT;
-        _this.mask = config.mask;
-        _this.leftAddon = config.leftAddon;
-        _this.rightAddon = config.rightAddon;
-        _this.onBlur = config.onBlur;
-        _this.onFocus = config.onFocus;
-        _this.onComplete = config.onComplete;
-        _this.onInput = config.onInput;
-        _this.autoClear = (_c = config.autoClear) !== null && _c !== void 0 ? _c : true;
-        return _this;
-    }
-    return BignumberField;
-}(Field));
-
-var BlobField = /** @class */ (function (_super) {
-    __extends(BlobField, _super);
-    function BlobField(config) {
-        var _this = _super.call(this, config) || this;
-        _this.accept = config.accept;
-        _this.files = config.files || [];
-        _this.chooseLabel = config.chooseLabel;
-        _this.removeLabel = config.removeLabel;
-        _this.cancelLabel = config.cancelLabel;
-        _this.successTooltip = config.successTooltip;
-        _this.multiple = config.multiple;
-        _this.onUploadFile = config.onUploadFile;
-        _this.onRemoveFile = config.onRemoveFile;
-        _this.onCancelUpload = config.onCancelUpload;
-        _this.onDownloadFile = config.onDownloadFile;
-        _this.showFileUploadDate = config.showFileUploadDate;
-        return _this;
-    }
-    return BlobField;
-}(Field));
+    return BlobField;
+}(Field));
 
 var BooleanOptionsLabel = /** @class */ (function () {
     function BooleanOptionsLabel(config) {
@@ -4778,15 +4544,15 @@ var NumberAlignmentOption;
  */
 var NumberInputDirective = /** @class */ (function (_super) {
     __extends(NumberInputDirective, _super);
-    function NumberInputDirective() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function NumberInputDirective(_elementRef, _keyValueDiffers, localeService) {
+        var _this = _super.call(this, null, _elementRef, _keyValueDiffers) || this;
+        _this.localeService = localeService;
         _this.precision = 15;
         _this.scale = 0;
-        _this.decimalSeparator = ",";
-        _this.thousandsSeparator = ".";
         _this.alignTo = NumberAlignmentOption.LEFT;
         _this.allowNegative = true;
         _this.regex = /\d/;
+        _this.onLocaleService();
         return _this;
     }
     NumberInputDirective_1 = NumberInputDirective;
@@ -4818,7 +4584,7 @@ var NumberInputDirective = /** @class */ (function (_super) {
             precision: this.scale || 0,
             prefix: "",
             suffix: "",
-            allowNegative: this.allowNegative
+            allowNegative: this.allowNegative,
         };
         this.calculateMaxLength();
     };
@@ -4848,7 +4614,23 @@ var NumberInputDirective = /** @class */ (function (_super) {
         else
             event.preventDefault();
     };
+    NumberInputDirective.prototype.onLocaleService = function () {
+        var _this = this;
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe(function () {
+            var _a, _b;
+            _this.decimalSeparator = (_a = _this.decimalSeparator) !== null && _a !== void 0 ? _a : _this.localeService.getDecimalSeparator();
+            _this.thousandsSeparator = (_b = _this.thousandsSeparator) !== null && _b !== void 0 ? _b : _this.localeService.getGroupingSeparator();
+        });
+    };
     var NumberInputDirective_1;
+    NumberInputDirective.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: KeyValueDiffers },
+        { type: LocaleService }
+    ]; };
     __decorate([
         Input()
     ], NumberInputDirective.prototype, "precision", void 0);
@@ -4912,7 +4694,7 @@ var NumberField = /** @class */ (function (_super) {
     __extends(NumberField, _super);
     function NumberField(config) {
         var _this = _super.call(this, config) || this;
-        _this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
+        _this.numberLocaleOptions = config.numberLocaleOptions;
         _this.browserAutocomplete = config.browserAutocomplete;
         _this.precision = config.precision;
         _this.alignTo = config.alignTo || NumberAlignmentOption.LEFT;
@@ -4935,7 +4717,7 @@ var DecimalField = /** @class */ (function (_super) {
     __extends(DecimalField, _super);
     function DecimalField(config) {
         var _this = _super.call(this, config) || this;
-        _this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
+        _this.numberLocaleOptions = config.numberLocaleOptions;
         _this.alignTo = config.alignTo || NumberAlignmentOption.RIGHT;
         _this.scale = config.scale || config.scale === 0 ? config.scale : 2;
         return _this;
@@ -4950,7 +4732,7 @@ var CurrencyField = /** @class */ (function (_super) {
     __extends(CurrencyField, _super);
     function CurrencyField(config) {
         var _this = _super.call(this, config) || this;
-        _this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
+        _this.numberLocaleOptions = config.numberLocaleOptions;
         return _this;
     }
     return CurrencyField;
@@ -5743,7 +5525,7 @@ var LookupComponent = /** @class */ (function () {
         Injectable(),
         Component({
             selector: "s-lookup",
-            template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed \n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n\n            <div>\n                <s-button\n                    *ngIf=\"showAddOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.add' | translate\"\n                    (onClick)=\"onAdd.emit()\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showEditOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.edit' | translate\"\n                    [disabled]=\"selected.length !== 1\"\n                    (onClick)=\"onEdit.emit(this.selected[0])\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showRemoveOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.remove' | translate\"\n                    [disabled]=\"!selected.length\"\n                    (onClick)=\"onRemove.emit(this.selected)\">\n                </s-button>\n            </div>\n\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"loading\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\" />\n                        <col\n                            *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\">\n                            <s-table-header-checkbox\n                                [useAllObject]=\"lookupRowProps ? false : true\"\n                                [rowProps]=\"lookupRowProps\">\n                            </s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.name\"\n                            [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon\n                                    [field]=\"col.name\"\n                                    *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                </p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template\n                    pTemplate=\"body\"\n                    let-rowData\n                    let-columns\n                    let-rowIndex=\"rowIndex\">\n                    <tr\n                        sNavigation\n                        [pSelectableRow]=\"rowData\"\n                        [pSelectableRowIndex]=\"rowIndex\"\n                        sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                        <td\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\"\n                            tabindex=\"0\">\n                            <p-tableCheckbox\n                                [value]=\"rowData\"\n                                [pSelectableRow]=\"rowData\">\n                            </p-tableCheckbox>\n                        </td>\n                        <td\n                            [style.width]=\"col['width']\"\n                            *ngFor=\"let col of searchGridFields\"\n                            [ngSwitch]=\"col.type\"\n                            tabindex=\"0\">\n                            <ng-container *ngSwitchCase=\"'Boolean'\">\n                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Date'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'DateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Time'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Integer'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Number'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Enum'\">\n                                <ng-container\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{ printRecordTotalizer() }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
+            template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed \n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n\n            <div>\n                <s-button\n                    *ngIf=\"showAddOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.add' | translate\"\n                    (onClick)=\"onAdd.emit()\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showEditOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.edit' | translate\"\n                    [disabled]=\"selected.length !== 1\"\n                    (onClick)=\"onEdit.emit(this.selected[0])\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showRemoveOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.remove' | translate\"\n                    [disabled]=\"!selected.length\"\n                    (onClick)=\"onRemove.emit(this.selected)\">\n                </s-button>\n            </div>\n\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"{ loading: true, indicator: 'logo' }\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\" />\n                        <col\n                            *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\">\n                            <s-table-header-checkbox\n                                [useAllObject]=\"lookupRowProps ? false : true\"\n                                [rowProps]=\"lookupRowProps\">\n                            </s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.name\"\n                            [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon\n                                    [field]=\"col.name\"\n                                    *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                </p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template\n                    pTemplate=\"body\"\n                    let-rowData\n                    let-columns\n                    let-rowIndex=\"rowIndex\">\n                    <tr\n                        sNavigation\n                        [pSelectableRow]=\"rowData\"\n                        [pSelectableRowIndex]=\"rowIndex\"\n                        sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                        <td\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\"\n                            tabindex=\"0\">\n                            <p-tableCheckbox\n                                [value]=\"rowData\"\n                                [pSelectableRow]=\"rowData\">\n                            </p-tableCheckbox>\n                        </td>\n                        <td\n                            [style.width]=\"col['width']\"\n                            *ngFor=\"let col of searchGridFields\"\n                            [ngSwitch]=\"col.type\"\n                            tabindex=\"0\">\n                            <ng-container *ngSwitchCase=\"'Boolean'\">\n                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Date'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'DateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Time'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Integer'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Number'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Enum'\">\n                                <ng-container\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{ printRecordTotalizer() }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -6271,99 +6053,371 @@ var ProgressBarComponent = /** @class */ (function () {
     return ProgressBarComponent;
 }());
 
-var ProgressBarDeterminateComponent = /** @class */ (function () {
-    function ProgressBarDeterminateComponent(localeService) {
+var ProgressBarDeterminateComponent = /** @class */ (function () {
+    function ProgressBarDeterminateComponent(localeService) {
+        this.localeService = localeService;
+        this.showValue = true;
+    }
+    ProgressBarDeterminateComponent.prototype.ngOnInit = function () {
+        this.validateValues();
+        this.onGetLocale();
+    };
+    ProgressBarDeterminateComponent.prototype.onGetLocale = function () {
+        var _this = this;
+        this.localeService.getLocale().subscribe({
+            next: function (locale) {
+                _this.numberFormat = new Intl.NumberFormat(locale !== null && locale !== void 0 ? locale : "pt-BR", _this.numberFormatOptions);
+            },
+            error: function () {
+                _this.numberFormat = new Intl.NumberFormat("pt-BR", _this.numberFormatOptions);
+            },
+        });
+    };
+    ProgressBarDeterminateComponent.prototype.validateValues = function () {
+        if (this.value < 0 || this.value > 100) {
+            throw new Error("Invalid value for value");
+        }
+        if (this.targetValue < 0 || this.targetValue > 100) {
+            throw new Error("Invalid value for targetValue");
+        }
+    };
+    ProgressBarDeterminateComponent.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "value", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "numberFormatOptions", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
+    ProgressBarDeterminateComponent = __decorate([
+        Component({
+            selector: "s-progressbar-determinate",
+            template: "<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n       <div\n          class=\"progressbar-active\"\n          [ngClass]=\"{\n             'progressbar-active--blue' : activeColor === 'blue',\n             'progressbar-active--green': activeColor === 'green',\n             'progressbar-active--red': activeColor === 'red',\n             'progressbar-active--yellow': activeColor === 'yellow'\n          }\"\n          [ngStyle]=\"{ 'width': value + '%' }\">\n\n          {{ showValue && value ? numberFormat.format(value) + '%' : '' }}\n       </div>\n    </div>\n    <div\n       *ngIf=\"targetValue\"\n       class=\"target\"\n       [ngStyle]=\"{\n          'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n          'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n          'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n       }\">\n       <span class=\"target-line\"></span>\n       <span class=\"target-label\">\n           {{ targetLabel || numberFormat.format(value) + '%' }}\n       </span>\n    </div>\n </div>\n",
+            styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
+        })
+    ], ProgressBarDeterminateComponent);
+    return ProgressBarDeterminateComponent;
+}());
+
+var ProgressBarIndeterminateComponent = /** @class */ (function () {
+    function ProgressBarIndeterminateComponent() {
+    }
+    __decorate([
+        Input()
+    ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
+    ProgressBarIndeterminateComponent = __decorate([
+        Component({
+            selector: "s-progressbar-indeterminate",
+            template: "<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"progressbar-label\">{{ label }}</span>\n</div>\n",
+            styles: [".progressbar-indeterminate{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:5s infinite indeterminate-progress;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translateX(-250%)}100%{transform:translateX(250%)}}"]
+        })
+    ], ProgressBarIndeterminateComponent);
+    return ProgressBarIndeterminateComponent;
+}());
+
+var ProgressBarModule = /** @class */ (function () {
+    function ProgressBarModule() {
+    }
+    ProgressBarModule = __decorate([
+        NgModule({
+            imports: [CommonModule],
+            declarations: [
+                ProgressBarComponent,
+                ProgressBarDeterminateComponent,
+                ProgressBarIndeterminateComponent,
+            ],
+            exports: [ProgressBarComponent],
+        })
+    ], ProgressBarModule);
+    return ProgressBarModule;
+}());
+
+var LocalizedBignumberPipe = /** @class */ (function () {
+    function LocalizedBignumberPipe(localeService) {
+        this.localeService = localeService;
+    }
+    LocalizedBignumberPipe.prototype.transform = function (value, options) {
+        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
+    };
+    LocalizedBignumberPipe.prototype.applyMask = function (value, options) {
+        return this.localeService.get().pipe(map(function (localeConfig) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            var configs = {
+                prefix: (_c = (_a = options === null || options === void 0 ? void 0 : options.prefix) !== null && _a !== void 0 ? _a : (_b = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _b === void 0 ? void 0 : _b.currencySymbol) !== null && _c !== void 0 ? _c : "R$",
+                thousandsSeparator: (_f = (_d = options === null || options === void 0 ? void 0 : options.thousandsSeparator) !== null && _d !== void 0 ? _d : (_e = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _e === void 0 ? void 0 : _e.thousandsSeparator) !== null && _f !== void 0 ? _f : ".",
+                decimalSeparator: (_j = (_g = options === null || options === void 0 ? void 0 : options.decimalSeparator) !== null && _g !== void 0 ? _g : (_h = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _h === void 0 ? void 0 : _h.decimalSeparator) !== null && _j !== void 0 ? _j : ",",
+                scale: (_k = options === null || options === void 0 ? void 0 : options.scale) !== null && _k !== void 0 ? _k : 2,
+                allowNegative: (_l = options === null || options === void 0 ? void 0 : options.allowNegative) !== null && _l !== void 0 ? _l : true
+            };
+            var isNumber = !(new BigNumber(value).isNaN());
+            return applyMask(value, configs, isNumber);
+        }));
+    };
+    LocalizedBignumberPipe.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    LocalizedBignumberPipe = __decorate([
+        Pipe({
+            name: "localizedBignumber",
+        })
+    ], LocalizedBignumberPipe);
+    return LocalizedBignumberPipe;
+}());
+
+var LocalizedBignumberImpurePipe = /** @class */ (function (_super) {
+    __extends(LocalizedBignumberImpurePipe, _super);
+    function LocalizedBignumberImpurePipe() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LocalizedBignumberImpurePipe.prototype.transform = function (value, options) {
+        return _super.prototype.transform.call(this, value, options);
+    };
+    LocalizedBignumberImpurePipe = __decorate([
+        Pipe({
+            name: "localizedBignumberImpure",
+            pure: false,
+        })
+    ], LocalizedBignumberImpurePipe);
+    return LocalizedBignumberImpurePipe;
+}(LocalizedBignumberPipe));
+
+var LocalizedCurrencyPipeOptions = /** @class */ (function (_super) {
+    __extends(LocalizedCurrencyPipeOptions, _super);
+    function LocalizedCurrencyPipeOptions(config) {
+        if (config === void 0) { config = {}; }
+        var _this = _super.call(this, config) || this;
+        _this.scale = 2;
+        return _this;
+    }
+    return LocalizedCurrencyPipeOptions;
+}(NumberLocaleOptions));
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+var LocalizedCurrencyPipe = /** @class */ (function () {
+    function LocalizedCurrencyPipe(localeService) {
+        this.localeService = localeService;
+    }
+    LocalizedCurrencyPipe.prototype.transform = function (value, options) {
+        if (!options) {
+            options = new LocalizedCurrencyPipeOptions();
+        }
+        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
+    };
+    LocalizedCurrencyPipe.prototype.applyMask = function (value, options) {
+        return this.localeService.get().pipe(map(function (localeConfig) {
+            var config = __assign(__assign({}, localeConfig.number), options);
+            var scale = config.scale, currencySymbol = config.currencySymbol, thousandsSeparator = config.thousandsSeparator, decimalSeparator = config.decimalSeparator;
+            var rawValue = Number(value).toFixed(scale);
+            var onlyNumbers = rawValue.replace(/[^0-9]/g, "");
+            var integerPart = onlyNumbers
+                .slice(0, onlyNumbers.length - scale)
+                .replace(/^0*/g, "")
+                .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || "0";
+            var decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
+            var newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
+            var isZero = !Number(onlyNumbers);
+            var operator = rawValue.includes("-") && !isZero ? "-" : "";
+            return "" + operator + currencySymbol + newValue;
+        }));
+    };
+    LocalizedCurrencyPipe.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    LocalizedCurrencyPipe = __decorate([
+        Pipe({
+            name: "localizedCurrency",
+        })
+    ], LocalizedCurrencyPipe);
+    return LocalizedCurrencyPipe;
+}());
+
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+var LocalizedCurrencyImpurePipe = /** @class */ (function (_super) {
+    __extends(LocalizedCurrencyImpurePipe, _super);
+    function LocalizedCurrencyImpurePipe() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LocalizedCurrencyImpurePipe.prototype.transform = function (value, options) {
+        if (options === void 0) { options = new LocalizedCurrencyPipeOptions(); }
+        return _super.prototype.transform.call(this, value, options);
+    };
+    LocalizedCurrencyImpurePipe = __decorate([
+        Pipe({
+            name: "localizedCurrencyImpure",
+            pure: false,
+        })
+    ], LocalizedCurrencyImpurePipe);
+    return LocalizedCurrencyImpurePipe;
+}(LocalizedCurrencyPipe));
+
+var moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+var LocalizedDatePipe = /** @class */ (function () {
+    function LocalizedDatePipe(localeService) {
+        this.localeService = localeService;
+    }
+    LocalizedDatePipe.prototype.transform = function (value, format) {
+        if (format === void 0) { format = "L LTS"; }
+        return this.localeService.get().pipe(map(function () { return (value ? moment$1(value).format(format) : value); }));
+    };
+    LocalizedDatePipe.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    LocalizedDatePipe = __decorate([
+        Pipe({
+            name: "localizedDate",
+        })
+    ], LocalizedDatePipe);
+    return LocalizedDatePipe;
+}());
+
+var LocalizedDateImpurePipe = /** @class */ (function (_super) {
+    __extends(LocalizedDateImpurePipe, _super);
+    function LocalizedDateImpurePipe() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LocalizedDateImpurePipe = __decorate([
+        Pipe({
+            name: "localizedDateImpure",
+            pure: false,
+        })
+    ], LocalizedDateImpurePipe);
+    return LocalizedDateImpurePipe;
+}(LocalizedDatePipe));
+
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+var LocalizedNumberPipe = /** @class */ (function () {
+    function LocalizedNumberPipe(localeService) {
         this.localeService = localeService;
-        this.showValue = true;
     }
-    ProgressBarDeterminateComponent.prototype.ngOnInit = function () {
-        this.validateValues();
-        this.onGetLocale();
-    };
-    ProgressBarDeterminateComponent.prototype.onGetLocale = function () {
-        var _this = this;
-        this.localeService.getLocale().subscribe({
-            next: function (locale) {
-                _this.numberFormat = new Intl.NumberFormat(locale !== null && locale !== void 0 ? locale : "pt-BR", _this.numberFormatOptions);
-            },
-            error: function () {
-                _this.numberFormat = new Intl.NumberFormat("pt-BR", _this.numberFormatOptions);
-            },
-        });
+    LocalizedNumberPipe.prototype.transform = function (value, minimumFractionDigits) {
+        return from(this.localeService.getLocale()).pipe(map(function (locale) {
+            var numericValue = Number(value);
+            if (!value && isNaN(numericValue))
+                return;
+            return new Intl.NumberFormat(locale, {
+                minimumFractionDigits: minimumFractionDigits || 0,
+            }).format(Number(value));
+        }));
     };
-    ProgressBarDeterminateComponent.prototype.validateValues = function () {
-        if (this.value < 0 || this.value > 100) {
-            throw new Error("Invalid value for value");
-        }
-        if (this.targetValue < 0 || this.targetValue > 100) {
-            throw new Error("Invalid value for targetValue");
-        }
+    LocalizedNumberPipe.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    LocalizedNumberPipe = __decorate([
+        Pipe({ name: "localizedNumber" })
+    ], LocalizedNumberPipe);
+    return LocalizedNumberPipe;
+}());
+
+var moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+var LocalizedTimePipe = /** @class */ (function () {
+    function LocalizedTimePipe(localeService) {
+        this.localeService = localeService;
+    }
+    LocalizedTimePipe.prototype.transform = function (value, format) {
+        if (format === void 0) { format = "LTS"; }
+        return this.localeService.get().pipe(map(function () { return (value ? moment$2(value, "HH:mm:ss").format(format) : value); }));
     };
-    ProgressBarDeterminateComponent.ctorParameters = function () { return [
+    LocalizedTimePipe.ctorParameters = function () { return [
         { type: LocaleService }
     ]; };
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "value", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "numberFormatOptions", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
-    ProgressBarDeterminateComponent = __decorate([
-        Component({
-            selector: "s-progressbar-determinate",
-            template: "<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n       <div\n          class=\"progressbar-active\"\n          [ngClass]=\"{\n             'progressbar-active--blue' : activeColor === 'blue',\n             'progressbar-active--green': activeColor === 'green',\n             'progressbar-active--red': activeColor === 'red',\n             'progressbar-active--yellow': activeColor === 'yellow'\n          }\"\n          [ngStyle]=\"{ 'width': value + '%' }\">\n\n          {{ showValue && value ? numberFormat.format(value) + '%' : '' }}\n       </div>\n    </div>\n    <div\n       *ngIf=\"targetValue\"\n       class=\"target\"\n       [ngStyle]=\"{\n          'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n          'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n          'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n       }\">\n       <span class=\"target-line\"></span>\n       <span class=\"target-label\">\n           {{ targetLabel || numberFormat.format(value) + '%' }}\n       </span>\n    </div>\n </div>\n",
-            styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
+    LocalizedTimePipe = __decorate([
+        Pipe({
+            name: "localizedTime",
         })
-    ], ProgressBarDeterminateComponent);
-    return ProgressBarDeterminateComponent;
+    ], LocalizedTimePipe);
+    return LocalizedTimePipe;
 }());
 
-var ProgressBarIndeterminateComponent = /** @class */ (function () {
-    function ProgressBarIndeterminateComponent() {
+var LocalizedTimeImpurePipe = /** @class */ (function (_super) {
+    __extends(LocalizedTimeImpurePipe, _super);
+    function LocalizedTimeImpurePipe() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate([
-        Input()
-    ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
-    ProgressBarIndeterminateComponent = __decorate([
-        Component({
-            selector: "s-progressbar-indeterminate",
-            template: "<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"progressbar-label\">{{ label }}</span>\n</div>\n",
-            styles: [".progressbar-indeterminate{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:5s infinite indeterminate-progress;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translateX(-250%)}100%{transform:translateX(250%)}}"]
+    LocalizedTimeImpurePipe = __decorate([
+        Pipe({
+            name: "localizedTimeImpure",
+            pure: false,
         })
-    ], ProgressBarIndeterminateComponent);
-    return ProgressBarIndeterminateComponent;
-}());
+    ], LocalizedTimeImpurePipe);
+    return LocalizedTimeImpurePipe;
+}(LocalizedTimePipe));
 
-var ProgressBarModule = /** @class */ (function () {
-    function ProgressBarModule() {
+var LocaleModule = /** @class */ (function () {
+    function LocaleModule() {
     }
-    ProgressBarModule = __decorate([
+    LocaleModule_1 = LocaleModule;
+    LocaleModule.forRoot = function () {
+        return {
+            ngModule: LocaleModule_1,
+            providers: [
+                LocaleService,
+                LocalizedCurrencyPipe,
+                LocalizedDatePipe,
+                LocalizedTimePipe,
+                LocalizedNumberPipe,
+                LocalizedCurrencyImpurePipe,
+                LocalizedDateImpurePipe,
+                LocalizedTimeImpurePipe,
+                LocalizedBignumberPipe,
+                LocalizedBignumberImpurePipe
+            ],
+        };
+    };
+    LocaleModule.forChild = function () {
+        return {
+            ngModule: LocaleModule_1,
+        };
+    };
+    var LocaleModule_1;
+    LocaleModule = LocaleModule_1 = __decorate([
         NgModule({
             imports: [CommonModule],
+            exports: [
+                LocalizedCurrencyPipe,
+                LocalizedDatePipe,
+                LocalizedTimePipe,
+                LocalizedNumberPipe,
+                LocalizedCurrencyImpurePipe,
+                LocalizedDateImpurePipe,
+                LocalizedTimeImpurePipe,
+                LocalizedBignumberPipe,
+                LocalizedBignumberImpurePipe
+            ],
             declarations: [
-                ProgressBarComponent,
-                ProgressBarDeterminateComponent,
-                ProgressBarIndeterminateComponent,
+                LocalizedCurrencyPipe,
+                LocalizedDatePipe,
+                LocalizedTimePipe,
+                LocalizedNumberPipe,
+                LocalizedCurrencyImpurePipe,
+                LocalizedDateImpurePipe,
+                LocalizedTimeImpurePipe,
+                LocalizedBignumberPipe,
+                LocalizedBignumberImpurePipe
             ],
-            exports: [ProgressBarComponent],
         })
-    ], ProgressBarModule);
-    return ProgressBarModule;
+    ], LocaleModule);
+    return LocaleModule;
 }());
 
 var Breakpoints = {
@@ -7303,17 +7357,26 @@ var LoadingStateModule = /** @class */ (function () {
 }());
 
 var LocalizedNumberInputDirective = /** @class */ (function () {
-    function LocalizedNumberInputDirective() {
-        this.decimalSeparator = ",";
-        this.thousandsSeparator = ".";
+    function LocalizedNumberInputDirective(localeService) {
+        this.localeService = localeService;
         this.precision = 2;
     }
     LocalizedNumberInputDirective_1 = LocalizedNumberInputDirective;
     LocalizedNumberInputDirective.prototype.ngOnInit = function () {
+        var _this = this;
         // Gera a expressão regular para validar números de acordo com os separadores decimais e de milhares.
         // Exemplo: /^(\+?)(\-?)([0-9]{0,3})*((\,[0-9]{3,3})|((\,[0-9]{3,3})+(\,[0-9]{3,3}))|((\,[0-9]{3,3})+(\.[0-9]{1,10})))?$/g
         // tslint:disable-next-line: max-line-length
         this.numberRegex = "^((\\+?)|(-?))([0-9]{1,3})+((\\" + this.thousandsSeparator + "[0-9]{3,3})|((\\" + this.thousandsSeparator + "[0-9]{3,3})+(\\" + this.thousandsSeparator + "[0-9]{3,3}))|((\\" + this.thousandsSeparator + "[0-9]{3,3})+(\\" + this.decimalSeparator + "[0-9]{1,2}))|(\\" + this.decimalSeparator + "[0-9]{1," + this.precision + "}))?$";
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe(function () {
+            var _a, _b;
+            _this.decimalSeparator = (_a = _this.decimalSeparator) !== null && _a !== void 0 ? _a : _this.localeService.getDecimalSeparator();
+            _this.thousandsSeparator = (_b = _this.thousandsSeparator) !== null && _b !== void 0 ? _b : _this.localeService.getGroupingSeparator();
+            _this.numberRegex = "^((\\+?)|(-?))([0-9]{1,3})+((\\" + _this.thousandsSeparator + "[0-9]{3,3})|((\\" + _this.thousandsSeparator + "[0-9]{3,3})+(\\" + _this.thousandsSeparator + "[0-9]{3,3}))|((\\" + _this.thousandsSeparator + "[0-9]{3,3})+(\\" + _this.decimalSeparator + "[0-9]{1,2}))|(\\" + _this.decimalSeparator + "[0-9]{1," + _this.precision + "}))?$";
+        });
     };
     LocalizedNumberInputDirective.prototype.validate = function (control) {
         if (control.value && !String(control.value).match(new RegExp(this.numberRegex, "g")))
@@ -7321,6 +7384,9 @@ var LocalizedNumberInputDirective = /** @class */ (function () {
         return null;
     };
     var LocalizedNumberInputDirective_1;
+    LocalizedNumberInputDirective.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
     __decorate([
         Input()
     ], LocalizedNumberInputDirective.prototype, "decimalSeparator", void 0);
@@ -8969,8 +9035,9 @@ var AutocompleteFieldComponent = /** @class */ (function () {
 
 var BignumberFieldComponent = /** @class */ (function (_super) {
     __extends(BignumberFieldComponent, _super);
-    function BignumberFieldComponent() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function BignumberFieldComponent(localeService) {
+        var _this = _super.call(this) || this;
+        _this.localeService = localeService;
         _this.onInput = new EventEmitter();
         _this.onFocus = new EventEmitter();
         _this.onComplete = new EventEmitter();
@@ -8979,23 +9046,18 @@ var BignumberFieldComponent = /** @class */ (function (_super) {
     }
     BignumberFieldComponent.prototype.ngOnInit = function () {
         var _this = this;
-        this.onFocus
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
+        this.onLocaleService();
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
             if (_this.field.onFocus) {
                 _this.field.onFocus(event);
             }
         });
-        this.onInput
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
             if (_this.field.onInput) {
                 _this.field.onInput(event);
             }
         });
-        this.onComplete
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
             if (_this.field.onComplete) {
                 _this.field.onComplete(event);
             }
@@ -9012,6 +9074,37 @@ var BignumberFieldComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    BignumberFieldComponent.prototype.onLocaleService = function () {
+        var _this = this;
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: function () {
+                var _a, _b, _c;
+                if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                    _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
+                }
+                if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                    _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
+                }
+                if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                    _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: _this.field.type === FieldType.Integer || _this.field.type === FieldType.Double ? "" : "R$" });
+                }
+            },
+            error: function () {
+                var _a;
+                return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                    thousandsSeparator: ".",
+                    decimalSeparator: ",",
+                    currencySymbol: _this.field.type === FieldType.Integer || _this.field.type === FieldType.Double ? "" : "R$",
+                });
+            },
+        });
+    };
+    BignumberFieldComponent.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
     __decorate([
         Input()
     ], BignumberFieldComponent.prototype, "field", void 0);
@@ -9225,9 +9318,45 @@ var CountryPhonePickerFieldComponent = /** @class */ (function () {
  */
 var CurrencyFieldComponent = /** @class */ (function (_super) {
     __extends(CurrencyFieldComponent, _super);
-    function CurrencyFieldComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function CurrencyFieldComponent(localeService) {
+        var _this = _super.call(this) || this;
+        _this.localeService = localeService;
+        return _this;
     }
+    CurrencyFieldComponent.prototype.ngOnInit = function () {
+        this.onLocaleService();
+    };
+    CurrencyFieldComponent.prototype.onLocaleService = function () {
+        var _this = this;
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: function () {
+                var _a, _b, _c;
+                if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                    _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
+                }
+                if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                    _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
+                }
+                if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                    _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: "R$" });
+                }
+            },
+            error: function () {
+                var _a;
+                return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                    thousandsSeparator: ".",
+                    decimalSeparator: ",",
+                    currencySymbol: "R$",
+                });
+            },
+        });
+    };
+    CurrencyFieldComponent.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
     __decorate([
         Input()
     ], CurrencyFieldComponent.prototype, "field", void 0);
@@ -9304,8 +9433,9 @@ var LookupFieldComponent = /** @class */ (function () {
 
 var NumberFieldComponent = /** @class */ (function (_super) {
     __extends(NumberFieldComponent, _super);
-    function NumberFieldComponent() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function NumberFieldComponent(localeService) {
+        var _this = _super.call(this) || this;
+        _this.localeService = localeService;
         _this.onInput = new EventEmitter();
         _this.onFocus = new EventEmitter();
         _this.onComplete = new EventEmitter();
@@ -9314,6 +9444,7 @@ var NumberFieldComponent = /** @class */ (function (_super) {
     }
     NumberFieldComponent.prototype.ngOnInit = function () {
         var _this = this;
+        this.onLocaleService();
         this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
             if (_this.field.onFocus)
                 _this.field.onFocus(event);
@@ -9345,6 +9476,37 @@ var NumberFieldComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    NumberFieldComponent.prototype.onLocaleService = function () {
+        var _this = this;
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: function () {
+                var _a, _b, _c;
+                if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                    _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
+                }
+                if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                    _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
+                }
+                if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                    _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: "R$" });
+                }
+            },
+            error: function () {
+                var _a;
+                return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                    thousandsSeparator: ".",
+                    decimalSeparator: ",",
+                    currencySymbol: "R$",
+                });
+            },
+        });
+    };
+    NumberFieldComponent.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
     __decorate([
         Input()
     ], NumberFieldComponent.prototype, "field", void 0);
@@ -9878,14 +10040,8 @@ var DynamicField = /** @class */ (function (_super) {
             errorMessages: errorMessages,
         }) || this;
         _this.field = field;
-        _this.setFieldPropertiesByType();
         return _this;
     }
-    DynamicField.prototype.setFieldPropertiesByType = function () {
-        if (this.field.type === FieldType.Integer || this.field.type === FieldType.Double) {
-            this.field.numberLocaleOptions.currencySymbol = "";
-        }
-    };
     DynamicField.prototype.createComponent = function (resolver, container) {
         var componentFactory = resolver.resolveComponentFactory(this.getComponent());
         var component = container.createComponent(componentFactory);