@unifylib/ui-lib 1.1.56 → 1.1.57

package/esm2022/lib/components/action-comment/action-comment.component.mjs

@@ -80,7 +80,7 @@ export class ActionCommentComponent {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCommentComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCommentComponent, isStandalone: true, selector: "app-action-comment", host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"dialog-container\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"desktop-view\">\r\n    <h2 mat-dialog-title class=\"dialog-title\">\r\n      {{ titleKey | translate}} {{itemName}}\r\n    </h2>\r\n\r\n    <p class=\"dialog-subtitle\">\r\n      {{ subtitleKey | translate }}\r\n    </p>\r\n\r\n    <p class=\"textarea-label\">\r\n      {{ reasonLabelKey | translate }}\r\n    </p>\r\n\r\n    <mat-dialog-content class=\"content-section\">\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else textMode\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? (item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #textMode>\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box\">\r\n        <mat-icon>info</mat-icon>\r\n        <span class=\"info-text\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\" class=\"footer-actions\">\r\n      <button mat-stroked-button class=\"btn-none-background-primary cancel-btn\" (click)=\"cancel()\">\r\n        {{ cancelKey | translate }}\r\n      </button>\r\n\r\n      <button\r\n        mat-flat-button\r\n        class=\"btn-background-primary warn-btn\"\r\n        (click)=\"commentAndClose()\"\r\n        [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n        {{ actionKey | translate }}\r\n      </button>\r\n    </mat-dialog-actions>\r\n  </div>\r\n\r\n  <div class=\"mobile-view\">\r\n    <div class=\"modal-header\">\r\n      <div class=\"handle\"></div>\r\n      <div class=\"header-content\">\r\n        <p class=\"modal-title\">{{ titleKey | translate }}</p>\r\n        <button class=\"close-button\" (click)=\"cancel()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body\">\r\n\r\n      <div class=\"textarea-label-mobile\">\r\n        {{ reasonLabelKey | translate }} {{ itemName }}\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else mobileText\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            class=\"textarea-mobile\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? ( item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #mobileText>\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box-mobile\">\r\n        <mat-icon class=\"info-icon-mobile\">info</mat-icon>\r\n        <span class=\"info-text-mobile\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"modal-actions-mobile\">\r\n      <div class=\"actions-buttons-container\">\r\n        <button mat-stroked-button class=\"btn-cancel-mobile\" (click)=\"cancel()\">\r\n          {{ cancelKey | translate }}\r\n        </button>\r\n        <button\r\n          mat-flat-button\r\n          class=\"btn-action-mobile\"\r\n          (click)=\"commentAndClose()\"\r\n          [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n          {{ actionKey | translate }}\r\n        </button>\r\n      </div>\r\n      <div class=\"home-indicator\"></div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".dialog-container{position:relative}.desktop-view{display:block}.mobile-view{display:none}.dialog-title{font-size:20px;font-weight:600;padding:0 16px}.dialog-subtitle{color:#666;padding:0 20px}.textarea-label{font-weight:600;padding:5px 20px;margin:0;color:#000}.info-text{color:#888;font-family:Lusail,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.info-box{display:flex;font-size:12px}.info-box mat-icon{font-size:18px;color:var(--primary-color-3nd)}.footer-actions{margin-top:0}.cancel-btn{width:121px!important}.warn-btn{width:171px!important}.content-section{padding:0 20px}.mobile-view{display:flex;flex-direction:column;gap:8px;background:#fff;padding:16px 24px;min-height:356px;box-sizing:border-box}.modal-header{display:flex;flex-direction:column;gap:8px;width:100%}.handle{width:36px;height:4px;background:#b7b7b7;border-radius:2px;margin:0 auto;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.modal-title{font-family:Lusail,sans-serif;font-weight:500;font-size:14px;line-height:1.2;color:#161616;text-align:center;position:absolute;left:50%;transform:translate(-50%);margin:0;width:200px}.close-button{background:#f0eeee;border:none;border-radius:9999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}.close-button mat-icon{font-size:20px;width:20px;height:20px;color:#000;overflow:visible}.close-button:hover{background:#e0e0e0}.modal-body{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;min-height:0}.textarea-label-mobile{font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#000;height:24px;max-height:24px;margin:0;padding:0}.textarea-field-mobile{width:100%;margin:0!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-infix{min-height:107px;padding:16px!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-outline{border:1px solid #b7b7b7!important;border-radius:8px!important}:host ::ng-deep .textarea-field-mobile textarea{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;resize:both}:host ::ng-deep .textarea-field-mobile textarea::placeholder{color:#888;font-weight:300;font-size:16px;line-height:1.2}.info-box-mobile{display:flex;gap:8px;align-items:flex-end;width:100%}.info-box-mobile .info-icon-mobile{font-size:18px;width:18px;height:20px;color:#b54708;flex-shrink:0;margin-top:2px}.info-box-mobile .info-text-mobile{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1;color:#5c5c5c;flex:1}.modal-actions-mobile{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;width:100%;min-height:68px;position:relative}.actions-buttons-container{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin-bottom:0;flex-shrink:0}.modal-actions-mobile>.actions-buttons-container>button{margin:0!important}.btn-cancel-mobile{width:160px!important;height:44px!important;border:1px solid #3e627b!important;border-radius:8px!important;background:#fff!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#0d4261!important}.btn-action-mobile{flex:1 1 0!important;min-width:0!important;height:44px!important;border-radius:8px!important;background:#0d4261!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#fff!important}.home-indicator{width:134px;height:5px;background:#161616;border-radius:100px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width: 768px){.desktop-view{display:none!important}.mobile-view{display:flex!important}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;border-radius:0!important;max-height:90vh!important}:host ::ng-deep .cdk-overlay-backdrop{background-color:#00000080!important}}@media (min-width: 769px){.desktop-view{display:block!important}.mobile-view{display:none!important}}@media (max-width: 600px){::ng-deep cdk-global-overlay-wrapper{align-items:flex-end!important}}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCommentComponent, isStandalone: true, selector: "app-action-comment", host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"dialog-container\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"desktop-view\">\r\n    <h2 mat-dialog-title class=\"dialog-title\">\r\n      {{ titleKey | translate}} {{itemName}}\r\n    </h2>\r\n\r\n    <p class=\"dialog-subtitle\">\r\n      {{ subtitleKey | translate }}\r\n    </p>\r\n\r\n    <p class=\"textarea-label\">\r\n      {{ reasonLabelKey | translate }}\r\n    </p>\r\n\r\n    <mat-dialog-content class=\"content-section\">\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else textMode\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? (item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            maxlength=\"1000\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #textMode>\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            maxlength=\"1000\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box\">\r\n        <mat-icon>info</mat-icon>\r\n        <span class=\"info-text\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\" class=\"footer-actions\">\r\n      <button mat-stroked-button class=\"btn-none-background-primary cancel-btn\" (click)=\"cancel()\">\r\n        {{ cancelKey | translate }}\r\n      </button>\r\n\r\n      <button\r\n        mat-flat-button\r\n        class=\"btn-background-primary warn-btn\"\r\n        (click)=\"commentAndClose()\"\r\n        [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n        {{ actionKey | translate }}\r\n      </button>\r\n    </mat-dialog-actions>\r\n  </div>\r\n\r\n  <div class=\"mobile-view\">\r\n    <div class=\"modal-header\">\r\n      <div class=\"handle\"></div>\r\n      <div class=\"header-content\">\r\n        <p class=\"modal-title\">{{ titleKey | translate }}</p>\r\n        <button class=\"close-button\" (click)=\"cancel()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body\">\r\n\r\n      <div class=\"textarea-label-mobile\">\r\n        {{ reasonLabelKey | translate }} {{ itemName }}\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else mobileText\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            class=\"textarea-mobile\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? ( item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            maxlength=\"1000\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #mobileText>\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            maxlength=\"1000\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box-mobile\">\r\n        <mat-icon class=\"info-icon-mobile\">info</mat-icon>\r\n        <span class=\"info-text-mobile\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"modal-actions-mobile\">\r\n      <div class=\"actions-buttons-container\">\r\n        <button mat-stroked-button class=\"btn-cancel-mobile\" (click)=\"cancel()\">\r\n          {{ cancelKey | translate }}\r\n        </button>\r\n        <button\r\n          mat-flat-button\r\n          class=\"btn-action-mobile\"\r\n          (click)=\"commentAndClose()\"\r\n          [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n          {{ actionKey | translate }}\r\n        </button>\r\n      </div>\r\n      <div class=\"home-indicator\"></div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".dialog-container{position:relative}.desktop-view{display:block}.mobile-view{display:none}.dialog-title{font-size:20px;font-weight:600;padding:0 16px}.dialog-subtitle{color:#666;padding:0 20px}.textarea-label{font-weight:600;padding:5px 20px;margin:0;color:#000}.info-text{color:#888;font-family:Lusail,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.info-box{display:flex;font-size:12px}.info-box mat-icon{font-size:18px;color:var(--primary-color-3nd)}.footer-actions{margin-top:0}.cancel-btn{width:121px!important}.warn-btn{width:171px!important}.content-section{padding:0 20px}.mobile-view{display:flex;flex-direction:column;gap:8px;background:#fff;padding:16px 24px;min-height:356px;box-sizing:border-box}.modal-header{display:flex;flex-direction:column;gap:8px;width:100%}.handle{width:36px;height:4px;background:#b7b7b7;border-radius:2px;margin:0 auto;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.modal-title{font-family:Lusail,sans-serif;font-weight:500;font-size:14px;line-height:1.2;color:#161616;text-align:center;position:absolute;left:50%;transform:translate(-50%);margin:0;width:200px}.close-button{background:#f0eeee;border:none;border-radius:9999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}.close-button mat-icon{font-size:20px;width:20px;height:20px;color:#000;overflow:visible}.close-button:hover{background:#e0e0e0}.modal-body{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;min-height:0}.textarea-label-mobile{font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#000;height:24px;max-height:24px;margin:0;padding:0}.textarea-field-mobile{width:100%;margin:0!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-infix{min-height:107px;padding:16px!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-outline{border:1px solid #b7b7b7!important;border-radius:8px!important}:host ::ng-deep .textarea-field-mobile textarea{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;resize:both}:host ::ng-deep .textarea-field-mobile textarea::placeholder{color:#888;font-weight:300;font-size:16px;line-height:1.2}.info-box-mobile{display:flex;gap:8px;align-items:flex-end;width:100%}.info-box-mobile .info-icon-mobile{font-size:18px;width:18px;height:20px;color:#b54708;flex-shrink:0;margin-top:2px}.info-box-mobile .info-text-mobile{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1;color:#5c5c5c;flex:1}.modal-actions-mobile{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;width:100%;min-height:68px;position:relative}.actions-buttons-container{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin-bottom:0;flex-shrink:0}.modal-actions-mobile>.actions-buttons-container>button{margin:0!important}.btn-cancel-mobile{width:160px!important;height:44px!important;border:1px solid #3e627b!important;border-radius:8px!important;background:#fff!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#0d4261!important}.btn-action-mobile{flex:1 1 0!important;min-width:0!important;height:44px!important;border-radius:8px!important;background:#0d4261!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#fff!important}.home-indicator{width:134px;height:5px;background:#161616;border-radius:100px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width: 768px){.desktop-view{display:none!important}.mobile-view{display:flex!important}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;border-radius:0!important;max-height:90vh!important}:host ::ng-deep .cdk-overlay-backdrop{background-color:#00000080!important}}@media (min-width: 769px){.desktop-view{display:block!important}.mobile-view{display:none!important}}@media (max-width: 600px){::ng-deep cdk-global-overlay-wrapper{align-items:flex-end!important}}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCommentComponent, decorators: [{
             type: Component,
@@ -99,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         MatSelect,
                         NgForOf,
                         NgIf
-                    ], template: "<div class=\"dialog-container\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"desktop-view\">\r\n    <h2 mat-dialog-title class=\"dialog-title\">\r\n      {{ titleKey | translate}} {{itemName}}\r\n    </h2>\r\n\r\n    <p class=\"dialog-subtitle\">\r\n      {{ subtitleKey | translate }}\r\n    </p>\r\n\r\n    <p class=\"textarea-label\">\r\n      {{ reasonLabelKey | translate }}\r\n    </p>\r\n\r\n    <mat-dialog-content class=\"content-section\">\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else textMode\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? (item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #textMode>\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box\">\r\n        <mat-icon>info</mat-icon>\r\n        <span class=\"info-text\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\" class=\"footer-actions\">\r\n      <button mat-stroked-button class=\"btn-none-background-primary cancel-btn\" (click)=\"cancel()\">\r\n        {{ cancelKey | translate }}\r\n      </button>\r\n\r\n      <button\r\n        mat-flat-button\r\n        class=\"btn-background-primary warn-btn\"\r\n        (click)=\"commentAndClose()\"\r\n        [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n        {{ actionKey | translate }}\r\n      </button>\r\n    </mat-dialog-actions>\r\n  </div>\r\n\r\n  <div class=\"mobile-view\">\r\n    <div class=\"modal-header\">\r\n      <div class=\"handle\"></div>\r\n      <div class=\"header-content\">\r\n        <p class=\"modal-title\">{{ titleKey | translate }}</p>\r\n        <button class=\"close-button\" (click)=\"cancel()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body\">\r\n\r\n      <div class=\"textarea-label-mobile\">\r\n        {{ reasonLabelKey | translate }} {{ itemName }}\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else mobileText\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            class=\"textarea-mobile\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? ( item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #mobileText>\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box-mobile\">\r\n        <mat-icon class=\"info-icon-mobile\">info</mat-icon>\r\n        <span class=\"info-text-mobile\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"modal-actions-mobile\">\r\n      <div class=\"actions-buttons-container\">\r\n        <button mat-stroked-button class=\"btn-cancel-mobile\" (click)=\"cancel()\">\r\n          {{ cancelKey | translate }}\r\n        </button>\r\n        <button\r\n          mat-flat-button\r\n          class=\"btn-action-mobile\"\r\n          (click)=\"commentAndClose()\"\r\n          [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n          {{ actionKey | translate }}\r\n        </button>\r\n      </div>\r\n      <div class=\"home-indicator\"></div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".dialog-container{position:relative}.desktop-view{display:block}.mobile-view{display:none}.dialog-title{font-size:20px;font-weight:600;padding:0 16px}.dialog-subtitle{color:#666;padding:0 20px}.textarea-label{font-weight:600;padding:5px 20px;margin:0;color:#000}.info-text{color:#888;font-family:Lusail,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.info-box{display:flex;font-size:12px}.info-box mat-icon{font-size:18px;color:var(--primary-color-3nd)}.footer-actions{margin-top:0}.cancel-btn{width:121px!important}.warn-btn{width:171px!important}.content-section{padding:0 20px}.mobile-view{display:flex;flex-direction:column;gap:8px;background:#fff;padding:16px 24px;min-height:356px;box-sizing:border-box}.modal-header{display:flex;flex-direction:column;gap:8px;width:100%}.handle{width:36px;height:4px;background:#b7b7b7;border-radius:2px;margin:0 auto;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.modal-title{font-family:Lusail,sans-serif;font-weight:500;font-size:14px;line-height:1.2;color:#161616;text-align:center;position:absolute;left:50%;transform:translate(-50%);margin:0;width:200px}.close-button{background:#f0eeee;border:none;border-radius:9999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}.close-button mat-icon{font-size:20px;width:20px;height:20px;color:#000;overflow:visible}.close-button:hover{background:#e0e0e0}.modal-body{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;min-height:0}.textarea-label-mobile{font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#000;height:24px;max-height:24px;margin:0;padding:0}.textarea-field-mobile{width:100%;margin:0!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-infix{min-height:107px;padding:16px!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-outline{border:1px solid #b7b7b7!important;border-radius:8px!important}:host ::ng-deep .textarea-field-mobile textarea{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;resize:both}:host ::ng-deep .textarea-field-mobile textarea::placeholder{color:#888;font-weight:300;font-size:16px;line-height:1.2}.info-box-mobile{display:flex;gap:8px;align-items:flex-end;width:100%}.info-box-mobile .info-icon-mobile{font-size:18px;width:18px;height:20px;color:#b54708;flex-shrink:0;margin-top:2px}.info-box-mobile .info-text-mobile{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1;color:#5c5c5c;flex:1}.modal-actions-mobile{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;width:100%;min-height:68px;position:relative}.actions-buttons-container{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin-bottom:0;flex-shrink:0}.modal-actions-mobile>.actions-buttons-container>button{margin:0!important}.btn-cancel-mobile{width:160px!important;height:44px!important;border:1px solid #3e627b!important;border-radius:8px!important;background:#fff!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#0d4261!important}.btn-action-mobile{flex:1 1 0!important;min-width:0!important;height:44px!important;border-radius:8px!important;background:#0d4261!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#fff!important}.home-indicator{width:134px;height:5px;background:#161616;border-radius:100px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width: 768px){.desktop-view{display:none!important}.mobile-view{display:flex!important}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;border-radius:0!important;max-height:90vh!important}:host ::ng-deep .cdk-overlay-backdrop{background-color:#00000080!important}}@media (min-width: 769px){.desktop-view{display:block!important}.mobile-view{display:none!important}}@media (max-width: 600px){::ng-deep cdk-global-overlay-wrapper{align-items:flex-end!important}}\n"] }]
+                    ], template: "<div class=\"dialog-container\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"desktop-view\">\r\n    <h2 mat-dialog-title class=\"dialog-title\">\r\n      {{ titleKey | translate}} {{itemName}}\r\n    </h2>\r\n\r\n    <p class=\"dialog-subtitle\">\r\n      {{ subtitleKey | translate }}\r\n    </p>\r\n\r\n    <p class=\"textarea-label\">\r\n      {{ reasonLabelKey | translate }}\r\n    </p>\r\n\r\n    <mat-dialog-content class=\"content-section\">\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else textMode\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? (item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            maxlength=\"1000\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #textMode>\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            maxlength=\"1000\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box\">\r\n        <mat-icon>info</mat-icon>\r\n        <span class=\"info-text\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\" class=\"footer-actions\">\r\n      <button mat-stroked-button class=\"btn-none-background-primary cancel-btn\" (click)=\"cancel()\">\r\n        {{ cancelKey | translate }}\r\n      </button>\r\n\r\n      <button\r\n        mat-flat-button\r\n        class=\"btn-background-primary warn-btn\"\r\n        (click)=\"commentAndClose()\"\r\n        [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n        {{ actionKey | translate }}\r\n      </button>\r\n    </mat-dialog-actions>\r\n  </div>\r\n\r\n  <div class=\"mobile-view\">\r\n    <div class=\"modal-header\">\r\n      <div class=\"handle\"></div>\r\n      <div class=\"header-content\">\r\n        <p class=\"modal-title\">{{ titleKey | translate }}</p>\r\n        <button class=\"close-button\" (click)=\"cancel()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body\">\r\n\r\n      <div class=\"textarea-label-mobile\">\r\n        {{ reasonLabelKey | translate }} {{ itemName }}\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else mobileText\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            class=\"textarea-mobile\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? ( item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            maxlength=\"1000\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #mobileText>\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            maxlength=\"1000\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box-mobile\">\r\n        <mat-icon class=\"info-icon-mobile\">info</mat-icon>\r\n        <span class=\"info-text-mobile\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"modal-actions-mobile\">\r\n      <div class=\"actions-buttons-container\">\r\n        <button mat-stroked-button class=\"btn-cancel-mobile\" (click)=\"cancel()\">\r\n          {{ cancelKey | translate }}\r\n        </button>\r\n        <button\r\n          mat-flat-button\r\n          class=\"btn-action-mobile\"\r\n          (click)=\"commentAndClose()\"\r\n          [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n          {{ actionKey | translate }}\r\n        </button>\r\n      </div>\r\n      <div class=\"home-indicator\"></div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".dialog-container{position:relative}.desktop-view{display:block}.mobile-view{display:none}.dialog-title{font-size:20px;font-weight:600;padding:0 16px}.dialog-subtitle{color:#666;padding:0 20px}.textarea-label{font-weight:600;padding:5px 20px;margin:0;color:#000}.info-text{color:#888;font-family:Lusail,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.info-box{display:flex;font-size:12px}.info-box mat-icon{font-size:18px;color:var(--primary-color-3nd)}.footer-actions{margin-top:0}.cancel-btn{width:121px!important}.warn-btn{width:171px!important}.content-section{padding:0 20px}.mobile-view{display:flex;flex-direction:column;gap:8px;background:#fff;padding:16px 24px;min-height:356px;box-sizing:border-box}.modal-header{display:flex;flex-direction:column;gap:8px;width:100%}.handle{width:36px;height:4px;background:#b7b7b7;border-radius:2px;margin:0 auto;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.modal-title{font-family:Lusail,sans-serif;font-weight:500;font-size:14px;line-height:1.2;color:#161616;text-align:center;position:absolute;left:50%;transform:translate(-50%);margin:0;width:200px}.close-button{background:#f0eeee;border:none;border-radius:9999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}.close-button mat-icon{font-size:20px;width:20px;height:20px;color:#000;overflow:visible}.close-button:hover{background:#e0e0e0}.modal-body{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;min-height:0}.textarea-label-mobile{font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#000;height:24px;max-height:24px;margin:0;padding:0}.textarea-field-mobile{width:100%;margin:0!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-infix{min-height:107px;padding:16px!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-outline{border:1px solid #b7b7b7!important;border-radius:8px!important}:host ::ng-deep .textarea-field-mobile textarea{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;resize:both}:host ::ng-deep .textarea-field-mobile textarea::placeholder{color:#888;font-weight:300;font-size:16px;line-height:1.2}.info-box-mobile{display:flex;gap:8px;align-items:flex-end;width:100%}.info-box-mobile .info-icon-mobile{font-size:18px;width:18px;height:20px;color:#b54708;flex-shrink:0;margin-top:2px}.info-box-mobile .info-text-mobile{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1;color:#5c5c5c;flex:1}.modal-actions-mobile{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;width:100%;min-height:68px;position:relative}.actions-buttons-container{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin-bottom:0;flex-shrink:0}.modal-actions-mobile>.actions-buttons-container>button{margin:0!important}.btn-cancel-mobile{width:160px!important;height:44px!important;border:1px solid #3e627b!important;border-radius:8px!important;background:#fff!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#0d4261!important}.btn-action-mobile{flex:1 1 0!important;min-width:0!important;height:44px!important;border-radius:8px!important;background:#0d4261!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#fff!important}.home-indicator{width:134px;height:5px;background:#161616;border-radius:100px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width: 768px){.desktop-view{display:none!important}.mobile-view{display:flex!important}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;border-radius:0!important;max-height:90vh!important}:host ::ng-deep .cdk-overlay-backdrop{background-color:#00000080!important}}@media (min-width: 769px){.desktop-view{display:block!important}.mobile-view{display:none!important}}@media (max-width: 600px){::ng-deep cdk-global-overlay-wrapper{align-items:flex-end!important}}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -107,4 +107,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: HostListener,
                 args: ['window:keyup.esc']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNvbW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9hY3Rpb24tY29tbWVudC9hY3Rpb24tY29tbWVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1jb21tZW50L2FjdGlvbi1jb21tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQ0wsZUFBZSxFQUNmLGdCQUFnQixFQUNoQixnQkFBZ0IsRUFFaEIsY0FBYyxFQUNmLE1BQU0sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUMsZUFBZSxFQUFtQixNQUFNLHFCQUFxQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIs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MkJZLE1BQU07MkJBQUMsZUFBZTt3RUFJRCxPQUFPO3NCQUF4QyxZQUFZO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbmplY3QsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIE1BVF9ESUFMT0dfREFUQSxcclxuICBNYXREaWFsb2dBY3Rpb25zLFxyXG4gIE1hdERpYWxvZ0NvbnRlbnQsXHJcbiAgTWF0RGlhbG9nUmVmLFxyXG4gIE1hdERpYWxvZ1RpdGxlXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDZGtUZXh0YXJlYUF1dG9zaXplIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RleHQtZmllbGQnO1xyXG5pbXBvcnQge1RyYW5zbGF0ZU1vZHVsZSwgVHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcbmltcG9ydCB7IE1hdEJ1dHRvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XHJcbmltcG9ydCB7IE1hdElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xyXG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IE1hdE9wdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRTZWxlY3QgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zZWxlY3QnO1xyXG5pbXBvcnQgeyBOZ0Zvck9mLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWFjdGlvbi1jb21tZW50JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIE1hdERpYWxvZ1RpdGxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkLFxyXG4gICAgTWF0RGlhbG9nQ29udGVudCxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgQ2RrVGV4dGFyZWFBdXRvc2l6ZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIE1hdERpYWxvZ0FjdGlvbnMsXHJcbiAgICBNYXRCdXR0b24sXHJcbiAgICBNYXRJbnB1dCxcclxuICAgIE1hdEljb24sXHJcbiAgICBNYXRPcHRpb24sXHJcbiAgICBNYXRTZWxlY3QsXHJcbiAgICBOZ0Zvck9mLFxyXG4gICAgTmdJZlxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1jb21tZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWN0aW9uLWNvbW1lbnQuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEFjdGlvbkNvbW1lbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGl0ZW1OYW1lOiBzdHJpbmcgPSAnJztcclxuICB0aXRsZUtleTogc3RyaW5nID0gJyc7XHJcbiAgc3VidGl0bGVLZXk6IHN0cmluZyA9ICcnO1xyXG4gIHJlYXNvbkxhYmVsS2V5OiBzdHJpbmcgPSAnJztcclxuICBwbGFjZWhvbGRlcktleTogc3RyaW5nID0gJyc7XHJcbiAgd2FybmluZ0tleTogc3RyaW5nID0gJyc7XHJcbiAgY2FuY2VsS2V5OiBzdHJpbmcgPSAnJztcclxuICBhY3Rpb25LZXk6IHN0cmluZyA9ICcnO1xyXG4gIGN1cnJlbnREaXJlY3Rpb246ICdsdHInIHwgJ3J0bCcgPSAnbHRyJztcclxuXHJcbiAgYWN0aW9uTGFiZWwgOiBzdHJpbmcgPScnXHJcbiAgaXNUZXJtaW5hdGlvbiA6IGJvb2xlYW49ZmFsc2U7XHJcbiAgY29tbWVudDogc3RyaW5nID0gJyc7XHJcbiAgb3RoZXJDb21tZW50OiBzdHJpbmcgPSAnJztcclxuICBleHRlcm5hbDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHNpZ25pbmdSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHRva2VuUmVmZXJlbmNlOiBzdHJpbmcgPSBcIlwiO1xyXG4gIG90cDogc3RyaW5nID0gXCJcIjtcclxuICBpc1N1Ym1pdHRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHdhcm5pbmdNc2cgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEFjdGlvbkNvbW1lbnRDb21wb25lbnQ+LFxyXG4gICAgICAgICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogYW55LFxyXG4gICAgICAgICAgICAgIHB1YmxpYyB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UpIHtcclxuICAgIGRpYWxvZ1JlZi5kaXNhYmxlQ2xvc2UgPSB0cnVlO1xyXG4gIH1cclxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5dXAuZXNjJykgb25LZXlVcCgpIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3Rpb25MYWJlbCA9IHRoaXMuZGF0YS5sYWJlbDtcclxuICAgIHRoaXMuaXNUZXJtaW5hdGlvbiA9IHRoaXMuZGF0YS5pc1Rlcm1pbmF0aW9uIDtcclxuICAgIHRoaXMuc2lnbmluZ1JlcXVpcmVkID0gdGhpcy5kYXRhLnNpZ25pbmdSZXF1aXJlZDtcclxuICAgIHRoaXMudG9rZW5SZWZlcmVuY2UgPSB0aGlzLmRhdGEudG9rZW5SZWZlcmVuY2U7XHJcbiAgICB0aGlzLndhcm5pbmdNc2cgPSB0aGlzLmRhdGEud2FybmluZ01zZyB8fCBmYWxzZTtcclxuXHJcbiAgICB0aGlzLml0ZW1OYW1lID0gdGhpcy5kYXRhLmRldmljZU5hbWU7XHJcbiAgICB0aGlzLnRpdGxlS2V5ID0gdGhpcy5kYXRhLnRpdGxlS2V5O1xyXG4gICAgdGhpcy5zdWJ0aXRsZUtleSA9IHRoaXMuZGF0YS5zdWJ0aXRsZUtleTtcclxuICAgIHRoaXMucmVhc29uTGFiZWxLZXkgPSB0aGlzLmRhdGEucmVhc29uTGFiZWxLZXk7XHJcbiAgICB0aGlzLnBsYWNlaG9sZGVyS2V5ID0gdGhpcy5kYXRhLnBsYWNlaG9sZGVyS2V5O1xyXG4gICAgdGhpcy53YXJuaW5nS2V5ID0gdGhpcy5kYXRhLndhcm5pbmdLZXk7XHJcbiAgICB0aGlzLmNhbmNlbEtleSA9IHRoaXMuZGF0YS5jYW5jZWxLZXk7XHJcbiAgICB0aGlzLmFjdGlvbktleSA9IHRoaXMuZGF0YS5hY3Rpb25LZXk7XHJcbiAgICB0aGlzLmN1cnJlbnREaXJlY3Rpb24gID0gdGhpcy5kYXRhLmRpcmVjdGlvbjtcclxuICB9XHJcblxyXG5cclxuICBjb21tZW50QW5kQ2xvc2UoKSB7XHJcbiAgICB0aGlzLmlzU3VibWl0dGVkID0gdHJ1ZTtcclxuXHJcbiAgICBpZiAodGhpcy5zaWduaW5nUmVxdWlyZWQgJiYgIXRoaXMub3RwKSB7XHJcbiAgICAgIHJldHVybiBmYWxzZTtcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCBmaW5hbENvbW1lbnQgPVxyXG4gICAgICB0aGlzLmNvbW1lbnQgPT09ICdPVEhFUicgPyB0aGlzLm90aGVyQ29tbWVudCA6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQodGhpcy5jb21tZW50KTtcclxuXHJcbiAgICBjb25zdCBvYmo6IHsgW2tleTogc3RyaW5nXTogYW55IH0gPSB7XHJcbiAgICAgIGNvbW1lbnQ6IGZpbmFsQ29tbWVudCxcclxuICAgICAgc2hhcmVFeHRlcm5hbDogdGhpcy5leHRlcm5hbFxyXG4gICAgfTtcclxuXHJcbiAgICBpZiAodGhpcy5zaWduaW5nUmVxdWlyZWQpIHtcclxuICAgICAgb2JqWyd0b2tlbiddID0gdGhpcy5vdHA7XHJcbiAgICAgIG9ialsndG9rZW5SZWZlcmVuY2UnXSA9IHRoaXMudG9rZW5SZWZlcmVuY2U7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2Uob2JqKTtcclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgY2FuY2VsKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkaWFsb2ctY29udGFpbmVyXCIgW2Rpcl09XCJjdXJyZW50RGlyZWN0aW9uXCI+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJkZXNrdG9wLXZpZXdcIj5cclxuICAgIDxoMiBtYXQtZGlhbG9nLXRpdGxlIGNsYXNzPVwiZGlhbG9nLXRpdGxlXCI+XHJcbiAgICAgIHt7IHRpdGxlS2V5IHwgdHJhbnNsYXRlfX0ge3tpdGVtTmFtZX19XHJcbiAgICA8L2gyPlxyXG5cclxuICAgIDxwIGNsYXNzPVwiZGlhbG9nLXN1YnRpdGxlXCI+XHJcbiAgICAgIHt7IHN1YnRpdGxlS2V5IHwgdHJhbnNsYXRlIH19XHJcbiAgICA8L3A+XHJcblxyXG4gICAgPHAgY2xhc3M9XCJ0ZXh0YXJlYS1sYWJlbFwiPlxyXG4gICAgICB7eyByZWFzb25MYWJlbEtleSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9wPlxyXG5cclxuICAgIDxtYXQtZGlhbG9nLWNvbnRlbnQgY2xhc3M9XCJjb250ZW50LXNlY3Rpb25cIj5cclxuXHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhPy5vcHRpb25zPy5sZW5ndGg7IGVsc2UgdGV4dE1vZGVcIj5cclxuXHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgY2xhc3M9XCJ3LTEwMFwiPlxyXG4gICAgICAgICAgPG1hdC1zZWxlY3RcclxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb21tZW50XCJcclxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyS2V5IHwgdHJhbnNsYXRlXCI+XHJcblxyXG4gICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhLm9wdGlvbnNcIiBbdmFsdWVdPVwiaXRlbVwiPlxyXG4gICAgICAgICAgICAgIHt7IGRhdGEudHJhbnNsYXRlID8gKGl0ZW0gfCB0cmFuc2xhdGUpIDogaXRlbSB9fVxyXG4gICAgICAgICAgICA8L21hdC1vcHRpb24+XHJcblxyXG4gICAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcblxyXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZFxyXG4gICAgICAgICAgKm5nSWY9XCJjb21tZW50ID09PSAnT1RIRVInXCJcclxuICAgICAgICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcclxuICAgICAgICAgIGNsYXNzPVwidy0xMDBcIj5cclxuICAgICAgICAgIDx0ZXh0YXJlYVxyXG4gICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm90aGVyQ29tbWVudFwiXHJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcktleSB8IHRyYW5zbGF0ZVwiXHJcbiAgICAgICAgICAgIGNka1RleHRhcmVhQXV0b3NpemVcclxuICAgICAgICAgICAgY2RrQXV0b3NpemVNaW5Sb3dzPVwiNFwiXHJcbiAgICAgICAgICAgIGNka0F1dG9zaXplTWF4Um93cz1cIjVcIj5cclxuICAgICAgICAgIDwvdGV4dGFyZWE+XHJcbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuXHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgPG5nLXRlbXBsYXRlICN0ZXh0TW9kZT5cclxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBjbGFzcz1cInctMTAwXCI+XHJcbiAgICAgICAgICA8dGV4dGFyZWFcclxuICAgICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb21tZW50XCJcclxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyS2V5IHwgdHJhbnNsYXRlXCJcclxuICAgICAgICAgICAgY2RrVGV4dGFyZWFBdXRvc2l6ZVxyXG4gICAgICAgICAgICBjZGtBdXRvc2l6ZU1pblJvd3M9XCI0XCJcclxuICAgICAgICAgICAgY2RrQXV0b3NpemVNYXhSb3dzPVwiNVwiPlxyXG4gICAgICAgICAgPC90ZXh0YXJlYT5cclxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImluZm8tYm94XCI+XHJcbiAgICAgICAgPG1hdC1pY29uPmluZm88L21hdC1pY29uPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaW5mby10ZXh0XCI+XHJcbiAgICAgICAgICB7eyB3YXJuaW5nS2V5IHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICA8L21hdC1kaWFsb2ctY29udGVudD5cclxuXHJcbiAgICA8bWF0LWRpYWxvZy1hY3Rpb25zIGFsaWduPVwiZW5kXCIgY2xhc3M9XCJmb290ZXItYWN0aW9uc1wiPlxyXG4gICAgICA8YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvbiBjbGFzcz1cImJ0bi1ub25lLWJhY2tncm91bmQtcHJpbWFyeSBjYW5jZWwtYnRuXCIgKGNsaWNrKT1cImNhbmNlbCgpXCI+XHJcbiAgICAgICAge3sgY2FuY2VsS2V5IHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvYnV0dG9uPlxyXG5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIG1hdC1mbGF0LWJ1dHRvblxyXG4gICAgICAgIGNsYXNzPVwiYnRuLWJhY2tncm91bmQtcHJpbWFyeSB3YXJuLWJ0blwiXHJcbiAgICAgICAgKGNsaWNrKT1cImNvbW1lbnRBbmRDbG9zZSgpXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiIWNvbW1lbnQgfHwgKGNvbW1lbnQgPT09ICdPVEhFUicgJiYgIW90aGVyQ29tbWVudClcIj5cclxuICAgICAgICB7eyBhY3Rpb25LZXkgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L21hdC1kaWFsb2ctYWN0aW9ucz5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cIm1vYmlsZS12aWV3XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJoYW5kbGVcIj48L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1jb250ZW50XCI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJtb2RhbC10aXRsZVwiPnt7IHRpdGxlS2V5IHwgdHJhbnNsYXRlIH19PC9wPlxyXG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJjbG9zZS1idXR0b25cIiAoY2xpY2spPVwiY2FuY2VsKClcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0YXJlYS1sYWJlbC1tb2JpbGVcIj5cclxuICAgICAgICB7eyByZWFzb25MYWJlbEtleSB8IHRyYW5zbGF0ZSB9fSB7eyBpdGVtTmFtZSB9fVxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhPy5vcHRpb25zPy5sZW5ndGg7IGVsc2UgbW9iaWxlVGV4dFwiPlxyXG5cclxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBjbGFzcz1cInRleHRhcmVhLWZpZWxkLW1vYmlsZVwiPlxyXG4gICAgICAgICAgPG1hdC1zZWxlY3RcclxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb21tZW50XCJcclxuICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0YXJlYS1tb2JpbGVcIj5cclxuXHJcbiAgICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEub3B0aW9uc1wiIFt2YWx1ZV09XCJpdGVtXCI+XHJcbiAgICAgICAgICAgICAge3sgZGF0YS50cmFuc2xhdGUgPyAoIGl0ZW0gfCB0cmFuc2xhdGUpIDogaXRlbSB9fVxyXG4gICAgICAgICAgICA8L21hdC1vcHRpb24+XHJcblxyXG4gICAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcblxyXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZFxyXG4gICAgICAgICAgKm5nSWY9XCJjb21tZW50ID09PSAnT1RIRVInXCJcclxuICAgICAgICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcclxuICAgICAgICAgIGNsYXNzPVwidGV4dGFyZWEtZmllbGQtbW9iaWxlXCI+XHJcbiAgICAgICAgICA8dGV4dGFyZWFcclxuICAgICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJvdGhlckNvbW1lbnRcIlxyXG4gICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJLZXkgfCB0cmFuc2xhdGVcIlxyXG4gICAgICAgICAgICBjZGtUZXh0YXJlYUF1dG9zaXplXHJcbiAgICAgICAgICAgIGNka0F1dG9zaXplTWluUm93cz1cIjRcIlxyXG4gICAgICAgICAgICBjZGtBdXRvc2l6ZU1heFJvd3M9XCI1XCJcclxuICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0YXJlYS1tb2JpbGVcIj5cclxuICAgICAgICAgIDwvdGV4dGFyZWE+XHJcbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuXHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgPG5nLXRlbXBsYXRlICNtb2JpbGVUZXh0PlxyXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwidGV4dGFyZWEtZmllbGQtbW9iaWxlXCI+XHJcbiAgICAgICAgICA8dGV4dGFyZWFcclxuICAgICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb21tZW50XCJcclxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyS2V5IHwgdHJhbnNsYXRlXCJcclxuICAgICAgICAgICAgY2RrVGV4dGFyZWFBdXRvc2l6ZVxyXG4gICAgICAgICAgICBjZGtBdXRvc2l6ZU1pblJvd3M9XCI0XCJcclxuICAgICAgICAgICAgY2RrQXV0b3NpemVNYXhSb3dzPVwiNVwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwidGV4dGFyZWEtbW9iaWxlXCI+XHJcbiAgICAgICAgICA8L3RleHRhcmVhPlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaW5mby1ib3gtbW9iaWxlXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiaW5mby1pY29uLW1vYmlsZVwiPmluZm88L21hdC1pY29uPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaW5mby10ZXh0LW1vYmlsZVwiPlxyXG4gICAgICAgICAge3sgd2FybmluZ0tleSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWFjdGlvbnMtbW9iaWxlXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zLWJ1dHRvbnMtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b24gY2xhc3M9XCJidG4tY2FuY2VsLW1vYmlsZVwiIChjbGljayk9XCJjYW5jZWwoKVwiPlxyXG4gICAgICAgICAge3sgY2FuY2VsS2V5IHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgbWF0LWZsYXQtYnV0dG9uXHJcbiAgICAgICAgICBjbGFzcz1cImJ0bi1hY3Rpb24tbW9iaWxlXCJcclxuICAgICAgICAgIChjbGljayk9XCJjb21tZW50QW5kQ2xvc2UoKVwiXHJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiIWNvbW1lbnQgfHwgKGNvbW1lbnQgPT09ICdPVEhFUicgJiYgIW90aGVyQ29tbWVudClcIj5cclxuICAgICAgICAgIHt7IGFjdGlvbktleSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImhvbWUtaW5kaWNhdG9yXCI+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNvbW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9hY3Rpb24tY29tbWVudC9hY3Rpb24tY29tbWVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1jb21tZW50L2FjdGlvbi1jb21tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQ0wsZUFBZSxFQUNmLGdCQUFnQixFQUNoQixnQkFBZ0IsRUFFaEIsY0FBYyxFQUNmLE1BQU0sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUMsZUFBZSxFQUFtQixNQUFNLHFCQUFxQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIs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MkJZLE1BQU07MkJBQUMsZUFBZTt3RUFJRCxPQUFPO3NCQUF4QyxZQUFZO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbmplY3QsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIE1BVF9ESUFMT0dfREFUQSxcclxuICBNYXREaWFsb2dBY3Rpb25zLFxyXG4gIE1hdERpYWxvZ0NvbnRlbnQsXHJcbiAgTWF0RGlhbG9nUmVmLFxyXG4gIE1hdERpYWxvZ1RpdGxlXHJcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDZGtUZXh0YXJlYUF1dG9zaXplIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RleHQtZmllbGQnO1xyXG5pbXBvcnQge1RyYW5zbGF0ZU1vZHVsZSwgVHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcbmltcG9ydCB7IE1hdEJ1dHRvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XHJcbmltcG9ydCB7IE1hdElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xyXG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IE1hdE9wdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRTZWxlY3QgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zZWxlY3QnO1xyXG5pbXBvcnQgeyBOZ0Zvck9mLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWFjdGlvbi1jb21tZW50JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIE1hdERpYWxvZ1RpdGxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkLFxyXG4gICAgTWF0RGlhbG9nQ29udGVudCxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgQ2RrVGV4dGFyZWFBdXRvc2l6ZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIE1hdERpYWxvZ0FjdGlvbnMsXHJcbiAgICBNYXRCdXR0b24sXHJcbiAgICBNYXRJbnB1dCxcclxuICAgIE1hdEljb24sXHJcbiAgICBNYXRPcHRpb24sXHJcbiAgICBNYXRTZWxlY3QsXHJcbiAgICBOZ0Zvck9mLFxyXG4gICAgTmdJZlxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1jb21tZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWN0aW9uLWNvbW1lbnQuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEFjdGlvbkNvbW1lbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGl0ZW1OYW1lOiBzdHJpbmcgPSAnJztcclxuICB0aXRsZUtleTogc3RyaW5nID0gJyc7XHJcbiAgc3VidGl0bGVLZXk6IHN0cmluZyA9ICcnO1xyXG4gIHJlYXNvbkxhYmVsS2V5OiBzdHJpbmcgPSAnJztcclxuICBwbGFjZWhvbGRlcktleTogc3RyaW5nID0gJyc7XHJcbiAgd2FybmluZ0tleTogc3RyaW5nID0gJyc7XHJcbiAgY2FuY2VsS2V5OiBzdHJpbmcgPSAnJztcclxuICBhY3Rpb25LZXk6IHN0cmluZyA9ICcnO1xyXG4gIGN1cnJlbnREaXJlY3Rpb246ICdsdHInIHwgJ3J0bCcgPSAnbHRyJztcclxuXHJcbiAgYWN0aW9uTGFiZWwgOiBzdHJpbmcgPScnXHJcbiAgaXNUZXJtaW5hdGlvbiA6IGJvb2xlYW49ZmFsc2U7XHJcbiAgY29tbWVudDogc3RyaW5nID0gJyc7XHJcbiAgb3RoZXJDb21tZW50OiBzdHJpbmcgPSAnJztcclxuICBleHRlcm5hbDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHNpZ25pbmdSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHRva2VuUmVmZXJlbmNlOiBzdHJpbmcgPSBcIlwiO1xyXG4gIG90cDogc3RyaW5nID0gXCJcIjtcclxuICBpc1N1Ym1pdHRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHdhcm5pbmdNc2cgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEFjdGlvbkNvbW1lbnRDb21wb25lbnQ+LFxyXG4gICAgICAgICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogYW55LFxyXG4gICAgICAgICAgICAgIHB1YmxpYyB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UpIHtcclxuICAgIGRpYWxvZ1JlZi5kaXNhYmxlQ2xvc2UgPSB0cnVlO1xyXG4gIH1cclxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5dXAuZXNjJykgb25LZXlVcCgpIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3Rpb25MYWJlbCA9IHRoaXMuZGF0YS5sYWJlbDtcclxuICAgIHRoaXMuaXNUZXJtaW5hdGlvbiA9IHRoaXMuZGF0YS5pc1Rlcm1pbmF0aW9uIDtcclxuICAgIHRoaXMuc2lnbmluZ1JlcXVpcmVkID0gdGhpcy5kYXRhLnNpZ25pbmdSZXF1aXJlZDtcclxuICAgIHRoaXMudG9rZW5SZWZlcmVuY2UgPSB0aGlzLmRhdGEudG9rZW5SZWZlcmVuY2U7XHJcbiAgICB0aGlzLndhcm5pbmdNc2cgPSB0aGlzLmRhdGEud2FybmluZ01zZyB8fCBmYWxzZTtcclxuXHJcbiAgICB0aGlzLml0ZW1OYW1lID0gdGhpcy5kYXRhLmRldmljZU5hbWU7XHJcbiAgICB0aGlzLnRpdGxlS2V5ID0gdGhpcy5kYXRhLnRpdGxlS2V5O1xyXG4gICAgdGhpcy5zdWJ0aXRsZUtleSA9IHRoaXMuZGF0YS5zdWJ0aXRsZUtleTtcclxuICAgIHRoaXMucmVhc29uTGFiZWxLZXkgPSB0aGlzLmRhdGEucmVhc29uTGFiZWxLZXk7XHJcbiAgICB0aGlzLnBsYWNlaG9sZGVyS2V5ID0gdGhpcy5kYXRhLnBsYWNlaG9sZGVyS2V5O1xyXG4gICAgdGhpcy53YXJuaW5nS2V5ID0gdGhpcy5kYXRhLndhcm5pbmdLZXk7XHJcbiAgICB0aGlzLmNhbmNlbEtleSA9IHRoaXMuZGF0YS5jYW5jZWxLZXk7XHJcbiAgICB0aGlzLmFjdGlvbktleSA9IHRoaXMuZGF0YS5hY3Rpb25LZXk7XHJcbiAgICB0aGlzLmN1cnJlbnREaXJlY3Rpb24gID0gdGhpcy5kYXRhLmRpcmVjdGlvbjtcclxuICB9XHJcblxyXG5cclxuICBjb21tZW50QW5kQ2xvc2UoKSB7XHJcbiAgICB0aGlzLmlzU3VibWl0dGVkID0gdHJ1ZTtcclxuXHJcbiAgICBpZiAodGhpcy5zaWduaW5nUmVxdWlyZWQgJiYgIXRoaXMub3RwKSB7XHJcbiAgICAgIHJldHVybiBmYWxzZTtcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCBmaW5hbENvbW1lbnQgPVxyXG4gICAgICB0aGlzLmNvbW1lbnQgPT09ICdPVEhFUicgPyB0aGlzLm90aGVyQ29tbWVudCA6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQodGhpcy5jb21tZW50KTtcclxuXHJcbiAgICBjb25zdCBvYmo6IHsgW2tleTogc3RyaW5nXTogYW55IH0gPSB7XHJcbiAgICAgIGNvbW1lbnQ6IGZpbmFsQ29tbWVudCxcclxuICAgICAgc2hhcmVFeHRlcm5hbDogdGhpcy5leHRlcm5hbFxyXG4gICAgfTtcclxuXHJcbiAgICBpZiAodGhpcy5zaWduaW5nUmVxdWlyZWQpIHtcclxuICAgICAgb2JqWyd0b2tlbiddID0gdGhpcy5vdHA7XHJcbiAgICAgIG9ialsndG9rZW5SZWZlcmVuY2UnXSA9IHRoaXMudG9rZW5SZWZlcmVuY2U7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2Uob2JqKTtcclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgY2FuY2VsKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkaWFsb2ctY29udGFpbmVyXCIgW2Rpcl09XCJjdXJyZW50RGlyZWN0aW9uXCI+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJkZXNrdG9wLXZpZXdcIj5cclxuICAgIDxoMiBtYXQtZGlhbG9nLXRpdGxlIGNsYXNzPVwiZGlhbG9nLXRpdGxlXCI+XHJcbiAgICAgIHt7IHRpdGxlS2V5IHwgdHJhbnNsYXRlfX0ge3tpdGVtTmFtZX19XHJcbiAgICA8L2gyPlxyXG5cclxuICAgIDxwIGNsYXNzPVwiZGlhbG9nLXN1YnRpdGxlXCI+XHJcbiAgICAgIHt7IHN1YnRpdGxlS2V5IHwgdHJhbnNsYXRlIH19XHJcbiAgICA8L3A+XHJcblxyXG4gICAgPHAgY2xhc3M9XCJ0ZXh0YXJlYS1sYWJlbFwiPlxyXG4gICAgICB7eyByZWFzb25MYWJlbEtleSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9wPlxyXG5cclxuICAgIDxtYXQtZGlhbG9nLWNvbnRlbnQgY2xhc3M9XCJjb250ZW50LXNlY3Rpb25cIj5cclxuXHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhPy5vcHRpb25zPy5sZW5ndGg7IGVsc2UgdGV4dE1vZGVcIj5cclxuXHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgY2xhc3M9XCJ3LTEwMFwiPlxyXG4gICAgICAgICAgPG1hdC1zZWxlY3RcclxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb21tZW50XCJcclxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyS2V5IHwgdHJhbnNsYXRlXCI+XHJcblxyXG4gICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhLm9wdGlvbnNcIiBbdmFsdWVdPVwiaXRlbVwiPlxyXG4gICAgICAgICAgICAgIHt7IGRhdGEudHJhbnNsYXRlID8gKGl0ZW0gfCB0cmFuc2xhdGUpIDogaXRlbSB9fVxyXG4gICAgICAgICAgICA8L21hdC1vcHRpb24+XHJcblxyXG4gICAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcblxyXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZFxyXG4gICAgICAgICAgKm5nSWY9XCJjb21tZW50ID09PSAnT1RIRVInXCJcclxuICAgICAgICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcclxuICAgICAgICAgIGNsYXNzPVwidy0xMDBcIj5cclxuICAgICAgICAgIDx0ZXh0YXJlYVxyXG4gICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm90aGVyQ29tbWVudFwiXHJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcktleSB8IHRyYW5zbGF0ZVwiXHJcbiAgICAgICAgICAgIGNka1RleHRhcmVhQXV0b3NpemVcclxuICAgICAgICAgICAgY2RrQXV0b3NpemVNaW5Sb3dzPVwiNFwiXHJcbiAgICAgICAgICAgIG1heGxlbmd0aD1cIjEwMDBcIlxyXG4gICAgICAgICAgICBjZGtBdXRvc2l6ZU1heFJvd3M9XCI1XCI+XHJcbiAgICAgICAgICA8L3RleHRhcmVhPlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcblxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgIDxuZy10ZW1wbGF0ZSAjdGV4dE1vZGU+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgY2xhc3M9XCJ3LTEwMFwiPlxyXG4gICAgICAgICAgPHRleHRhcmVhXHJcbiAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgIFsobmdNb2RlbCldPVwiY29tbWVudFwiXHJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcktleSB8IHRyYW5zbGF0ZVwiXHJcbiAgICAgICAgICAgIGNka1RleHRhcmVhQXV0b3NpemVcclxuICAgICAgICAgICAgY2RrQXV0b3NpemVNaW5Sb3dzPVwiNFwiXHJcbiAgICAgICAgICAgIG1heGxlbmd0aD1cIjEwMDBcIlxyXG4gICAgICAgICAgICBjZGtBdXRvc2l6ZU1heFJvd3M9XCI1XCI+XHJcbiAgICAgICAgICA8L3RleHRhcmVhPlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaW5mby1ib3hcIj5cclxuICAgICAgICA8bWF0LWljb24+aW5mbzwvbWF0LWljb24+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJpbmZvLXRleHRcIj5cclxuICAgICAgICAgIHt7IHdhcm5pbmdLZXkgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvbWF0LWRpYWxvZy1jb250ZW50PlxyXG5cclxuICAgIDxtYXQtZGlhbG9nLWFjdGlvbnMgYWxpZ249XCJlbmRcIiBjbGFzcz1cImZvb3Rlci1hY3Rpb25zXCI+XHJcbiAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIGNsYXNzPVwiYnRuLW5vbmUtYmFja2dyb3VuZC1wcmltYXJ5IGNhbmNlbC1idG5cIiAoY2xpY2spPVwiY2FuY2VsKClcIj5cclxuICAgICAgICB7eyBjYW5jZWxLZXkgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC9idXR0b24+XHJcblxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgbWF0LWZsYXQtYnV0dG9uXHJcbiAgICAgICAgY2xhc3M9XCJidG4tYmFja2dyb3VuZC1wcmltYXJ5IHdhcm4tYnRuXCJcclxuICAgICAgICAoY2xpY2spPVwiY29tbWVudEFuZENsb3NlKClcIlxyXG4gICAgICAgIFtkaXNhYmxlZF09XCIhY29tbWVudCB8fCAoY29tbWVudCA9PT0gJ09USEVSJyAmJiAhb3RoZXJDb21tZW50KVwiPlxyXG4gICAgICAgIHt7IGFjdGlvbktleSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvbWF0LWRpYWxvZy1hY3Rpb25zPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwibW9iaWxlLXZpZXdcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImhhbmRsZVwiPjwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWNvbnRlbnRcIj5cclxuICAgICAgICA8cCBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+e3sgdGl0bGVLZXkgfCB0cmFuc2xhdGUgfX08L3A+XHJcbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImNsb3NlLWJ1dHRvblwiIChjbGljayk9XCJjYW5jZWwoKVwiPlxyXG4gICAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cInRleHRhcmVhLWxhYmVsLW1vYmlsZVwiPlxyXG4gICAgICAgIHt7IHJlYXNvbkxhYmVsS2V5IHwgdHJhbnNsYXRlIH19IHt7IGl0ZW1OYW1lIH19XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRhdGE/Lm9wdGlvbnM/Lmxlbmd0aDsgZWxzZSBtb2JpbGVUZXh0XCI+XHJcblxyXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwidGV4dGFyZWEtZmllbGQtbW9iaWxlXCI+XHJcbiAgICAgICAgICA8bWF0LXNlbGVjdFxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cImNvbW1lbnRcIlxyXG4gICAgICAgICAgICBjbGFzcz1cInRleHRhcmVhLW1vYmlsZVwiPlxyXG5cclxuICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YS5vcHRpb25zXCIgW3ZhbHVlXT1cIml0ZW1cIj5cclxuICAgICAgICAgICAgICB7eyBkYXRhLnRyYW5zbGF0ZSA/ICggaXRlbSB8IHRyYW5zbGF0ZSkgOiBpdGVtIH19XHJcbiAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cclxuXHJcbiAgICAgICAgICA8L21hdC1zZWxlY3Q+XHJcbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuXHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkXHJcbiAgICAgICAgICAqbmdJZj1cImNvbW1lbnQgPT09ICdPVEhFUidcIlxyXG4gICAgICAgICAgYXBwZWFyYW5jZT1cIm91dGxpbmVcIlxyXG4gICAgICAgICAgY2xhc3M9XCJ0ZXh0YXJlYS1maWVsZC1tb2JpbGVcIj5cclxuICAgICAgICAgIDx0ZXh0YXJlYVxyXG4gICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm90aGVyQ29tbWVudFwiXHJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcktleSB8IHRyYW5zbGF0ZVwiXHJcbiAgICAgICAgICAgIGNka1RleHRhcmVhQXV0b3NpemVcclxuICAgICAgICAgICAgY2RrQXV0b3NpemVNaW5Sb3dzPVwiNFwiXHJcbiAgICAgICAgICAgIGNka0F1dG9zaXplTWF4Um93cz1cIjVcIlxyXG4gICAgICAgICAgICBtYXhsZW5ndGg9XCIxMDAwXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0YXJlYS1tb2JpbGVcIj5cclxuICAgICAgICAgIDwvdGV4dGFyZWE+XHJcbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuXHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgPG5nLXRlbXBsYXRlICNtb2JpbGVUZXh0PlxyXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwidGV4dGFyZWEtZmllbGQtbW9iaWxlXCI+XHJcbiAgICAgICAgICA8dGV4dGFyZWFcclxuICAgICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb21tZW50XCJcclxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyS2V5IHwgdHJhbnNsYXRlXCJcclxuICAgICAgICAgICAgY2RrVGV4dGFyZWFBdXRvc2l6ZVxyXG4gICAgICAgICAgICBjZGtBdXRvc2l6ZU1pblJvd3M9XCI0XCJcclxuICAgICAgICAgICAgY2RrQXV0b3NpemVNYXhSb3dzPVwiNVwiXHJcbiAgICAgICAgICAgIG1heGxlbmd0aD1cIjEwMDBcIlxyXG4gICAgICAgICAgICBjbGFzcz1cInRleHRhcmVhLW1vYmlsZVwiPlxyXG4gICAgICAgICAgPC90ZXh0YXJlYT5cclxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImluZm8tYm94LW1vYmlsZVwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImluZm8taWNvbi1tb2JpbGVcIj5pbmZvPC9tYXQtaWNvbj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImluZm8tdGV4dC1tb2JpbGVcIj5cclxuICAgICAgICAgIHt7IHdhcm5pbmdLZXkgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1hY3Rpb25zLW1vYmlsZVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYWN0aW9ucy1idXR0b25zLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIGNsYXNzPVwiYnRuLWNhbmNlbC1tb2JpbGVcIiAoY2xpY2spPVwiY2FuY2VsKClcIj5cclxuICAgICAgICAgIHt7IGNhbmNlbEtleSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIG1hdC1mbGF0LWJ1dHRvblxyXG4gICAgICAgICAgY2xhc3M9XCJidG4tYWN0aW9uLW1vYmlsZVwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiY29tbWVudEFuZENsb3NlKClcIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIiFjb21tZW50IHx8IChjb21tZW50ID09PSAnT1RIRVInICYmICFvdGhlckNvbW1lbnQpXCI+XHJcbiAgICAgICAgICB7eyBhY3Rpb25LZXkgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJob21lLWluZGljYXRvclwiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG48L2Rpdj5cclxuIl19

package/fesm2022/iq-ui-lib.mjs

@@ -177,7 +177,7 @@ class ActionCommentComponent {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCommentComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCommentComponent, isStandalone: true, selector: "app-action-comment", host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"dialog-container\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"desktop-view\">\r\n    <h2 mat-dialog-title class=\"dialog-title\">\r\n      {{ titleKey | translate}} {{itemName}}\r\n    </h2>\r\n\r\n    <p class=\"dialog-subtitle\">\r\n      {{ subtitleKey | translate }}\r\n    </p>\r\n\r\n    <p class=\"textarea-label\">\r\n      {{ reasonLabelKey | translate }}\r\n    </p>\r\n\r\n    <mat-dialog-content class=\"content-section\">\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else textMode\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? (item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #textMode>\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box\">\r\n        <mat-icon>info</mat-icon>\r\n        <span class=\"info-text\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\" class=\"footer-actions\">\r\n      <button mat-stroked-button class=\"btn-none-background-primary cancel-btn\" (click)=\"cancel()\">\r\n        {{ cancelKey | translate }}\r\n      </button>\r\n\r\n      <button\r\n        mat-flat-button\r\n        class=\"btn-background-primary warn-btn\"\r\n        (click)=\"commentAndClose()\"\r\n        [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n        {{ actionKey | translate }}\r\n      </button>\r\n    </mat-dialog-actions>\r\n  </div>\r\n\r\n  <div class=\"mobile-view\">\r\n    <div class=\"modal-header\">\r\n      <div class=\"handle\"></div>\r\n      <div class=\"header-content\">\r\n        <p class=\"modal-title\">{{ titleKey | translate }}</p>\r\n        <button class=\"close-button\" (click)=\"cancel()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body\">\r\n\r\n      <div class=\"textarea-label-mobile\">\r\n        {{ reasonLabelKey | translate }} {{ itemName }}\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else mobileText\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            class=\"textarea-mobile\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? ( item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #mobileText>\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box-mobile\">\r\n        <mat-icon class=\"info-icon-mobile\">info</mat-icon>\r\n        <span class=\"info-text-mobile\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"modal-actions-mobile\">\r\n      <div class=\"actions-buttons-container\">\r\n        <button mat-stroked-button class=\"btn-cancel-mobile\" (click)=\"cancel()\">\r\n          {{ cancelKey | translate }}\r\n        </button>\r\n        <button\r\n          mat-flat-button\r\n          class=\"btn-action-mobile\"\r\n          (click)=\"commentAndClose()\"\r\n          [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n          {{ actionKey | translate }}\r\n        </button>\r\n      </div>\r\n      <div class=\"home-indicator\"></div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".dialog-container{position:relative}.desktop-view{display:block}.mobile-view{display:none}.dialog-title{font-size:20px;font-weight:600;padding:0 16px}.dialog-subtitle{color:#666;padding:0 20px}.textarea-label{font-weight:600;padding:5px 20px;margin:0;color:#000}.info-text{color:#888;font-family:Lusail,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.info-box{display:flex;font-size:12px}.info-box mat-icon{font-size:18px;color:var(--primary-color-3nd)}.footer-actions{margin-top:0}.cancel-btn{width:121px!important}.warn-btn{width:171px!important}.content-section{padding:0 20px}.mobile-view{display:flex;flex-direction:column;gap:8px;background:#fff;padding:16px 24px;min-height:356px;box-sizing:border-box}.modal-header{display:flex;flex-direction:column;gap:8px;width:100%}.handle{width:36px;height:4px;background:#b7b7b7;border-radius:2px;margin:0 auto;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.modal-title{font-family:Lusail,sans-serif;font-weight:500;font-size:14px;line-height:1.2;color:#161616;text-align:center;position:absolute;left:50%;transform:translate(-50%);margin:0;width:200px}.close-button{background:#f0eeee;border:none;border-radius:9999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}.close-button mat-icon{font-size:20px;width:20px;height:20px;color:#000;overflow:visible}.close-button:hover{background:#e0e0e0}.modal-body{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;min-height:0}.textarea-label-mobile{font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#000;height:24px;max-height:24px;margin:0;padding:0}.textarea-field-mobile{width:100%;margin:0!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-infix{min-height:107px;padding:16px!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-outline{border:1px solid #b7b7b7!important;border-radius:8px!important}:host ::ng-deep .textarea-field-mobile textarea{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;resize:both}:host ::ng-deep .textarea-field-mobile textarea::placeholder{color:#888;font-weight:300;font-size:16px;line-height:1.2}.info-box-mobile{display:flex;gap:8px;align-items:flex-end;width:100%}.info-box-mobile .info-icon-mobile{font-size:18px;width:18px;height:20px;color:#b54708;flex-shrink:0;margin-top:2px}.info-box-mobile .info-text-mobile{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1;color:#5c5c5c;flex:1}.modal-actions-mobile{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;width:100%;min-height:68px;position:relative}.actions-buttons-container{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin-bottom:0;flex-shrink:0}.modal-actions-mobile>.actions-buttons-container>button{margin:0!important}.btn-cancel-mobile{width:160px!important;height:44px!important;border:1px solid #3e627b!important;border-radius:8px!important;background:#fff!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#0d4261!important}.btn-action-mobile{flex:1 1 0!important;min-width:0!important;height:44px!important;border-radius:8px!important;background:#0d4261!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#fff!important}.home-indicator{width:134px;height:5px;background:#161616;border-radius:100px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width: 768px){.desktop-view{display:none!important}.mobile-view{display:flex!important}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;border-radius:0!important;max-height:90vh!important}:host ::ng-deep .cdk-overlay-backdrop{background-color:#00000080!important}}@media (min-width: 769px){.desktop-view{display:block!important}.mobile-view{display:none!important}}@media (max-width: 600px){::ng-deep cdk-global-overlay-wrapper{align-items:flex-end!important}}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCommentComponent, isStandalone: true, selector: "app-action-comment", host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"dialog-container\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"desktop-view\">\r\n    <h2 mat-dialog-title class=\"dialog-title\">\r\n      {{ titleKey | translate}} {{itemName}}\r\n    </h2>\r\n\r\n    <p class=\"dialog-subtitle\">\r\n      {{ subtitleKey | translate }}\r\n    </p>\r\n\r\n    <p class=\"textarea-label\">\r\n      {{ reasonLabelKey | translate }}\r\n    </p>\r\n\r\n    <mat-dialog-content class=\"content-section\">\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else textMode\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? (item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            maxlength=\"1000\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #textMode>\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            maxlength=\"1000\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box\">\r\n        <mat-icon>info</mat-icon>\r\n        <span class=\"info-text\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\" class=\"footer-actions\">\r\n      <button mat-stroked-button class=\"btn-none-background-primary cancel-btn\" (click)=\"cancel()\">\r\n        {{ cancelKey | translate }}\r\n      </button>\r\n\r\n      <button\r\n        mat-flat-button\r\n        class=\"btn-background-primary warn-btn\"\r\n        (click)=\"commentAndClose()\"\r\n        [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n        {{ actionKey | translate }}\r\n      </button>\r\n    </mat-dialog-actions>\r\n  </div>\r\n\r\n  <div class=\"mobile-view\">\r\n    <div class=\"modal-header\">\r\n      <div class=\"handle\"></div>\r\n      <div class=\"header-content\">\r\n        <p class=\"modal-title\">{{ titleKey | translate }}</p>\r\n        <button class=\"close-button\" (click)=\"cancel()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body\">\r\n\r\n      <div class=\"textarea-label-mobile\">\r\n        {{ reasonLabelKey | translate }} {{ itemName }}\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else mobileText\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            class=\"textarea-mobile\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? ( item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            maxlength=\"1000\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #mobileText>\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            maxlength=\"1000\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box-mobile\">\r\n        <mat-icon class=\"info-icon-mobile\">info</mat-icon>\r\n        <span class=\"info-text-mobile\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"modal-actions-mobile\">\r\n      <div class=\"actions-buttons-container\">\r\n        <button mat-stroked-button class=\"btn-cancel-mobile\" (click)=\"cancel()\">\r\n          {{ cancelKey | translate }}\r\n        </button>\r\n        <button\r\n          mat-flat-button\r\n          class=\"btn-action-mobile\"\r\n          (click)=\"commentAndClose()\"\r\n          [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n          {{ actionKey | translate }}\r\n        </button>\r\n      </div>\r\n      <div class=\"home-indicator\"></div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".dialog-container{position:relative}.desktop-view{display:block}.mobile-view{display:none}.dialog-title{font-size:20px;font-weight:600;padding:0 16px}.dialog-subtitle{color:#666;padding:0 20px}.textarea-label{font-weight:600;padding:5px 20px;margin:0;color:#000}.info-text{color:#888;font-family:Lusail,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.info-box{display:flex;font-size:12px}.info-box mat-icon{font-size:18px;color:var(--primary-color-3nd)}.footer-actions{margin-top:0}.cancel-btn{width:121px!important}.warn-btn{width:171px!important}.content-section{padding:0 20px}.mobile-view{display:flex;flex-direction:column;gap:8px;background:#fff;padding:16px 24px;min-height:356px;box-sizing:border-box}.modal-header{display:flex;flex-direction:column;gap:8px;width:100%}.handle{width:36px;height:4px;background:#b7b7b7;border-radius:2px;margin:0 auto;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.modal-title{font-family:Lusail,sans-serif;font-weight:500;font-size:14px;line-height:1.2;color:#161616;text-align:center;position:absolute;left:50%;transform:translate(-50%);margin:0;width:200px}.close-button{background:#f0eeee;border:none;border-radius:9999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}.close-button mat-icon{font-size:20px;width:20px;height:20px;color:#000;overflow:visible}.close-button:hover{background:#e0e0e0}.modal-body{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;min-height:0}.textarea-label-mobile{font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#000;height:24px;max-height:24px;margin:0;padding:0}.textarea-field-mobile{width:100%;margin:0!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-infix{min-height:107px;padding:16px!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-outline{border:1px solid #b7b7b7!important;border-radius:8px!important}:host ::ng-deep .textarea-field-mobile textarea{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;resize:both}:host ::ng-deep .textarea-field-mobile textarea::placeholder{color:#888;font-weight:300;font-size:16px;line-height:1.2}.info-box-mobile{display:flex;gap:8px;align-items:flex-end;width:100%}.info-box-mobile .info-icon-mobile{font-size:18px;width:18px;height:20px;color:#b54708;flex-shrink:0;margin-top:2px}.info-box-mobile .info-text-mobile{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1;color:#5c5c5c;flex:1}.modal-actions-mobile{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;width:100%;min-height:68px;position:relative}.actions-buttons-container{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin-bottom:0;flex-shrink:0}.modal-actions-mobile>.actions-buttons-container>button{margin:0!important}.btn-cancel-mobile{width:160px!important;height:44px!important;border:1px solid #3e627b!important;border-radius:8px!important;background:#fff!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#0d4261!important}.btn-action-mobile{flex:1 1 0!important;min-width:0!important;height:44px!important;border-radius:8px!important;background:#0d4261!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#fff!important}.home-indicator{width:134px;height:5px;background:#161616;border-radius:100px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width: 768px){.desktop-view{display:none!important}.mobile-view{display:flex!important}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;border-radius:0!important;max-height:90vh!important}:host ::ng-deep .cdk-overlay-backdrop{background-color:#00000080!important}}@media (min-width: 769px){.desktop-view{display:block!important}.mobile-view{display:none!important}}@media (max-width: 600px){::ng-deep cdk-global-overlay-wrapper{align-items:flex-end!important}}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCommentComponent, decorators: [{
             type: Component,
@@ -196,7 +196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         MatSelect,
                         NgForOf,
                         NgIf
-                    ], template: "<div class=\"dialog-container\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"desktop-view\">\r\n    <h2 mat-dialog-title class=\"dialog-title\">\r\n      {{ titleKey | translate}} {{itemName}}\r\n    </h2>\r\n\r\n    <p class=\"dialog-subtitle\">\r\n      {{ subtitleKey | translate }}\r\n    </p>\r\n\r\n    <p class=\"textarea-label\">\r\n      {{ reasonLabelKey | translate }}\r\n    </p>\r\n\r\n    <mat-dialog-content class=\"content-section\">\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else textMode\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? (item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #textMode>\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box\">\r\n        <mat-icon>info</mat-icon>\r\n        <span class=\"info-text\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\" class=\"footer-actions\">\r\n      <button mat-stroked-button class=\"btn-none-background-primary cancel-btn\" (click)=\"cancel()\">\r\n        {{ cancelKey | translate }}\r\n      </button>\r\n\r\n      <button\r\n        mat-flat-button\r\n        class=\"btn-background-primary warn-btn\"\r\n        (click)=\"commentAndClose()\"\r\n        [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n        {{ actionKey | translate }}\r\n      </button>\r\n    </mat-dialog-actions>\r\n  </div>\r\n\r\n  <div class=\"mobile-view\">\r\n    <div class=\"modal-header\">\r\n      <div class=\"handle\"></div>\r\n      <div class=\"header-content\">\r\n        <p class=\"modal-title\">{{ titleKey | translate }}</p>\r\n        <button class=\"close-button\" (click)=\"cancel()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body\">\r\n\r\n      <div class=\"textarea-label-mobile\">\r\n        {{ reasonLabelKey | translate }} {{ itemName }}\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else mobileText\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            class=\"textarea-mobile\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? ( item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #mobileText>\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box-mobile\">\r\n        <mat-icon class=\"info-icon-mobile\">info</mat-icon>\r\n        <span class=\"info-text-mobile\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"modal-actions-mobile\">\r\n      <div class=\"actions-buttons-container\">\r\n        <button mat-stroked-button class=\"btn-cancel-mobile\" (click)=\"cancel()\">\r\n          {{ cancelKey | translate }}\r\n        </button>\r\n        <button\r\n          mat-flat-button\r\n          class=\"btn-action-mobile\"\r\n          (click)=\"commentAndClose()\"\r\n          [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n          {{ actionKey | translate }}\r\n        </button>\r\n      </div>\r\n      <div class=\"home-indicator\"></div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".dialog-container{position:relative}.desktop-view{display:block}.mobile-view{display:none}.dialog-title{font-size:20px;font-weight:600;padding:0 16px}.dialog-subtitle{color:#666;padding:0 20px}.textarea-label{font-weight:600;padding:5px 20px;margin:0;color:#000}.info-text{color:#888;font-family:Lusail,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.info-box{display:flex;font-size:12px}.info-box mat-icon{font-size:18px;color:var(--primary-color-3nd)}.footer-actions{margin-top:0}.cancel-btn{width:121px!important}.warn-btn{width:171px!important}.content-section{padding:0 20px}.mobile-view{display:flex;flex-direction:column;gap:8px;background:#fff;padding:16px 24px;min-height:356px;box-sizing:border-box}.modal-header{display:flex;flex-direction:column;gap:8px;width:100%}.handle{width:36px;height:4px;background:#b7b7b7;border-radius:2px;margin:0 auto;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.modal-title{font-family:Lusail,sans-serif;font-weight:500;font-size:14px;line-height:1.2;color:#161616;text-align:center;position:absolute;left:50%;transform:translate(-50%);margin:0;width:200px}.close-button{background:#f0eeee;border:none;border-radius:9999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}.close-button mat-icon{font-size:20px;width:20px;height:20px;color:#000;overflow:visible}.close-button:hover{background:#e0e0e0}.modal-body{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;min-height:0}.textarea-label-mobile{font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#000;height:24px;max-height:24px;margin:0;padding:0}.textarea-field-mobile{width:100%;margin:0!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-infix{min-height:107px;padding:16px!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-outline{border:1px solid #b7b7b7!important;border-radius:8px!important}:host ::ng-deep .textarea-field-mobile textarea{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;resize:both}:host ::ng-deep .textarea-field-mobile textarea::placeholder{color:#888;font-weight:300;font-size:16px;line-height:1.2}.info-box-mobile{display:flex;gap:8px;align-items:flex-end;width:100%}.info-box-mobile .info-icon-mobile{font-size:18px;width:18px;height:20px;color:#b54708;flex-shrink:0;margin-top:2px}.info-box-mobile .info-text-mobile{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1;color:#5c5c5c;flex:1}.modal-actions-mobile{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;width:100%;min-height:68px;position:relative}.actions-buttons-container{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin-bottom:0;flex-shrink:0}.modal-actions-mobile>.actions-buttons-container>button{margin:0!important}.btn-cancel-mobile{width:160px!important;height:44px!important;border:1px solid #3e627b!important;border-radius:8px!important;background:#fff!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#0d4261!important}.btn-action-mobile{flex:1 1 0!important;min-width:0!important;height:44px!important;border-radius:8px!important;background:#0d4261!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#fff!important}.home-indicator{width:134px;height:5px;background:#161616;border-radius:100px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width: 768px){.desktop-view{display:none!important}.mobile-view{display:flex!important}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;border-radius:0!important;max-height:90vh!important}:host ::ng-deep .cdk-overlay-backdrop{background-color:#00000080!important}}@media (min-width: 769px){.desktop-view{display:block!important}.mobile-view{display:none!important}}@media (max-width: 600px){::ng-deep cdk-global-overlay-wrapper{align-items:flex-end!important}}\n"] }]
+                    ], template: "<div class=\"dialog-container\" [dir]=\"currentDirection\">\r\n\r\n  <div class=\"desktop-view\">\r\n    <h2 mat-dialog-title class=\"dialog-title\">\r\n      {{ titleKey | translate}} {{itemName}}\r\n    </h2>\r\n\r\n    <p class=\"dialog-subtitle\">\r\n      {{ subtitleKey | translate }}\r\n    </p>\r\n\r\n    <p class=\"textarea-label\">\r\n      {{ reasonLabelKey | translate }}\r\n    </p>\r\n\r\n    <mat-dialog-content class=\"content-section\">\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else textMode\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? (item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            maxlength=\"1000\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #textMode>\r\n        <mat-form-field appearance=\"outline\" class=\"w-100\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            maxlength=\"1000\"\r\n            cdkAutosizeMaxRows=\"5\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box\">\r\n        <mat-icon>info</mat-icon>\r\n        <span class=\"info-text\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\" class=\"footer-actions\">\r\n      <button mat-stroked-button class=\"btn-none-background-primary cancel-btn\" (click)=\"cancel()\">\r\n        {{ cancelKey | translate }}\r\n      </button>\r\n\r\n      <button\r\n        mat-flat-button\r\n        class=\"btn-background-primary warn-btn\"\r\n        (click)=\"commentAndClose()\"\r\n        [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n        {{ actionKey | translate }}\r\n      </button>\r\n    </mat-dialog-actions>\r\n  </div>\r\n\r\n  <div class=\"mobile-view\">\r\n    <div class=\"modal-header\">\r\n      <div class=\"handle\"></div>\r\n      <div class=\"header-content\">\r\n        <p class=\"modal-title\">{{ titleKey | translate }}</p>\r\n        <button class=\"close-button\" (click)=\"cancel()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"modal-body\">\r\n\r\n      <div class=\"textarea-label-mobile\">\r\n        {{ reasonLabelKey | translate }} {{ itemName }}\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"data?.options?.length; else mobileText\">\r\n\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <mat-select\r\n            [(ngModel)]=\"comment\"\r\n            class=\"textarea-mobile\">\r\n\r\n            <mat-option *ngFor=\"let item of data.options\" [value]=\"item\">\r\n              {{ data.translate ? ( item | translate) : item }}\r\n            </mat-option>\r\n\r\n          </mat-select>\r\n        </mat-form-field>\r\n\r\n        <mat-form-field\r\n          *ngIf=\"comment === 'OTHER'\"\r\n          appearance=\"outline\"\r\n          class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"otherComment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            maxlength=\"1000\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n\r\n      </ng-container>\r\n\r\n      <ng-template #mobileText>\r\n        <mat-form-field appearance=\"outline\" class=\"textarea-field-mobile\">\r\n          <textarea\r\n            matInput\r\n            [(ngModel)]=\"comment\"\r\n            [placeholder]=\"placeholderKey | translate\"\r\n            cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"4\"\r\n            cdkAutosizeMaxRows=\"5\"\r\n            maxlength=\"1000\"\r\n            class=\"textarea-mobile\">\r\n          </textarea>\r\n        </mat-form-field>\r\n      </ng-template>\r\n\r\n      <div class=\"info-box-mobile\">\r\n        <mat-icon class=\"info-icon-mobile\">info</mat-icon>\r\n        <span class=\"info-text-mobile\">\r\n          {{ warningKey | translate }}\r\n        </span>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"modal-actions-mobile\">\r\n      <div class=\"actions-buttons-container\">\r\n        <button mat-stroked-button class=\"btn-cancel-mobile\" (click)=\"cancel()\">\r\n          {{ cancelKey | translate }}\r\n        </button>\r\n        <button\r\n          mat-flat-button\r\n          class=\"btn-action-mobile\"\r\n          (click)=\"commentAndClose()\"\r\n          [disabled]=\"!comment || (comment === 'OTHER' && !otherComment)\">\r\n          {{ actionKey | translate }}\r\n        </button>\r\n      </div>\r\n      <div class=\"home-indicator\"></div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", styles: [".dialog-container{position:relative}.desktop-view{display:block}.mobile-view{display:none}.dialog-title{font-size:20px;font-weight:600;padding:0 16px}.dialog-subtitle{color:#666;padding:0 20px}.textarea-label{font-weight:600;padding:5px 20px;margin:0;color:#000}.info-text{color:#888;font-family:Lusail,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.info-box{display:flex;font-size:12px}.info-box mat-icon{font-size:18px;color:var(--primary-color-3nd)}.footer-actions{margin-top:0}.cancel-btn{width:121px!important}.warn-btn{width:171px!important}.content-section{padding:0 20px}.mobile-view{display:flex;flex-direction:column;gap:8px;background:#fff;padding:16px 24px;min-height:356px;box-sizing:border-box}.modal-header{display:flex;flex-direction:column;gap:8px;width:100%}.handle{width:36px;height:4px;background:#b7b7b7;border-radius:2px;margin:0 auto;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.modal-title{font-family:Lusail,sans-serif;font-weight:500;font-size:14px;line-height:1.2;color:#161616;text-align:center;position:absolute;left:50%;transform:translate(-50%);margin:0;width:200px}.close-button{background:#f0eeee;border:none;border-radius:9999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;margin-left:auto;flex-shrink:0}.close-button mat-icon{font-size:20px;width:20px;height:20px;color:#000;overflow:visible}.close-button:hover{background:#e0e0e0}.modal-body{display:flex;flex-direction:column;gap:8px;width:100%;flex:1;min-height:0}.textarea-label-mobile{font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#000;height:24px;max-height:24px;margin:0;padding:0}.textarea-field-mobile{width:100%;margin:0!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-infix{min-height:107px;padding:16px!important}:host ::ng-deep .textarea-field-mobile .mat-mdc-form-field-outline{border:1px solid #b7b7b7!important;border-radius:8px!important}:host ::ng-deep .textarea-field-mobile textarea{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;resize:both}:host ::ng-deep .textarea-field-mobile textarea::placeholder{color:#888;font-weight:300;font-size:16px;line-height:1.2}.info-box-mobile{display:flex;gap:8px;align-items:flex-end;width:100%}.info-box-mobile .info-icon-mobile{font-size:18px;width:18px;height:20px;color:#b54708;flex-shrink:0;margin-top:2px}.info-box-mobile .info-text-mobile{font-family:Lusail,sans-serif;font-weight:300;font-size:16px;line-height:1;color:#5c5c5c;flex:1}.modal-actions-mobile{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;width:100%;min-height:68px;position:relative}.actions-buttons-container{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;margin-bottom:0;flex-shrink:0}.modal-actions-mobile>.actions-buttons-container>button{margin:0!important}.btn-cancel-mobile{width:160px!important;height:44px!important;border:1px solid #3e627b!important;border-radius:8px!important;background:#fff!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#0d4261!important}.btn-action-mobile{flex:1 1 0!important;min-width:0!important;height:44px!important;border-radius:8px!important;background:#0d4261!important;font-family:Lusail,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#fff!important}.home-indicator{width:134px;height:5px;background:#161616;border-radius:100px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width: 768px){.desktop-view{display:none!important}.mobile-view{display:flex!important}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;border-radius:0!important;max-height:90vh!important}:host ::ng-deep .cdk-overlay-backdrop{background-color:#00000080!important}}@media (min-width: 769px){.desktop-view{display:block!important}.mobile-view{display:none!important}}@media (max-width: 600px){::ng-deep cdk-global-overlay-wrapper{align-items:flex-end!important}}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]