npm - @unifylib/ui-lib - Versions diffs - 1.1.13 → 1.1.14 - Mend

@unifylib/ui-lib 1.1.13 → 1.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/esm2022/lib/components/action-confirmation/action-confirmation.component.mjs CHANGED Viewed

@@ -1,19 +1,25 @@
-import { Component, HostListener, Inject } from '@angular/core';
+import { Component, HostListener, Inject, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { MAT_DIALOG_DATA } from "@angular/material/dialog";
 import { TranslateModule } from "@ngx-translate/core";
 import { MatButton, MatIconButton } from "@angular/material/button";
 import { MatIcon } from "@angular/material/icon";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/dialog";
-import * as i2 from "@ngx-translate/core";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
 export class ActionConfirmationComponent {
     constructor(dialogRef, data) {
         this.dialogRef = dialogRef;
         this.data = data;
+        this.icon = { name: 'check_circle', color: '#0d7d6a' };
         this.acceptActionLabel = '';
         this.rejectActionLabel = '';
         this.subMsg = '';
         this.titleMsg = '';
+        this.listTitle = '';
+        this.listMessages = [];
+        this.extraWarningMsg = '';
         this.currentDirection = 'ltr';
         dialogRef.disableClose = true;
     }
@@ -25,7 +31,11 @@ export class ActionConfirmationComponent {
         this.rejectActionLabel = this.data.rejectActionLabel || 'reject';
         this.subMsg = this.data.warningMsg || '';
         this.titleMsg = this.data.confirmMsg || '';
+        this.listTitle = this.data.listTitle || '';
+        this.listMessages = this.data.listMessages || [];
+        this.extraWarningMsg = this.data.extraWarningMsg || '';
         this.currentDirection = this.data.direction;
+        this.icon = this.data.icon || { name: 'check_circle', color: '#0d7d6a' };
     }
     commentAndClose() {
         this.dialogRef.close('accept');
@@ -35,21 +45,24 @@ export class ActionConfirmationComponent {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionConfirmationComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionConfirmationComponent, isStandalone: true, selector: "app-action-confirmation", host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"header-row\">\r\n    <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n    <button mat-icon-button class=\"close-btn\" (click)=\"cancel()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <p class=\"message\">\r\n    {{ subMsg | translate }}\r\n  </p>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      mat-stroked-button\r\n      class=\"btn-none-background-primary btn-cancel\"\r\n      (click)=\"cancel()\"\r\n      id=\"rejectActionLabel\">\r\n      {{ rejectActionLabel | translate }}\r\n    </button>\r\n\r\n    <button\r\n      mat-flat-button\r\n      class=\"btn-background-primary btn-confirm\"\r\n      (click)=\"commentAndClose()\"\r\n      id=\"acceptActionLabel\">\r\n      {{ acceptActionLabel | translate }}\r\n    </button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:32px;min-width:500px;box-sizing:border-box}.header-row{display:flex;justify-content:space-between;align-items:center}.title{margin:0;font-size:20px;font-weight:700;color:#222}.close-btn mat-icon{font-size:24px;color:#333}.message{margin-top:20px;font-size:16px;color:#333}.actions{display:flex;justify-content:flex-end;gap:16px;margin-top:40px}.btn-cancel{width:121px!important;margin:0!important}.btn-confirm{width:auto!important;margin:0!important}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionConfirmationComponent, isStandalone: true, selector: "app-action-confirmation", inputs: { icon: "icon" }, host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"header-section\">\r\n    <div class=\"header-row\">\r\n      <div class=\"icon-container\">\r\n        <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n      </div>\r\n      <button mat-icon-button class=\"close-btn\" (click)=\"cancel()\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n    <div class=\"title-container\">\r\n      <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"message-container\">\r\n    <p class=\"message\" *ngIf=\"subMsg\">\r\n      {{ subMsg | translate }}\r\n    </p>\r\n\r\n    <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n      <p class=\"list-title\" *ngIf=\"listTitle\"><strong>{{ listTitle | translate }}</strong></p>\r\n      <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n        <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n          {{ message | translate }}\r\n        </li>\r\n      </ul>\r\n    </div>\r\n\r\n    <p class=\"extra-warning\" *ngIf=\"extraWarningMsg\">\r\n      {{ extraWarningMsg | translate }}\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      mat-stroked-button\r\n      class=\"btn-cancel\"\r\n      (click)=\"cancel()\"\r\n      id=\"rejectActionLabel\">\r\n      {{ rejectActionLabel | translate }}\r\n    </button>\r\n\r\n    <button\r\n      mat-flat-button\r\n      class=\"btn-confirm\"\r\n      (click)=\"commentAndClose()\"\r\n      id=\"acceptActionLabel\">\r\n      {{ acceptActionLabel | translate }}\r\n    </button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:24px;min-width:547px;box-sizing:border-box;background:#fff;border:1px solid #f0eeee;border-radius:8px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;display:flex;flex-direction:column;gap:8px}.header-section{display:flex;flex-direction:column;gap:8px;width:100%}.header-row{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:32px}.title-container{display:flex;align-items:flex-start;width:100%}.icon-container{width:32px;height:32px;background:#edfffa;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{font-size:32px;width:32px;height:38px;line-height:32px}.title{margin:0;font-size:20px;font-weight:500;font-family:lusail-medium,sans-serif;color:#222;line-height:1.2}.close-btn{position:absolute;right:0;top:0;width:24px;height:24px;padding:0;flex-shrink:0;background:transparent!important;border:none!important}.close-btn mat-icon{font-size:24px;width:24px;height:24px;color:#222;line-height:24px}.message-container{padding:0 0 16px;width:100%}.message{margin:0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-section{margin-top:8px}.list-title{margin:0 0 8px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-messages{margin:0;padding-left:20px;list-style-type:disc}.list-item{margin:0 0 4px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-item:last-child{margin-bottom:0}.extra-warning{margin:16px 0 0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;width:100%}.btn-cancel{width:122px;height:32px;margin:0!important;background:#fff;border:1px solid #3E627B!important;border-radius:8px;color:#3e627b!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{height:32px;margin:0!important;background:#0d4261!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center;min-width:auto}.btn-confirm:hover{background:#082b41}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionConfirmationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-action-confirmation', standalone: true, imports: [
+                        CommonModule,
                         TranslateModule,
                         MatButton,
                         MatIconButton,
                         MatIcon
-                    ], template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"header-row\">\r\n    <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n    <button mat-icon-button class=\"close-btn\" (click)=\"cancel()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <p class=\"message\">\r\n    {{ subMsg | translate }}\r\n  </p>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      mat-stroked-button\r\n      class=\"btn-none-background-primary btn-cancel\"\r\n      (click)=\"cancel()\"\r\n      id=\"rejectActionLabel\">\r\n      {{ rejectActionLabel | translate }}\r\n    </button>\r\n\r\n    <button\r\n      mat-flat-button\r\n      class=\"btn-background-primary btn-confirm\"\r\n      (click)=\"commentAndClose()\"\r\n      id=\"acceptActionLabel\">\r\n      {{ acceptActionLabel | translate }}\r\n    </button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:32px;min-width:500px;box-sizing:border-box}.header-row{display:flex;justify-content:space-between;align-items:center}.title{margin:0;font-size:20px;font-weight:700;color:#222}.close-btn mat-icon{font-size:24px;color:#333}.message{margin-top:20px;font-size:16px;color:#333}.actions{display:flex;justify-content:flex-end;gap:16px;margin-top:40px}.btn-cancel{width:121px!important;margin:0!important}.btn-confirm{width:auto!important;margin:0!important}\n"] }]
+                    ], template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"header-section\">\r\n    <div class=\"header-row\">\r\n      <div class=\"icon-container\">\r\n        <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n      </div>\r\n      <button mat-icon-button class=\"close-btn\" (click)=\"cancel()\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n    <div class=\"title-container\">\r\n      <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"message-container\">\r\n    <p class=\"message\" *ngIf=\"subMsg\">\r\n      {{ subMsg | translate }}\r\n    </p>\r\n\r\n    <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n      <p class=\"list-title\" *ngIf=\"listTitle\"><strong>{{ listTitle | translate }}</strong></p>\r\n      <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n        <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n          {{ message | translate }}\r\n        </li>\r\n      </ul>\r\n    </div>\r\n\r\n    <p class=\"extra-warning\" *ngIf=\"extraWarningMsg\">\r\n      {{ extraWarningMsg | translate }}\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      mat-stroked-button\r\n      class=\"btn-cancel\"\r\n      (click)=\"cancel()\"\r\n      id=\"rejectActionLabel\">\r\n      {{ rejectActionLabel | translate }}\r\n    </button>\r\n\r\n    <button\r\n      mat-flat-button\r\n      class=\"btn-confirm\"\r\n      (click)=\"commentAndClose()\"\r\n      id=\"acceptActionLabel\">\r\n      {{ acceptActionLabel | translate }}\r\n    </button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:24px;min-width:547px;box-sizing:border-box;background:#fff;border:1px solid #f0eeee;border-radius:8px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;display:flex;flex-direction:column;gap:8px}.header-section{display:flex;flex-direction:column;gap:8px;width:100%}.header-row{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:32px}.title-container{display:flex;align-items:flex-start;width:100%}.icon-container{width:32px;height:32px;background:#edfffa;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{font-size:32px;width:32px;height:38px;line-height:32px}.title{margin:0;font-size:20px;font-weight:500;font-family:lusail-medium,sans-serif;color:#222;line-height:1.2}.close-btn{position:absolute;right:0;top:0;width:24px;height:24px;padding:0;flex-shrink:0;background:transparent!important;border:none!important}.close-btn mat-icon{font-size:24px;width:24px;height:24px;color:#222;line-height:24px}.message-container{padding:0 0 16px;width:100%}.message{margin:0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-section{margin-top:8px}.list-title{margin:0 0 8px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-messages{margin:0;padding-left:20px;list-style-type:disc}.list-item{margin:0 0 4px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-item:last-child{margin-bottom:0}.extra-warning{margin:16px 0 0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;width:100%}.btn-cancel{width:122px;height:32px;margin:0!important;background:#fff;border:1px solid #3E627B!important;border-radius:8px;color:#3e627b!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{height:32px;margin:0!important;background:#0d4261!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center;min-width:auto}.btn-confirm:hover{background:#082b41}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }], propDecorators: { onKeyUp: [{
+                }] }], propDecorators: { icon: [{
+                type: Input
+            }], onKeyUp: [{
                 type: HostListener,
                 args: ['window:keyup.esc']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1jb25maXJtYXRpb24vYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1jb25maXJtYXRpb24vYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFlLFlBQVksRUFBRSxNQUFNLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUNMLGVBQWUsRUFLaEIsTUFBTSwwQkFBMEIsQ0FBQztBQUVsQyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFDLFNBQVMsRUFBRSxhQUFhLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRSxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFjL0MsTUFBTSxPQUFPLDJCQUEyQjtJQU10QyxZQUFtQixTQUFvRCxFQUMzQixJQUFTO1FBRGxDLGNBQVMsR0FBVCxTQUFTLENBQTJDO1FBQzNCLFNBQUksR0FBSixJQUFJLENBQUs7UUFOckQsc0JBQWlCLEdBQVcsRUFBRSxDQUFBO1FBQzlCLHNCQUFpQixHQUFXLEVBQUUsQ0FBQTtRQUM5QixXQUFNLEdBQVksRUFBRSxDQUFDO1FBQ3JCLGFBQVEsR0FBWSxFQUFFLENBQUM7UUFDdkIscUJBQWdCLEdBQWtCLEtBQUssQ0FBQztRQUd0QyxTQUFTLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBQ2lDLE9BQU87UUFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLFFBQVEsQ0FBRTtRQUNsRSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxRQUFRLENBQUM7UUFDakUsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUM7UUFDekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUM7UUFDM0MsSUFBSSxDQUFDLGdCQUFnQixHQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQy9DLENBQUM7SUFHRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFL0IsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekIsQ0FBQzsrR0E5QlUsMkJBQTJCLDhDQU9sQixlQUFlO21HQVB4QiwyQkFBMkIsNklDekJ4QywwM0JBZ0NBLHFoQkRmSSxlQUFlLDRGQUNmLFNBQVMsaUxBQ1QsYUFBYSw2RkFDYixPQUFPOzs0RkFLRSwyQkFBMkI7a0JBWnZDLFNBQVM7K0JBQ0UseUJBQXlCLGNBQ3ZCLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLFNBQVM7d0JBQ1QsYUFBYTt3QkFDYixPQUFPO3FCQUNSOzswQkFXWSxNQUFNOzJCQUFDLGVBQWU7eUNBR0QsT0FBTztzQkFBeEMsWUFBWTt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5qZWN0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIE1BVF9ESUFMT0dfREFUQSxcclxuICBNYXREaWFsb2dBY3Rpb25zLFxyXG4gIE1hdERpYWxvZ0NvbnRlbnQsXHJcbiAgTWF0RGlhbG9nUmVmLFxyXG4gIE1hdERpYWxvZ1RpdGxlXHJcbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xyXG5pbXBvcnQge01hdEZvcm1GaWVsZH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGRcIjtcclxuaW1wb3J0IHtUcmFuc2xhdGVNb2R1bGV9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XHJcbmltcG9ydCB7TWF0QnV0dG9uLCBNYXRJY29uQnV0dG9ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uXCI7XHJcbmltcG9ydCB7TWF0SWNvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWFjdGlvbi1jb25maXJtYXRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uLFxyXG4gICAgTWF0SWNvbkJ1dHRvbixcclxuICAgIE1hdEljb25cclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aW9uQ29uZmlybWF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBhY2NlcHRBY3Rpb25MYWJlbCA6IHN0cmluZyA9JydcclxuICByZWplY3RBY3Rpb25MYWJlbCA6IHN0cmluZyA9JydcclxuICBzdWJNc2cgOiBzdHJpbmcgPSAnJztcclxuICB0aXRsZU1zZyA6IHN0cmluZyA9ICcnO1xyXG4gIGN1cnJlbnREaXJlY3Rpb246ICdsdHInIHwgJ3J0bCcgPSAnbHRyJztcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8QWN0aW9uQ29uZmlybWF0aW9uQ29tcG9uZW50PixcclxuICAgICAgICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSkge1xyXG4gICAgZGlhbG9nUmVmLmRpc2FibGVDbG9zZSA9IHRydWU7XHJcbiAgfVxyXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzprZXl1cC5lc2MnKSBvbktleVVwKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmFjY2VwdEFjdGlvbkxhYmVsID0gdGhpcy5kYXRhLmFjY2VwdEFjdGlvbkxhYmVsIHx8ICdhY2NlcHQnIDtcclxuICAgIHRoaXMucmVqZWN0QWN0aW9uTGFiZWwgPSB0aGlzLmRhdGEucmVqZWN0QWN0aW9uTGFiZWwgfHwgJ3JlamVjdCc7XHJcbiAgICB0aGlzLnN1Yk1zZyA9IHRoaXMuZGF0YS53YXJuaW5nTXNnIHx8ICcnO1xyXG4gICAgdGhpcy50aXRsZU1zZyA9IHRoaXMuZGF0YS5jb25maXJtTXNnIHx8ICcnO1xyXG4gICAgdGhpcy5jdXJyZW50RGlyZWN0aW9uICA9IHRoaXMuZGF0YS5kaXJlY3Rpb247XHJcbiAgfVxyXG5cclxuXHJcbiAgY29tbWVudEFuZENsb3NlKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoJ2FjY2VwdCcpO1xyXG5cclxuICAgIHJldHVybiBcIlwiO1xyXG4gIH1cclxuXHJcbiAgY2FuY2VsKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb25maXJtLWRpYWxvZ1wiIFtkaXJdPVwiY3VycmVudERpcmVjdGlvblwiPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXJvd1wiPlxyXG4gICAgPGgyIGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZU1zZyB8IHRyYW5zbGF0ZSB9fTwvaDI+XHJcbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjbGFzcz1cImNsb3NlLWJ0blwiIChjbGljayk9XCJjYW5jZWwoKVwiPlxyXG4gICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxwIGNsYXNzPVwibWVzc2FnZVwiPlxyXG4gICAge3sgc3ViTXNnIHwgdHJhbnNsYXRlIH19XHJcbiAgPC9wPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICBtYXQtc3Ryb2tlZC1idXR0b25cclxuICAgICAgY2xhc3M9XCJidG4tbm9uZS1iYWNrZ3JvdW5kLXByaW1hcnkgYnRuLWNhbmNlbFwiXHJcbiAgICAgIChjbGljayk9XCJjYW5jZWwoKVwiXHJcbiAgICAgIGlkPVwicmVqZWN0QWN0aW9uTGFiZWxcIj5cclxuICAgICAge3sgcmVqZWN0QWN0aW9uTGFiZWwgfCB0cmFuc2xhdGUgfX1cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuICAgIDxidXR0b25cclxuICAgICAgbWF0LWZsYXQtYnV0dG9uXHJcbiAgICAgIGNsYXNzPVwiYnRuLWJhY2tncm91bmQtcHJpbWFyeSBidG4tY29uZmlybVwiXHJcbiAgICAgIChjbGljayk9XCJjb21tZW50QW5kQ2xvc2UoKVwiXHJcbiAgICAgIGlkPVwiYWNjZXB0QWN0aW9uTGFiZWxcIj5cclxuICAgICAge3sgYWNjZXB0QWN0aW9uTGFiZWwgfCB0cmFuc2xhdGUgfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1jb25maXJtYXRpb24vYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1jb25maXJtYXRpb24vYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFlLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQ0wsZUFBZSxFQUtoQixNQUFNLDBCQUEwQixDQUFDO0FBRWxDLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsU0FBUyxFQUFFLGFBQWEsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ2xFLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7QUFvQi9DLE1BQU0sT0FBTywyQkFBMkI7SUFVdEMsWUFBbUIsU0FBb0QsRUFDM0IsSUFBUztRQURsQyxjQUFTLEdBQVQsU0FBUyxDQUEyQztRQUMzQixTQUFJLEdBQUosSUFBSSxDQUFLO1FBVjVDLFNBQUksR0FBZSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDO1FBQ3ZFLHNCQUFpQixHQUFXLEVBQUUsQ0FBQTtRQUM5QixzQkFBaUIsR0FBVyxFQUFFLENBQUE7UUFDOUIsV0FBTSxHQUFZLEVBQUUsQ0FBQztRQUNyQixhQUFRLEdBQVksRUFBRSxDQUFDO1FBQ3ZCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFDdkIsaUJBQVksR0FBYSxFQUFFLENBQUM7UUFDNUIsb0JBQWUsR0FBVyxFQUFFLENBQUM7UUFDN0IscUJBQWdCLEdBQWtCLEtBQUssQ0FBQztRQUd0QyxTQUFTLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBQ2lDLE9BQU87UUFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLFFBQVEsQ0FBRTtRQUNsRSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxRQUFRLENBQUM7UUFDakUsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUM7UUFDekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUM7UUFDM0MsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxFQUFFLENBQUM7UUFDM0MsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxFQUFFLENBQUM7UUFDakQsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsSUFBSSxFQUFFLENBQUM7UUFDdkQsSUFBSSxDQUFDLGdCQUFnQixHQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQzdDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsQ0FBQztJQUMzRSxDQUFDO0lBR0QsZUFBZTtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRS9CLE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pCLENBQUM7K0dBdENVLDJCQUEyQiw4Q0FXbEIsZUFBZTttR0FYeEIsMkJBQTJCLHVLQ2hDeEMseXJEQXNEQSxvZ0ZEL0JJLFlBQVksK1BBQ1osZUFBZSw0RkFDZixTQUFTLGlMQUNULGFBQWEsNkZBQ2IsT0FBTzs7NEZBS0UsMkJBQTJCO2tCQWJ2QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLFNBQVM7d0JBQ1QsYUFBYTt3QkFDYixPQUFPO3FCQUNSOzswQkFlWSxNQUFNOzJCQUFDLGVBQWU7eUNBVjFCLElBQUk7c0JBQVosS0FBSztnQkFhNEIsT0FBTztzQkFBeEMsWUFBWTt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5qZWN0LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcbiAgTUFUX0RJQUxPR19EQVRBLFxyXG4gIE1hdERpYWxvZ0FjdGlvbnMsXHJcbiAgTWF0RGlhbG9nQ29udGVudCxcclxuICBNYXREaWFsb2dSZWYsXHJcbiAgTWF0RGlhbG9nVGl0bGVcclxufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcbmltcG9ydCB7TWF0Rm9ybUZpZWxkfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xyXG5pbXBvcnQge1RyYW5zbGF0ZU1vZHVsZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcclxuaW1wb3J0IHtNYXRCdXR0b24sIE1hdEljb25CdXR0b259IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9idXR0b25cIjtcclxuaW1wb3J0IHtNYXRJY29ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvblwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJY29uQ29uZmlnIHtcclxuICBuYW1lOiBzdHJpbmc7XHJcbiAgY29sb3I6IHN0cmluZztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtYWN0aW9uLWNvbmZpcm1hdGlvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBUcmFuc2xhdGVNb2R1bGUsXHJcbiAgICBNYXRCdXR0b24sXHJcbiAgICBNYXRJY29uQnV0dG9uLFxyXG4gICAgTWF0SWNvblxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1jb25maXJtYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hY3Rpb24tY29uZmlybWF0aW9uLmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBY3Rpb25Db25maXJtYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGljb246IEljb25Db25maWcgPSB7IG5hbWU6ICdjaGVja19jaXJjbGUnLCBjb2xvcjogJyMwZDdkNmEnIH07XHJcbiAgYWNjZXB0QWN0aW9uTGFiZWwgOiBzdHJpbmcgPScnXHJcbiAgcmVqZWN0QWN0aW9uTGFiZWwgOiBzdHJpbmcgPScnXHJcbiAgc3ViTXNnIDogc3RyaW5nID0gJyc7XHJcbiAgdGl0bGVNc2cgOiBzdHJpbmcgPSAnJztcclxuICBsaXN0VGl0bGU6IHN0cmluZyA9ICcnO1xyXG4gIGxpc3RNZXNzYWdlczogc3RyaW5nW10gPSBbXTtcclxuICBleHRyYVdhcm5pbmdNc2c6IHN0cmluZyA9ICcnO1xyXG4gIGN1cnJlbnREaXJlY3Rpb246ICdsdHInIHwgJ3J0bCcgPSAnbHRyJztcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8QWN0aW9uQ29uZmlybWF0aW9uQ29tcG9uZW50PixcclxuICAgICAgICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSkge1xyXG4gICAgZGlhbG9nUmVmLmRpc2FibGVDbG9zZSA9IHRydWU7XHJcbiAgfVxyXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzprZXl1cC5lc2MnKSBvbktleVVwKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmFjY2VwdEFjdGlvbkxhYmVsID0gdGhpcy5kYXRhLmFjY2VwdEFjdGlvbkxhYmVsIHx8ICdhY2NlcHQnIDtcclxuICAgIHRoaXMucmVqZWN0QWN0aW9uTGFiZWwgPSB0aGlzLmRhdGEucmVqZWN0QWN0aW9uTGFiZWwgfHwgJ3JlamVjdCc7XHJcbiAgICB0aGlzLnN1Yk1zZyA9IHRoaXMuZGF0YS53YXJuaW5nTXNnIHx8ICcnO1xyXG4gICAgdGhpcy50aXRsZU1zZyA9IHRoaXMuZGF0YS5jb25maXJtTXNnIHx8ICcnO1xyXG4gICAgdGhpcy5saXN0VGl0bGUgPSB0aGlzLmRhdGEubGlzdFRpdGxlIHx8ICcnO1xyXG4gICAgdGhpcy5saXN0TWVzc2FnZXMgPSB0aGlzLmRhdGEubGlzdE1lc3NhZ2VzIHx8IFtdO1xyXG4gICAgdGhpcy5leHRyYVdhcm5pbmdNc2cgPSB0aGlzLmRhdGEuZXh0cmFXYXJuaW5nTXNnIHx8ICcnO1xyXG4gICAgdGhpcy5jdXJyZW50RGlyZWN0aW9uICA9IHRoaXMuZGF0YS5kaXJlY3Rpb247XHJcbiAgICB0aGlzLmljb24gPSB0aGlzLmRhdGEuaWNvbiB8fCB7IG5hbWU6ICdjaGVja19jaXJjbGUnLCBjb2xvcjogJyMwZDdkNmEnIH07XHJcbiAgfVxyXG5cclxuXHJcbiAgY29tbWVudEFuZENsb3NlKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoJ2FjY2VwdCcpO1xyXG5cclxuICAgIHJldHVybiBcIlwiO1xyXG4gIH1cclxuXHJcbiAgY2FuY2VsKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb25maXJtLWRpYWxvZ1wiIFtkaXJdPVwiY3VycmVudERpcmVjdGlvblwiPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXNlY3Rpb25cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItcm93XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImNoZWNrLWljb25cIiBbc3R5bGUuY29sb3JdPVwiaWNvbi5jb2xvclwiPnt7IGljb24ubmFtZSB9fTwvbWF0LWljb24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjbGFzcz1cImNsb3NlLWJ0blwiIChjbGljayk9XCJjYW5jZWwoKVwiPlxyXG4gICAgICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGl0bGUtY29udGFpbmVyXCI+XHJcbiAgICAgIDxoMiBjbGFzcz1cInRpdGxlXCI+e3sgdGl0bGVNc2cgfCB0cmFuc2xhdGUgfX08L2gyPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJtZXNzYWdlLWNvbnRhaW5lclwiPlxyXG4gICAgPHAgY2xhc3M9XCJtZXNzYWdlXCIgKm5nSWY9XCJzdWJNc2dcIj5cclxuICAgICAge3sgc3ViTXNnIHwgdHJhbnNsYXRlIH19XHJcbiAgICA8L3A+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImxpc3Qtc2VjdGlvblwiICpuZ0lmPVwibGlzdFRpdGxlIHx8IGxpc3RNZXNzYWdlcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgIDxwIGNsYXNzPVwibGlzdC10aXRsZVwiICpuZ0lmPVwibGlzdFRpdGxlXCI+PHN0cm9uZz57eyBsaXN0VGl0bGUgfCB0cmFuc2xhdGUgfX08L3N0cm9uZz48L3A+XHJcbiAgICAgIDx1bCBjbGFzcz1cImxpc3QtbWVzc2FnZXNcIiAqbmdJZj1cImxpc3RNZXNzYWdlcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBtZXNzYWdlIG9mIGxpc3RNZXNzYWdlc1wiIGNsYXNzPVwibGlzdC1pdGVtXCI+XHJcbiAgICAgICAgICB7eyBtZXNzYWdlIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgPC91bD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxwIGNsYXNzPVwiZXh0cmEtd2FybmluZ1wiICpuZ0lmPVwiZXh0cmFXYXJuaW5nTXNnXCI+XHJcbiAgICAgIHt7IGV4dHJhV2FybmluZ01zZyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9wPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICBtYXQtc3Ryb2tlZC1idXR0b25cclxuICAgICAgY2xhc3M9XCJidG4tY2FuY2VsXCJcclxuICAgICAgKGNsaWNrKT1cImNhbmNlbCgpXCJcclxuICAgICAgaWQ9XCJyZWplY3RBY3Rpb25MYWJlbFwiPlxyXG4gICAgICB7eyByZWplY3RBY3Rpb25MYWJlbCB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9idXR0b24+XHJcblxyXG4gICAgPGJ1dHRvblxyXG4gICAgICBtYXQtZmxhdC1idXR0b25cclxuICAgICAgY2xhc3M9XCJidG4tY29uZmlybVwiXHJcbiAgICAgIChjbGljayk9XCJjb21tZW50QW5kQ2xvc2UoKVwiXHJcbiAgICAgIGlkPVwiYWNjZXB0QWN0aW9uTGFiZWxcIj5cclxuICAgICAge3sgYWNjZXB0QWN0aW9uTGFiZWwgfCB0cmFuc2xhdGUgfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/components/section-form-canvas/section-form-canvas.component.mjs CHANGED Viewed

@@ -28,7 +28,7 @@ export class SectionFormCanvasComponent {
         this.buttonClicked.emit({ ...btn, sectionKey: sectionKey });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionFormCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SectionFormCanvasComponent, isStandalone: true, selector: "lib-section-form-canvas", inputs: { pageInfo: "pageInfo", fields: "fields", itemId: "itemId", editable: "editable", hideBackButton: "hideBackButton", item: "item", title: "title", isTranslateTitle: "isTranslateTitle", key: "key", hideToggle: "hideToggle", isExpanded: "isExpanded", alwaysOpen: "alwaysOpen", buttons: "buttons", itemStatus: "itemStatus" }, outputs: { actionEdit: "actionEdit", formEdit: "formEdit", buttonClicked: "buttonClicked" }, ngImport: i0, template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <div class=\"title-container\">\r\n        <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n          {{ pageInfo.labelsSection + '.' + title | translate }}\r\n        </h3>\r\n        <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 20px!important}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}.btn-none-background-primary{margin:0!important}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: BaseFormCanvasComponent, selector: "app-base-form-canvas", inputs: ["pageInfo", "currency", "fields", "errors", "workflowEditableFields", "isWorkflowEditableManaged", "supportingAttributes", "editable", "emitOnValueChanges", "item", "equationSuggestedFields", "currentEquationValue"], outputs: ["attachmentEmitter", "actionEmitter", "formUpdated", "hyperTextEvent", "currentEquationValueChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SectionFormCanvasComponent, isStandalone: true, selector: "lib-section-form-canvas", inputs: { pageInfo: "pageInfo", fields: "fields", itemId: "itemId", editable: "editable", hideBackButton: "hideBackButton", item: "item", title: "title", isTranslateTitle: "isTranslateTitle", key: "key", hideToggle: "hideToggle", isExpanded: "isExpanded", alwaysOpen: "alwaysOpen", buttons: "buttons", itemStatus: "itemStatus" }, outputs: { actionEdit: "actionEdit", formEdit: "formEdit", buttonClicked: "buttonClicked" }, ngImport: i0, template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <div class=\"title-container\">\r\n        <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n          {{ pageInfo.labelsSection + '.' + title | translate }}\r\n        </h3>\r\n        <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 20px!important}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}.btn-none-background-primary{margin:0!important}@media (max-width: 768px){.buttons-wrapper .action{min-height:32px!important;min-width:20px!important;width:auto!important;padding:0 12px!important;border-radius:9999px!important}.buttons-wrapper .action .mat-icon{font-size:18px!important;width:18px!important;height:22px!important}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: BaseFormCanvasComponent, selector: "app-base-form-canvas", inputs: ["pageInfo", "currency", "fields", "errors", "workflowEditableFields", "isWorkflowEditableManaged", "supportingAttributes", "editable", "emitOnValueChanges", "item", "equationSuggestedFields", "currentEquationValue"], outputs: ["attachmentEmitter", "actionEmitter", "formUpdated", "hyperTextEvent", "currentEquationValueChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionFormCanvasComponent, decorators: [{
             type: Component,
@@ -45,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         MatExpansionPanelDescription,
                         MatExpansionPanelHeader,
                         NgForOf
-                    ], template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <div class=\"title-container\">\r\n        <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n          {{ pageInfo.labelsSection + '.' + title | translate }}\r\n        </h3>\r\n        <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 20px!important}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}.btn-none-background-primary{margin:0!important}\n"] }]
+                    ], template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <div class=\"title-container\">\r\n        <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n          {{ pageInfo.labelsSection + '.' + title | translate }}\r\n        </h3>\r\n        <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 20px!important}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}.btn-none-background-primary{margin:0!important}@media (max-width: 768px){.buttons-wrapper .action{min-height:32px!important;min-width:20px!important;width:auto!important;padding:0 12px!important;border-radius:9999px!important}.buttons-wrapper .action .mat-icon{font-size:18px!important;width:18px!important;height:22px!important}}\n"] }]
         }], propDecorators: { pageInfo: [{
                 type: Input
             }], fields: [{
@@ -81,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], buttonClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tZm9ybS1jYW52YXMvc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tZm9ybS1jYW52YXMvc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFbkQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDdkYsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXBELE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsdUJBQXVCLEVBQ3ZCLDRCQUE0QixFQUM1QixzQkFBc0IsRUFDdkIsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBc0JyQyxNQUFNLE9BQU8sMEJBQTBCO0lBcEJ2QztRQThCVyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBQzNCLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDM0IsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMxQixlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkQsYUFBUSxHQUE0QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3hELFlBQU8sR0FBMkIsRUFBRSxDQUFDO1FBRXBDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQWNuRDtJQVpDLFdBQVcsQ0FBQyxNQUFNO1FBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRTdCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDckMsQ0FBQztJQUVELGFBQWEsQ0FBQyxHQUF5QixFQUFFLFVBQWtCO1FBQ3pELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsR0FBRyxHQUFHLEVBQUcsVUFBVSxFQUFFLFVBQVUsRUFBQyxDQUFDLENBQUM7SUFDN0QsQ0FBQzsrR0E5QlUsMEJBQTBCO21HQUExQiwwQkFBMEIsMGZDcEN2Qyx3akVBaURBLGdyREQ3QkksT0FBTywySUFDUCxTQUFTLGlMQUVULHVCQUF1QixtWkFDdkIsSUFBSSw2RkFDSixPQUFPLG1GQUNQLGVBQWUsNEZBQ2YsaUJBQWlCLHNMQUNqQixzQkFBc0IsNERBQ3RCLDRCQUE0QixrRUFDNUIsdUJBQXVCLGtJQUN2QixPQUFPOzs0RkFLRSwwQkFBMEI7a0JBcEJ0QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1A7d0JBQ1AsT0FBTzt3QkFDUCxTQUFTO3dCQUNULGlCQUFpQjt3QkFDakIsdUJBQXVCO3dCQUN2QixJQUFJO3dCQUNKLE9BQU87d0JBQ1AsZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLHNCQUFzQjt3QkFDdEIsNEJBQTRCO3dCQUM1Qix1QkFBdUI7d0JBQ3ZCLE9BQU87cUJBQ1I7OEJBS1EsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUNFLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtNYXRJY29ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvblwiO1xyXG5pbXBvcnQge01hdEJ1dHRvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xyXG5pbXBvcnQge0J1dHRvbkFjdGlvblNldHRpbmdzLCBGaWVsZEluZm8sIFBhZ2VJbmZvfSBmcm9tIFwiLi4vLi4vYmFzZS1tb2RlbFwiO1xyXG5pbXBvcnQge0Jhc2VGb3JtQ29tcG9uZW50fSBmcm9tIFwiLi4vYmFzZS1mb3JtL2Jhc2UtZm9ybS5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtCYXNlRm9ybUNhbnZhc0NvbXBvbmVudH0gZnJvbSBcIi4uL2Jhc2UtZm9ybS1jYW52YXMvYmFzZS1mb3JtLWNhbnZhcy5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtOZ0Zvck9mLCBOZ0lmLCBOZ0NsYXNzfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xyXG5pbXBvcnQge0Zvcm1Hcm91cH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcbmltcG9ydCB7XHJcbiAgTWF0RXhwYW5zaW9uUGFuZWwsXHJcbiAgTWF0RXhwYW5zaW9uUGFuZWxIZWFkZXIsXHJcbiAgTWF0RXhwYW5zaW9uUGFuZWxEZXNjcmlwdGlvbixcclxuICBNYXRFeHBhbnNpb25QYW5lbFRpdGxlXHJcbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2V4cGFuc2lvblwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItc2VjdGlvbi1mb3JtLWNhbnZhcycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBNYXRJY29uLFxyXG4gICAgTWF0QnV0dG9uLFxyXG4gICAgQmFzZUZvcm1Db21wb25lbnQsXHJcbiAgICBCYXNlRm9ybUNhbnZhc0NvbXBvbmVudCxcclxuICAgIE5nSWYsXHJcbiAgICBOZ0NsYXNzLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgTWF0RXhwYW5zaW9uUGFuZWwsXHJcbiAgICBNYXRFeHBhbnNpb25QYW5lbFRpdGxlLFxyXG4gICAgTWF0RXhwYW5zaW9uUGFuZWxEZXNjcmlwdGlvbixcclxuICAgIE1hdEV4cGFuc2lvblBhbmVsSGVhZGVyLFxyXG4gICAgTmdGb3JPZlxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24tZm9ybS1jYW52YXMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zZWN0aW9uLWZvcm0tY2FudmFzLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VjdGlvbkZvcm1DYW52YXNDb21wb25lbnR7XHJcbiAgQElucHV0KCkgcGFnZUluZm86IFBhZ2VJbmZvO1xyXG4gIEBJbnB1dCgpIGZpZWxkczogRmllbGRJbmZvW107XHJcbiAgQElucHV0KCkgaXRlbUlkOiBudW1iZXI7XHJcbiAgQElucHV0KCkgZWRpdGFibGU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaGlkZUJhY2tCdXR0b246IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaXRlbTogYW55O1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNUcmFuc2xhdGVUaXRsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBrZXk6IG51bWJlcjtcclxuICBASW5wdXQoKSBoaWRlVG9nZ2xlOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBpc0V4cGFuZGVkOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBhbHdheXNPcGVuOiBib29sZWFuID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgYWN0aW9uRWRpdDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGZvcm1FZGl0OiBFdmVudEVtaXR0ZXI8Rm9ybUdyb3VwPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBidXR0b25zOiBCdXR0b25BY3Rpb25TZXR0aW5nc1tdID0gW107XHJcbiAgQElucHV0KCkgaXRlbVN0YXR1czogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKSBidXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGZvcm1VcGRhdGVkKCRldmVudCkge1xyXG4gICAgdGhpcy5mb3JtRWRpdC5lbWl0KCRldmVudCk7XHJcblxyXG4gIH1cclxuXHJcbiAgdG9nZ2xlRXhwYW5kKCkge1xyXG4gICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZDtcclxuICB9XHJcblxyXG4gIG9uQnV0dG9uQ2xpY2soYnRuOiBCdXR0b25BY3Rpb25TZXR0aW5ncywgc2VjdGlvbktleTogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh7Li4uYnRuICwgc2VjdGlvbktleTogc2VjdGlvbktleX0pO1xyXG4gIH1cclxufVxyXG4iLCI8bWF0LWV4cGFuc2lvbi1wYW5lbCBjbGFzcz1cImxvY2F0aW9uLWNhcmRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAjcGFuZWw9XCJtYXRFeHBhbnNpb25QYW5lbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpc0V4cGFuZGVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgW2hpZGVUb2dnbGVdPVwiaGlkZVRvZ2dsZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgIChvcGVuZWQpPVwiYWx3YXlzT3BlbiA/IHBhbmVsLm9wZW4oKSA6IG51bGxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAoY2xvc2VkKT1cImFsd2F5c09wZW4gPyBwYW5lbC5vcGVuKCkgOiBudWxsXCI+XHJcbiAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyIGNsYXNzPVwiY2FyZC1oZWFkZXJcIiAoY2xpY2spPVwidG9nZ2xlRXhwYW5kKClcIj5cclxuICAgIDxtYXQtcGFuZWwtdGl0bGU+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1jb250YWluZXJcIj5cclxuICAgICAgICA8aDMgY2xhc3M9XCJjYXJkLXRpdGxlXCIgKm5nSWY9XCJpc1RyYW5zbGF0ZVRpdGxlXCI+XHJcbiAgICAgICAgICB7eyBwYWdlSW5mby5sYWJlbHNTZWN0aW9uICsgJy4nICsgdGl0bGUgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICA8L2gzPlxyXG4gICAgICAgIDxoMyBjbGFzcz1cImNhcmQtdGl0bGVcIiAqbmdJZj1cIiFpc1RyYW5zbGF0ZVRpdGxlXCI+e3sgdGl0bGUgfX08L2gzPlxyXG4gICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiAqbmdJZj1cIml0ZW1TdGF0dXNcIiBjbGFzcz1cInN0YXRlVHlwZVwiIFtuZ0NsYXNzXT1cIml0ZW1TdGF0dXNcIj5cclxuICAgICAgICAgIHt7IHBhZ2VJbmZvLmxhYmVsc1NlY3Rpb24gKyAnLicgKyBpdGVtU3RhdHVzIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtcGFuZWwtdGl0bGU+XHJcblxyXG4gICAgPG1hdC1wYW5lbC1kZXNjcmlwdGlvbiBjbGFzcz1cInBhbmVsLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyb3cgZmxleC1hdXRvIGJ1dHRvbnMtd3JhcHBlclwiPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIG1hdC1mbGF0LWJ1dHRvblxyXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGJ0biBvZiBidXR0b25zXCJcclxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgW2NvbG9yXT1cImJ0bi5jb2xvciB8fCAncHJpbWFyeSdcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soYnRuICwga2V5KTsgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcclxuICAgICAgICAgIGNsYXNzPVwiYnRuLW5vbmUtYmFja2dyb3VuZC1wcmltYXJ5IGFjdGlvblwiXHJcbiAgICAgICAgICBbYXR0ci5pZF09XCJidG4uaWQgfHwgKCdzZWN0aW9uLWJ0bi0nICsgKGJ0bi5hY3Rpb24gfHwgYnRuLmxhYmVsIHx8IGJ0bi5rZXkpKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi10ZXh0XCI+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImJ0bi5pY29uXCI+e3sgYnRuLmljb24gfX08L21hdC1pY29uPlxyXG4gICAgICAgICAgICA8c3Bhbj57eyBidG4ubGFiZWwgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L21hdC1wYW5lbC1kZXNjcmlwdGlvbj5cclxuICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxyXG4gIDxkaXYgY2xhc3M9XCJwYW5lbC1ib2R5XCI+XHJcbiAgICA8aHIgY2xhc3M9XCJkaXZpZGVyXCIvPlxyXG4gICAgPGFwcC1iYXNlLWZvcm0tY2FudmFzXHJcbiAgICAgIFtwYWdlSW5mb109XCJwYWdlSW5mb1wiXHJcbiAgICAgIFtmaWVsZHNdPVwiZmllbGRzXCJcclxuICAgICAgW2VkaXRhYmxlXT1cImVkaXRhYmxlXCJcclxuICAgICAgW2l0ZW1dPVwiaXRlbVwiXHJcbiAgICAgIChmb3JtVXBkYXRlZCk9XCJmb3JtVXBkYXRlZCgkZXZlbnQpXCJcclxuICAgID48L2FwcC1iYXNlLWZvcm0tY2FudmFzPlxyXG4gIDwvZGl2PlxyXG48L21hdC1leHBhbnNpb24tcGFuZWw+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tZm9ybS1jYW52YXMvc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tZm9ybS1jYW52YXMvc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFbkQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDdkYsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXBELE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsdUJBQXVCLEVBQ3ZCLDRCQUE0QixFQUM1QixzQkFBc0IsRUFDdkIsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBc0JyQyxNQUFNLE9BQU8sMEJBQTBCO0lBcEJ2QztRQThCVyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBQzNCLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDM0IsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMxQixlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkQsYUFBUSxHQUE0QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3hELFlBQU8sR0FBMkIsRUFBRSxDQUFDO1FBRXBDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQWNuRDtJQVpDLFdBQVcsQ0FBQyxNQUFNO1FBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRTdCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDckMsQ0FBQztJQUVELGFBQWEsQ0FBQyxHQUF5QixFQUFFLFVBQWtCO1FBQ3pELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsR0FBRyxHQUFHLEVBQUcsVUFBVSxFQUFFLFVBQVUsRUFBQyxDQUFDLENBQUM7SUFDN0QsQ0FBQzsrR0E5QlUsMEJBQTBCO21HQUExQiwwQkFBMEIsMGZDcEN2Qyx3akVBaURBLDI4REQ3QkksT0FBTywySUFDUCxTQUFTLGlMQUVULHVCQUF1QixtWkFDdkIsSUFBSSw2RkFDSixPQUFPLG1GQUNQLGVBQWUsNEZBQ2YsaUJBQWlCLHNMQUNqQixzQkFBc0IsNERBQ3RCLDRCQUE0QixrRUFDNUIsdUJBQXVCLGtJQUN2QixPQUFPOzs0RkFLRSwwQkFBMEI7a0JBcEJ0QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1A7d0JBQ1AsT0FBTzt3QkFDUCxTQUFTO3dCQUNULGlCQUFpQjt3QkFDakIsdUJBQXVCO3dCQUN2QixJQUFJO3dCQUNKLE9BQU87d0JBQ1AsZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLHNCQUFzQjt3QkFDdEIsNEJBQTRCO3dCQUM1Qix1QkFBdUI7d0JBQ3ZCLE9BQU87cUJBQ1I7OEJBS1EsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUNFLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtNYXRJY29ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvblwiO1xyXG5pbXBvcnQge01hdEJ1dHRvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xyXG5pbXBvcnQge0J1dHRvbkFjdGlvblNldHRpbmdzLCBGaWVsZEluZm8sIFBhZ2VJbmZvfSBmcm9tIFwiLi4vLi4vYmFzZS1tb2RlbFwiO1xyXG5pbXBvcnQge0Jhc2VGb3JtQ29tcG9uZW50fSBmcm9tIFwiLi4vYmFzZS1mb3JtL2Jhc2UtZm9ybS5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtCYXNlRm9ybUNhbnZhc0NvbXBvbmVudH0gZnJvbSBcIi4uL2Jhc2UtZm9ybS1jYW52YXMvYmFzZS1mb3JtLWNhbnZhcy5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtOZ0Zvck9mLCBOZ0lmLCBOZ0NsYXNzfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xyXG5pbXBvcnQge0Zvcm1Hcm91cH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcbmltcG9ydCB7XHJcbiAgTWF0RXhwYW5zaW9uUGFuZWwsXHJcbiAgTWF0RXhwYW5zaW9uUGFuZWxIZWFkZXIsXHJcbiAgTWF0RXhwYW5zaW9uUGFuZWxEZXNjcmlwdGlvbixcclxuICBNYXRFeHBhbnNpb25QYW5lbFRpdGxlXHJcbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2V4cGFuc2lvblwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItc2VjdGlvbi1mb3JtLWNhbnZhcycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBNYXRJY29uLFxyXG4gICAgTWF0QnV0dG9uLFxyXG4gICAgQmFzZUZvcm1Db21wb25lbnQsXHJcbiAgICBCYXNlRm9ybUNhbnZhc0NvbXBvbmVudCxcclxuICAgIE5nSWYsXHJcbiAgICBOZ0NsYXNzLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgTWF0RXhwYW5zaW9uUGFuZWwsXHJcbiAgICBNYXRFeHBhbnNpb25QYW5lbFRpdGxlLFxyXG4gICAgTWF0RXhwYW5zaW9uUGFuZWxEZXNjcmlwdGlvbixcclxuICAgIE1hdEV4cGFuc2lvblBhbmVsSGVhZGVyLFxyXG4gICAgTmdGb3JPZlxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24tZm9ybS1jYW52YXMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zZWN0aW9uLWZvcm0tY2FudmFzLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VjdGlvbkZvcm1DYW52YXNDb21wb25lbnR7XHJcbiAgQElucHV0KCkgcGFnZUluZm86IFBhZ2VJbmZvO1xyXG4gIEBJbnB1dCgpIGZpZWxkczogRmllbGRJbmZvW107XHJcbiAgQElucHV0KCkgaXRlbUlkOiBudW1iZXI7XHJcbiAgQElucHV0KCkgZWRpdGFibGU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaGlkZUJhY2tCdXR0b246IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaXRlbTogYW55O1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNUcmFuc2xhdGVUaXRsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBrZXk6IG51bWJlcjtcclxuICBASW5wdXQoKSBoaWRlVG9nZ2xlOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBpc0V4cGFuZGVkOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBhbHdheXNPcGVuOiBib29sZWFuID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgYWN0aW9uRWRpdDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGZvcm1FZGl0OiBFdmVudEVtaXR0ZXI8Rm9ybUdyb3VwPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBidXR0b25zOiBCdXR0b25BY3Rpb25TZXR0aW5nc1tdID0gW107XHJcbiAgQElucHV0KCkgaXRlbVN0YXR1czogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKSBidXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGZvcm1VcGRhdGVkKCRldmVudCkge1xyXG4gICAgdGhpcy5mb3JtRWRpdC5lbWl0KCRldmVudCk7XHJcblxyXG4gIH1cclxuXHJcbiAgdG9nZ2xlRXhwYW5kKCkge1xyXG4gICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZDtcclxuICB9XHJcblxyXG4gIG9uQnV0dG9uQ2xpY2soYnRuOiBCdXR0b25BY3Rpb25TZXR0aW5ncywgc2VjdGlvbktleTogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh7Li4uYnRuICwgc2VjdGlvbktleTogc2VjdGlvbktleX0pO1xyXG4gIH1cclxufVxyXG4iLCI8bWF0LWV4cGFuc2lvbi1wYW5lbCBjbGFzcz1cImxvY2F0aW9uLWNhcmRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAjcGFuZWw9XCJtYXRFeHBhbnNpb25QYW5lbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpc0V4cGFuZGVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgW2hpZGVUb2dnbGVdPVwiaGlkZVRvZ2dsZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgIChvcGVuZWQpPVwiYWx3YXlzT3BlbiA/IHBhbmVsLm9wZW4oKSA6IG51bGxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAoY2xvc2VkKT1cImFsd2F5c09wZW4gPyBwYW5lbC5vcGVuKCkgOiBudWxsXCI+XHJcbiAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyIGNsYXNzPVwiY2FyZC1oZWFkZXJcIiAoY2xpY2spPVwidG9nZ2xlRXhwYW5kKClcIj5cclxuICAgIDxtYXQtcGFuZWwtdGl0bGU+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1jb250YWluZXJcIj5cclxuICAgICAgICA8aDMgY2xhc3M9XCJjYXJkLXRpdGxlXCIgKm5nSWY9XCJpc1RyYW5zbGF0ZVRpdGxlXCI+XHJcbiAgICAgICAgICB7eyBwYWdlSW5mby5sYWJlbHNTZWN0aW9uICsgJy4nICsgdGl0bGUgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICA8L2gzPlxyXG4gICAgICAgIDxoMyBjbGFzcz1cImNhcmQtdGl0bGVcIiAqbmdJZj1cIiFpc1RyYW5zbGF0ZVRpdGxlXCI+e3sgdGl0bGUgfX08L2gzPlxyXG4gICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiAqbmdJZj1cIml0ZW1TdGF0dXNcIiBjbGFzcz1cInN0YXRlVHlwZVwiIFtuZ0NsYXNzXT1cIml0ZW1TdGF0dXNcIj5cclxuICAgICAgICAgIHt7IHBhZ2VJbmZvLmxhYmVsc1NlY3Rpb24gKyAnLicgKyBpdGVtU3RhdHVzIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtcGFuZWwtdGl0bGU+XHJcblxyXG4gICAgPG1hdC1wYW5lbC1kZXNjcmlwdGlvbiBjbGFzcz1cInBhbmVsLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyb3cgZmxleC1hdXRvIGJ1dHRvbnMtd3JhcHBlclwiPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIG1hdC1mbGF0LWJ1dHRvblxyXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGJ0biBvZiBidXR0b25zXCJcclxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgW2NvbG9yXT1cImJ0bi5jb2xvciB8fCAncHJpbWFyeSdcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soYnRuICwga2V5KTsgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcclxuICAgICAgICAgIGNsYXNzPVwiYnRuLW5vbmUtYmFja2dyb3VuZC1wcmltYXJ5IGFjdGlvblwiXHJcbiAgICAgICAgICBbYXR0ci5pZF09XCJidG4uaWQgfHwgKCdzZWN0aW9uLWJ0bi0nICsgKGJ0bi5hY3Rpb24gfHwgYnRuLmxhYmVsIHx8IGJ0bi5rZXkpKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi10ZXh0XCI+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImJ0bi5pY29uXCI+e3sgYnRuLmljb24gfX08L21hdC1pY29uPlxyXG4gICAgICAgICAgICA8c3Bhbj57eyBidG4ubGFiZWwgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L21hdC1wYW5lbC1kZXNjcmlwdGlvbj5cclxuICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxyXG4gIDxkaXYgY2xhc3M9XCJwYW5lbC1ib2R5XCI+XHJcbiAgICA8aHIgY2xhc3M9XCJkaXZpZGVyXCIvPlxyXG4gICAgPGFwcC1iYXNlLWZvcm0tY2FudmFzXHJcbiAgICAgIFtwYWdlSW5mb109XCJwYWdlSW5mb1wiXHJcbiAgICAgIFtmaWVsZHNdPVwiZmllbGRzXCJcclxuICAgICAgW2VkaXRhYmxlXT1cImVkaXRhYmxlXCJcclxuICAgICAgW2l0ZW1dPVwiaXRlbVwiXHJcbiAgICAgIChmb3JtVXBkYXRlZCk9XCJmb3JtVXBkYXRlZCgkZXZlbnQpXCJcclxuICAgID48L2FwcC1iYXNlLWZvcm0tY2FudmFzPlxyXG4gIDwvZGl2PlxyXG48L21hdC1leHBhbnNpb24tcGFuZWw+XHJcbiJdfQ==

package/fesm2022/iq-ui-lib.mjs CHANGED Viewed

@@ -1,5 +1,7 @@
 import * as i0 from '@angular/core';
-import { Component, Inject, HostListener, EventEmitter, Input, Output, Injectable, signal, ViewChild, model, computed, effect, inject } from '@angular/core';
+import { Component, Inject, Input, HostListener, EventEmitter, Output, Injectable, signal, ViewChild, model, computed, effect, inject } from '@angular/core';
+import * as i1$1 from '@angular/common';
+import { CommonModule, NgIf, NgForOf, NgClass, AsyncPipe, NgSwitch, NgTemplateOutlet, KeyValuePipe, NgSwitchCase, DatePipe, CurrencyPipe, NgStyle, formatDate, NgSwitchDefault, DecimalPipe, JsonPipe, UpperCasePipe } from '@angular/common';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
 import * as i2 from '@ngx-translate/core';
@@ -11,8 +13,6 @@ import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatCell, MatCellDef, MatHeaderCell, MatHeaderCellDef, MatTableDataSource, MatColumnDef, MatTable, MatRow, MatRowDef, MatHeaderRow, MatHeaderRowDef } from '@angular/material/table';
 import * as i7$1 from '@angular/material/sort';
 import { MatSortModule } from '@angular/material/sort';
-import * as i1$1 from '@angular/common';
-import { NgIf, NgForOf, NgClass, AsyncPipe, NgSwitch, NgTemplateOutlet, KeyValuePipe, NgSwitchCase, DatePipe, CurrencyPipe, NgStyle, formatDate, CommonModule, NgSwitchDefault, DecimalPipe, JsonPipe, UpperCasePipe } from '@angular/common';
 import * as i9$1 from 'ngx-pagination';
 import { NgxPaginationModule } from 'ngx-pagination';
 import * as i6 from '@angular/material/form-field';
@@ -58,10 +58,14 @@ class ActionConfirmationComponent {
     constructor(dialogRef, data) {
         this.dialogRef = dialogRef;
         this.data = data;
+        this.icon = { name: 'check_circle', color: '#0d7d6a' };
         this.acceptActionLabel = '';
         this.rejectActionLabel = '';
         this.subMsg = '';
         this.titleMsg = '';
+        this.listTitle = '';
+        this.listMessages = [];
+        this.extraWarningMsg = '';
         this.currentDirection = 'ltr';
         dialogRef.disableClose = true;
     }
@@ -73,7 +77,11 @@ class ActionConfirmationComponent {
         this.rejectActionLabel = this.data.rejectActionLabel || 'reject';
         this.subMsg = this.data.warningMsg || '';
         this.titleMsg = this.data.confirmMsg || '';
+        this.listTitle = this.data.listTitle || '';
+        this.listMessages = this.data.listMessages || [];
+        this.extraWarningMsg = this.data.extraWarningMsg || '';
         this.currentDirection = this.data.direction;
+        this.icon = this.data.icon || { name: 'check_circle', color: '#0d7d6a' };
     }
     commentAndClose() {
         this.dialogRef.close('accept');
@@ -83,20 +91,23 @@ class ActionConfirmationComponent {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionConfirmationComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionConfirmationComponent, isStandalone: true, selector: "app-action-confirmation", host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"header-row\">\r\n    <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n    <button mat-icon-button class=\"close-btn\" (click)=\"cancel()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <p class=\"message\">\r\n    {{ subMsg | translate }}\r\n  </p>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      mat-stroked-button\r\n      class=\"btn-none-background-primary btn-cancel\"\r\n      (click)=\"cancel()\"\r\n      id=\"rejectActionLabel\">\r\n      {{ rejectActionLabel | translate }}\r\n    </button>\r\n\r\n    <button\r\n      mat-flat-button\r\n      class=\"btn-background-primary btn-confirm\"\r\n      (click)=\"commentAndClose()\"\r\n      id=\"acceptActionLabel\">\r\n      {{ acceptActionLabel | translate }}\r\n    </button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:32px;min-width:500px;box-sizing:border-box}.header-row{display:flex;justify-content:space-between;align-items:center}.title{margin:0;font-size:20px;font-weight:700;color:#222}.close-btn mat-icon{font-size:24px;color:#333}.message{margin-top:20px;font-size:16px;color:#333}.actions{display:flex;justify-content:flex-end;gap:16px;margin-top:40px}.btn-cancel{width:121px!important;margin:0!important}.btn-confirm{width:auto!important;margin:0!important}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionConfirmationComponent, isStandalone: true, selector: "app-action-confirmation", inputs: { icon: "icon" }, host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"header-section\">\r\n    <div class=\"header-row\">\r\n      <div class=\"icon-container\">\r\n        <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n      </div>\r\n      <button mat-icon-button class=\"close-btn\" (click)=\"cancel()\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n    <div class=\"title-container\">\r\n      <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"message-container\">\r\n    <p class=\"message\" *ngIf=\"subMsg\">\r\n      {{ subMsg | translate }}\r\n    </p>\r\n    \r\n    <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n      <p class=\"list-title\" *ngIf=\"listTitle\">{{ listTitle | translate }}</p>\r\n      <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n        <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n          {{ message | translate }}\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    \r\n    <p class=\"extra-warning\" *ngIf=\"extraWarningMsg\">\r\n      {{ extraWarningMsg | translate }}\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      mat-stroked-button\r\n      class=\"btn-cancel\"\r\n      (click)=\"cancel()\"\r\n      id=\"rejectActionLabel\">\r\n      {{ rejectActionLabel | translate }}\r\n    </button>\r\n\r\n    <button\r\n      mat-flat-button\r\n      class=\"btn-confirm\"\r\n      (click)=\"commentAndClose()\"\r\n      id=\"acceptActionLabel\">\r\n      {{ acceptActionLabel | translate }}\r\n    </button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:24px;min-width:547px;box-sizing:border-box;background:#fff;border:1px solid #f0eeee;border-radius:8px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;display:flex;flex-direction:column;gap:8px}.header-section{display:flex;flex-direction:column;gap:8px;width:100%}.header-row{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:32px}.title-container{display:flex;align-items:flex-start;width:100%}.icon-container{width:32px;height:32px;background:#edfffa;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{font-size:32px;width:32px;height:38px;line-height:32px}.title{margin:0;font-size:20px;font-weight:500;font-family:lusail-medium,sans-serif;color:#222;line-height:1.2}.close-btn{position:absolute;right:0;top:0;width:24px;height:24px;padding:0;flex-shrink:0;background:transparent!important;border:none!important}.close-btn mat-icon{font-size:24px;width:24px;height:24px;color:#222;line-height:24px}.message-container{padding:0 0 16px;width:100%}.message{margin:0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-section{margin-top:8px}.list-title{margin:0 0 8px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-messages{margin:0;padding-left:20px;list-style-type:disc}.list-item{margin:0 0 4px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-item:last-child{margin-bottom:0}.extra-warning{margin:16px 0 0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;width:100%}.btn-cancel{width:122px;height:32px;margin:0!important;background:#fff;border:1px solid #3E627B!important;border-radius:8px;color:#3e627b!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{height:32px;margin:0!important;background:#0d4261!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center;min-width:auto}.btn-confirm:hover{background:#082b41}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionConfirmationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-action-confirmation', standalone: true, imports: [
+                        CommonModule,
                         TranslateModule,
                         MatButton,
                         MatIconButton,
                         MatIcon
-                    ], template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"header-row\">\r\n    <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n    <button mat-icon-button class=\"close-btn\" (click)=\"cancel()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <p class=\"message\">\r\n    {{ subMsg | translate }}\r\n  </p>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      mat-stroked-button\r\n      class=\"btn-none-background-primary btn-cancel\"\r\n      (click)=\"cancel()\"\r\n      id=\"rejectActionLabel\">\r\n      {{ rejectActionLabel | translate }}\r\n    </button>\r\n\r\n    <button\r\n      mat-flat-button\r\n      class=\"btn-background-primary btn-confirm\"\r\n      (click)=\"commentAndClose()\"\r\n      id=\"acceptActionLabel\">\r\n      {{ acceptActionLabel | translate }}\r\n    </button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:32px;min-width:500px;box-sizing:border-box}.header-row{display:flex;justify-content:space-between;align-items:center}.title{margin:0;font-size:20px;font-weight:700;color:#222}.close-btn mat-icon{font-size:24px;color:#333}.message{margin-top:20px;font-size:16px;color:#333}.actions{display:flex;justify-content:flex-end;gap:16px;margin-top:40px}.btn-cancel{width:121px!important;margin:0!important}.btn-confirm{width:auto!important;margin:0!important}\n"] }]
+                    ], template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"header-section\">\r\n    <div class=\"header-row\">\r\n      <div class=\"icon-container\">\r\n        <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n      </div>\r\n      <button mat-icon-button class=\"close-btn\" (click)=\"cancel()\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n    <div class=\"title-container\">\r\n      <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"message-container\">\r\n    <p class=\"message\" *ngIf=\"subMsg\">\r\n      {{ subMsg | translate }}\r\n    </p>\r\n    \r\n    <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n      <p class=\"list-title\" *ngIf=\"listTitle\">{{ listTitle | translate }}</p>\r\n      <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n        <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n          {{ message | translate }}\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    \r\n    <p class=\"extra-warning\" *ngIf=\"extraWarningMsg\">\r\n      {{ extraWarningMsg | translate }}\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"actions\">\r\n    <button\r\n      mat-stroked-button\r\n      class=\"btn-cancel\"\r\n      (click)=\"cancel()\"\r\n      id=\"rejectActionLabel\">\r\n      {{ rejectActionLabel | translate }}\r\n    </button>\r\n\r\n    <button\r\n      mat-flat-button\r\n      class=\"btn-confirm\"\r\n      (click)=\"commentAndClose()\"\r\n      id=\"acceptActionLabel\">\r\n      {{ acceptActionLabel | translate }}\r\n    </button>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:24px;min-width:547px;box-sizing:border-box;background:#fff;border:1px solid #f0eeee;border-radius:8px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;display:flex;flex-direction:column;gap:8px}.header-section{display:flex;flex-direction:column;gap:8px;width:100%}.header-row{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:32px}.title-container{display:flex;align-items:flex-start;width:100%}.icon-container{width:32px;height:32px;background:#edfffa;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{font-size:32px;width:32px;height:38px;line-height:32px}.title{margin:0;font-size:20px;font-weight:500;font-family:lusail-medium,sans-serif;color:#222;line-height:1.2}.close-btn{position:absolute;right:0;top:0;width:24px;height:24px;padding:0;flex-shrink:0;background:transparent!important;border:none!important}.close-btn mat-icon{font-size:24px;width:24px;height:24px;color:#222;line-height:24px}.message-container{padding:0 0 16px;width:100%}.message{margin:0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-section{margin-top:8px}.list-title{margin:0 0 8px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-messages{margin:0;padding-left:20px;list-style-type:disc}.list-item{margin:0 0 4px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-item:last-child{margin-bottom:0}.extra-warning{margin:16px 0 0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;width:100%}.btn-cancel{width:122px;height:32px;margin:0!important;background:#fff;border:1px solid #3E627B!important;border-radius:8px;color:#3e627b!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{height:32px;margin:0!important;background:#0d4261!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center;min-width:auto}.btn-confirm:hover{background:#082b41}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }], propDecorators: { onKeyUp: [{
+                }] }], propDecorators: { icon: [{
+                type: Input
+            }], onKeyUp: [{
                 type: HostListener,
                 args: ['window:keyup.esc']
             }] } });
@@ -4097,7 +4108,7 @@ class SectionFormCanvasComponent {
         this.buttonClicked.emit({ ...btn, sectionKey: sectionKey });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionFormCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SectionFormCanvasComponent, isStandalone: true, selector: "lib-section-form-canvas", inputs: { pageInfo: "pageInfo", fields: "fields", itemId: "itemId", editable: "editable", hideBackButton: "hideBackButton", item: "item", title: "title", isTranslateTitle: "isTranslateTitle", key: "key", hideToggle: "hideToggle", isExpanded: "isExpanded", alwaysOpen: "alwaysOpen", buttons: "buttons", itemStatus: "itemStatus" }, outputs: { actionEdit: "actionEdit", formEdit: "formEdit", buttonClicked: "buttonClicked" }, ngImport: i0, template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <div class=\"title-container\">\r\n        <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n          {{ pageInfo.labelsSection + '.' + title | translate }}\r\n        </h3>\r\n        <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 20px!important}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}.btn-none-background-primary{margin:0!important}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: BaseFormCanvasComponent, selector: "app-base-form-canvas", inputs: ["pageInfo", "currency", "fields", "errors", "workflowEditableFields", "isWorkflowEditableManaged", "supportingAttributes", "editable", "emitOnValueChanges", "item", "equationSuggestedFields", "currentEquationValue"], outputs: ["attachmentEmitter", "actionEmitter", "formUpdated", "hyperTextEvent", "currentEquationValueChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SectionFormCanvasComponent, isStandalone: true, selector: "lib-section-form-canvas", inputs: { pageInfo: "pageInfo", fields: "fields", itemId: "itemId", editable: "editable", hideBackButton: "hideBackButton", item: "item", title: "title", isTranslateTitle: "isTranslateTitle", key: "key", hideToggle: "hideToggle", isExpanded: "isExpanded", alwaysOpen: "alwaysOpen", buttons: "buttons", itemStatus: "itemStatus" }, outputs: { actionEdit: "actionEdit", formEdit: "formEdit", buttonClicked: "buttonClicked" }, ngImport: i0, template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <div class=\"title-container\">\r\n        <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n          {{ pageInfo.labelsSection + '.' + title | translate }}\r\n        </h3>\r\n        <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 20px!important}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}.btn-none-background-primary{margin:0!important}@media (max-width: 768px){.buttons-wrapper .action{min-height:32px!important;min-width:20px!important;width:auto!important;padding:0 12px!important;border-radius:9999px!important}.buttons-wrapper .action .mat-icon{font-size:18px!important;width:18px!important;height:22px!important}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: BaseFormCanvasComponent, selector: "app-base-form-canvas", inputs: ["pageInfo", "currency", "fields", "errors", "workflowEditableFields", "isWorkflowEditableManaged", "supportingAttributes", "editable", "emitOnValueChanges", "item", "equationSuggestedFields", "currentEquationValue"], outputs: ["attachmentEmitter", "actionEmitter", "formUpdated", "hyperTextEvent", "currentEquationValueChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionFormCanvasComponent, decorators: [{
             type: Component,
@@ -4114,7 +4125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         MatExpansionPanelDescription,
                         MatExpansionPanelHeader,
                         NgForOf
-                    ], template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <div class=\"title-container\">\r\n        <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n          {{ pageInfo.labelsSection + '.' + title | translate }}\r\n        </h3>\r\n        <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 20px!important}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}.btn-none-background-primary{margin:0!important}\n"] }]
+                    ], template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <div class=\"title-container\">\r\n        <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n          {{ pageInfo.labelsSection + '.' + title | translate }}\r\n        </h3>\r\n        <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 20px!important}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}.btn-none-background-primary{margin:0!important}@media (max-width: 768px){.buttons-wrapper .action{min-height:32px!important;min-width:20px!important;width:auto!important;padding:0 12px!important;border-radius:9999px!important}.buttons-wrapper .action .mat-icon{font-size:18px!important;width:18px!important;height:22px!important}}\n"] }]
         }], propDecorators: { pageInfo: [{
                 type: Input
             }], fields: [{