@seniorsistemas/angular-components 17.6.4 → 17.7.1

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('@seniorsistemas/ng2-currency-mask'), require('primeng/breadcrumb'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@ngx-translate/core'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('ngx-mask'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/api'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('cropperjs'), require('@angular/cdk/drag-drop'), require('element-resize-detector'), require('primeng/confirmdialog'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', '@seniorsistemas/ng2-currency-mask', 'primeng/breadcrumb', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@ngx-translate/core', '@codemirror/tooltip', '@codemirror/gutter', 'ngx-mask', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/api', '@angular/platform-browser', '@angular/cdk/clipboard', 'cropperjs', '@angular/cdk/drag-drop', 'element-resize-detector', 'primeng/confirmdialog', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask, global.breadcrumb, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.core$1, global.tooltip$1, global.gutter, global.ngxMask, global.angular2Hotkeys, global.BigNumber, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.api, global.ng.platformBrowser, global.ng.cdk.clipboard, global.Cropper, global.ng.cdk['drag-drop'], global.elementResizeDetectorMaker_, global.confirmdialog, global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
-}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, http, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask, breadcrumb, tieredmenu, tooltip, dom, calendar, view, state, lint, language, generator, highlight, autocomplete$1, core$1, tooltip$1, gutter, ngxMask, angular2Hotkeys, BigNumber, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, api, platformBrowser, clipboard, Cropper, dragDrop, elementResizeDetectorMaker_, confirmdialog, a11y, scrollpanel, sidebar) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('@seniorsistemas/ng2-currency-mask'), require('primeng/breadcrumb'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@ngx-translate/core'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('ngx-mask'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/api'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('cropperjs'), require('@angular/cdk/drag-drop'), require('element-resize-detector'), require('primeng/confirmdialog'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', '@seniorsistemas/ng2-currency-mask', 'primeng/breadcrumb', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@ngx-translate/core', '@codemirror/tooltip', '@codemirror/gutter', 'ngx-mask', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/api', 'primeng/progressbar', '@angular/platform-browser', '@angular/cdk/clipboard', 'cropperjs', '@angular/cdk/drag-drop', 'element-resize-detector', 'primeng/confirmdialog', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask, global.breadcrumb, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.core$1, global.tooltip$1, global.gutter, global.ngxMask, global.angular2Hotkeys, global.BigNumber, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.api, global.progressbar, global.ng.platformBrowser, global.ng.cdk.clipboard, global.Cropper, global.ng.cdk['drag-drop'], global.elementResizeDetectorMaker_, global.confirmdialog, global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
+}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, http, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask, breadcrumb, tieredmenu, tooltip, dom, calendar, view, state, lint, language, generator, highlight, autocomplete$1, core$1, tooltip$1, gutter, ngxMask, angular2Hotkeys, BigNumber, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, api, progressbar, platformBrowser, clipboard, Cropper, dragDrop, elementResizeDetectorMaker_, confirmdialog, a11y, scrollpanel, sidebar) { 'use strict';
 
     var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
     Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
@@ -1090,7 +1090,7 @@
             var _this = this;
             return this.localeOptions
                 ? rxjs.of(this.localeOptions)
-                : this.getLocaleConfig().pipe(operators.tap(function (localeOptions) { return (_this.localeOptions = localeOptions); }));
+                : this.getLocaleConfig().pipe(operators.tap(function (localeOptions) { return (_this.localeOptions = __assign(__assign({}, localeOptions), { locale: _this.locale })); }));
         };
         LocaleService.prototype.getLocale = function () {
             var _this = this;
@@ -1101,6 +1101,13 @@
                     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 rxjs.of(JSON.parse(this.cookieService.get("com.senior.token")));
@@ -6129,555 +6136,133 @@
         return EmptyStateModule;
     }());
 
-
-    (function (ProgressBarColors) {
-        ProgressBarColors["Blue"] = "blue";
-        ProgressBarColors["Green"] = "green";
-        ProgressBarColors["Red"] = "red";
-        ProgressBarColors["Yellow"] = "yellow";
-    })(exports.ProgressBarColors || (exports.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([
-            core.Input()
-        ], ProgressBarComponent.prototype, "value", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarComponent.prototype, "numberFormatOptions", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarComponent.prototype, "targetValue", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarComponent.prototype, "targetLabel", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarComponent.prototype, "activeColor", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarComponent.prototype, "showValue", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarComponent.prototype, "mode", void 0);
-        ProgressBarComponent = __decorate([
-            core.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([
+            core.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([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "value", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "numberFormatOptions", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
-        ProgressBarDeterminateComponent = __decorate([
-            core.Component({
-                selector: "s-progressbar-determinate",
-                template: "<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n       <div\n          class=\"progressbar-active\"\n          [ngClass]=\"{\n             'progressbar-active--blue' : activeColor === 'blue',\n             'progressbar-active--green': activeColor === 'green',\n             'progressbar-active--red': activeColor === 'red',\n             'progressbar-active--yellow': activeColor === 'yellow'\n          }\"\n          [ngStyle]=\"{ 'width': value + '%' }\">\n\n          {{ showValue && value ? numberFormat.format(value) + '%' : '' }}\n       </div>\n    </div>\n    <div\n       *ngIf=\"targetValue\"\n       class=\"target\"\n       [ngStyle]=\"{\n          'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n          'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n          'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n       }\">\n       <span class=\"target-line\"></span>\n       <span class=\"target-label\">\n           {{ targetLabel || numberFormat.format(value) + '%' }}\n       </span>\n    </div>\n </div>\n",
-                styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
-            })
-        ], ProgressBarDeterminateComponent);
-        return ProgressBarDeterminateComponent;
-    }());
-
-    var ProgressBarIndeterminateComponent = /** @class */ (function () {
-        function ProgressBarIndeterminateComponent() {
-        }
-        __decorate([
-            core.Input()
-        ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
-        __decorate([
-            core.Input()
-        ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
-        ProgressBarIndeterminateComponent = __decorate([
-            core.Component({
-                selector: "s-progressbar-indeterminate",
-                template: "<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"progressbar-label\">{{ label }}</span>\n</div>\n",
-                styles: [".progressbar-indeterminate{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:5s infinite indeterminate-progress;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translateX(-250%)}100%{transform:translateX(250%)}}"]
-            })
-        ], ProgressBarIndeterminateComponent);
-        return ProgressBarIndeterminateComponent;
-    }());
-
-    var ProgressBarModule = /** @class */ (function () {
-        function ProgressBarModule() {
-        }
-        ProgressBarModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [
-                    ProgressBarComponent,
-                    ProgressBarDeterminateComponent,
-                    ProgressBarIndeterminateComponent,
-                ],
-                exports: [ProgressBarComponent],
-            })
-        ], ProgressBarModule);
-        return ProgressBarModule;
-    }());
-
-    var LocalizedBignumberPipe = /** @class */ (function () {
-        function LocalizedBignumberPipe(localeService) {
-            this.localeService = localeService;
-        }
-        LocalizedBignumberPipe.prototype.transform = function (value, options) {
-            return value !== undefined && value !== null ? this.applyMask(value, options) : rxjs.of(value);
-        };
-        LocalizedBignumberPipe.prototype.applyMask = function (value, options) {
-            return this.localeService.get().pipe(operators.map(function (localeConfig) {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-                var configs = {
-                    prefix: (_c = (_a = options === null || options === void 0 ? void 0 : options.prefix) !== null && _a !== void 0 ? _a : (_b = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _b === void 0 ? void 0 : _b.currencySymbol) !== null && _c !== void 0 ? _c : "R$",
-                    thousandsSeparator: (_f = (_d = options === null || options === void 0 ? void 0 : options.thousandsSeparator) !== null && _d !== void 0 ? _d : (_e = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _e === void 0 ? void 0 : _e.thousandsSeparator) !== null && _f !== void 0 ? _f : ".",
-                    decimalSeparator: (_j = (_g = options === null || options === void 0 ? void 0 : options.decimalSeparator) !== null && _g !== void 0 ? _g : (_h = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _h === void 0 ? void 0 : _h.decimalSeparator) !== null && _j !== void 0 ? _j : ",",
-                    scale: (_k = options === null || options === void 0 ? void 0 : options.scale) !== null && _k !== void 0 ? _k : 2,
-                    allowNegative: (_l = options === null || options === void 0 ? void 0 : options.allowNegative) !== null && _l !== void 0 ? _l : true
-                };
-                var isNumber = !(new BigNumber__default(value).isNaN());
-                return ng2CurrencyMask.applyMask(value, configs, isNumber);
-            }));
-        };
-        LocalizedBignumberPipe.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        LocalizedBignumberPipe = __decorate([
-            core.Pipe({
-                name: "localizedBignumber",
-            })
-        ], LocalizedBignumberPipe);
-        return LocalizedBignumberPipe;
-    }());
-
-    var LocalizedBignumberImpurePipe = /** @class */ (function (_super) {
-        __extends(LocalizedBignumberImpurePipe, _super);
-        function LocalizedBignumberImpurePipe() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        LocalizedBignumberImpurePipe.prototype.transform = function (value, options) {
-            return _super.prototype.transform.call(this, value, options);
-        };
-        LocalizedBignumberImpurePipe = __decorate([
-            core.Pipe({
-                name: "localizedBignumberImpure",
-                pure: false,
-            })
-        ], LocalizedBignumberImpurePipe);
-        return LocalizedBignumberImpurePipe;
-    }(LocalizedBignumberPipe));
-
-    var LocalizedCurrencyPipeOptions = /** @class */ (function (_super) {
-        __extends(LocalizedCurrencyPipeOptions, _super);
-        function LocalizedCurrencyPipeOptions(config) {
-            if (config === void 0) { config = {}; }
-            var _this = _super.call(this, config) || this;
-            _this.scale = 2;
-            return _this;
-        }
-        return LocalizedCurrencyPipeOptions;
-    }(NumberLocaleOptions));
-    /**
-     * @deprecated Should use localizedBignumberPipe instead
-     */
-    var LocalizedCurrencyPipe = /** @class */ (function () {
-        function LocalizedCurrencyPipe(localeService) {
-            this.localeService = localeService;
-        }
-        LocalizedCurrencyPipe.prototype.transform = function (value, options) {
-            if (!options) {
-                options = new LocalizedCurrencyPipeOptions();
-            }
-            return value !== undefined && value !== null ? this.applyMask(value, options) : rxjs.of(value);
-        };
-        LocalizedCurrencyPipe.prototype.applyMask = function (value, options) {
-            return this.localeService.get().pipe(operators.map(function (localeConfig) {
-                var config = __assign(__assign({}, localeConfig.number), options);
-                var scale = config.scale, currencySymbol = config.currencySymbol, thousandsSeparator = config.thousandsSeparator, decimalSeparator = config.decimalSeparator;
-                var rawValue = Number(value).toFixed(scale);
-                var onlyNumbers = rawValue.replace(/[^0-9]/g, "");
-                var integerPart = onlyNumbers
-                    .slice(0, onlyNumbers.length - scale)
-                    .replace(/^0*/g, "")
-                    .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || "0";
-                var decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
-                var newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
-                var isZero = !Number(onlyNumbers);
-                var operator = rawValue.includes("-") && !isZero ? "-" : "";
-                return "" + operator + currencySymbol + newValue;
-            }));
-        };
-        LocalizedCurrencyPipe.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        LocalizedCurrencyPipe = __decorate([
-            core.Pipe({
-                name: "localizedCurrency",
-            })
-        ], LocalizedCurrencyPipe);
-        return LocalizedCurrencyPipe;
-    }());
-
-    /**
-     * @deprecated Should use localizedBignumberPipe instead
-     */
-    var LocalizedCurrencyImpurePipe = /** @class */ (function (_super) {
-        __extends(LocalizedCurrencyImpurePipe, _super);
-        function LocalizedCurrencyImpurePipe() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        LocalizedCurrencyImpurePipe.prototype.transform = function (value, options) {
-            if (options === void 0) { options = new LocalizedCurrencyPipeOptions(); }
-            return _super.prototype.transform.call(this, value, options);
-        };
-        LocalizedCurrencyImpurePipe = __decorate([
-            core.Pipe({
-                name: "localizedCurrencyImpure",
-                pure: false,
-            })
-        ], LocalizedCurrencyImpurePipe);
-        return LocalizedCurrencyImpurePipe;
-    }(LocalizedCurrencyPipe));
-
-    var moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-    var LocalizedDatePipe = /** @class */ (function () {
-        function LocalizedDatePipe(localeService) {
-            this.localeService = localeService;
-        }
-        LocalizedDatePipe.prototype.transform = function (value, format) {
-            if (format === void 0) { format = "L LTS"; }
-            return this.localeService.get().pipe(operators.map(function () { return (value ? moment$1(value).format(format) : value); }));
-        };
-        LocalizedDatePipe.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        LocalizedDatePipe = __decorate([
-            core.Pipe({
-                name: "localizedDate",
-            })
-        ], LocalizedDatePipe);
-        return LocalizedDatePipe;
-    }());
-
-    var LocalizedDateImpurePipe = /** @class */ (function (_super) {
-        __extends(LocalizedDateImpurePipe, _super);
-        function LocalizedDateImpurePipe() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        LocalizedDateImpurePipe = __decorate([
-            core.Pipe({
-                name: "localizedDateImpure",
-                pure: false,
-            })
-        ], LocalizedDateImpurePipe);
-        return LocalizedDateImpurePipe;
-    }(LocalizedDatePipe));
-
-    /**
-     * @deprecated Should use localizedBignumberPipe instead
-     */
-    var LocalizedNumberPipe = /** @class */ (function () {
-        function LocalizedNumberPipe(localeService) {
-            this.localeService = localeService;
-        }
-        LocalizedNumberPipe.prototype.transform = function (value, minimumFractionDigits) {
-            return rxjs.from(this.localeService.getLocale()).pipe(operators.map(function (locale) {
-                var numericValue = Number(value);
-                if (!value && isNaN(numericValue))
-                    return;
-                return new Intl.NumberFormat(locale, {
-                    minimumFractionDigits: minimumFractionDigits || 0,
-                }).format(Number(value));
-            }));
-        };
-        LocalizedNumberPipe.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        LocalizedNumberPipe = __decorate([
-            core.Pipe({ name: "localizedNumber" })
-        ], LocalizedNumberPipe);
-        return LocalizedNumberPipe;
-    }());
-
-    var moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-    var LocalizedTimePipe = /** @class */ (function () {
-        function LocalizedTimePipe(localeService) {
-            this.localeService = localeService;
-        }
-        LocalizedTimePipe.prototype.transform = function (value, format) {
-            if (format === void 0) { format = "LTS"; }
-            return this.localeService.get().pipe(operators.map(function () { return (value ? moment$2(value, "HH:mm:ss").format(format) : value); }));
-        };
-        LocalizedTimePipe.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        LocalizedTimePipe = __decorate([
-            core.Pipe({
-                name: "localizedTime",
-            })
-        ], LocalizedTimePipe);
-        return LocalizedTimePipe;
-    }());
-
-    var LocalizedTimeImpurePipe = /** @class */ (function (_super) {
-        __extends(LocalizedTimeImpurePipe, _super);
-        function LocalizedTimeImpurePipe() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        LocalizedTimeImpurePipe = __decorate([
-            core.Pipe({
-                name: "localizedTimeImpure",
-                pure: false,
-            })
-        ], LocalizedTimeImpurePipe);
-        return LocalizedTimeImpurePipe;
-    }(LocalizedTimePipe));
-
-    var LocaleModule = /** @class */ (function () {
-        function LocaleModule() {
-        }
-        LocaleModule_1 = LocaleModule;
-        LocaleModule.forRoot = function () {
-            return {
-                ngModule: LocaleModule_1,
-                providers: [
-                    LocaleService,
-                    LocalizedCurrencyPipe,
-                    LocalizedDatePipe,
-                    LocalizedTimePipe,
-                    LocalizedNumberPipe,
-                    LocalizedCurrencyImpurePipe,
-                    LocalizedDateImpurePipe,
-                    LocalizedTimeImpurePipe,
-                    LocalizedBignumberPipe,
-                    LocalizedBignumberImpurePipe
-                ],
-            };
-        };
-        LocaleModule.forChild = function () {
-            return {
-                ngModule: LocaleModule_1,
-            };
-        };
-        var LocaleModule_1;
-        LocaleModule = LocaleModule_1 = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                exports: [
-                    LocalizedCurrencyPipe,
-                    LocalizedDatePipe,
-                    LocalizedTimePipe,
-                    LocalizedNumberPipe,
-                    LocalizedCurrencyImpurePipe,
-                    LocalizedDateImpurePipe,
-                    LocalizedTimeImpurePipe,
-                    LocalizedBignumberPipe,
-                    LocalizedBignumberImpurePipe
-                ],
-                declarations: [
-                    LocalizedCurrencyPipe,
-                    LocalizedDatePipe,
-                    LocalizedTimePipe,
-                    LocalizedNumberPipe,
-                    LocalizedCurrencyImpurePipe,
-                    LocalizedDateImpurePipe,
-                    LocalizedTimeImpurePipe,
-                    LocalizedBignumberPipe,
-                    LocalizedBignumberImpurePipe
-                ],
-            })
-        ], LocaleModule);
-        return LocaleModule;
-    }());
-
-    var 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;
+        ExportUtils.isFunction = function (obj) {
+            return !!(obj && obj.constructor && obj.call && obj.apply);
+        };
+        return ExportUtils;
     }());
 
 
     (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";
     })(exports.ValidateErrors || (exports.ValidateErrors = {}));
@@ -6694,132 +6279,7 @@
         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 core.EventEmitter();
-            this.removeFile = new core.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(operators.first())
-                .subscribe(function (locale) {
-                _this._locale = locale;
-            });
-        };
-        FileItemComponent.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], FileItemComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], FileItemComponent.prototype, "file", void 0);
-        __decorate([
-            core.Input()
-        ], FileItemComponent.prototype, "canReadFiles", void 0);
-        __decorate([
-            core.Input()
-        ], FileItemComponent.prototype, "canRemoveFiles", void 0);
-        __decorate([
-            core.Input()
-        ], FileItemComponent.prototype, "cancelLabel", void 0);
-        __decorate([
-            core.Input()
-        ], FileItemComponent.prototype, "removeLabel", void 0);
-        __decorate([
-            core.Input()
-        ], FileItemComponent.prototype, "ariaLabelProgress", void 0);
-        __decorate([
-            core.Input()
-        ], FileItemComponent.prototype, "successTooltip", void 0);
-        __decorate([
-            core.Input()
-        ], FileItemComponent.prototype, "ariaLabelSuccess", void 0);
-        __decorate([
-            core.Output()
-        ], FileItemComponent.prototype, "cancelUpload", void 0);
-        __decorate([
-            core.Output()
-        ], FileItemComponent.prototype, "removeFile", void 0);
-        __decorate([
-            core.HostListener("window:resize")
-        ], FileItemComponent.prototype, "onResize", null);
-        FileItemComponent = __decorate([
-            core.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([
-            core.Injectable()
-        ], FileUploadService);
-        return FileUploadService;
-    }());
-
-    var moment$4 = moment_;
+    var moment$1 = moment_;
     var FileUploadComponent = /** @class */ (function () {
         function FileUploadComponent(sanitizer, fileUploadService, translate) {
             this.sanitizer = sanitizer;
@@ -6838,9 +6298,9 @@
             this.cancelUpload = new core.EventEmitter();
             this.downloadFile = new core.EventEmitter();
             this.validateErrors = new core.EventEmitter();
-            this.inputValue = "";
             this._files = [];
             this.ngUsubscribe = new rxjs.Subject();
+            this.inputValue = "";
         }
         FileUploadComponent_1 = FileUploadComponent;
         Object.defineProperty(FileUploadComponent.prototype, "files", {
@@ -6851,10 +6311,10 @@
                 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;
@@ -6864,45 +6324,44 @@
             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: exports.ValidateErrors.MAX_FILE_LIMIT,
                 });
-                this._clearFileInput();
-                return;
-            }
-            if (this._isFileCombinedSizeExceeded(files)) {
-                this.validateErrors.emit({
-                    files: files,
-                    validation: exports.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: exports.ValidateErrors.UNSUPPORTED_EXTENSION,
                         });
                         continue;
                     }
-                    if (this._isFileSizeExceeded(file)) {
+                    if (this.isFileSizeExceeded(file)) {
                         this.validateErrors.emit({
                             files: [file],
                             validation: exports.ValidateErrors.MAX_FILE_SIZE,
@@ -6925,7 +6384,7 @@
                     files: newFiles,
                 });
             }
-            this._clearFileInput();
+            this.clearFileInput();
         };
         FileUploadComponent.prototype.onRemoveFile = function (file) {
             var fileIndex = this.files.indexOf(file);
@@ -6934,13 +6393,12 @@
                 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({
@@ -6948,65 +6406,51 @@
                 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;
@@ -7051,9 +6495,6 @@
         __decorate([
             core.Input()
         ], FileUploadComponent.prototype, "maxFileSize", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "maxCombinedFileSize", void 0);
         __decorate([
             core.Input()
         ], FileUploadComponent.prototype, "fileLimit", void 0);
@@ -7099,11 +6540,14 @@
         __decorate([
             core.Output()
         ], FileUploadComponent.prototype, "validateErrors", void 0);
+        __decorate([
+            core.HostListener("window:resize")
+        ], FileUploadComponent.prototype, "onResize", null);
         FileUploadComponent = FileUploadComponent_1 = __decorate([
             core.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;
@@ -7114,22 +6558,15 @@
         }
         FileUploadModule = __decorate([
             core.NgModule({
+                declarations: [FileUploadComponent],
                 imports: [
                     common.CommonModule,
-                    http.HttpClientModule,
                     ButtonModule,
-                    TooltipModule,
-                    ProgressBarModule,
+                    tooltip.TooltipModule,
+                    progressbar.ProgressBarModule,
                     core$1.TranslateModule,
                 ],
-                declarations: [
-                    FileUploadComponent,
-                    FileItemComponent,
-                ],
-                providers: [
-                    FileUploadService,
-                    LocaleService,
-                ],
+                providers: [FileUploadService],
                 exports: [FileUploadComponent],
             })
         ], FileUploadModule);
@@ -7468,40 +6905,405 @@
             { type: core.ComponentFactoryResolver },
             { type: core.ChangeDetectorRef }
         ]; };
-        __decorate([
-            core.Input("sLoadingState")
-        ], LoadingStateDirective.prototype, "sLoadingState", null);
-        LoadingStateDirective = __decorate([
-            core.Directive({
-                selector: "[sLoadingState]",
+        __decorate([
+            core.Input("sLoadingState")
+        ], LoadingStateDirective.prototype, "sLoadingState", null);
+        LoadingStateDirective = __decorate([
+            core.Directive({
+                selector: "[sLoadingState]",
+            })
+        ], LoadingStateDirective);
+        return LoadingStateDirective;
+    }());
+
+    var LoadingStateModule = /** @class */ (function () {
+        function LoadingStateModule() {
+        }
+        LoadingStateModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.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) : rxjs.of(value);
+        };
+        LocalizedBignumberPipe.prototype.applyMask = function (value, options) {
+            return this.localeService.get().pipe(operators.map(function (localeConfig) {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+                var configs = {
+                    prefix: (_c = (_a = options === null || options === void 0 ? void 0 : options.prefix) !== null && _a !== void 0 ? _a : (_b = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _b === void 0 ? void 0 : _b.currencySymbol) !== null && _c !== void 0 ? _c : "R$",
+                    thousandsSeparator: (_f = (_d = options === null || options === void 0 ? void 0 : options.thousandsSeparator) !== null && _d !== void 0 ? _d : (_e = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _e === void 0 ? void 0 : _e.thousandsSeparator) !== null && _f !== void 0 ? _f : ".",
+                    decimalSeparator: (_j = (_g = options === null || options === void 0 ? void 0 : options.decimalSeparator) !== null && _g !== void 0 ? _g : (_h = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _h === void 0 ? void 0 : _h.decimalSeparator) !== null && _j !== void 0 ? _j : ",",
+                    scale: (_k = options === null || options === void 0 ? void 0 : options.scale) !== null && _k !== void 0 ? _k : 2,
+                    allowNegative: (_l = options === null || options === void 0 ? void 0 : options.allowNegative) !== null && _l !== void 0 ? _l : true
+                };
+                var isNumber = !(new BigNumber__default(value).isNaN());
+                return ng2CurrencyMask.applyMask(value, configs, isNumber);
+            }));
+        };
+        LocalizedBignumberPipe.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        LocalizedBignumberPipe = __decorate([
+            core.Pipe({
+                name: "localizedBignumber",
+            })
+        ], LocalizedBignumberPipe);
+        return LocalizedBignumberPipe;
+    }());
+
+    var LocalizedBignumberImpurePipe = /** @class */ (function (_super) {
+        __extends(LocalizedBignumberImpurePipe, _super);
+        function LocalizedBignumberImpurePipe() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        LocalizedBignumberImpurePipe.prototype.transform = function (value, options) {
+            return _super.prototype.transform.call(this, value, options);
+        };
+        LocalizedBignumberImpurePipe = __decorate([
+            core.Pipe({
+                name: "localizedBignumberImpure",
+                pure: false,
+            })
+        ], LocalizedBignumberImpurePipe);
+        return LocalizedBignumberImpurePipe;
+    }(LocalizedBignumberPipe));
+
+    var LocalizedCurrencyPipeOptions = /** @class */ (function (_super) {
+        __extends(LocalizedCurrencyPipeOptions, _super);
+        function LocalizedCurrencyPipeOptions(config) {
+            if (config === void 0) { config = {}; }
+            var _this = _super.call(this, config) || this;
+            _this.scale = 2;
+            return _this;
+        }
+        return LocalizedCurrencyPipeOptions;
+    }(NumberLocaleOptions));
+    /**
+     * @deprecated Should use localizedBignumberPipe instead
+     */
+    var LocalizedCurrencyPipe = /** @class */ (function () {
+        function LocalizedCurrencyPipe(localeService) {
+            this.localeService = localeService;
+        }
+        LocalizedCurrencyPipe.prototype.transform = function (value, options) {
+            if (!options) {
+                options = new LocalizedCurrencyPipeOptions();
+            }
+            return value !== undefined && value !== null ? this.applyMask(value, options) : rxjs.of(value);
+        };
+        LocalizedCurrencyPipe.prototype.applyMask = function (value, options) {
+            return this.localeService.get().pipe(operators.map(function (localeConfig) {
+                var config = __assign(__assign({}, localeConfig.number), options);
+                var scale = config.scale, currencySymbol = config.currencySymbol, thousandsSeparator = config.thousandsSeparator, decimalSeparator = config.decimalSeparator;
+                var rawValue = Number(value).toFixed(scale);
+                var onlyNumbers = rawValue.replace(/[^0-9]/g, "");
+                var integerPart = onlyNumbers
+                    .slice(0, onlyNumbers.length - scale)
+                    .replace(/^0*/g, "")
+                    .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || "0";
+                var decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
+                var newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
+                var isZero = !Number(onlyNumbers);
+                var operator = rawValue.includes("-") && !isZero ? "-" : "";
+                return "" + operator + currencySymbol + newValue;
+            }));
+        };
+        LocalizedCurrencyPipe.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        LocalizedCurrencyPipe = __decorate([
+            core.Pipe({
+                name: "localizedCurrency",
+            })
+        ], LocalizedCurrencyPipe);
+        return LocalizedCurrencyPipe;
+    }());
+
+    /**
+     * @deprecated Should use localizedBignumberPipe instead
+     */
+    var LocalizedCurrencyImpurePipe = /** @class */ (function (_super) {
+        __extends(LocalizedCurrencyImpurePipe, _super);
+        function LocalizedCurrencyImpurePipe() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        LocalizedCurrencyImpurePipe.prototype.transform = function (value, options) {
+            if (options === void 0) { options = new LocalizedCurrencyPipeOptions(); }
+            return _super.prototype.transform.call(this, value, options);
+        };
+        LocalizedCurrencyImpurePipe = __decorate([
+            core.Pipe({
+                name: "localizedCurrencyImpure",
+                pure: false,
+            })
+        ], LocalizedCurrencyImpurePipe);
+        return LocalizedCurrencyImpurePipe;
+    }(LocalizedCurrencyPipe));
+
+    var moment$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(operators.map(function () { return (value ? moment$2(value).format(format) : value); }));
+        };
+        LocalizedDatePipe.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        LocalizedDatePipe = __decorate([
+            core.Pipe({
+                name: "localizedDate",
+            })
+        ], LocalizedDatePipe);
+        return LocalizedDatePipe;
+    }());
+
+    var LocalizedDateImpurePipe = /** @class */ (function (_super) {
+        __extends(LocalizedDateImpurePipe, _super);
+        function LocalizedDateImpurePipe() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        LocalizedDateImpurePipe = __decorate([
+            core.Pipe({
+                name: "localizedDateImpure",
+                pure: false,
+            })
+        ], LocalizedDateImpurePipe);
+        return LocalizedDateImpurePipe;
+    }(LocalizedDatePipe));
+
+    /**
+     * @deprecated Should use localizedBignumberPipe instead
+     */
+    var LocalizedNumberPipe = /** @class */ (function () {
+        function LocalizedNumberPipe(localeService) {
+            this.localeService = localeService;
+        }
+        LocalizedNumberPipe.prototype.transform = function (value, minimumFractionDigits) {
+            return rxjs.from(this.localeService.getLocale()).pipe(operators.map(function (locale) {
+                var numericValue = Number(value);
+                if (!value && isNaN(numericValue))
+                    return;
+                return new Intl.NumberFormat(locale, {
+                    minimumFractionDigits: minimumFractionDigits || 0,
+                }).format(Number(value));
+            }));
+        };
+        LocalizedNumberPipe.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        LocalizedNumberPipe = __decorate([
+            core.Pipe({ name: "localizedNumber" })
+        ], LocalizedNumberPipe);
+        return LocalizedNumberPipe;
+    }());
+
+    var moment$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(operators.map(function () { return (value ? moment$3(value, "HH:mm:ss").format(format) : value); }));
+        };
+        LocalizedTimePipe.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        LocalizedTimePipe = __decorate([
+            core.Pipe({
+                name: "localizedTime",
+            })
+        ], LocalizedTimePipe);
+        return LocalizedTimePipe;
+    }());
+
+    var LocalizedTimeImpurePipe = /** @class */ (function (_super) {
+        __extends(LocalizedTimeImpurePipe, _super);
+        function LocalizedTimeImpurePipe() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        LocalizedTimeImpurePipe = __decorate([
+            core.Pipe({
+                name: "localizedTimeImpure",
+                pure: false,
+            })
+        ], LocalizedTimeImpurePipe);
+        return LocalizedTimeImpurePipe;
+    }(LocalizedTimePipe));
+
+    var 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 = core["ɵɵdefineInjectable"]({ factory: function NumericService_Factory() { return new NumericService(core["ɵɵinject"](LocaleService)); }, token: NumericService, providedIn: "root" });
+        NumericService = __decorate([
+            core.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) ? rxjs.of(this.numericService.instant(value, options))
+                : this.localeService.getLocale().pipe(operators.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([
+            core.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([
             core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    SVGFactoryModule,
+                imports: [common.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 () {
@@ -8399,7 +8201,7 @@
         EnumBadgeColors["GRAY"] = "gray";
     })(exports.EnumBadgeColors || (exports.EnumBadgeColors = {}));
 
-    var moment$5 = moment_;
+    var moment$4 = moment_;
     var TableColumnsComponent = /** @class */ (function () {
         function TableColumnsComponent(viewContainerRef, translate, hostProjectConfigs) {
             this.viewContainerRef = viewContainerRef;
@@ -8506,7 +8308,7 @@
                         return ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
                     case exports.EnumColumnFieldType.DATE:
                         var dateFormat = _this.getDateFormat(column, locale);
-                        return moment$5(attributeValue).format(dateFormat);
+                        return moment$4(attributeValue).format(dateFormat);
                     case exports.EnumColumnFieldType.BOOLEAN:
                         var value = attributeValue ? "yes" : "no";
                         return _this.translate.instant(prefix + value);
@@ -10638,7 +10440,7 @@
         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;
@@ -10849,16 +10651,16 @@
                     return;
                 switch (type) {
                     case exports.FieldType.Date:
-                        parsedValues[name] = moment$6(value).toDate();
+                        parsedValues[name] = moment$5(value).toDate();
                         break;
                     case exports.FieldType.DateTime:
-                        parsedValues[name] = moment$6(value).toDate();
+                        parsedValues[name] = moment$5(value).toDate();
                         break;
                     case exports.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 exports.FieldType.Time:
-                        parsedValues[name] = moment$6(value, "HH:mm:ss").toDate();
+                        parsedValues[name] = moment$5(value, "HH:mm:ss").toDate();
                         break;
                 }
             });
@@ -10891,16 +10693,16 @@
                                 value = new BigNumber__default(value).toFixed(scale).toString();
                             break;
                         case exports.FieldType.Date:
-                            value = moment$6(value).format("YYYY-MM-DD");
+                            value = moment$5(value).format("YYYY-MM-DD");
                             break;
                         case exports.FieldType.DateTime:
-                            value = moment$6(value).format();
+                            value = moment$5(value).format();
                             break;
                         case exports.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 exports.FieldType.Time:
-                            value = moment$6(value).format("HH:mm:ss");
+                            value = moment$5(value).format("HH:mm:ss");
                             break;
                     }
                 }
@@ -11313,7 +11115,7 @@
         return EditableOverlayModule;
     }());
 
-    var moment$7 = moment_;
+    var moment$6 = moment_;
     var YEAR = "year";
     var MONTH = "month";
     var DAY = "day";
@@ -11325,22 +11127,22 @@
         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"),
@@ -11370,13 +11172,13 @@
             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";
             }
@@ -11391,14 +11193,14 @@
             }[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;
@@ -11427,7 +11229,7 @@
             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 [
@@ -11441,7 +11243,7 @@
             ];
         };
         DateUtils.getDaysInMonth = function (date) {
-            return moment$7(date, "YYYY-MM").daysInMonth();
+            return moment$6(date, "YYYY-MM").daysInMonth();
         };
         return DateUtils;
     }());
@@ -15224,6 +15026,173 @@
         return ProfilePicturePickerModule;
     }());
 
+
+    (function (ProgressBarColors) {
+        ProgressBarColors["Blue"] = "blue";
+        ProgressBarColors["Green"] = "green";
+        ProgressBarColors["Red"] = "red";
+        ProgressBarColors["Yellow"] = "yellow";
+    })(exports.ProgressBarColors || (exports.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([
+            core.Input()
+        ], ProgressBarComponent.prototype, "value", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "numberFormatOptions", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "targetValue", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "label", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "targetLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "activeColor", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "showValue", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "mode", void 0);
+        ProgressBarComponent = __decorate([
+            core.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([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "value", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "numberFormatOptions", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
+        ProgressBarDeterminateComponent = __decorate([
+            core.Component({
+                selector: "s-progressbar-determinate",
+                template: "<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n       <div\n          class=\"progressbar-active\"\n          [ngClass]=\"{\n             'progressbar-active--blue' : activeColor === 'blue',\n             'progressbar-active--green': activeColor === 'green',\n             'progressbar-active--red': activeColor === 'red',\n             'progressbar-active--yellow': activeColor === 'yellow'\n          }\"\n          [ngStyle]=\"{ 'width': value + '%' }\">\n\n          {{ showValue && value ? numberFormat.format(value) + '%' : '' }}\n       </div>\n    </div>\n    <div\n       *ngIf=\"targetValue\"\n       class=\"target\"\n       [ngStyle]=\"{\n          'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n          'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n          'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n       }\">\n       <span class=\"target-line\"></span>\n       <span class=\"target-label\">\n           {{ targetLabel || numberFormat.format(value) + '%' }}\n       </span>\n    </div>\n </div>\n",
+                styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
+            })
+        ], ProgressBarDeterminateComponent);
+        return ProgressBarDeterminateComponent;
+    }());
+
+    var ProgressBarIndeterminateComponent = /** @class */ (function () {
+        function ProgressBarIndeterminateComponent() {
+        }
+        __decorate([
+            core.Input()
+        ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
+        ProgressBarIndeterminateComponent = __decorate([
+            core.Component({
+                selector: "s-progressbar-indeterminate",
+                template: "<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    <span *ngIf=\"label\" class=\"progressbar-label\">{{ label }}</span>\n</div>\n",
+                styles: [".progressbar-indeterminate{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:5s infinite indeterminate-progress;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translateX(-250%)}100%{transform:translateX(250%)}}"]
+            })
+        ], ProgressBarIndeterminateComponent);
+        return ProgressBarIndeterminateComponent;
+    }());
+
+    var ProgressBarModule = /** @class */ (function () {
+        function ProgressBarModule() {
+        }
+        ProgressBarModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [
+                    ProgressBarComponent,
+                    ProgressBarDeterminateComponent,
+                    ProgressBarIndeterminateComponent,
+                ],
+                exports: [ProgressBarComponent],
+            })
+        ], ProgressBarModule);
+        return ProgressBarModule;
+    }());
+
     var PanelComponent = /** @class */ (function () {
         function PanelComponent() {
             this.toggleable = true;
@@ -17933,55 +17902,55 @@
     exports.fallback = fallback;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = TextFieldComponent;
-    exports.ɵbb = NumberFieldModule;
-    exports.ɵbc = LocalizedNumberInputModule;
-    exports.ɵbd = NumberInputModule;
-    exports.ɵbe = NumberFieldComponent;
-    exports.ɵbf = CurrencyFieldModule;
-    exports.ɵbg = CurrencyFieldComponent;
-    exports.ɵbh = NumberFieldModule$1;
-    exports.ɵbi = BignumberInputModule;
-    exports.ɵbj = BignumberFieldComponent;
-    exports.ɵbk = AutocompleteFieldComponent;
-    exports.ɵbl = BooleanFieldComponent;
-    exports.ɵbm = BooleanSwitchFieldComponent;
-    exports.ɵbn = CalendarFieldComponent;
-    exports.ɵbo = ChipsFieldComponent;
-    exports.ɵbp = CountryPhonePickerFieldComponent;
-    exports.ɵbq = DynamicFieldComponent;
-    exports.ɵbr = DynamicFormDirective;
-    exports.ɵbs = FieldsetComponent;
-    exports.ɵbt = FileUploadComponent$1;
-    exports.ɵbu = LookupFieldComponent;
-    exports.ɵbv = PasswordFieldComponent;
-    exports.ɵbw = RadioButtonComponent;
-    exports.ɵbx = RowComponent;
-    exports.ɵby = SectionComponent;
-    exports.ɵbz = SelectFieldComponent;
+    exports.ɵba = LocalizedNumberInputModule;
+    exports.ɵbb = NumberInputModule;
+    exports.ɵbc = NumberFieldComponent;
+    exports.ɵbd = CurrencyFieldModule;
+    exports.ɵbe = CurrencyFieldComponent;
+    exports.ɵbf = NumberFieldModule$1;
+    exports.ɵbg = BignumberInputModule;
+    exports.ɵbh = BignumberFieldComponent;
+    exports.ɵbi = AutocompleteFieldComponent;
+    exports.ɵbj = BooleanFieldComponent;
+    exports.ɵbk = BooleanSwitchFieldComponent;
+    exports.ɵbl = CalendarFieldComponent;
+    exports.ɵbm = ChipsFieldComponent;
+    exports.ɵbn = CountryPhonePickerFieldComponent;
+    exports.ɵbo = DynamicFieldComponent;
+    exports.ɵbp = DynamicFormDirective;
+    exports.ɵbq = FieldsetComponent;
+    exports.ɵbr = FileUploadComponent$1;
+    exports.ɵbs = LookupFieldComponent;
+    exports.ɵbt = PasswordFieldComponent;
+    exports.ɵbu = RadioButtonComponent;
+    exports.ɵbv = RowComponent;
+    exports.ɵbw = SectionComponent;
+    exports.ɵbx = SelectFieldComponent;
+    exports.ɵby = SliderFieldComponent;
+    exports.ɵbz = TextAreaFieldComponent;
     exports.ɵc = TemplateDirective;
-    exports.ɵca = SliderFieldComponent;
-    exports.ɵcb = TextAreaFieldComponent;
-    exports.ɵcc = TextAreaIAFieldComponent;
-    exports.ɵcd = IAssistService;
-    exports.ɵcf = DecimalField;
-    exports.ɵcg = SideTableComponent;
-    exports.ɵch = ThumbnailService;
-    exports.ɵci = InfiniteScrollModule;
-    exports.ɵcj = InfiniteScrollDirective;
-    exports.ɵck = IAInsightSidebarComponent;
-    exports.ɵcl = IAInsightCardComponent;
-    exports.ɵcm = IAInsightCardLoaderComponent;
-    exports.ɵcn = StructureModule;
-    exports.ɵco = HeaderComponent;
-    exports.ɵcp = FooterComponent;
-    exports.ɵcq = KanbanEventService;
-    exports.ɵcr = KanbanItemComponent;
-    exports.ɵcs = KanbanColumnComponent;
-    exports.ɵct = KanbanItemDraggingComponent;
-    exports.ɵcu = NumberLocaleOptions;
-    exports.ɵcv = BorderButtonModule;
-    exports.ɵcw = BorderButtonComponent;
+    exports.ɵca = TextAreaIAFieldComponent;
+    exports.ɵcb = IAssistService;
+    exports.ɵcd = DecimalField;
+    exports.ɵce = SideTableComponent;
+    exports.ɵcf = ThumbnailService;
+    exports.ɵcg = InfiniteScrollModule;
+    exports.ɵch = InfiniteScrollDirective;
+    exports.ɵci = IAInsightSidebarComponent;
+    exports.ɵcj = IAInsightCardComponent;
+    exports.ɵck = IAInsightCardLoaderComponent;
+    exports.ɵcl = StructureModule;
+    exports.ɵcm = HeaderComponent;
+    exports.ɵcn = FooterComponent;
+    exports.ɵco = KanbanEventService;
+    exports.ɵcp = KanbanItemComponent;
+    exports.ɵcq = KanbanColumnComponent;
+    exports.ɵcr = KanbanItemDraggingComponent;
+    exports.ɵcs = NumberLocaleOptions;
+    exports.ɵct = BorderButtonModule;
+    exports.ɵcu = BorderButtonComponent;
+    exports.ɵcv = ProgressBarDeterminateComponent;
+    exports.ɵcw = ProgressBarIndeterminateComponent;
     exports.ɵcx = SelectButtonItemComponent;
     exports.ɵcy = SlidePanelService;
     exports.ɵcz = TieredMenuEventService;
@@ -18009,20 +17978,20 @@
     exports.ɵj = LocalizedCurrencyImpurePipe;
     exports.ɵk = LocalizedBignumberPipe;
     exports.ɵl = LocalizedBignumberImpurePipe;
-    exports.ɵm = EmptyStateGoBackComponent;
-    exports.ɵn = IAssistIconComponent;
-    exports.ɵo = SeniorIconComponent;
-    exports.ɵp = DotsIndicatorComponent;
-    exports.ɵq = LoadingIndicatorComponent;
-    exports.ɵr = ProgressBarDeterminateComponent;
-    exports.ɵs = ProgressBarIndeterminateComponent;
+    exports.ɵm = NumericPipe;
+    exports.ɵn = NumericService;
+    exports.ɵo = EmptyStateGoBackComponent;
+    exports.ɵp = IAssistIconComponent;
+    exports.ɵq = SeniorIconComponent;
+    exports.ɵr = DotsIndicatorComponent;
+    exports.ɵs = LoadingIndicatorComponent;
     exports.ɵt = FileUploadService;
-    exports.ɵu = FileItemComponent;
-    exports.ɵv = LocaleService;
-    exports.ɵw = InfoSignComponent;
-    exports.ɵx = TableColumnsComponent;
-    exports.ɵy = TablePagingComponent;
-    exports.ɵz = TextFieldModule;
+    exports.ɵu = InfoSignComponent;
+    exports.ɵv = TableColumnsComponent;
+    exports.ɵw = TablePagingComponent;
+    exports.ɵx = TextFieldModule;
+    exports.ɵy = TextFieldComponent;
+    exports.ɵz = NumberFieldModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });