monkey-front-core 0.0.272 → 0.0.274

package/fesm2020/monkey-front-core.mjs

@@ -45,10 +45,10 @@ class AlertsComponent {
     }
 }
 AlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, deps: [{ token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Component });
-AlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AlertsComponent, selector: "monkeyecx-alerts", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n  <div class=\"alert-header\">\n    <img [src]=\"_img\">\n  </div>\n  <div class=\"alert-body\">\n    <span class=\"title\">\n      {{ _title | translate }}\n    </span>\n    <span class=\"message\">\n      {{ _message | translate }}\n    </span>\n  </div>\n  <div class=\"alert-footer\">\n    <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n      {{ 'BUTTONS.CLOSE' | translate }}\n    </monkey-button>\n  </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
+AlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AlertsComponent, selector: "monkeyecx-alerts", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"alert-header\">\r\n    <img [src]=\"_img\">\r\n  </div>\r\n  <div class=\"alert-body\">\r\n    <span class=\"title\">\r\n      {{ _title | translate }}\r\n    </span>\r\n    <span class=\"message\">\r\n      {{ _message | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"alert-footer\">\r\n    <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\r\n  </div>\r\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n  <div class=\"alert-header\">\n    <img [src]=\"_img\">\n  </div>\n  <div class=\"alert-body\">\n    <span class=\"title\">\n      {{ _title | translate }}\n    </span>\n    <span class=\"message\">\n      {{ _message | translate }}\n    </span>\n  </div>\n  <div class=\"alert-footer\">\n    <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n      {{ 'BUTTONS.CLOSE' | translate }}\n    </monkey-button>\n  </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa}\n"] }]
+            args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"alert-header\">\r\n    <img [src]=\"_img\">\r\n  </div>\r\n  <div class=\"alert-body\">\r\n    <span class=\"title\">\r\n      {{ _title | translate }}\r\n    </span>\r\n    <span class=\"message\">\r\n      {{ _message | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"alert-footer\">\r\n    <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\r\n  </div>\r\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }]; }, propDecorators: { config: [{
                 type: Input
             }], modalRef: [{
@@ -322,20 +322,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
 class ClosedToMaintenanceComponent {
     constructor() {
         this.config = null;
-        this._configBoostrap = null;
+        this._configBootstrap = null;
     }
     ngOnInit() {
-        this._configBoostrap = this.config?.data;
+        this._configBootstrap = this.config?.data;
     }
     onClose() {
         document.location.reload();
     }
 }
 ClosedToMaintenanceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ClosedToMaintenanceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ClosedToMaintenanceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: ClosedToMaintenanceComponent, selector: "monkeyecx-closed-to-maintenance", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\n    <span class=\"h2\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.TITLE' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-1' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-2' | translate }}\n    </span>\n    <span class=\"information mt-3\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-3' | translate }}\n      {{ _configBoostrap?.maintenance?.endDate | monkeyecxFormatDateTimelapse: true }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-4' | translate }}\n    </span>\n  </div>\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.BUTTONS.UPDATE-MAINTENANCE' | translate }}\n    </monkey-button>\n  </div>\n</monkey-modal>", styles: ["monkeyecx-closed-to-maintenance .body{padding:24px;width:100%}monkeyecx-closed-to-maintenance .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53}monkeyecx-closed-to-maintenance .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-closed-to-maintenance .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-closed-to-maintenance .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-closed-to-maintenance monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe, "monkeyecxFormatDateTimelapse": MonkeyEcxFormatDateTimelapsePipe }, encapsulation: i0.ViewEncapsulation.None });
+ClosedToMaintenanceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: ClosedToMaintenanceComponent, selector: "monkeyecx-closed-to-maintenance", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n    <span class=\"h2\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.TITLE' | translate }}\r\n    </span>\r\n    <span class=\"information-title mt-4\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-1' | translate }}\r\n    </span>\r\n    <span class=\"information-title mt-4\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-2' | translate }}\r\n    </span>\r\n    <span class=\"information mt-3\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-3' | translate }}\r\n      {{ _configBootstrap?.maintenance?.endDate | monkeyecxFormatDateTimelapse: true }}\r\n    </span>\r\n    <span class=\"information-title mt-4\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-4' | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\r\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.BUTTONS.UPDATE-MAINTENANCE' | translate }}\r\n    </monkey-button>\r\n  </div>\r\n</monkey-modal>", styles: ["monkeyecx-closed-to-maintenance .body{padding:24px;width:100%}monkeyecx-closed-to-maintenance .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53}monkeyecx-closed-to-maintenance .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-closed-to-maintenance .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-closed-to-maintenance .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-closed-to-maintenance monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe, "monkeyecxFormatDateTimelapse": MonkeyEcxFormatDateTimelapsePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ClosedToMaintenanceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'monkeyecx-closed-to-maintenance', encapsulation: ViewEncapsulation.None, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\n    <span class=\"h2\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.TITLE' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-1' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-2' | translate }}\n    </span>\n    <span class=\"information mt-3\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-3' | translate }}\n      {{ _configBoostrap?.maintenance?.endDate | monkeyecxFormatDateTimelapse: true }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-4' | translate }}\n    </span>\n  </div>\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.BUTTONS.UPDATE-MAINTENANCE' | translate }}\n    </monkey-button>\n  </div>\n</monkey-modal>", styles: ["monkeyecx-closed-to-maintenance .body{padding:24px;width:100%}monkeyecx-closed-to-maintenance .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53}monkeyecx-closed-to-maintenance .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-closed-to-maintenance .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-closed-to-maintenance .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-closed-to-maintenance monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"] }]
+            args: [{ selector: 'monkeyecx-closed-to-maintenance', encapsulation: ViewEncapsulation.None, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n    <span class=\"h2\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.TITLE' | translate }}\r\n    </span>\r\n    <span class=\"information-title mt-4\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-1' | translate }}\r\n    </span>\r\n    <span class=\"information-title mt-4\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-2' | translate }}\r\n    </span>\r\n    <span class=\"information mt-3\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-3' | translate }}\r\n      {{ _configBootstrap?.maintenance?.endDate | monkeyecxFormatDateTimelapse: true }}\r\n    </span>\r\n    <span class=\"information-title mt-4\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.INFORMATION-4' | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\r\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'SCREENS.CLOSED-TO-MAINTENANCE.BUTTONS.UPDATE-MAINTENANCE' | translate }}\r\n    </monkey-button>\r\n  </div>\r\n</monkey-modal>", styles: ["monkeyecx-closed-to-maintenance .body{padding:24px;width:100%}monkeyecx-closed-to-maintenance .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53}monkeyecx-closed-to-maintenance .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-closed-to-maintenance .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-closed-to-maintenance .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-closed-to-maintenance monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], modalRef: [{
@@ -1622,10 +1622,10 @@ class MonkeyEcxProgressBarComponent {
     }
 }
 MonkeyEcxProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxProgressBarComponent, deps: [{ token: MonkeyEcxProgressBarService }], target: i0.ɵɵFactoryTarget.Component });
-MonkeyEcxProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MonkeyEcxProgressBarComponent, selector: "monkeyecx-progress-bar", ngImport: i0, template: "<ng-container *ngIf=\"visible\">\n  <progress class=\"monkey-progress monkey-progress__theme\"></progress>\n</ng-container>\n", styles: ["monkeyecx-progress-bar{position:absolute;width:100%;margin-top:-9.5px;z-index:99998}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+MonkeyEcxProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MonkeyEcxProgressBarComponent, selector: "monkeyecx-progress-bar", ngImport: i0, template: "<ng-container *ngIf=\"visible\">\r\n  <progress class=\"monkey-progress monkey-progress__theme\"></progress>\r\n</ng-container>\r\n", styles: ["monkeyecx-progress-bar{position:absolute;width:100%;margin-top:-9.5px;z-index:99998}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'monkeyecx-progress-bar', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"visible\">\n  <progress class=\"monkey-progress monkey-progress__theme\"></progress>\n</ng-container>\n", styles: ["monkeyecx-progress-bar{position:absolute;width:100%;margin-top:-9.5px;z-index:99998}\n"] }]
+            args: [{ selector: 'monkeyecx-progress-bar', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"visible\">\r\n  <progress class=\"monkey-progress monkey-progress__theme\"></progress>\r\n</ng-container>\r\n", styles: ["monkeyecx-progress-bar{position:absolute;width:100%;margin-top:-9.5px;z-index:99998}\n"] }]
         }], ctorParameters: function () { return [{ type: MonkeyEcxProgressBarService }]; } });
 
 class MonkeyEcxProgressBarModule {
@@ -1651,10 +1651,10 @@ class VersionChangedComponent {
     }
 }
 VersionChangedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: VersionChangedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VersionChangedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: VersionChangedComponent, selector: "monkeyecx-version-changed", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\n    <span class=\"h2\">\n      {{ 'SCREENS.VERSION-CHANGED.TITLE' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.VERSION-CHANGED.INFORMATION-1' | translate }}\n    </span>\n    <span class=\"information mt-3\">\n      {{ 'SCREENS.VERSION-CHANGED.INFORMATION-2' | translate }}\n    </span>\n  </div>\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\n      {{ 'SCREENS.VERSION-CHANGED.BUTTONS.UPDATE-VERSION' | translate }}\n    </monkey-button>\n  </div>\n</monkey-modal>", styles: ["monkeyecx-version-changed .body{padding:24px;width:100%}monkeyecx-version-changed .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-version-changed .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-version-changed .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-version-changed .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-version-changed monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+VersionChangedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: VersionChangedComponent, selector: "monkeyecx-version-changed", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n    <span class=\"h2\">\r\n      {{ 'SCREENS.VERSION-CHANGED.TITLE' | translate }}\r\n    </span>\r\n    <span class=\"information-title mt-4\">\r\n      {{ 'SCREENS.VERSION-CHANGED.INFORMATION-1' | translate }}\r\n    </span>\r\n    <span class=\"information mt-3\">\r\n      {{ 'SCREENS.VERSION-CHANGED.INFORMATION-2' | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\r\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'SCREENS.VERSION-CHANGED.BUTTONS.UPDATE-VERSION' | translate }}\r\n    </monkey-button>\r\n  </div>\r\n</monkey-modal>", styles: ["monkeyecx-version-changed .body{padding:24px;width:100%}monkeyecx-version-changed .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-version-changed .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-version-changed .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-version-changed .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-version-changed monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: VersionChangedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'monkeyecx-version-changed', encapsulation: ViewEncapsulation.None, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\n    <span class=\"h2\">\n      {{ 'SCREENS.VERSION-CHANGED.TITLE' | translate }}\n    </span>\n    <span class=\"information-title mt-4\">\n      {{ 'SCREENS.VERSION-CHANGED.INFORMATION-1' | translate }}\n    </span>\n    <span class=\"information mt-3\">\n      {{ 'SCREENS.VERSION-CHANGED.INFORMATION-2' | translate }}\n    </span>\n  </div>\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\n      {{ 'SCREENS.VERSION-CHANGED.BUTTONS.UPDATE-VERSION' | translate }}\n    </monkey-button>\n  </div>\n</monkey-modal>", styles: ["monkeyecx-version-changed .body{padding:24px;width:100%}monkeyecx-version-changed .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-version-changed .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-version-changed .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-version-changed .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-version-changed monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"] }]
+            args: [{ selector: 'monkeyecx-version-changed', encapsulation: ViewEncapsulation.None, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n    <span class=\"h2\">\r\n      {{ 'SCREENS.VERSION-CHANGED.TITLE' | translate }}\r\n    </span>\r\n    <span class=\"information-title mt-4\">\r\n      {{ 'SCREENS.VERSION-CHANGED.INFORMATION-1' | translate }}\r\n    </span>\r\n    <span class=\"information mt-3\">\r\n      {{ 'SCREENS.VERSION-CHANGED.INFORMATION-2' | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"d-flex flex-column justify-content-center align-items-center mt-5\">\r\n    <monkey-button type=\"primary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'SCREENS.VERSION-CHANGED.BUTTONS.UPDATE-VERSION' | translate }}\r\n    </monkey-button>\r\n  </div>\r\n</monkey-modal>", styles: ["monkeyecx-version-changed .body{padding:24px;width:100%}monkeyecx-version-changed .information-title{font-style:normal;font-weight:600;font-size:25px;line-height:32px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-version-changed .information{font-style:normal;font-weight:400;font-size:20px;line-height:24px;display:flex;align-items:center;text-align:center;color:#4b4a53;max-width:600px}monkeyecx-version-changed .browser-name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#9c9ca6}monkeyecx-version-changed .option{text-decoration:none;padding:4px;background:#eee;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:16px}monkeyecx-version-changed monkey-modal mecx-monkey-modal .body{margin-bottom:0!important}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], modalRef: [{
@@ -2960,7 +2960,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
         }], ctorParameters: function () { return [{ type: MonkeyEcxService }, { type: i1$1.TranslateService }, { type: MonkeyEcxCookieStorageService }, { type: MonkeyEcxErrorConfigService }]; }, propDecorators: { apply: [] } });
 
 class MonkeyEcxLogsConfigService {
-    apply(params, configBoostrap, environment, identifyCode) {
+    apply(params, configBootstrap, environment, identifyCode) {
         const { program, logs } = params;
         if (logs?.enabled && environment.environment !== 'dev') {
             datadogRum.init({
@@ -2971,7 +2971,7 @@ class MonkeyEcxLogsConfigService {
                 sampleRate: 100,
                 replaySampleRate: 100,
                 env: `monkey-front-${identifyCode}-${environment.environment}`,
-                version: configBoostrap?.version,
+                version: configBootstrap?.version,
                 trackInteractions: true,
                 trackSessionAcrossSubdomains: true,
                 useSecureSessionCookie: true,
@@ -3270,29 +3270,29 @@ class MonkeyEcxConfigService extends MonkeyEcxCommonsService {
         this.monkeyGAConfigService = monkeyGAConfigService;
         this.monkeyEcxAlertsConfigService = monkeyEcxAlertsConfigService;
         this.configSubject$ = new BehaviorSubject({});
-        this.configBoostrapSubject$ = new BehaviorSubject({});
+        this.configBootstrapSubject$ = new BehaviorSubject({});
     }
     internalValidations(...args) {
         const { monkeyecxServiceWorkerConfigService, monkeyecxSecurityConsoleConfigService, monkeyecxMaintenanceConfigService } = this;
-        const configBoostrap = args[0];
+        const configBootstrap = args[0];
         const callback = args[1];
         monkeyecxSecurityConsoleConfigService.apply();
-        monkeyecxServiceWorkerConfigService.apply(configBoostrap);
-        monkeyecxMaintenanceConfigService.apply(configBoostrap);
-        callback(configBoostrap);
+        monkeyecxServiceWorkerConfigService.apply(configBootstrap);
+        monkeyecxMaintenanceConfigService.apply(configBootstrap);
+        callback(configBootstrap);
     }
-    getWhiteLabelSettings(monkeyecxCode, configBoostrap, callback, environment, identifyCode) {
+    getWhiteLabelSettings(monkeyecxCode, configBootstrap, callback, environment, identifyCode) {
         const { monkeyecxService, monkeyecxi18nConfigService, configSubject$, monkeyStyleGuideSettingsService, monkeyecxLogsConfigService, monkeyecxErrorConfigService, monkeyEcxFeatureToggleService, monkeyGAConfigService, monkeyEcxAlertsConfigService, internalValidations } = this;
         const url = `${environment.urlAssets}/${monkeyecxCode.toLowerCase()}`;
         monkeyecxService
             ?.get(`${url}/white-label.json`)
             ?.subscribe((config) => {
             monkeyecxi18nConfigService.apply(config, environment);
-            monkeyecxLogsConfigService.apply(config, configBoostrap, environment, identifyCode);
+            monkeyecxLogsConfigService.apply(config, configBootstrap, environment, identifyCode);
             monkeyEcxFeatureToggleService.apply(configSubject$, environment);
             monkeyGAConfigService.apply(config, environment);
             monkeyEcxAlertsConfigService.apply(config);
-            monkeyStyleGuideSettingsService.boostrap(`${url}/monkey-style-guide-settings.json`, internalValidations.bind(this, configBoostrap, callback, environment));
+            monkeyStyleGuideSettingsService.bootstrap(`${url}/monkey-style-guide-settings.json`, internalValidations.bind(this, configBootstrap, callback, environment));
             configSubject$.next(config);
         }, (err) => {
             monkeyecxErrorConfigService.apply('theme');
@@ -3301,9 +3301,9 @@ class MonkeyEcxConfigService extends MonkeyEcxCommonsService {
         });
     }
     init(callback, environment, identifyCode, monkeyecxCode) {
-        const { monkeyecxService, configBoostrapSubject$, monkeyecxErrorConfigService } = this;
+        const { monkeyecxService, configBootstrapSubject$, monkeyecxErrorConfigService } = this;
         monkeyecxService
-            ?.get(`${environment.boostrapAssets}`, {
+            ?.get(`${environment.bootstrapAssets}`, {
             observe: 'response'
         })
             ?.subscribe((resp) => {
@@ -3311,23 +3311,23 @@ class MonkeyEcxConfigService extends MonkeyEcxCommonsService {
             const monkeyCode = headers.get('monkey-code') || monkeyecxCode;
             if (monkeyCode) {
                 this.getWhiteLabelSettings(monkeyCode, body, callback, environment, identifyCode);
-                configBoostrapSubject$.next(body);
+                configBootstrapSubject$.next(body);
             }
             else {
                 monkeyecxErrorConfigService.apply('theme');
-                console.error(`Boostrap ${monkeyCode} Configuration not found!`);
+                console.error(`Bootstrap ${monkeyCode} Configuration not found!`);
             }
         }, (err) => {
             monkeyecxErrorConfigService.apply('theme');
-            console.error('Boostrap Configuration not found!');
+            console.error('Bootstrap Configuration not found!');
             throwError(err);
         });
     }
     config() {
         return this.configSubject$.asObservable();
     }
-    boostrapConfig() {
-        return this.configBoostrapSubject$.asObservable();
+    bootstrapConfig() {
+        return this.configBootstrapSubject$.asObservable();
     }
 }
 MonkeyEcxConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxConfigService, deps: [{ token: MonkeyEcxService }, { token: MonkeyEcxi18nConfigService }, { token: MonkeyEcxLogsConfigService }, { token: i1.MonkeyStyleGuideSettingsService }, { token: MonkeyEcxServiceWorkerConfigService }, { token: MonkeyEcxSecurityConsoleConfigService }, { token: MonkeyEcxMaintenanceConfigService }, { token: MonkeyEcxErrorConfigService }, { token: MonkeyEcxFeatureToggleService }, { token: MonkeyEcxGAConfigService }, { token: MonkeyEcxAlertsConfigService }], target: i0.ɵɵFactoryTarget.Injectable });