@seniorsistemas/angular-components 17.5.1 → 17.5.2

package/bundles/seniorsistemas-angular-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@seniorsistemas/ng2-currency-mask'), require('primeng/breadcrumb'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@seniorsistemas/senior-platform-data'), require('@ngx-translate/core'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('ngx-mask'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/api'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('cropperjs'), require('@angular/cdk/drag-drop'), require('element-resize-detector'), require('primeng/confirmdialog'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@seniorsistemas/ng2-currency-mask', 'primeng/breadcrumb', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@seniorsistemas/senior-platform-data', '@ngx-translate/core', '@codemirror/tooltip', '@codemirror/gutter', 'ngx-mask', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/api', '@angular/platform-browser', '@angular/cdk/clipboard', 'cropperjs', '@angular/cdk/drag-drop', 'element-resize-detector', 'primeng/confirmdialog', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng2CurrencyMask, global.breadcrumb, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.seniorPlatformData, global.core$1, global.tooltip$1, global.gutter, global.ngxMask, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$2, global.dialog, global.table, global.moment_, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.api, global.ng.platformBrowser, global.ng.cdk.clipboard, global.Cropper, global.ng.cdk['drag-drop'], global.elementResizeDetectorMaker_, global.confirmdialog, global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
-}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, ng2CurrencyMask, breadcrumb, tieredmenu, tooltip, dom, calendar, view, state, lint, language, generator, highlight, autocomplete$1, seniorPlatformData, core$1, tooltip$1, gutter, ngxMask, http, angular2Hotkeys, BigNumber, autocomplete$2, dialog, table, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, api, platformBrowser, clipboard, Cropper, dragDrop, elementResizeDetectorMaker_, confirmdialog, a11y, scrollpanel, sidebar) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('@seniorsistemas/ng2-currency-mask'), require('primeng/breadcrumb'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@ngx-translate/core'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('ngx-mask'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/api'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('cropperjs'), require('@angular/cdk/drag-drop'), require('element-resize-detector'), require('primeng/confirmdialog'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', '@seniorsistemas/ng2-currency-mask', 'primeng/breadcrumb', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@ngx-translate/core', '@codemirror/tooltip', '@codemirror/gutter', 'ngx-mask', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/api', '@angular/platform-browser', '@angular/cdk/clipboard', 'cropperjs', '@angular/cdk/drag-drop', 'element-resize-detector', 'primeng/confirmdialog', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask, global.breadcrumb, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.core$1, global.tooltip$1, global.gutter, global.ngxMask, global.angular2Hotkeys, global.BigNumber, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.api, global.ng.platformBrowser, global.ng.cdk.clipboard, global.Cropper, global.ng.cdk['drag-drop'], global.elementResizeDetectorMaker_, global.confirmdialog, global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
+}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, http, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask, breadcrumb, tieredmenu, tooltip, dom, calendar, view, state, lint, language, generator, highlight, autocomplete$1, core$1, tooltip$1, gutter, ngxMask, angular2Hotkeys, BigNumber, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, api, platformBrowser, clipboard, Cropper, dragDrop, elementResizeDetectorMaker_, confirmdialog, a11y, scrollpanel, sidebar) { 'use strict';
 
     var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
     Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
@@ -1012,15 +1012,157 @@
         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
+                ? rxjs.of(this.localeOptions)
+                : this.getLocaleConfig().pipe(operators.tap(function (localeOptions) { return (_this.localeOptions = localeOptions); }));
+        };
+        LocaleService.prototype.getLocale = function () {
+            var _this = this;
+            return this.locale
+                ? rxjs.of(this.locale)
+                : rxjs.from(this.getUserData()).pipe(operators.map(function (userData) {
+                    _this.locale = userData.locale || userData.tenantLocale || "pt-BR";
+                    return _this.locale;
+                }));
+        };
+        LocaleService.prototype.getUserData = function () {
+            try {
+                return rxjs.of(JSON.parse(this.cookieService.get("com.senior.token")));
+            }
+            catch (ex) {
+                console.warn("Unable to obtain user locale from cookie, calling getUser");
+                return seniorPlatformData.user.getUserData();
+            }
+        };
+        LocaleService.prototype.getLocaleConfig = function () {
+            var _this = this;
+            return this.getLocale().pipe(operators.switchMap(function (locale) {
+                moment.locale(locale);
+                return _this.http
+                    .get(_this.localeOptionsAddress + "/" + _this.localeOptionsVersion + "/" + locale + ".json")
+                    .pipe(operators.map(function (response) { return new LocaleOptions(response); }));
+            }), operators.catchError(function (err) {
+                console.warn("Error getting locale configuration. Using fallback.", err);
+                return rxjs.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: http.HttpClient },
+            { type: ngxCookieService.CookieService }
+        ]; };
+        LocaleService = __decorate([
+            core.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 = ng2CurrencyMask.AlignmentOptions.LEFT;
             _this.allowNegative = true;
+            _this.onLocaleService();
             return _this;
         }
         BignumberInputDirective_1 = BignumberInputDirective;
@@ -1065,7 +1207,7 @@
                 scale: this.scale || 0,
                 prefix: "",
                 suffix: "",
-                allowNegative: this.allowNegative
+                allowNegative: this.allowNegative,
             };
             this.calculateMaxLength();
         };
@@ -1081,7 +1223,23 @@
             this._maxLength = maxLength;
             this.maxLength = maxLength;
         };
+        BignumberInputDirective.prototype.onLocaleService = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.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: core.ElementRef },
+            { type: core.KeyValueDiffers },
+            { type: LocaleService }
+        ]; };
         __decorate([
             core.Input()
         ], BignumberInputDirective.prototype, "precision", void 0);
@@ -4299,38 +4457,6 @@
         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;
-    }());
-
 
     (function (FieldType) {
         FieldType["Autocomplete"] = "Autocomplete";
@@ -4412,417 +4538,57 @@
         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 ? ng2CurrencyMask.AlignmentOptions.RIGHT : ng2CurrencyMask.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();
+        return BlobField;
+    }(Field));
 
-    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
-                ? rxjs.of(this.localeOptions)
-                : this.getLocaleConfig().pipe(operators.tap(function (localeOptions) { return (_this.localeOptions = localeOptions); }));
-        };
-        LocaleService.prototype.getLocale = function () {
-            var _this = this;
-            return this.locale
-                ? rxjs.of(this.locale)
-                : rxjs.from(this.getUserData()).pipe(operators.map(function (userData) {
-                    _this.locale = userData.locale || userData.tenantLocale || "pt-BR";
-                    return _this.locale;
-                }));
-        };
-        LocaleService.prototype.getUserData = function () {
-            try {
-                return rxjs.of(JSON.parse(this.cookieService.get('com.senior.token')));
-            }
-            catch (ex) {
-                console.warn('Unable to obtain user locale from cookie, calling getUser');
-                return seniorPlatformData.user.getUserData();
-            }
-        };
-        LocaleService.prototype.getLocaleConfig = function () {
-            var _this = this;
-            return this.getLocale().pipe(operators.switchMap(function (locale) {
-                moment.locale(locale);
-                return _this.http
-                    .get(_this.localeOptionsAddress + "/" + _this.localeOptionsVersion + "/" + locale + ".json")
-                    .pipe(operators.map(function (response) { return new LocaleOptions(response); }));
-            }), operators.catchError(function (err) {
-                console.warn("Error getting locale configuration. Using fallback.", err);
-                return rxjs.of(new LocaleOptions());
-            }));
-        };
-        LocaleService.ctorParameters = function () { return [
-            { type: http.HttpClient },
-            { type: ngxCookieService.CookieService }
-        ]; };
-        LocaleService = __decorate([
-            core.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) : rxjs.of(value);
-        };
-        LocalizedBignumberPipe.prototype.applyMask = function (value, options) {
-            return this.localeService.get().pipe(operators.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__default(value).isNaN());
-                return ng2CurrencyMask.applyMask(value, configs, isNumber);
-            }));
-        };
-        LocalizedBignumberPipe.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        LocalizedBignumberPipe = __decorate([
-            core.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([
-            core.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) : rxjs.of(value);
-        };
-        LocalizedCurrencyPipe.prototype.applyMask = function (value, options) {
-            return this.localeService.get().pipe(operators.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([
-            core.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([
-            core.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(operators.map(function () { return (value ? moment$1(value).format(format) : value); }));
-        };
-        LocalizedDatePipe.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        LocalizedDatePipe = __decorate([
-            core.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([
-            core.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 rxjs.from(this.localeService.getLocale()).pipe(operators.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([
-            core.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(operators.map(function () { return (value ? moment$2(value, "HH:mm:ss").format(format) : value); }));
-        };
-        LocalizedTimePipe.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        LocalizedTimePipe = __decorate([
-            core.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([
-            core.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([
-            core.NgModule({
-                imports: [common.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 ? ng2CurrencyMask.AlignmentOptions.RIGHT : ng2CurrencyMask.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));
-
-    var BooleanOptionsLabel = /** @class */ (function () {
-        function BooleanOptionsLabel(config) {
-            this.true = config.true;
-            this.false = config.false;
-            this.empty = config.empty;
-            this.clear = config.clear;
+    var BooleanOptionsLabel = /** @class */ (function () {
+        function BooleanOptionsLabel(config) {
+            this.true = config.true;
+            this.false = config.false;
+            this.empty = config.empty;
+            this.clear = config.clear;
         }
         return BooleanOptionsLabel;
     }());
@@ -4925,15 +4691,15 @@
      */
     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 = exports.NumberAlignmentOption.LEFT;
             _this.allowNegative = true;
             _this.regex = /\d/;
+            _this.onLocaleService();
             return _this;
         }
         NumberInputDirective_1 = NumberInputDirective;
@@ -4965,7 +4731,7 @@
                 precision: this.scale || 0,
                 prefix: "",
                 suffix: "",
-                allowNegative: this.allowNegative
+                allowNegative: this.allowNegative,
             };
             this.calculateMaxLength();
         };
@@ -4995,7 +4761,23 @@
             else
                 event.preventDefault();
         };
+        NumberInputDirective.prototype.onLocaleService = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.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: core.ElementRef },
+            { type: core.KeyValueDiffers },
+            { type: LocaleService }
+        ]; };
         __decorate([
             core.Input()
         ], NumberInputDirective.prototype, "precision", void 0);
@@ -5059,7 +4841,7 @@
         __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 || exports.NumberAlignmentOption.LEFT;
@@ -5082,7 +4864,7 @@
         __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 || exports.NumberAlignmentOption.RIGHT;
             _this.scale = config.scale || config.scale === 0 ? config.scale : 2;
             return _this;
@@ -5097,7 +4879,7 @@
         __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;
@@ -6418,99 +6200,371 @@
         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([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "value", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "numberFormatOptions", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
+        ProgressBarDeterminateComponent = __decorate([
+            core.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([
+            core.Input()
+        ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
+        ProgressBarIndeterminateComponent = __decorate([
+            core.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([
+            core.NgModule({
+                imports: [common.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) : rxjs.of(value);
+        };
+        LocalizedBignumberPipe.prototype.applyMask = function (value, options) {
+            return this.localeService.get().pipe(operators.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__default(value).isNaN());
+                return ng2CurrencyMask.applyMask(value, configs, isNumber);
+            }));
+        };
+        LocalizedBignumberPipe.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        LocalizedBignumberPipe = __decorate([
+            core.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([
+            core.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) : rxjs.of(value);
+        };
+        LocalizedCurrencyPipe.prototype.applyMask = function (value, options) {
+            return this.localeService.get().pipe(operators.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([
+            core.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([
+            core.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(operators.map(function () { return (value ? moment$1(value).format(format) : value); }));
+        };
+        LocalizedDatePipe.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        LocalizedDatePipe = __decorate([
+            core.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([
+            core.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 rxjs.from(this.localeService.getLocale()).pipe(operators.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([
+            core.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(operators.map(function () { return (value ? moment$2(value, "HH:mm:ss").format(format) : value); }));
         };
-        ProgressBarDeterminateComponent.ctorParameters = function () { return [
+        LocalizedTimePipe.ctorParameters = function () { return [
             { type: LocaleService }
         ]; };
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "value", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "numberFormatOptions", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
-        ProgressBarDeterminateComponent = __decorate([
-            core.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([
+            core.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([
-            core.Input()
-        ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
-        ProgressBarIndeterminateComponent = __decorate([
-            core.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([
+            core.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([
             core.NgModule({
                 imports: [common.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 = {
@@ -7450,17 +7504,26 @@
     }());
 
     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(operators.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")))
@@ -7468,6 +7531,9 @@
             return null;
         };
         var LocalizedNumberInputDirective_1;
+        LocalizedNumberInputDirective.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
         __decorate([
             core.Input()
         ], LocalizedNumberInputDirective.prototype, "decimalSeparator", void 0);
@@ -9116,8 +9182,9 @@
 
     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 core.EventEmitter();
             _this.onFocus = new core.EventEmitter();
             _this.onComplete = new core.EventEmitter();
@@ -9126,23 +9193,18 @@
         }
         BignumberFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.onFocus
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
+            this.onLocaleService();
+            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
                 if (_this.field.onFocus) {
                     _this.field.onFocus(event);
                 }
             });
-            this.onInput
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
+            this.onInput.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
                 if (_this.field.onInput) {
                     _this.field.onInput(event);
                 }
             });
-            this.onComplete
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
+            this.onComplete.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
                 if (_this.field.onComplete) {
                     _this.field.onComplete(event);
                 }
@@ -9159,6 +9221,37 @@
             enumerable: true,
             configurable: true
         });
+        BignumberFieldComponent.prototype.onLocaleService = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.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 === exports.FieldType.Integer || _this.field.type === exports.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 === exports.FieldType.Integer || _this.field.type === exports.FieldType.Double ? "" : "R$",
+                    });
+                },
+            });
+        };
+        BignumberFieldComponent.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
         __decorate([
             core.Input()
         ], BignumberFieldComponent.prototype, "field", void 0);
@@ -9372,9 +9465,45 @@
      */
     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(operators.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([
             core.Input()
         ], CurrencyFieldComponent.prototype, "field", void 0);
@@ -9451,8 +9580,9 @@
 
     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 core.EventEmitter();
             _this.onFocus = new core.EventEmitter();
             _this.onComplete = new core.EventEmitter();
@@ -9461,6 +9591,7 @@
         }
         NumberFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
+            this.onLocaleService();
             this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
                 if (_this.field.onFocus)
                     _this.field.onFocus(event);
@@ -9492,6 +9623,37 @@
             enumerable: true,
             configurable: true
         });
+        NumberFieldComponent.prototype.onLocaleService = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.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([
             core.Input()
         ], NumberFieldComponent.prototype, "field", void 0);
@@ -10025,14 +10187,8 @@
                 errorMessages: errorMessages,
             }) || this;
             _this.field = field;
-            _this.setFieldPropertiesByType();
             return _this;
         }
-        DynamicField.prototype.setFieldPropertiesByType = function () {
-            if (this.field.type === exports.FieldType.Integer || this.field.type === exports.FieldType.Double) {
-                this.field.numberLocaleOptions.currencySymbol = "";
-            }
-        };
         DynamicField.prototype.createComponent = function (resolver, container) {
             var componentFactory = resolver.resolveComponentFactory(this.getComponent());
             var component = container.createComponent(componentFactory);