@seniorsistemas/angular-components 17.31.5 → 17.31.7

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@seniorsistemas/ng2-currency-mask'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('bignumber.js'), require('primeng/breadcrumb'), require('primeng/dom'), require('primeng/tieredmenu'), require('primeng/calendar'), require('@ngx-translate/core'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('@angular/cdk/portal'), require('ngx-mask'), require('angular2-hotkeys'), 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/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/progressbar'), require('primeng/tooltip'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/editor'), require('primeng/api'), require('primeng/confirmdialog'), require('cropperjs'), require('marked'), require('@angular/cdk/drag-drop'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@seniorsistemas/ng2-currency-mask', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'bignumber.js', 'primeng/breadcrumb', 'primeng/dom', 'primeng/tieredmenu', 'primeng/calendar', '@ngx-translate/core', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter', '@angular/cdk/portal', 'ngx-mask', 'angular2-hotkeys', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/progressbar', 'primeng/tooltip', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/editor', 'primeng/api', 'primeng/confirmdialog', 'cropperjs', 'marked', '@angular/cdk/drag-drop', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng2CurrencyMask, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.BigNumber, global.breadcrumb, global.dom, global.tieredmenu, global.calendar, global.core$1, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.tooltip, global.gutter, global.ng.cdk.portal, global.ngxMask, global.angular2Hotkeys, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.progressbar, global.tooltip$1, global.ng.platformBrowser, global.ng.cdk.clipboard, global.editor, global.api, global.confirmdialog, global.Cropper, global.marked, global.ng.cdk['drag-drop'], global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
-}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, ng2CurrencyMask, http, seniorPlatformData, moment_, ngxCookieService, BigNumber, breadcrumb, dom, tieredmenu, calendar, core$1, view, state, lint, language, generator, highlight, autocomplete$1, tooltip, gutter, portal, ngxMask, angular2Hotkeys, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, progressbar, tooltip$1, platformBrowser, clipboard, editor, api, confirmdialog, Cropper, marked, dragDrop, 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('@seniorsistemas/ng2-currency-mask'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('bignumber.js'), require('primeng/breadcrumb'), require('primeng/dom'), require('primeng/tieredmenu'), require('primeng/calendar'), require('@ngx-translate/core'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('@angular/cdk/portal'), require('ngx-mask'), require('angular2-hotkeys'), 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/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/tooltip'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/editor'), require('primeng/api'), require('primeng/confirmdialog'), require('cropperjs'), require('marked'), require('@angular/cdk/drag-drop'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@seniorsistemas/ng2-currency-mask', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'bignumber.js', 'primeng/breadcrumb', 'primeng/dom', 'primeng/tieredmenu', 'primeng/calendar', '@ngx-translate/core', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter', '@angular/cdk/portal', 'ngx-mask', 'angular2-hotkeys', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/tooltip', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/editor', 'primeng/api', 'primeng/confirmdialog', 'cropperjs', 'marked', '@angular/cdk/drag-drop', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng2CurrencyMask, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.BigNumber, global.breadcrumb, global.dom, global.tieredmenu, global.calendar, global.core$1, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.tooltip, global.gutter, global.ng.cdk.portal, global.ngxMask, global.angular2Hotkeys, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.tooltip$1, global.ng.platformBrowser, global.ng.cdk.clipboard, global.editor, global.api, global.confirmdialog, global.Cropper, global.marked, global.ng.cdk['drag-drop'], global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
+}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, ng2CurrencyMask, http, seniorPlatformData, moment_, ngxCookieService, BigNumber, breadcrumb, dom, tieredmenu, calendar, core$1, view, state, lint, language, generator, highlight, autocomplete$1, tooltip, gutter, portal, ngxMask, angular2Hotkeys, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, tooltip$1, platformBrowser, clipboard, editor, api, confirmdialog, Cropper, marked, dragDrop, a11y, scrollpanel, sidebar) { 'use strict';
 
     var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
     Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
@@ -7701,10 +7701,13 @@
             this.dialogVisible = false;
             this.collapsed = false;
             this.hotkeysService.unpause(__spread(this.hotkeysService.pausedHotkeys));
-            if (this.multiple)
+            if (this.multiple) {
                 multiInputEL.nativeElement.focus();
-            else
+            }
+            else {
                 inputEL.nativeElement.focus();
+            }
+            this.formGroupDialog.reset(this.originalFormValues);
         };
         LookupComponent.prototype.search = function () {
             this.resetTable();
@@ -8658,6 +8661,174 @@
         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,
+                roundingMode: "trunc",
+            };
+            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 FileUploadService = /** @class */ (function () {
         function FileUploadService() {
             this.BASE_URL_FIELD_CUSTOMIZATION = "platform/field_customization";
@@ -8997,7 +9168,7 @@
         FileUploadComponent = FileUploadComponent_1 = __decorate([
             core.Component({
                 selector: "s-file-upload",
-                template: "<div [id]=\"id\" 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 ? $event.dataTransfer.files : $event.target.files)\"\n        />\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 || fileLimit === files?.length\"\n            [auxiliary]=\"false\"\n        >\n        </s-button>\n    </div>\n\n    <section *ngIf=\"files.length\" [id]=\"id + 'fileupload-list'\" class=\"s-fileupload-list\" role=\"grid\">\n        <ng-container *ngFor=\"let file of files; let i = index\">\n            <div class=\"s-fileupload-list-file\" role=\"row\">\n                <div [id]=\"id + '-file-' + i + '-name'\" class=\"s-fileupload-list-file-name\" role=\"gridcell\">\n                    <div class=\"file-name-size\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                (permissions.includes(READ_PERMISSION) && file.savedFile) || file.progress === 100\n                                    ? descriptionUrl\n                                    : description;\n                                context: {\n                                    $implicit: file,\n                                    index: i\n                                }\n                            \"\n                        >\n                        </ng-container>\n    \n                        <span>{{ formatFileSize(file.size) }}</span>\n                    </div>\n\n                    <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n                </div>\n                <div class=\"s-fileupload-list-file-status\" 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                    >\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                    >\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]=\"\n                            ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\n                        \"\n                        [pTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\"\n                    >\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                    >\n                    </span>\n                </div>\n                <div class=\"s-fileupload-list-file-actions\" 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                    >\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                    >\n                        {{ removeLabel || \"platform.angular_components.remove\" | translate }}\n                    </a>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template #descriptionUrl let-file let-i=\"index\">\n    <a [id]=\"id + '-file-' + i + '-name-link'\" tabindex=\"0\" (click)=\"onDowloadFile(i)\" [attr.aria-label]=\"ariaLabelFileName || file.name\"\n        >{{ file.name }}\n    </a>\n    <a style=\"display: none\" [href]=\"file.objectURL\" target=\"_blank\" download #anchor> </a>\n</ng-template>\n\n<ng-template #description let-file>\n    <span tabindex=\"0\" [attr.aria-label]=\"ariaLabelFileName || file.name\">\n        {{ file.name }}\n    </span>\n</ng-template>\n",
+                template: "<div [id]=\"id\" 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 ? $event.dataTransfer.files : $event.target.files)\"\n        />\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 || fileLimit === files?.length\"\n            [auxiliary]=\"false\"\n        >\n        </s-button>\n    </div>\n\n    <section *ngIf=\"files.length\" [id]=\"id + 'fileupload-list'\" class=\"s-fileupload-list\" role=\"grid\">\n        <ng-container *ngFor=\"let file of files; let i = index\">\n            <div class=\"s-fileupload-list-file\" role=\"row\">\n                <div [id]=\"id + '-file-' + i + '-name'\" class=\"s-fileupload-list-file-name\" role=\"gridcell\">\n                    <div class=\"file-name-size\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                (permissions.includes(READ_PERMISSION) && file.savedFile) || file.progress === 100\n                                    ? descriptionUrl\n                                    : description;\n                                context: {\n                                    $implicit: file,\n                                    index: i\n                                }\n                            \"\n                        >\n                        </ng-container>\n    \n                        <span>{{ formatFileSize(file.size) }}</span>\n                    </div>\n\n                    <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n                </div>\n                <div class=\"s-fileupload-list-file-status\" role=\"gridcell\">\n\n                    <div *ngIf=\"file.isUploading && !isSmallDevice\" style=\"width: 256px;\">\n                                <s-progressbar\n                                    [value]=\"file.progress || 0\"\n                                    [showValue]=\"false\"\n                                    activeColor=\"blue\"\n                                ></s-progressbar>\n                            </div>\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                    >\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]=\"\n                            ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\n                        \"\n                        [pTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\"\n                    >\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                    >\n                    </span>\n                </div>\n                <div class=\"s-fileupload-list-file-actions\" 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                    >\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                    >\n                        {{ removeLabel || \"platform.angular_components.remove\" | translate }}\n                    </a>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template #descriptionUrl let-file let-i=\"index\">\n    <a [id]=\"id + '-file-' + i + '-name-link'\" tabindex=\"0\" (click)=\"onDowloadFile(i)\" [attr.aria-label]=\"ariaLabelFileName || file.name\"\n        >{{ file.name }}\n    </a>\n    <a style=\"display: none\" [href]=\"file.objectURL\" target=\"_blank\" download #anchor> </a>\n</ng-template>\n\n<ng-template #description let-file>\n    <span tabindex=\"0\" [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 .file-name-size{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;gap:20px}.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);
@@ -9014,7 +9185,7 @@
                     common.CommonModule,
                     ButtonModule,
                     tooltip$1.TooltipModule,
-                    progressbar.ProgressBarModule,
+                    ProgressBarModule,
                     core$1.TranslateModule,
                 ],
                 providers: [FileUploadService],
@@ -19675,174 +19846,6 @@
         return ProductHeaderModule;
     }());
 
-
-    (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,
-                roundingMode: "trunc",
-            };
-            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 RatingScaleComponent = /** @class */ (function () {
         function RatingScaleComponent() {
             this.disabled = false;
@@ -20174,7 +20177,7 @@
         SidebarComponent = SidebarComponent_1 = __decorate([
             core.Component({
                 selector: "s-sidebar",
-                template: "<p-sidebar\n    [id]=\"id\"\n    [visible]=\"visible\"\n    (visibleChange)=\"visibleChange.emit($event)\"\n    [blockScroll]=\"true\"\n    [baseZIndex]=\"baseZIndex\"\n    [modal]=\"true\"\n    [dismissible]=\"false\"\n    [showCloseIcon]=\"false\"\n    position=\"right\"\n    appendTo=\"body\"\n    [styleClass]=\"largeSized ? 's-sidebar-panel s-sidebar-panel-lg' : 's-sidebar-panel'\"\n    (onShow)=\"onShow()\"\n    (onHide)=\"onHide()\">\n    <div\n        [id]=\"id + '-container'\"\n        class=\"s-sidebar-container\">\n        <a\n            href=\"#\"\n            role=\"button\"\n            class=\"s-sidebar-close\"\n            (click)=\"close($event)\">\n            <span\n                class=\"fa fa-times\"\n                aria-hidden=\"true\">\n            </span></a>\n        <div\n            *ngIf=\"header && !headerSection\"    \n            [id]=\"id + '-header'\"\n            class=\"s-sidebar-header\">\n            <h2 class=\"sds-panel-title s-sidebar-header__title\">{{header}}</h2>\n        </div>\n        <div\n            *ngIf=\"headerSection\"    \n            [id]=\"id + '-header'\"\n            class=\"s-sidebar-header\">\n            <ng-content select=\"s-header\"></ng-content>\n        </div>\n        <p-scrollPanel\n            [id]=\"id + '-content-container'\"\n            class=\"s-sidebar-content-container\"\n            styleClass=\"s-sidebar-content\">\n            <ng-content></ng-content>\n        </p-scrollPanel>\n        <div\n            *ngIf=\"footerSection\"\n            [id]=\"id + '-footer'\"\n            class=\"s-sidebar-footer\">\n            <ng-content select=\"s-footer\"></ng-content>\n        </div>\n    </div>\n</p-sidebar>\n",
+                template: "<p-sidebar\n    [id]=\"id\"\n    [visible]=\"visible\"\n    (visibleChange)=\"visibleChange.emit($event)\"\n    [blockScroll]=\"true\"\n    [baseZIndex]=\"baseZIndex\"\n    [modal]=\"true\"\n    [dismissible]=\"false\"\n    [showCloseIcon]=\"false\"\n    position=\"right\"\n    appendTo=\"body\"\n    [styleClass]=\"largeSized ? 's-sidebar-panel s-sidebar-panel-lg' : 's-sidebar-panel'\"\n    (onShow)=\"onShow()\"\n    (onHide)=\"onHide()\">\n    <div\n        [id]=\"id + '-container'\"\n        class=\"s-sidebar-container\">\n        <a\n            href=\"#\"\n            role=\"button\"\n            class=\"s-sidebar-close\"\n            (click)=\"close($event)\">\n            <span\n                class=\"fa fa-times\"\n                aria-hidden=\"true\">\n            </span></a>\n        <div\n            *ngIf=\"header && !headerSection\"    \n            [id]=\"id + '-header'\"\n            class=\"s-sidebar-header\">\n            <h2 class=\"sds-panel-title s-sidebar-header__title\">{{header}}</h2>\n        </div>\n        <div\n            *ngIf=\"headerSection\"    \n            [id]=\"id + '-header'\"\n            class=\"s-sidebar-header\">\n            <ng-container *ngTemplateOutlet=\"headerSection.template\"></ng-container>\n        </div>\n        <p-scrollPanel\n            [id]=\"id + '-content-container'\"\n            class=\"s-sidebar-content-container\"\n            styleClass=\"s-sidebar-content\">\n            <ng-content></ng-content>\n        </p-scrollPanel>\n        <div\n            *ngIf=\"footerSection\"\n            [id]=\"id + '-footer'\"\n            class=\"s-sidebar-footer\">\n            <ng-content select=\"s-footer\"></ng-content>\n        </div>\n    </div>\n</p-sidebar>\n",
                 encapsulation: core.ViewEncapsulation.None,
                 styles: [".ui-overflow-hidden-sidebar{overflow:hidden}body .ui-sidebar.s-sidebar-panel{width:50%;padding:0}@media (max-width:767px){body .ui-sidebar.s-sidebar-panel{width:100%}}@media (min-width:768px){body .ui-sidebar.s-sidebar-panel{width:75%}}@media (min-width:992px){body .ui-sidebar.s-sidebar-panel{width:50%}body .ui-sidebar.s-sidebar-panel.s-sidebar-panel-lg{width:75%}}body .ui-sidebar.s-sidebar-panel .s-sidebar-container{height:100%;width:100%;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}body .ui-sidebar.s-sidebar-panel .s-sidebar-close{position:absolute;right:20px;top:20px;color:#333}body .ui-sidebar.s-sidebar-panel .s-sidebar-header{border-bottom:1px solid #ccc;padding-bottom:15px;padding-right:20px;margin-bottom:15px;-ms-flex-negative:0;flex-shrink:0}body .ui-sidebar.s-sidebar-panel .s-sidebar-content-container{-ms-flex:1;flex:1;overflow:hidden}body .ui-sidebar.s-sidebar-panel .s-sidebar-content{height:100%}body .ui-sidebar.s-sidebar-panel .s-sidebar-footer{border-top:1px solid #ccc;padding-top:15px;margin-top:15px;-ms-flex-negative:0;flex-shrink:0}body .ui-sidebar.s-sidebar-panel p-scrollpanel{padding-top:30px}body .ui-sidebar.s-sidebar-panel .s-sidebar-header+p-scrollpanel{padding-top:0}p-scrollPanel{display:block}.s-sidebar-header__title{font-weight:400}"]
             })
@@ -24431,77 +24434,77 @@
     exports.ɵ4 = ɵ4;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = TableColumnsComponent;
-    exports.ɵbb = TablePagingComponent;
-    exports.ɵbc = PasswordFieldModule;
-    exports.ɵbd = FieldLabelModule;
-    exports.ɵbe = FieldLabelComponent;
-    exports.ɵbf = PasswordFieldComponent;
-    exports.ɵbg = TextFieldModule;
-    exports.ɵbh = TextFieldComponent;
-    exports.ɵbi = NumberFieldModule;
-    exports.ɵbj = NumberFieldComponent;
-    exports.ɵbk = CurrencyFieldModule;
-    exports.ɵbl = CurrencyFieldComponent;
-    exports.ɵbm = BignumberFieldModule;
-    exports.ɵbn = BignumberFieldComponent;
-    exports.ɵbo = CheckboxFieldModule;
-    exports.ɵbp = CheckboxFieldComponent;
-    exports.ɵbq = ProfilePictureModule;
-    exports.ɵbr = ThumbnailService;
-    exports.ɵbs = ProfilePictureFieldComponent;
-    exports.ɵbt = EditorFieldModule;
-    exports.ɵbu = EditorFieldComponent;
-    exports.ɵbv = SpeechRecognitionModule;
-    exports.ɵbw = SpeechRecognitionComponent;
-    exports.ɵbx = SpeechRecognitionService;
-    exports.ɵby = TextToSpeechService;
-    exports.ɵbz = AutocompleteFieldComponent;
+    exports.ɵba = ProgressBarDeterminateComponent;
+    exports.ɵbb = ProgressBarIndeterminateComponent;
+    exports.ɵbc = TableColumnsComponent;
+    exports.ɵbd = TablePagingComponent;
+    exports.ɵbe = PasswordFieldModule;
+    exports.ɵbf = FieldLabelModule;
+    exports.ɵbg = FieldLabelComponent;
+    exports.ɵbh = PasswordFieldComponent;
+    exports.ɵbi = TextFieldModule;
+    exports.ɵbj = TextFieldComponent;
+    exports.ɵbk = NumberFieldModule;
+    exports.ɵbl = NumberFieldComponent;
+    exports.ɵbm = CurrencyFieldModule;
+    exports.ɵbn = CurrencyFieldComponent;
+    exports.ɵbo = BignumberFieldModule;
+    exports.ɵbp = BignumberFieldComponent;
+    exports.ɵbq = CheckboxFieldModule;
+    exports.ɵbr = CheckboxFieldComponent;
+    exports.ɵbs = ProfilePictureModule;
+    exports.ɵbt = ThumbnailService;
+    exports.ɵbu = ProfilePictureFieldComponent;
+    exports.ɵbv = EditorFieldModule;
+    exports.ɵbw = EditorFieldComponent;
+    exports.ɵbx = SpeechRecognitionModule;
+    exports.ɵby = SpeechRecognitionComponent;
+    exports.ɵbz = SpeechRecognitionService;
     exports.ɵc = InfoSignComponent;
-    exports.ɵca = BooleanFieldComponent;
-    exports.ɵcb = BooleanSwitchFieldComponent;
-    exports.ɵcc = CalendarFieldComponent;
-    exports.ɵcd = ChipsFieldComponent;
-    exports.ɵce = CountryPhonePickerFieldComponent;
-    exports.ɵcf = DynamicFieldComponent;
-    exports.ɵcg = DynamicFormDirective;
-    exports.ɵch = FieldsetComponent;
-    exports.ɵci = FileUploadComponent$1;
-    exports.ɵcj = LookupFieldComponent;
-    exports.ɵck = RadioButtonComponent;
-    exports.ɵcl = RowComponent;
-    exports.ɵcm = SectionComponent;
-    exports.ɵcn = SelectFieldComponent;
-    exports.ɵco = SliderFieldComponent;
-    exports.ɵcp = TextAreaFieldComponent;
-    exports.ɵcq = TextAreaIAFieldComponent;
-    exports.ɵcr = IAssistService;
-    exports.ɵcs = ButtonFieldComponent;
-    exports.ɵcu = DecimalField;
-    exports.ɵcv = SideTableComponent;
-    exports.ɵcw = InfiniteScrollModule;
-    exports.ɵcx = InfiniteScrollDirective;
-    exports.ɵcy = IAInsightSidebarComponent;
-    exports.ɵcz = IAInsightCardComponent;
+    exports.ɵca = TextToSpeechService;
+    exports.ɵcb = AutocompleteFieldComponent;
+    exports.ɵcc = BooleanFieldComponent;
+    exports.ɵcd = BooleanSwitchFieldComponent;
+    exports.ɵce = CalendarFieldComponent;
+    exports.ɵcf = ChipsFieldComponent;
+    exports.ɵcg = CountryPhonePickerFieldComponent;
+    exports.ɵch = DynamicFieldComponent;
+    exports.ɵci = DynamicFormDirective;
+    exports.ɵcj = FieldsetComponent;
+    exports.ɵck = FileUploadComponent$1;
+    exports.ɵcl = LookupFieldComponent;
+    exports.ɵcm = RadioButtonComponent;
+    exports.ɵcn = RowComponent;
+    exports.ɵco = SectionComponent;
+    exports.ɵcp = SelectFieldComponent;
+    exports.ɵcq = SliderFieldComponent;
+    exports.ɵcr = TextAreaFieldComponent;
+    exports.ɵcs = TextAreaIAFieldComponent;
+    exports.ɵct = IAssistService;
+    exports.ɵcu = ButtonFieldComponent;
+    exports.ɵcw = DecimalField;
+    exports.ɵcx = SideTableComponent;
+    exports.ɵcy = InfiniteScrollModule;
+    exports.ɵcz = InfiniteScrollDirective;
     exports.ɵd = TieredMenuEventService;
-    exports.ɵda = IAInsightCardLoaderComponent;
-    exports.ɵdb = GridMenuItemComponent;
-    exports.ɵdc = InlineEditItemComponent;
-    exports.ɵdd = InlineEditCalendarComponent;
-    exports.ɵde = InlineEditLookupComponent;
-    exports.ɵdf = InlineEditNumberComponent;
-    exports.ɵdg = InlineEditTextComponent;
-    exports.ɵdh = InlineEditTextAreaComponent;
-    exports.ɵdi = InlineEditTextAreaIAComponent;
-    exports.ɵdj = KanbanEventService;
-    exports.ɵdk = KanbanItemComponent;
-    exports.ɵdl = KanbanColumnComponent;
-    exports.ɵdm = KanbanItemDraggingComponent;
-    exports.ɵdn = NumberLocaleOptions;
-    exports.ɵdo = BorderButtonModule;
-    exports.ɵdp = BorderButtonComponent;
-    exports.ɵdq = ProgressBarDeterminateComponent;
-    exports.ɵdr = ProgressBarIndeterminateComponent;
+    exports.ɵda = IAInsightSidebarComponent;
+    exports.ɵdb = IAInsightCardComponent;
+    exports.ɵdc = IAInsightCardLoaderComponent;
+    exports.ɵdd = GridMenuItemComponent;
+    exports.ɵde = InlineEditItemComponent;
+    exports.ɵdf = InlineEditCalendarComponent;
+    exports.ɵdg = InlineEditLookupComponent;
+    exports.ɵdh = InlineEditNumberComponent;
+    exports.ɵdi = InlineEditTextComponent;
+    exports.ɵdj = InlineEditTextAreaComponent;
+    exports.ɵdk = InlineEditTextAreaIAComponent;
+    exports.ɵdl = KanbanEventService;
+    exports.ɵdm = KanbanItemComponent;
+    exports.ɵdn = KanbanColumnComponent;
+    exports.ɵdo = KanbanItemDraggingComponent;
+    exports.ɵdp = NumberLocaleOptions;
+    exports.ɵdq = BorderButtonModule;
+    exports.ɵdr = BorderButtonComponent;
     exports.ɵds = SelectButtonItemComponent;
     exports.ɵdt = SlidePanelService;
     exports.ɵdu = ThumbnailItemComponent;