@seniorsistemas/angular-components 17.6.4 → 17.7.1

package/fesm5/seniorsistemas-angular-components.js

@@ -1,12 +1,12 @@
-import { __decorate, __extends, __spread, __assign, __awaiter, __generator, __param, __values, __rest, __read } from 'tslib';
-import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Directive, KeyValueDiffers, HostBinding, Renderer2, TemplateRef, InjectionToken, Inject, ViewEncapsulation, Pipe, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild } from '@angular/core';
+import { __decorate, __assign, __extends, __spread, __awaiter, __generator, __param, __values, __rest, __read } from 'tslib';
+import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Directive, KeyValueDiffers, HostBinding, Renderer2, TemplateRef, InjectionToken, Inject, ViewEncapsulation, ViewContainerRef, ChangeDetectorRef, Pipe, ɵɵinject, Optional, ContentChild } from '@angular/core';
 import { trigger, transition, style as style$7, animate, state, group, query, animateChild } from '@angular/animations';
 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 { HttpClient, HttpEventType, HttpClientModule } from '@angular/common/http';
 import { user, service } from '@seniorsistemas/senior-platform-data';
 import * as moment_ from 'moment';
 import { CookieService } from 'ngx-cookie-service';
@@ -47,6 +47,7 @@ import { PanelModule as PanelModule$1 } from 'primeng/panel';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { SliderModule } from 'primeng/slider';
 import { MessageService, ConfirmationService } from 'primeng/api';
+import { ProgressBarModule as ProgressBarModule$1 } from 'primeng/progressbar';
 import { DomSanitizer } from '@angular/platform-browser';
 import { Clipboard } from '@angular/cdk/clipboard';
 import Cropper from 'cropperjs';
@@ -943,7 +944,7 @@ var LocaleService = /** @class */ (function () {
         var _this = this;
         return this.localeOptions
             ? of(this.localeOptions)
-            : this.getLocaleConfig().pipe(tap(function (localeOptions) { return (_this.localeOptions = localeOptions); }));
+            : this.getLocaleConfig().pipe(tap(function (localeOptions) { return (_this.localeOptions = __assign(__assign({}, localeOptions), { locale: _this.locale })); }));
     };
     LocaleService.prototype.getLocale = function () {
         var _this = this;
@@ -954,6 +955,13 @@ var LocaleService = /** @class */ (function () {
                 return _this.locale;
             }));
     };
+    /**
+     * Returns an object with the locale options based on the user's locale(platform locale).
+     * @return The locale options object.
+     */
+    LocaleService.prototype.getLocaleOptions = function () {
+        return this.localeOptions;
+    };
     LocaleService.prototype.getUserData = function () {
         try {
             return of(JSON.parse(this.cookieService.get("com.senior.token")));
@@ -5982,558 +5990,136 @@ var EmptyStateModule = /** @class */ (function () {
     return EmptyStateModule;
 }());
 
-var ProgressBarColors;
-(function (ProgressBarColors) {
-    ProgressBarColors["Blue"] = "blue";
-    ProgressBarColors["Green"] = "green";
-    ProgressBarColors["Red"] = "red";
-    ProgressBarColors["Yellow"] = "yellow";
-})(ProgressBarColors || (ProgressBarColors = {}));
-
-var ProgressBarMode;
-(function (ProgressBarMode) {
-    ProgressBarMode["Determinate"] = "determinate";
-    ProgressBarMode["Indeterminate"] = "indeterminate";
-})(ProgressBarMode || (ProgressBarMode = {}));
-
-var ProgressBarComponent = /** @class */ (function () {
-    function ProgressBarComponent() {
-        this.numberFormatOptions = {
-            style: "decimal",
-            minimumFractionDigits: 0,
-            maximumFractionDigits: 2,
-        };
-        this.showValue = true;
-        this.mode = ProgressBarMode.Determinate;
+var FileUploadService = /** @class */ (function () {
+    function FileUploadService() {
+        this.BASE_URL_FIELD_CUSTOMIZATION = "platform/field_customization";
+        this.TOKEN = new AbortController();
     }
-    ProgressBarComponent.prototype.ngOnInit = function () {
-        this.validateInputs();
-    };
-    ProgressBarComponent.prototype.validateInputs = 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");
-        }
-        if (this.mode === ProgressBarMode.Indeterminate && (this.value || this.targetValue || this.targetLabel)) {
-            throw new Error("When the mode is indeterminate, the value, targetValue and targetLabel parameters are not expected.");
-        }
+    FileUploadService.prototype.getMetadataCustomField = function (request) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, CustomHttpClient.POST(this.BASE_URL_FIELD_CUSTOMIZATION + "/queries/getFileMetadata", request, { signal: this.TOKEN.signal })];
+            });
+        });
     };
-    __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);
-    return ProgressBarComponent;
+    FileUploadService = __decorate([
+        Injectable()
+    ], FileUploadService);
+    return FileUploadService;
 }());
 
-var ProgressBarDeterminateComponent = /** @class */ (function () {
-    function ProgressBarDeterminateComponent(localeService) {
-        this.localeService = localeService;
-        this.showValue = true;
+var Breakpoints = {
+    SM_MIN: 0,
+    SM_MAX: 767,
+    MD_MIN: 768,
+    MD_MAX: 991,
+    LG_MIN: 992,
+    LG_MAX: 1199,
+    XL_MIN: 1200,
+    XL_MAX: Infinity,
+};
+
+var ExportUtils = /** @class */ (function () {
+    function ExportUtils() {
+        throw new Error("Classe não deve ser instanciada.");
     }
-    ProgressBarDeterminateComponent.prototype.ngOnInit = function () {
-        this.validateValues();
-        this.onGetLocale();
+    ExportUtils.addClass = function (element, className) {
+        element.nativeElement.className = element.nativeElement.className + " " + className;
     };
-    ProgressBarDeterminateComponent.prototype.onGetLocale = function () {
+    ExportUtils.removeClass = function (element, className) {
+        if (element.nativeElement.className.includes(className)) {
+            element.nativeElement.className = element.nativeElement.className.replace(className, "");
+        }
+    };
+    ExportUtils.exportCSV = function (columns, data, csvSeparator, documentName) {
         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);
-            },
+        if (columns === void 0) { columns = []; }
+        if (data === void 0) { data = []; }
+        if (csvSeparator === void 0) { csvSeparator = ";"; }
+        if (documentName === void 0) { documentName = "download"; }
+        var csv = "\ufeff";
+        columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
+            csv += "\"" + (column.header || column.field) + "\"";
+            if (i < columns.length - 1)
+                csv += csvSeparator;
         });
-    };
-    ProgressBarDeterminateComponent.prototype.validateValues = function () {
-        if (this.value < 0 || this.value > 100) {
-            throw new Error("Invalid value for value");
+        data.forEach(function (record) {
+            csv += "\n";
+            columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
+                var cellData;
+                if (Array.isArray(column.field)) {
+                    var fieldValues = column.field.map(function (col) { return _this.resolveFieldData(record, col); });
+                    cellData = fieldValues
+                        .flat()
+                        .filter(function (value) { return value !== null && value !== undefined; })
+                        .join(column.separator);
+                }
+                else {
+                    cellData = _this.resolveFieldData(record, column.field);
+                }
+                if (cellData != null)
+                    cellData = String(cellData).replace(/"/g, "\"\"");
+                else
+                    cellData = "";
+                csv += "\"" + cellData + "\"";
+                if (i < columns.length - 1)
+                    csv += csvSeparator;
+            });
+        });
+        var blob = new Blob([csv], {
+            type: "text/csv;charset=utf-8;",
+        });
+        if (window.navigator.msSaveOrOpenBlob)
+            navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
+        else {
+            var link = document.createElement("a");
+            link.style.display = "none";
+            document.body.appendChild(link);
+            if (link.download !== undefined) {
+                link.setAttribute("href", URL.createObjectURL(blob));
+                link.setAttribute("download", documentName + ".csv");
+                link.click();
+            }
+            else {
+                csv = "data:text/csv;charset=utf-8," + csv;
+                window.open(encodeURI(csv));
+            }
+            document.body.removeChild(link);
         }
-        if (this.targetValue < 0 || this.targetValue > 100) {
-            throw new Error("Invalid value for targetValue");
+    };
+    ExportUtils.resolveFieldData = function (data, field) {
+        if (data && field) {
+            if (this.isFunction(field))
+                return field(data);
+            else if (field.indexOf(".") == -1)
+                return data[field];
+            else {
+                var fields = field.split(".");
+                var value = data;
+                for (var i = 0, len = fields.length; i < len; ++i) {
+                    if (value == null) {
+                        return null;
+                    }
+                    value = value[fields[i]];
+                }
+                return value;
+            }
         }
+        else
+            return null;
     };
-    ProgressBarDeterminateComponent.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "value", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "numberFormatOptions", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
-    ProgressBarDeterminateComponent = __decorate([
-        Component({
-            selector: "s-progressbar-determinate",
-            template: "<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n       <div\n          class=\"progressbar-active\"\n          [ngClass]=\"{\n             'progressbar-active--blue' : activeColor === 'blue',\n             'progressbar-active--green': activeColor === 'green',\n             'progressbar-active--red': activeColor === 'red',\n             'progressbar-active--yellow': activeColor === 'yellow'\n          }\"\n          [ngStyle]=\"{ 'width': value + '%' }\">\n\n          {{ showValue && value ? numberFormat.format(value) + '%' : '' }}\n       </div>\n    </div>\n    <div\n       *ngIf=\"targetValue\"\n       class=\"target\"\n       [ngStyle]=\"{\n          'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n          'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n          'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n       }\">\n       <span class=\"target-line\"></span>\n       <span class=\"target-label\">\n           {{ targetLabel || numberFormat.format(value) + '%' }}\n       </span>\n    </div>\n </div>\n",
-            styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
-        })
-    ], ProgressBarDeterminateComponent);
-    return ProgressBarDeterminateComponent;
+    ExportUtils.isFunction = function (obj) {
+        return !!(obj && obj.constructor && obj.call && obj.apply);
+    };
+    return ExportUtils;
 }());
 
-var ProgressBarIndeterminateComponent = /** @class */ (function () {
-    function ProgressBarIndeterminateComponent() {
-    }
-    __decorate([
-        Input()
-    ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
-    __decorate([
-        Input()
-    ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
-    ProgressBarIndeterminateComponent = __decorate([
-        Component({
-            selector: "s-progressbar-indeterminate",
-            template: "<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"progressbar-label\">{{ label }}</span>\n</div>\n",
-            styles: [".progressbar-indeterminate{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:5s infinite indeterminate-progress;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translateX(-250%)}100%{transform:translateX(250%)}}"]
-        })
-    ], ProgressBarIndeterminateComponent);
-    return ProgressBarIndeterminateComponent;
-}());
-
-var ProgressBarModule = /** @class */ (function () {
-    function ProgressBarModule() {
-    }
-    ProgressBarModule = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            declarations: [
-                ProgressBarComponent,
-                ProgressBarDeterminateComponent,
-                ProgressBarIndeterminateComponent,
-            ],
-            exports: [ProgressBarComponent],
-        })
-    ], ProgressBarModule);
-    return ProgressBarModule;
-}());
-
-var LocalizedBignumberPipe = /** @class */ (function () {
-    function LocalizedBignumberPipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedBignumberPipe.prototype.transform = function (value, options) {
-        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
-    };
-    LocalizedBignumberPipe.prototype.applyMask = function (value, options) {
-        return this.localeService.get().pipe(map(function (localeConfig) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            var configs = {
-                prefix: (_c = (_a = options === null || options === void 0 ? void 0 : options.prefix) !== null && _a !== void 0 ? _a : (_b = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _b === void 0 ? void 0 : _b.currencySymbol) !== null && _c !== void 0 ? _c : "R$",
-                thousandsSeparator: (_f = (_d = options === null || options === void 0 ? void 0 : options.thousandsSeparator) !== null && _d !== void 0 ? _d : (_e = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _e === void 0 ? void 0 : _e.thousandsSeparator) !== null && _f !== void 0 ? _f : ".",
-                decimalSeparator: (_j = (_g = options === null || options === void 0 ? void 0 : options.decimalSeparator) !== null && _g !== void 0 ? _g : (_h = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _h === void 0 ? void 0 : _h.decimalSeparator) !== null && _j !== void 0 ? _j : ",",
-                scale: (_k = options === null || options === void 0 ? void 0 : options.scale) !== null && _k !== void 0 ? _k : 2,
-                allowNegative: (_l = options === null || options === void 0 ? void 0 : options.allowNegative) !== null && _l !== void 0 ? _l : true
-            };
-            var isNumber = !(new BigNumber(value).isNaN());
-            return applyMask(value, configs, isNumber);
-        }));
-    };
-    LocalizedBignumberPipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedBignumberPipe = __decorate([
-        Pipe({
-            name: "localizedBignumber",
-        })
-    ], LocalizedBignumberPipe);
-    return LocalizedBignumberPipe;
-}());
-
-var LocalizedBignumberImpurePipe = /** @class */ (function (_super) {
-    __extends(LocalizedBignumberImpurePipe, _super);
-    function LocalizedBignumberImpurePipe() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LocalizedBignumberImpurePipe.prototype.transform = function (value, options) {
-        return _super.prototype.transform.call(this, value, options);
-    };
-    LocalizedBignumberImpurePipe = __decorate([
-        Pipe({
-            name: "localizedBignumberImpure",
-            pure: false,
-        })
-    ], LocalizedBignumberImpurePipe);
-    return LocalizedBignumberImpurePipe;
-}(LocalizedBignumberPipe));
-
-var LocalizedCurrencyPipeOptions = /** @class */ (function (_super) {
-    __extends(LocalizedCurrencyPipeOptions, _super);
-    function LocalizedCurrencyPipeOptions(config) {
-        if (config === void 0) { config = {}; }
-        var _this = _super.call(this, config) || this;
-        _this.scale = 2;
-        return _this;
-    }
-    return LocalizedCurrencyPipeOptions;
-}(NumberLocaleOptions));
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-var LocalizedCurrencyPipe = /** @class */ (function () {
-    function LocalizedCurrencyPipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedCurrencyPipe.prototype.transform = function (value, options) {
-        if (!options) {
-            options = new LocalizedCurrencyPipeOptions();
-        }
-        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
-    };
-    LocalizedCurrencyPipe.prototype.applyMask = function (value, options) {
-        return this.localeService.get().pipe(map(function (localeConfig) {
-            var config = __assign(__assign({}, localeConfig.number), options);
-            var scale = config.scale, currencySymbol = config.currencySymbol, thousandsSeparator = config.thousandsSeparator, decimalSeparator = config.decimalSeparator;
-            var rawValue = Number(value).toFixed(scale);
-            var onlyNumbers = rawValue.replace(/[^0-9]/g, "");
-            var integerPart = onlyNumbers
-                .slice(0, onlyNumbers.length - scale)
-                .replace(/^0*/g, "")
-                .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || "0";
-            var decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
-            var newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
-            var isZero = !Number(onlyNumbers);
-            var operator = rawValue.includes("-") && !isZero ? "-" : "";
-            return "" + operator + currencySymbol + newValue;
-        }));
-    };
-    LocalizedCurrencyPipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedCurrencyPipe = __decorate([
-        Pipe({
-            name: "localizedCurrency",
-        })
-    ], LocalizedCurrencyPipe);
-    return LocalizedCurrencyPipe;
-}());
-
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-var LocalizedCurrencyImpurePipe = /** @class */ (function (_super) {
-    __extends(LocalizedCurrencyImpurePipe, _super);
-    function LocalizedCurrencyImpurePipe() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LocalizedCurrencyImpurePipe.prototype.transform = function (value, options) {
-        if (options === void 0) { options = new LocalizedCurrencyPipeOptions(); }
-        return _super.prototype.transform.call(this, value, options);
-    };
-    LocalizedCurrencyImpurePipe = __decorate([
-        Pipe({
-            name: "localizedCurrencyImpure",
-            pure: false,
-        })
-    ], LocalizedCurrencyImpurePipe);
-    return LocalizedCurrencyImpurePipe;
-}(LocalizedCurrencyPipe));
-
-var moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-var LocalizedDatePipe = /** @class */ (function () {
-    function LocalizedDatePipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedDatePipe.prototype.transform = function (value, format) {
-        if (format === void 0) { format = "L LTS"; }
-        return this.localeService.get().pipe(map(function () { return (value ? moment$1(value).format(format) : value); }));
-    };
-    LocalizedDatePipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedDatePipe = __decorate([
-        Pipe({
-            name: "localizedDate",
-        })
-    ], LocalizedDatePipe);
-    return LocalizedDatePipe;
-}());
-
-var LocalizedDateImpurePipe = /** @class */ (function (_super) {
-    __extends(LocalizedDateImpurePipe, _super);
-    function LocalizedDateImpurePipe() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LocalizedDateImpurePipe = __decorate([
-        Pipe({
-            name: "localizedDateImpure",
-            pure: false,
-        })
-    ], LocalizedDateImpurePipe);
-    return LocalizedDateImpurePipe;
-}(LocalizedDatePipe));
-
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-var LocalizedNumberPipe = /** @class */ (function () {
-    function LocalizedNumberPipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedNumberPipe.prototype.transform = function (value, minimumFractionDigits) {
-        return from(this.localeService.getLocale()).pipe(map(function (locale) {
-            var numericValue = Number(value);
-            if (!value && isNaN(numericValue))
-                return;
-            return new Intl.NumberFormat(locale, {
-                minimumFractionDigits: minimumFractionDigits || 0,
-            }).format(Number(value));
-        }));
-    };
-    LocalizedNumberPipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedNumberPipe = __decorate([
-        Pipe({ name: "localizedNumber" })
-    ], LocalizedNumberPipe);
-    return LocalizedNumberPipe;
-}());
-
-var moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-var LocalizedTimePipe = /** @class */ (function () {
-    function LocalizedTimePipe(localeService) {
-        this.localeService = localeService;
-    }
-    LocalizedTimePipe.prototype.transform = function (value, format) {
-        if (format === void 0) { format = "LTS"; }
-        return this.localeService.get().pipe(map(function () { return (value ? moment$2(value, "HH:mm:ss").format(format) : value); }));
-    };
-    LocalizedTimePipe.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LocalizedTimePipe = __decorate([
-        Pipe({
-            name: "localizedTime",
-        })
-    ], LocalizedTimePipe);
-    return LocalizedTimePipe;
-}());
-
-var LocalizedTimeImpurePipe = /** @class */ (function (_super) {
-    __extends(LocalizedTimeImpurePipe, _super);
-    function LocalizedTimeImpurePipe() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LocalizedTimeImpurePipe = __decorate([
-        Pipe({
-            name: "localizedTimeImpure",
-            pure: false,
-        })
-    ], LocalizedTimeImpurePipe);
-    return LocalizedTimeImpurePipe;
-}(LocalizedTimePipe));
-
-var LocaleModule = /** @class */ (function () {
-    function LocaleModule() {
-    }
-    LocaleModule_1 = LocaleModule;
-    LocaleModule.forRoot = function () {
-        return {
-            ngModule: LocaleModule_1,
-            providers: [
-                LocaleService,
-                LocalizedCurrencyPipe,
-                LocalizedDatePipe,
-                LocalizedTimePipe,
-                LocalizedNumberPipe,
-                LocalizedCurrencyImpurePipe,
-                LocalizedDateImpurePipe,
-                LocalizedTimeImpurePipe,
-                LocalizedBignumberPipe,
-                LocalizedBignumberImpurePipe
-            ],
-        };
-    };
-    LocaleModule.forChild = function () {
-        return {
-            ngModule: LocaleModule_1,
-        };
-    };
-    var LocaleModule_1;
-    LocaleModule = LocaleModule_1 = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            exports: [
-                LocalizedCurrencyPipe,
-                LocalizedDatePipe,
-                LocalizedTimePipe,
-                LocalizedNumberPipe,
-                LocalizedCurrencyImpurePipe,
-                LocalizedDateImpurePipe,
-                LocalizedTimeImpurePipe,
-                LocalizedBignumberPipe,
-                LocalizedBignumberImpurePipe
-            ],
-            declarations: [
-                LocalizedCurrencyPipe,
-                LocalizedDatePipe,
-                LocalizedTimePipe,
-                LocalizedNumberPipe,
-                LocalizedCurrencyImpurePipe,
-                LocalizedDateImpurePipe,
-                LocalizedTimeImpurePipe,
-                LocalizedBignumberPipe,
-                LocalizedBignumberImpurePipe
-            ],
-        })
-    ], LocaleModule);
-    return LocaleModule;
-}());
-
-var Breakpoints = {
-    SM_MIN: 0,
-    SM_MAX: 767,
-    MD_MIN: 768,
-    MD_MAX: 991,
-    LG_MIN: 992,
-    LG_MAX: 1199,
-    XL_MIN: 1200,
-    XL_MAX: Infinity,
-};
-
-var ExportUtils = /** @class */ (function () {
-    function ExportUtils() {
-        throw new Error("Classe não deve ser instanciada.");
-    }
-    ExportUtils.addClass = function (element, className) {
-        element.nativeElement.className = element.nativeElement.className + " " + className;
-    };
-    ExportUtils.removeClass = function (element, className) {
-        if (element.nativeElement.className.includes(className)) {
-            element.nativeElement.className = element.nativeElement.className.replace(className, "");
-        }
-    };
-    ExportUtils.exportCSV = function (columns, data, csvSeparator, documentName) {
-        var _this = this;
-        if (columns === void 0) { columns = []; }
-        if (data === void 0) { data = []; }
-        if (csvSeparator === void 0) { csvSeparator = ";"; }
-        if (documentName === void 0) { documentName = "download"; }
-        var csv = "\ufeff";
-        columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
-            csv += "\"" + (column.header || column.field) + "\"";
-            if (i < columns.length - 1)
-                csv += csvSeparator;
-        });
-        data.forEach(function (record) {
-            csv += "\n";
-            columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
-                var cellData;
-                if (Array.isArray(column.field)) {
-                    var fieldValues = column.field.map(function (col) { return _this.resolveFieldData(record, col); });
-                    cellData = fieldValues
-                        .flat()
-                        .filter(function (value) { return value !== null && value !== undefined; })
-                        .join(column.separator);
-                }
-                else {
-                    cellData = _this.resolveFieldData(record, column.field);
-                }
-                if (cellData != null)
-                    cellData = String(cellData).replace(/"/g, "\"\"");
-                else
-                    cellData = "";
-                csv += "\"" + cellData + "\"";
-                if (i < columns.length - 1)
-                    csv += csvSeparator;
-            });
-        });
-        var blob = new Blob([csv], {
-            type: "text/csv;charset=utf-8;",
-        });
-        if (window.navigator.msSaveOrOpenBlob)
-            navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
-        else {
-            var link = document.createElement("a");
-            link.style.display = "none";
-            document.body.appendChild(link);
-            if (link.download !== undefined) {
-                link.setAttribute("href", URL.createObjectURL(blob));
-                link.setAttribute("download", documentName + ".csv");
-                link.click();
-            }
-            else {
-                csv = "data:text/csv;charset=utf-8," + csv;
-                window.open(encodeURI(csv));
-            }
-            document.body.removeChild(link);
-        }
-    };
-    ExportUtils.resolveFieldData = function (data, field) {
-        if (data && field) {
-            if (this.isFunction(field))
-                return field(data);
-            else if (field.indexOf(".") == -1)
-                return data[field];
-            else {
-                var fields = field.split(".");
-                var value = data;
-                for (var i = 0, len = fields.length; i < len; ++i) {
-                    if (value == null) {
-                        return null;
-                    }
-                    value = value[fields[i]];
-                }
-                return value;
-            }
-        }
-        else
-            return null;
-    };
-    ExportUtils.isFunction = function (obj) {
-        return !!(obj && obj.constructor && obj.call && obj.apply);
-    };
-    return ExportUtils;
-}());
-
-var ValidateErrors;
-(function (ValidateErrors) {
-    ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
-    ValidateErrors["MAX_COMBINED_FILE_SIZE"] = "MAX_COMBINED_FILE_SIZE";
-    ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
-    ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
-})(ValidateErrors || (ValidateErrors = {}));
+var ValidateErrors;
+(function (ValidateErrors) {
+    ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
+    ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
+    ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
+})(ValidateErrors || (ValidateErrors = {}));
 
 var FileUploadPermissions;
 (function (FileUploadPermissions) {
@@ -6547,132 +6133,7 @@ var ALL_PERMISSIONS = [
     FileUploadPermissions.Remove,
 ];
 
-var StorageUnits = {
-    KB: 1024,
-    MB: Math.pow(1024, 2),
-    GB: Math.pow(1024, 3),
-};
-
-var FileItemComponent = /** @class */ (function () {
-    function FileItemComponent(localeService) {
-        this.localeService = localeService;
-        this.canReadFiles = true;
-        this.canRemoveFiles = true;
-        this.cancelUpload = new EventEmitter();
-        this.removeFile = new EventEmitter();
-    }
-    FileItemComponent.prototype.ngOnInit = function () {
-        this._getLocale();
-    };
-    FileItemComponent.prototype.ngAfterContentInit = function () {
-        this._update();
-    };
-    FileItemComponent.prototype.onResize = function () {
-        this._update();
-    };
-    FileItemComponent.prototype._update = function () {
-        var windowWidth = window.innerWidth;
-        this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
-    };
-    FileItemComponent.prototype.simplifySize = function (size) {
-        var unit;
-        var convertedSize;
-        if (size < StorageUnits.KB) {
-            convertedSize = size;
-            unit = "bytes";
-        }
-        else if (size < StorageUnits.MB) {
-            convertedSize = size / StorageUnits.KB;
-            unit = "KB";
-        }
-        else if (size < StorageUnits.GB) {
-            convertedSize = size / StorageUnits.MB;
-            unit = "MB";
-        }
-        else {
-            convertedSize = size / StorageUnits.GB;
-            unit = "GB";
-        }
-        return convertedSize.toLocaleString(this._locale, { maximumFractionDigits: 2 }) + " " + unit;
-    };
-    FileItemComponent.prototype._getLocale = function () {
-        var _this = this;
-        this.localeService
-            .getLocale()
-            .pipe(first())
-            .subscribe(function (locale) {
-            _this._locale = locale;
-        });
-    };
-    FileItemComponent.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    __decorate([
-        Input()
-    ], FileItemComponent.prototype, "id", void 0);
-    __decorate([
-        Input()
-    ], FileItemComponent.prototype, "file", void 0);
-    __decorate([
-        Input()
-    ], FileItemComponent.prototype, "canReadFiles", void 0);
-    __decorate([
-        Input()
-    ], FileItemComponent.prototype, "canRemoveFiles", void 0);
-    __decorate([
-        Input()
-    ], FileItemComponent.prototype, "cancelLabel", void 0);
-    __decorate([
-        Input()
-    ], FileItemComponent.prototype, "removeLabel", void 0);
-    __decorate([
-        Input()
-    ], FileItemComponent.prototype, "ariaLabelProgress", void 0);
-    __decorate([
-        Input()
-    ], FileItemComponent.prototype, "successTooltip", void 0);
-    __decorate([
-        Input()
-    ], FileItemComponent.prototype, "ariaLabelSuccess", void 0);
-    __decorate([
-        Output()
-    ], FileItemComponent.prototype, "cancelUpload", void 0);
-    __decorate([
-        Output()
-    ], FileItemComponent.prototype, "removeFile", void 0);
-    __decorate([
-        HostListener("window:resize")
-    ], FileItemComponent.prototype, "onResize", null);
-    FileItemComponent = __decorate([
-        Component({
-            selector: "s-file-item",
-            template: "<div [id]=\"id\" class=\"file-item-container\">\n    <div class=\"file-info\">\n        <ng-container *ngIf=\"canReadFiles; then fileNameUrl; else fileName\"></ng-container>\n        <ng-template #fileNameUrl>\n            <a\n                class=\"file-name file-name--link\"\n                tabindex=\"0\"\n                [href]=\"file.objectURL\"\n                download>\n                {{ file.name }}\n            </a>\n        </ng-template>\n        <ng-template #fileName>\n            <span\n                *ngIf=\"!canReadFiles\"\n                class=\"file-name\">\n                {{ file.name }}\n            </span>\n        </ng-template>\n        <span class=\"file-size\">\n            {{ simplifySize(file.size) }}\n        </span>\n        <div\n            *ngIf=\"file.isUploading && !isSmallDevice\"\n            class=\"progressbar\"\n            [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n            <s-progressbar\n                [value]=\"file.progress\"\n                activeColor=\"blue\"\n                [showValue]=\"true\">\n            </s-progressbar>\n        </div>\n        <span\n            *ngIf=\"file.isUploading && isSmallDevice\"    \n            class=\"fas fa-circle-notch fa-spin\"\n            [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n        </span>\n\n        <span\n            *ngIf=\"!file.isUploading && !file.error\"\n            class=\"status-icon status-icon--success fas fa-check\"\n            [attr.aria-label]=\"ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n            [sTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\">\n        </span>\n        <span\n            *ngIf=\"!file.isUploading && file.error\"\n            class=\"status-icon status-icon--fail fas fa-times\"\n            [attr.aria-label]=\"file.error?.message\"\n            [sTooltip]=\"file.error?.message\">\n        </span>\n    </div>\n    <button\n        *ngIf=\"file.isUploading\"\n        class=\"file-option file-option--cancel\"\n        (click)=\"cancelUpload.emit(file)\">\n        {{ cancelLabel || \"platform.angular_components.cancel\" | translate }}\n    </button>\n    <button\n        *ngIf=\"canRemoveFiles && !file.isUploading\"\n        class=\"file-option file-option--remove\"\n        (click)=\"removeFile.emit(file)\">\n        {{ removeLabel || \"platform.angular_components.remove\" | translate }}\n    </button>\n</div>\n",
-            styles: [".file-item-container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:16px;padding:16px}.file-item-container .file-info{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;gap:16px;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.file-item-container .file-info .file-name{-ms-flex-positive:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-container .file-info .file-name--link{color:#428bca;text-decoration:none}.file-item-container .file-info .file-size{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-container .progressbar{width:20%}.file-item-container .status-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:12px}.file-item-container .status-icon--success{color:#0c9348}.file-item-container .status-icon--fail{color:#c13018}.file-item-container .file-option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media screen and (max-width:600px){.file-item-container{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}}"]
-        })
-    ], FileItemComponent);
-    return FileItemComponent;
-}());
-
-var moment$3 = moment_;
-var FileUploadService = /** @class */ (function () {
-    function FileUploadService() {
-        this.BASE_URL_FIELD_CUSTOMIZATION = "platform/field_customization";
-        this.TOKEN = new AbortController();
-    }
-    FileUploadService.prototype.getMetadataCustomField = function (request) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, CustomHttpClient.POST(this.BASE_URL_FIELD_CUSTOMIZATION + "/queries/getFileMetadata", request, { signal: this.TOKEN.signal })];
-            });
-        });
-    };
-    FileUploadService = __decorate([
-        Injectable()
-    ], FileUploadService);
-    return FileUploadService;
-}());
-
-var moment$4 = moment_;
+var moment$1 = moment_;
 var FileUploadComponent = /** @class */ (function () {
     function FileUploadComponent(sanitizer, fileUploadService, translate) {
         this.sanitizer = sanitizer;
@@ -6691,9 +6152,9 @@ var FileUploadComponent = /** @class */ (function () {
         this.cancelUpload = new EventEmitter();
         this.downloadFile = new EventEmitter();
         this.validateErrors = new EventEmitter();
-        this.inputValue = "";
         this._files = [];
         this.ngUsubscribe = new Subject();
+        this.inputValue = "";
     }
     FileUploadComponent_1 = FileUploadComponent;
     Object.defineProperty(FileUploadComponent.prototype, "files", {
@@ -6704,10 +6165,10 @@ var FileUploadComponent = /** @class */ (function () {
             var _this = this;
             var _a;
             if (this.showFileUploadDate && ((_a = files[0]) === null || _a === void 0 ? void 0 : _a.objectId)) {
-                this._getUploadDate(files);
+                this.getUploadDate(files);
             }
             this._files = files.map(function (file) {
-                if (_this._isImage(file)) {
+                if (_this.isImage(file)) {
                     file.objectURL = _this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
                 }
                 return file;
@@ -6717,45 +6178,44 @@ var FileUploadComponent = /** @class */ (function () {
         configurable: true
     });
     FileUploadComponent.prototype.ngOnInit = function () {
-        this.supportedExtensions = this.supportedExtensions.map(function (extension) { return extension.replace(".", "").toLowerCase(); });
+        this.supportedExtensions = this.supportedExtensions
+            .map(function (extension) { return extension.replace(".", "").toLowerCase(); });
     };
     FileUploadComponent.prototype.ngOnDestroy = function () {
         this.ngUsubscribe.next();
         this.ngUsubscribe.complete();
     };
+    FileUploadComponent.prototype.ngAfterContentInit = function () {
+        this.update();
+    };
+    FileUploadComponent.prototype.onResize = function () {
+        this.update();
+    };
     FileUploadComponent.prototype.onFileSelect = function (files) {
         var e_1, _a;
         var newFiles = [];
         if (!this.multiple) {
             this.files = [];
         }
-        if (this._isFileLimitExceeded(files)) {
+        if (this.isFileLimitExceeded(files)) {
             this.validateErrors.emit({
                 files: files,
                 validation: ValidateErrors.MAX_FILE_LIMIT,
             });
-            this._clearFileInput();
-            return;
-        }
-        if (this._isFileCombinedSizeExceeded(files)) {
-            this.validateErrors.emit({
-                files: files,
-                validation: ValidateErrors.MAX_COMBINED_FILE_SIZE,
-            });
-            this._clearFileInput();
+            this.clearFileInput();
             return;
         }
         try {
             for (var files_1 = __values(files), files_1_1 = files_1.next(); !files_1_1.done; files_1_1 = files_1.next()) {
                 var file = files_1_1.value;
-                if (this._isUnsupportedFileExtension(file)) {
+                if (this.isUnsupportedFileExtension(file)) {
                     this.validateErrors.emit({
                         files: [file],
                         validation: ValidateErrors.UNSUPPORTED_EXTENSION,
                     });
                     continue;
                 }
-                if (this._isFileSizeExceeded(file)) {
+                if (this.isFileSizeExceeded(file)) {
                     this.validateErrors.emit({
                         files: [file],
                         validation: ValidateErrors.MAX_FILE_SIZE,
@@ -6778,7 +6238,7 @@ var FileUploadComponent = /** @class */ (function () {
                 files: newFiles,
             });
         }
-        this._clearFileInput();
+        this.clearFileInput();
     };
     FileUploadComponent.prototype.onRemoveFile = function (file) {
         var fileIndex = this.files.indexOf(file);
@@ -6787,13 +6247,12 @@ var FileUploadComponent = /** @class */ (function () {
             this.removeFile.emit({ file: file });
         }
     };
-    FileUploadComponent.prototype.onCancelUpload = function (file) {
-        var index = this.files.indexOf(file);
-        if (index != -1) {
-            this.files.splice(index, 1);
+    FileUploadComponent.prototype.onCancelUpload = function (index) {
+        var removedFiles = this.files.splice(index, 1);
+        if (removedFiles.length) {
             this.cancelUpload.emit(index);
         }
-        this._clearFileInput();
+        this.clearFileInput();
     };
     FileUploadComponent.prototype.onDowloadFile = function (index) {
         this.downloadFile.emit({
@@ -6801,65 +6260,51 @@ var FileUploadComponent = /** @class */ (function () {
             anchor: this.anchor,
         });
     };
-    FileUploadComponent.prototype._isImage = function (file) {
+    FileUploadComponent.prototype.update = function () {
+        var windowWidth = window.innerWidth;
+        this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
+    };
+    FileUploadComponent.prototype.isImage = function (file) {
         return /^image\//.test(file.type);
     };
-    FileUploadComponent.prototype._isFileLimitExceeded = function (files) {
+    FileUploadComponent.prototype.isFileLimitExceeded = function (files) {
         if (!this.fileLimit) {
             return false;
         }
         return this.files.length + files.length > this.fileLimit;
     };
-    FileUploadComponent.prototype._isFileCombinedSizeExceeded = function (files) {
-        if (!this.maxCombinedFileSize) {
-            return false;
-        }
-        var filesList = __spread(files, this.files);
-        var combinedSize = filesList.reduce(function (combinedSize, file) { return combinedSize + file.size; }, 0);
-        return combinedSize > this.maxCombinedFileSize;
-    };
-    FileUploadComponent.prototype._isFileSizeExceeded = function (file) {
+    FileUploadComponent.prototype.isFileSizeExceeded = function (file) {
         if (!this.maxFileSize) {
             return false;
         }
         return file.size > this.maxFileSize;
     };
-    FileUploadComponent.prototype._isUnsupportedFileExtension = function (file) {
+    FileUploadComponent.prototype.isUnsupportedFileExtension = function (file) {
         var _a;
         if ((_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.length) {
-            var extension = file.name
-                .split(".")
-                .pop()
-                .toLowerCase();
+            var extension = file.name.split(".").pop().toLowerCase();
             return !this.supportedExtensions.includes(extension);
         }
         return false;
     };
-    FileUploadComponent.prototype._clearFileInput = function () {
+    FileUploadComponent.prototype.clearFileInput = function () {
         this.inputUpload.nativeElement.value = null;
     };
-    FileUploadComponent.prototype._getUploadDate = function (blobFile) {
+    FileUploadComponent.prototype.getUploadDate = function (blobFile) {
         var _this = this;
         if (!blobFile) {
             return;
         }
-        this.fileUploadService
-            .getMetadataCustomField({ objectId: blobFile[0].objectId })
-            .then(function (metadata) { return _this._setModifiedDate(metadata); });
-    };
-    FileUploadComponent.prototype._setModifiedDate = function (metadata) {
-        var hour = moment$4(metadata.modified).format("HH");
-        var minutes = moment$4(metadata.modified).format("mm");
-        var day = moment$4(metadata.modified).format("DD");
-        var month = moment$4(metadata.modified).format("MM");
-        var fullYear = moment$4(metadata.modified).format("YYYY");
-        this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", {
-            hour: hour,
-            minutes: minutes,
-            day: day,
-            month: month,
-            fullYear: fullYear,
-        });
+        this.fileUploadService.getMetadataCustomField({ objectId: blobFile[0].objectId })
+            .then(function (metadata) { return _this.setModifiedDate(metadata); });
+    };
+    FileUploadComponent.prototype.setModifiedDate = function (metadata) {
+        var hour = moment$1(metadata.modified).format("HH");
+        var minutes = moment$1(metadata.modified).format("mm");
+        var day = moment$1(metadata.modified).format("DD");
+        var month = moment$1(metadata.modified).format("MM");
+        var fullYear = moment$1(metadata.modified).format("YYYY");
+        this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", { hour: hour, minutes: minutes, day: day, month: month, fullYear: fullYear });
     };
     var FileUploadComponent_1;
     FileUploadComponent.nextId = 0;
@@ -6904,9 +6349,6 @@ var FileUploadComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], FileUploadComponent.prototype, "maxFileSize", void 0);
-    __decorate([
-        Input()
-    ], FileUploadComponent.prototype, "maxCombinedFileSize", void 0);
     __decorate([
         Input()
     ], FileUploadComponent.prototype, "fileLimit", void 0);
@@ -6952,11 +6394,14 @@ var FileUploadComponent = /** @class */ (function () {
     __decorate([
         Output()
     ], FileUploadComponent.prototype, "validateErrors", void 0);
+    __decorate([
+        HostListener("window:resize")
+    ], FileUploadComponent.prototype, "onResize", null);
     FileUploadComponent = FileUploadComponent_1 = __decorate([
         Component({
             selector: "s-file-upload",
-            template: "<div [id]=\"id\" class=\"fileupload\">\n    <div class=\"fileupload-choose\">\n        <input\n            #inputUpload\n            type=\"file\"\n            name=\"file\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            (change)=\"onFileSelect($event.dataTransfer ? $event.dataTransfer.files : $event.target.files)\"\n        />\n        <s-button\n            *ngIf=\"permissions.includes(ADD_PERMISSION)\"\n            [label]=\"chooseLabel || 'platform.angular_components.attach_files' | translate\"\n            (onClick)=\"inputUpload.click()\"\n            priority=\"primary\"\n            [disabled]=\"disabled || !!formGroup?.disabled\"\n            [auxiliary]=\"false\"\n        >\n        </s-button>\n    </div>\n    <ul\n        *ngIf=\"files.length\"\n        class=\"file-list\"\n        role=\"grid\">\n        <li *ngFor=\"let file of files; let i = index\" class=\"file-list-item\">\n            <s-file-item\n                [id]=\"'file-' + i\"\n                [file]=\"file\"\n                [canReadFiles]=\"permissions.includes(READ_PERMISSION) && file.savedFile || file.progress === 100\"\n                [canRemoveFiles]=\"permissions.includes(REMOVE_PERMISSION) && !(disabled || !!formGroup?.disabled)\"\n                [cancelLabel]=\"cancelLabel\"\n                [removeLabel]=\"removeLabel\"\n                [ariaLabelProgress]=\"ariaLabelProgress\"\n                [successTooltip]=\"successTooltip\"\n                [ariaLabelSuccess]=\"ariaLabelSuccess\"\n                (cancelUpload)=\"onCancelUpload($event)\"\n                (removeFile)=\"onRemoveFile($event)\"\n            >\n            </s-file-item>\n        </li>\n    </ul>\n</div>\n",
-            styles: [".fileupload .fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.fileupload input[type=file]{display:none}.fileupload .file-list{border:1px solid #c1c1cc;border-radius:4px;padding:0}.fileupload .file-list .file-list-item{list-style-type:none}.fileupload .file-list .file-list-item:not(:first-child){border-top:1px solid #ccc}"]
+            template: "<div\n    [id]=\"id\"\n    class=\"s-fileupload\">\n    <div class=\"s-fileupload-choose\">\n        <input\n            #inputUpload\n            [id]=\"id+'input-upload'\"\n            type=\"file\"\n            name=\"file\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            (change)=\"onFileSelect($event.dataTransfer\n                ? $event.dataTransfer.files\n                : $event.target.files)\">        \n        <s-button\n            *ngIf=\"permissions.includes(ADD_PERMISSION)\"\n            [id]=\"id + 'upload-button'\"\n            [label]=\"chooseLabel || 'platform.angular_components.attach_files' | translate\"\n            (onClick)=\"inputUpload.click()\"\n            priority=\"primary\"\n            [disabled]=\"disabled || !!formGroup?.disabled\"\n            [auxiliary]=\"false\">\n        </s-button>\n    </div>\n\n    <section\n        *ngIf=\"files.length\"    \n        [id]=\"id + 'fileupload-list'\"\n        class=\"s-fileupload-list\"\n        role=\"grid\">\n        <ng-container *ngFor=\"let file of files; let i = index\">\n            <div\n                class=\"s-fileupload-list-file\"\n                role=\"row\">\n                <div\n                    [id]=\"id + '-file-' + i + '-name'\"\n                    class=\"s-fileupload-list-file-name\"\n                    role=\"gridcell\">\n                    <ng-container *ngTemplateOutlet=\"permissions.includes(READ_PERMISSION) && file.savedFile || file.progress === 100\n                        ? descriptionUrl\n                        : description; context: {\n                            $implicit: file,\n                            index: i\n                        }\">\n                    </ng-container>\n                    <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-status\"\n                    role=\"gridcell\">\n                    <p-progressBar\n                        *ngIf=\"file.isUploading && !isSmallDevice\"\n                        [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n                        [value]=\"file.progress\"\n                        [showValue]=\"false\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n                    </p-progressBar>\n                    <span\n                        *ngIf=\"file.isUploading && isSmallDevice\"    \n                        [id]=\"id + '-file-' + i + '-spin'\"\n                        class=\"fas fa-circle-notch fa-spin\"\n                        [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n                    </span>\n                    <span\n                        *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n                        [id]=\"id + '-file-' + i + '-check'\"\n                        class=\"fas fa-check\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n                        [pTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                    <span\n                        *ngIf=\"file.error?.message\"    \n                        [id]=\"id + '-file-' + i + '-error'\"\n                        class=\"fas fa-times\"\n                        role=\"alert\"\n                        [pTooltip]=\"file.error?.message\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-actions\"\n                    role=\"gridcell\">\n                    <a\n                        *ngIf=\"file.isUploading\"\n                        [id]=\"id + '-file-' + i + '-cancel'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onCancelUpload(i)\">\n                        {{ cancelLabel || 'platform.angular_components.cancel' | translate }}\n                    </a>\n                    <a\n                        *ngIf=\"permissions.includes(REMOVE_PERMISSION) && !file.isUploading && !(disabled || !!formGroup?.disabled)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        [id]=\"id + '-file-' + i + '-remove'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onRemoveFile(file)\"\n                        [attr.aria-label]=\"ariaLabelRemove || removeLabel || 'platform.angular_components.remove' | translate\">\n                        {{ removeLabel || 'platform.angular_components.remove' | translate }}\n                    </a>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template\n    #descriptionUrl\n    let-file\n    let-i = index>\n    <a\n        [id]=\"id + '-file-' + i + '-name-link'\"\n        tabindex=\"0\"\n        (click)=\"onDowloadFile(i)\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n    </a>\n    <a\n        style=\"display: none;\"\n        [href]=\"file.objectURL\"\n        target=\"_blank\"\n        download\n        #anchor>\n    </a>\n</ng-template>\n\n<ng-template\n    #description\n    let-file>\n    <span\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">\n        {{file.name}}\n    </span>\n</ng-template>\n",
+            styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .s-fileupload-list-file-name-date{font-size:.75rem;color:#999}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
         })
     ], FileUploadComponent);
     return FileUploadComponent;
@@ -6967,22 +6412,15 @@ var FileUploadModule = /** @class */ (function () {
     }
     FileUploadModule = __decorate([
         NgModule({
+            declarations: [FileUploadComponent],
             imports: [
                 CommonModule,
-                HttpClientModule,
                 ButtonModule,
-                TooltipModule,
-                ProgressBarModule,
+                TooltipModule$1,
+                ProgressBarModule$1,
                 TranslateModule,
             ],
-            declarations: [
-                FileUploadComponent,
-                FileItemComponent,
-            ],
-            providers: [
-                FileUploadService,
-                LocaleService,
-            ],
+            providers: [FileUploadService],
             exports: [FileUploadComponent],
         })
     ], FileUploadModule);
@@ -7321,40 +6759,405 @@ var LoadingStateDirective = /** @class */ (function () {
         { type: ComponentFactoryResolver },
         { type: ChangeDetectorRef }
     ]; };
-    __decorate([
-        Input("sLoadingState")
-    ], LoadingStateDirective.prototype, "sLoadingState", null);
-    LoadingStateDirective = __decorate([
-        Directive({
-            selector: "[sLoadingState]",
+    __decorate([
+        Input("sLoadingState")
+    ], LoadingStateDirective.prototype, "sLoadingState", null);
+    LoadingStateDirective = __decorate([
+        Directive({
+            selector: "[sLoadingState]",
+        })
+    ], LoadingStateDirective);
+    return LoadingStateDirective;
+}());
+
+var LoadingStateModule = /** @class */ (function () {
+    function LoadingStateModule() {
+    }
+    LoadingStateModule = __decorate([
+        NgModule({
+            imports: [
+                CommonModule,
+                SVGFactoryModule,
+            ],
+            declarations: [
+                LoadingStateComponent,
+                LoadingStateDirective,
+                DotsIndicatorComponent,
+                LoadingIndicatorComponent,
+            ],
+            exports: [
+                LoadingStateComponent,
+                LoadingStateDirective,
+            ],
+            entryComponents: [LoadingStateComponent],
+        })
+    ], LoadingStateModule);
+    return LoadingStateModule;
+}());
+
+var LocalizedBignumberPipe = /** @class */ (function () {
+    function LocalizedBignumberPipe(localeService) {
+        this.localeService = localeService;
+    }
+    LocalizedBignumberPipe.prototype.transform = function (value, options) {
+        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
+    };
+    LocalizedBignumberPipe.prototype.applyMask = function (value, options) {
+        return this.localeService.get().pipe(map(function (localeConfig) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            var configs = {
+                prefix: (_c = (_a = options === null || options === void 0 ? void 0 : options.prefix) !== null && _a !== void 0 ? _a : (_b = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _b === void 0 ? void 0 : _b.currencySymbol) !== null && _c !== void 0 ? _c : "R$",
+                thousandsSeparator: (_f = (_d = options === null || options === void 0 ? void 0 : options.thousandsSeparator) !== null && _d !== void 0 ? _d : (_e = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _e === void 0 ? void 0 : _e.thousandsSeparator) !== null && _f !== void 0 ? _f : ".",
+                decimalSeparator: (_j = (_g = options === null || options === void 0 ? void 0 : options.decimalSeparator) !== null && _g !== void 0 ? _g : (_h = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _h === void 0 ? void 0 : _h.decimalSeparator) !== null && _j !== void 0 ? _j : ",",
+                scale: (_k = options === null || options === void 0 ? void 0 : options.scale) !== null && _k !== void 0 ? _k : 2,
+                allowNegative: (_l = options === null || options === void 0 ? void 0 : options.allowNegative) !== null && _l !== void 0 ? _l : true
+            };
+            var isNumber = !(new BigNumber(value).isNaN());
+            return applyMask(value, configs, isNumber);
+        }));
+    };
+    LocalizedBignumberPipe.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    LocalizedBignumberPipe = __decorate([
+        Pipe({
+            name: "localizedBignumber",
+        })
+    ], LocalizedBignumberPipe);
+    return LocalizedBignumberPipe;
+}());
+
+var LocalizedBignumberImpurePipe = /** @class */ (function (_super) {
+    __extends(LocalizedBignumberImpurePipe, _super);
+    function LocalizedBignumberImpurePipe() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LocalizedBignumberImpurePipe.prototype.transform = function (value, options) {
+        return _super.prototype.transform.call(this, value, options);
+    };
+    LocalizedBignumberImpurePipe = __decorate([
+        Pipe({
+            name: "localizedBignumberImpure",
+            pure: false,
+        })
+    ], LocalizedBignumberImpurePipe);
+    return LocalizedBignumberImpurePipe;
+}(LocalizedBignumberPipe));
+
+var LocalizedCurrencyPipeOptions = /** @class */ (function (_super) {
+    __extends(LocalizedCurrencyPipeOptions, _super);
+    function LocalizedCurrencyPipeOptions(config) {
+        if (config === void 0) { config = {}; }
+        var _this = _super.call(this, config) || this;
+        _this.scale = 2;
+        return _this;
+    }
+    return LocalizedCurrencyPipeOptions;
+}(NumberLocaleOptions));
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+var LocalizedCurrencyPipe = /** @class */ (function () {
+    function LocalizedCurrencyPipe(localeService) {
+        this.localeService = localeService;
+    }
+    LocalizedCurrencyPipe.prototype.transform = function (value, options) {
+        if (!options) {
+            options = new LocalizedCurrencyPipeOptions();
+        }
+        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
+    };
+    LocalizedCurrencyPipe.prototype.applyMask = function (value, options) {
+        return this.localeService.get().pipe(map(function (localeConfig) {
+            var config = __assign(__assign({}, localeConfig.number), options);
+            var scale = config.scale, currencySymbol = config.currencySymbol, thousandsSeparator = config.thousandsSeparator, decimalSeparator = config.decimalSeparator;
+            var rawValue = Number(value).toFixed(scale);
+            var onlyNumbers = rawValue.replace(/[^0-9]/g, "");
+            var integerPart = onlyNumbers
+                .slice(0, onlyNumbers.length - scale)
+                .replace(/^0*/g, "")
+                .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || "0";
+            var decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
+            var newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
+            var isZero = !Number(onlyNumbers);
+            var operator = rawValue.includes("-") && !isZero ? "-" : "";
+            return "" + operator + currencySymbol + newValue;
+        }));
+    };
+    LocalizedCurrencyPipe.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    LocalizedCurrencyPipe = __decorate([
+        Pipe({
+            name: "localizedCurrency",
+        })
+    ], LocalizedCurrencyPipe);
+    return LocalizedCurrencyPipe;
+}());
+
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+var LocalizedCurrencyImpurePipe = /** @class */ (function (_super) {
+    __extends(LocalizedCurrencyImpurePipe, _super);
+    function LocalizedCurrencyImpurePipe() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LocalizedCurrencyImpurePipe.prototype.transform = function (value, options) {
+        if (options === void 0) { options = new LocalizedCurrencyPipeOptions(); }
+        return _super.prototype.transform.call(this, value, options);
+    };
+    LocalizedCurrencyImpurePipe = __decorate([
+        Pipe({
+            name: "localizedCurrencyImpure",
+            pure: false,
+        })
+    ], LocalizedCurrencyImpurePipe);
+    return LocalizedCurrencyImpurePipe;
+}(LocalizedCurrencyPipe));
+
+var moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+var LocalizedDatePipe = /** @class */ (function () {
+    function LocalizedDatePipe(localeService) {
+        this.localeService = localeService;
+    }
+    LocalizedDatePipe.prototype.transform = function (value, format) {
+        if (format === void 0) { format = "L LTS"; }
+        return this.localeService.get().pipe(map(function () { return (value ? moment$2(value).format(format) : value); }));
+    };
+    LocalizedDatePipe.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    LocalizedDatePipe = __decorate([
+        Pipe({
+            name: "localizedDate",
+        })
+    ], LocalizedDatePipe);
+    return LocalizedDatePipe;
+}());
+
+var LocalizedDateImpurePipe = /** @class */ (function (_super) {
+    __extends(LocalizedDateImpurePipe, _super);
+    function LocalizedDateImpurePipe() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LocalizedDateImpurePipe = __decorate([
+        Pipe({
+            name: "localizedDateImpure",
+            pure: false,
+        })
+    ], LocalizedDateImpurePipe);
+    return LocalizedDateImpurePipe;
+}(LocalizedDatePipe));
+
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+var LocalizedNumberPipe = /** @class */ (function () {
+    function LocalizedNumberPipe(localeService) {
+        this.localeService = localeService;
+    }
+    LocalizedNumberPipe.prototype.transform = function (value, minimumFractionDigits) {
+        return from(this.localeService.getLocale()).pipe(map(function (locale) {
+            var numericValue = Number(value);
+            if (!value && isNaN(numericValue))
+                return;
+            return new Intl.NumberFormat(locale, {
+                minimumFractionDigits: minimumFractionDigits || 0,
+            }).format(Number(value));
+        }));
+    };
+    LocalizedNumberPipe.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    LocalizedNumberPipe = __decorate([
+        Pipe({ name: "localizedNumber" })
+    ], LocalizedNumberPipe);
+    return LocalizedNumberPipe;
+}());
+
+var moment$3 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+var LocalizedTimePipe = /** @class */ (function () {
+    function LocalizedTimePipe(localeService) {
+        this.localeService = localeService;
+    }
+    LocalizedTimePipe.prototype.transform = function (value, format) {
+        if (format === void 0) { format = "LTS"; }
+        return this.localeService.get().pipe(map(function () { return (value ? moment$3(value, "HH:mm:ss").format(format) : value); }));
+    };
+    LocalizedTimePipe.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    LocalizedTimePipe = __decorate([
+        Pipe({
+            name: "localizedTime",
+        })
+    ], LocalizedTimePipe);
+    return LocalizedTimePipe;
+}());
+
+var LocalizedTimeImpurePipe = /** @class */ (function (_super) {
+    __extends(LocalizedTimeImpurePipe, _super);
+    function LocalizedTimeImpurePipe() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LocalizedTimeImpurePipe = __decorate([
+        Pipe({
+            name: "localizedTimeImpure",
+            pure: false,
+        })
+    ], LocalizedTimeImpurePipe);
+    return LocalizedTimeImpurePipe;
+}(LocalizedTimePipe));
+
+var NumericService = /** @class */ (function () {
+    function NumericService(localeService) {
+        this.localeService = localeService;
+    }
+    /**
+     * Wrapper around Intl.NumberFormat that returns the localized value using the user's locale by default(platform's preferential language).
+     *
+     * This method should only be used after the localeService has been initialized by the host application, either by a resolver or a manual call.
+     *
+     * Can be overwritten by the provided Intl.NumberFormatOptions.
+     *
+     * Documentation is available at {@link https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat Intl.NumberFormatOptions}.
+     *
+     * @param {number | string | BigNumber} value The value to be formatted.
+     * @param {Intl.NumberFormatOptions} options Options that overwrites the default Intl.NumberFormatOptions.
+     * @return `string` The formatted value.
+     */
+    NumericService.prototype.instant = function (value, options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        options = __assign(__assign({}, options), { locale: (_c = (_a = options === null || options === void 0 ? void 0 : options.locale) !== null && _a !== void 0 ? _a : (_b = this.localeService.getLocaleOptions()) === null || _b === void 0 ? void 0 : _b.locale) !== null && _c !== void 0 ? _c : "pt-BR", options: __assign(__assign({}, options === null || options === void 0 ? void 0 : options.options), { currency: ((_d = options === null || options === void 0 ? void 0 : options.options) === null || _d === void 0 ? void 0 : _d.style) === "currency" ? (_f = (_e = options === null || options === void 0 ? void 0 : options.options) === null || _e === void 0 ? void 0 : _e.currency) !== null && _f !== void 0 ? _f : "BRL" : undefined, currencyDisplay: ((_g = options === null || options === void 0 ? void 0 : options.options) === null || _g === void 0 ? void 0 : _g.style) === "currency" ? (_j = (_h = options === null || options === void 0 ? void 0 : options.options) === null || _h === void 0 ? void 0 : _h.currencyDisplay) !== null && _j !== void 0 ? _j : "narrowSymbol" : undefined, minimumFractionDigits: (_l = (_k = options === null || options === void 0 ? void 0 : options.options) === null || _k === void 0 ? void 0 : _k.minimumFractionDigits) !== null && _l !== void 0 ? _l : 0 }) });
+        // From https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+        return new Intl.NumberFormat(options.locale, options.options).format(this.getType(value) === "number" || this.getType(value) === "string" ? value : value.toString());
+    };
+    NumericService.prototype.getType = function (value) {
+        // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof
+        if (value === null) {
+            return "null";
+        }
+        var baseType = typeof value;
+        // Primitive types
+        if (baseType !== "object" && baseType !== "function") {
+            return baseType;
+        }
+        // Symbol.toStringTag often specifies the "display name" of the
+        // object's class. It's used in Object.prototype.toString().
+        var tag = value[Symbol.toStringTag];
+        if (typeof tag === "string") {
+            return tag;
+        }
+        // If it's a function whose source code starts with the "class" keyword
+        if (baseType === "function" && Function.prototype.toString.call(value).startsWith("class")) {
+            return "class";
+        }
+        // The name of the constructor; for example `Array`, `GeneratorFunction`,
+        // `Number`, `String`, `Boolean` or `MyCustomClass`
+        var className = value.constructor.name;
+        if (typeof className === "string" && className !== "") {
+            return className;
+        }
+        // At this point there's no robust way to get the type of value,
+        // so we use the base implementation.
+        return baseType;
+    };
+    NumericService.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    NumericService.ɵprov = ɵɵdefineInjectable({ factory: function NumericService_Factory() { return new NumericService(ɵɵinject(LocaleService)); }, token: NumericService, providedIn: "root" });
+    NumericService = __decorate([
+        Injectable({
+            providedIn: "root",
         })
-    ], LoadingStateDirective);
-    return LoadingStateDirective;
+    ], NumericService);
+    return NumericService;
 }());
 
-var LoadingStateModule = /** @class */ (function () {
-    function LoadingStateModule() {
+var NumericPipe = /** @class */ (function () {
+    function NumericPipe(numericService, localeService) {
+        this.numericService = numericService;
+        this.localeService = localeService;
     }
-    LoadingStateModule = __decorate([
+    NumericPipe.prototype.transform = function (value, options) {
+        var _this = this;
+        return (options === null || options === void 0 ? void 0 : options.locale) ? of(this.numericService.instant(value, options))
+            : this.localeService.getLocale().pipe(map(function (locale) {
+                return _this.numericService.instant(value, {
+                    locale: locale,
+                    options: options === null || options === void 0 ? void 0 : options.options,
+                });
+            }));
+    };
+    NumericPipe.ctorParameters = function () { return [
+        { type: NumericService },
+        { type: LocaleService }
+    ]; };
+    NumericPipe = __decorate([
+        Pipe({ name: "numeric" })
+    ], NumericPipe);
+    return NumericPipe;
+}());
+
+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,
+                NumericPipe
+            ],
+        };
+    };
+    LocaleModule.forChild = function () {
+        return {
+            ngModule: LocaleModule_1,
+        };
+    };
+    var LocaleModule_1;
+    LocaleModule = LocaleModule_1 = __decorate([
         NgModule({
-            imports: [
-                CommonModule,
-                SVGFactoryModule,
+            imports: [CommonModule],
+            exports: [
+                LocalizedCurrencyPipe,
+                LocalizedDatePipe,
+                LocalizedTimePipe,
+                LocalizedNumberPipe,
+                LocalizedCurrencyImpurePipe,
+                LocalizedDateImpurePipe,
+                LocalizedTimeImpurePipe,
+                LocalizedBignumberPipe,
+                LocalizedBignumberImpurePipe,
+                NumericPipe
             ],
             declarations: [
-                LoadingStateComponent,
-                LoadingStateDirective,
-                DotsIndicatorComponent,
-                LoadingIndicatorComponent,
-            ],
-            exports: [
-                LoadingStateComponent,
-                LoadingStateDirective,
+                LocalizedCurrencyPipe,
+                LocalizedDatePipe,
+                LocalizedTimePipe,
+                LocalizedNumberPipe,
+                LocalizedCurrencyImpurePipe,
+                LocalizedDateImpurePipe,
+                LocalizedTimeImpurePipe,
+                LocalizedBignumberPipe,
+                LocalizedBignumberImpurePipe,
+                NumericPipe
             ],
-            entryComponents: [LoadingStateComponent],
         })
-    ], LoadingStateModule);
-    return LoadingStateModule;
+    ], LocaleModule);
+    return LocaleModule;
 }());
 
 var LocalizedNumberInputDirective = /** @class */ (function () {
@@ -8252,7 +8055,7 @@ var EnumBadgeColors;
     EnumBadgeColors["GRAY"] = "gray";
 })(EnumBadgeColors || (EnumBadgeColors = {}));
 
-var moment$5 = moment_;
+var moment$4 = moment_;
 var TableColumnsComponent = /** @class */ (function () {
     function TableColumnsComponent(viewContainerRef, translate, hostProjectConfigs) {
         this.viewContainerRef = viewContainerRef;
@@ -8359,7 +8162,7 @@ var TableColumnsComponent = /** @class */ (function () {
                     return applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
                 case EnumColumnFieldType.DATE:
                     var dateFormat = _this.getDateFormat(column, locale);
-                    return moment$5(attributeValue).format(dateFormat);
+                    return moment$4(attributeValue).format(dateFormat);
                 case EnumColumnFieldType.BOOLEAN:
                     var value = attributeValue ? "yes" : "no";
                     return _this.translate.instant(prefix + value);
@@ -10491,7 +10294,7 @@ var CustomFieldType;
     CustomFieldType["Any"] = "Any";
     CustomFieldType["Enum"] = "Enum";
 })(CustomFieldType || (CustomFieldType = {}));
-var moment$6 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+var moment$5 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
 var CustomFieldsComponent = /** @class */ (function () {
     function CustomFieldsComponent(customFieldsService, localeService, sanitizer, translateService, controlContainer) {
         this.customFieldsService = customFieldsService;
@@ -10702,16 +10505,16 @@ var CustomFieldsComponent = /** @class */ (function () {
                 return;
             switch (type) {
                 case FieldType.Date:
-                    parsedValues[name] = moment$6(value).toDate();
+                    parsedValues[name] = moment$5(value).toDate();
                     break;
                 case FieldType.DateTime:
-                    parsedValues[name] = moment$6(value).toDate();
+                    parsedValues[name] = moment$5(value).toDate();
                     break;
                 case FieldType.LocalDateTime:
-                    parsedValues[name] = moment$6(value, "YYYY-MM-DD[T]HH:mm:ss.SSS").toDate();
+                    parsedValues[name] = moment$5(value, "YYYY-MM-DD[T]HH:mm:ss.SSS").toDate();
                     break;
                 case FieldType.Time:
-                    parsedValues[name] = moment$6(value, "HH:mm:ss").toDate();
+                    parsedValues[name] = moment$5(value, "HH:mm:ss").toDate();
                     break;
             }
         });
@@ -10744,16 +10547,16 @@ var CustomFieldsComponent = /** @class */ (function () {
                             value = new BigNumber(value).toFixed(scale).toString();
                         break;
                     case FieldType.Date:
-                        value = moment$6(value).format("YYYY-MM-DD");
+                        value = moment$5(value).format("YYYY-MM-DD");
                         break;
                     case FieldType.DateTime:
-                        value = moment$6(value).format();
+                        value = moment$5(value).format();
                         break;
                     case FieldType.LocalDateTime:
-                        value = moment$6(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS");
+                        value = moment$5(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS");
                         break;
                     case FieldType.Time:
-                        value = moment$6(value).format("HH:mm:ss");
+                        value = moment$5(value).format("HH:mm:ss");
                         break;
                 }
             }
@@ -11166,7 +10969,7 @@ var EditableOverlayModule = /** @class */ (function () {
     return EditableOverlayModule;
 }());
 
-var moment$7 = moment_;
+var moment$6 = moment_;
 var YEAR = "year";
 var MONTH = "month";
 var DAY = "day";
@@ -11178,22 +10981,22 @@ var DateUtils = /** @class */ (function () {
     function DateUtils() {
     }
     DateUtils.parse = function (date) {
-        return moment$7(date).toDate();
+        return moment$6(date).toDate();
     };
     DateUtils.toString = function (date, with_time) {
         if (with_time === void 0) { with_time = false; }
-        var result = with_time ? moment$7(date, "YYYY-MM-DD hh:mm:ss.SSS") : moment$7(date, "YYYY-MM-DD");
+        var result = with_time ? moment$6(date, "YYYY-MM-DD hh:mm:ss.SSS") : moment$6(date, "YYYY-MM-DD");
         return result.toString();
     };
     DateUtils.format = function (date, formatString, lang) {
         if (formatString === void 0) { formatString = "YYYY-MM-DD HH:mm:ss.SSS"; }
         if (lang === void 0) { lang = "en"; }
-        var monthName = moment$7(date)
+        var monthName = moment$6(date)
             .locale(lang)
             .startOf("month")
             .format("MMMM");
         var monthNameCapitalized = monthName.charAt(0).toUpperCase() + monthName.slice(1);
-        var dateToFormat = moment$7(date).locale(lang);
+        var dateToFormat = moment$6(date).locale(lang);
         var format_map = {
             YYYY: dateToFormat.format("YYYY"),
             MM: dateToFormat.format("MM"),
@@ -11223,13 +11026,13 @@ var DateUtils = /** @class */ (function () {
         return str;
     };
     DateUtils.diff = function (fistDate, secondDate, scale) {
-        var milliseconds = moment$7(fistDate).diff(secondDate, MILLISECOND);
-        var seconds = moment$7(fistDate).diff(secondDate, SECOND);
-        var minutes = moment$7(fistDate).diff(secondDate, MINUTE);
-        var hours = moment$7(fistDate).diff(secondDate, HOUR);
-        var days = moment$7(fistDate).diff(secondDate, DAY);
-        var months = moment$7(fistDate).diff(secondDate, MONTH);
-        var years = moment$7(fistDate).diff(secondDate, YEAR);
+        var milliseconds = moment$6(fistDate).diff(secondDate, MILLISECOND);
+        var seconds = moment$6(fistDate).diff(secondDate, SECOND);
+        var minutes = moment$6(fistDate).diff(secondDate, MINUTE);
+        var hours = moment$6(fistDate).diff(secondDate, HOUR);
+        var days = moment$6(fistDate).diff(secondDate, DAY);
+        var months = moment$6(fistDate).diff(secondDate, MONTH);
+        var years = moment$6(fistDate).diff(secondDate, YEAR);
         if (!scale.endsWith("s")) {
             scale += "s";
         }
@@ -11244,14 +11047,14 @@ var DateUtils = /** @class */ (function () {
         }[scale]);
     };
     DateUtils.today = function () {
-        var dateStr = moment$7().format("YYY-MM-DD");
+        var dateStr = moment$6().format("YYY-MM-DD");
         return new Date(dateStr);
     };
     DateUtils.now = function () {
-        return moment$7().toDate();
+        return moment$6().toDate();
     };
     DateUtils.add = function (date, quantity, scale) {
-        return moment$7(date).add(quantity, scale).toDate();
+        return moment$6(date).add(quantity, scale).toDate();
     };
     DateUtils.startOf = function (date, scale) {
         var _a;
@@ -11280,7 +11083,7 @@ var DateUtils = /** @class */ (function () {
         return new Date(vals[0], vals[1], vals[2], vals[3], vals[4], vals[5], vals[6]);
     };
     DateUtils.clone = function (date) {
-        return moment$7(date).toDate();
+        return moment$6(date).toDate();
     };
     DateUtils.getDateValues = function (date) {
         return [
@@ -11294,7 +11097,7 @@ var DateUtils = /** @class */ (function () {
         ];
     };
     DateUtils.getDaysInMonth = function (date) {
-        return moment$7(date, "YYYY-MM").daysInMonth();
+        return moment$6(date, "YYYY-MM").daysInMonth();
     };
     return DateUtils;
 }());
@@ -15077,6 +14880,173 @@ var ProfilePicturePickerModule = /** @class */ (function () {
     return ProfilePicturePickerModule;
 }());
 
+var ProgressBarColors;
+(function (ProgressBarColors) {
+    ProgressBarColors["Blue"] = "blue";
+    ProgressBarColors["Green"] = "green";
+    ProgressBarColors["Red"] = "red";
+    ProgressBarColors["Yellow"] = "yellow";
+})(ProgressBarColors || (ProgressBarColors = {}));
+
+var ProgressBarMode;
+(function (ProgressBarMode) {
+    ProgressBarMode["Determinate"] = "determinate";
+    ProgressBarMode["Indeterminate"] = "indeterminate";
+})(ProgressBarMode || (ProgressBarMode = {}));
+
+var ProgressBarComponent = /** @class */ (function () {
+    function ProgressBarComponent() {
+        this.numberFormatOptions = {
+            style: "decimal",
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 2,
+        };
+        this.showValue = true;
+        this.mode = ProgressBarMode.Determinate;
+    }
+    ProgressBarComponent.prototype.ngOnInit = function () {
+        this.validateInputs();
+    };
+    ProgressBarComponent.prototype.validateInputs = 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");
+        }
+        if (this.mode === ProgressBarMode.Indeterminate && (this.value || this.targetValue || this.targetLabel)) {
+            throw new Error("When the mode is indeterminate, the value, targetValue and targetLabel parameters are not expected.");
+        }
+    };
+    __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);
+    return ProgressBarComponent;
+}());
+
+var ProgressBarDeterminateComponent = /** @class */ (function () {
+    function ProgressBarDeterminateComponent(localeService) {
+        this.localeService = localeService;
+        this.showValue = true;
+    }
+    ProgressBarDeterminateComponent.prototype.ngOnInit = function () {
+        this.validateValues();
+        this.onGetLocale();
+    };
+    ProgressBarDeterminateComponent.prototype.onGetLocale = function () {
+        var _this = this;
+        this.localeService.getLocale().subscribe({
+            next: function (locale) {
+                _this.numberFormat = new Intl.NumberFormat(locale !== null && locale !== void 0 ? locale : "pt-BR", _this.numberFormatOptions);
+            },
+            error: function () {
+                _this.numberFormat = new Intl.NumberFormat("pt-BR", _this.numberFormatOptions);
+            },
+        });
+    };
+    ProgressBarDeterminateComponent.prototype.validateValues = function () {
+        if (this.value < 0 || this.value > 100) {
+            throw new Error("Invalid value for value");
+        }
+        if (this.targetValue < 0 || this.targetValue > 100) {
+            throw new Error("Invalid value for targetValue");
+        }
+    };
+    ProgressBarDeterminateComponent.ctorParameters = function () { return [
+        { type: LocaleService }
+    ]; };
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "value", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "numberFormatOptions", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
+    ProgressBarDeterminateComponent = __decorate([
+        Component({
+            selector: "s-progressbar-determinate",
+            template: "<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n       <div\n          class=\"progressbar-active\"\n          [ngClass]=\"{\n             'progressbar-active--blue' : activeColor === 'blue',\n             'progressbar-active--green': activeColor === 'green',\n             'progressbar-active--red': activeColor === 'red',\n             'progressbar-active--yellow': activeColor === 'yellow'\n          }\"\n          [ngStyle]=\"{ 'width': value + '%' }\">\n\n          {{ showValue && value ? numberFormat.format(value) + '%' : '' }}\n       </div>\n    </div>\n    <div\n       *ngIf=\"targetValue\"\n       class=\"target\"\n       [ngStyle]=\"{\n          'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n          'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n          'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n       }\">\n       <span class=\"target-line\"></span>\n       <span class=\"target-label\">\n           {{ targetLabel || numberFormat.format(value) + '%' }}\n       </span>\n    </div>\n </div>\n",
+            styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
+        })
+    ], ProgressBarDeterminateComponent);
+    return ProgressBarDeterminateComponent;
+}());
+
+var ProgressBarIndeterminateComponent = /** @class */ (function () {
+    function ProgressBarIndeterminateComponent() {
+    }
+    __decorate([
+        Input()
+    ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
+    __decorate([
+        Input()
+    ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
+    ProgressBarIndeterminateComponent = __decorate([
+        Component({
+            selector: "s-progressbar-indeterminate",
+            template: "<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"progressbar-label\">{{ label }}</span>\n</div>\n",
+            styles: [".progressbar-indeterminate{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:5s infinite indeterminate-progress;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translateX(-250%)}100%{transform:translateX(250%)}}"]
+        })
+    ], ProgressBarIndeterminateComponent);
+    return ProgressBarIndeterminateComponent;
+}());
+
+var ProgressBarModule = /** @class */ (function () {
+    function ProgressBarModule() {
+    }
+    ProgressBarModule = __decorate([
+        NgModule({
+            imports: [CommonModule],
+            declarations: [
+                ProgressBarComponent,
+                ProgressBarDeterminateComponent,
+                ProgressBarIndeterminateComponent,
+            ],
+            exports: [ProgressBarComponent],
+        })
+    ], ProgressBarModule);
+    return ProgressBarModule;
+}());
+
 var PanelComponent = /** @class */ (function () {
     function PanelComponent() {
         this.toggleable = true;
@@ -17628,5 +17598,5 @@ var fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, KanbanComponent, KanbanModule, KanbanTemplateTypes, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, TextFieldComponent as ɵba, NumberFieldModule as ɵbb, LocalizedNumberInputModule as ɵbc, NumberInputModule as ɵbd, NumberFieldComponent as ɵbe, CurrencyFieldModule as ɵbf, CurrencyFieldComponent as ɵbg, NumberFieldModule$1 as ɵbh, BignumberInputModule as ɵbi, BignumberFieldComponent as ɵbj, AutocompleteFieldComponent as ɵbk, BooleanFieldComponent as ɵbl, BooleanSwitchFieldComponent as ɵbm, CalendarFieldComponent as ɵbn, ChipsFieldComponent as ɵbo, CountryPhonePickerFieldComponent as ɵbp, DynamicFieldComponent as ɵbq, DynamicFormDirective as ɵbr, FieldsetComponent as ɵbs, FileUploadComponent$1 as ɵbt, LookupFieldComponent as ɵbu, PasswordFieldComponent as ɵbv, RadioButtonComponent as ɵbw, RowComponent as ɵbx, SectionComponent as ɵby, SelectFieldComponent as ɵbz, TemplateDirective as ɵc, SliderFieldComponent as ɵca, TextAreaFieldComponent as ɵcb, TextAreaIAFieldComponent as ɵcc, IAssistService as ɵcd, DecimalField as ɵcf, SideTableComponent as ɵcg, ThumbnailService as ɵch, InfiniteScrollModule as ɵci, InfiniteScrollDirective as ɵcj, IAInsightSidebarComponent as ɵck, IAInsightCardComponent as ɵcl, IAInsightCardLoaderComponent as ɵcm, StructureModule as ɵcn, HeaderComponent as ɵco, FooterComponent as ɵcp, KanbanEventService as ɵcq, KanbanItemComponent as ɵcr, KanbanColumnComponent as ɵcs, KanbanItemDraggingComponent as ɵct, NumberLocaleOptions as ɵcu, BorderButtonModule as ɵcv, BorderButtonComponent as ɵcw, SelectButtonItemComponent as ɵcx, SlidePanelService as ɵcy, TieredMenuEventService as ɵcz, TemplateModule as ɵd, TieredMenuService as ɵda, TieredMenuComponent as ɵdb, TieredMenuNestedComponent as ɵdc, TieredMenuItemComponent as ɵdd, TieredMenuDividerComponent as ɵde, TimelineItemModule as ɵdf, TimelineIconItemComponent as ɵdg, HorizontalTimelineModule as ɵdh, HorizontalTimelineComponent as ɵdi, VerticalTimelineModule as ɵdj, VerticalTimelineComponent as ɵdk, RangeLineComponent as ɵdl, CollapseOptionComponent as ɵdm, CollapsedItemsComponent as ɵdn, VerticalItemsComponent as ɵdo, CustomTranslationsModule as ɵe, CodeEditorComponent as ɵf, CoreFacade as ɵg, CodeMirror6Core as ɵh, CountryPhonePickerService as ɵi, LocalizedCurrencyImpurePipe as ɵj, LocalizedBignumberPipe as ɵk, LocalizedBignumberImpurePipe as ɵl, EmptyStateGoBackComponent as ɵm, IAssistIconComponent as ɵn, SeniorIconComponent as ɵo, DotsIndicatorComponent as ɵp, LoadingIndicatorComponent as ɵq, ProgressBarDeterminateComponent as ɵr, ProgressBarIndeterminateComponent as ɵs, FileUploadService as ɵt, FileItemComponent as ɵu, LocaleService as ɵv, InfoSignComponent as ɵw, TableColumnsComponent as ɵx, TablePagingComponent as ɵy, TextFieldModule as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, KanbanComponent, KanbanModule, KanbanTemplateTypes, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, LocalizedNumberInputModule as ɵba, NumberInputModule as ɵbb, NumberFieldComponent as ɵbc, CurrencyFieldModule as ɵbd, CurrencyFieldComponent as ɵbe, NumberFieldModule$1 as ɵbf, BignumberInputModule as ɵbg, BignumberFieldComponent as ɵbh, AutocompleteFieldComponent as ɵbi, BooleanFieldComponent as ɵbj, BooleanSwitchFieldComponent as ɵbk, CalendarFieldComponent as ɵbl, ChipsFieldComponent as ɵbm, CountryPhonePickerFieldComponent as ɵbn, DynamicFieldComponent as ɵbo, DynamicFormDirective as ɵbp, FieldsetComponent as ɵbq, FileUploadComponent$1 as ɵbr, LookupFieldComponent as ɵbs, PasswordFieldComponent as ɵbt, RadioButtonComponent as ɵbu, RowComponent as ɵbv, SectionComponent as ɵbw, SelectFieldComponent as ɵbx, SliderFieldComponent as ɵby, TextAreaFieldComponent as ɵbz, TemplateDirective as ɵc, TextAreaIAFieldComponent as ɵca, IAssistService as ɵcb, DecimalField as ɵcd, SideTableComponent as ɵce, ThumbnailService as ɵcf, InfiniteScrollModule as ɵcg, InfiniteScrollDirective as ɵch, IAInsightSidebarComponent as ɵci, IAInsightCardComponent as ɵcj, IAInsightCardLoaderComponent as ɵck, StructureModule as ɵcl, HeaderComponent as ɵcm, FooterComponent as ɵcn, KanbanEventService as ɵco, KanbanItemComponent as ɵcp, KanbanColumnComponent as ɵcq, KanbanItemDraggingComponent as ɵcr, NumberLocaleOptions as ɵcs, BorderButtonModule as ɵct, BorderButtonComponent as ɵcu, ProgressBarDeterminateComponent as ɵcv, ProgressBarIndeterminateComponent as ɵcw, SelectButtonItemComponent as ɵcx, SlidePanelService as ɵcy, TieredMenuEventService as ɵcz, TemplateModule as ɵd, TieredMenuService as ɵda, TieredMenuComponent as ɵdb, TieredMenuNestedComponent as ɵdc, TieredMenuItemComponent as ɵdd, TieredMenuDividerComponent as ɵde, TimelineItemModule as ɵdf, TimelineIconItemComponent as ɵdg, HorizontalTimelineModule as ɵdh, HorizontalTimelineComponent as ɵdi, VerticalTimelineModule as ɵdj, VerticalTimelineComponent as ɵdk, RangeLineComponent as ɵdl, CollapseOptionComponent as ɵdm, CollapsedItemsComponent as ɵdn, VerticalItemsComponent as ɵdo, CustomTranslationsModule as ɵe, CodeEditorComponent as ɵf, CoreFacade as ɵg, CodeMirror6Core as ɵh, CountryPhonePickerService as ɵi, LocalizedCurrencyImpurePipe as ɵj, LocalizedBignumberPipe as ɵk, LocalizedBignumberImpurePipe as ɵl, NumericPipe as ɵm, NumericService as ɵn, EmptyStateGoBackComponent as ɵo, IAssistIconComponent as ɵp, SeniorIconComponent as ɵq, DotsIndicatorComponent as ɵr, LoadingIndicatorComponent as ɵs, FileUploadService as ɵt, InfoSignComponent as ɵu, TableColumnsComponent as ɵv, TablePagingComponent as ɵw, TextFieldModule as ɵx, TextFieldComponent as ɵy, NumberFieldModule as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map