@seniorsistemas/angular-components 17.7.0 → 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;
@@ -6136,1472 +6136,1174 @@
         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;
+        ExportUtils.isFunction = function (obj) {
+            return !!(obj && obj.constructor && obj.call && obj.apply);
+        };
+        return ExportUtils;
     }());
 
-    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));
+    (function (ValidateErrors) {
+        ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
+        ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
+        ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
+    })(exports.ValidateErrors || (exports.ValidateErrors = {}));
 
-    /**
-     * @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 FileUploadPermissions;
+    (function (FileUploadPermissions) {
+        FileUploadPermissions["Add"] = "add";
+        FileUploadPermissions["Read"] = "read";
+        FileUploadPermissions["Remove"] = "remove";
+    })(FileUploadPermissions || (FileUploadPermissions = {}));
+    var ALL_PERMISSIONS = [
+        FileUploadPermissions.Add,
+        FileUploadPermissions.Read,
+        FileUploadPermissions.Remove,
+    ];
 
-    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;
+    var moment$1 = moment_;
+    var FileUploadComponent = /** @class */ (function () {
+        function FileUploadComponent(sanitizer, fileUploadService, translate) {
+            this.sanitizer = sanitizer;
+            this.fileUploadService = fileUploadService;
+            this.translate = translate;
+            this.ADD_PERMISSION = FileUploadPermissions.Add;
+            this.READ_PERMISSION = FileUploadPermissions.Read;
+            this.REMOVE_PERMISSION = FileUploadPermissions.Remove;
+            this.id = "s-file-upload-" + FileUploadComponent_1.nextId++;
+            this.supportedExtensions = [];
+            this.disabled = false;
+            this.showFileUploadDate = false;
+            this.permissions = ALL_PERMISSIONS;
+            this.uploadHandler = new core.EventEmitter();
+            this.removeFile = new core.EventEmitter();
+            this.cancelUpload = new core.EventEmitter();
+            this.downloadFile = new core.EventEmitter();
+            this.validateErrors = new core.EventEmitter();
+            this._files = [];
+            this.ngUsubscribe = new rxjs.Subject();
+            this.inputValue = "";
         }
-        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); }));
+        FileUploadComponent_1 = FileUploadComponent;
+        Object.defineProperty(FileUploadComponent.prototype, "files", {
+            get: function () {
+                return this._files;
+            },
+            set: function (files) {
+                var _this = this;
+                var _a;
+                if (this.showFileUploadDate && ((_a = files[0]) === null || _a === void 0 ? void 0 : _a.objectId)) {
+                    this.getUploadDate(files);
+                }
+                this._files = files.map(function (file) {
+                    if (_this.isImage(file)) {
+                        file.objectURL = _this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
+                    }
+                    return file;
+                });
+            },
+            enumerable: true,
+            configurable: true
+        });
+        FileUploadComponent.prototype.ngOnInit = function () {
+            this.supportedExtensions = this.supportedExtensions
+                .map(function (extension) { return extension.replace(".", "").toLowerCase(); });
         };
-        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());
+        FileUploadComponent.prototype.ngOnDestroy = function () {
+            this.ngUsubscribe.next();
+            this.ngUsubscribe.complete();
         };
-        NumericService.prototype.getType = function (value) {
-            // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof
-            if (value === null) {
-                return "null";
+        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 = [];
             }
-            var baseType = typeof value;
-            // Primitive types
-            if (baseType !== "object" && baseType !== "function") {
-                return baseType;
+            if (this.isFileLimitExceeded(files)) {
+                this.validateErrors.emit({
+                    files: files,
+                    validation: exports.ValidateErrors.MAX_FILE_LIMIT,
+                });
+                this.clearFileInput();
+                return;
             }
-            // 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;
+            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)) {
+                        this.validateErrors.emit({
+                            files: [file],
+                            validation: exports.ValidateErrors.UNSUPPORTED_EXTENSION,
+                        });
+                        continue;
+                    }
+                    if (this.isFileSizeExceeded(file)) {
+                        this.validateErrors.emit({
+                            files: [file],
+                            validation: exports.ValidateErrors.MAX_FILE_SIZE,
+                        });
+                        continue;
+                    }
+                    newFiles.push(file);
+                }
             }
-            // 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";
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (files_1_1 && !files_1_1.done && (_a = files_1.return)) _a.call(files_1);
+                }
+                finally { if (e_1) throw e_1.error; }
             }
-            // 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;
+            if (newFiles.length) {
+                this.files = this.files.concat(newFiles);
+                this.uploadHandler.emit({
+                    files: newFiles,
+                });
             }
-            // At this point there's no robust way to get the type of value,
-            // so we use the base implementation.
-            return baseType;
+            this.clearFileInput();
         };
-        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",
-            })
-        ], NumericService);
-        return NumericService;
-    }());
-
-    var NumericPipe = /** @class */ (function () {
-        function NumericPipe(numericService, localeService) {
-            this.numericService = numericService;
-            this.localeService = localeService;
-        }
-        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,
-                    });
-                }));
+        FileUploadComponent.prototype.onRemoveFile = function (file) {
+            var fileIndex = this.files.indexOf(file);
+            var removedFiles = this.files.splice(fileIndex, 1);
+            if (removedFiles.length) {
+                this.removeFile.emit({ file: file });
+            }
         };
-        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
-                ],
-            };
+        FileUploadComponent.prototype.onCancelUpload = function (index) {
+            var removedFiles = this.files.splice(index, 1);
+            if (removedFiles.length) {
+                this.cancelUpload.emit(index);
+            }
+            this.clearFileInput();
         };
-        LocaleModule.forChild = function () {
-            return {
-                ngModule: LocaleModule_1,
-            };
+        FileUploadComponent.prototype.onDowloadFile = function (index) {
+            this.downloadFile.emit({
+                index: index,
+                anchor: this.anchor,
+            });
         };
-        var LocaleModule_1;
-        LocaleModule = LocaleModule_1 = __decorate([
+        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) {
+            if (!this.fileLimit) {
+                return false;
+            }
+            return this.files.length + files.length > this.fileLimit;
+        };
+        FileUploadComponent.prototype.isFileSizeExceeded = function (file) {
+            if (!this.maxFileSize) {
+                return false;
+            }
+            return file.size > this.maxFileSize;
+        };
+        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();
+                return !this.supportedExtensions.includes(extension);
+            }
+            return false;
+        };
+        FileUploadComponent.prototype.clearFileInput = function () {
+            this.inputUpload.nativeElement.value = null;
+        };
+        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$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;
+        FileUploadComponent.ctorParameters = function () { return [
+            { type: platformBrowser.DomSanitizer },
+            { type: FileUploadService },
+            { type: core$1.TranslateService }
+        ]; };
+        __decorate([
+            core.ViewChild("inputUpload", { static: false })
+        ], FileUploadComponent.prototype, "inputUpload", void 0);
+        __decorate([
+            core.ViewChild("anchor", { static: false })
+        ], FileUploadComponent.prototype, "anchor", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "chooseLabel", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "removeLabel", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "cancelLabel", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "successTooltip", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "multiple", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "accept", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "supportedExtensions", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "ariaLabelFileName", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "maxFileSize", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "fileLimit", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "ariaLabelProgress", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "ariaLabelSuccess", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "ariaLabelError", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "ariaLabelRemove", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "formGroup", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "disabled", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "showFileUploadDate", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "permissions", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "files", null);
+        __decorate([
+            core.Output()
+        ], FileUploadComponent.prototype, "uploadHandler", void 0);
+        __decorate([
+            core.Output()
+        ], FileUploadComponent.prototype, "removeFile", void 0);
+        __decorate([
+            core.Output()
+        ], FileUploadComponent.prototype, "cancelUpload", void 0);
+        __decorate([
+            core.Output()
+        ], FileUploadComponent.prototype, "downloadFile", void 0);
+        __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\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;
+    }());
+
+    var FileUploadModule = /** @class */ (function () {
+        function FileUploadModule() {
+        }
+        FileUploadModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule],
-                exports: [
-                    LocalizedCurrencyPipe,
-                    LocalizedDatePipe,
-                    LocalizedTimePipe,
-                    LocalizedNumberPipe,
-                    LocalizedCurrencyImpurePipe,
-                    LocalizedDateImpurePipe,
-                    LocalizedTimeImpurePipe,
-                    LocalizedBignumberPipe,
-                    LocalizedBignumberImpurePipe,
-                    NumericPipe
-                ],
-                declarations: [
-                    LocalizedCurrencyPipe,
-                    LocalizedDatePipe,
-                    LocalizedTimePipe,
-                    LocalizedNumberPipe,
-                    LocalizedCurrencyImpurePipe,
-                    LocalizedDateImpurePipe,
-                    LocalizedTimeImpurePipe,
-                    LocalizedBignumberPipe,
-                    LocalizedBignumberImpurePipe,
-                    NumericPipe
+                declarations: [FileUploadComponent],
+                imports: [
+                    common.CommonModule,
+                    ButtonModule,
+                    tooltip.TooltipModule,
+                    progressbar.ProgressBarModule,
+                    core$1.TranslateModule,
                 ],
+                providers: [FileUploadService],
+                exports: [FileUploadComponent],
             })
-        ], LocaleModule);
-        return LocaleModule;
+        ], FileUploadModule);
+        return FileUploadModule;
     }());
 
-    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 InfoSignComponent = /** @class */ (function () {
+        function InfoSignComponent() {
+        }
+        InfoSignComponent = __decorate([
+            core.Component({
+                selector: "s-info-sign-component",
+                template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\">\n    </i>\n</span>",
+                styles: [".info-sign{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start}.info-sign .info-sign__icon{padding:0 12px}"]
+            })
+        ], InfoSignComponent);
+        return InfoSignComponent;
+    }());
 
-    var ExportUtils = /** @class */ (function () {
-        function ExportUtils() {
-            throw new Error("Classe não deve ser instanciada.");
+    var InfoSignDirective = /** @class */ (function () {
+        function InfoSignDirective(templateRef, viewContainer, componentFactoryResolver) {
+            this.templateRef = templateRef;
+            this.viewContainer = viewContainer;
+            this.componentFactoryResolver = componentFactoryResolver;
+            this.displayTime = 5000;
         }
-        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, "");
+        InfoSignDirective.prototype.ngOnInit = function () {
+            if (!this.componentRef && this.sInfoSign) {
+                this.viewContainer.clear();
+                var componentFactory = this.componentFactoryResolver.resolveComponentFactory(InfoSignComponent);
+                this.componentRef = this.viewContainer.createComponent(componentFactory);
+                this.componentRef.instance.templateRef = this.templateRef;
+                this.componentRef.instance.tooltip = this.sInfoSign;
+                this.componentRef.instance.displayTime = this.displayTime;
+            }
+            else if (this.componentRef && this.sInfoSign) {
+                this.componentRef.instance.tooltip = this.sInfoSign;
             }
-        };
-        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);
+                this.viewContainer.clear();
+                this.viewContainer.createEmbeddedView(this.templateRef);
             }
         };
-        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;
-                }
+        InfoSignDirective.prototype.ngOnDestroy = function () {
+            if (this.componentRef) {
+                this.componentRef.destroy();
             }
-            else
-                return null;
-        };
-        ExportUtils.isFunction = function (obj) {
-            return !!(obj && obj.constructor && obj.call && obj.apply);
         };
-        return ExportUtils;
+        InfoSignDirective.ctorParameters = function () { return [
+            { type: core.TemplateRef },
+            { type: core.ViewContainerRef },
+            { type: core.ComponentFactoryResolver }
+        ]; };
+        __decorate([
+            core.Input()
+        ], InfoSignDirective.prototype, "sInfoSign", void 0);
+        __decorate([
+            core.Input('sInfoSignDisplayTime')
+        ], InfoSignDirective.prototype, "displayTime", void 0);
+        InfoSignDirective = __decorate([
+            core.Directive({
+                selector: "[sInfoSign]",
+            })
+        ], InfoSignDirective);
+        return InfoSignDirective;
     }());
 
+    var InfoSignModule = /** @class */ (function () {
+        function InfoSignModule() {
+        }
+        InfoSignModule = __decorate([
+            core.NgModule({
+                imports: [
+                    TooltipModule,
+                    common.CommonModule,
+                ],
+                declarations: [
+                    InfoSignDirective,
+                    InfoSignComponent,
+                ],
+                exports: [InfoSignDirective],
+                entryComponents: [InfoSignComponent],
+            })
+        ], InfoSignModule);
+        return InfoSignModule;
+    }());
 
-    (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 = {}));
+    var IAssistIconComponent = /** @class */ (function () {
+        function IAssistIconComponent() {
+        }
+        IAssistIconComponent = __decorate([
+            core.Component({
+                template: "<svg style=\"width: 100%; height: 100%;\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M5.81451 18.1054L5.99593 17.6059L7.52166 13.4099L7.60877 13.1726L7.61277 13.1614L7.94285 12.2543L8.01159 12.0648L8.05394 11.949L5.2998 8.52426L5.02726 8.18379C5.00569 8.15821 4.9881 8.13104 4.97292 8.10226C4.90099 7.9632 4.85063 7.81294 4.82186 7.6531C4.73075 7.1344 4.90418 6.60771 5.28382 6.24326C5.29421 6.23447 5.3038 6.22567 5.31419 6.21688L5.47164 6.0914L9.3439 3.00238L9.5469 2.84094L9.57088 2.82096L10.4101 2.15041L11.8007 1.04188C11.2181 0.925188 10.6163 0.863647 10.0001 0.863647C4.95374 0.863647 0.863281 4.9541 0.863281 9.99963C0.863281 13.5346 2.87254 16.5989 5.80971 18.1182\" fill=\"#0FA389\"/>\n    <path d=\"M14.099 1.83472L13.9495 2.24632L11.997 7.61074L11.9427 7.7594L11.9003 7.87369L14.7448 11.4103C14.7463 11.4127 14.7479 11.4143 14.7495 11.4167L14.9414 11.654C14.9541 11.67 14.9661 11.6868 14.9765 11.7044C15.0764 11.8698 15.1444 12.0505 15.1779 12.2431C15.273 12.7826 15.0812 13.3284 14.676 13.6897C14.656 13.7129 14.6345 13.7344 14.6105 13.7536L11.8563 15.9507L11.6789 16.0922L11.6022 16.1537L10.7406 16.8402V16.841L10.3937 17.1176L9.85747 17.5452L9.39951 17.9112L8.11035 18.9398C8.72016 19.0677 9.35155 19.1364 9.99973 19.1364C15.0461 19.1364 19.1365 15.046 19.1365 9.99964C19.1365 6.42789 17.0857 3.33727 14.099 1.83472Z\" fill=\"#0FA389\"/>\n    <path d=\"M14.7287 12.3222C14.7047 12.1832 14.6551 12.0545 14.5864 11.941L14.3954 11.7036C14.3954 11.7036 14.3946 11.7028 14.3938 11.7028L11.3839 7.96005L10.5031 6.86511L10.4256 6.7676L9.03255 5.03487L8.83674 4.79191C8.79278 4.71678 8.75681 4.63446 8.73204 4.54814C8.72085 4.51058 8.71286 4.47222 8.70566 4.43465C8.68568 4.32196 8.68408 4.21007 8.69847 4.10217L8.62334 4.16291L8.44511 4.30438L5.75731 6.44871L5.60066 6.57339C5.34011 6.82275 5.20584 7.19279 5.27218 7.57482C5.29296 7.68751 5.32892 7.79541 5.37927 7.89292C5.37927 7.89292 5.37927 7.89292 5.38007 7.89371L5.6566 8.23818L8.57139 11.8627L8.63293 11.9394L9.53047 13.0559L9.59041 13.1303L9.98363 13.6186L11.0178 14.9046C11.0186 14.9054 11.0194 14.9069 11.0202 14.9077L11.1361 15.0516V15.0524C11.2184 15.1755 11.2768 15.317 11.3048 15.4728C11.3239 15.5807 11.3263 15.6878 11.3143 15.7925L11.3175 15.7965L11.3943 15.735L11.5717 15.5935L14.3266 13.3964L14.3218 13.3908C14.6335 13.1438 14.8022 12.7394 14.7287 12.3222Z\" fill=\"#F3F3F5\"/>\n    <path d=\"M10.6822 15.0082C10.6814 15.0074 10.6806 15.0058 10.6806 15.005L10.5672 14.8643L10.3809 14.6325L10.3282 14.567L10.2211 14.4335L9.40028 13.4129L9.32835 13.3242L8.77289 12.6345L8.68098 12.5194L8.44121 12.2205L8.37168 12.4099L8.04159 13.317L8.0376 13.329L7.95128 13.5664L6.42475 17.7623L6.24333 18.2618L5.90605 19.1881L5.73262 19.6645C5.73182 19.6661 5.73102 19.6677 5.73102 19.6685C5.72863 19.6749 5.72703 19.6821 5.72543 19.6885C5.71584 19.7228 5.71424 19.758 5.72063 19.7948C5.74461 19.929 5.87329 20.0193 6.00836 19.9962C6.04112 19.9898 6.07229 19.9778 6.09867 19.9602C6.09867 19.9602 6.09947 19.9602 6.10027 19.9594L6.14103 19.9266L7.39422 18.9268L9.11496 17.5537L9.57292 17.1877L10.1092 16.7601L10.4561 16.4827L10.4537 16.4811C10.7582 16.2382 10.9236 15.8402 10.8509 15.4294C10.8237 15.2735 10.7654 15.1313 10.6822 15.0082Z\" fill=\"#0C847B\"/>\n    <path d=\"M9.17644 4.56325C9.2124 4.68713 9.26915 4.80062 9.34268 4.90053C9.34348 4.90053 9.34428 4.90213 9.34428 4.90213L9.40342 4.97645C9.40502 4.97805 9.40582 4.97885 9.40662 4.98045L9.56806 5.17946L9.64878 5.28096L9.67915 5.31932L9.8414 5.51993L10.5559 6.40947L10.7054 6.59569L11.2169 7.23188L11.5142 7.60192L11.5693 7.45247L13.5202 2.08964L14.1596 0.332135C14.1596 0.330536 14.1604 0.328139 14.1612 0.32654C14.174 0.288177 14.1772 0.246617 14.17 0.205058C14.1468 0.0699879 14.0182 -0.0195258 13.8823 0.00365186C13.8407 0.0116442 13.8024 0.028428 13.7712 0.0540033L12.578 1.00589L12.498 1.06982L10.6958 2.50844L9.85658 3.17819L9.8326 3.19737L9.6296 3.35961L9.45297 3.50028C9.2116 3.73925 9.08692 4.08931 9.15006 4.44976C9.15726 4.48813 9.16525 4.52649 9.17644 4.56325Z\" fill=\"#0C847B\"/>\n</svg>"
+            })
+        ], IAssistIconComponent);
+        return IAssistIconComponent;
+    }());
 
-    var FileUploadPermissions;
-    (function (FileUploadPermissions) {
-        FileUploadPermissions["Add"] = "add";
-        FileUploadPermissions["Read"] = "read";
-        FileUploadPermissions["Remove"] = "remove";
-    })(FileUploadPermissions || (FileUploadPermissions = {}));
-    var ALL_PERMISSIONS = [
-        FileUploadPermissions.Add,
-        FileUploadPermissions.Read,
-        FileUploadPermissions.Remove,
-    ];
+    var SeniorIconComponent = /** @class */ (function () {
+        function SeniorIconComponent() {
+        }
+        SeniorIconComponent = __decorate([
+            core.Component({
+                template: "<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 348 613\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g filter=\"url(#filter0_d_2841_2040)\">\n        <path d=\"M174.719 518.932L258.161 439.782C264.546 433.762 269.614 426.603 273.072 418.719C276.53 410.834 278.31 402.378 278.31 393.838C278.31 385.298 276.53 376.843 273.072 368.958C269.614 361.073 264.546 353.915 258.161 347.895L174.719 269.199C168.45 263.304 163.474 256.289 160.077 248.56C156.681 240.83 154.933 232.539 154.933 224.165C154.933 215.792 156.681 207.501 160.077 199.771C163.474 192.042 168.45 185.027 174.719 179.132L303.718 301.496C329.517 326.089 344 359.371 344 394.066C344 428.76 329.517 462.043 303.718 486.635L174.719 609C168.45 603.105 163.474 596.09 160.077 588.36C156.681 580.631 154.933 572.34 154.933 563.966C154.933 555.592 156.681 547.301 160.077 539.572C163.474 531.842 168.45 524.828 174.719 518.932ZM173.76 94.0677L90.3189 173.218C83.9334 179.238 78.8659 186.397 75.408 194.281C71.95 202.166 70.1698 210.622 70.1698 219.162C70.1698 227.702 71.95 236.157 75.408 244.042C78.8659 251.927 83.9334 259.085 90.3189 265.105L173.76 344.256C180.03 350.151 185.006 357.166 188.402 364.895C191.798 372.625 193.547 380.916 193.547 389.289C193.547 397.663 191.798 405.954 188.402 413.684C185.006 421.413 180.03 428.428 173.76 434.323L44.2823 311.504C18.4832 286.911 4 253.629 4 218.934C4 184.24 18.4832 150.957 44.2823 126.365L173.76 4C186.213 16.0129 193.192 32.1861 193.192 49.0338C193.192 65.8815 186.213 82.0547 173.76 94.0677Z\" fill=\"white\" />\n    </g>\n    <defs>\n        <filter id=\"filter0_d_2841_2040\" x=\"0\" y=\"0\" width=\"348\" height=\"613\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\" >\n            <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n            <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n            <feOffset />\n            <feGaussianBlur stdDeviation=\"2\" />\n            <feComposite in2=\"hardAlpha\" operator=\"out\" />\n            <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.418936 0 0 0 0 1 0 0 0 0 0.930272 0 0 0 0.35 0\" />\n            <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2841_2040\" />\n            <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2841_2040\" result=\"shape\" />\n        </filter>\n    </defs>\n</svg>\n"
+            })
+        ], SeniorIconComponent);
+        return SeniorIconComponent;
+    }());
 
-    var StorageUnits = {
-        KB: 1024,
-        MB: Math.pow(1024, 2),
-        GB: Math.pow(1024, 3),
-    };
+    var SVGFactoryIcons;
+    (function (SVGFactoryIcons) {
+        SVGFactoryIcons["IAssist"] = "iassist";
+        SVGFactoryIcons["Senior"] = "senior";
+    })(SVGFactoryIcons || (SVGFactoryIcons = {}));
 
-    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();
+    var SVGFactoryDirective = /** @class */ (function () {
+        function SVGFactoryDirective(viewContainerRef, componentFactoryResolver, cdr) {
+            this.viewContainerRef = viewContainerRef;
+            this.componentFactoryResolver = componentFactoryResolver;
+            this.cdr = cdr;
+            this._iconClass = this._getIconClass(SVGFactoryIcons.Senior);
         }
-        FileItemComponent.prototype.ngOnInit = function () {
-            this._getLocale();
-        };
-        FileItemComponent.prototype.ngAfterContentInit = function () {
-            this._update();
-        };
-        FileItemComponent.prototype.onResize = function () {
-            this._update();
+        Object.defineProperty(SVGFactoryDirective.prototype, "sSVGFactory", {
+            set: function (icon) {
+                this._iconClass = this._getIconClass(icon);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        SVGFactoryDirective.prototype.ngAfterViewInit = function () {
+            this._createComponent();
         };
-        FileItemComponent.prototype._update = function () {
-            var windowWidth = window.innerWidth;
-            this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
+        SVGFactoryDirective.prototype._createComponent = function () {
+            var factory = this.componentFactoryResolver.resolveComponentFactory(this._iconClass);
+            this.viewContainerRef.clear();
+            this.viewContainerRef.createComponent(factory);
+            this.cdr.detectChanges();
         };
-        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";
+        SVGFactoryDirective.prototype._getIconClass = function (icon) {
+            switch (icon) {
+                case SVGFactoryIcons.IAssist:
+                    return IAssistIconComponent;
+                case SVGFactoryIcons.Senior:
+                default:
+                    return SeniorIconComponent;
             }
-            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 }
+        SVGFactoryDirective.ctorParameters = function () { return [
+            { type: core.ViewContainerRef },
+            { type: core.ComponentFactoryResolver },
+            { type: core.ChangeDetectorRef }
         ]; };
         __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.Input("sSVGFactory")
+        ], SVGFactoryDirective.prototype, "sSVGFactory", null);
+        SVGFactoryDirective = __decorate([
+            core.Directive({
+                selector: "[sSVGFactory]",
+            })
+        ], SVGFactoryDirective);
+        return SVGFactoryDirective;
+    }());
+
+    var SVGFactoryModule = /** @class */ (function () {
+        function SVGFactoryModule() {
+        }
+        SVGFactoryModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [
+                    SVGFactoryDirective,
+                    IAssistIconComponent,
+                    SeniorIconComponent,
+                ],
+                exports: [SVGFactoryDirective],
+            })
+        ], SVGFactoryModule);
+        return SVGFactoryModule;
+    }());
+
+    var DotsIndicatorComponent = /** @class */ (function () {
+        function DotsIndicatorComponent() {
+        }
+        DotsIndicatorComponent = __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}}"]
+                selector: "s-dots-indicator",
+                template: "<div class=\"dots-indicator\">\n    <div class=\"bounce bounce--1\"></div>\n    <div class=\"bounce bounce--2\"></div>\n    <div class=\"bounce bounce--3\"></div>\n</div>\n",
+                styles: [".dots-indicator .bounce{animation:1.2s ease-out infinite bounce;background-color:#333;border-radius:100%;display:inline-block;height:10px;width:10px}.dots-indicator .bounce+.bounce{margin-left:15px}.dots-indicator .bounce.bounce--1{animation-delay:0s}.dots-indicator .bounce.bounce--2{animation-delay:.1s}.dots-indicator .bounce.bounce--3{animation-delay:.2s}@keyframes bounce{100%,80%{transform:scale(1)}90%{transform:scale(1.8)}}"]
             })
-        ], FileItemComponent);
-        return FileItemComponent;
+        ], DotsIndicatorComponent);
+        return DotsIndicatorComponent;
     }());
 
-    var moment$3 = moment_;
-    var FileUploadService = /** @class */ (function () {
-        function FileUploadService() {
-            this.BASE_URL_FIELD_CUSTOMIZATION = "platform/field_customization";
-            this.TOKEN = new AbortController();
+    var LoadingIndicatorComponent = /** @class */ (function () {
+        function LoadingIndicatorComponent() {
         }
-        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;
+        LoadingIndicatorComponent = __decorate([
+            core.Component({
+                selector: "s-logo-indicator",
+                template: "<div class=\"logo-indicator\">\n    <span *sSVGFactory=\"'senior'\"></span>\n</div>\n",
+                styles: [".logo-indicator{animation:1s infinite pulsar,1s infinite scale;background-color:#00c89a;border-radius:50%;box-shadow:0 0 0 #00c89ab3;height:64px;padding:calc(64px * .16);position:relative;width:64px}@keyframes pulsar{0%{box-shadow:0 0 0 0 #00c89ab3}70%{box-shadow:0 0 0 40px #00c89a00}100%{box-shadow:0 0 0 0 #00c89a00}}@keyframes scale{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}"]
+            })
+        ], LoadingIndicatorComponent);
+        return LoadingIndicatorComponent;
     }());
 
-    var moment$4 = moment_;
-    var FileUploadComponent = /** @class */ (function () {
-        function FileUploadComponent(sanitizer, fileUploadService, translate) {
-            this.sanitizer = sanitizer;
-            this.fileUploadService = fileUploadService;
-            this.translate = translate;
-            this.ADD_PERMISSION = FileUploadPermissions.Add;
-            this.READ_PERMISSION = FileUploadPermissions.Read;
-            this.REMOVE_PERMISSION = FileUploadPermissions.Remove;
-            this.id = "s-file-upload-" + FileUploadComponent_1.nextId++;
-            this.supportedExtensions = [];
-            this.disabled = false;
-            this.showFileUploadDate = false;
-            this.permissions = ALL_PERMISSIONS;
-            this.uploadHandler = new core.EventEmitter();
-            this.removeFile = new core.EventEmitter();
-            this.cancelUpload = new core.EventEmitter();
-            this.downloadFile = new core.EventEmitter();
-            this.validateErrors = new core.EventEmitter();
-            this.inputValue = "";
-            this._files = [];
-            this.ngUsubscribe = new rxjs.Subject();
+    var LoadingStateIndicators;
+    (function (LoadingStateIndicators) {
+        LoadingStateIndicators["Dots"] = "dots";
+        LoadingStateIndicators["Logo"] = "logo";
+    })(LoadingStateIndicators || (LoadingStateIndicators = {}));
+
+    var LoadingStateComponent = /** @class */ (function () {
+        function LoadingStateComponent() {
+            this.indicator = LoadingStateIndicators.Dots;
+            this.id = "s-loading-state-" + LoadingStateComponent_1.nextId++;
+            this.BLOCK_TIMEOUT_VALUE = 300;
+            this.UNBLOCK_TIMEOUT_VALUE = 200;
         }
-        FileUploadComponent_1 = FileUploadComponent;
-        Object.defineProperty(FileUploadComponent.prototype, "files", {
+        LoadingStateComponent_1 = LoadingStateComponent;
+        Object.defineProperty(LoadingStateComponent.prototype, "loading", {
             get: function () {
-                return this._files;
-            },
-            set: function (files) {
-                var _this = this;
-                var _a;
-                if (this.showFileUploadDate && ((_a = files[0]) === null || _a === void 0 ? void 0 : _a.objectId)) {
-                    this._getUploadDate(files);
-                }
-                this._files = files.map(function (file) {
-                    if (_this._isImage(file)) {
-                        file.objectURL = _this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
-                    }
-                    return file;
-                });
+                return this._loading;
             },
-            enumerable: true,
-            configurable: true
-        });
-        FileUploadComponent.prototype.ngOnInit = function () {
-            this.supportedExtensions = this.supportedExtensions.map(function (extension) { return extension.replace(".", "").toLowerCase(); });
-        };
-        FileUploadComponent.prototype.ngOnDestroy = function () {
-            this.ngUsubscribe.next();
-            this.ngUsubscribe.complete();
-        };
-        FileUploadComponent.prototype.onFileSelect = function (files) {
-            var e_1, _a;
-            var newFiles = [];
-            if (!this.multiple) {
-                this.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();
-                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)) {
-                        this.validateErrors.emit({
-                            files: [file],
-                            validation: exports.ValidateErrors.UNSUPPORTED_EXTENSION,
-                        });
-                        continue;
-                    }
-                    if (this._isFileSizeExceeded(file)) {
-                        this.validateErrors.emit({
-                            files: [file],
-                            validation: exports.ValidateErrors.MAX_FILE_SIZE,
-                        });
-                        continue;
-                    }
-                    newFiles.push(file);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (files_1_1 && !files_1_1.done && (_a = files_1.return)) _a.call(files_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            if (newFiles.length) {
-                this.files = this.files.concat(newFiles);
-                this.uploadHandler.emit({
-                    files: newFiles,
-                });
-            }
-            this._clearFileInput();
-        };
-        FileUploadComponent.prototype.onRemoveFile = function (file) {
-            var fileIndex = this.files.indexOf(file);
-            var removedFiles = this.files.splice(fileIndex, 1);
-            if (removedFiles.length) {
-                this.removeFile.emit({ file: file });
-            }
-        };
-        FileUploadComponent.prototype.onCancelUpload = function (file) {
-            var index = this.files.indexOf(file);
-            if (index != -1) {
-                this.files.splice(index, 1);
-                this.cancelUpload.emit(index);
+            set: function (loading) {
+                this._loading = loading;
+                loading ? this.block() : this.unblock();
+            },
+            enumerable: true,
+            configurable: true
+        });
+        LoadingStateComponent.prototype.block = function () {
+            var _this = this;
+            if (this.unblockTimeoutId) {
+                clearTimeout(this.unblockTimeoutId);
+                this.unblockTimeoutId = undefined;
             }
-            this._clearFileInput();
-        };
-        FileUploadComponent.prototype.onDowloadFile = function (index) {
-            this.downloadFile.emit({
-                index: index,
-                anchor: this.anchor,
-            });
-        };
-        FileUploadComponent.prototype._isImage = function (file) {
-            return /^image\//.test(file.type);
-        };
-        FileUploadComponent.prototype._isFileLimitExceeded = function (files) {
-            if (!this.fileLimit) {
-                return false;
+            if (!this.blockTimeoutId) {
+                this.blockTimeoutId = setTimeout(function () {
+                    _this.blocking = true;
+                    _this.blockTimeoutId = undefined;
+                }, this.BLOCK_TIMEOUT_VALUE);
             }
-            return this.files.length + files.length > this.fileLimit;
         };
-        FileUploadComponent.prototype._isFileCombinedSizeExceeded = function (files) {
-            if (!this.maxCombinedFileSize) {
-                return false;
+        LoadingStateComponent.prototype.unblock = function () {
+            var _this = this;
+            if (this.blockTimeoutId) {
+                clearTimeout(this.blockTimeoutId);
+                this.blockTimeoutId = undefined;
             }
-            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) {
-            if (!this.maxFileSize) {
-                return false;
+            if (!this.unblockTimeoutId) {
+                this.unblockTimeoutId = setTimeout(function () {
+                    _this.blocking = false;
+                    _this.unblockTimeoutId = undefined;
+                }, this.UNBLOCK_TIMEOUT_VALUE);
             }
-            return file.size > this.maxFileSize;
         };
-        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();
-                return !this.supportedExtensions.includes(extension);
+        LoadingStateComponent.prototype.ngOnDestroy = function () {
+            if (this.blockTimeoutId) {
+                clearTimeout(this.blockTimeoutId);
             }
-            return false;
-        };
-        FileUploadComponent.prototype._clearFileInput = function () {
-            this.inputUpload.nativeElement.value = null;
-        };
-        FileUploadComponent.prototype._getUploadDate = function (blobFile) {
-            var _this = this;
-            if (!blobFile) {
-                return;
+            if (this.unblockTimeoutId) {
+                clearTimeout(this.unblockTimeoutId);
             }
-            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,
-            });
         };
-        var FileUploadComponent_1;
-        FileUploadComponent.nextId = 0;
-        FileUploadComponent.ctorParameters = function () { return [
-            { type: platformBrowser.DomSanitizer },
-            { type: FileUploadService },
-            { type: core$1.TranslateService }
-        ]; };
-        __decorate([
-            core.ViewChild("inputUpload", { static: false })
-        ], FileUploadComponent.prototype, "inputUpload", void 0);
-        __decorate([
-            core.ViewChild("anchor", { static: false })
-        ], FileUploadComponent.prototype, "anchor", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "chooseLabel", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "removeLabel", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "cancelLabel", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "successTooltip", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "multiple", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "accept", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "supportedExtensions", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "ariaLabelFileName", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "maxFileSize", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "maxCombinedFileSize", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "fileLimit", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "ariaLabelProgress", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "ariaLabelSuccess", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "ariaLabelError", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "ariaLabelRemove", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "formGroup", void 0);
+        var LoadingStateComponent_1;
+        LoadingStateComponent.nextId = 0;
         __decorate([
             core.Input()
-        ], FileUploadComponent.prototype, "disabled", void 0);
+        ], LoadingStateComponent.prototype, "indicator", void 0);
         __decorate([
             core.Input()
-        ], FileUploadComponent.prototype, "showFileUploadDate", void 0);
+        ], LoadingStateComponent.prototype, "id", void 0);
         __decorate([
             core.Input()
-        ], FileUploadComponent.prototype, "permissions", void 0);
+        ], LoadingStateComponent.prototype, "blockWindow", void 0);
         __decorate([
             core.Input()
-        ], FileUploadComponent.prototype, "files", null);
-        __decorate([
-            core.Output()
-        ], FileUploadComponent.prototype, "uploadHandler", void 0);
-        __decorate([
-            core.Output()
-        ], FileUploadComponent.prototype, "removeFile", void 0);
-        __decorate([
-            core.Output()
-        ], FileUploadComponent.prototype, "cancelUpload", void 0);
-        __decorate([
-            core.Output()
-        ], FileUploadComponent.prototype, "downloadFile", void 0);
-        __decorate([
-            core.Output()
-        ], FileUploadComponent.prototype, "validateErrors", void 0);
-        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}"]
-            })
-        ], FileUploadComponent);
-        return FileUploadComponent;
-    }());
-
-    var FileUploadModule = /** @class */ (function () {
-        function FileUploadModule() {
-        }
-        FileUploadModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    http.HttpClientModule,
-                    ButtonModule,
-                    TooltipModule,
-                    ProgressBarModule,
-                    core$1.TranslateModule,
-                ],
-                declarations: [
-                    FileUploadComponent,
-                    FileItemComponent,
-                ],
-                providers: [
-                    FileUploadService,
-                    LocaleService,
-                ],
-                exports: [FileUploadComponent],
-            })
-        ], FileUploadModule);
-        return FileUploadModule;
-    }());
-
-    var InfoSignComponent = /** @class */ (function () {
-        function InfoSignComponent() {
-        }
-        InfoSignComponent = __decorate([
+        ], LoadingStateComponent.prototype, "loading", null);
+        LoadingStateComponent = LoadingStateComponent_1 = __decorate([
             core.Component({
-                selector: "s-info-sign-component",
-                template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\">\n    </i>\n</span>",
-                styles: [".info-sign{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start}.info-sign .info-sign__icon{padding:0 12px}"]
+                selector: "s-loading-state",
+                template: "<div\n    [id]=\"id\"\n    class=\"s-loading-state-container\"\n    [ngClass]=\"{\n        'loading': loading,\n        'blocking': blocking,\n        'fullscreen': blockWindow\n    }\">\n    <div\n        [id]=\"id + '-loader'\"\n        class=\"loader\">\n        <div\n            [id]=\"id + '-spinner'\"\n            class=\"spinner\">\n            <ng-container [ngSwitch]=\"indicator\">\n                <s-logo-indicator *ngSwitchCase=\"'logo'\"></s-logo-indicator>\n                <s-dots-indicator *ngSwitchCase=\"'dots'\"></s-dots-indicator>\n            </ng-container>\n        </div>\n        <div\n            [id]=\"id + '-overlay'\"\n            class=\"overlay\">\n        </div>\n    </div>\n    <div\n        [id]=\"id + '-contents'\"\n        class=\"contents\">\n        <ng-container *ngTemplateOutlet=\"contents || originalContent\"></ng-container>\n        <ng-template #originalContent>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n</div>",
+                styles: [".s-loading-state-container{position:relative}.s-loading-state-container .loader{opacity:0;position:absolute;transition:opacity .2s ease-out,display .2s ease-out;visibility:hidden;inset:1px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.s-loading-state-container .loader .overlay{background-color:#fff;height:100%;opacity:.8;transition:opacity .2s ease-out,display .2s ease-out;width:100%}.s-loading-state-container .loader .spinner{display:-ms-flexbox;display:flex;position:absolute;z-index:2}.s-loading-state-container.blocking>.loader,.s-loading-state-container.loading>.loader{visibility:visible}.s-loading-state-container.blocking>.loader,.s-loading-state-container.blocking>.loader>.overlay,.s-loading-state-container.loading>.loader,.s-loading-state-container.loading>.loader>.overlay{cursor:wait;z-index:1}.s-loading-state-container.blocking>.contents,.s-loading-state-container.loading>.contents{z-index:0!important}.s-loading-state-container.blocking.loading>.loader{opacity:1}.s-loading-state-container.fullscreen>.loader{left:0;position:fixed;top:0;z-index:1005}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.loader{opacity:0;visibility:hidden}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.contents{z-index:0!important}"]
             })
-        ], InfoSignComponent);
-        return InfoSignComponent;
+        ], LoadingStateComponent);
+        return LoadingStateComponent;
     }());
 
-    var InfoSignDirective = /** @class */ (function () {
-        function InfoSignDirective(templateRef, viewContainer, componentFactoryResolver) {
-            this.templateRef = templateRef;
-            this.viewContainer = viewContainer;
+    var LoadingStateDirective = /** @class */ (function () {
+        function LoadingStateDirective(target, template, componentFactoryResolver, cdr) {
+            this.target = target;
+            this.template = template;
             this.componentFactoryResolver = componentFactoryResolver;
-            this.displayTime = 5000;
+            this.cdr = cdr;
+            this._loading = false;
+            this.indicator = LoadingStateIndicators.Dots;
         }
-        InfoSignDirective.prototype.ngOnInit = function () {
-            if (!this.componentRef && this.sInfoSign) {
-                this.viewContainer.clear();
-                var componentFactory = this.componentFactoryResolver.resolveComponentFactory(InfoSignComponent);
-                this.componentRef = this.viewContainer.createComponent(componentFactory);
-                this.componentRef.instance.templateRef = this.templateRef;
-                this.componentRef.instance.tooltip = this.sInfoSign;
-                this.componentRef.instance.displayTime = this.displayTime;
-            }
-            else if (this.componentRef && this.sInfoSign) {
-                this.componentRef.instance.tooltip = this.sInfoSign;
-            }
-            else {
-                this.viewContainer.clear();
-                this.viewContainer.createEmbeddedView(this.templateRef);
-            }
+        Object.defineProperty(LoadingStateDirective.prototype, "sLoadingState", {
+            set: function (value) {
+                if (typeof value === "boolean") {
+                    this._loading = value;
+                    this.indicator = LoadingStateIndicators.Dots;
+                }
+                else if (typeof value === "object") {
+                    this._loading = value.loading;
+                    this.indicator = value.indicator || LoadingStateIndicators.Dots;
+                }
+                if (this.loaderComponent) {
+                    this.loaderComponent.instance.loading = this._loading;
+                    this.loaderComponent.instance.indicator = this.indicator;
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        LoadingStateDirective.prototype.ngAfterViewInit = function () {
+            this.createComponent();
         };
-        InfoSignDirective.prototype.ngOnDestroy = function () {
-            if (this.componentRef) {
-                this.componentRef.destroy();
+        LoadingStateDirective.prototype.createComponent = function () {
+            var factory = this.componentFactoryResolver.resolveComponentFactory(LoadingStateComponent);
+            this.loaderComponent = this.target.createComponent(factory);
+            this.loaderComponent.instance.contents = this.template;
+            this.loaderComponent.instance.loading = this._loading;
+            this.loaderComponent.instance.indicator = this.indicator;
+            this.cdr.detectChanges();
+        };
+        LoadingStateDirective.prototype.ngOnDestroy = function () {
+            if (this.loaderComponent) {
+                this.loaderComponent.destroy();
             }
         };
-        InfoSignDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef },
+        LoadingStateDirective.ctorParameters = function () { return [
             { type: core.ViewContainerRef },
-            { type: core.ComponentFactoryResolver }
+            { type: core.TemplateRef },
+            { type: core.ComponentFactoryResolver },
+            { type: core.ChangeDetectorRef }
         ]; };
         __decorate([
-            core.Input()
-        ], InfoSignDirective.prototype, "sInfoSign", void 0);
-        __decorate([
-            core.Input('sInfoSignDisplayTime')
-        ], InfoSignDirective.prototype, "displayTime", void 0);
-        InfoSignDirective = __decorate([
+            core.Input("sLoadingState")
+        ], LoadingStateDirective.prototype, "sLoadingState", null);
+        LoadingStateDirective = __decorate([
             core.Directive({
-                selector: "[sInfoSign]",
+                selector: "[sLoadingState]",
             })
-        ], InfoSignDirective);
-        return InfoSignDirective;
+        ], LoadingStateDirective);
+        return LoadingStateDirective;
     }());
 
-    var InfoSignModule = /** @class */ (function () {
-        function InfoSignModule() {
+    var LoadingStateModule = /** @class */ (function () {
+        function LoadingStateModule() {
         }
-        InfoSignModule = __decorate([
+        LoadingStateModule = __decorate([
             core.NgModule({
                 imports: [
-                    TooltipModule,
                     common.CommonModule,
+                    SVGFactoryModule,
                 ],
                 declarations: [
-                    InfoSignDirective,
-                    InfoSignComponent,
+                    LoadingStateComponent,
+                    LoadingStateDirective,
+                    DotsIndicatorComponent,
+                    LoadingIndicatorComponent,
                 ],
-                exports: [InfoSignDirective],
-                entryComponents: [InfoSignComponent],
+                exports: [
+                    LoadingStateComponent,
+                    LoadingStateDirective,
+                ],
+                entryComponents: [LoadingStateComponent],
             })
-        ], InfoSignModule);
-        return InfoSignModule;
+        ], LoadingStateModule);
+        return LoadingStateModule;
     }());
 
-    var IAssistIconComponent = /** @class */ (function () {
-        function IAssistIconComponent() {
+    var LocalizedBignumberPipe = /** @class */ (function () {
+        function LocalizedBignumberPipe(localeService) {
+            this.localeService = localeService;
         }
-        IAssistIconComponent = __decorate([
-            core.Component({
-                template: "<svg style=\"width: 100%; height: 100%;\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M5.81451 18.1054L5.99593 17.6059L7.52166 13.4099L7.60877 13.1726L7.61277 13.1614L7.94285 12.2543L8.01159 12.0648L8.05394 11.949L5.2998 8.52426L5.02726 8.18379C5.00569 8.15821 4.9881 8.13104 4.97292 8.10226C4.90099 7.9632 4.85063 7.81294 4.82186 7.6531C4.73075 7.1344 4.90418 6.60771 5.28382 6.24326C5.29421 6.23447 5.3038 6.22567 5.31419 6.21688L5.47164 6.0914L9.3439 3.00238L9.5469 2.84094L9.57088 2.82096L10.4101 2.15041L11.8007 1.04188C11.2181 0.925188 10.6163 0.863647 10.0001 0.863647C4.95374 0.863647 0.863281 4.9541 0.863281 9.99963C0.863281 13.5346 2.87254 16.5989 5.80971 18.1182\" fill=\"#0FA389\"/>\n    <path d=\"M14.099 1.83472L13.9495 2.24632L11.997 7.61074L11.9427 7.7594L11.9003 7.87369L14.7448 11.4103C14.7463 11.4127 14.7479 11.4143 14.7495 11.4167L14.9414 11.654C14.9541 11.67 14.9661 11.6868 14.9765 11.7044C15.0764 11.8698 15.1444 12.0505 15.1779 12.2431C15.273 12.7826 15.0812 13.3284 14.676 13.6897C14.656 13.7129 14.6345 13.7344 14.6105 13.7536L11.8563 15.9507L11.6789 16.0922L11.6022 16.1537L10.7406 16.8402V16.841L10.3937 17.1176L9.85747 17.5452L9.39951 17.9112L8.11035 18.9398C8.72016 19.0677 9.35155 19.1364 9.99973 19.1364C15.0461 19.1364 19.1365 15.046 19.1365 9.99964C19.1365 6.42789 17.0857 3.33727 14.099 1.83472Z\" fill=\"#0FA389\"/>\n    <path d=\"M14.7287 12.3222C14.7047 12.1832 14.6551 12.0545 14.5864 11.941L14.3954 11.7036C14.3954 11.7036 14.3946 11.7028 14.3938 11.7028L11.3839 7.96005L10.5031 6.86511L10.4256 6.7676L9.03255 5.03487L8.83674 4.79191C8.79278 4.71678 8.75681 4.63446 8.73204 4.54814C8.72085 4.51058 8.71286 4.47222 8.70566 4.43465C8.68568 4.32196 8.68408 4.21007 8.69847 4.10217L8.62334 4.16291L8.44511 4.30438L5.75731 6.44871L5.60066 6.57339C5.34011 6.82275 5.20584 7.19279 5.27218 7.57482C5.29296 7.68751 5.32892 7.79541 5.37927 7.89292C5.37927 7.89292 5.37927 7.89292 5.38007 7.89371L5.6566 8.23818L8.57139 11.8627L8.63293 11.9394L9.53047 13.0559L9.59041 13.1303L9.98363 13.6186L11.0178 14.9046C11.0186 14.9054 11.0194 14.9069 11.0202 14.9077L11.1361 15.0516V15.0524C11.2184 15.1755 11.2768 15.317 11.3048 15.4728C11.3239 15.5807 11.3263 15.6878 11.3143 15.7925L11.3175 15.7965L11.3943 15.735L11.5717 15.5935L14.3266 13.3964L14.3218 13.3908C14.6335 13.1438 14.8022 12.7394 14.7287 12.3222Z\" fill=\"#F3F3F5\"/>\n    <path d=\"M10.6822 15.0082C10.6814 15.0074 10.6806 15.0058 10.6806 15.005L10.5672 14.8643L10.3809 14.6325L10.3282 14.567L10.2211 14.4335L9.40028 13.4129L9.32835 13.3242L8.77289 12.6345L8.68098 12.5194L8.44121 12.2205L8.37168 12.4099L8.04159 13.317L8.0376 13.329L7.95128 13.5664L6.42475 17.7623L6.24333 18.2618L5.90605 19.1881L5.73262 19.6645C5.73182 19.6661 5.73102 19.6677 5.73102 19.6685C5.72863 19.6749 5.72703 19.6821 5.72543 19.6885C5.71584 19.7228 5.71424 19.758 5.72063 19.7948C5.74461 19.929 5.87329 20.0193 6.00836 19.9962C6.04112 19.9898 6.07229 19.9778 6.09867 19.9602C6.09867 19.9602 6.09947 19.9602 6.10027 19.9594L6.14103 19.9266L7.39422 18.9268L9.11496 17.5537L9.57292 17.1877L10.1092 16.7601L10.4561 16.4827L10.4537 16.4811C10.7582 16.2382 10.9236 15.8402 10.8509 15.4294C10.8237 15.2735 10.7654 15.1313 10.6822 15.0082Z\" fill=\"#0C847B\"/>\n    <path d=\"M9.17644 4.56325C9.2124 4.68713 9.26915 4.80062 9.34268 4.90053C9.34348 4.90053 9.34428 4.90213 9.34428 4.90213L9.40342 4.97645C9.40502 4.97805 9.40582 4.97885 9.40662 4.98045L9.56806 5.17946L9.64878 5.28096L9.67915 5.31932L9.8414 5.51993L10.5559 6.40947L10.7054 6.59569L11.2169 7.23188L11.5142 7.60192L11.5693 7.45247L13.5202 2.08964L14.1596 0.332135C14.1596 0.330536 14.1604 0.328139 14.1612 0.32654C14.174 0.288177 14.1772 0.246617 14.17 0.205058C14.1468 0.0699879 14.0182 -0.0195258 13.8823 0.00365186C13.8407 0.0116442 13.8024 0.028428 13.7712 0.0540033L12.578 1.00589L12.498 1.06982L10.6958 2.50844L9.85658 3.17819L9.8326 3.19737L9.6296 3.35961L9.45297 3.50028C9.2116 3.73925 9.08692 4.08931 9.15006 4.44976C9.15726 4.48813 9.16525 4.52649 9.17644 4.56325Z\" fill=\"#0C847B\"/>\n</svg>"
+        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",
             })
-        ], IAssistIconComponent);
-        return IAssistIconComponent;
+        ], LocalizedBignumberPipe);
+        return LocalizedBignumberPipe;
     }());
 
-    var SeniorIconComponent = /** @class */ (function () {
-        function SeniorIconComponent() {
+    var LocalizedBignumberImpurePipe = /** @class */ (function (_super) {
+        __extends(LocalizedBignumberImpurePipe, _super);
+        function LocalizedBignumberImpurePipe() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
-        SeniorIconComponent = __decorate([
-            core.Component({
-                template: "<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 348 613\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g filter=\"url(#filter0_d_2841_2040)\">\n        <path d=\"M174.719 518.932L258.161 439.782C264.546 433.762 269.614 426.603 273.072 418.719C276.53 410.834 278.31 402.378 278.31 393.838C278.31 385.298 276.53 376.843 273.072 368.958C269.614 361.073 264.546 353.915 258.161 347.895L174.719 269.199C168.45 263.304 163.474 256.289 160.077 248.56C156.681 240.83 154.933 232.539 154.933 224.165C154.933 215.792 156.681 207.501 160.077 199.771C163.474 192.042 168.45 185.027 174.719 179.132L303.718 301.496C329.517 326.089 344 359.371 344 394.066C344 428.76 329.517 462.043 303.718 486.635L174.719 609C168.45 603.105 163.474 596.09 160.077 588.36C156.681 580.631 154.933 572.34 154.933 563.966C154.933 555.592 156.681 547.301 160.077 539.572C163.474 531.842 168.45 524.828 174.719 518.932ZM173.76 94.0677L90.3189 173.218C83.9334 179.238 78.8659 186.397 75.408 194.281C71.95 202.166 70.1698 210.622 70.1698 219.162C70.1698 227.702 71.95 236.157 75.408 244.042C78.8659 251.927 83.9334 259.085 90.3189 265.105L173.76 344.256C180.03 350.151 185.006 357.166 188.402 364.895C191.798 372.625 193.547 380.916 193.547 389.289C193.547 397.663 191.798 405.954 188.402 413.684C185.006 421.413 180.03 428.428 173.76 434.323L44.2823 311.504C18.4832 286.911 4 253.629 4 218.934C4 184.24 18.4832 150.957 44.2823 126.365L173.76 4C186.213 16.0129 193.192 32.1861 193.192 49.0338C193.192 65.8815 186.213 82.0547 173.76 94.0677Z\" fill=\"white\" />\n    </g>\n    <defs>\n        <filter id=\"filter0_d_2841_2040\" x=\"0\" y=\"0\" width=\"348\" height=\"613\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\" >\n            <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n            <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n            <feOffset />\n            <feGaussianBlur stdDeviation=\"2\" />\n            <feComposite in2=\"hardAlpha\" operator=\"out\" />\n            <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.418936 0 0 0 0 1 0 0 0 0 0.930272 0 0 0 0.35 0\" />\n            <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2841_2040\" />\n            <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2841_2040\" result=\"shape\" />\n        </filter>\n    </defs>\n</svg>\n"
+        LocalizedBignumberImpurePipe.prototype.transform = function (value, options) {
+            return _super.prototype.transform.call(this, value, options);
+        };
+        LocalizedBignumberImpurePipe = __decorate([
+            core.Pipe({
+                name: "localizedBignumberImpure",
+                pure: false,
             })
-        ], SeniorIconComponent);
-        return SeniorIconComponent;
-    }());
-
-    var SVGFactoryIcons;
-    (function (SVGFactoryIcons) {
-        SVGFactoryIcons["IAssist"] = "iassist";
-        SVGFactoryIcons["Senior"] = "senior";
-    })(SVGFactoryIcons || (SVGFactoryIcons = {}));
+        ], LocalizedBignumberImpurePipe);
+        return LocalizedBignumberImpurePipe;
+    }(LocalizedBignumberPipe));
 
-    var SVGFactoryDirective = /** @class */ (function () {
-        function SVGFactoryDirective(viewContainerRef, componentFactoryResolver, cdr) {
-            this.viewContainerRef = viewContainerRef;
-            this.componentFactoryResolver = componentFactoryResolver;
-            this.cdr = cdr;
-            this._iconClass = this._getIconClass(SVGFactoryIcons.Senior);
+    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;
         }
-        Object.defineProperty(SVGFactoryDirective.prototype, "sSVGFactory", {
-            set: function (icon) {
-                this._iconClass = this._getIconClass(icon);
-            },
-            enumerable: true,
-            configurable: true
-        });
-        SVGFactoryDirective.prototype.ngAfterViewInit = function () {
-            this._createComponent();
-        };
-        SVGFactoryDirective.prototype._createComponent = function () {
-            var factory = this.componentFactoryResolver.resolveComponentFactory(this._iconClass);
-            this.viewContainerRef.clear();
-            this.viewContainerRef.createComponent(factory);
-            this.cdr.detectChanges();
-        };
-        SVGFactoryDirective.prototype._getIconClass = function (icon) {
-            switch (icon) {
-                case SVGFactoryIcons.IAssist:
-                    return IAssistIconComponent;
-                case SVGFactoryIcons.Senior:
-                default:
-                    return SeniorIconComponent;
+        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);
         };
-        SVGFactoryDirective.ctorParameters = function () { return [
-            { type: core.ViewContainerRef },
-            { type: core.ComponentFactoryResolver },
-            { type: core.ChangeDetectorRef }
+        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 }
         ]; };
-        __decorate([
-            core.Input("sSVGFactory")
-        ], SVGFactoryDirective.prototype, "sSVGFactory", null);
-        SVGFactoryDirective = __decorate([
-            core.Directive({
-                selector: "[sSVGFactory]",
+        LocalizedCurrencyPipe = __decorate([
+            core.Pipe({
+                name: "localizedCurrency",
             })
-        ], SVGFactoryDirective);
-        return SVGFactoryDirective;
+        ], LocalizedCurrencyPipe);
+        return LocalizedCurrencyPipe;
     }());
 
-    var SVGFactoryModule = /** @class */ (function () {
-        function SVGFactoryModule() {
+    /**
+     * @deprecated Should use localizedBignumberPipe instead
+     */
+    var LocalizedCurrencyImpurePipe = /** @class */ (function (_super) {
+        __extends(LocalizedCurrencyImpurePipe, _super);
+        function LocalizedCurrencyImpurePipe() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
-        SVGFactoryModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [
-                    SVGFactoryDirective,
-                    IAssistIconComponent,
-                    SeniorIconComponent,
-                ],
-                exports: [SVGFactoryDirective],
+        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,
             })
-        ], SVGFactoryModule);
-        return SVGFactoryModule;
+        ], 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 DotsIndicatorComponent = /** @class */ (function () {
-        function DotsIndicatorComponent() {
+    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;
         }
-        DotsIndicatorComponent = __decorate([
-            core.Component({
-                selector: "s-dots-indicator",
-                template: "<div class=\"dots-indicator\">\n    <div class=\"bounce bounce--1\"></div>\n    <div class=\"bounce bounce--2\"></div>\n    <div class=\"bounce bounce--3\"></div>\n</div>\n",
-                styles: [".dots-indicator .bounce{animation:1.2s ease-out infinite bounce;background-color:#333;border-radius:100%;display:inline-block;height:10px;width:10px}.dots-indicator .bounce+.bounce{margin-left:15px}.dots-indicator .bounce.bounce--1{animation-delay:0s}.dots-indicator .bounce.bounce--2{animation-delay:.1s}.dots-indicator .bounce.bounce--3{animation-delay:.2s}@keyframes bounce{100%,80%{transform:scale(1)}90%{transform:scale(1.8)}}"]
-            })
-        ], DotsIndicatorComponent);
-        return DotsIndicatorComponent;
+        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 LoadingIndicatorComponent = /** @class */ (function () {
-        function LoadingIndicatorComponent() {
+    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;
         }
-        LoadingIndicatorComponent = __decorate([
-            core.Component({
-                selector: "s-logo-indicator",
-                template: "<div class=\"logo-indicator\">\n    <span *sSVGFactory=\"'senior'\"></span>\n</div>\n",
-                styles: [".logo-indicator{animation:1s infinite pulsar,1s infinite scale;background-color:#00c89a;border-radius:50%;box-shadow:0 0 0 #00c89ab3;height:64px;padding:calc(64px * .16);position:relative;width:64px}@keyframes pulsar{0%{box-shadow:0 0 0 0 #00c89ab3}70%{box-shadow:0 0 0 40px #00c89a00}100%{box-shadow:0 0 0 0 #00c89a00}}@keyframes scale{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}"]
+        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",
             })
-        ], LoadingIndicatorComponent);
-        return LoadingIndicatorComponent;
+        ], LocalizedTimePipe);
+        return LocalizedTimePipe;
     }());
 
-    var LoadingStateIndicators;
-    (function (LoadingStateIndicators) {
-        LoadingStateIndicators["Dots"] = "dots";
-        LoadingStateIndicators["Logo"] = "logo";
-    })(LoadingStateIndicators || (LoadingStateIndicators = {}));
+    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 LoadingStateComponent = /** @class */ (function () {
-        function LoadingStateComponent() {
-            this.indicator = LoadingStateIndicators.Dots;
-            this.id = "s-loading-state-" + LoadingStateComponent_1.nextId++;
-            this.BLOCK_TIMEOUT_VALUE = 300;
-            this.UNBLOCK_TIMEOUT_VALUE = 200;
+    var NumericService = /** @class */ (function () {
+        function NumericService(localeService) {
+            this.localeService = localeService;
         }
-        LoadingStateComponent_1 = LoadingStateComponent;
-        Object.defineProperty(LoadingStateComponent.prototype, "loading", {
-            get: function () {
-                return this._loading;
-            },
-            set: function (loading) {
-                this._loading = loading;
-                loading ? this.block() : this.unblock();
-            },
-            enumerable: true,
-            configurable: true
-        });
-        LoadingStateComponent.prototype.block = function () {
-            var _this = this;
-            if (this.unblockTimeoutId) {
-                clearTimeout(this.unblockTimeoutId);
-                this.unblockTimeoutId = undefined;
-            }
-            if (!this.blockTimeoutId) {
-                this.blockTimeoutId = setTimeout(function () {
-                    _this.blocking = true;
-                    _this.blockTimeoutId = undefined;
-                }, this.BLOCK_TIMEOUT_VALUE);
-            }
+        /**
+         * 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());
         };
-        LoadingStateComponent.prototype.unblock = function () {
-            var _this = this;
-            if (this.blockTimeoutId) {
-                clearTimeout(this.blockTimeoutId);
-                this.blockTimeoutId = undefined;
+        NumericService.prototype.getType = function (value) {
+            // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof
+            if (value === null) {
+                return "null";
             }
-            if (!this.unblockTimeoutId) {
-                this.unblockTimeoutId = setTimeout(function () {
-                    _this.blocking = false;
-                    _this.unblockTimeoutId = undefined;
-                }, this.UNBLOCK_TIMEOUT_VALUE);
+            var baseType = typeof value;
+            // Primitive types
+            if (baseType !== "object" && baseType !== "function") {
+                return baseType;
             }
-        };
-        LoadingStateComponent.prototype.ngOnDestroy = function () {
-            if (this.blockTimeoutId) {
-                clearTimeout(this.blockTimeoutId);
+            // 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 (this.unblockTimeoutId) {
-                clearTimeout(this.unblockTimeoutId);
+            // 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;
         };
-        var LoadingStateComponent_1;
-        LoadingStateComponent.nextId = 0;
-        __decorate([
-            core.Input()
-        ], LoadingStateComponent.prototype, "indicator", void 0);
-        __decorate([
-            core.Input()
-        ], LoadingStateComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], LoadingStateComponent.prototype, "blockWindow", void 0);
-        __decorate([
-            core.Input()
-        ], LoadingStateComponent.prototype, "loading", null);
-        LoadingStateComponent = LoadingStateComponent_1 = __decorate([
-            core.Component({
-                selector: "s-loading-state",
-                template: "<div\n    [id]=\"id\"\n    class=\"s-loading-state-container\"\n    [ngClass]=\"{\n        'loading': loading,\n        'blocking': blocking,\n        'fullscreen': blockWindow\n    }\">\n    <div\n        [id]=\"id + '-loader'\"\n        class=\"loader\">\n        <div\n            [id]=\"id + '-spinner'\"\n            class=\"spinner\">\n            <ng-container [ngSwitch]=\"indicator\">\n                <s-logo-indicator *ngSwitchCase=\"'logo'\"></s-logo-indicator>\n                <s-dots-indicator *ngSwitchCase=\"'dots'\"></s-dots-indicator>\n            </ng-container>\n        </div>\n        <div\n            [id]=\"id + '-overlay'\"\n            class=\"overlay\">\n        </div>\n    </div>\n    <div\n        [id]=\"id + '-contents'\"\n        class=\"contents\">\n        <ng-container *ngTemplateOutlet=\"contents || originalContent\"></ng-container>\n        <ng-template #originalContent>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n</div>",
-                styles: [".s-loading-state-container{position:relative}.s-loading-state-container .loader{opacity:0;position:absolute;transition:opacity .2s ease-out,display .2s ease-out;visibility:hidden;inset:1px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.s-loading-state-container .loader .overlay{background-color:#fff;height:100%;opacity:.8;transition:opacity .2s ease-out,display .2s ease-out;width:100%}.s-loading-state-container .loader .spinner{display:-ms-flexbox;display:flex;position:absolute;z-index:2}.s-loading-state-container.blocking>.loader,.s-loading-state-container.loading>.loader{visibility:visible}.s-loading-state-container.blocking>.loader,.s-loading-state-container.blocking>.loader>.overlay,.s-loading-state-container.loading>.loader,.s-loading-state-container.loading>.loader>.overlay{cursor:wait;z-index:1}.s-loading-state-container.blocking>.contents,.s-loading-state-container.loading>.contents{z-index:0!important}.s-loading-state-container.blocking.loading>.loader{opacity:1}.s-loading-state-container.fullscreen>.loader{left:0;position:fixed;top:0;z-index:1005}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.loader{opacity:0;visibility:hidden}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.contents{z-index:0!important}"]
+        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",
             })
-        ], LoadingStateComponent);
-        return LoadingStateComponent;
+        ], NumericService);
+        return NumericService;
     }());
 
-    var LoadingStateDirective = /** @class */ (function () {
-        function LoadingStateDirective(target, template, componentFactoryResolver, cdr) {
-            this.target = target;
-            this.template = template;
-            this.componentFactoryResolver = componentFactoryResolver;
-            this.cdr = cdr;
-            this._loading = false;
-            this.indicator = LoadingStateIndicators.Dots;
+    var NumericPipe = /** @class */ (function () {
+        function NumericPipe(numericService, localeService) {
+            this.numericService = numericService;
+            this.localeService = localeService;
         }
-        Object.defineProperty(LoadingStateDirective.prototype, "sLoadingState", {
-            set: function (value) {
-                if (typeof value === "boolean") {
-                    this._loading = value;
-                    this.indicator = LoadingStateIndicators.Dots;
-                }
-                else if (typeof value === "object") {
-                    this._loading = value.loading;
-                    this.indicator = value.indicator || LoadingStateIndicators.Dots;
-                }
-                if (this.loaderComponent) {
-                    this.loaderComponent.instance.loading = this._loading;
-                    this.loaderComponent.instance.indicator = this.indicator;
-                }
-            },
-            enumerable: true,
-            configurable: true
-        });
-        LoadingStateDirective.prototype.ngAfterViewInit = function () {
-            this.createComponent();
-        };
-        LoadingStateDirective.prototype.createComponent = function () {
-            var factory = this.componentFactoryResolver.resolveComponentFactory(LoadingStateComponent);
-            this.loaderComponent = this.target.createComponent(factory);
-            this.loaderComponent.instance.contents = this.template;
-            this.loaderComponent.instance.loading = this._loading;
-            this.loaderComponent.instance.indicator = this.indicator;
-            this.cdr.detectChanges();
-        };
-        LoadingStateDirective.prototype.ngOnDestroy = function () {
-            if (this.loaderComponent) {
-                this.loaderComponent.destroy();
-            }
-        };
-        LoadingStateDirective.ctorParameters = function () { return [
-            { type: core.ViewContainerRef },
-            { type: core.TemplateRef },
-            { type: core.ComponentFactoryResolver },
-            { type: core.ChangeDetectorRef }
+        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 }
         ]; };
-        __decorate([
-            core.Input("sLoadingState")
-        ], LoadingStateDirective.prototype, "sLoadingState", null);
-        LoadingStateDirective = __decorate([
-            core.Directive({
-                selector: "[sLoadingState]",
-            })
-        ], LoadingStateDirective);
-        return LoadingStateDirective;
+        NumericPipe = __decorate([
+            core.Pipe({ name: "numeric" })
+        ], NumericPipe);
+        return NumericPipe;
     }());
 
-    var LoadingStateModule = /** @class */ (function () {
-        function LoadingStateModule() {
+    var LocaleModule = /** @class */ (function () {
+        function LocaleModule() {
         }
-        LoadingStateModule = __decorate([
+        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 () {
@@ -8499,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;
@@ -8606,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);
@@ -10738,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;
@@ -10949,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;
                 }
             });
@@ -10991,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;
                     }
                 }
@@ -11413,7 +11115,7 @@
         return EditableOverlayModule;
     }());
 
-    var moment$7 = moment_;
+    var moment$6 = moment_;
     var YEAR = "year";
     var MONTH = "month";
     var DAY = "day";
@@ -11425,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"),
@@ -11470,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";
             }
@@ -11491,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;
@@ -11527,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 [
@@ -11541,7 +11243,7 @@
             ];
         };
         DateUtils.getDaysInMonth = function (date) {
-            return moment$7(date, "YYYY-MM").daysInMonth();
+            return moment$6(date, "YYYY-MM").daysInMonth();
         };
         return DateUtils;
     }());
@@ -15324,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;
@@ -18033,76 +17902,74 @@
     exports.fallback = fallback;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = TablePagingComponent;
-    exports.ɵbb = TextFieldModule;
-    exports.ɵbc = TextFieldComponent;
-    exports.ɵbd = NumberFieldModule;
-    exports.ɵbe = LocalizedNumberInputModule;
-    exports.ɵbf = NumberInputModule;
-    exports.ɵbg = NumberFieldComponent;
-    exports.ɵbh = CurrencyFieldModule;
-    exports.ɵbi = CurrencyFieldComponent;
-    exports.ɵbj = NumberFieldModule$1;
-    exports.ɵbk = BignumberInputModule;
-    exports.ɵbl = BignumberFieldComponent;
-    exports.ɵbm = AutocompleteFieldComponent;
-    exports.ɵbn = BooleanFieldComponent;
-    exports.ɵbo = BooleanSwitchFieldComponent;
-    exports.ɵbp = CalendarFieldComponent;
-    exports.ɵbq = ChipsFieldComponent;
-    exports.ɵbr = CountryPhonePickerFieldComponent;
-    exports.ɵbs = DynamicFieldComponent;
-    exports.ɵbt = DynamicFormDirective;
-    exports.ɵbu = FieldsetComponent;
-    exports.ɵbv = FileUploadComponent$1;
-    exports.ɵbw = LookupFieldComponent;
-    exports.ɵbx = PasswordFieldComponent;
-    exports.ɵby = RadioButtonComponent;
-    exports.ɵbz = RowComponent;
+    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 = SectionComponent;
-    exports.ɵcb = SelectFieldComponent;
-    exports.ɵcc = SliderFieldComponent;
-    exports.ɵcd = TextAreaFieldComponent;
-    exports.ɵce = TextAreaIAFieldComponent;
-    exports.ɵcf = IAssistService;
-    exports.ɵch = DecimalField;
-    exports.ɵci = SideTableComponent;
-    exports.ɵcj = ThumbnailService;
-    exports.ɵck = InfiniteScrollModule;
-    exports.ɵcl = InfiniteScrollDirective;
-    exports.ɵcm = IAInsightSidebarComponent;
-    exports.ɵcn = IAInsightCardComponent;
-    exports.ɵco = IAInsightCardLoaderComponent;
-    exports.ɵcp = StructureModule;
-    exports.ɵcq = HeaderComponent;
-    exports.ɵcr = FooterComponent;
-    exports.ɵcs = KanbanEventService;
-    exports.ɵct = KanbanItemComponent;
-    exports.ɵcu = KanbanColumnComponent;
-    exports.ɵcv = KanbanItemDraggingComponent;
-    exports.ɵcw = NumberLocaleOptions;
-    exports.ɵcx = BorderButtonModule;
-    exports.ɵcy = BorderButtonComponent;
-    exports.ɵcz = SelectButtonItemComponent;
+    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;
     exports.ɵd = TemplateModule;
-    exports.ɵda = SlidePanelService;
-    exports.ɵdb = TieredMenuEventService;
-    exports.ɵdc = TieredMenuService;
-    exports.ɵdd = TieredMenuComponent;
-    exports.ɵde = TieredMenuNestedComponent;
-    exports.ɵdf = TieredMenuItemComponent;
-    exports.ɵdg = TieredMenuDividerComponent;
-    exports.ɵdh = TimelineItemModule;
-    exports.ɵdi = TimelineIconItemComponent;
-    exports.ɵdj = HorizontalTimelineModule;
-    exports.ɵdk = HorizontalTimelineComponent;
-    exports.ɵdl = VerticalTimelineModule;
-    exports.ɵdm = VerticalTimelineComponent;
-    exports.ɵdn = RangeLineComponent;
-    exports.ɵdo = CollapseOptionComponent;
-    exports.ɵdp = CollapsedItemsComponent;
-    exports.ɵdq = VerticalItemsComponent;
+    exports.ɵda = TieredMenuService;
+    exports.ɵdb = TieredMenuComponent;
+    exports.ɵdc = TieredMenuNestedComponent;
+    exports.ɵdd = TieredMenuItemComponent;
+    exports.ɵde = TieredMenuDividerComponent;
+    exports.ɵdf = TimelineItemModule;
+    exports.ɵdg = TimelineIconItemComponent;
+    exports.ɵdh = HorizontalTimelineModule;
+    exports.ɵdi = HorizontalTimelineComponent;
+    exports.ɵdj = VerticalTimelineModule;
+    exports.ɵdk = VerticalTimelineComponent;
+    exports.ɵdl = RangeLineComponent;
+    exports.ɵdm = CollapseOptionComponent;
+    exports.ɵdn = CollapsedItemsComponent;
+    exports.ɵdo = VerticalItemsComponent;
     exports.ɵe = CustomTranslationsModule;
     exports.ɵf = CodeEditorComponent;
     exports.ɵg = CoreFacade;
@@ -18118,13 +17985,13 @@
     exports.ɵq = SeniorIconComponent;
     exports.ɵr = DotsIndicatorComponent;
     exports.ɵs = LoadingIndicatorComponent;
-    exports.ɵt = ProgressBarDeterminateComponent;
-    exports.ɵu = ProgressBarIndeterminateComponent;
-    exports.ɵv = FileUploadService;
-    exports.ɵw = FileItemComponent;
-    exports.ɵx = LocaleService;
-    exports.ɵy = InfoSignComponent;
-    exports.ɵz = TableColumnsComponent;
+    exports.ɵt = FileUploadService;
+    exports.ɵu = InfoSignComponent;
+    exports.ɵv = TableColumnsComponent;
+    exports.ɵw = TablePagingComponent;
+    exports.ɵx = TextFieldModule;
+    exports.ɵy = TextFieldComponent;
+    exports.ɵz = NumberFieldModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });