@seniorsistemas/angular-components 17.5.0 → 17.5.2

package/fesm2015/seniorsistemas-angular-components.js

@@ -1,11 +1,15 @@
 import { __decorate, __awaiter, __param, __rest } 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 { CurrencyMaskDirective, AlignmentOptions, 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 { service, user } 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';
@@ -823,15 +823,145 @@ BadgeModule = __decorate([
     })
 ], BadgeModule);
 
+class CalendarLocaleOptions {
+    constructor(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(key => (this[key] = config[key] || this[key]));
+    }
+}
+
+class NumberLocaleOptions {
+    constructor(config = {}) {
+        this.thousandsSeparator = ".";
+        this.decimalSeparator = ",";
+        this.currencySymbol = "R$";
+        Object.assign(this, config);
+    }
+}
+
+class LocaleOptions {
+    constructor(config = {}) {
+        this.calendar = new CalendarLocaleOptions();
+        this.number = new NumberLocaleOptions();
+        Object.keys(config).forEach(key => (this[key] = config[key] || this[key]));
+    }
+}
+/**
+ * @deprecated
+ */
+const DEFAULT_CALENDAR_LOCALE_OPTIONS = new CalendarLocaleOptions();
+/**
+ * @deprecated
+ */
+const DEFAULT_NUMBER_LOCALE_OPTIONS = new NumberLocaleOptions();
+/**
+ * @deprecated
+ */
+const DEFAULT_LOCALE_OPTIONS = new LocaleOptions();
+
+const moment = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+let LocaleService = class LocaleService {
+    constructor(http, cookieService) {
+        this.http = http;
+        this.cookieService = cookieService;
+        this.localeOptionsAddress = "https://cdn.senior.com.br/primeng/locales";
+        this.localeOptionsVersion = "3.0.0";
+    }
+    get() {
+        return this.localeOptions
+            ? of(this.localeOptions)
+            : this.getLocaleConfig().pipe(tap((localeOptions) => (this.localeOptions = localeOptions)));
+    }
+    getLocale() {
+        return this.locale
+            ? of(this.locale)
+            : from(this.getUserData()).pipe(map((userData) => {
+                this.locale = userData.locale || userData.tenantLocale || "pt-BR";
+                return this.locale;
+            }));
+    }
+    getUserData() {
+        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();
+        }
+    }
+    getLocaleConfig() {
+        return this.getLocale().pipe(switchMap((locale) => {
+            moment.locale(locale);
+            return this.http
+                .get(`${this.localeOptionsAddress}/${this.localeOptionsVersion}/${locale}.json`)
+                .pipe(map((response) => new LocaleOptions(response)));
+        }), catchError((err) => {
+            console.warn(`Error getting locale configuration. Using fallback.`, err);
+            return of(new LocaleOptions());
+        }));
+    }
+    getGroupingSeparator() {
+        var _a;
+        const 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((part) => part.type === "group")) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    getDecimalSeparator() {
+        var _a;
+        const numberFormat = new Intl.NumberFormat(this.locale, {
+            style: "decimal",
+            minimumFractionDigits: 5,
+            maximumFractionDigits: 5,
+        });
+        return (_a = numberFormat.formatToParts(1.2).find((part) => part.type === "decimal")) === null || _a === void 0 ? void 0 : _a.value;
+    }
+};
+LocaleService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: CookieService }
+];
+LocaleService = __decorate([
+    Injectable()
+], LocaleService);
+
 var BignumberInputDirective_1;
 let BignumberInputDirective = BignumberInputDirective_1 = class BignumberInputDirective extends CurrencyMaskDirective {
-    constructor() {
-        super(...arguments);
+    constructor(_elementRef, _keyValueDiffers, localeService) {
+        super(null, _elementRef, _keyValueDiffers);
+        this.localeService = localeService;
         this.precision = 15;
         this.scale = 0;
-        this.decimalSeparator = ",";
         this.alignTo = AlignmentOptions.LEFT;
         this.allowNegative = true;
+        this.onLocaleService();
     }
     ngOnInit() {
         this.updateVariables();
@@ -874,7 +1004,7 @@ let BignumberInputDirective = BignumberInputDirective_1 = class BignumberInputDi
             scale: this.scale || 0,
             prefix: "",
             suffix: "",
-            allowNegative: this.allowNegative
+            allowNegative: this.allowNegative,
         };
         this.calculateMaxLength();
     }
@@ -890,7 +1020,22 @@ let BignumberInputDirective = BignumberInputDirective_1 = class BignumberInputDi
         this._maxLength = maxLength;
         this.maxLength = maxLength;
     }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe(() => {
+            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();
+        });
+    }
 };
+BignumberInputDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: KeyValueDiffers },
+    { type: LocaleService }
+];
 __decorate([
     Input()
 ], BignumberInputDirective.prototype, "precision", void 0);
@@ -3920,35 +4065,6 @@ CountryPhonePickerModule = __decorate([
     })
 ], CountryPhonePickerModule);
 
-class CalendarLocaleOptions {
-    constructor(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(key => (this[key] = config[key] || this[key]));
-    }
-}
-
 var FieldType;
 (function (FieldType) {
     FieldType["Autocomplete"] = "Autocomplete";
@@ -4023,377 +4139,62 @@ class AutocompleteField extends Field {
     }
 }
 
-class NumberLocaleOptions {
-    constructor(config = {}) {
-        this.thousandsSeparator = ".";
-        this.decimalSeparator = ",";
-        this.currencySymbol = "R$";
-        Object.assign(this, config);
+class BignumberField extends Field {
+    constructor(config) {
+        var _a, _b, _c;
+        super(config);
+        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;
     }
 }
 
-class LocaleOptions {
-    constructor(config = {}) {
-        this.calendar = new CalendarLocaleOptions();
-        this.number = new NumberLocaleOptions();
-        Object.keys(config).forEach(key => (this[key] = config[key] || this[key]));
+class BlobField extends Field {
+    constructor(config) {
+        super(config);
+        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;
     }
 }
-/**
- * @deprecated
- */
-const DEFAULT_CALENDAR_LOCALE_OPTIONS = new CalendarLocaleOptions();
-/**
- * @deprecated
- */
-const DEFAULT_NUMBER_LOCALE_OPTIONS = new NumberLocaleOptions();
-/**
- * @deprecated
- */
-const DEFAULT_LOCALE_OPTIONS = new LocaleOptions();
 
-const moment = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-let LocaleService = class LocaleService {
-    constructor(http, cookieService) {
-        this.http = http;
-        this.cookieService = cookieService;
-        this.localeOptionsAddress = "https://cdn.senior.com.br/primeng/locales";
-        this.localeOptionsVersion = "3.0.0";
-    }
-    get() {
-        return this.localeOptions
-            ? of(this.localeOptions)
-            : this.getLocaleConfig().pipe(tap((localeOptions) => (this.localeOptions = localeOptions)));
+class BooleanOptionsLabel {
+    constructor(config) {
+        this.true = config.true;
+        this.false = config.false;
+        this.empty = config.empty;
+        this.clear = config.clear;
     }
-    getLocale() {
-        return this.locale
-            ? of(this.locale)
-            : from(this.getUserData()).pipe(map((userData) => {
-                this.locale = userData.locale || userData.tenantLocale || "pt-BR";
-                return this.locale;
-            }));
-    }
-    getUserData() {
-        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();
-        }
-    }
-    getLocaleConfig() {
-        return this.getLocale().pipe(switchMap((locale) => {
-            moment.locale(locale);
-            return this.http
-                .get(`${this.localeOptionsAddress}/${this.localeOptionsVersion}/${locale}.json`)
-                .pipe(map(response => new LocaleOptions(response)));
-        }), catchError((err) => {
-            console.warn(`Error getting locale configuration. Using fallback.`, err);
-            return of(new LocaleOptions());
-        }));
-    }
-};
-LocaleService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: CookieService }
-];
-LocaleService = __decorate([
-    Injectable()
-], LocaleService);
-
-let LocalizedBignumberPipe = class LocalizedBignumberPipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, options) {
-        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
-    }
-    applyMask(value, options) {
-        return this.localeService.get().pipe(map(localeConfig => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            const 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
-            };
-            const isNumber = !(new BigNumber(value).isNaN());
-            return applyMask(value, configs, isNumber);
-        }));
-    }
-};
-LocalizedBignumberPipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedBignumberPipe = __decorate([
-    Pipe({
-        name: "localizedBignumber",
-    })
-], LocalizedBignumberPipe);
-
-let LocalizedBignumberImpurePipe = class LocalizedBignumberImpurePipe extends LocalizedBignumberPipe {
-    transform(value, options) {
-        return super.transform(value, options);
-    }
-};
-LocalizedBignumberImpurePipe = __decorate([
-    Pipe({
-        name: "localizedBignumberImpure",
-        pure: false,
-    })
-], LocalizedBignumberImpurePipe);
-
-class LocalizedCurrencyPipeOptions extends NumberLocaleOptions {
-    constructor(config = {}) {
-        super(config);
-        this.scale = 2;
-    }
-}
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-let LocalizedCurrencyPipe = class LocalizedCurrencyPipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, options) {
-        if (!options) {
-            options = new LocalizedCurrencyPipeOptions();
-        }
-        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
-    }
-    applyMask(value, options) {
-        return this.localeService.get().pipe(map(localeConfig => {
-            const config = Object.assign(Object.assign({}, localeConfig.number), options);
-            const { scale, currencySymbol, thousandsSeparator, decimalSeparator } = config;
-            const rawValue = Number(value).toFixed(scale);
-            const onlyNumbers = rawValue.replace(/[^0-9]/g, ``);
-            const integerPart = onlyNumbers
-                .slice(0, onlyNumbers.length - scale)
-                .replace(/^0*/g, ``)
-                .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || `0`;
-            const decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
-            const newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
-            const isZero = !Number(onlyNumbers);
-            const operator = rawValue.includes("-") && !isZero ? "-" : "";
-            return `${operator}${currencySymbol}${newValue}`;
-        }));
-    }
-};
-LocalizedCurrencyPipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedCurrencyPipe = __decorate([
-    Pipe({
-        name: "localizedCurrency",
-    })
-], LocalizedCurrencyPipe);
-
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-let LocalizedCurrencyImpurePipe = class LocalizedCurrencyImpurePipe extends LocalizedCurrencyPipe {
-    transform(value, options = new LocalizedCurrencyPipeOptions()) {
-        return super.transform(value, options);
-    }
-};
-LocalizedCurrencyImpurePipe = __decorate([
-    Pipe({
-        name: "localizedCurrencyImpure",
-        pure: false,
-    })
-], LocalizedCurrencyImpurePipe);
-
-const moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-let LocalizedDatePipe = class LocalizedDatePipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, format = "L LTS") {
-        return this.localeService.get().pipe(map(() => (value ? moment$1(value).format(format) : value)));
-    }
-};
-LocalizedDatePipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedDatePipe = __decorate([
-    Pipe({
-        name: "localizedDate",
-    })
-], LocalizedDatePipe);
-
-let LocalizedDateImpurePipe = class LocalizedDateImpurePipe extends LocalizedDatePipe {
-};
-LocalizedDateImpurePipe = __decorate([
-    Pipe({
-        name: "localizedDateImpure",
-        pure: false,
-    })
-], LocalizedDateImpurePipe);
-
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-let LocalizedNumberPipe = class LocalizedNumberPipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, minimumFractionDigits) {
-        return from(this.localeService.getLocale()).pipe(map((locale) => {
-            const numericValue = Number(value);
-            if (!value && isNaN(numericValue))
-                return;
-            return new Intl.NumberFormat(locale, {
-                minimumFractionDigits: minimumFractionDigits || 0,
-            }).format(Number(value));
-        }));
-    }
-};
-LocalizedNumberPipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedNumberPipe = __decorate([
-    Pipe({ name: "localizedNumber" })
-], LocalizedNumberPipe);
-
-const moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-let LocalizedTimePipe = class LocalizedTimePipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, format = "LTS") {
-        return this.localeService.get().pipe(map(() => (value ? moment$2(value, "HH:mm:ss").format(format) : value)));
-    }
-};
-LocalizedTimePipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedTimePipe = __decorate([
-    Pipe({
-        name: "localizedTime",
-    })
-], LocalizedTimePipe);
-
-let LocalizedTimeImpurePipe = class LocalizedTimeImpurePipe extends LocalizedTimePipe {
-};
-LocalizedTimeImpurePipe = __decorate([
-    Pipe({
-        name: "localizedTimeImpure",
-        pure: false,
-    })
-], LocalizedTimeImpurePipe);
-
-var LocaleModule_1;
-let LocaleModule = LocaleModule_1 = class LocaleModule {
-    static forRoot() {
-        return {
-            ngModule: LocaleModule_1,
-            providers: [
-                LocaleService,
-                LocalizedCurrencyPipe,
-                LocalizedDatePipe,
-                LocalizedTimePipe,
-                LocalizedNumberPipe,
-                LocalizedCurrencyImpurePipe,
-                LocalizedDateImpurePipe,
-                LocalizedTimeImpurePipe,
-                LocalizedBignumberPipe,
-                LocalizedBignumberImpurePipe
-            ],
-        };
-    }
-    static forChild() {
-        return {
-            ngModule: 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);
-
-class BignumberField extends Field {
-    constructor(config) {
-        var _a, _b, _c;
-        super(config);
-        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;
-    }
-}
-
-class BlobField extends Field {
-    constructor(config) {
-        super(config);
-        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;
-    }
-}
-
-class BooleanOptionsLabel {
-    constructor(config) {
-        this.true = config.true;
-        this.false = config.false;
-        this.empty = config.empty;
-        this.clear = config.clear;
-    }
-}
-class BooleanField extends Field {
-    constructor(config) {
-        super(config);
-        this.verticalAlignment = config.verticalAlignment;
-        this.optionsLabel = new BooleanOptionsLabel(config.optionsLabel);
-        this.representedBy = "radio";
-        this.onBlur = config.onBlur;
-        this.onFocus = config.onFocus;
-        this.onClick = config.onClick;
+}
+class BooleanField extends Field {
+    constructor(config) {
+        super(config);
+        this.verticalAlignment = config.verticalAlignment;
+        this.optionsLabel = new BooleanOptionsLabel(config.optionsLabel);
+        this.representedBy = "radio";
+        this.onBlur = config.onBlur;
+        this.onFocus = config.onFocus;
+        this.onClick = config.onClick;
     }
 }
 
@@ -4472,15 +4273,15 @@ var NumberAlignmentOption;
  * @deprecated Should use BigNumberInput directive instead
  */
 let NumberInputDirective = NumberInputDirective_1 = class NumberInputDirective extends CurrencyMaskDirective$1 {
-    constructor() {
-        super(...arguments);
+    constructor(_elementRef, _keyValueDiffers, localeService) {
+        super(null, _elementRef, _keyValueDiffers);
+        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();
     }
     ngOnInit() {
         this.updateVariables();
@@ -4510,7 +4311,7 @@ let NumberInputDirective = NumberInputDirective_1 = class NumberInputDirective e
             precision: this.scale || 0,
             prefix: "",
             suffix: "",
-            allowNegative: this.allowNegative
+            allowNegative: this.allowNegative,
         };
         this.calculateMaxLength();
     }
@@ -4540,7 +4341,22 @@ let NumberInputDirective = NumberInputDirective_1 = class NumberInputDirective e
         else
             event.preventDefault();
     }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe(() => {
+            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();
+        });
+    }
 };
+NumberInputDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: KeyValueDiffers },
+    { type: LocaleService }
+];
 __decorate([
     Input()
 ], NumberInputDirective.prototype, "precision", void 0);
@@ -4598,7 +4414,7 @@ NumberInputModule = __decorate([
 class NumberField extends Field {
     constructor(config) {
         super(config);
-        this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
+        this.numberLocaleOptions = config.numberLocaleOptions;
         this.browserAutocomplete = config.browserAutocomplete;
         this.precision = config.precision;
         this.alignTo = config.alignTo || NumberAlignmentOption.LEFT;
@@ -4618,7 +4434,7 @@ class NumberField extends Field {
 class DecimalField extends NumberField {
     constructor(config) {
         super(config);
-        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;
     }
@@ -4630,7 +4446,7 @@ class DecimalField extends NumberField {
 class CurrencyField extends DecimalField {
     constructor(config) {
         super(config);
-        this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
+        this.numberLocaleOptions = config.numberLocaleOptions;
     }
 }
 
@@ -5826,6 +5642,11 @@ var ProgressBarMode;
 
 let ProgressBarComponent = class ProgressBarComponent {
     constructor() {
+        this.numberFormatOptions = {
+            style: "decimal",
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 2,
+        };
         this.showValue = true;
         this.mode = ProgressBarMode.Determinate;
     }
@@ -5844,103 +5665,360 @@ let ProgressBarComponent = class ProgressBarComponent {
         }
     }
 };
-__decorate([
-    Input()
-], ProgressBarComponent.prototype, "value", void 0);
-__decorate([
-    Input()
-], ProgressBarComponent.prototype, "targetValue", void 0);
-__decorate([
-    Input()
-], ProgressBarComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], ProgressBarComponent.prototype, "targetLabel", void 0);
-__decorate([
-    Input()
-], ProgressBarComponent.prototype, "activeColor", void 0);
-__decorate([
-    Input()
-], ProgressBarComponent.prototype, "showValue", void 0);
-__decorate([
-    Input()
-], ProgressBarComponent.prototype, "mode", void 0);
-ProgressBarComponent = __decorate([
-    Component({
-        selector: "s-progressbar",
-        template: "<ng-container *ngIf=\"mode === 'determinate'; then pbDeterminateTemplate else pbIndeterminateTemplate\"></ng-container>\n\n<ng-template #pbDeterminateTemplate>\n   <s-progressbar-determinate\n      [value]=\"value\"\n      [targetValue]=\"targetValue\"\n      [targetLabel]=\"targetLabel\"\n      [activeColor]=\"activeColor\"\n      [showValue]=\"showValue\">\n   </s-progressbar-determinate>\n</ng-template>\n\n<ng-template #pbIndeterminateTemplate>\n   <s-progressbar-indeterminate\n      [activeColor]=\"activeColor\"\n      [label]=\"label\">\n   </s-progressbar-indeterminate>\n</ng-template>",
-        styles: [".progress-bar{position:relative}.progress-bar .progress-bar-all{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progress-bar .progress-bar-all .progress-bar-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%}.progress-bar .progress-bar-all .progress-bar-active--blue{background-color:#428bca}.progress-bar .progress-bar-all .progress-bar-active--green{background-color:#0c9348}.progress-bar .progress-bar-all .progress-bar-active--red{background-color:#c13018}.progress-bar .progress-bar-all .progress-bar-active--yellow{background-color:#fcbf10}.progress-bar .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}.progress-bar .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progress-bar .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}"]
+__decorate([
+    Input()
+], ProgressBarComponent.prototype, "value", void 0);
+__decorate([
+    Input()
+], ProgressBarComponent.prototype, "numberFormatOptions", void 0);
+__decorate([
+    Input()
+], ProgressBarComponent.prototype, "targetValue", void 0);
+__decorate([
+    Input()
+], ProgressBarComponent.prototype, "label", void 0);
+__decorate([
+    Input()
+], ProgressBarComponent.prototype, "targetLabel", void 0);
+__decorate([
+    Input()
+], ProgressBarComponent.prototype, "activeColor", void 0);
+__decorate([
+    Input()
+], ProgressBarComponent.prototype, "showValue", void 0);
+__decorate([
+    Input()
+], ProgressBarComponent.prototype, "mode", void 0);
+ProgressBarComponent = __decorate([
+    Component({
+        selector: "s-progressbar",
+        template: "<ng-container *ngIf=\"mode === 'determinate'; then pbDeterminateTemplate else pbIndeterminateTemplate\"></ng-container>\n\n<ng-template #pbDeterminateTemplate>\n   <s-progressbar-determinate\n      [value]=\"value\"\n      [numberFormatOptions]=\"numberFormatOptions\"\n      [targetValue]=\"targetValue\"\n      [targetLabel]=\"targetLabel\"\n      [activeColor]=\"activeColor\"\n      [showValue]=\"showValue\">\n   </s-progressbar-determinate>\n</ng-template>\n\n<ng-template #pbIndeterminateTemplate>\n   <s-progressbar-indeterminate\n      [activeColor]=\"activeColor\"\n      [label]=\"label\">\n   </s-progressbar-indeterminate>\n</ng-template>",
+        styles: [".progress-bar{position:relative}.progress-bar .progress-bar-all{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progress-bar .progress-bar-all .progress-bar-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%}.progress-bar .progress-bar-all .progress-bar-active--blue{background-color:#428bca}.progress-bar .progress-bar-all .progress-bar-active--green{background-color:#0c9348}.progress-bar .progress-bar-all .progress-bar-active--red{background-color:#c13018}.progress-bar .progress-bar-all .progress-bar-active--yellow{background-color:#fcbf10}.progress-bar .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}.progress-bar .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progress-bar .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}"]
+    })
+], ProgressBarComponent);
+
+let ProgressBarDeterminateComponent = class ProgressBarDeterminateComponent {
+    constructor(localeService) {
+        this.localeService = localeService;
+        this.showValue = true;
+    }
+    ngOnInit() {
+        this.validateValues();
+        this.onGetLocale();
+    }
+    onGetLocale() {
+        this.localeService.getLocale().subscribe({
+            next: (locale) => {
+                this.numberFormat = new Intl.NumberFormat(locale !== null && locale !== void 0 ? locale : "pt-BR", this.numberFormatOptions);
+            },
+            error: () => {
+                this.numberFormat = new Intl.NumberFormat("pt-BR", this.numberFormatOptions);
+            },
+        });
+    }
+    validateValues() {
+        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 = () => [
+    { 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);
+
+let ProgressBarIndeterminateComponent = class 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);
+
+let ProgressBarModule = class ProgressBarModule {
+};
+ProgressBarModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [
+            ProgressBarComponent,
+            ProgressBarDeterminateComponent,
+            ProgressBarIndeterminateComponent,
+        ],
+        exports: [ProgressBarComponent],
+    })
+], ProgressBarModule);
+
+let LocalizedBignumberPipe = class LocalizedBignumberPipe {
+    constructor(localeService) {
+        this.localeService = localeService;
+    }
+    transform(value, options) {
+        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
+    }
+    applyMask(value, options) {
+        return this.localeService.get().pipe(map(localeConfig => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            const 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
+            };
+            const isNumber = !(new BigNumber(value).isNaN());
+            return applyMask(value, configs, isNumber);
+        }));
+    }
+};
+LocalizedBignumberPipe.ctorParameters = () => [
+    { type: LocaleService }
+];
+LocalizedBignumberPipe = __decorate([
+    Pipe({
+        name: "localizedBignumber",
+    })
+], LocalizedBignumberPipe);
+
+let LocalizedBignumberImpurePipe = class LocalizedBignumberImpurePipe extends LocalizedBignumberPipe {
+    transform(value, options) {
+        return super.transform(value, options);
+    }
+};
+LocalizedBignumberImpurePipe = __decorate([
+    Pipe({
+        name: "localizedBignumberImpure",
+        pure: false,
+    })
+], LocalizedBignumberImpurePipe);
+
+class LocalizedCurrencyPipeOptions extends NumberLocaleOptions {
+    constructor(config = {}) {
+        super(config);
+        this.scale = 2;
+    }
+}
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+let LocalizedCurrencyPipe = class LocalizedCurrencyPipe {
+    constructor(localeService) {
+        this.localeService = localeService;
+    }
+    transform(value, options) {
+        if (!options) {
+            options = new LocalizedCurrencyPipeOptions();
+        }
+        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
+    }
+    applyMask(value, options) {
+        return this.localeService.get().pipe(map(localeConfig => {
+            const config = Object.assign(Object.assign({}, localeConfig.number), options);
+            const { scale, currencySymbol, thousandsSeparator, decimalSeparator } = config;
+            const rawValue = Number(value).toFixed(scale);
+            const onlyNumbers = rawValue.replace(/[^0-9]/g, ``);
+            const integerPart = onlyNumbers
+                .slice(0, onlyNumbers.length - scale)
+                .replace(/^0*/g, ``)
+                .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || `0`;
+            const decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
+            const newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
+            const isZero = !Number(onlyNumbers);
+            const operator = rawValue.includes("-") && !isZero ? "-" : "";
+            return `${operator}${currencySymbol}${newValue}`;
+        }));
+    }
+};
+LocalizedCurrencyPipe.ctorParameters = () => [
+    { type: LocaleService }
+];
+LocalizedCurrencyPipe = __decorate([
+    Pipe({
+        name: "localizedCurrency",
+    })
+], LocalizedCurrencyPipe);
+
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+let LocalizedCurrencyImpurePipe = class LocalizedCurrencyImpurePipe extends LocalizedCurrencyPipe {
+    transform(value, options = new LocalizedCurrencyPipeOptions()) {
+        return super.transform(value, options);
+    }
+};
+LocalizedCurrencyImpurePipe = __decorate([
+    Pipe({
+        name: "localizedCurrencyImpure",
+        pure: false,
+    })
+], LocalizedCurrencyImpurePipe);
+
+const moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+let LocalizedDatePipe = class LocalizedDatePipe {
+    constructor(localeService) {
+        this.localeService = localeService;
+    }
+    transform(value, format = "L LTS") {
+        return this.localeService.get().pipe(map(() => (value ? moment$1(value).format(format) : value)));
+    }
+};
+LocalizedDatePipe.ctorParameters = () => [
+    { type: LocaleService }
+];
+LocalizedDatePipe = __decorate([
+    Pipe({
+        name: "localizedDate",
+    })
+], LocalizedDatePipe);
+
+let LocalizedDateImpurePipe = class LocalizedDateImpurePipe extends LocalizedDatePipe {
+};
+LocalizedDateImpurePipe = __decorate([
+    Pipe({
+        name: "localizedDateImpure",
+        pure: false,
     })
-], ProgressBarComponent);
+], LocalizedDateImpurePipe);
 
-let ProgressBarDeterminateComponent = class ProgressBarDeterminateComponent {
-    constructor() {
-        this.showValue = true;
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+let LocalizedNumberPipe = class LocalizedNumberPipe {
+    constructor(localeService) {
+        this.localeService = localeService;
     }
-    ngOnInit() {
-        this.validateValues();
+    transform(value, minimumFractionDigits) {
+        return from(this.localeService.getLocale()).pipe(map((locale) => {
+            const numericValue = Number(value);
+            if (!value && isNaN(numericValue))
+                return;
+            return new Intl.NumberFormat(locale, {
+                minimumFractionDigits: minimumFractionDigits || 0,
+            }).format(Number(value));
+        }));
     }
-    validateValues() {
-        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 = () => [
+    { type: LocaleService }
+];
+LocalizedNumberPipe = __decorate([
+    Pipe({ name: "localizedNumber" })
+], LocalizedNumberPipe);
+
+const moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+let LocalizedTimePipe = class LocalizedTimePipe {
+    constructor(localeService) {
+        this.localeService = localeService;
+    }
+    transform(value, format = "LTS") {
+        return this.localeService.get().pipe(map(() => (value ? moment$2(value, "HH:mm:ss").format(format) : value)));
     }
 };
-__decorate([
-    Input()
-], ProgressBarDeterminateComponent.prototype, "value", 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          {{ showValue && value ? 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 || 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.ctorParameters = () => [
+    { type: LocaleService }
+];
+LocalizedTimePipe = __decorate([
+    Pipe({
+        name: "localizedTime",
     })
-], ProgressBarDeterminateComponent);
+], LocalizedTimePipe);
 
-let ProgressBarIndeterminateComponent = class ProgressBarIndeterminateComponent {
+let LocalizedTimeImpurePipe = class LocalizedTimeImpurePipe extends LocalizedTimePipe {
 };
-__decorate([
-    Input()
-], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
-__decorate([
-    Input()
-], ProgressBarIndeterminateComponent.prototype, "label", void 0);
-ProgressBarIndeterminateComponent = __decorate([
-    Component({
-        selector: "s-progressbar-indeterminate",
-        template: "<!-- progressbar-indeterminate.component.html -->\n<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);
+], LocalizedTimeImpurePipe);
 
-let ProgressBarModule = class ProgressBarModule {
+var LocaleModule_1;
+let LocaleModule = LocaleModule_1 = class LocaleModule {
+    static forRoot() {
+        return {
+            ngModule: LocaleModule_1,
+            providers: [
+                LocaleService,
+                LocalizedCurrencyPipe,
+                LocalizedDatePipe,
+                LocalizedTimePipe,
+                LocalizedNumberPipe,
+                LocalizedCurrencyImpurePipe,
+                LocalizedDateImpurePipe,
+                LocalizedTimeImpurePipe,
+                LocalizedBignumberPipe,
+                LocalizedBignumberImpurePipe
+            ],
+        };
+    }
+    static forChild() {
+        return {
+            ngModule: LocaleModule_1,
+        };
+    }
 };
-ProgressBarModule = __decorate([
+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);
+], LocaleModule);
 
 const Breakpoints = {
     SM_MIN: 0,
@@ -6804,9 +6882,8 @@ LoadingStateModule = __decorate([
 
 var LocalizedNumberInputDirective_1;
 let LocalizedNumberInputDirective = LocalizedNumberInputDirective_1 = class LocalizedNumberInputDirective {
-    constructor() {
-        this.decimalSeparator = ",";
-        this.thousandsSeparator = ".";
+    constructor(localeService) {
+        this.localeService = localeService;
         this.precision = 2;
     }
     ngOnInit() {
@@ -6814,6 +6891,15 @@ let LocalizedNumberInputDirective = LocalizedNumberInputDirective_1 = class Loca
         // 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(() => {
+            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}}))?$`;
+        });
     }
     validate(control) {
         if (control.value && !String(control.value).match(new RegExp(this.numberRegex, "g")))
@@ -6821,6 +6907,9 @@ let LocalizedNumberInputDirective = LocalizedNumberInputDirective_1 = class Loca
         return null;
     }
 };
+LocalizedNumberInputDirective.ctorParameters = () => [
+    { type: LocaleService }
+];
 __decorate([
     Input()
 ], LocalizedNumberInputDirective.prototype, "decimalSeparator", void 0);
@@ -8349,31 +8438,27 @@ AutocompleteFieldComponent = __decorate([
 ], AutocompleteFieldComponent);
 
 let BignumberFieldComponent = class BignumberFieldComponent extends BaseFieldComponent {
-    constructor() {
-        super(...arguments);
+    constructor(localeService) {
+        super();
+        this.localeService = localeService;
         this.onInput = new EventEmitter();
         this.onFocus = new EventEmitter();
         this.onComplete = new EventEmitter();
         this.ngUnsubscribe = new Subject();
     }
     ngOnInit() {
-        this.onFocus
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
+        this.onLocaleService();
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
             if (this.field.onFocus) {
                 this.field.onFocus(event);
             }
         });
-        this.onInput
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
             if (this.field.onInput) {
                 this.field.onInput(event);
             }
         });
-        this.onComplete
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
             if (this.field.onComplete) {
                 this.field.onComplete(event);
             }
@@ -8386,7 +8471,37 @@ let BignumberFieldComponent = class BignumberFieldComponent extends BaseFieldCom
     get fieldType() {
         return FieldType;
     }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                var _a, _b, _c;
+                if (!((_a = this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { decimalSeparator: this.localeService.getDecimalSeparator() });
+                }
+                if (!((_b = this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { thousandsSeparator: this.localeService.getGroupingSeparator() });
+                }
+                if (!((_c = this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { currencySymbol: this.field.type === FieldType.Integer || this.field.type === FieldType.Double ? "" : "R$" });
+                }
+            },
+            error: () => {
+                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 = () => [
+    { type: LocaleService }
+];
 __decorate([
     Input()
 ], BignumberFieldComponent.prototype, "field", void 0);
@@ -8585,7 +8700,44 @@ CountryPhonePickerFieldComponent = __decorate([
  * @deprecated Should use bignumber instead
  */
 let CurrencyFieldComponent = class CurrencyFieldComponent extends BaseFieldComponent {
+    constructor(localeService) {
+        super();
+        this.localeService = localeService;
+    }
+    ngOnInit() {
+        this.onLocaleService();
+    }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                var _a, _b, _c;
+                if (!((_a = this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { decimalSeparator: this.localeService.getDecimalSeparator() });
+                }
+                if (!((_b = this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { thousandsSeparator: this.localeService.getGroupingSeparator() });
+                }
+                if (!((_c = this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { currencySymbol: "R$" });
+                }
+            },
+            error: () => {
+                var _a;
+                return (this.field.numberLocaleOptions = (_a = this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                    thousandsSeparator: ".",
+                    decimalSeparator: ",",
+                    currencySymbol: "R$",
+                });
+            },
+        });
+    }
 };
+CurrencyFieldComponent.ctorParameters = () => [
+    { type: LocaleService }
+];
 __decorate([
     Input()
 ], CurrencyFieldComponent.prototype, "field", void 0);
@@ -8656,14 +8808,16 @@ LookupFieldComponent = __decorate([
 ], LookupFieldComponent);
 
 let NumberFieldComponent = class NumberFieldComponent extends BaseFieldComponent {
-    constructor() {
-        super(...arguments);
+    constructor(localeService) {
+        super();
+        this.localeService = localeService;
         this.onInput = new EventEmitter();
         this.onFocus = new EventEmitter();
         this.onComplete = new EventEmitter();
         this.ngUnsubscribe = new Subject();
     }
     ngOnInit() {
+        this.onLocaleService();
         this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
             if (this.field.onFocus)
                 this.field.onFocus(event);
@@ -8687,7 +8841,37 @@ let NumberFieldComponent = class NumberFieldComponent extends BaseFieldComponent
     get fieldType() {
         return FieldType;
     }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                var _a, _b, _c;
+                if (!((_a = this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { decimalSeparator: this.localeService.getDecimalSeparator() });
+                }
+                if (!((_b = this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { thousandsSeparator: this.localeService.getGroupingSeparator() });
+                }
+                if (!((_c = this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { currencySymbol: "R$" });
+                }
+            },
+            error: () => {
+                var _a;
+                return (this.field.numberLocaleOptions = (_a = this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                    thousandsSeparator: ".",
+                    decimalSeparator: ",",
+                    currencySymbol: "R$",
+                });
+            },
+        });
+    }
 };
+NumberFieldComponent.ctorParameters = () => [
+    { type: LocaleService }
+];
 __decorate([
     Input()
 ], NumberFieldComponent.prototype, "field", void 0);
@@ -9229,12 +9413,6 @@ class DynamicField extends DynamicForm {
             errorMessages,
         });
         this.field = field;
-        this.setFieldPropertiesByType();
-    }
-    setFieldPropertiesByType() {
-        if (this.field.type === FieldType.Integer || this.field.type === FieldType.Double) {
-            this.field.numberLocaleOptions.currencySymbol = "";
-        }
     }
     createComponent(resolver, container) {
         const componentFactory = resolver.resolveComponentFactory(this.getComponent());