commons-assessment 12.0.0

package/fesm2015/commons-assessment.js

@@ -0,0 +1,3278 @@
+import * as i0 from '@angular/core';
+import { Component, Inject, InjectionToken, Injectable, Optional, Self, Input, EventEmitter, Output, Pipe, ViewChild, NgModule, forwardRef } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$2 from '@angular/forms';
+import { FormControl, Validators, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { forkJoin } from 'rxjs';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i2 from '@angular/platform-browser';
+import * as i1$1 from '@angular/common/http';
+import { HttpParams } from '@angular/common/http';
+import * as i6 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import * as i7 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i8 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i9 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i10 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i11 from '@angular/material/core';
+import * as i1$3 from '@kolkov/angular-editor';
+import { AngularEditorModule } from '@kolkov/angular-editor';
+import * as i2$1 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
+import * as i2$2 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i20 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i9$1 from '@angular/cdk/drag-drop';
+import { DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';
+import * as i1$4 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i11$1 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { __awaiter } from 'tslib';
+
+function deepClone(data) {
+    return JSON.parse(JSON.stringify(data));
+}
+function generateUuid() {
+    const cryptoObj = window.crypto;
+    if (cryptoObj === null || cryptoObj === void 0 ? void 0 : cryptoObj.randomUUID) {
+        return cryptoObj.randomUUID();
+    }
+    // fallback
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
+        const r = Math.random() * 16 | 0;
+        const v = c === 'x' ? r : (r & 0x3 | 0x8);
+        return v.toString(16);
+    });
+}
+
+class SectionInstructionsComponent {
+    constructor(dialogRef, dialogData, sanitizer) {
+        this.dialogRef = dialogRef;
+        this.dialogData = dialogData;
+        this.sanitizer = sanitizer;
+        this.imageConfig = {};
+        this.labelConfig = {};
+        this.sectionDetails = null;
+    }
+    ngOnInit() {
+        var _a, _b, _c;
+        this.imageConfig = ((_a = this.dialogData) === null || _a === void 0 ? void 0 : _a.imageConfig) || {};
+        this.labelConfig = ((_b = this.dialogData) === null || _b === void 0 ? void 0 : _b.labelConfig) || {};
+        this.sectionDetails = deepClone((_c = this.dialogData) === null || _c === void 0 ? void 0 : _c.sectionDetails);
+    }
+    addYoutubeIframeSrc(videoUrl) {
+        const videoId = this.getVideoId(videoUrl);
+        const youtubeUrl = `https://www.youtube.com/embed/${videoId}`;
+        return this.sanitizer.bypassSecurityTrustResourceUrl(youtubeUrl);
+    }
+    getVideoId(videoUrl) {
+        let pattern = null;
+        if (videoUrl.includes('youtube.com')) {
+            pattern = /(?:\?v=|&v=|youtu\.be\/|\/embed\/|\/\d\/|\/vi\/|\/v\/|https?:\/\/(?:www\.)?youtube\.com\/(?:v\/|embed\/|watch\?(?:\S+&)?v=|watch\?(?:\S+&)?vi=|\S+\/))([a-zA-Z0-9_-]{11})/;
+        }
+        else if (videoUrl.includes('youtu.be')) {
+            pattern = /youtu\.be\/([a-zA-Z0-9_-]{11})/;
+        }
+        if (pattern) {
+            const match = videoUrl.match(pattern);
+            if (match && match[1]) {
+                return match[1];
+            }
+        }
+        return null;
+    }
+    imageErrorHandler(event, filePath) {
+        event.target.src = filePath;
+    }
+}
+SectionInstructionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SectionInstructionsComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+SectionInstructionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SectionInstructionsComponent, selector: "lib-section-instructions", ngImport: i0, template: "<div class=\"col-12\">\r\n    <header class=\"p-3 d-flex align-items-center justify-content-between col-12 assessment-bg-grey-one\">\r\n        <p class=\"mb-0 assessment-text-semibold-18\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.INSTRUCTIONS']}}\r\n        </p>\r\n        <img mat-dialog-close [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.CLOSE']\" class=\"cursor-pointer\"\r\n            (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/close.svg')\" />\r\n    </header>\r\n\r\n    <div class=\"col-12 px-md-4 px-3 my-4\">\r\n        <p *ngIf=\"sectionDetails?.qpsDesc?.[0]?.text\" class=\"assessment-text-medium-14 assessment-grey-ten mb-0\"\r\n            [innerHtml]=\"sectionDetails?.qpsDesc?.[0]?.text\"></p>\r\n        <div class=\"mt-3 col-12\" *ngIf=\"sectionDetails?.mediaUrl\">\r\n            <ng-container *ngTemplateOutlet=\"VideoTemplate; context:{videoUrl:sectionDetails?.mediaUrl}\"></ng-container>\r\n        </div>\r\n    </div>\r\n\r\n    <footer class=\"mt-auto p-3 d-flex align-items-center justify-content-end gap-3 col-12 border-top\">\r\n        <button mat-dialog-close\r\n            class=\"assessment-text-white assessment-bg-grey-ten assessment-border-radius-two border-0 assessment-zoom-animation assessment-button-padding-large assessment-text-medium-13\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.GOT_IT']}}\r\n        </button>\r\n    </footer>\r\n</div>\r\n\r\n<!-- video preview  -->\r\n<ng-template let-videoUrl=\"videoUrl\" #VideoTemplate>\r\n    <div class=\"assessment-border-radius-two overflow-hidden col-md-10 col-12 mx-auto\">\r\n        <video *ngIf=\"videoUrl?.includes('.mp4') else youtubeVideo\" width=\"400\" controls class=\"mw-100 d-block mx-auto\">\r\n            <source [src]=\"videoUrl\" type=\"video/mp4\">\r\n        </video>\r\n        <ng-template #youtubeVideo>\r\n            <div class=\"youtube-video position-relative h-100\">\r\n                <iframe [src]=\"addYoutubeIframeSrc(videoUrl)\" title=\"YouTube video player\" frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen class=\"position-absolute top-0 start-0 w-100 h-100 d-block\">\r\n                </iframe>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}.youtube-video{aspect-ratio:16/9}\n"], directives: [{ type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SectionInstructionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-section-instructions',
+                    templateUrl: './section-instructions.component.html',
+                    styleUrls: ['./section-instructions.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i2.DomSanitizer }]; } });
+
+// configuration.ts
+const LIBRARY_CONFIG = new InjectionToken('LIBRARY_CONFIG');
+
+const COMMONS_ASSESSMENT_SERVICE = '/gateway/commons-assessment-service';
+const assessmentMakerController = {
+    assessmentAndQuestionPaper: COMMONS_ASSESSMENT_SERVICE + '/api/v1/assessments/bundled',
+    createQuestion: COMMONS_ASSESSMENT_SERVICE + '/api/v2/questions',
+    patchQuestion: COMMONS_ASSESSMENT_SERVICE + '/api/v2/questions',
+    getAssessmentContext: COMMONS_ASSESSMENT_SERVICE + '/api/v2/assessments/context/$AssessmentId',
+    getQuestionsByIds: COMMONS_ASSESSMENT_SERVICE + '/api/v2/questions/questionids',
+    duplicateQuestion: COMMONS_ASSESSMENT_SERVICE + '/api/v1/assessmentQuestionPapers/questionPaperSection/$SectionId/sectionQuestions/$SectionQuestionId/duplicate',
+    duplicateSection: COMMONS_ASSESSMENT_SERVICE + '/api/v1/assessmentQuestionPapers/$AssessmentQuestionPaperId/questionPaperSection/$SectionId/duplicate',
+    createAssessmentInstance: COMMONS_ASSESSMENT_SERVICE + '/api/v1/assessmentinstances'
+};
+const assessmentTakerController = {
+    getAssessmentContextById: COMMONS_ASSESSMENT_SERVICE + '/api/v1/assessments/context/$AssessmentId',
+    getAssessmentQuestionPaper: COMMONS_ASSESSMENT_SERVICE + '/api/v2/assessmentQuestionPapers?',
+    getAssessmentQuestions: COMMONS_ASSESSMENT_SERVICE + '/api/v3/questions/questions/instance?',
+    getChildQuestionsWithIdList: COMMONS_ASSESSMENT_SERVICE + '/api/v3/questions/childquestion/instance?',
+    uploadAttachment: COMMONS_ASSESSMENT_SERVICE + '/api/v1/attachments?',
+    submitAssessment: COMMONS_ASSESSMENT_SERVICE + '/api/v2/assessmentInstanceAssesses',
+    getAnswersByAiaId: COMMONS_ASSESSMENT_SERVICE + '/api/v2/assessmentInstanceAssesses/',
+};
+
+class AssessmentTakerService {
+    constructor(config, http) {
+        this.config = config;
+        this.http = http;
+    }
+    createParams(params) {
+        let param = new HttpParams();
+        for (const key of Object.keys(params)) {
+            param = param.set(key, params[key]);
+        }
+        return param;
+    }
+    getConfigJSON(fileName) {
+        return this.http.get(`/assets/commons-assessment/${fileName}.json`);
+    }
+    getAssessmentContextById(assessmentId) {
+        return this.http.get(this.config.baseURL + assessmentTakerController.getAssessmentContextById.replace('$AssessmentId', assessmentId.toString()));
+    }
+    getAssessmentQuestionPaper(instanceId) {
+        return this.http.get(this.config.baseURL + assessmentTakerController.getAssessmentQuestionPaper + this.createParams({ instanceId }));
+    }
+    getAssessmentQuestions(instanceId, questionIds) {
+        return this.http.get(this.config.baseURL + assessmentTakerController.getAssessmentQuestions + this.createParams({ instanceId, questionIds }));
+    }
+    getChildQuestionsWithIdList(instanceId, questionIds) {
+        return this.http.get(this.config.baseURL + assessmentTakerController.getChildQuestionsWithIdList + this.createParams({ instanceId, questionIds }));
+    }
+    uploadAttachment(fileUploadPayload, params) {
+        return this.http.post(this.config.baseURL + assessmentTakerController.uploadAttachment + this.createParams(params), fileUploadPayload);
+    }
+    submitAssessment(payload) {
+        return this.http.post(this.config.baseURL + assessmentTakerController.submitAssessment, payload);
+    }
+    patchAssessment(payload) {
+        return this.http.patch(this.config.baseURL + assessmentTakerController.submitAssessment, payload);
+    }
+    getAnswersByAiaId(aiaId) {
+        return this.http.get(this.config.baseURL + assessmentTakerController.getAnswersByAiaId + aiaId);
+    }
+}
+AssessmentTakerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerService, deps: [{ token: LIBRARY_CONFIG }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+AssessmentTakerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIBRARY_CONFIG]
+                }] }, { type: i1$1.HttpClient }]; } });
+
+class ResponseBuilderService {
+    constructor() { }
+    buildResponsePayload(assesseeResponse, assessmentData, sectionFormGroups, questionBank, tenant) {
+        var _a;
+        const requestPayload = deepClone(assesseeResponse);
+        requestPayload.aiadefaultResponseList = [];
+        (_a = assessmentData === null || assessmentData === void 0 ? void 0 : assessmentData.questionPaperSectionList) === null || _a === void 0 ? void 0 : _a.forEach((section) => {
+            var _a;
+            const sectionFormGroupWrapper = sectionFormGroups.find((s) => s.sectionId === section.id);
+            if (sectionFormGroupWrapper) {
+                const formGroup = sectionFormGroupWrapper.formGroup;
+                (_a = section.sectionQuestionsList) === null || _a === void 0 ? void 0 : _a.forEach((sectionQuestion) => {
+                    var _a, _b, _c, _d, _e;
+                    const ques = questionBank[(sectionQuestion === null || sectionQuestion === void 0 ? void 0 : sectionQuestion.questionId) || -1];
+                    if (!ques)
+                        return;
+                    const quesResObj = this.getQuestionResponseObj(formGroup, ques === null || ques === void 0 ? void 0 : ques.id, questionBank);
+                    const questionResponseObj = quesResObj.questionResponseObj;
+                    if (questionResponseObj) {
+                        let reqObj = Object.assign({}, questionResponseObj);
+                        delete reqObj.defaultOption;
+                        const existingAns = (_a = assesseeResponse.aiadefaultResponseList) === null || _a === void 0 ? void 0 : _a.find((a) => { var _a; return ((_a = a.sectionQuestion) === null || _a === void 0 ? void 0 : _a.questionId) === sectionQuestion.questionId && !a.childQuestionId; });
+                        this.mergeExistingIds(reqObj, existingAns);
+                        (_b = requestPayload.aiadefaultResponseList) === null || _b === void 0 ? void 0 : _b.push(Object.assign(Object.assign({}, reqObj), { id: (existingAns === null || existingAns === void 0 ? void 0 : existingAns.id) || 0, isActive: true, sectionQuestion,
+                            tenant, marks: ((_c = formGroup.get(`${ques.id}_marks`)) === null || _c === void 0 ? void 0 : _c.value) != null ? Number((_d = formGroup.get(`${ques.id}_marks`)) === null || _d === void 0 ? void 0 : _d.value) : null }));
+                        if ((_e = quesResObj.childQuesResObj) === null || _e === void 0 ? void 0 : _e.length) {
+                            quesResObj.childQuesResObj.forEach((childData) => {
+                                var _a, _b, _c, _d;
+                                const childObj = childData === null || childData === void 0 ? void 0 : childData.questionResponseObj;
+                                const childDetails = childData === null || childData === void 0 ? void 0 : childData.childQuestionDetails;
+                                if (!childObj || !childDetails)
+                                    return;
+                                let specificChildReqObj = Object.assign({}, childObj);
+                                delete specificChildReqObj.defaultOption;
+                                const existingChildAns = (_a = assesseeResponse.aiadefaultResponseList) === null || _a === void 0 ? void 0 : _a.find((a) => a.childQuestionId === childDetails.id &&
+                                    a.childQuestionParentQuestionId === sectionQuestion.questionId);
+                                this.mergeExistingIds(specificChildReqObj, existingChildAns);
+                                (_b = requestPayload.aiadefaultResponseList) === null || _b === void 0 ? void 0 : _b.push(Object.assign(Object.assign({ childQuestionId: childDetails.id, childQuestionParentQuestionId: sectionQuestion.questionId, childDefaultOptionId: childData.parentOptionId }, specificChildReqObj), { id: (existingChildAns === null || existingChildAns === void 0 ? void 0 : existingChildAns.id) || 0, isActive: true, sectionQuestion,
+                                    tenant, marks: ((_c = formGroup.get(`${childDetails.id}_marks`)) === null || _c === void 0 ? void 0 : _c.value) != null ? Number((_d = formGroup.get(`${childDetails.id}_marks`)) === null || _d === void 0 ? void 0 : _d.value) : null }));
+                            });
+                        }
+                    }
+                });
+            }
+        });
+        return requestPayload;
+    }
+    mergeExistingIds(newAns, existingAns) {
+        if (!existingAns)
+            return;
+        if (newAns.drsubjectiveresponseList && existingAns.drsubjectiveresponseList) {
+            newAns.drsubjectiveresponseList.forEach((nItem, idx) => {
+                if (existingAns.drsubjectiveresponseList[idx]) {
+                    nItem.id = existingAns.drsubjectiveresponseList[idx].id;
+                }
+            });
+        }
+        if (newAns.drobjectiveresponseList && existingAns.drobjectiveresponseList) {
+            newAns.drobjectiveresponseList.forEach((nItem, idx) => {
+                const existingItem = existingAns.drobjectiveresponseList.find((eItem) => { var _a, _b, _c, _d; return ((_b = (_a = eItem.defaultOption) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.id) === ((_d = (_c = nItem.defaultOption) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.id); });
+                if (existingItem) {
+                    nItem.id = existingItem.id;
+                }
+                else if (existingAns.drobjectiveresponseList[idx]) {
+                    nItem.id = existingAns.drobjectiveresponseList[idx].id;
+                }
+            });
+        }
+    }
+    getQuestionResponseObj(formGroup, quesId = -1, questionBank) {
+        var _a;
+        const questionDetails = questionBank[quesId];
+        if (!questionDetails)
+            return { questionResponseObj: null, childQuesResObj: [] };
+        let questionResponseObj = {};
+        let childQuesResObj = [];
+        const rawValues = (formGroup === null || formGroup === void 0 ? void 0 : formGroup.getRawValue) ? formGroup.getRawValue() : ((formGroup === null || formGroup === void 0 ? void 0 : formGroup.value) || {});
+        const val = rawValues[quesId];
+        if (!val) {
+            return { questionResponseObj: null, childQuesResObj: [] };
+        }
+        const qType = (_a = questionDetails.questionType) === null || _a === void 0 ? void 0 : _a.code;
+        if (qType === 'QUESTION_TYPE.OBJECTIVE') {
+            const defaultOptions = questionDetails.defaultOptionsList || [];
+            const selectedOption = defaultOptions.find((i) => i.options.id === val.id);
+            if (selectedOption) {
+                questionResponseObj = {
+                    optionId: selectedOption.options,
+                    defaultOption: selectedOption
+                };
+                if (selectedOption.remarksRequired) {
+                    const remarksVal = rawValues[`${quesId}_remarks_${selectedOption.id}`];
+                    if (remarksVal) {
+                        questionResponseObj.remarks = remarksVal;
+                    }
+                }
+                const childQuesIds = selectedOption.childQuestionList || [];
+                childQuesIds.forEach((childId) => {
+                    var _a;
+                    const childResponse = this.getQuestionResponseObj(formGroup, childId, questionBank);
+                    if (childResponse === null || childResponse === void 0 ? void 0 : childResponse.questionResponseObj) {
+                        childQuesResObj.push({
+                            questionResponseObj: childResponse.questionResponseObj,
+                            childQuestionDetails: questionBank[childId],
+                            parentOptionId: selectedOption.options.id
+                        });
+                        if ((_a = childResponse.childQuesResObj) === null || _a === void 0 ? void 0 : _a.length) {
+                            childQuesResObj = childQuesResObj.concat(childResponse.childQuesResObj);
+                        }
+                    }
+                });
+            }
+            else {
+                questionResponseObj = null;
+            }
+        }
+        else if (qType === 'QUESTION_TYPE.MULTI_SELECT' || qType === 'QUESTION_TYPE.PREFERENCE') {
+            const defaultOptions = questionDetails.defaultOptionsList || [];
+            const drobjectiveresponseList = [];
+            let valArray = Array.isArray(val) ? val : [val];
+            valArray.forEach((opt, index) => {
+                const selectedOption = defaultOptions.find((i) => { var _a; return ((_a = i.options) === null || _a === void 0 ? void 0 : _a.id) === opt.id; });
+                if (selectedOption) {
+                    const obj = {
+                        id: 0,
+                        defaultOption: selectedOption
+                    };
+                    if (qType === 'QUESTION_TYPE.PREFERENCE') {
+                        obj.orderNo = index + 1;
+                    }
+                    if (selectedOption.remarksRequired) {
+                        const remarksVal = rawValues[`${quesId}_remarks_${selectedOption.id}`];
+                        if (remarksVal) {
+                            obj.remarks = remarksVal;
+                        }
+                    }
+                    drobjectiveresponseList.push(obj);
+                    const childQuesIds = selectedOption.childQuestionList || [];
+                    childQuesIds.forEach((childId) => {
+                        var _a;
+                        const childResponse = this.getQuestionResponseObj(formGroup, childId, questionBank);
+                        if (childResponse === null || childResponse === void 0 ? void 0 : childResponse.questionResponseObj) {
+                            childQuesResObj.push({
+                                questionResponseObj: childResponse.questionResponseObj,
+                                childQuestionDetails: questionBank[childId],
+                                parentOptionId: selectedOption.options.id
+                            });
+                            if ((_a = childResponse.childQuesResObj) === null || _a === void 0 ? void 0 : _a.length) {
+                                childQuesResObj = childQuesResObj.concat(childResponse.childQuesResObj);
+                            }
+                        }
+                    });
+                }
+            });
+            if (drobjectiveresponseList.length > 0) {
+                questionResponseObj = { drobjectiveresponseList };
+            }
+            else {
+                questionResponseObj = null;
+            }
+        }
+        else if (qType === 'QUESTION_TYPE.FILE_UPLOAD') {
+            const drsubjectiveresponseList = [];
+            let valArray = Array.isArray(val) ? val : [val];
+            valArray.forEach((opt) => {
+                drsubjectiveresponseList.push({
+                    id: 0,
+                    responseText: opt === null || opt === void 0 ? void 0 : opt.id
+                });
+            });
+            if (drsubjectiveresponseList.length > 0) {
+                questionResponseObj = { drsubjectiveresponseList };
+            }
+            else {
+                questionResponseObj = null;
+            }
+        }
+        else {
+            questionResponseObj = {
+                drsubjectiveresponseList: [
+                    {
+                        id: 0,
+                        responseText: val
+                    }
+                ]
+            };
+        }
+        return { questionResponseObj, childQuesResObj };
+    }
+}
+ResponseBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ResponseBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ResponseBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ResponseBuilderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ResponseBuilderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class QuestionTypeShortComponent {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        this.previewMode = false;
+        this.labelConfig = {};
+        this.formControl = new FormControl('');
+        this.onTouched = () => { };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    checkFormControlValid() {
+        var _a, _b, _c, _d;
+        if (((_b = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.touched) && ((_d = (_c = this.ngControl) === null || _c === void 0 ? void 0 : _c.control) === null || _d === void 0 ? void 0 : _d.invalid)) {
+            return 'assessment-input-border-invalid';
+        }
+        return '';
+    }
+    writeValue(value) {
+        if (value !== undefined && value !== null) {
+            this.formControl.setValue(value, { emitEvent: false });
+        }
+        else {
+            this.formControl.setValue('', { emitEvent: false });
+        }
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.formControl.disable({ emitEvent: false });
+        }
+        else {
+            this.formControl.enable({ emitEvent: false });
+        }
+    }
+    get maxCharCount() {
+        var _a, _b;
+        const config = (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.questionConfigs) === null || _b === void 0 ? void 0 : _b.find(c => c.configKey === 'maxCharacterCount');
+        return config ? Number(config.configValue) : 0;
+    }
+    get inputType() {
+        var _a, _b;
+        switch ((_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.questionType) === null || _b === void 0 ? void 0 : _b.code) {
+            case 'QUESTION_TYPE.NUMBER':
+                return 'number';
+            case 'QUESTION_TYPE.EMAIL':
+                return 'email';
+            case 'QUESTION_TYPE.CONTACT_NUMBER':
+                return 'tel';
+            case 'QUESTION_TYPE.URL':
+                return 'url';
+            default:
+                return 'text';
+        }
+    }
+    restrictNumberOnly(event) {
+        var _a, _b, _c, _d;
+        if (((_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.questionType) === null || _b === void 0 ? void 0 : _b.code) === 'QUESTION_TYPE.NUMBER' || ((_d = (_c = this.question) === null || _c === void 0 ? void 0 : _c.questionType) === null || _d === void 0 ? void 0 : _d.code) === 'QUESTION_TYPE.CONTACT_NUMBER') {
+            const allowedKeys = ['Backspace', 'ArrowLeft', 'ArrowRight', 'Tab', 'Delete'];
+            if (!/^[0-9]$/.test(event.key) && !allowedKeys.includes(event.key)) {
+                event.preventDefault();
+            }
+        }
+    }
+}
+QuestionTypeShortComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeShortComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeShortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionTypeShortComponent, selector: "lib-question-type-short", inputs: { required: "required", question: "question", previewMode: "previewMode", labelConfig: "labelConfig" }, ngImport: i0, template: "<input *ngIf=\"!previewMode else previewModeTemplate\" [type]=\"inputType\" [ngClass]=\"checkFormControlValid()\"\r\n  [id]=\"question.id\" [formControl]=\"formControl\"\r\n  class=\"col-12 assessment-text-regular-13 assessment-input-border-one assessment-border-radius-two assessment-input-padding outline-0 assessment-bg-grey-one\"\r\n  [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ANSWER']\" [required]=\"required\" (blur)=\"onTouched()\"\r\n  [attr.maxlength]=\"maxCharCount || null\" (keydown)=\"restrictNumberOnly($event)\">\r\n\r\n<ng-template #previewModeTemplate>\r\n  <span class=\"assessment-text-regular-13 assessment-text-grey-nine\">{{ formControl.value }}</span>\r\n</ng-template>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeShortComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-question-type-short',
+                    templateUrl: './question-type-short.component.html',
+                    styleUrls: ['./question-type-short.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { required: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], previewMode: [{
+                type: Input
+            }], labelConfig: [{
+                type: Input
+            }] } });
+
+class QuestionTypeLongComponent {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        this.previewMode = false;
+        this.labelConfig = {};
+        this.formControl = new FormControl('');
+        this.onTouched = () => { };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    checkFormControlValid() {
+        var _a, _b, _c, _d;
+        if (((_b = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.touched) && ((_d = (_c = this.ngControl) === null || _c === void 0 ? void 0 : _c.control) === null || _d === void 0 ? void 0 : _d.invalid)) {
+            return 'assessment-input-border-invalid';
+        }
+        return '';
+    }
+    writeValue(value) {
+        if (value !== undefined && value !== null) {
+            this.formControl.setValue(value, { emitEvent: false });
+        }
+        else {
+            this.formControl.setValue('', { emitEvent: false });
+        }
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.formControl.disable({ emitEvent: false });
+        }
+        else {
+            this.formControl.enable({ emitEvent: false });
+        }
+    }
+    get maxCharCount() {
+        var _a, _b;
+        const config = (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.questionConfigs) === null || _b === void 0 ? void 0 : _b.find(c => c.configKey === 'maxCharacterCount');
+        return config ? Number(config.configValue) : 0;
+    }
+}
+QuestionTypeLongComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeLongComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeLongComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionTypeLongComponent, selector: "lib-question-type-long", inputs: { required: "required", question: "question", previewMode: "previewMode", labelConfig: "labelConfig" }, ngImport: i0, template: "<textarea *ngIf=\"!previewMode else previewModeTemplate\" [ngClass]=\"checkFormControlValid()\" [id]=\"question.id\"\r\n  [formControl]=\"formControl\"\r\n  class=\"col-12 assessment-text-regular-13 assessment-input-border-one assessment-border-radius-two assessment-input-padding outline-0 assessment-bg-grey-one\"\r\n  [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ANSWER']\" [required]=\"required\" (blur)=\"onTouched()\" rows=\"4\"\r\n  [attr.maxlength]=\"maxCharCount || null\"></textarea>\r\n\r\n<ng-template #previewModeTemplate>\r\n  <span class=\"assessment-text-regular-13 assessment-text-grey-nine\">{{ formControl.value }}</span>\r\n</ng-template>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeLongComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-question-type-long',
+                    templateUrl: './question-type-long.component.html',
+                    styleUrls: ['./question-type-long.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { required: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], previewMode: [{
+                type: Input
+            }], labelConfig: [{
+                type: Input
+            }] } });
+
+class TextEditorComponent {
+    constructor() {
+        this.height = 'auto';
+        this.placeholder = '';
+        this.subject = '';
+        this.preText = '';
+        this.maxLength = 100;
+        this.disabled = false;
+        this.showToolbar = true;
+        this.inputChange = new EventEmitter();
+        this.editorConfig = {
+            editable: true,
+            spellcheck: true,
+            height: 'auto',
+            translate: 'yes',
+            enableToolbar: true,
+            showToolbar: true,
+            placeholder: this.placeholder,
+            defaultParagraphSeparator: '',
+            sanitize: false,
+            toolbarPosition: 'top',
+            toolbarHiddenButtons: [
+                [
+                    'undo',
+                    'redo',
+                    'strikeThrough',
+                    'subscript',
+                    'superscript',
+                    'indent',
+                    'outdent',
+                    'insertOrderedList',
+                    'heading',
+                    'fontName',
+                    'textColor',
+                    'backgroundColor',
+                ],
+                [
+                    'fontSize',
+                    'insertImage',
+                    'insertVideo',
+                    'customClasses',
+                    'toggleEditorMode',
+                ],
+            ],
+        };
+        this.inputLength = 0;
+    }
+    ngOnChanges(changes) {
+        var _a;
+        if (changes.disabled && !changes.disabled.firstChange) {
+            this.updateDisabledState();
+        }
+        if ((_a = changes === null || changes === void 0 ? void 0 : changes.preText) === null || _a === void 0 ? void 0 : _a.currentValue) {
+            this.onValueChange(changes.preText.currentValue);
+        }
+        this.editorConfig.showToolbar = this.showToolbar;
+    }
+    ngOnInit() {
+        this.editorConfig.height = this.height;
+        this.updateDisabledState();
+    }
+    updateDisabledState() {
+        this.editorConfig.editable = !this.disabled;
+    }
+    onValueChange(event) {
+        if (event) {
+            let textAfterRemovingTags = event;
+            textAfterRemovingTags = textAfterRemovingTags.replace(/<\/?[^>]+(>|$)/g, '');
+            textAfterRemovingTags = textAfterRemovingTags.replace(/\&nbsp;/g, ' ');
+            this.inputLength = textAfterRemovingTags.length;
+        }
+        this.inputChange.emit(event);
+    }
+    onPaste(event) {
+        event.preventDefault();
+        const clipboardData = event.clipboardData;
+        if (!clipboardData)
+            return;
+        let pastedText = clipboardData.getData('text/plain');
+        pastedText = this.sanitizeText(pastedText);
+        document.execCommand('insertText', false, pastedText);
+    }
+    sanitizeText(text) {
+        return text;
+    }
+}
+TextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TextEditorComponent, selector: "app-text-editor", inputs: { height: "height", placeholder: "placeholder", subject: "subject", preText: "preText", maxLength: "maxLength", disabled: "disabled", showToolbar: "showToolbar", editorConfig: "editorConfig" }, outputs: { inputChange: "inputChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"assessment-custom-scrollbar-thumb\">\r\n  <angular-editor [placeholder]=\"placeholder\" [(ngModel)]=\"preText\" [disabled]=\"disabled\"\r\n    (ngModelChange)=\"onValueChange($event)\" [config]=\"editorConfig\" (paste)=\"onPaste($event)\">\r\n  </angular-editor>\r\n</div>", styles: [""], components: [{ type: i1$3.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }], directives: [{ type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TextEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-text-editor',
+                    templateUrl: './text-editor.component.html',
+                    styleUrls: ['./text-editor.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { height: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], subject: [{
+                type: Input
+            }], preText: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showToolbar: [{
+                type: Input
+            }], inputChange: [{
+                type: Output
+            }], editorConfig: [{
+                type: Input
+            }] } });
+
+class QuestionTypeEditorComponent {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        this.previewMode = false;
+        this.labelConfig = {};
+        this.formControl = new FormControl('');
+        this.onTouched = () => { };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    checkFormControlValid() {
+        var _a, _b, _c, _d;
+        if (((_b = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.touched) && ((_d = (_c = this.ngControl) === null || _c === void 0 ? void 0 : _c.control) === null || _d === void 0 ? void 0 : _d.invalid)) {
+            return 'assessment-input-border-invalid';
+        }
+        return '';
+    }
+    writeValue(value) {
+        if (value !== undefined && value !== null) {
+            this.formControl.setValue(value, { emitEvent: false });
+        }
+        else {
+            this.formControl.setValue('', { emitEvent: false });
+        }
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.formControl.disable({ emitEvent: false });
+        }
+        else {
+            this.formControl.enable({ emitEvent: false });
+        }
+    }
+}
+QuestionTypeEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeEditorComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionTypeEditorComponent, selector: "lib-question-type-editor", inputs: { required: "required", question: "question", previewMode: "previewMode", labelConfig: "labelConfig" }, ngImport: i0, template: "<div *ngIf=\"!previewMode else previewModeTemplate\" [ngClass]=\"checkFormControlValid() ? checkFormControlValid() : 'assessment-input-border-one'\" class=\"col-12 assessment-border-radius-two overflow-hidden mb-1\" (focusout)=\"onTouched()\">\r\n  <app-text-editor [preText]=\"formControl.value\"\r\n    (inputChange)=\"formControl.setValue($event); formControl.markAsTouched()\" [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ANSWER']\"\r\n    class=\"assessment-custom-angular-editor-white assessment-text-regular-13 assessment-text-grey-ten\" [height]=\"'10rem'\">\r\n  </app-text-editor>\r\n</div>\r\n\r\n<ng-template #previewModeTemplate>\r\n  <span class=\"assessment-text-regular-13 assessment-text-grey-nine\" [innerHTML]=\"formControl.value\"></span>\r\n</ng-template>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}\n"], components: [{ type: TextEditorComponent, selector: "app-text-editor", inputs: ["height", "placeholder", "subject", "preText", "maxLength", "disabled", "showToolbar", "editorConfig"], outputs: ["inputChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-question-type-editor',
+                    templateUrl: './question-type-editor.component.html',
+                    styleUrls: ['./question-type-editor.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { required: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], previewMode: [{
+                type: Input
+            }], labelConfig: [{
+                type: Input
+            }] } });
+
+class OrderByPipe {
+    transform(array, field = 'orderNo') {
+        if (!Array.isArray(array)) {
+            return array || [];
+        }
+        return [...array].sort((a, b) => {
+            var _a, _b;
+            const valA = (_a = a === null || a === void 0 ? void 0 : a[field]) !== null && _a !== void 0 ? _a : 0;
+            const valB = (_b = b === null || b === void 0 ? void 0 : b[field]) !== null && _b !== void 0 ? _b : 0;
+            return valA - valB;
+        });
+    }
+}
+OrderByPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: OrderByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+OrderByPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: OrderByPipe, name: "orderBy" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: OrderByPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'orderBy',
+                    pure: true
+                }]
+        }] });
+
+class QuestionTypeObjectiveComponent {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        this.viewChild = new EventEmitter();
+        this.formControl = new FormControl();
+        this.onTouchedFn = () => { };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    writeValue(value) {
+        var _a, _b, _c, _d, _e;
+        if (value) {
+            let selectedOption = (_c = (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.defaultOptionsList) === null || _b === void 0 ? void 0 : _b.find((o) => o.options.id === value)) === null || _c === void 0 ? void 0 : _c.options;
+            let option = (_e = (_d = this.question) === null || _d === void 0 ? void 0 : _d.defaultOptionsList) === null || _e === void 0 ? void 0 : _e.find((o) => o.options.id === value);
+            if (selectedOption) {
+                setTimeout(() => {
+                    this.formControl.patchValue(selectedOption);
+                    this.optionDetection(option, true);
+                }, 1000);
+            }
+        }
+        else {
+            this.formControl.setValue(value);
+        }
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.onTouchedFn = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.formControl.disable({ emitEvent: false });
+        }
+        else {
+            this.formControl.enable({ emitEvent: false });
+        }
+    }
+    onChildDataChanged(data) {
+        this.viewChild.emit(data);
+    }
+    optionDetection(obj, detectFromEdit) {
+        let data = {
+            question: this.question,
+            list: obj['childQuestionList'],
+            detectFrom: detectFromEdit
+        };
+        this.viewChild.emit(data);
+        return;
+    }
+    onTouched() {
+        this.onTouchedFn();
+    }
+    checkFormControlValid() {
+        var _a, _b, _c, _d;
+        if (((_b = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.touched) && ((_d = (_c = this.ngControl) === null || _c === void 0 ? void 0 : _c.control) === null || _d === void 0 ? void 0 : _d.invalid)) {
+            return 'assessment-error-text assessment-text-danger';
+        }
+        return '';
+    }
+}
+QuestionTypeObjectiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeObjectiveComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeObjectiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionTypeObjectiveComponent, selector: "lib-question-type-objective", inputs: { required: "required", question: "question" }, outputs: { viewChild: "viewChild" }, ngImport: i0, template: "<mat-radio-group [formControl]=\"formControl\" class=\"d-flex flex-column gap-3 assessment-radio-buttons mt-3\" (blur)=\"onTouched()\">\r\n    <ng-container *ngFor=\"let option of question.defaultOptionsList | orderBy\">\r\n        <mat-radio-button class=\"assessment-text-medium-13\" (change)=\"optionDetection(option, false)\"\r\n            (viewChild)=\"onChildDataChanged($event)\" [value]=\"option.options\" [required]=\"required\">\r\n            <span class=\"text-wrap assessment-text-grey-ten\" [innerHtml]=\"option.options.optionName[0]?.text\"></span>\r\n        </mat-radio-button>\r\n    </ng-container>\r\n</mat-radio-group>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}\n"], components: [{ type: i2$1.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i2$1.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeObjectiveComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-question-type-objective',
+                    templateUrl: './question-type-objective.component.html',
+                    styleUrls: ['./question-type-objective.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { required: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], viewChild: [{
+                type: Output
+            }] } });
+
+class QuestionTypeMultiselectComponent {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        this.viewChild = new EventEmitter();
+        this.selectData = [];
+        this.formControl = new FormControl();
+        this.onTouchedFn = () => { };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    toggleSelection(event, data) {
+        if (event.checked) {
+            this.selectData.push(data);
+        }
+        else {
+            const i = this.selectData.findIndex(value => value.id == data.id);
+            if (i > -1) {
+                this.selectData.splice(i, 1);
+            }
+        }
+        this.formControl.patchValue(this.selectData.length ? [...this.selectData] : null);
+        this.optionDetection(data, false);
+    }
+    writeValue(value) {
+        if (value && Array.isArray(value)) {
+            this.selectData = [...value];
+            this.formControl.setValue(this.selectData, { emitEvent: false });
+        }
+        else {
+            this.selectData = [];
+            this.formControl.setValue(null, { emitEvent: false });
+        }
+    }
+    getSelection(option) {
+        var _a;
+        if (this.selectData) {
+            return ((_a = this.selectData) === null || _a === void 0 ? void 0 : _a.findIndex((s) => s.id && s.id === option.id)) !== -1;
+        }
+        else
+            return false;
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.onTouchedFn = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.formControl.disable({ emitEvent: false });
+        }
+        else {
+            this.formControl.enable({ emitEvent: false });
+        }
+    }
+    onTouched() {
+        this.onTouchedFn();
+    }
+    checkFormControlValid() {
+        var _a, _b, _c, _d;
+        if (((_b = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.touched) && ((_d = (_c = this.ngControl) === null || _c === void 0 ? void 0 : _c.control) === null || _d === void 0 ? void 0 : _d.invalid)) {
+            return 'assessment-error-text assessment-text-danger';
+        }
+        return '';
+    }
+    optionDetection(obj, detectFromEdit) {
+        var _a, _b;
+        let option = (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.defaultOptionsList) === null || _b === void 0 ? void 0 : _b.find((o) => o.options.id === obj.id);
+        let data = {
+            question: this.question,
+            list: option === null || option === void 0 ? void 0 : option.childQuestionList,
+            detectFrom: detectFromEdit
+        };
+        this.viewChild.emit(data);
+    }
+}
+QuestionTypeMultiselectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeMultiselectComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeMultiselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionTypeMultiselectComponent, selector: "lib-question-type-multiselect", inputs: { required: "required", question: "question" }, outputs: { viewChild: "viewChild" }, ngImport: i0, template: "<div class=\"d-flex flex-column gap-3 assessment-checkboxes mt-3\" (focusout)=\"onTouched()\">\r\n    <ng-container *ngFor=\"let option of question.defaultOptionsList | orderBy\">\r\n        <mat-checkbox class=\"assessment-text-medium-13\" [checked]=\"getSelection(option.options)\" [disabled]=\"formControl.disabled\"\r\n            (change)=\"toggleSelection($event, option.options)\" [value]=\"option.options\" [required]=\"required\">\r\n            <span class=\"text-wrap assessment-text-grey-ten\" [innerHtml]=\"option.options.optionName[0]?.text\"></span>\r\n        </mat-checkbox>\r\n    </ng-container>\r\n</div>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}\n"], components: [{ type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeMultiselectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-question-type-multiselect',
+                    templateUrl: './question-type-multiselect.component.html',
+                    styleUrls: ['./question-type-multiselect.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { required: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], viewChild: [{
+                type: Output
+            }] } });
+
+class QuestionTypePreferenceComponent {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        this.viewChild = new EventEmitter();
+        this.selectData = [];
+        this.formControl = new FormControl();
+        this.onTouchedFn = () => { };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    toggleSelection(data) {
+        if (this.formControl.disabled)
+            return;
+        const index = this.getSelectionIndex(data);
+        if (index === -1) {
+            this.selectData.push(data);
+        }
+        else {
+            this.selectData.splice(index, 1);
+        }
+        this.formControl.patchValue(this.selectData.length ? [...this.selectData] : null);
+        this.optionDetection(data, false);
+        this.onTouched();
+    }
+    writeValue(value) {
+        if (value && Array.isArray(value)) {
+            this.selectData = [...value];
+            this.formControl.setValue(this.selectData, { emitEvent: false });
+        }
+        else {
+            this.selectData = [];
+            this.formControl.setValue(null, { emitEvent: false });
+        }
+    }
+    getSelectionIndex(option) {
+        if (this.selectData) {
+            return this.selectData.findIndex((s) => s.id && s.id === option.id);
+        }
+        else {
+            return -1;
+        }
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.onTouchedFn = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.formControl.disable({ emitEvent: false });
+        }
+        else {
+            this.formControl.enable({ emitEvent: false });
+        }
+    }
+    onTouched() {
+        this.onTouchedFn();
+    }
+    checkFormControlValid() {
+        var _a, _b, _c, _d;
+        if (((_b = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.touched) && ((_d = (_c = this.ngControl) === null || _c === void 0 ? void 0 : _c.control) === null || _d === void 0 ? void 0 : _d.invalid)) {
+            return 'assessment-error-text assessment-text-danger';
+        }
+        return '';
+    }
+    optionDetection(obj, detectFromEdit) {
+        var _a, _b;
+        let option = (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.defaultOptionsList) === null || _b === void 0 ? void 0 : _b.find((o) => o.options.id === obj.id);
+        let data = {
+            question: this.question,
+            list: option === null || option === void 0 ? void 0 : option.childQuestionList,
+            detectFrom: detectFromEdit
+        };
+        this.viewChild.emit(data);
+    }
+}
+QuestionTypePreferenceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypePreferenceComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypePreferenceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionTypePreferenceComponent, selector: "lib-question-type-preference", inputs: { required: "required", question: "question" }, outputs: { viewChild: "viewChild" }, ngImport: i0, template: "<div class=\"d-flex flex-column gap-3 assessment-checkboxes mt-3\" (focusout)=\"onTouched()\">\n    <ng-container *ngFor=\"let option of question.defaultOptionsList | orderBy\">\n        <div class=\"d-flex align-items-center gap-3 cursor-pointer\" [class.assessment-text-grey]=\"formControl.disabled\"\n            (click)=\"toggleSelection(option.options)\">\n\n            <div class=\"preference-box assessment-bg-white flex-shrink-0 assessment-input-border-one assessment-border-radius-two d-flex align-items-center justify-content-center p-1\"\n                [ngClass]=\"{\n                     'selected assessment-bg-primary-one assessment-text-white': getSelectionIndex(option.options) > -1,\n                     'disabled': formControl.disabled\n                 }\">\n                <span class=\"assessment-text-semibold-12\" *ngIf=\"getSelectionIndex(option.options) > -1\">\n                    {{getSelectionIndex(option.options) + 1}}\n                </span>\n            </div>\n\n            <span class=\"text-wrap assessment-text-medium-14\" [innerHtml]=\"option.options.optionName[0]?.text\"></span>\n        </div>\n    </ng-container>\n</div>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}.preference-box{width:1.5rem;height:1.5rem;transition:all .2s ease-in-out}.preference-box.selected{border-color:var(--assessment-primary-one)}.preference-box.disabled{opacity:.8}\n"], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypePreferenceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-question-type-preference',
+                    templateUrl: './question-type-preference.component.html',
+                    styleUrls: ['./question-type-preference.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { required: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], viewChild: [{
+                type: Output
+            }] } });
+
+class QuestionTypeFileUploadComponent {
+    constructor(ngControl, assessmentService) {
+        this.ngControl = ngControl;
+        this.assessmentService = assessmentService;
+        this.labelConfig = {};
+        this.imageConfig = {};
+        this.files = [];
+        this.formControl = new FormControl([]);
+        this.onTouched = () => { };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    writeValue(value) {
+        if (value && Array.isArray(value)) {
+            this.files = value;
+            this.formControl.setValue(value, { emitEvent: false });
+        }
+        else {
+            this.files = [];
+            this.formControl.setValue([], { emitEvent: false });
+        }
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.formControl.disable({ emitEvent: false });
+        }
+        else {
+            this.formControl.enable({ emitEvent: false });
+        }
+    }
+    get maxFiles() {
+        var _a, _b;
+        const config = (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.questionConfigs) === null || _b === void 0 ? void 0 : _b.find(c => c.configKey === 'maxNoOfFiles');
+        return config ? Number(config.configValue) : 1;
+    }
+    get maxFileSize() {
+        var _a, _b;
+        const config = (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.questionConfigs) === null || _b === void 0 ? void 0 : _b.find(c => c.configKey === 'maxFileSize');
+        // maxFileSize config is in MB, convert to bytes for comparison
+        return config ? Number(config.configValue) * 1024 * 1024 : 0;
+    }
+    get allowMultiple() {
+        return this.maxFiles > 1;
+    }
+    onFileChange(event) {
+        const inputFiles = event.target.files;
+        if (inputFiles && inputFiles.length > 0) {
+            const newFiles = Array.from(inputFiles);
+            const limit = this.maxFileSize;
+            const validFiles = newFiles.filter(f => limit === 0 || f.size <= limit);
+            if (validFiles.length < newFiles.length) {
+                // this.matSnackBar.open('One or more selected files exceed the maximum allowed size.', 'OK', { duration: 4000 });
+            }
+            validFiles.forEach(file => {
+                this.uploadFile(file);
+            });
+        }
+        if (this.fileInput) {
+            this.fileInput.nativeElement.value = '';
+        }
+    }
+    uploadFile(file) {
+        const formData = new FormData();
+        formData.append('file', file);
+        this.assessmentService.uploadAttachment(formData, { entityType: 'ENTITY_TYPE.ASSESSMENT_QUESTION' }).subscribe({
+            next: (data) => {
+                // this.matSnackBar.open('File uploaded successfully!', 'OK', { duration: 4000 });
+                if (this.allowMultiple) {
+                    this.files = [...this.files, data];
+                }
+                else {
+                    this.files = [data];
+                }
+                this.formControl.setValue(this.files);
+                this.onTouched();
+            },
+            error: (error) => {
+                // this.matSnackBar.open('Failed to upload the file!', 'OK', { duration: 4000 });
+            }
+        });
+    }
+    removeFile(index) {
+        this.files.splice(index, 1);
+        this.formControl.setValue([...this.files]);
+        this.onTouched();
+    }
+    imageErrorHandler(event, filePath) {
+        event.target.src = filePath;
+    }
+    getFileIcon(attachment) {
+        const mimeTypeMap = {
+            'pdf': 'COMMONS_ASSESSMENT.ICON.PDF',
+            'image/jpeg': 'COMMONS_ASSESSMENT.ICON.JPEG',
+            'image/jpg': 'COMMONS_ASSESSMENT.ICON.JPG',
+            'image/png': 'COMMONS_ASSESSMENT.ICON.PNG',
+            'image/svg': 'COMMONS_ASSESSMENT.ICON.SVG'
+        };
+        const mimeType = attachment.mimeType;
+        if (mimeType) {
+            const mimeTypeLower = mimeType.toLowerCase();
+            for (const key in mimeTypeMap) {
+                if (mimeTypeLower.includes(key)) {
+                    return this.imageConfig[mimeTypeMap[key]] || this.imageConfig['COMMONS_ASSESSMENT.ICON.DEFAULT_FILE'];
+                }
+            }
+        }
+        return this.imageConfig['COMMONS_ASSESSMENT.ICON.DEFAULT_FILE'];
+    }
+    viewFile(url) {
+        if (url) {
+            window.open(url, '_blank');
+        }
+    }
+}
+QuestionTypeFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeFileUploadComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: AssessmentTakerService }], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionTypeFileUploadComponent, selector: "lib-question-type-file-upload", inputs: { required: "required", question: "question", labelConfig: "labelConfig", imageConfig: "imageConfig" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"file-upload-container col-12\">\n  <input type=\"file\" #fileInput (change)=\"onFileChange($event)\" [multiple]=\"allowMultiple\" class=\"d-none\"\n    [id]=\"question.id + '_file'\" [disabled]=\"formControl.disabled\" (blur)=\"onTouched()\">\n\n  <div class=\"my-3 row mx-0 row-gap-3\" *ngIf=\"files.length > 0\">\n    <div *ngFor=\"let file of files; let i = index\" class=\"col-lg-4 col-md-6 col-12\">\n      <div\n        class=\"col-12 d-flex align-items-center gap-3 assessment-border-radius-two assessment-bg-grey-one p-3 assessment-card-border cursor-pointer\">\n        <img [src]=\"getFileIcon(file)\"\n          (error)=\"imageErrorHandler($event, imageConfig['COMMONS_ASSESSMENT.ICON.DEFAULT_FILE'])\" class=\"file-icon\"\n          alt=\"file icon\">\n        <div class=\"flex-grow-1 cursor-pointer\" (click)=\"viewFile(file.completeURL)\">\n          <p class=\"assessment-text-medium-15 mb-0 assessment-text-grey-ten\">\n            {{ file.name }}</p>\n          <p class=\"mb-0 assessment-text-medium-12 assessment-text-grey-eight\">\n            {{file.fileSizeInBytes < 1024 ? (file.fileSizeInBytes | number: '1.1-1' ) + ' Kb' : file.fileSizeInBytes <\n              1000000 ? (file.fileSizeInBytes / 1024 | number: '1.1-1' ) + ' Kb' : (file.fileSizeInBytes / 1000000 |\n              number: '1.1-1' ) + ' Mb' }} </p>\n        </div>\n        <img *ngIf=\"!formControl.disabled\" (click)=\"removeFile(i)\" [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.DELETE']\"\n          (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/delete.svg')\"\n          class=\"icon cursor-pointer\" alt=\"delete\">\n      </div>\n    </div>\n  </div>\n\n  <button *ngIf=\"!formControl.disabled\" type=\"button\"\n    class=\"assessment-zoom-animation assessment-border-radius-two assessment-button-padding-large assessment-btn-primary-transparent assessment-text-semibold-13 mt-2\"\n    (click)=\"fileInput.click()\">\n    {{labelConfig['COMMONS_ASSESSMENT.LABEL.UPLOAD']}}\n  </button>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}.icon{width:1.5rem}.file-icon{width:2rem}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "number": i3.DecimalPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeFileUploadComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-question-type-file-upload',
+                    templateUrl: './question-type-file-upload.component.html',
+                    styleUrls: ['./question-type-file-upload.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: AssessmentTakerService }]; }, propDecorators: { required: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], labelConfig: [{
+                type: Input
+            }], imageConfig: [{
+                type: Input
+            }], fileInput: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }] } });
+
+class AssessmentTakerComponent {
+    constructor(assessmentTakerService, fb, responseBuilderService, sanitizer, dialog) {
+        this.assessmentTakerService = assessmentTakerService;
+        this.fb = fb;
+        this.responseBuilderService = responseBuilderService;
+        this.sanitizer = sanitizer;
+        this.dialog = dialog;
+        this.labelConfig = {};
+        this.imageConfig = {};
+        this.showFooter = false;
+        this.assesseeData = { id: 0, actorId: 0, actorType: 'ACTOR_TYPE.BRIDGE_USER' };
+        this.assessorData = { id: 0, actorId: 0, actorType: 'TENANT' };
+        this.disabled = false;
+        this.previewMode = false;
+        this.verticalView = false;
+        this.enableMarks = false;
+        this.snackbarMessage = new EventEmitter();
+        this.submitAssessment = new EventEmitter();
+        this.showLoader = false;
+        this.questionBank = {};
+        this.assessmentQuestionPaperData = {};
+        this.assessmentData = {};
+        this.assesseeResponse = {};
+        this.configsLoaded = false;
+        this.isSubmitting = false;
+        this.sectionFormGroups = [];
+        this.selectedTabIndex = 0;
+        this.sectionErrors = [];
+        this.tenantId = 0;
+        this.tooltipState = {};
+        this.expandedState = [];
+    }
+    ngOnInit() {
+        this.getConfigsFromJSON();
+        if (this.previewMode) {
+            this.disabled = true;
+        }
+        if (this.assessmentInstanceId) {
+            this.showLoader = true;
+            this.loadAssessmentData();
+        }
+    }
+    getConfigsFromJSON() {
+        forkJoin({
+            labelConfig: this.assessmentTakerService.getConfigJSON('json/labelConfig'),
+            imageConfig: this.assessmentTakerService.getConfigJSON('json/imageConfig')
+        }).subscribe((res) => {
+            this.labelConfig = Object.assign({}, res === null || res === void 0 ? void 0 : res.labelConfig, this.labelConfig);
+            this.imageConfig = Object.assign({}, res === null || res === void 0 ? void 0 : res.imageConfig, this.imageConfig);
+            this.configsLoaded = true;
+        });
+    }
+    loadAssessmentData() {
+        var _a;
+        const apiCalls = Object.assign({ assessmentData: this.assessmentTakerService.getAssessmentContextById(this.assessmentId) }, (((_a = this.assesseeData) === null || _a === void 0 ? void 0 : _a.id) && {
+            assesseeResponse: this.assessmentTakerService.getAnswersByAiaId(this.assesseeData.id)
+        }));
+        forkJoin(apiCalls).subscribe({
+            next: (data) => {
+                var _a, _b, _c, _d, _e;
+                this.assessmentQuestionPaperData = (_a = data === null || data === void 0 ? void 0 : data.assessmentData) === null || _a === void 0 ? void 0 : _a.assessmentQuestionPaperDTO;
+                this.assessmentData = (_b = data === null || data === void 0 ? void 0 : data.assessmentData) === null || _b === void 0 ? void 0 : _b.assessment;
+                this.questionBank = (_c = data === null || data === void 0 ? void 0 : data.assessmentData) === null || _c === void 0 ? void 0 : _c.questionDTOMap;
+                this.tenantId = (_e = (_d = data === null || data === void 0 ? void 0 : data.assessmentData) === null || _d === void 0 ? void 0 : _d.assessment) === null || _e === void 0 ? void 0 : _e.tenantId;
+                if (data === null || data === void 0 ? void 0 : data.assesseeResponse) {
+                    this.assesseeResponse = data === null || data === void 0 ? void 0 : data.assesseeResponse;
+                }
+                else {
+                    this.assesseeResponse = {
+                        id: 0,
+                        assessmentInstance: { id: this.assessmentInstanceId },
+                        assessee: this.assesseeData,
+                        assessor: this.assessorData,
+                        aiadefaultResponseList: [],
+                        tenant: this.tenantId
+                    };
+                }
+                this.formSetup();
+                this.showLoader = false;
+            },
+            error: error => {
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                throw { error, method: 'GET' };
+            }
+        });
+    }
+    formSetup() {
+        var _a, _b;
+        this.sectionFormGroups = [];
+        (_b = (_a = this.assessmentQuestionPaperData) === null || _a === void 0 ? void 0 : _a.questionPaperSectionList) === null || _b === void 0 ? void 0 : _b.forEach(section => {
+            var _a, _b;
+            const group = {};
+            (_a = section === null || section === void 0 ? void 0 : section.sectionQuestionsList) === null || _a === void 0 ? void 0 : _a.forEach(sq => {
+                var _a;
+                const qId = sq.questionId;
+                if (!qId || !this.questionBank[qId])
+                    return;
+                const question = this.questionBank[qId];
+                this.addControlForQuestion(group, question, question === null || question === void 0 ? void 0 : question.isMandatory);
+                if ((_a = question.defaultOptionsList) === null || _a === void 0 ? void 0 : _a.length) {
+                    question.defaultOptionsList.forEach((option) => {
+                        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                        if (option.remarksRequired) {
+                            // Pre-populate remarks if we have answers matching this option.
+                            let remarkVal = null;
+                            const prefilledOptions = this.getPrefilledAnswer(qId);
+                            if (prefilledOptions) {
+                                const ansObj = (_b = (_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.aiadefaultResponseList) === null || _b === void 0 ? void 0 : _b.find((a) => { var _a; return ((_a = a.sectionQuestion) === null || _a === void 0 ? void 0 : _a.questionId) === qId && (!a.childQuestionId || a.childQuestionId === 0); });
+                                if (ansObj) {
+                                    if (((_c = question.questionType) === null || _c === void 0 ? void 0 : _c.code) === 'QUESTION_TYPE.OBJECTIVE' && prefilledOptions.id === ((_e = (_d = option.options) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : option.id)) {
+                                        remarkVal = ansObj.remarks || null;
+                                    }
+                                    else if (Array.isArray(prefilledOptions)) {
+                                        const matchingObj = (_f = ansObj.drobjectiveresponseList) === null || _f === void 0 ? void 0 : _f.find((r) => { var _a, _b, _c, _d; return ((_b = (_a = r.defaultOption) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.id) === ((_d = (_c = option.options) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : option.id); });
+                                        if (matchingObj) {
+                                            remarkVal = matchingObj.remarks || null;
+                                        }
+                                    }
+                                }
+                            }
+                            const remarkCtrl = new FormControl(remarkVal);
+                            if (((_h = (_g = this.assesseeResponse) === null || _g === void 0 ? void 0 : _g.assessmentTaken) === null || _h === void 0 ? void 0 : _h.code) === 'ASSESSMENT_TAKEN.COMPLETED' || this.disabled)
+                                remarkCtrl.disable();
+                            group[`${qId}_remarks_${option.id}`] = remarkCtrl;
+                        }
+                        (_j = option.childQuestionList) === null || _j === void 0 ? void 0 : _j.forEach((childId) => {
+                            var _a, _b;
+                            const childQues = this.questionBank[childId];
+                            if (childQues) {
+                                this.addControlForQuestion(group, childQues, false, true, qId, (_b = (_a = option.options) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : option.id);
+                            }
+                        });
+                    });
+                }
+            });
+            const fg = this.fb.group(group);
+            (_b = section === null || section === void 0 ? void 0 : section.sectionQuestionsList) === null || _b === void 0 ? void 0 : _b.forEach(sq => {
+                var _a, _b;
+                const qId = sq.questionId;
+                if (!qId || !this.questionBank[qId])
+                    return;
+                const question = this.questionBank[qId];
+                if ((_a = question.defaultOptionsList) === null || _a === void 0 ? void 0 : _a.length) {
+                    (_b = fg.get(qId.toString())) === null || _b === void 0 ? void 0 : _b.valueChanges.subscribe(val => {
+                        var _a;
+                        (_a = question.defaultOptionsList) === null || _a === void 0 ? void 0 : _a.forEach((option) => {
+                            var _a, _b;
+                            const isSelected = this.isOptionSelected(fg, question, (_a = option.options) === null || _a === void 0 ? void 0 : _a.id);
+                            if (option.remarksRequired) {
+                                const remarkCtrl = fg.get(`${qId}_remarks_${option.id}`);
+                                if (isSelected) {
+                                    remarkCtrl === null || remarkCtrl === void 0 ? void 0 : remarkCtrl.setValidators([Validators.required]);
+                                }
+                                else {
+                                    remarkCtrl === null || remarkCtrl === void 0 ? void 0 : remarkCtrl.clearValidators();
+                                    remarkCtrl === null || remarkCtrl === void 0 ? void 0 : remarkCtrl.setValue(null);
+                                }
+                                remarkCtrl === null || remarkCtrl === void 0 ? void 0 : remarkCtrl.updateValueAndValidity();
+                            }
+                            if ((_b = option.childQuestionList) === null || _b === void 0 ? void 0 : _b.length) {
+                                option.childQuestionList.forEach((childId) => {
+                                    const childQues = this.questionBank[childId];
+                                    if (childQues === null || childQues === void 0 ? void 0 : childQues.id) {
+                                        const childCtrl = fg.get(childQues.id.toString());
+                                        if (isSelected) {
+                                            const validators = this.getValidatorsForQuestion(childQues, childQues.isMandatory || false);
+                                            childCtrl === null || childCtrl === void 0 ? void 0 : childCtrl.setValidators(validators);
+                                        }
+                                        else {
+                                            childCtrl === null || childCtrl === void 0 ? void 0 : childCtrl.clearValidators();
+                                            childCtrl === null || childCtrl === void 0 ? void 0 : childCtrl.setValue(null);
+                                        }
+                                        childCtrl === null || childCtrl === void 0 ? void 0 : childCtrl.updateValueAndValidity();
+                                    }
+                                });
+                            }
+                        });
+                    });
+                }
+            });
+            this.sectionFormGroups.push({
+                sectionId: section.id,
+                formGroup: fg
+            });
+            this.sectionErrors.push(false);
+        });
+    }
+    addControlForQuestion(group, question, isMandatory = false, isChild = false, parentId, parentOptionId) {
+        var _a, _b;
+        const qId = question.id;
+        if (!qId)
+            return;
+        const validators = this.getValidatorsForQuestion(question, isMandatory);
+        let prefilledValue = this.getPrefilledAnswer(qId, isChild, parentId, parentOptionId);
+        const control = new FormControl(prefilledValue, validators);
+        // Disable if assessment is completed
+        if (((_b = (_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.assessmentTaken) === null || _b === void 0 ? void 0 : _b.code) === 'ASSESSMENT_TAKEN.COMPLETED' || this.disabled) {
+            control.disable();
+        }
+        group[qId] = control;
+        // Attach mark assignment control if required
+        if (this.enableMarks && this.shouldShowMarksDropdown(question)) {
+            let markValue = this.getPrefilledMark(qId, isChild, parentId, parentOptionId);
+            group[`${qId}_marks`] = new FormControl(markValue);
+        }
+    }
+    getPrefilledMark(qId, isChild = false, parentId, parentOptionId) {
+        var _a, _b;
+        if (!((_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.aiadefaultResponseList))
+            return null;
+        const answerObj = this.assesseeResponse.aiadefaultResponseList.find((a) => {
+            var _a;
+            if (isChild) {
+                return a.childQuestionId === qId && a.childQuestionParentQuestionId === parentId && a.childDefaultOptionId === parentOptionId;
+            }
+            else {
+                return ((_a = a.sectionQuestion) === null || _a === void 0 ? void 0 : _a.questionId) === qId && (!a.childQuestionId || a.childQuestionId === 0);
+            }
+        });
+        return (_b = answerObj === null || answerObj === void 0 ? void 0 : answerObj.marks) !== null && _b !== void 0 ? _b : null;
+    }
+    getQuestionWeight(qId) {
+        var _a;
+        return ((_a = this.questionBank[qId]) === null || _a === void 0 ? void 0 : _a.weight) || 0;
+    }
+    getMarksRange(qId) {
+        const max = this.getQuestionWeight(qId);
+        if (max === 0)
+            return [];
+        return Array.from({ length: Math.floor(max) + 1 }, (_, i) => i);
+    }
+    shouldShowMarksDropdown(question) {
+        var _a;
+        const autoAssignedTypes = [
+            'QUESTION_TYPE.OBJECTIVE',
+            'QUESTION_TYPE.MULTI_SELECT',
+            'QUESTION_TYPE.SCALE_RATING',
+            'QUESTION_TYPE.CONSENT',
+            'QUESTION_TYPE.MULTISELECT_HIERARCHY',
+            'QUESTION_TYPE.MULTISELECT_OPTION_RICHTEXT_REMARKS',
+            'QUESTION_TYPE.PREFERENCE'
+        ];
+        const hasWeight = this.getQuestionWeight(question.id || 0) > 0;
+        return !autoAssignedTypes.includes(((_a = question.questionType) === null || _a === void 0 ? void 0 : _a.code) || '') && hasWeight;
+    }
+    getPrefilledAnswer(qId, isChild = false, parentId, parentOptionId) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!((_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.aiadefaultResponseList))
+            return null;
+        const answerObj = this.assesseeResponse.aiadefaultResponseList.find((a) => {
+            var _a;
+            if (isChild) {
+                return a.childQuestionId === qId && a.childQuestionParentQuestionId === parentId && a.childDefaultOptionId === parentOptionId;
+            }
+            else {
+                return ((_a = a.sectionQuestion) === null || _a === void 0 ? void 0 : _a.questionId) === qId && (!a.childQuestionId || a.childQuestionId === 0);
+            }
+        });
+        if (!answerObj)
+            return null;
+        const question = this.questionBank[qId];
+        if (!question)
+            return null;
+        const qType = (_b = question.questionType) === null || _b === void 0 ? void 0 : _b.code;
+        if (qType === 'QUESTION_TYPE.OBJECTIVE') {
+            return (_c = answerObj.optionId) === null || _c === void 0 ? void 0 : _c.id;
+        }
+        else if (qType === 'QUESTION_TYPE.MULTI_SELECT' || qType === 'QUESTION_TYPE.PREFERENCE') {
+            let sortedList = [...(answerObj.drobjectiveresponseList || [])];
+            if (qType === 'QUESTION_TYPE.PREFERENCE') {
+                sortedList.sort((a, b) => (a.orderNo || 0) - (b.orderNo || 0));
+            }
+            return sortedList.map((r) => { var _a; return (_a = r.defaultOption) === null || _a === void 0 ? void 0 : _a.options; }) || [];
+        }
+        else if (qType === 'QUESTION_TYPE.FILE_UPLOAD') {
+            // Fallback parsing if we only have responseText
+            return ((_d = answerObj.drsubjectiveresponseList) === null || _d === void 0 ? void 0 : _d.map((r) => {
+                try {
+                    return JSON.parse(r.responseText);
+                }
+                catch (e) {
+                    return { id: r.responseText }; // basic fallback
+                }
+            })) || [];
+        }
+        else {
+            return (_g = (_f = (_e = answerObj.drsubjectiveresponseList) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.responseText) !== null && _g !== void 0 ? _g : null;
+        }
+    }
+    getValidatorsForQuestion(question, isMandatory) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const validators = [];
+        if (isMandatory) {
+            validators.push(Validators.required);
+        }
+        if (question.responseValidation) {
+            validators.push(Validators.pattern(question.responseValidation));
+        }
+        else {
+            if (((_a = question.questionType) === null || _a === void 0 ? void 0 : _a.code) === 'QUESTION_TYPE.EMAIL') {
+                validators.push(Validators.pattern(/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/));
+            }
+            else if (((_b = question.questionType) === null || _b === void 0 ? void 0 : _b.code) === 'QUESTION_TYPE.URL') {
+                validators.push(Validators.pattern(/^(https?:\/\/)?([\w\-]+(\.[\w\-]+)+)([\/?#].*)?$/i));
+            }
+            else if (((_c = question.questionType) === null || _c === void 0 ? void 0 : _c.code) === 'QUESTION_TYPE.CONTACT_NUMBER') {
+                validators.push(Validators.pattern(/^[0-9]{10}$/));
+            }
+            else if (((_d = question.questionType) === null || _d === void 0 ? void 0 : _d.code) === 'QUESTION_TYPE.NUMBER') {
+                validators.push(Validators.pattern(/^[0-9]+$/));
+            }
+        }
+        if (question.questionConfigs && question.questionConfigs.length > 0) {
+            const minChar = (_e = question.questionConfigs.find(c => c.configKey === 'minCharacterCount')) === null || _e === void 0 ? void 0 : _e.configValue;
+            if (minChar)
+                validators.push(Validators.minLength(Number(minChar)));
+            const maxChar = (_f = question.questionConfigs.find(c => c.configKey === 'maxCharacterCount')) === null || _f === void 0 ? void 0 : _f.configValue;
+            if (maxChar)
+                validators.push(Validators.maxLength(Number(maxChar)));
+            const minOpt = (_g = question.questionConfigs.find(c => c.configKey === 'minimumNumberOfOption')) === null || _g === void 0 ? void 0 : _g.configValue;
+            if (minOpt) {
+                validators.push((control) => {
+                    var _a;
+                    if (!control.value || control.value.length < Number(minOpt)) {
+                        return { minOptions: { required: Number(minOpt), actual: ((_a = control.value) === null || _a === void 0 ? void 0 : _a.length) || 0 } };
+                    }
+                    return null;
+                });
+            }
+            const maxOpt = (_h = question.questionConfigs.find(c => c.configKey === 'maximumNumberOfOption')) === null || _h === void 0 ? void 0 : _h.configValue;
+            if (maxOpt) {
+                validators.push((control) => {
+                    var _a;
+                    if (control.value && control.value.length > Number(maxOpt)) {
+                        return { maxOptions: { required: Number(maxOpt), actual: ((_a = control.value) === null || _a === void 0 ? void 0 : _a.length) || 0 } };
+                    }
+                    return null;
+                });
+            }
+            const maxFiles = (_j = question.questionConfigs.find(c => c.configKey === 'maxNoOfFiles')) === null || _j === void 0 ? void 0 : _j.configValue;
+            if (maxFiles) {
+                validators.push((control) => {
+                    var _a;
+                    if (control.value && control.value.length > Number(maxFiles)) {
+                        return { maxFiles: { required: Number(maxFiles), actual: ((_a = control.value) === null || _a === void 0 ? void 0 : _a.length) || 0 } };
+                    }
+                    return null;
+                });
+            }
+            const maxFileSize = (_k = question.questionConfigs.find(c => c.configKey === 'maxFileSize')) === null || _k === void 0 ? void 0 : _k.configValue;
+            if (maxFileSize) {
+                validators.push((control) => {
+                    if (control.value && Array.isArray(control.value)) {
+                        const hasLargeFile = control.value.some((file) => (file === null || file === void 0 ? void 0 : file.size) && file.size > (Number(maxFileSize) * 1024 * 1024));
+                        if (hasLargeFile) {
+                            return { maxFileSize: { requiredSize: Number(maxFileSize) } };
+                        }
+                    }
+                    return null;
+                });
+            }
+        }
+        return validators;
+    }
+    imageErrorHandler(event, filePath) {
+        event.target.src = filePath;
+    }
+    isOptionSelected(formGroup, question, optionId) {
+        var _a;
+        if (!optionId)
+            return false;
+        let controlName = (_a = question.id) === null || _a === void 0 ? void 0 : _a.toString();
+        if (!controlName)
+            return false;
+        const control = formGroup.get(controlName);
+        if (!control || control.value == null)
+            return false;
+        // Multi-select deals with an array of values
+        if (Array.isArray(control.value)) {
+            return control.value.includes(optionId) || control.value.some((val) => (val === null || val === void 0 ? void 0 : val.id) === optionId);
+        }
+        // Objective / Single select deals with a single value (could be integer ID or object)
+        if (typeof control.value === 'object' && control.value.id) {
+            return control.value.id === optionId;
+        }
+        return control.value === optionId;
+    }
+    getMaxCharCount(question) {
+        var _a;
+        const config = (_a = question === null || question === void 0 ? void 0 : question.questionConfigs) === null || _a === void 0 ? void 0 : _a.find(c => c.configKey === 'maxCharacterCount');
+        return config ? Number(config.configValue) : 0;
+    }
+    getRemainingChars(question, control) {
+        const max = this.getMaxCharCount(question);
+        const currentLength = control.value ? control.value.length : 0;
+        return max - currentLength;
+    }
+    goBack() {
+        if (this.selectedTabIndex > 0) {
+            this.selectedTabIndex--;
+        }
+    }
+    shouldDisableTab(index) {
+        var _a, _b;
+        for (let j = 0; j < index; j++) {
+            if ((_b = (_a = this.sectionFormGroups[j]) === null || _a === void 0 ? void 0 : _a.formGroup) === null || _b === void 0 ? void 0 : _b.invalid) {
+                return true;
+            }
+        }
+        return false;
+    }
+    goNext(markAsCompleted = true) {
+        var _a, _b, _c;
+        const save = ((_c = (_b = (_a = this.assessmentData) === null || _a === void 0 ? void 0 : _a.assessmentConfigs) === null || _b === void 0 ? void 0 : _b.find(c => c.configKey == 'assesment.config.allowed-partial-response')) === null || _c === void 0 ? void 0 : _c.configValue) == '1';
+        const currentSection = this.sectionFormGroups[this.selectedTabIndex];
+        if (!currentSection)
+            return;
+        currentSection.formGroup.markAllAsTouched();
+        if (currentSection.formGroup.invalid) {
+            this.sectionErrors[this.selectedTabIndex] = true;
+            return;
+        }
+        this.sectionErrors[this.selectedTabIndex] = false;
+        if (this.selectedTabIndex < this.sectionFormGroups.length - 1) {
+            save ? this.save() : this.selectedTabIndex++;
+        }
+        else {
+            this.processSubmit(markAsCompleted);
+        }
+    }
+    processSubmit(markAsCompleted = true) {
+        let firstInvalidIndex = -1;
+        this.sectionFormGroups.forEach((group, index) => {
+            group.formGroup.markAllAsTouched();
+            if (group.formGroup.invalid) {
+                this.sectionErrors[index] = true;
+                if (firstInvalidIndex === -1)
+                    firstInvalidIndex = index;
+            }
+            else {
+                this.sectionErrors[index] = false;
+            }
+        });
+        if (firstInvalidIndex !== -1) {
+            if (!this.verticalView) {
+                this.selectedTabIndex = firstInvalidIndex;
+            }
+            else {
+                this.expandedState[firstInvalidIndex] = true;
+            }
+            this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.FIX_ERRORS'], type: 'error' });
+            this.scrollToFirstInvalidField(firstInvalidIndex);
+            return;
+        }
+        this.save(true, markAsCompleted);
+    }
+    scrollToFirstInvalidField(sectionIndex) {
+        setTimeout(() => {
+            const formGroup = this.sectionFormGroups[sectionIndex].formGroup;
+            for (const controlName in formGroup.controls) {
+                if (formGroup.controls[controlName].invalid) {
+                    let qId = controlName;
+                    if (controlName.includes('_remarks_') || controlName.includes('_marks')) {
+                        qId = controlName.split('_')[0];
+                    }
+                    const element = document.getElementById(`question-container-${qId}`);
+                    if (element) {
+                        element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                        break;
+                    }
+                }
+            }
+        }, 100);
+    }
+    save(goNext = true, markAsCompleted = true) {
+        var _a;
+        this.isSubmitting = true;
+        if (markAsCompleted && this.selectedTabIndex == this.sectionFormGroups.length - 1) {
+            this.assesseeResponse.assessmentTaken = { code: 'ASSESSMENT_TAKEN.COMPLETED' };
+        }
+        else {
+            this.assesseeResponse.assessmentTaken = { code: 'ASSESSMENT_TAKEN.INCOMPLETE' };
+        }
+        const payload = this.responseBuilderService.buildResponsePayload(this.assesseeResponse, this.assessmentQuestionPaperData, this.sectionFormGroups, this.questionBank, this.tenantId);
+        const apiCall = ((_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.id) ? this.assessmentTakerService.patchAssessment(payload) : this.assessmentTakerService.submitAssessment(payload);
+        apiCall.subscribe({
+            next: (res) => {
+                var _a, _b;
+                if (!((_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.id)) {
+                    this.getAnswersByAiaId(res);
+                }
+                else {
+                    this.assesseeResponse = res;
+                }
+                this.isSubmitting = false;
+                this.submitAssessment.emit({ assesseeId: ((_b = res === null || res === void 0 ? void 0 : res.assessee) === null || _b === void 0 ? void 0 : _b.id) || res, completed: goNext && (this.selectedTabIndex == this.sectionFormGroups.length - 1 || this.verticalView) });
+                if (goNext && this.selectedTabIndex < this.sectionFormGroups.length - 1) {
+                    this.selectedTabIndex++;
+                }
+            },
+            error: error => {
+                var _a;
+                this.isSubmitting = false;
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.SAVE_FAILED'], type: 'error' });
+                throw { error, method: ((_a = this.assesseeResponse) === null || _a === void 0 ? void 0 : _a.id) ? 'PATCH' : 'POST', payload };
+            }
+        });
+    }
+    getAnswersByAiaId(assesseeId) {
+        this.assessmentTakerService.getAnswersByAiaId(assesseeId).subscribe({
+            next: (res) => {
+                this.assesseeResponse = res;
+            },
+            error: error => {
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.GET_FAILED'], type: 'error' });
+                throw { error, method: 'GET' };
+            }
+        });
+    }
+    addYoutubeIframeSrc(videoUrl) {
+        const videoId = this.getVideoId(videoUrl);
+        const youtubeUrl = `https://www.youtube.com/embed/${videoId}`;
+        return this.sanitizer.bypassSecurityTrustResourceUrl(youtubeUrl);
+    }
+    getVideoId(videoUrl) {
+        let pattern = null;
+        if (videoUrl.includes('youtube.com')) {
+            pattern = /(?:\?v=|&v=|youtu\.be\/|\/embed\/|\/\d\/|\/vi\/|\/v\/|https?:\/\/(?:www\.)?youtube\.com\/(?:v\/|embed\/|watch\?(?:\S+&)?v=|watch\?(?:\S+&)?vi=|\S+\/))([a-zA-Z0-9_-]{11})/;
+        }
+        else if (videoUrl.includes('youtu.be')) {
+            pattern = /youtu\.be\/([a-zA-Z0-9_-]{11})/;
+        }
+        if (pattern) {
+            const match = videoUrl.match(pattern);
+            if (match && match[1]) {
+                return match[1];
+            }
+        }
+        return null;
+    }
+    openInstructionsDialog(section) {
+        this.dialog.open(SectionInstructionsComponent, {
+            autoFocus: false,
+            maxWidth: '95%',
+            width: 'calc(20rem + 500px)',
+            maxHeight: '95dvh',
+            panelClass: ['assessment-dialog'],
+            data: {
+                imageConfig: this.imageConfig,
+                labelConfig: this.labelConfig,
+                sectionDetails: section
+            },
+        });
+    }
+}
+AssessmentTakerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerComponent, deps: [{ token: AssessmentTakerService }, { token: i1$2.FormBuilder }, { token: ResponseBuilderService }, { token: i2.DomSanitizer }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+AssessmentTakerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AssessmentTakerComponent, selector: "lib-assessment-taker", inputs: { labelConfig: "labelConfig", imageConfig: "imageConfig", showFooter: "showFooter", assessmentId: "assessmentId", assessmentInstanceId: "assessmentInstanceId", assesseeData: "assesseeData", assessorData: "assessorData", disabled: "disabled", previewMode: "previewMode", verticalView: "verticalView", enableMarks: "enableMarks" }, outputs: { snackbarMessage: "snackbarMessage", submitAssessment: "submitAssessment" }, ngImport: i0, template: "<div *ngIf=\"configsLoaded && !showLoader; else loader\" class=\"col-12 h-100\">\r\n    <div class=\"col-12 h-100 py-4\" [class.height-without-footer]=\"showFooter\">\r\n        <ng-container *ngIf=\"assessmentQuestionPaperData?.questionPaperSectionList?.length\">\r\n            <mat-tab-group *ngIf=\"!verticalView\" animationDuration=\"0ms\" class=\"assessment-mat-custom-tabs\"\r\n                [(selectedIndex)]=\"selectedTabIndex\">\r\n                <mat-tab\r\n                    *ngFor=\"let section of assessmentQuestionPaperData.questionPaperSectionList | orderBy; let i = index\"\r\n                    [disabled]=\"shouldDisableTab(i)\">\r\n                    <ng-template mat-tab-label>\r\n                        <span class=\"assessment-text-semibold-16\"\r\n                            [ngClass]=\"sectionErrors[i] ? 'assessment-text-danger' : ''\">{{section.qpsName?.[0]?.text}}</span>\r\n                    </ng-template>\r\n                    <div class=\"mt-4\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"sectionContent; context: { section: section, i: i }\"></ng-container>\r\n                    </div>\r\n                </mat-tab>\r\n            </mat-tab-group>\r\n\r\n            <mat-accordion *ngIf=\"verticalView\" multi=\"true\" class=\"d-flex flex-column gap-4 mb-4\">\r\n                <mat-expansion-panel\r\n                    *ngFor=\"let section of assessmentQuestionPaperData.questionPaperSectionList | orderBy; let i = index\"\r\n                    [expanded]=\"expandedState[i] !== false\" (opened)=\"expandedState[i] = true\"\r\n                    (closed)=\"expandedState[i] = false\"\r\n                    class=\"assessment-border-radius-two shadow-none m-0 assessment-panel\">\r\n                    <mat-expansion-panel-header class=\"assessment-bg-grey-two h-auto py-3 bg-transparent\">\r\n                        <mat-panel-title>\r\n                            <span class=\"assessment-text-semibold-16\"\r\n                                [ngClass]=\"sectionErrors[i] ? 'assessment-text-danger' : ''\">{{section.qpsName?.[0]?.text}}</span>\r\n                        </mat-panel-title>\r\n                    </mat-expansion-panel-header>\r\n                    <div class=\"mt-4 px-md-3\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"sectionContent; context: { section: section, i: i }\"></ng-container>\r\n                    </div>\r\n                </mat-expansion-panel>\r\n            </mat-accordion>\r\n        </ng-container>\r\n\r\n        <div *ngIf=\"!assessmentQuestionPaperData?.questionPaperSectionList?.length\"\r\n            class=\"h-100 d-flex flex-column align-items-center justify-content-center gap-3\">\r\n            <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.NO_QUESTIONS']\" class=\"col-sm-auto col-6\"\r\n                (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/no-questions.svg')\" />\r\n            <div class=\"text-center\">\r\n                <p class=\"mb-1 assessment-text-medium-18\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.NO_QUESTIONS']}}</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"showFooter\"\r\n        class=\"bg-white p-3 position-sticky bottom-0 d-flex align-items-center justify-content-end border-top gap-3 z-index-1\">\r\n        <button\r\n            class=\"assessment-zoom-animation assessment-border-radius-two assessment-button-padding-large assessment-btn-primary-transparent assessment-text-semibold-13\"\r\n            (click)=\"goBack()\" *ngIf=\"selectedTabIndex > 0 && !verticalView\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.GO_BACK']}}</button>\r\n        <button [disabled]=\"isSubmitting\" (click)=\"verticalView ? processSubmit(true) : goNext()\"\r\n            class=\"assessment-zoom-animation assessment-border-radius-two assessment-button-padding-large assessment-btn-primary assessment-text-semibold-13 position-relative\">\r\n            <span [ngClass]=\"{'opacity-0': isSubmitting}\">\r\n                {{ (verticalView || selectedTabIndex === sectionFormGroups.length - 1) ?\r\n                labelConfig['COMMONS_ASSESSMENT.LABEL.SUBMIT'] : labelConfig['COMMONS_ASSESSMENT.LABEL.NEXT'] }}\r\n            </span>\r\n            <mat-spinner *ngIf=\"isSubmitting\" [diameter]=\"20\"\r\n                class=\"position-absolute top-50 start-50 translate-middle assessment-spinner-white\"></mat-spinner>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #loader>\r\n    <div class=\"h-100 col-12 d-flex align-items-center justify-content-center py-5\">\r\n        <mat-spinner diameter=\"60\" class=\"assessment-spinner-primary\"></mat-spinner>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Recursive Template for Questions & Child Questions -->\r\n<ng-template #questionTemplate let-questionId=\"questionId\" let-isMandatory=\"isMandatory\" let-groupIndex=\"groupIndex\"\r\n    let-parentOptionId=\"parentOptionId\" let-questionIndex=\"questionIndex\">\r\n    <div [formGroup]=\"sectionFormGroups[groupIndex].formGroup\" [id]=\"'question-container-' + questionId\">\r\n        <div class=\"assessment-border-radius-two mb-3\" [ngClass]=\"parentOptionId? '' : 'p-3 assessment-card-border'\"\r\n            *ngIf=\"questionBank[questionId] as question\">\r\n            <div\r\n                class=\"d-flex flex-column flex-md-row justify-content-between gap-2 gap-md-3 align-items-md-start mb-3\">\r\n                <div class=\"d-flex gap-md-3 gap-2 align-items-start flex-grow-1\">\r\n                    <div class=\"flex-grow-1\">\r\n                        <p class=\"assessment-text-medium-15 mb-0 d-flex gap-1 gap-md-2\">\r\n                            {{questionIndex + 1}}.\r\n                            <span [innerHtml]=\"question.questionText?.[0]?.text\"></span>\r\n                        </p>\r\n                        <div class=\"mt-3 col-12\" *ngIf=\"question?.mediaUrl\">\r\n                            <ng-container\r\n                                *ngTemplateOutlet=\"VideoTemplate; context:{videoUrl:question?.mediaUrl}\"></ng-container>\r\n                        </div>\r\n                    </div>\r\n                    <ng-container *ngIf=\"question.hintText && !previewMode\">\r\n                        <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.INFO']\"\r\n                            (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/info.svg')\"\r\n                            cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\"\r\n                            (mouseenter)=\"tooltipState[question.id!] = true\"\r\n                            (mouseleave)=\"tooltipState[question.id!] = false\" class=\"cursor-pointer\" />\r\n                        <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\"\r\n                            [cdkConnectedOverlayOpen]=\"tooltipState[question.id!] || false\"\r\n                            [cdkConnectedOverlayPositions]=\"[{ originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -8, offsetY: 0 }, { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: 8, offsetY: 0 }]\">\r\n                            <div class=\"assessment-bg-grey-two assessment-tooltip-border p-3 assessment-border-radius-two assessment-box-shadow-tooltip question-info assessment-text-regular-13\"\r\n                                (mouseenter)=\"tooltipState[question.id!] = true\"\r\n                                (mouseleave)=\"tooltipState[question.id!] = false\" [innerHTML]=\"question.hintText\">\r\n                            </div>\r\n                        </ng-template>\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <!-- Assessor Marks Dropdown Logic -->\r\n                <ng-container\r\n                    *ngIf=\"enableMarks && shouldShowMarksDropdown(question) && sectionFormGroups[groupIndex].formGroup.get(question.id + '_marks')\">\r\n                    <mat-form-field appearance=\"outline\"\r\n                        class=\"mb-0 assessment-marks-dropdown assessment-text-medium-12\">\r\n                        <mat-label\r\n                            class=\"assessment-text-medium-12\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MARKS']}}</mat-label>\r\n                        <mat-select [formControlName]=\"question.id + '_marks'\">\r\n                            <mat-option class=\"assessment-text-medium-12\"\r\n                                *ngFor=\"let mark of getMarksRange(question.id!)\" [value]=\"mark\">\r\n                                {{mark}}\r\n                            </mat-option>\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                </ng-container>\r\n            </div>\r\n\r\n            <ng-container [ngSwitch]=\"question.questionType?.code\">\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.SUBJECTIVE_SHORT'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.SUBJECTIVE_LONG'\">\r\n                    <lib-question-type-long [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-long>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.SUBJECTIVE_RICH_TEXT'\">\r\n                    <lib-question-type-editor [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-editor>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.OBJECTIVE'\">\r\n                    <lib-question-type-objective [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\"></lib-question-type-objective>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.MULTI_SELECT'\">\r\n                    <lib-question-type-multiselect [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\"></lib-question-type-multiselect>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.PREFERENCE'\">\r\n                    <lib-question-type-preference [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\"></lib-question-type-preference>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.NUMBER'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.EMAIL'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.CONTACT_NUMBER'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.URL'\">\r\n                    <lib-question-type-short [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [previewMode]=\"previewMode\"\r\n                        [labelConfig]=\"labelConfig\"></lib-question-type-short>\r\n                </div>\r\n\r\n                <div class=\"col-12\" *ngSwitchCase=\"'QUESTION_TYPE.FILE_UPLOAD'\">\r\n                    <lib-question-type-file-upload [question]=\"question\" [formControlName]=\"question.id!\"\r\n                        [required]=\"isMandatory\" [labelConfig]=\"labelConfig\"\r\n                        [imageConfig]=\"imageConfig\"></lib-question-type-file-upload>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <!-- Error Messages and Character Count Container -->\r\n            <ng-container *ngIf=\"sectionFormGroups[groupIndex].formGroup.get(question.id?.toString() || '') as control\">\r\n                <div class=\"d-flex justify-content-between align-items-start mt-1\">\r\n                    <span>\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger\"\r\n                            *ngIf=\"control.touched && control.errors?.['required']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED_RESPONSE']}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['pattern']\">\r\n                            {{question?.validationMessage || labelConfig['COMMONS_ASSESSMENT.ERROR.INVALID_FORMAT']}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['minlength']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MIN_CHARS']?.replace('{{length}}',\r\n                            control.errors?.['minlength'].requiredLength + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxlength']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_CHARS']?.replace('{{length}}',\r\n                            control.errors?.['maxlength'].requiredLength + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['minOptions']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MIN_OPTIONS']?.replace('{{count}}',\r\n                            control.errors?.['minOptions'].required + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxOptions']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_OPTIONS']?.replace('{{count}}',\r\n                            control.errors?.['maxOptions'].required + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxFiles']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_FILES']?.replace('{{count}}',\r\n                            control.errors?.['maxFiles'].required + '')}}\r\n                        </mat-error>\r\n\r\n                        <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                            *ngIf=\"control.touched && control.errors?.['maxFileSize']\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.ERROR.MAX_FILE_SIZE']?.replace('{{size}}',\r\n                            control.errors?.['maxFileSize'].requiredSize + '')}}\r\n                        </mat-error>\r\n                    </span>\r\n\r\n                    <div class=\"assessment-text-regular-12 assessment-text-grey-seven white-space-nowrap ms-2\"\r\n                        *ngIf=\"getMaxCharCount(question) > 0\">\r\n                        {{ getRemainingChars(question, control) }}\r\n                        {{labelConfig['COMMONS_ASSESSMENT.LABEL.CHARACTER']}}{{getRemainingChars(question, control) !==\r\n                        1\r\n                        ? 's' : ''}} {{labelConfig['COMMONS_ASSESSMENT.LABEL.REMAINING']}}\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n\r\n\r\n            <!-- Child Questions and Remarks Rendering Logic based on checked form state -->\r\n            <ng-container *ngIf=\"question.defaultOptionsList?.length\">\r\n                <ng-container *ngFor=\"let option of question.defaultOptionsList\">\r\n\r\n                    <ng-container\r\n                        *ngIf=\"isOptionSelected(sectionFormGroups[groupIndex].formGroup, question, option.options?.id)\">\r\n\r\n                        <!-- REMARKS FIELD -->\r\n                        <div class=\"mt-3\"\r\n                            *ngIf=\"option.remarksRequired && sectionFormGroups[groupIndex].formGroup.get(question.id + '_remarks_' + option.id) as remarksControl\">\r\n                            <p class=\"assessment-text-regular-15 mb-2\">\r\n                                {{labelConfig['COMMONS_ASSESSMENT.LABEL.REMARKS']}}</p>\r\n                            <textarea formControlName=\"{{question.id}}_remarks_{{option.id}}\" rows=\"2\"\r\n                                [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.REMARKS']\"\r\n                                [ngClass]=\"remarksControl.invalid && remarksControl.touched ? 'assessment-input-border-invalid' : ''\"\r\n                                class=\"col-12 assessment-text-regular-13 assessment-input-border-one assessment-border-radius-two assessment-input-padding outline-0 assessment-bg-grey-one\"></textarea>\r\n                            <mat-error class=\"assessment-text-regular-12 assessment-text-danger mt-1\"\r\n                                *ngIf=\"remarksControl.invalid && remarksControl.touched\">\r\n                                {{labelConfig['COMMONS_ASSESSMENT.ERROR.FIELD_REQUIRED']}}\r\n                            </mat-error>\r\n                        </div>\r\n\r\n                        <!-- CHILD QUESTIONS RECURSION -->\r\n                        <div class=\"col-12 mt-3\" *ngIf=\"option.childQuestionList?.length\">\r\n                            <ng-container *ngFor=\"let childId of option.childQuestionList; let childIndex = index\">\r\n                                <ng-container *ngTemplateOutlet=\"questionTemplate; context: {\r\n                                        questionId: childId,\r\n                                        isMandatory: questionBank[childId]?.isMandatory,\r\n                                        groupIndex: groupIndex,\r\n                                        parentOptionId: option.id,\r\n                                        questionIndex: childIndex\r\n                                    }\">\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </div>\r\n\r\n                    </ng-container>\r\n\r\n                </ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Reusable Section Form Template -->\r\n<ng-template #sectionContent let-section=\"section\" let-i=\"i\">\r\n    <form class=\"w-100\" [formGroup]=\"sectionFormGroups[i].formGroup\" [name]=\"'sectionfrm-' + i\" novalidate>\r\n        <div class=\"d-flex justify-content-between align-items-center mb-4\">\r\n            <span class=\"assessment-text-semibold-14 assessment-text-grey-ten\">\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.TOTAL_QUESTIONS']}}{{ section?.totalQuestions || 0 }}\r\n            </span>\r\n            <button (click)=\"openInstructionsDialog(section)\"\r\n                *ngIf=\"!previewMode && (section?.qpsDesc?.[0]?.text || section?.mediaUrl)\"\r\n                class=\"assessment-zoom-animation assessment-button-padding assessment-text-medium-13 assessment-btn-primary-transparent\">\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.VIEW_INSTRUCTIONS']}}\r\n            </button>\r\n        </div>\r\n\r\n        <ng-container *ngFor=\"let sq of section.sectionQuestionsList | orderBy; let j = index\">\r\n            <ng-container *ngTemplateOutlet=\"questionTemplate; context: {\r\n                questionId: sq.questionId,\r\n                isMandatory: questionBank[sq.questionId]?.isMandatory,\r\n                groupIndex: i,\r\n                parentOptionId: null,\r\n                questionIndex: j\r\n            }\">\r\n            </ng-container>\r\n        </ng-container>\r\n    </form>\r\n</ng-template>\r\n\r\n<!-- video preview  -->\r\n<ng-template let-videoUrl=\"videoUrl\" #VideoTemplate>\r\n    <div class=\"assessment-border-radius-two overflow-hidden col-md-10 col-12\">\r\n        <video *ngIf=\"videoUrl?.includes('.mp4') else youtubeVideo\" width=\"400\" controls class=\"mw-100 d-block mx-auto\">\r\n            <source [src]=\"videoUrl\" type=\"video/mp4\">\r\n        </video>\r\n        <ng-template #youtubeVideo>\r\n            <div class=\"youtube-video position-relative h-100\">\r\n                <iframe [src]=\"addYoutubeIframeSrc(videoUrl)\" title=\"YouTube video player\" frameborder=\"0\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n                    allowfullscreen class=\"position-absolute top-0 start-0 w-100 h-100 d-block\">\r\n                </iframe>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</ng-template>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}.height-without-footer{height:calc(100% - 4.4rem)!important}.z-index-1{z-index:1}.question-info{min-width:15rem;max-width:40vw}@media screen and (max-width: 768px){.question-info{max-width:75vw}}@media screen and (min-width: 768px){.assessment-marks-dropdown{width:6rem}}.youtube-video{aspect-ratio:16/9}\n"], components: [{ type: i6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i7.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i7.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: i9.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: QuestionTypeShortComponent, selector: "lib-question-type-short", inputs: ["required", "question", "previewMode", "labelConfig"] }, { type: QuestionTypeLongComponent, selector: "lib-question-type-long", inputs: ["required", "question", "previewMode", "labelConfig"] }, { type: QuestionTypeEditorComponent, selector: "lib-question-type-editor", inputs: ["required", "question", "previewMode", "labelConfig"] }, { type: QuestionTypeObjectiveComponent, selector: "lib-question-type-objective", inputs: ["required", "question"], outputs: ["viewChild"] }, { type: QuestionTypeMultiselectComponent, selector: "lib-question-type-multiselect", inputs: ["required", "question"], outputs: ["viewChild"] }, { type: QuestionTypePreferenceComponent, selector: "lib-question-type-preference", inputs: ["required", "question"], outputs: ["viewChild"] }, { type: QuestionTypeFileUploadComponent, selector: "lib-question-type-file-upload", inputs: ["required", "question", "labelConfig", "imageConfig"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i7.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i20.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { type: i20.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayPositions", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayTransformOriginOn"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { type: i9.MatLabel, selector: "mat-label" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-assessment-taker',
+                    templateUrl: './assessment-taker.component.html',
+                    styleUrls: ['./assessment-taker.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: AssessmentTakerService }, { type: i1$2.FormBuilder }, { type: ResponseBuilderService }, { type: i2.DomSanitizer }, { type: i1.MatDialog }]; }, propDecorators: { labelConfig: [{
+                type: Input
+            }], imageConfig: [{
+                type: Input
+            }], showFooter: [{
+                type: Input
+            }], assessmentId: [{
+                type: Input
+            }], assessmentInstanceId: [{
+                type: Input
+            }], assesseeData: [{
+                type: Input
+            }], assessorData: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], previewMode: [{
+                type: Input
+            }], verticalView: [{
+                type: Input
+            }], enableMarks: [{
+                type: Input
+            }], snackbarMessage: [{
+                type: Output
+            }], submitAssessment: [{
+                type: Output
+            }] } });
+
+const MATERIAL_MODULES = [
+    MatProgressSpinnerModule,
+    MatExpansionModule,
+    MatSelectModule,
+    DragDropModule,
+    MatMenuModule,
+    MatDialogModule,
+    MatTooltipModule,
+    MatFormFieldModule,
+    MatTabsModule,
+    MatRadioModule,
+    MatCheckboxModule,
+    OverlayModule,
+];
+class MaterialModules {
+}
+MaterialModules.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MaterialModules, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MaterialModules.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MaterialModules, imports: [MatProgressSpinnerModule,
+        MatExpansionModule,
+        MatSelectModule,
+        DragDropModule,
+        MatMenuModule,
+        MatDialogModule,
+        MatTooltipModule,
+        MatFormFieldModule,
+        MatTabsModule,
+        MatRadioModule,
+        MatCheckboxModule,
+        OverlayModule], exports: [MatProgressSpinnerModule,
+        MatExpansionModule,
+        MatSelectModule,
+        DragDropModule,
+        MatMenuModule,
+        MatDialogModule,
+        MatTooltipModule,
+        MatFormFieldModule,
+        MatTabsModule,
+        MatRadioModule,
+        MatCheckboxModule,
+        OverlayModule] });
+MaterialModules.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MaterialModules, imports: [MATERIAL_MODULES, MatProgressSpinnerModule,
+        MatExpansionModule,
+        MatSelectModule,
+        DragDropModule,
+        MatMenuModule,
+        MatDialogModule,
+        MatTooltipModule,
+        MatFormFieldModule,
+        MatTabsModule,
+        MatRadioModule,
+        MatCheckboxModule,
+        OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MaterialModules, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: MATERIAL_MODULES,
+                    exports: MATERIAL_MODULES
+                }]
+        }] });
+
+class SharedModule {
+}
+SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SharedModule, declarations: [TextEditorComponent,
+        OrderByPipe], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MaterialModules,
+        AngularEditorModule], exports: [TextEditorComponent,
+        MaterialModules,
+        OrderByPipe] });
+SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SharedModule, imports: [[
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MaterialModules,
+            AngularEditorModule
+        ], MaterialModules] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TextEditorComponent,
+                        OrderByPipe
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MaterialModules,
+                        AngularEditorModule
+                    ],
+                    exports: [
+                        TextEditorComponent,
+                        MaterialModules,
+                        OrderByPipe
+                    ]
+                }]
+        }] });
+
+class QuestionTypeNumberComponent {
+    constructor() {
+        this.formControl = new FormControl();
+    }
+    writeValue(value) {
+        this.formControl.setValue(value);
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+}
+QuestionTypeNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionTypeNumberComponent, selector: "lib-question-type-number", inputs: { required: "required", optionsList: "optionsList" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeNumberComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<mat-form-field class=\"example-full-width\">\r\n    <!-- <input matInput type=\"number\" [formControl]=\"formControl\" class=\"form-check-input\" placeholder=\"Enter number\" value=\"\" min=\"1\" oninput=\"validity.valid||(value='');\" [required]=\"required\"> -->\r\n    <input matInput [formControl]=\"formControl\" class=\"form-check-input\" placeholder=\"Enter number\" value=\"\" [required]=\"required\">\r\n  </mat-form-field>\r\n", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}\n"], components: [{ type: i9.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionTypeNumberComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-question-type-number',
+                    templateUrl: './question-type-number.component.html',
+                    styleUrls: ['./question-type-number.component.scss'],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeNumberComponent),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }] } });
+
+class AssessmentTakerModule {
+}
+AssessmentTakerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AssessmentTakerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerModule, declarations: [AssessmentTakerComponent,
+        QuestionTypeEditorComponent,
+        QuestionTypeFileUploadComponent,
+        QuestionTypeLongComponent,
+        QuestionTypeMultiselectComponent,
+        QuestionTypeNumberComponent,
+        QuestionTypeObjectiveComponent,
+        QuestionTypePreferenceComponent,
+        QuestionTypeShortComponent,
+        SectionInstructionsComponent], imports: [CommonModule,
+        SharedModule,
+        MaterialModules,
+        FormsModule,
+        ReactiveFormsModule], exports: [AssessmentTakerComponent] });
+AssessmentTakerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerModule, providers: [AssessmentTakerService], imports: [[
+            CommonModule,
+            SharedModule,
+            MaterialModules,
+            FormsModule,
+            ReactiveFormsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentTakerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AssessmentTakerComponent,
+                        QuestionTypeEditorComponent,
+                        QuestionTypeFileUploadComponent,
+                        QuestionTypeLongComponent,
+                        QuestionTypeMultiselectComponent,
+                        QuestionTypeNumberComponent,
+                        QuestionTypeObjectiveComponent,
+                        QuestionTypePreferenceComponent,
+                        QuestionTypeShortComponent,
+                        SectionInstructionsComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        SharedModule,
+                        MaterialModules,
+                        FormsModule,
+                        ReactiveFormsModule
+                    ],
+                    exports: [
+                        AssessmentTakerComponent
+                    ],
+                    providers: [AssessmentTakerService]
+                }]
+        }] });
+
+class AddEditSectionIntroductionComponent {
+    constructor(dialogRef, dialogData) {
+        this.dialogRef = dialogRef;
+        this.dialogData = dialogData;
+        this.imageConfig = {};
+        this.labelConfig = {};
+        this.sectionDescription = '';
+        this.sectionDetails = null;
+        this.videoUrl = '';
+    }
+    ngOnInit() {
+        var _a, _b, _c, _d;
+        this.imageConfig = ((_a = this.dialogData) === null || _a === void 0 ? void 0 : _a.imageConfig) || {};
+        this.labelConfig = ((_b = this.dialogData) === null || _b === void 0 ? void 0 : _b.labelConfig) || {};
+        this.sectionDetails = deepClone((_c = this.dialogData) === null || _c === void 0 ? void 0 : _c.sectionDetails);
+        if (this.sectionDetails && this.sectionDetails.qpsDesc && this.sectionDetails.qpsDesc.length > 0) {
+            this.sectionDescription = this.sectionDetails.qpsDesc[0].text || '';
+        }
+        this.videoUrl = ((_d = this.sectionDetails) === null || _d === void 0 ? void 0 : _d.mediaUrl) || '';
+    }
+    imageErrorHandler(event, filePath) {
+        event.target.src = filePath;
+    }
+    get isVideoUrlValid() {
+        if (!this.videoUrl)
+            return true;
+        const urlPattern = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?(\?[^\s]*)?$/i;
+        return urlPattern.test(this.videoUrl);
+    }
+    onSubmit() {
+        this.dialogRef.close({ update: true, description: this.sectionDescription, mediaUrl: this.videoUrl });
+    }
+}
+AddEditSectionIntroductionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AddEditSectionIntroductionComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+AddEditSectionIntroductionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AddEditSectionIntroductionComponent, selector: "lib-add-edit-section-introduction", ngImport: i0, template: "<div class=\"col-12\">\r\n    <header class=\"p-3 d-flex align-items-center justify-content-between col-12 assessment-bg-grey-one pb-4\">\r\n        <p class=\"mb-0 assessment-text-semibold-18\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_INSTRUCTIONS_HEADER']}}\r\n        </p>\r\n        <img mat-dialog-close [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.CLOSE']\" class=\"cursor-pointer\"\r\n            (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/close.svg')\" />\r\n    </header>\r\n\r\n    <div class=\"col-12 px-md-4 px-3\">\r\n        <div class=\"col-12 my-4\">\r\n            <app-text-editor [preText]=\"sectionDescription\" (inputChange)=\"sectionDescription = $event\"\r\n                [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_INSTRUCTIONS']\"\r\n                class=\"assessment-custom-angular-editor-white assessment-text-regular-13 assessment-text-grey-ten\"\r\n                [height]=\"'15rem'\">\r\n            </app-text-editor>\r\n        </div>\r\n        <div class=\"col-12 my-4\">\r\n            <input [(ngModel)]=\"videoUrl\"\r\n                [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_INSTRUCTIONS_MEDIA']\"\r\n                class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\"\r\n                [ngClass]=\"{'border-danger': !isVideoUrlValid}\">\r\n            <div *ngIf=\"!isVideoUrlValid\" class=\"text-danger assessment-text-regular-12 mt-1\">\r\n                {{labelConfig['COMMONS_ASSESSMENT.ERROR.INVALID_URL']}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <footer class=\"mt-auto p-3 pb-4 d-flex align-items-center justify-content-end gap-3 col-12\">\r\n        <button mat-dialog-close\r\n            class=\"assessment-btn-primary-transparent assessment-zoom-animation p-2 px-3 assessment-text-medium-13\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.DISCARD']}}\r\n        </button>\r\n        <button (click)=\"onSubmit()\" [disabled]=\"!isVideoUrlValid\"\r\n            class=\"assessment-btn-primary assessment-zoom-animation p-2 px-3 assessment-text-medium-13\"\r\n            [ngClass]=\"{'opacity-50': !isVideoUrlValid, 'cursor-not-allowed': !isVideoUrlValid}\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.SAVE_DETAILS']}}\r\n        </button>\r\n    </footer>\r\n</div>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}\n"], components: [{ type: TextEditorComponent, selector: "app-text-editor", inputs: ["height", "placeholder", "subject", "preText", "maxLength", "disabled", "showToolbar", "editorConfig"], outputs: ["inputChange"] }], directives: [{ type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AddEditSectionIntroductionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-add-edit-section-introduction',
+                    templateUrl: './add-edit-section-introduction.component.html',
+                    styleUrls: ['./add-edit-section-introduction.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
+
+class AssessmentBuilderService {
+    constructor() {
+        this.defaultAssessmentDTO = {};
+    }
+    setDefaultAssessmentDTO(value) {
+        this.defaultAssessmentDTO = value;
+    }
+    setQuestionDTO(formData, existingQuestion = {}) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const existingConfigsMap = ((existingQuestion === null || existingQuestion === void 0 ? void 0 : existingQuestion.questionConfigs) || [])
+            .reduce((acc, config) => {
+            acc[config.configKey] = config;
+            return acc;
+        }, {});
+        const questionConfigs = [
+            { configKey: 'minCharacterCount', configValue: formData.minCharacterCount ? String(formData.minCharacterCount) : null },
+            { configKey: 'maxCharacterCount', configValue: formData.maxCharacterCount ? String(formData.maxCharacterCount) : null },
+            { configKey: 'minimumNumberOfOption', configValue: formData.minimumNumberOfOption ? String(formData.minimumNumberOfOption) : null },
+            { configKey: 'maximumNumberOfOption', configValue: formData.maximumNumberOfOption ? String(formData.maximumNumberOfOption) : null },
+            { configKey: 'maxFileSize', configValue: formData.maxFileSize ? String(formData.maxFileSize) : null },
+            { configKey: 'maxNoOfFiles', configValue: formData.maxNoOfFiles ? String(formData.maxNoOfFiles) : null },
+            // { configKey: 'visibility', configValue: formData.visibility ? 'true' : 'false' }
+        ].map(config => {
+            var _a;
+            return (Object.assign({ id: ((_a = existingConfigsMap[config.configKey]) === null || _a === void 0 ? void 0 : _a.id) || 0 }, config));
+        }).filter(Boolean);
+        return Object.assign(Object.assign(Object.assign({}, existingQuestion), { questionText: [{
+                    id: ((_b = (_a = existingQuestion === null || existingQuestion === void 0 ? void 0 : existingQuestion.questionText) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id) || 0,
+                    language: { code: 'ENG' },
+                    text: formData.questionText || ''
+                }], questionType: { code: formData.questionType || '' }, questionSubtype: { code: formData.questionSubtype || ((_c = formData.questionType) === null || _c === void 0 ? void 0 : _c.replace('QUESTION_TYPE', 'QUESTION_SUB_TYPE')) || '' }, isMandatory: formData.isMandatory || false, weight: Number(formData.totalMarks || 0), hintText: formData.hintText || null, mediaUrl: formData.questionMedia || null, responseValidation: formData.customRegex || null, questionConfigs, defaultOptionsList: (() => {
+                const existingOptions = (existingQuestion === null || existingQuestion === void 0 ? void 0 : existingQuestion.defaultOptionsList) || [];
+                const formOptions = formData.options || [];
+                // 1. Process items from formData (new and updated)
+                const processedOptions = formOptions.map((opt, index) => {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                    const existingOpt = existingOptions.find(eo => eo.id === opt.id && eo.id !== 0) || {};
+                    return Object.assign(Object.assign(Object.assign({}, existingOpt), { id: opt.id || 0, uuid: existingOpt.uuid || opt.uuid, orderNo: index + 1, weight: Number(opt.weight || 0), remarksRequired: opt.remarksRequired || false, isActive: opt.isActive !== false, options: Object.assign(Object.assign(Object.assign({}, (existingOpt.options || {})), { id: ((_a = opt === null || opt === void 0 ? void 0 : opt.options) === null || _a === void 0 ? void 0 : _a.id) || ((_b = existingOpt.options) === null || _b === void 0 ? void 0 : _b.id) || 0, optionName: [{
+                                    id: ((_e = (_d = (_c = existingOpt.options) === null || _c === void 0 ? void 0 : _c.optionName) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.id) || 0,
+                                    language: { code: 'ENG' },
+                                    text: opt.optionLabel || ''
+                                }] }), (((_f = this.defaultAssessmentDTO) === null || _f === void 0 ? void 0 : _f.tenant) && { tenant: (_g = this.defaultAssessmentDTO) === null || _g === void 0 ? void 0 : _g.tenant })), childQuestionList: opt.childQuestionList || existingOpt.childQuestionList || [] }), (((_h = this.defaultAssessmentDTO) === null || _h === void 0 ? void 0 : _h.tenant) && { tenant: (_j = this.defaultAssessmentDTO) === null || _j === void 0 ? void 0 : _j.tenant }));
+                });
+                // 2. Identify existing options that are NOT in formData (removed by user) and mark them inactive
+                const formOptionIds = new Set(processedOptions.map((o) => o.id).filter((id) => id !== 0));
+                const removedOptions = existingOptions.filter(eo => eo.id && !formOptionIds.has(eo.id)).map(eo => (Object.assign(Object.assign({}, eo), { isActive: false })));
+                return [...processedOptions, ...removedOptions];
+            })() }), (!(existingQuestion === null || existingQuestion === void 0 ? void 0 : existingQuestion.id) && Object.assign(Object.assign({ id: 0 }, (((_d = this.defaultAssessmentDTO) === null || _d === void 0 ? void 0 : _d.domain) && { domain: (_e = this.defaultAssessmentDTO) === null || _e === void 0 ? void 0 : _e.domain })), (((_f = this.defaultAssessmentDTO) === null || _f === void 0 ? void 0 : _f.tenant) && { tenant: (_g = this.defaultAssessmentDTO) === null || _g === void 0 ? void 0 : _g.tenant }))));
+    }
+    getQuestionDTO(questionData) {
+        var _a, _b, _c, _d;
+        const getConfig = (key) => { var _a, _b; return (_b = (_a = questionData.questionConfigs) === null || _a === void 0 ? void 0 : _a.find(c => c.configKey === key)) === null || _b === void 0 ? void 0 : _b.configValue; };
+        return {
+            id: questionData.id,
+            questionText: ((_b = (_a = questionData.questionText) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text) || '',
+            questionType: ((_c = questionData.questionType) === null || _c === void 0 ? void 0 : _c.code) || '',
+            isMandatory: questionData.isMandatory || false,
+            totalMarks: questionData.weight || 0,
+            hintText: questionData.hintText || '',
+            questionMedia: questionData.mediaUrl || '',
+            minCharacterCount: getConfig('minCharacterCount') ? Number(getConfig('minCharacterCount')) : null,
+            maxCharacterCount: getConfig('maxCharacterCount') ? Number(getConfig('maxCharacterCount')) : null,
+            minimumNumberOfOption: getConfig('minimumNumberOfOption') ? Number(getConfig('minimumNumberOfOption')) : null,
+            maximumNumberOfOption: getConfig('maximumNumberOfOption') ? Number(getConfig('maximumNumberOfOption')) : null,
+            maxFileSize: getConfig('maxFileSize') ? Number(getConfig('maxFileSize')) : null,
+            maxNoOfFiles: getConfig('maxNoOfFiles') ? Number(getConfig('maxNoOfFiles')) : null,
+            // visibility: getConfig('visibility') === 'true',
+            customRegex: questionData === null || questionData === void 0 ? void 0 : questionData.responseValidation,
+            options: ((_d = questionData.defaultOptionsList) === null || _d === void 0 ? void 0 : _d.map(opt => {
+                var _a, _b, _c;
+                return ({
+                    id: opt.id,
+                    uuid: opt.uuid,
+                    optionLabel: ((_c = (_b = (_a = opt.options) === null || _a === void 0 ? void 0 : _a.optionName) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.text) || '',
+                    weight: opt.weight || 0,
+                    remarksRequired: opt.remarksRequired || false,
+                    isActive: opt.isActive !== false,
+                    childQuestionList: opt.childQuestionList || [],
+                });
+            })) || [],
+            childQuestions: (questionData === null || questionData === void 0 ? void 0 : questionData.childQuestions) || []
+        };
+    }
+    createNewSection(sequence) {
+        var _a, _b;
+        return Object.assign({ id: 0, qpsName: [{
+                    id: 0,
+                    language: { code: 'ENG' },
+                    text: `Section ${sequence}`
+                }], orderNo: sequence, sectionQuestionsList: [], totalMarks: 0, totalQuestions: 0 }, (((_a = this.defaultAssessmentDTO) === null || _a === void 0 ? void 0 : _a.tenant) && { tenant: (_b = this.defaultAssessmentDTO) === null || _b === void 0 ? void 0 : _b.tenant }));
+    }
+    generateSectionQuestion(question, sectionQuestion = {}) {
+        var _a, _b;
+        return Object.assign({ id: (sectionQuestion === null || sectionQuestion === void 0 ? void 0 : sectionQuestion.id) || 0, question, isMandatory: question === null || question === void 0 ? void 0 : question.isMandatory }, (!(sectionQuestion === null || sectionQuestion === void 0 ? void 0 : sectionQuestion.id) && ((_a = this.defaultAssessmentDTO) === null || _a === void 0 ? void 0 : _a.tenant) && { tenant: (_b = this.defaultAssessmentDTO) === null || _b === void 0 ? void 0 : _b.tenant }));
+    }
+    generateQuestionPaperDTO(questionPaper, questionBank) {
+        var _a, _b, _c;
+        if (!questionPaper)
+            return questionPaper;
+        if (!(questionPaper === null || questionPaper === void 0 ? void 0 : questionPaper.id) && ((_a = this.defaultAssessmentDTO) === null || _a === void 0 ? void 0 : _a.tenant)) {
+            questionPaper.tenant = (_b = this.defaultAssessmentDTO) === null || _b === void 0 ? void 0 : _b.tenant;
+        }
+        (_c = questionPaper.questionPaperSectionList) === null || _c === void 0 ? void 0 : _c.forEach((section, sIndex) => {
+            var _a;
+            section.orderNo = sIndex + 1;
+            let sectionMarks = 0;
+            let sectionQuestionsCount = 0;
+            (_a = section.sectionQuestionsList) === null || _a === void 0 ? void 0 : _a.forEach((q, qIndex) => {
+                q.orderNo = qIndex + 1;
+                const question = (q === null || q === void 0 ? void 0 : q.question) || questionBank[(q === null || q === void 0 ? void 0 : q.questionId) || -1];
+                if (question && q.isActive !== false) {
+                    sectionMarks += Number(question.weight) || 0;
+                    sectionQuestionsCount++;
+                }
+            });
+            section.totalMarks = sectionMarks;
+            section.totalQuestions = sectionQuestionsCount;
+        });
+        return questionPaper;
+    }
+    generateAssessmentDTO(assessmentId, questionPaper) {
+        var _a;
+        return Object.assign({ id: assessmentId, totallMarks: ((_a = questionPaper === null || questionPaper === void 0 ? void 0 : questionPaper.questionPaperSectionList) === null || _a === void 0 ? void 0 : _a.filter((section) => section.isActive !== false).reduce((acc, section) => acc + (section.totalMarks || 0), 0)) || 0 }, (!assessmentId && Object.assign({}, this.defaultAssessmentDTO)));
+    }
+    generateAssessmentInstanceDTO(assessmentId) {
+        var _a, _b;
+        let d = new Date();
+        let year = d.getFullYear();
+        let month = d.getMonth();
+        let day = d.getDate();
+        let endDate = new Date(year + 20, month, day);
+        return {
+            id: 0,
+            endDate: endDate,
+            startDate: new Date(),
+            assessment: Object.assign({ id: assessmentId }, (((_a = this.defaultAssessmentDTO) === null || _a === void 0 ? void 0 : _a.tenant) && { tenant: (_b = this.defaultAssessmentDTO) === null || _b === void 0 ? void 0 : _b.tenant }))
+        };
+    }
+}
+AssessmentBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AssessmentBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentBuilderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentBuilderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class AssessmentMakerService {
+    constructor(config, http) {
+        this.config = config;
+        this.http = http;
+    }
+    getConfigJSON(fileName) {
+        return this.http.get(`/assets/commons-assessment/${fileName}.json`);
+    }
+    createAssessmentAndQuestionPaper(payload) {
+        return this.http.post(this.config.baseURL + assessmentMakerController.assessmentAndQuestionPaper, payload);
+    }
+    patchAssessmentAndQuestionPaper(payload) {
+        return this.http.patch(this.config.baseURL + assessmentMakerController.assessmentAndQuestionPaper, payload);
+    }
+    createQuestion(payload) {
+        return this.http.post(this.config.baseURL + assessmentMakerController.createQuestion, payload);
+    }
+    patchQuestion(payload) {
+        return this.http.patch(this.config.baseURL + assessmentMakerController.patchQuestion, payload);
+    }
+    getQuestionsByIds(params) {
+        return this.http.get(this.config.baseURL + assessmentMakerController.getQuestionsByIds, { params });
+    }
+    getAssessmentContext(assessmentId) {
+        return this.http.get(this.config.baseURL + assessmentMakerController.getAssessmentContext.replace('$AssessmentId', assessmentId.toString()));
+    }
+    duplicateSection(questionPaperId, sectionId) {
+        var _a, _b;
+        return this.http.patch(this.config.baseURL + ((_b = (_a = assessmentMakerController.duplicateSection) === null || _a === void 0 ? void 0 : _a.replace('$AssessmentQuestionPaperId', questionPaperId === null || questionPaperId === void 0 ? void 0 : questionPaperId.toString())) === null || _b === void 0 ? void 0 : _b.replace('$SectionId', sectionId === null || sectionId === void 0 ? void 0 : sectionId.toString())), {});
+    }
+    duplicateQuestion(sectionId, sectionQuestionId) {
+        var _a, _b;
+        return this.http.patch(this.config.baseURL + ((_b = (_a = assessmentMakerController.duplicateQuestion) === null || _a === void 0 ? void 0 : _a.replace('$SectionId', sectionId === null || sectionId === void 0 ? void 0 : sectionId.toString())) === null || _b === void 0 ? void 0 : _b.replace('$SectionQuestionId', sectionQuestionId === null || sectionQuestionId === void 0 ? void 0 : sectionQuestionId.toString())), {});
+    }
+    createAssessmentInstance(payload) {
+        return this.http.post(this.config.baseURL + assessmentMakerController.createAssessmentInstance, payload);
+    }
+}
+AssessmentMakerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentMakerService, deps: [{ token: LIBRARY_CONFIG }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+AssessmentMakerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentMakerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentMakerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIBRARY_CONFIG]
+                }] }, { type: i1$1.HttpClient }]; } });
+
+class AssessmentBuilderComponent {
+    constructor(formBuilder, assessmentBuilderService, assessmentMakerService, dialogRef, dialogData) {
+        this.formBuilder = formBuilder;
+        this.assessmentBuilderService = assessmentBuilderService;
+        this.assessmentMakerService = assessmentMakerService;
+        this.dialogRef = dialogRef;
+        this.dialogData = dialogData;
+        this.labelConfig = {};
+        this.imageConfig = {};
+        this.questionTypes = [];
+        this.questionDetails = null;
+        this.rules = {};
+        this.questionStack = [];
+        this.childQuestionGroups = [];
+        this.questionBank = {};
+        this.isChild = false;
+        // parentQuestion: AssessmentQuestion | null = null;
+        this.assessmentId = 0;
+        this.isSubmitting = false;
+    }
+    ngOnInit() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        this.labelConfig = (_a = this.dialogData) === null || _a === void 0 ? void 0 : _a.labelConfig;
+        this.imageConfig = (_b = this.dialogData) === null || _b === void 0 ? void 0 : _b.imageConfig;
+        this.rules = (_c = this.dialogData) === null || _c === void 0 ? void 0 : _c.rules;
+        this.questionTypes = (_d = this.dialogData) === null || _d === void 0 ? void 0 : _d.questionTypes;
+        this.questionBank = (_e = this.dialogData) === null || _e === void 0 ? void 0 : _e.questionBank;
+        this.isChild = (_f = this.dialogData) === null || _f === void 0 ? void 0 : _f.isChild;
+        this.assessmentId = (_g = this.dialogData) === null || _g === void 0 ? void 0 : _g.assessmentId;
+        if (this.dialogData.questionDetails) {
+            this.questionDetails = deepClone((_h = this.dialogData) === null || _h === void 0 ? void 0 : _h.questionDetails);
+        }
+        this.setupFormGroup();
+        this.applyDynamicValidators();
+    }
+    generateChildQuestionList() {
+        var _a, _b, _c, _d;
+        if (this.isChild) {
+            return [];
+        }
+        const uniqueIds = new Set();
+        (_b = (_a = this.questionDetails) === null || _a === void 0 ? void 0 : _a.defaultOptionsList) === null || _b === void 0 ? void 0 : _b.forEach(option => {
+            var _a;
+            (_a = option.childQuestionList) === null || _a === void 0 ? void 0 : _a.forEach(id => uniqueIds.add(id));
+        });
+        return (_d = (_c = Array.from(uniqueIds)) === null || _c === void 0 ? void 0 : _c.map(id => {
+            return this.questionBank[id] ? deepClone(this.questionBank[id]) : null;
+        })) === null || _d === void 0 ? void 0 : _d.filter(Boolean);
+    }
+    setupFormGroup() {
+        var _a;
+        this.questionsFormGroup = this.formBuilder.group({
+            questionType: ['', Validators.required],
+            questionText: ['', Validators.required],
+            isMandatory: [false],
+            // visibility: [true],
+            totalMarks: [null],
+            minCharacterCount: [null],
+            maxCharacterCount: [null],
+            maximumNumberOfOption: [null],
+            minimumNumberOfOption: [null],
+            maxFileSize: [null],
+            maxNoOfFiles: [null],
+            customRegex: [''],
+            hintText: [''],
+            questionMedia: [''],
+            options: this.formBuilder.array([]),
+            childQuestions: [[]]
+        });
+        (_a = this.questionsFormGroup.get('questionType')) === null || _a === void 0 ? void 0 : _a.valueChanges.subscribe(() => {
+            this.applyDynamicValidators();
+        });
+        if (this.questionDetails) {
+            this.populateForm(this.questionDetails, true);
+        }
+        else {
+            this.buildChildQuestionGroups([]);
+        }
+    }
+    populateForm(questionDetails, buildChildGroups = false) {
+        var _a;
+        if (!questionDetails)
+            return;
+        const childQuestions = (questionDetails === null || questionDetails === void 0 ? void 0 : questionDetails.childQuestions) || this.generateChildQuestionList();
+        const formData = this.assessmentBuilderService.getQuestionDTO(Object.assign(Object.assign({}, questionDetails), { childQuestions }));
+        this.questionsFormGroup.patchValue(formData);
+        if ((_a = formData.options) === null || _a === void 0 ? void 0 : _a.length) {
+            formData.options.forEach((opt) => {
+                const optGroup = this.createOption();
+                optGroup.patchValue(opt);
+                this.options.push(optGroup);
+            });
+        }
+        if (buildChildGroups) {
+            this.buildChildQuestionGroups(childQuestions);
+        }
+    }
+    onSubmit() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.questionsFormGroup.invalid) {
+                this.questionsFormGroup.markAllAsTouched();
+                return;
+            }
+            this.isSubmitting = true;
+            if (this.questionStack.length > 0) {
+                // child question logic
+                const state = this.questionStack[this.questionStack.length - 1];
+                if ((state === null || state === void 0 ? void 0 : state.editingQuestionIndex) !== undefined) {
+                    if (!state.parentFormValue.childQuestions) {
+                        state.parentFormValue.childQuestions = [];
+                    }
+                    // Update existing child
+                    const childQuestion = state.parentFormValue.childQuestions[state.editingQuestionIndex];
+                    const payload = this.assessmentBuilderService.setQuestionDTO(this.questionsFormGroup.value, childQuestion);
+                    try {
+                        const question = yield this.updateQuestion(payload);
+                        state.parentFormValue.childQuestions[state.editingQuestionIndex] = question;
+                        if (question === null || question === void 0 ? void 0 : question.id) {
+                            this.questionBank[question.id] = question;
+                        }
+                        this.isSubmitting = false;
+                    }
+                    catch (error) {
+                        this.isSubmitting = false;
+                        console.error(error);
+                        (_b = (_a = this.dialogData) === null || _a === void 0 ? void 0 : _a.snackbarMessageEmitter) === null || _b === void 0 ? void 0 : _b.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                        throw { error, method: 'PATCH', payload };
+                    }
+                }
+                else {
+                    // Add new child 
+                    const payload = this.assessmentBuilderService.setQuestionDTO(this.questionsFormGroup.value);
+                    try {
+                        const question = yield this.createQuestion(payload);
+                        (_d = (_c = state === null || state === void 0 ? void 0 : state.parentFormValue) === null || _c === void 0 ? void 0 : _c.childQuestions) === null || _d === void 0 ? void 0 : _d.push(question);
+                        if (question === null || question === void 0 ? void 0 : question.id) {
+                            this.questionBank[question.id] = question;
+                            const grp = this.childQuestionGroups.find((g) => g.id === state.addingToGroupId);
+                            if (grp) {
+                                (_e = grp.questionIds) === null || _e === void 0 ? void 0 : _e.push(question === null || question === void 0 ? void 0 : question.id);
+                                if (grp.optionId) {
+                                    const opt = (_g = (_f = state.parentFormValue) === null || _f === void 0 ? void 0 : _f.defaultOptionsList) === null || _g === void 0 ? void 0 : _g.find((o) => (o.id || o.uuid) == grp.optionId);
+                                    if (opt) {
+                                        opt.childQuestionList = opt.childQuestionList || [];
+                                        opt.childQuestionList.push(question.id);
+                                    }
+                                }
+                            }
+                            else {
+                                this.childQuestionGroups.push({
+                                    id: generateUuid(),
+                                    optionId: null,
+                                    questionIds: [question === null || question === void 0 ? void 0 : question.id]
+                                });
+                            }
+                        }
+                        this.isSubmitting = false;
+                    }
+                    catch (error) {
+                        this.isSubmitting = false;
+                        console.error(error);
+                        (_j = (_h = this.dialogData) === null || _h === void 0 ? void 0 : _h.snackbarMessageEmitter) === null || _j === void 0 ? void 0 : _j.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                        throw { error, method: 'POST', payload };
+                    }
+                }
+                this.questionStack.pop();
+                // Re-populate parent form
+                this.resetAndPopulate(state === null || state === void 0 ? void 0 : state.parentFormValue);
+            }
+            else {
+                let questionDTO = this.assessmentBuilderService.setQuestionDTO(this.questionsFormGroup.value, this.questionDetails);
+                // Update local template tree representation
+                if ((_k = this.questionDetails) === null || _k === void 0 ? void 0 : _k.id) {
+                    try {
+                        questionDTO = yield this.updateQuestion(questionDTO);
+                        if (questionDTO === null || questionDTO === void 0 ? void 0 : questionDTO.id) {
+                            this.questionBank[questionDTO.id] = questionDTO;
+                        }
+                        (_m = (_l = this.dialogData) === null || _l === void 0 ? void 0 : _l.snackbarMessageEmitter) === null || _m === void 0 ? void 0 : _m.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.QUESTION_UPDATED_SUCCESS'], type: 'success' });
+                        this.dialogRef.close({ success: true });
+                        this.isSubmitting = false;
+                    }
+                    catch (error) {
+                        this.isSubmitting = false;
+                        console.error(error);
+                        (_p = (_o = this.dialogData) === null || _o === void 0 ? void 0 : _o.snackbarMessageEmitter) === null || _p === void 0 ? void 0 : _p.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                        throw { error, method: 'PATCH', payload: questionDTO };
+                    }
+                }
+                else {
+                    this.createOrEditAssessmentAndQuestionPaper(questionDTO);
+                }
+            }
+        });
+    }
+    createQuestion(payload) {
+        return new Promise((resolve, reject) => {
+            this.assessmentMakerService.createQuestion(payload).subscribe({
+                next: (res) => resolve(res),
+                error: (err) => reject(err)
+            });
+        });
+    }
+    updateQuestion(payload) {
+        return new Promise((resolve, reject) => {
+            this.assessmentMakerService.patchQuestion(payload).subscribe({
+                next: (res) => resolve(res),
+                error: (err) => reject(err)
+            });
+        });
+    }
+    createOrEditAssessmentAndQuestionPaper(question) {
+        var _a, _b, _c, _d, _e, _f;
+        const questionPaper = deepClone((_a = this.dialogData) === null || _a === void 0 ? void 0 : _a.assessmentQuestionPaperData);
+        const sectionQuestion = this.assessmentBuilderService.generateSectionQuestion(question);
+        if (!((_b = this.dialogData) === null || _b === void 0 ? void 0 : _b.sectionDetails)) {
+            const list = questionPaper === null || questionPaper === void 0 ? void 0 : questionPaper.questionPaperSectionList;
+            const lastSequence = (list === null || list === void 0 ? void 0 : list.length) ? list[list.length - 1].orderNo || 0 : 0;
+            const newSection = this.assessmentBuilderService.createNewSection(lastSequence + 1);
+            (_c = newSection === null || newSection === void 0 ? void 0 : newSection.sectionQuestionsList) === null || _c === void 0 ? void 0 : _c.push(sectionQuestion);
+            (_d = questionPaper === null || questionPaper === void 0 ? void 0 : questionPaper.questionPaperSectionList) === null || _d === void 0 ? void 0 : _d.push(newSection);
+        }
+        else {
+            const sectionRef = (_e = questionPaper === null || questionPaper === void 0 ? void 0 : questionPaper.questionPaperSectionList) === null || _e === void 0 ? void 0 : _e.find((section) => { var _a, _b; return (section === null || section === void 0 ? void 0 : section.id) == ((_b = (_a = this.dialogData) === null || _a === void 0 ? void 0 : _a.sectionDetails) === null || _b === void 0 ? void 0 : _b.id); });
+            (_f = sectionRef === null || sectionRef === void 0 ? void 0 : sectionRef.sectionQuestionsList) === null || _f === void 0 ? void 0 : _f.push(sectionQuestion);
+        }
+        const questionPaperDTO = this.assessmentBuilderService.generateQuestionPaperDTO(questionPaper, this.questionBank);
+        const assessmentDTO = this.assessmentBuilderService.generateAssessmentDTO(this.assessmentId, questionPaperDTO);
+        const payload = {
+            assessment: assessmentDTO,
+            questionPaper: questionPaperDTO
+        };
+        const apiCall = this.assessmentId
+            ? this.assessmentMakerService.patchAssessmentAndQuestionPaper(payload)
+            : this.assessmentMakerService.createAssessmentAndQuestionPaper(payload);
+        apiCall.subscribe({
+            next: (res) => {
+                var _a;
+                this.isSubmitting = false;
+                this.dialogRef.close({
+                    success: true,
+                    assessmentId: (_a = res === null || res === void 0 ? void 0 : res.assessment) === null || _a === void 0 ? void 0 : _a.id,
+                    questionPaper: res === null || res === void 0 ? void 0 : res.questionPaper,
+                    questionMap: res === null || res === void 0 ? void 0 : res.questionMap
+                });
+            },
+            error: (error) => {
+                var _a, _b;
+                console.error(error);
+                this.isSubmitting = false;
+                (_b = (_a = this.dialogData) === null || _a === void 0 ? void 0 : _a.snackbarMessageEmitter) === null || _b === void 0 ? void 0 : _b.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                throw { error, method: this.assessmentId ? 'PATCH' : 'POST', payload };
+            }
+        });
+    }
+    applyDynamicValidators() {
+        var _a;
+        if (!this.rules || Object.keys(this.rules).length === 0)
+            return;
+        const form = this.questionsFormGroup;
+        const qType = (_a = form.get('questionType')) === null || _a === void 0 ? void 0 : _a.value;
+        const currentRules = this.rules[qType] || {};
+        const excludedControls = new Set(['questionType', 'questionText', 'options', 'visibility', 'isMandatory']);
+        // Handle normal controls
+        Object.entries(form.controls).forEach(([key, control]) => {
+            if (excludedControls.has(key))
+                return;
+            const rule = currentRules[key];
+            if (rule === null || rule === void 0 ? void 0 : rule.visible) {
+                const validators = (rule === null || rule === void 0 ? void 0 : rule.required) ? [Validators.required] : [];
+                if (key === 'questionMedia') {
+                    validators.push(Validators.pattern(/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?(\?[^\s]*)?$/i));
+                }
+                control.setValidators(validators.length > 0 ? validators : null);
+            }
+            else {
+                control.clearValidators();
+                control.setValue(key === 'childQuestions' ? [] : null, { emitEvent: false });
+            }
+            control.updateValueAndValidity({ emitEvent: false });
+        });
+        // Handle options FormArray
+        const optionsControl = form.get('options');
+        const optionsRule = currentRules['options'];
+        if (!(optionsRule === null || optionsRule === void 0 ? void 0 : optionsRule.visible)) {
+            optionsControl.clearValidators();
+            optionsControl.clear();
+            optionsControl.updateValueAndValidity({ emitEvent: false });
+            return;
+        }
+        const optionsValidator = (optionsRule === null || optionsRule === void 0 ? void 0 : optionsRule.required) ? (control) => {
+            const activeOptions = (control.value || []).filter((opt) => opt.isActive !== false);
+            return activeOptions.length > 0 ? null : { required: true };
+        } : null;
+        optionsControl.setValidators(optionsValidator);
+        const showWeightage = optionsRule === null || optionsRule === void 0 ? void 0 : optionsRule.showWeightage;
+        const showRemarks = optionsRule === null || optionsRule === void 0 ? void 0 : optionsRule.showRemarks;
+        optionsControl.controls.forEach(optGroup => {
+            const weightCtrl = optGroup.get('weight');
+            const remarksCtrl = optGroup.get('remarksRequired');
+            if (!showWeightage)
+                weightCtrl === null || weightCtrl === void 0 ? void 0 : weightCtrl.setValue(0, { emitEvent: false });
+            if (!showRemarks)
+                remarksCtrl === null || remarksCtrl === void 0 ? void 0 : remarksCtrl.setValue(false, { emitEvent: false });
+            weightCtrl === null || weightCtrl === void 0 ? void 0 : weightCtrl.updateValueAndValidity({ emitEvent: false });
+            remarksCtrl === null || remarksCtrl === void 0 ? void 0 : remarksCtrl.updateValueAndValidity({ emitEvent: false });
+        });
+        optionsControl.updateValueAndValidity({ emitEvent: false });
+    }
+    showField(fieldName, nestedProp) {
+        var _a, _b, _c;
+        const questionType = (_b = (_a = this.questionsFormGroup) === null || _a === void 0 ? void 0 : _a.get('questionType')) === null || _b === void 0 ? void 0 : _b.value;
+        if (!questionType || !this.rules[questionType] || !this.rules[questionType][fieldName]) {
+            return false;
+        }
+        if (nestedProp) {
+            return !!this.rules[questionType][fieldName][nestedProp];
+        }
+        return !!((_c = this.rules[questionType][fieldName]) === null || _c === void 0 ? void 0 : _c.visible);
+    }
+    get options() {
+        return this.questionsFormGroup.get('options');
+    }
+    addOption() {
+        this.options.push(this.createOption());
+    }
+    removeOption(index) {
+        var _a, _b, _c;
+        const removedOption = this.options.at(index);
+        const removedOptionId = (_a = removedOption.get('id')) === null || _a === void 0 ? void 0 : _a.value;
+        const removedOptionUuid = (_b = removedOption.get('uuid')) === null || _b === void 0 ? void 0 : _b.value;
+        const uniqueId = removedOptionId || removedOptionUuid;
+        if (removedOptionId) {
+            (_c = removedOption.get('isActive')) === null || _c === void 0 ? void 0 : _c.setValue(false);
+        }
+        else {
+            this.options.removeAt(index);
+        }
+        this.childQuestionGroups.forEach(g => {
+            if (g.optionId === uniqueId) {
+                g.optionId = null;
+            }
+        });
+    }
+    createOption() {
+        return this.formBuilder.group({
+            id: [0],
+            uuid: [generateUuid()],
+            optionLabel: ['', Validators.required],
+            weight: [0],
+            remarksRequired: [false],
+            isActive: [true],
+            childQuestionList: [[]]
+        });
+    }
+    allowOnlyNumbers(event) {
+        event.target.value = event.target.value.replace(/\D/g, '');
+    }
+    imageErrorHandler(event, filePath) {
+        event.target.src = filePath;
+    }
+    addEditChildQuestion(childQuestion, index, groupId) {
+        var _a;
+        // Save current parent state
+        const questionData = this.assessmentBuilderService.setQuestionDTO(this.questionsFormGroup.value, this.questionDetails);
+        this.questionStack.push({
+            parentFormValue: Object.assign(Object.assign({}, questionData), { childQuestions: (_a = this.questionsFormGroup.get('childQuestions')) === null || _a === void 0 ? void 0 : _a.value }),
+            editingQuestionIndex: index,
+            addingToGroupId: groupId
+        });
+        // Reset form for child
+        this.questionsFormGroup.reset({
+            questionType: '',
+            questionText: '',
+            isMandatory: false,
+            // visibility: true,
+            totalMarks: null,
+            minCharacterCount: null,
+            maxCharacterCount: null,
+            maximumNumberOfOption: null,
+            minimumNumberOfOption: null,
+            maxFileSize: null,
+            maxNoOfFiles: null,
+            customRegex: '',
+            hintText: '',
+            questionMedia: '',
+            childQuestions: [[]]
+        });
+        const optionsControl = this.questionsFormGroup.get('options');
+        while (optionsControl.length !== 0) {
+            optionsControl.removeAt(0);
+        }
+        this.applyDynamicValidators();
+        if (childQuestion) {
+            this.populateForm(childQuestion);
+        }
+        this.scrollToTop();
+    }
+    deleteChildQuestion(index, event) {
+        var _a, _b;
+        event.stopPropagation();
+        const deletedChild = (_a = this.questionsFormGroup.get('childQuestions')) === null || _a === void 0 ? void 0 : _a.value[index];
+        this.options.controls.forEach(opt => {
+            var _a, _b;
+            let childList = [...(((_a = opt.get('childQuestionList')) === null || _a === void 0 ? void 0 : _a.value) || [])];
+            childList = childList.filter((id) => id !== deletedChild.id);
+            (_b = opt.get('childQuestionList')) === null || _b === void 0 ? void 0 : _b.setValue(childList);
+        });
+        (_b = this.questionsFormGroup.get('childQuestions')) === null || _b === void 0 ? void 0 : _b.value.splice(index, 1);
+        this.childQuestionGroups.forEach(g => {
+            g.questionIds = g.questionIds.filter(qid => qid !== deletedChild.id);
+        });
+        this.childQuestionGroups = this.childQuestionGroups.filter(g => g.questionIds.length > 0);
+    }
+    getOptionId(opt) {
+        var _a, _b, _c;
+        return ((_a = opt.get('id')) === null || _a === void 0 ? void 0 : _a.value) ? (_b = opt.get('id')) === null || _b === void 0 ? void 0 : _b.value : (_c = opt.get('uuid')) === null || _c === void 0 ? void 0 : _c.value;
+    }
+    getChildQuestionById(id) {
+        var _a, _b;
+        return (_b = (_a = this.questionsFormGroup.get('childQuestions')) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.find((q) => q.id === id);
+    }
+    getChildQuestionIndex(id) {
+        var _a, _b;
+        return (_b = (_a = this.questionsFormGroup.get('childQuestions')) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.findIndex((q) => q.id === id);
+    }
+    deleteChildQuestionById(id, event) {
+        event.stopPropagation();
+        const index = this.getChildQuestionIndex(id);
+        if (index > -1) {
+            this.deleteChildQuestion(index, event);
+        }
+    }
+    buildChildQuestionGroups(childQuestions) {
+        this.childQuestionGroups = [];
+        const processedQuestionIds = new Set();
+        this.options.controls.forEach(opt => {
+            var _a;
+            const optionId = this.getOptionId(opt);
+            const childList = ((_a = opt.get('childQuestionList')) === null || _a === void 0 ? void 0 : _a.value) || [];
+            if (childList.length > 0) {
+                this.childQuestionGroups.push({
+                    id: generateUuid(),
+                    optionId: optionId,
+                    questionIds: [...childList]
+                });
+                childList.forEach((id) => processedQuestionIds.add(id));
+            }
+        });
+        childQuestions.forEach(cq => {
+            if (cq.id && !processedQuestionIds.has(cq.id)) {
+                this.childQuestionGroups.push({
+                    id: generateUuid(),
+                    optionId: null,
+                    questionIds: [cq.id]
+                });
+            }
+        });
+    }
+    onGroupOptionChange(groupId, newOptionId) {
+        var _a, _b, _c, _d;
+        const groupIndex = this.childQuestionGroups.findIndex(g => g.id === groupId);
+        if (groupIndex === -1)
+            return;
+        const group = this.childQuestionGroups[groupIndex];
+        const oldOptionId = group.optionId;
+        if (oldOptionId) {
+            const oldOpt = this.options.controls.find(opt => this.getOptionId(opt) === oldOptionId);
+            if (oldOpt) {
+                let childList = [...(((_a = oldOpt.get('childQuestionList')) === null || _a === void 0 ? void 0 : _a.value) || [])];
+                childList = childList.filter(id => !group.questionIds.includes(id));
+                (_b = oldOpt.get('childQuestionList')) === null || _b === void 0 ? void 0 : _b.setValue(childList);
+            }
+        }
+        const existingGroup = this.childQuestionGroups.find(g => g.id !== groupId && g.optionId === newOptionId);
+        if (existingGroup && newOptionId) {
+            existingGroup.questionIds.push(...group.questionIds);
+            this.childQuestionGroups.splice(groupIndex, 1);
+        }
+        else {
+            group.optionId = newOptionId;
+        }
+        if (newOptionId) {
+            const newOpt = this.options.controls.find(opt => this.getOptionId(opt) === newOptionId);
+            if (newOpt) {
+                let childList = [...(((_c = newOpt.get('childQuestionList')) === null || _c === void 0 ? void 0 : _c.value) || [])];
+                const set = new Set([...childList, ...group.questionIds]);
+                (_d = newOpt.get('childQuestionList')) === null || _d === void 0 ? void 0 : _d.setValue(Array.from(set));
+            }
+        }
+    }
+    goBack() {
+        if (this.questionStack.length === 0) {
+            this.dialogRef.close();
+            return;
+        }
+        const state = this.questionStack.pop();
+        this.resetAndPopulate(state === null || state === void 0 ? void 0 : state.parentFormValue);
+        this.scrollToTop();
+    }
+    resetAndPopulate(parentValue) {
+        this.questionsFormGroup.reset();
+        const optionsControl = this.questionsFormGroup.get('options');
+        while (optionsControl.length !== 0) {
+            optionsControl.removeAt(0);
+        }
+        this.populateForm(parentValue);
+    }
+    scrollToTop() {
+        if (this.scrollContainer && this.scrollContainer.nativeElement) {
+            setTimeout(() => {
+                this.scrollContainer.nativeElement.scrollTop = 0;
+            }, 0);
+        }
+    }
+}
+AssessmentBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentBuilderComponent, deps: [{ token: i1$2.FormBuilder }, { token: AssessmentBuilderService }, { token: AssessmentMakerService }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+AssessmentBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AssessmentBuilderComponent, selector: "lib-app-assessment-builder", viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }], ngImport: i0, template: "<div class=\"d-flex vh-100 position-relative overflow-hidden\">\r\n    <div *ngIf=\"questionStack.length > 0 || isChild\"\r\n        class=\"p-3 px-2 col-auto assessment-bg-palette-C8DAF9 flex-column align-items-center justify-content-end d-md-flex d-none\">\r\n        <p class=\"m-0 assessment-text-semibold-18 vertical-text\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.CHILD_QUESTION']}}\r\n        </p>\r\n    </div>\r\n    <div class=\"flex-grow-1 h-100 d-flex flex-column position-relative\">\r\n        <header\r\n            class=\"p-3 d-flex align-items-center justify-content-between position-sticky top-0 col-12 border-bottom\">\r\n            <p *ngIf=\"questionStack.length == 0\" class=\"mb-0 assessment-text-semibold-18 d-md-inline d-none\">\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.INPUT_FIELD_SETTINGS']}}\r\n            </p>\r\n            <button *ngIf=\"questionStack.length > 0\" (click)=\"goBack()\"\r\n                class=\"d-flex align-items-center gap-2 assessment-text-grey-ten border-0 outline-0 assessment-text-medium-14 bg-transparent\">\r\n                <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.GO_BACK']\"\r\n                    (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/go-back.svg')\" />\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.GO_BACK']}}\r\n            </button>\r\n            <div class=\"d-flex align-items-center justify-content-md-end justify-content-between gap-3 flex-grow-1\">\r\n                <button (click)=\"onSubmit()\" [disabled]=\"isSubmitting\"\r\n                    class=\"assessment-btn-primary assessment-button-padding assessment-text-medium-13 assessment-zoom-animation assessment-button-padding position-relative\">\r\n                    <span [ngClass]=\"{'opacity-0': isSubmitting}\">\r\n                        {{labelConfig['COMMONS_ASSESSMENT.LABEL.SAVE_QUESTION']}}\r\n                    </span>\r\n                    <mat-spinner *ngIf=\"isSubmitting\" [diameter]=\"20\"\r\n                        class=\"position-absolute top-50 start-50 translate-middle assessment-spinner-white\"></mat-spinner>\r\n                </button>\r\n                <img class=\"d-md-none\" *ngIf=\"questionStack.length == 0\" mat-dialog-close\r\n                    [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.CLOSE']\"\r\n                    (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/close.svg')\" />\r\n            </div>\r\n        </header>\r\n        <div #scrollContainer class=\"col-12 py-4 px-md-4 px-3 flex-grow-1 overflow-y-auto form-container\"\r\n            [formGroup]=\"questionsFormGroup\">\r\n            <div class=\"pb-4 col-12\">\r\n                <label\r\n                    class=\"mb-2 assessment-text-medium-16 assessment-text-grey-ten col-12\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.TYPE']}}</label>\r\n                <mat-select formControlName=\"questionType\"\r\n                    [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.SELECT_QUESTION_TYPE']\"\r\n                    class=\"assessment-mat-select col-12 assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\">\r\n                    <mat-option class=\"assessment-text-medium-13\" *ngFor=\"let type of questionTypes\" [value]=\"type?.code\">\r\n                        {{type?.label}}\r\n                    </mat-option>\r\n                </mat-select>\r\n                <mat-error\r\n                    *ngIf=\"questionsFormGroup.get('questionType')?.errors  && questionsFormGroup.get('questionType')?.touched\"\r\n                    class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n            </div>\r\n            <div class=\"pb-4 col-12\">\r\n                <label class=\"mb-2 assessment-text-medium-16 assessment-text-grey-ten\">Question</label>\r\n                <app-text-editor [preText]=\"questionsFormGroup?.get('questionText')?.value\"\r\n                    (inputChange)=\"questionsFormGroup?.get('questionText')?.patchValue($event)\"\r\n                    [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_QUESTION']\"\r\n                    class=\"assessment-custom-angular-editor-white assessment-text-regular-13 assessment-text-grey-ten\"\r\n                    [height]=\"'8rem'\">\r\n                </app-text-editor>\r\n                <mat-error\r\n                    *ngIf=\"questionsFormGroup.get('questionText')?.errors  && questionsFormGroup.get('questionText')?.touched\"\r\n                    class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n                <div class=\"col-12 position-relative mt-3\" *ngIf=\"showField('questionMedia')\">\r\n                    <input formControlName=\"questionMedia\"\r\n                        [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_QUESTION_MEDIA']\"\r\n                        class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\"\r\n                        [ngClass]=\"{'border-danger': questionsFormGroup.get('questionMedia')?.invalid && questionsFormGroup.get('questionMedia')?.touched}\">\r\n                    <mat-error\r\n                        *ngIf=\"questionsFormGroup.get('questionMedia')?.hasError('pattern') && questionsFormGroup.get('questionMedia')?.touched\"\r\n                        class=\"assessment-text-regular-12 assessment-text-danger mt-1\">\r\n                        {{labelConfig['COMMONS_ASSESSMENT.ERROR.INVALID_URL']}}\r\n                    </mat-error>\r\n                    <mat-error\r\n                        *ngIf=\"questionsFormGroup.get('questionMedia')?.hasError('required') && questionsFormGroup.get('questionMedia')?.touched\"\r\n                        class=\"assessment-text-regular-12 assessment-text-danger mt-1\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mx-0 col-12 pb-4\" *ngIf=\"showField('minCharacterCount') || showField('maxCharacterCount')\">\r\n                <div class=\"col-6 ps-0\" *ngIf=\"showField('minCharacterCount')\">\r\n                    <label\r\n                        class=\"mb-1 assessment-text-medium-13 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MIN_CHARACTER_LIMIT']}}</label>\r\n                    <div class=\"col-12 d-flex align-items-center gap-2 position-relative\">\r\n                        <input formControlName=\"minCharacterCount\"\r\n                            [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.NOT_SET']\"\r\n                            (input)=\"allowOnlyNumbers($event)\"\r\n                            (blur)=\"questionsFormGroup.get('minCharacterCount')?.markAsTouched()\"\r\n                            class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\">\r\n                        <span\r\n                            class=\"assessment-text-regular-12 assessment-text-grey-seven position-absolute end-0 me-3\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.CHARACTERS']}}</span>\r\n                    </div>\r\n                    <mat-error\r\n                        *ngIf=\"questionsFormGroup.get('minCharacterCount')?.errors  && questionsFormGroup.get('minCharacterCount')?.touched\"\r\n                        class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n                </div>\r\n                <div class=\"col-6 pe-0\" *ngIf=\"showField('maxCharacterCount')\">\r\n                    <label\r\n                        class=\"mb-1 assessment-text-medium-13 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MAX_CHARACTER_LIMIT']}}</label>\r\n                    <div class=\"col-12 d-flex align-items-center gap-2 position-relative\">\r\n                        <input formControlName=\"maxCharacterCount\"\r\n                            [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.NOT_SET']\"\r\n                            (input)=\"allowOnlyNumbers($event)\"\r\n                            (blur)=\"questionsFormGroup.get('maxCharacterCount')?.markAsTouched()\"\r\n                            class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\">\r\n                        <span\r\n                            class=\"assessment-text-regular-12 assessment-text-grey-seven position-absolute end-0 me-3\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.CHARACTERS']}}</span>\r\n                    </div>\r\n                    <mat-error\r\n                        *ngIf=\"questionsFormGroup.get('maxCharacterCount')?.errors  && questionsFormGroup.get('maxCharacterCount')?.touched\"\r\n                        class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mx-0 col-12 pb-4\" *ngIf=\"showField('maxFileSize') || showField('maxNoOfFiles')\">\r\n                <div class=\"col-6 ps-0\" *ngIf=\"showField('maxFileSize')\">\r\n                    <label\r\n                        class=\"mb-1 assessment-text-medium-13 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MAX_FILE_SIZE']}}</label>\r\n                    <div class=\"col-12 d-flex align-items-center gap-2 position-relative\">\r\n                        <input formControlName=\"maxFileSize\"\r\n                            [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.NOT_SET']\"\r\n                            (input)=\"allowOnlyNumbers($event)\"\r\n                            (blur)=\"questionsFormGroup.get('maxFileSize')?.markAsTouched()\"\r\n                            class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\">\r\n                        <span\r\n                            class=\"assessment-text-regular-12 assessment-text-grey-seven position-absolute end-0 me-3\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MB']}}</span>\r\n                    </div>\r\n                    <mat-error\r\n                        *ngIf=\"questionsFormGroup.get('maxFileSize')?.errors  && questionsFormGroup.get('maxFileSize')?.touched\"\r\n                        class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n                </div>\r\n                <div class=\"col-6 pe-0\" *ngIf=\"showField('maxNoOfFiles')\">\r\n                    <label\r\n                        class=\"mb-1 assessment-text-medium-13 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MAX_NO_OF_FILES']}}</label>\r\n                    <div class=\"col-12 d-flex align-items-center gap-2 position-relative\">\r\n                        <input formControlName=\"maxNoOfFiles\"\r\n                            [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.NOT_SET']\"\r\n                            (input)=\"allowOnlyNumbers($event)\"\r\n                            (blur)=\"questionsFormGroup.get('maxNoOfFiles')?.markAsTouched()\"\r\n                            class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\">\r\n                        <span\r\n                            class=\"assessment-text-regular-12 assessment-text-grey-seven position-absolute end-0 me-3\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.FILES']}}</span>\r\n                    </div>\r\n                    <mat-error\r\n                        *ngIf=\"questionsFormGroup.get('maxNoOfFiles')?.errors  && questionsFormGroup.get('maxNoOfFiles')?.touched\"\r\n                        class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n                </div>\r\n            </div>\r\n            <div class=\"pb-4 col-12\" *ngIf=\"showField('customRegex')\">\r\n                <label\r\n                    class=\"mb-1 assessment-text-medium-13 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.CUSTOM_REGEX']}}</label>\r\n                <div class=\"col-12 d-flex align-items-center gap-2 position-relative\">\r\n                    <input formControlName=\"customRegex\"\r\n                        [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_CUSTOM_REGEX']\"\r\n                        (blur)=\"questionsFormGroup.get('customRegex')?.markAsTouched()\"\r\n                        class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\">\r\n                </div>\r\n                <mat-error\r\n                    *ngIf=\"questionsFormGroup.get('customRegex')?.errors  && questionsFormGroup.get('customRegex')?.touched\"\r\n                    class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n            </div>\r\n            <div class=\"pb-4 col-12\" *ngIf=\"showField('totalMarks') && !isChild && questionStack.length == 0\">\r\n                <label\r\n                    class=\"mb-1 assessment-text-medium-13 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.TOTAL_MARKS']}}</label>\r\n                <div class=\"col-12 d-flex align-items-center gap-2 position-relative\">\r\n                    <input formControlName=\"totalMarks\" placeholder=\"0\" (input)=\"allowOnlyNumbers($event)\"\r\n                        (blur)=\"questionsFormGroup.get('totalMarks')?.markAsTouched()\"\r\n                        class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\">\r\n                    <span\r\n                        class=\"assessment-text-regular-12 assessment-text-grey-seven position-absolute end-0 me-3\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MARKS']}}</span>\r\n                </div>\r\n                <mat-error\r\n                    *ngIf=\"questionsFormGroup.get('totalMarks')?.errors  && questionsFormGroup.get('totalMarks')?.touched\"\r\n                    class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n            </div>\r\n\r\n            <div class=\"row mx-0 col-12 pb-4\"\r\n                *ngIf=\"showField('minimumNumberOfOption') || showField('maximumNumberOfOption')\">\r\n                <div class=\"col-6 ps-0\" *ngIf=\"showField('minimumNumberOfOption')\">\r\n                    <label\r\n                        class=\"mb-1 assessment-text-medium-13 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MIN_OPTION_SELECT_LIMIT']}}</label>\r\n                    <div class=\"col-12 d-flex align-items-center gap-2 position-relative\">\r\n                        <input formControlName=\"minimumNumberOfOption\" placeholder=\"0\"\r\n                            (input)=\"allowOnlyNumbers($event)\"\r\n                            (blur)=\"questionsFormGroup.get('minimumNumberOfOption')?.markAsTouched()\"\r\n                            class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\">\r\n                        <span\r\n                            class=\"assessment-text-regular-12 assessment-text-grey-seven position-absolute end-0 me-3\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.OPTIONS']}}</span>\r\n                    </div>\r\n                    <mat-error\r\n                        *ngIf=\"questionsFormGroup.get('minimumNumberOfOption')?.errors  && questionsFormGroup.get('minimumNumberOfOption')?.touched\"\r\n                        class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n                </div>\r\n                <div class=\"col-6 pe-0\" *ngIf=\"showField('maximumNumberOfOption')\">\r\n                    <label\r\n                        class=\"mb-1 assessment-text-medium-13 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.MAX_OPTION_SELECT_LIMIT']}}</label>\r\n                    <div class=\"col-12 d-flex align-items-center gap-2 position-relative\">\r\n                        <input formControlName=\"maximumNumberOfOption\" [placeholder]=\"options.length || 0\"\r\n                            (input)=\"allowOnlyNumbers($event)\"\r\n                            (blur)=\"questionsFormGroup.get('maximumNumberOfOption')?.markAsTouched()\"\r\n                            class=\"col-12 assessment-input-padding assessment-border-radius-two outline-0 assessment-input-border-one assessment-text-medium-13 assessment-bg-grey-one\">\r\n                        <span\r\n                            class=\"assessment-text-regular-12 assessment-text-grey-seven position-absolute end-0 me-3\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.OPTIONS']}}</span>\r\n                    </div>\r\n                    <mat-error\r\n                        *ngIf=\"questionsFormGroup.get('maximumNumberOfOption')?.errors  && questionsFormGroup.get('maximumNumberOfOption')?.touched\"\r\n                        class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"pb-4 col-12 mt-md-3\" *ngIf=\"showField('options')\">\r\n                <div formArrayName=\"options\">\r\n                    <ng-container *ngFor=\"let option of options.controls; let i = index\">\r\n                        <div [formGroupName]=\"i\" *ngIf=\"option.get('isActive')?.value !== false\"\r\n                            class=\"py-md-0 py-3 border-bottom border-md-0 col-12 d-flex flex-wrap flex-md-nowrap align-items-md-start align-items-center justify-content-between gap-md-4 gap-3\">\r\n\r\n                            <div class=\"col-12 col-md flex-md-grow-1 d-flex flex-column justify-content-center mt-md-3\"\r\n                                [class.pt-md-3]=\"i == 0\">\r\n                                <div class=\"col-12 d-flex align-items-center justify-content-between gap-3\">\r\n                                    <div class=\"flex-grow-1 d-flex align-items-center gap-2\">\r\n                                        <div class=\"rounded-circle p-2 border-grey-ten-2 mt-1\"></div>\r\n                                        <input formControlName=\"optionLabel\"\r\n                                            [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_OPTION']\"\r\n                                            class=\"flex-grow-1 assessment-text-medium-13 border-0 outline-0 bg-transparent input-focus py-1\">\r\n                                    </div>\r\n                                    <img class=\"cursor-pointer d-md-none\"\r\n                                        [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.CLOSE']\" (click)=\"removeOption(i)\"\r\n                                        (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/close.svg')\" />\r\n                                </div>\r\n                                <mat-error\r\n                                    *ngIf=\"option.get('optionLabel')?.invalid && option.get('optionLabel')?.touched\"\r\n                                    class=\"assessment-text-regular-12 mt-1\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n                            </div>\r\n\r\n                            <div *ngIf=\"showField('options', 'showWeightage') && !isChild && questionStack.length == 0\"\r\n                                class=\"col-auto\">\r\n                                <p class=\"assessment-text-medium-12 assessment-text-grey-six mb-2 mb-md-3\"\r\n                                    [ngClass]=\"{'hidden-label': i > 0}\">\r\n                                    {{labelConfig['COMMONS_ASSESSMENT.LABEL.WEIGHTAGE']}}\r\n                                </p>\r\n                                <input (input)=\"allowOnlyNumbers($event)\" formControlName=\"weight\"\r\n                                    class=\"px-3 py-md-1 py-2 assessment-border-radius-two assessment-input-border-one outline-0 assessment-text-regular-12 assessment-marks-input assessment-bg-grey-one\"\r\n                                    [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.LABEL.WEIGHTAGE']\">\r\n                            </div>\r\n\r\n                            <div *ngIf=\"showField('options', 'showRemarks')\" class=\"col-auto\">\r\n                                <p class=\"assessment-text-medium-12 assessment-text-grey-six mb-2 mb-md-3 pb-md-1\"\r\n                                    [ngClass]=\"{'hidden-label': i > 0}\">\r\n                                    {{labelConfig['COMMONS_ASSESSMENT.LABEL.REMARKS']}}\r\n                                </p>\r\n                                <div class=\"form-check form-switch\">\r\n                                    <input type=\"checkbox\" class=\"form-check-input cursor-pointer\"\r\n                                        name=\"remarksRequired\" formControlName=\"remarksRequired\">\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"d-none d-md-block pt-3\" [class.custom-margin]=\"i == 0\">\r\n                                <img class=\"cursor-pointer\" [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.CLOSE']\"\r\n                                    (click)=\"removeOption(i)\"\r\n                                    (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/close.svg')\" />\r\n                            </div>\r\n\r\n                        </div>\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <button type=\"button\" (click)=\"addOption()\"\r\n                    class=\"assessment-border-radius-two d-flex align-items-center gap-2 bg-transparent assessment-text-primary-one assessment-text-medium-12 border-0 assessment-zoom-animation mt-4\">\r\n                    <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.PLUS_PRIMARY']\"\r\n                        (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/plus-primary.svg')\" />\r\n                    {{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_OPTION']}}\r\n                </button>\r\n                <mat-error\r\n                    *ngIf=\"questionsFormGroup.get('options')?.errors  && questionsFormGroup.get('options')?.touched\"\r\n                    class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n            </div>\r\n            <div class=\"py-4 col-12 border-top\"\r\n                *ngIf=\"showField('childQuestions') && questionStack.length == 0 && !isChild\">\r\n                <div class=\"d-flex align-items-center justify-content-between mb-2\">\r\n                    <label\r\n                        class=\"assessment-text-medium-16 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.CHILD_QUESTIONS']}}</label>\r\n                    <img matTooltip=\"{{labelConfig['COMMONS_ASSESSMENT.LABEL.CHILD_QUESTIONS_INFO']}}\"\r\n                        matTooltipPosition=\"above\" matTooltipClass=\"assessment-tooltip\"\r\n                        [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.INFO']\"\r\n                        (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/info.svg')\" />\r\n                </div>\r\n\r\n                <div *ngFor=\"let group of childQuestionGroups; let groupIndex = index\"\r\n                    class=\"col-12 p-3 my-3 assessment-bg-grey-one assessment-border-radius-three assessment-input-border-one\">\r\n                    <div class=\"col-12 mb-3\" *ngIf=\"options.length > 0\">\r\n                        <label\r\n                            class=\"mb-1 assessment-text-medium-13 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.ASSIGNED_OPTION']}}</label>\r\n                        <mat-select [value]=\"group.optionId\"\r\n                            (selectionChange)=\"onGroupOptionChange(group.id, $event.value)\"\r\n                            [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.SELECT_OPTION_TO_LINK']\"\r\n                            class=\"col-12 assessment-mat-select assessment-border-radius-two assessment-bg-white outline-0 assessment-input-border-one assessment-text-medium-13\">\r\n                            <mat-option class=\"assessment-text-medium-13\" [value]=\"null\">\r\n                                {{labelConfig['COMMONS_ASSESSMENT.LABEL.NONE']}}\r\n                            </mat-option>\r\n                            <ng-container *ngFor=\"let opt of options.controls; let opIndex = index\">\r\n                                <mat-option *ngIf=\"opt.get('isActive')?.value !== false\" class=\"assessment-text-medium-13\"\r\n                                    [value]=\"getOptionId(opt)\">\r\n                                    {{ opt.get('optionLabel')?.value || ('Option ' + (opIndex + 1)) }}\r\n                                </mat-option>\r\n                            </ng-container>\r\n                        </mat-select>\r\n                    </div>\r\n\r\n                    <ng-container *ngFor=\"let questionId of group.questionIds; let i = index\">\r\n                        <ng-container *ngIf=\"getChildQuestionById(questionId) as child\">\r\n                            <div class=\"d-flex align-items-center justify-content-between mb-1 mt-3\">\r\n                                <div class=\"d-flex align-items-center gap-2\">\r\n                                    <p class=\"mb-0 assessment-text-medium-14\">\r\n                                        {{labelConfig['COMMONS_ASSESSMENT.LABEL.QUESTION']}} {{i + 1}}</p>\r\n                                </div>\r\n                                <div class=\"d-flex align-items-center gap-2\">\r\n                                    <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.DELETE']\"\r\n                                        class=\"action-icon cursor-pointer\"\r\n                                        (click)=\"deleteChildQuestionById(child.id, $event)\"\r\n                                        (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/delete.svg')\" />\r\n                                </div>\r\n                            </div>\r\n                            <div [innerHTML]=\"child?.questionText?.[0]?.text\"\r\n                                (click)=\"addEditChildQuestion(child, getChildQuestionIndex(child.id))\"\r\n                                class=\"col-12 assessment-button-padding assessment-border-radius-two assessment-bg-white assessment-input-border-one assessment-text-medium-12 cursor-pointer\">\r\n                            </div>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <button (click)=\"addEditChildQuestion(undefined, undefined, group.id)\"\r\n                        class=\"assessment-zoom-animation border-0 d-flex align-items-center justify-content-center gap-2 assessment-text-primary-one bg-transparent assessment-text-semibold-12 outline-0 mt-3\">\r\n                        <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.PLUS_PRIMARY']\"\r\n                            (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/plus-primary.svg')\" />\r\n                        {{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_MORE']}}\r\n                    </button>\r\n                </div>\r\n\r\n                <button (click)=\"addEditChildQuestion()\"\r\n                    class=\"assessment-zoom-animation assessment-button-padding d-flex align-items-center justify-content-center gap-3 assessment-text-primary-one assessment-bg-palette-EDF3FD assessment-text-semibold-12 outline-0 col-12 assessment-border-radius-two mt-3 border-ADC9F6\">\r\n                    <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.PLUS_PRIMARY']\"\r\n                        (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/plus-primary.svg')\" />\r\n                    {{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_CHILD_QUESTION']}}\r\n                </button>\r\n            </div>\r\n            <div class=\"py-4 col-12 border-top\" *ngIf=\"showField('hintText')\">\r\n                <label\r\n                    class=\"mb-2 assessment-text-medium-16 assessment-text-grey-ten\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_HINT']}}</label>\r\n                <app-text-editor [preText]=\"questionsFormGroup?.get('hintText')?.value\"\r\n                    (inputChange)=\"questionsFormGroup?.get('hintText')?.patchValue($event)\"\r\n                    [placeholder]=\"labelConfig['COMMONS_ASSESSMENT.PLACEHOLDER.ENTER_HINT']\"\r\n                    class=\"assessment-custom-angular-editor-white assessment-text-regular-13 assessment-text-grey-ten\"\r\n                    [height]=\"'8rem'\">\r\n                </app-text-editor>\r\n                <mat-error\r\n                    *ngIf=\"questionsFormGroup.get('hintText')?.errors  && questionsFormGroup.get('hintText')?.touched\"\r\n                    class=\"assessment-text-regular-12 assessment-text-danger\">{{labelConfig['COMMONS_ASSESSMENT.ERROR.REQUIRED']}}</mat-error>\r\n            </div>\r\n            <div class=\"py-4 col-12 border-top\">\r\n                <label class=\"mb-2 assessment-text-semibold-18 assessment-text-grey-ten col-12\">\r\n                    {{labelConfig['COMMONS_ASSESSMENT.LABEL.FIELDS_SETTINGS']}}</label>\r\n                <!-- <div class=\"my-3 d-flex align-items-center justify-content-between gap-2\">\r\n                    <div>\r\n                        <p class=\"mb-0 assessment-text-medium-13 assessment-text-grey-ten\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.LABEL.SHOW_THIS_FIELD']}}</p>\r\n                        <p class=\"mb-0 assessment-text-regular-11 assessment-text-grey-eight\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.LABEL.SHOW_THIS_FIELD_DESC']}}</p>\r\n                    </div>\r\n                    <div class=\"form-check form-switch\">\r\n                        <input type=\"checkbox\" class=\"form-check-input cursor-pointer\" name=\"visibility\"\r\n                            formControlName=\"visibility\">\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"my-3 d-flex align-items-center justify-content-between gap-2\">\r\n                    <div>\r\n                        <p class=\"mb-0 assessment-text-medium-13 assessment-text-grey-ten\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.LABEL.MANDATORY']}}</p>\r\n                        <p class=\"mb-0 assessment-text-regular-11 assessment-text-grey-eight\">\r\n                            {{labelConfig['COMMONS_ASSESSMENT.LABEL.MANDATORY_DESC']}}</p>\r\n                    </div>\r\n                    <div class=\"form-check form-switch\">\r\n                        <input type=\"checkbox\" class=\"form-check-input cursor-pointer\" name=\"isMandatory\"\r\n                            formControlName=\"isMandatory\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}.form-container{max-height:calc(100dvh - 4rem)}.border-grey-ten-2{border:.12rem solid var(--assessment-grey-ten)}.input-focus{overflow:hidden;text-overflow:ellipsis}.input-focus:focus-visible{border-bottom:var(--assessment-input-focus-border)!important}.assessment-marks-input{width:4.5rem}header{z-index:1}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap}@media (min-width: 768px){.hidden-label{visibility:hidden;line-height:0!important}}@media screen and (min-width: 768px){.border-md-0{border:0!important}}.primary-border{border:.064rem solid var(--assessment-primary-one)}.form-check-input:checked{background-color:var(--assessment-primary-one)!important;border-color:var(--assessment-primary-one)!important}.custom-margin{margin-top:1.3rem}.border-ADC9F6{border:.064rem solid var(--assessment-palette-ADC9F6)}\n"], components: [{ type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: TextEditorComponent, selector: "app-text-editor", inputs: ["height", "placeholder", "subject", "preText", "maxLength", "disabled", "showToolbar", "editorConfig"], outputs: ["inputChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i11$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentBuilderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-app-assessment-builder',
+                    templateUrl: './assessment-builder.component.html',
+                    styleUrls: ['./assessment-builder.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: AssessmentBuilderService }, { type: AssessmentMakerService }, { type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; }, propDecorators: { scrollContainer: [{
+                type: ViewChild,
+                args: ['scrollContainer']
+            }] } });
+
+class QuestionDetailsComponent {
+    constructor() {
+        this.labelConfig = {};
+        this.imageConfig = {};
+        this.editQuestion = new EventEmitter();
+        this.duplicateQuestion = new EventEmitter();
+        this.deleteParentQuestion = new EventEmitter();
+        this.deleteChildQuestion = new EventEmitter();
+        this.expanded = false;
+        this.showToggle = false;
+    }
+    ngAfterViewInit() {
+        setTimeout(() => this.checkOverflow());
+    }
+    toggleText() {
+        this.expanded = !this.expanded;
+        if (!this.expanded) {
+            setTimeout(() => this.checkOverflow());
+        }
+    }
+    checkOverflow() {
+        const el = this.questionText.nativeElement;
+        this.showToggle = el.scrollHeight > el.clientHeight;
+    }
+    capitalizeFirst(text) {
+        if (!text)
+            return '';
+        return text.toLowerCase().split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
+    }
+    imageErrorHandler(event, filePath) {
+        event.target.src = filePath;
+    }
+    childQuestionPresent(question) {
+        var _a;
+        return (_a = question === null || question === void 0 ? void 0 : question.defaultOptionsList) === null || _a === void 0 ? void 0 : _a.some(option => (option === null || option === void 0 ? void 0 : option.childQuestionList) && option.childQuestionList.length > 0);
+    }
+}
+QuestionDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: QuestionDetailsComponent, selector: "lib-question-details", inputs: { sectionQuestion: "sectionQuestion", question: "question", questionBank: "questionBank", labelConfig: "labelConfig", imageConfig: "imageConfig" }, outputs: { editQuestion: "editQuestion", duplicateQuestion: "duplicateQuestion", deleteParentQuestion: "deleteParentQuestion", deleteChildQuestion: "deleteChildQuestion" }, viewQueries: [{ propertyName: "questionText", first: true, predicate: ["questionText"], descendants: true }], ngImport: i0, template: "<div class=\"d-flex align-items-center justify-content-between mb-3\">\r\n    <div class=\"d-flex flex-wrap gap-2\">\r\n        <span\r\n            class=\"assessment-border-radius-two p-2 assessment-bg-palette-FEF9F1 assessment-text-medium-12 border-palette-F9DAA6\">\r\n            {{capitalizeFirst(question?.questionType?.labels?.[0]?.text)}}\r\n        </span>\r\n        <span *ngIf=\"question?.weight\"\r\n            class=\"assessment-border-radius-two p-2 assessment-bg-palette-EDF3FD assessment-text-medium-12 border-palette-C8DAF9\">\r\n            {{question?.weight}} {{labelConfig['COMMONS_ASSESSMENT.LABEL.MARKS']}}\r\n        </span>\r\n        <span *ngIf=\"question?.isMandatory\"\r\n            class=\"assessment-border-radius-two p-2 assessment-bg-palette-E8F7F0 assessment-text-medium-12 border-palette-B7E7CF\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.MANDATORY']}}\r\n        </span>\r\n    </div>\r\n    <button [matMenuTriggerFor]=\"questionsMenu\" (click)=\"$event.stopPropagation()\" class=\"border-0 bg-transparent py-2\">\r\n        <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.ACTION_DOTS']\"\r\n            (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/action-dots.svg')\" />\r\n    </button>\r\n    <mat-menu #questionsMenu=\"matMenu\" class=\"mat-menu assessment-border-radius-two assessment-border-grey-four-1\">\r\n        <button (click)=\"duplicateQuestion.emit(sectionQuestion)\" mat-menu-item class=\"py-2 assessment-text-semibold-12\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.DUPLICATE']}}\r\n        </button>\r\n        <button (click)=\"deleteParentQuestion.emit(sectionQuestion)\" mat-menu-item\r\n            class=\"py-2 assessment-text-semibold-12 assessment-text-danger\">\r\n            {{labelConfig['COMMONS_ASSESSMENT.LABEL.DELETE']}}\r\n        </button>\r\n    </mat-menu>\r\n</div>\r\n<div class=\"col-12\">\r\n    <div #questionText class=\"assessment-text-medium-15 question-text cursor-pointer\" [class.collapsed]=\"!expanded\"\r\n        (click)=\"$event.stopPropagation(); editQuestion.emit({questionId: sectionQuestion?.questionId, isChildQuestion: false})\"\r\n        [innerHTML]=\"question?.questionText?.[0]?.text\">\r\n    </div>\r\n\r\n    <span *ngIf=\"showToggle\" class=\"assessment-text-semibold-15 assessment-text-primary-one cursor-pointer\"\r\n        (click)=\"$event.stopPropagation(); expanded = !expanded\">\r\n        {{ labelConfig[expanded ? 'COMMONS_ASSESSMENT.LABEL.READ_LESS' : 'COMMONS_ASSESSMENT.LABEL.READ_MORE'] }}\r\n    </span>\r\n</div>\r\n\r\n<!-- Child Questions -->\r\n<ng-container *ngIf=\"question?.defaultOptionsList?.length\">\r\n    <div class=\"mt-4 col-12\">\r\n        <div *ngFor=\"let option of question?.defaultOptionsList | orderBy\" class=\"my-3 d-flex align-items-start gap-2\">\r\n            <div class=\"rounded-circle custom-padding border-grey-ten-2\"></div>\r\n            <span class=\"assessment-text-medium-13\">{{option.options?.optionName?.[0]?.text}}</span>\r\n        </div>\r\n    </div>\r\n\r\n    <mat-accordion *ngIf=\"childQuestionPresent(question)\">\r\n        <mat-expansion-panel (click)=\"$event.stopPropagation()\" class=\"bg-transparent mt-4 col-12\">\r\n            <mat-expansion-panel-header class=\"p-0 bg-transparent pe-1\">\r\n                <div class=\"d-flex align-items-center gap-2 flex-grow-1 pe-2\">\r\n                    <span class=\"assessment-text-semibold-12 assessment-text-grey-eight\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.CHILD_QUESTIONS']}}</span>\r\n                    <div class=\"flex-grow-1 border-bottom\"></div>\r\n                </div>\r\n            </mat-expansion-panel-header>\r\n            <ng-container *ngFor=\"let option of question?.defaultOptionsList | orderBy\">\r\n                <div *ngIf=\"option.childQuestionList?.length\" class=\"mt-3\">\r\n                    <p class=\"assessment-text-primary-one assessment-text-semibold-14 mb-0\">\r\n                        {{option.options?.optionName?.[0]?.text}}</p>\r\n                    <div class=\"position-relative overflow-hidden\">\r\n                        <div *ngFor=\"let childQuestionId of option.childQuestionList\"\r\n                            class=\"assessment-child-node position-relative mt-3 ms-md-4 ms-3\">\r\n                            <div *ngIf=\"questionBank[childQuestionId] as childQuestion\"\r\n                                class=\"d-flex align-items-start justify-content-between gap-3 ps-1\">\r\n                                <div (click)=\"$event.stopPropagation(); editQuestion.emit({questionId: childQuestionId, isChildQuestion: true})\"\r\n                                    [innerHTML]=\"childQuestion?.questionText?.[0]?.text\"\r\n                                    class=\"flex-grow-1 assessment-text-regular-13 question-text collapsed cursor-pointer\">\r\n                                </div>\r\n                                <span\r\n                                    class=\"assessment-text-medium-12 assessment-text-grey-eight d-md-inline d-none text-nowrap\">\r\n                                    {{capitalizeFirst(childQuestion?.questionType?.labels?.[0]?.text)}}\r\n                                </span>\r\n                                <img (click)=\"$event.stopPropagation(); deleteChildQuestion.emit({option: option, childQuestionId: childQuestionId})\"\r\n                                    [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.DELETE']\"\r\n                                    class=\"action-icon d-md-inline d-none cursor-pointer\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </mat-expansion-panel>\r\n    </mat-accordion>\r\n</ng-container>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}.border-palette-F9DAA6{border:.064em solid var(--assessment-palette-F9DAA6)}.border-palette-C8DAF9{border:.064em solid var(--assessment-palette-C8DAF9)}.border-palette-B7E7CF{border:.064em solid var(--assessment-palette-B7E7CF)}.border-grey-ten-2{border:.12rem solid var(--assessment-grey-ten)}.custom-padding{padding:.4rem}.assessment-child-node:before{content:\"\";position:absolute;bottom:calc(100% - .7rem);top:-100vh;border-left:.064em solid var(--assessment-grey-five);border-bottom:.064em solid var(--assessment-grey-five);border-bottom-left-radius:.75rem;z-index:0;left:-1.5rem;width:1.5rem}@media screen and (max-width: 767px){.assessment-child-node:before{left:-1rem;width:1rem}}.question-text{word-break:break-word}.question-text.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}\n"], components: [{ type: i1$4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i7.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: QuestionDetailsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-question-details',
+                    templateUrl: './question-details.component.html',
+                    styleUrls: ['./question-details.component.scss']
+                }]
+        }], propDecorators: { sectionQuestion: [{
+                type: Input
+            }], question: [{
+                type: Input
+            }], questionBank: [{
+                type: Input
+            }], labelConfig: [{
+                type: Input
+            }], imageConfig: [{
+                type: Input
+            }], editQuestion: [{
+                type: Output
+            }], duplicateQuestion: [{
+                type: Output
+            }], deleteParentQuestion: [{
+                type: Output
+            }], deleteChildQuestion: [{
+                type: Output
+            }], questionText: [{
+                type: ViewChild,
+                args: ['questionText']
+            }] } });
+
+class AssessmentMakerComponent {
+    constructor(assessmentMakerService, assessmentBuilderService, dialog) {
+        this.assessmentMakerService = assessmentMakerService;
+        this.assessmentBuilderService = assessmentBuilderService;
+        this.dialog = dialog;
+        this.labelConfig = {};
+        this.imageConfig = {};
+        this.questionTypes = [];
+        this.showFooter = false;
+        this.assessmentId = 0;
+        this.assessmentInstanceId = 0;
+        this.defaultAssessmentDTO = {};
+        this.assessmentIdChange = new EventEmitter();
+        this.assessmentInstanceIdChange = new EventEmitter();
+        this.snackbarMessage = new EventEmitter();
+        this.showLoader = false;
+        this.questionBank = {};
+        this.assessmentQuestionPaperData = { id: 0, questionPaperSectionList: [] };
+        this.configsLoaded = false;
+        this.isSubmitting = false;
+    }
+    ngOnInit() {
+        this.assessmentBuilderService.setDefaultAssessmentDTO(this.defaultAssessmentDTO);
+        this.getConfigsFromJSON();
+        if (this.assessmentId) {
+            this.showLoader = true;
+            this.loadAssessmentData();
+        }
+    }
+    getConfigsFromJSON() {
+        var _a;
+        forkJoin(Object.assign({ labelConfig: this.assessmentMakerService.getConfigJSON('json/labelConfig'), imageConfig: this.assessmentMakerService.getConfigJSON('json/imageConfig'), rules: this.assessmentMakerService.getConfigJSON('json/question-builder-rules') }, (!((_a = this.questionTypes) === null || _a === void 0 ? void 0 : _a.length) && {
+            questionTypes: this.assessmentMakerService.getConfigJSON('json/questionTypes')
+        }))).subscribe((res) => {
+            this.labelConfig = Object.assign({}, res === null || res === void 0 ? void 0 : res.labelConfig, this.labelConfig);
+            this.imageConfig = Object.assign({}, res === null || res === void 0 ? void 0 : res.imageConfig, this.imageConfig);
+            if (res === null || res === void 0 ? void 0 : res.questionTypes) {
+                this.questionTypes = res === null || res === void 0 ? void 0 : res.questionTypes;
+            }
+            // Merge customRules per questionType over default rules
+            this.rules = Object.assign({}, res === null || res === void 0 ? void 0 : res.rules);
+            if (this.customRules) {
+                Object.keys(this.customRules).forEach(qType => {
+                    if (!this.rules[qType]) {
+                        this.rules[qType] = Object.assign({}, this.customRules[qType]);
+                    }
+                    else {
+                        this.rules[qType] = Object.assign(Object.assign({}, this.rules[qType]), this.customRules[qType]);
+                    }
+                });
+            }
+            this.configsLoaded = true;
+        });
+    }
+    loadAssessmentData() {
+        this.assessmentMakerService.getAssessmentContext(this.assessmentId).subscribe({
+            next: (res) => {
+                this.questionBank = Object.assign(Object.assign({}, this.questionBank), ((res === null || res === void 0 ? void 0 : res.questionDTOMap) || {}));
+                this.updateAssessmentQuestionPaperData(res === null || res === void 0 ? void 0 : res.assessmentQuestionPaperDTO);
+                this.showLoader = false;
+            },
+            error: (error) => {
+                console.error(error);
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                throw { error, method: 'GET', payload: this.assessmentId };
+            }
+        });
+    }
+    generateQuestionBank() {
+        var _a, _b;
+        let childQuestionIds = [];
+        (_b = (_a = this.assessmentQuestionPaperData) === null || _a === void 0 ? void 0 : _a.questionPaperSectionList) === null || _b === void 0 ? void 0 : _b.forEach((section) => {
+            var _a;
+            (_a = section === null || section === void 0 ? void 0 : section.sectionQuestionsList) === null || _a === void 0 ? void 0 : _a.forEach((q) => {
+                var _a, _b, _c, _d, _e, _f;
+                if ((_c = (_b = (_a = this.questionBank) === null || _a === void 0 ? void 0 : _a[q === null || q === void 0 ? void 0 : q.questionId]) === null || _b === void 0 ? void 0 : _b.defaultOptionsList) === null || _c === void 0 ? void 0 : _c.length) {
+                    (_f = (_e = (_d = this.questionBank) === null || _d === void 0 ? void 0 : _d[q === null || q === void 0 ? void 0 : q.questionId]) === null || _e === void 0 ? void 0 : _e.defaultOptionsList) === null || _f === void 0 ? void 0 : _f.forEach((option) => {
+                        var _a, _b;
+                        if ((_a = option === null || option === void 0 ? void 0 : option.childQuestionList) === null || _a === void 0 ? void 0 : _a.length) {
+                            (_b = option === null || option === void 0 ? void 0 : option.childQuestionList) === null || _b === void 0 ? void 0 : _b.forEach((ccq) => {
+                                childQuestionIds.push(ccq);
+                            });
+                        }
+                    });
+                }
+            });
+        });
+        // Remove duplicates and filter out ones we already have in the bank
+        childQuestionIds = [...new Set(childQuestionIds)].filter(id => !this.questionBank[id]);
+        if ((childQuestionIds === null || childQuestionIds === void 0 ? void 0 : childQuestionIds.length) > 0) {
+            const params = { questionIds: childQuestionIds };
+            this.assessmentMakerService.getQuestionsByIds(params).subscribe({
+                next: (res) => {
+                    res === null || res === void 0 ? void 0 : res.forEach((question) => {
+                        this.questionBank[question.id] = question;
+                    });
+                },
+                error: (error) => {
+                    console.error(error);
+                    throw { error, method: 'GET', payload: params };
+                }
+            });
+        }
+    }
+    imageErrorHandler(event, filePath) {
+        event.target.src = filePath;
+    }
+    focusSectionInput(sectionIndex, event) {
+        event.stopPropagation();
+        const input = document.getElementById(`sectionNameInput_${sectionIndex}`);
+        if (input) {
+            input.focus();
+        }
+    }
+    dropSection(event) {
+        if (this.assessmentQuestionPaperData.questionPaperSectionList) {
+            moveItemInArray(this.assessmentQuestionPaperData.questionPaperSectionList, event.previousIndex, event.currentIndex);
+        }
+    }
+    dropQuestion(event) {
+        moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+    }
+    addInstruction(section) {
+        const dialogRef = this.dialog.open(AddEditSectionIntroductionComponent, {
+            autoFocus: false,
+            maxWidth: '95%',
+            width: '40rem',
+            maxHeight: '100dvh',
+            panelClass: ['assessment-dialog'],
+            data: {
+                imageConfig: this.imageConfig,
+                labelConfig: this.labelConfig,
+                sectionDetails: section
+            },
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result === null || result === void 0 ? void 0 : result.update) {
+                if (!section.qpsDesc)
+                    section.qpsDesc = [];
+                if (!section.qpsDesc[0])
+                    section.qpsDesc[0] = { id: 0, language: { code: 'ENG' }, text: '' };
+                section.qpsDesc[0].text = result === null || result === void 0 ? void 0 : result.description;
+                section.mediaUrl = (result === null || result === void 0 ? void 0 : result.mediaUrl) || null;
+                this.patchAssessmentAndQuestionPaper(this.labelConfig['COMMONS_ASSESSMENT.TOAST.SECTION_INSTRUCTIONS_UPDATED_SUCCESS']);
+            }
+        });
+    }
+    deleteChildQuestion(option, childIdToRemove) {
+        if (option.childQuestionList) {
+            const idToRemove = typeof childIdToRemove === 'object' ? childIdToRemove === null || childIdToRemove === void 0 ? void 0 : childIdToRemove.id : childIdToRemove;
+            option.childQuestionList = option.childQuestionList.filter((ccq) => {
+                const id = typeof ccq === 'object' ? ccq === null || ccq === void 0 ? void 0 : ccq.id : ccq;
+                return id !== idToRemove;
+            });
+        }
+    }
+    deleteParentQuestion(sectionQuestion) {
+        sectionQuestion.isActive = false;
+        this.patchAssessmentAndQuestionPaper(this.labelConfig['COMMONS_ASSESSMENT.TOAST.QUESTION_DELETED_SUCCESS']);
+    }
+    deleteSection(section) {
+        section.isActive = false;
+        this.patchAssessmentAndQuestionPaper(this.labelConfig['COMMONS_ASSESSMENT.TOAST.SECTION_DELETED_SUCCESS']);
+    }
+    createEditQuestion(sectionDetails, sectionQuestionId, isChild) {
+        const questionDetails = this.getQuestionFromBank(sectionQuestionId);
+        const dialogRef = this.dialog.open(AssessmentBuilderComponent, {
+            autoFocus: false,
+            position: { right: '0' },
+            maxWidth: '100%',
+            width: '55rem',
+            height: '100vh',
+            panelClass: ['assessment-dialog', 'assessment-dialog-slider-animation'],
+            hasBackdrop: true,
+            data: {
+                labelConfig: this.labelConfig,
+                imageConfig: this.imageConfig,
+                questionTypes: this.questionTypes,
+                rules: this.rules,
+                questionBank: this.questionBank,
+                isChild: isChild,
+                questionDetails,
+                sectionDetails,
+                assessmentQuestionPaperData: this.assessmentQuestionPaperData,
+                assessmentId: this.assessmentId,
+                snackbarMessageEmitter: this.snackbarMessage
+            },
+        });
+        dialogRef.afterClosed().subscribe((res) => {
+            if (res === null || res === void 0 ? void 0 : res.success) {
+                if (res === null || res === void 0 ? void 0 : res.assessmentId) {
+                    if (!this.assessmentId) {
+                        this.assessmentId = res.assessmentId;
+                        this.assessmentIdChange.emit(this.assessmentId);
+                    }
+                    this.questionBank = Object.assign(Object.assign({}, this.questionBank), ((res === null || res === void 0 ? void 0 : res.questionMap) || {}));
+                    this.updateAssessmentQuestionPaperData(res.questionPaper);
+                }
+                else {
+                    this.patchAssessmentAndQuestionPaper();
+                }
+            }
+        });
+    }
+    duplicateSection(sectionId) {
+        var _a;
+        if (!((_a = this.assessmentQuestionPaperData) === null || _a === void 0 ? void 0 : _a.id))
+            return;
+        this.assessmentMakerService.duplicateSection(this.assessmentQuestionPaperData.id, sectionId).subscribe({
+            next: (res) => {
+                this.questionBank = Object.assign(Object.assign({}, this.questionBank), ((res === null || res === void 0 ? void 0 : res.questionMap) || {}));
+                this.updateAssessmentQuestionPaperData(res === null || res === void 0 ? void 0 : res.questionPaper);
+                this.generateQuestionBank();
+                this.patchAssessmentAndQuestionPaper();
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.SECTION_DUPLICATED_SUCCESS'], type: 'success' });
+            },
+            error: (error) => {
+                this.showLoader = false;
+                console.error(error);
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                throw { error, method: 'PATCH' };
+            }
+        });
+    }
+    duplicateQuestion(section, sectionQuestion) {
+        if (!sectionQuestion.id)
+            return;
+        this.assessmentMakerService.duplicateQuestion(section.id, sectionQuestion.id).subscribe({
+            next: (res) => {
+                this.questionBank = Object.assign(Object.assign({}, this.questionBank), ((res === null || res === void 0 ? void 0 : res.questionMap) || {}));
+                this.updateAssessmentQuestionPaperData(res === null || res === void 0 ? void 0 : res.questionPaper);
+                this.generateQuestionBank();
+                this.patchAssessmentAndQuestionPaper();
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.QUESTION_DUPLICATED_SUCCESS'], type: 'success' });
+            },
+            error: (error) => {
+                this.showLoader = false;
+                console.error(error);
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                throw { error, method: 'PATCH' };
+            }
+        });
+    }
+    patchAssessmentAndQuestionPaper(successMessage) {
+        const payload = {
+            questionPaper: this.assessmentBuilderService.generateQuestionPaperDTO(this.assessmentQuestionPaperData, this.questionBank),
+            assessment: this.assessmentBuilderService.generateAssessmentDTO(this.assessmentId, this.assessmentQuestionPaperData)
+        };
+        this.assessmentMakerService.patchAssessmentAndQuestionPaper(payload).subscribe({
+            next: (res) => {
+                this.updateAssessmentQuestionPaperData(res === null || res === void 0 ? void 0 : res.questionPaper);
+                this.generateQuestionBank();
+                if (successMessage) {
+                    this.snackbarMessage.emit({ message: successMessage, type: 'success' });
+                }
+            },
+            error: error => {
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                throw { error, method: 'PATCH', payload };
+            }
+        });
+    }
+    finalSubmit() {
+        this.isSubmitting = true;
+        const payload = {
+            questionPaper: this.assessmentBuilderService.generateQuestionPaperDTO(this.assessmentQuestionPaperData, this.questionBank),
+            assessment: this.assessmentBuilderService.generateAssessmentDTO(this.assessmentId, this.assessmentQuestionPaperData)
+        };
+        if (!this.assessmentId) {
+            // returns null or 0 as assessment is not created yet. Handle the response in consumer app
+            this.assessmentInstanceIdChange.emit(this.assessmentInstanceId);
+            this.isSubmitting = false;
+            return;
+        }
+        this.assessmentMakerService.patchAssessmentAndQuestionPaper(payload).subscribe({
+            next: (res) => {
+                this.updateAssessmentQuestionPaperData(res === null || res === void 0 ? void 0 : res.questionPaper);
+                if (!this.assessmentInstanceId) {
+                    this.createAssessmentInstance();
+                }
+                else {
+                    this.assessmentInstanceIdChange.emit(this.assessmentInstanceId);
+                    this.isSubmitting = false;
+                }
+            },
+            error: error => {
+                this.isSubmitting = false;
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                throw { error, method: 'PATCH', payload };
+            }
+        });
+    }
+    createAssessmentInstance() {
+        const payload = this.assessmentBuilderService.generateAssessmentInstanceDTO(this.assessmentId);
+        this.assessmentMakerService.createAssessmentInstance(payload).subscribe({
+            next: (res) => {
+                this.assessmentInstanceId = res;
+                this.assessmentInstanceIdChange.emit(res);
+                this.isSubmitting = false;
+                // this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ASSESSMENT_PUBLISHED_SUCCESS'], type: 'success' });
+            },
+            error: error => {
+                this.isSubmitting = false;
+                this.snackbarMessage.emit({ message: this.labelConfig['COMMONS_ASSESSMENT.TOAST.ERROR_DEFAULT'], type: 'error' });
+                throw { error, method: 'POST', payload };
+            }
+        });
+    }
+    discardChanges() {
+        if (this.assessmentId) {
+            this.showLoader = true;
+            this.loadAssessmentData();
+        }
+        else {
+            // Reset fully to empty if no assessment existed yet
+            this.assessmentQuestionPaperData = { id: 0, questionPaperSectionList: [] };
+        }
+    }
+    getQuestionFromBank(questionId) {
+        var _a;
+        return (_a = this.questionBank) === null || _a === void 0 ? void 0 : _a[questionId || -1];
+    }
+    updateAssessmentQuestionPaperData(newData) {
+        var _a, _b, _c, _d, _e;
+        const expandedList = (_c = (_b = (_a = this.assessmentQuestionPaperData) === null || _a === void 0 ? void 0 : _a.questionPaperSectionList) === null || _b === void 0 ? void 0 : _b.filter((s) => s.isExpanded)) === null || _c === void 0 ? void 0 : _c.map((s, idx) => { var _a, _b; return s.id ? s.id.toString() : `${idx}_${(_b = (_a = s.qpsName) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text}`; });
+        this.assessmentQuestionPaperData = newData || { id: 0, questionPaperSectionList: [] };
+        this.filterInactiveSectionsAndQuestions();
+        if (expandedList === null || expandedList === void 0 ? void 0 : expandedList.length) {
+            (_e = (_d = this.assessmentQuestionPaperData) === null || _d === void 0 ? void 0 : _d.questionPaperSectionList) === null || _e === void 0 ? void 0 : _e.forEach((s, idx) => {
+                var _a, _b;
+                const key = s.id ? s.id.toString() : `${idx}_${(_b = (_a = s.qpsName) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text}`;
+                if (expandedList.includes(key)) {
+                    s.isExpanded = true;
+                }
+            });
+        }
+    }
+    filterInactiveSectionsAndQuestions() {
+        var _a, _b, _c, _d;
+        this.assessmentQuestionPaperData.questionPaperSectionList = (_b = (_a = this.assessmentQuestionPaperData) === null || _a === void 0 ? void 0 : _a.questionPaperSectionList) === null || _b === void 0 ? void 0 : _b.filter((section) => section.isActive !== false);
+        (_d = (_c = this.assessmentQuestionPaperData) === null || _c === void 0 ? void 0 : _c.questionPaperSectionList) === null || _d === void 0 ? void 0 : _d.forEach((section) => {
+            var _a;
+            section.sectionQuestionsList = (_a = section.sectionQuestionsList) === null || _a === void 0 ? void 0 : _a.filter((question) => question.isActive !== false);
+        });
+        if (this.questionBank) {
+            Object.keys(this.questionBank).forEach(key => {
+                const question = this.questionBank[key];
+                if (question === null || question === void 0 ? void 0 : question.defaultOptionsList) {
+                    question.defaultOptionsList = question.defaultOptionsList.filter((opt) => opt.isActive !== false);
+                }
+            });
+        }
+    }
+    capitalizeFirst(text) {
+        if (!text)
+            return '';
+        return text.toLowerCase().split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
+    }
+}
+AssessmentMakerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentMakerComponent, deps: [{ token: AssessmentMakerService }, { token: AssessmentBuilderService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+AssessmentMakerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AssessmentMakerComponent, selector: "lib-assessment-maker", inputs: { labelConfig: "labelConfig", imageConfig: "imageConfig", questionTypes: "questionTypes", showFooter: "showFooter", customRules: "customRules", assessmentId: "assessmentId", assessmentInstanceId: "assessmentInstanceId", defaultAssessmentDTO: "defaultAssessmentDTO" }, outputs: { assessmentIdChange: "assessmentIdChange", assessmentInstanceIdChange: "assessmentInstanceIdChange", snackbarMessage: "snackbarMessage" }, ngImport: i0, template: "<div *ngIf=\"configsLoaded && !showLoader; else loader\" class=\"col-12 h-100\">\r\n    <div class=\"col-12 h-100 py-4\" [class.height-without-footer]=\"showFooter\">\r\n        <ng-container *ngIf=\"assessmentQuestionPaperData?.questionPaperSectionList?.length\">\r\n            <mat-accordion multi=\"true\" cdkDropList (cdkDropListDropped)=\"dropSection($event)\">\r\n                <mat-expansion-panel [hideToggle]=\"true\" #panel=\"matExpansionPanel\" [expanded]=\"section.isExpanded\"\r\n                    (opened)=\"section.isExpanded = true\" (closed)=\"section.isExpanded = false\"\r\n                    class=\"mb-4 border-0 overflow-hidden assessment-panel shadow-none\" cdkDrag\r\n                    *ngFor=\"let section of assessmentQuestionPaperData?.questionPaperSectionList | orderBy; let sectionIndex = index\">\r\n                    <!-- Section Header -->\r\n                    <mat-expansion-panel-header class=\"col-12 p-0 h-auto bg-transparent\">\r\n                        <div class=\"d-flex col-12 align-items-center gap-md-3 gap-2\">\r\n                            <img cdkDragHandle [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.DRAG_DROP']\"\r\n                                class=\"cursor-grab\"\r\n                                (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/drag-drop.svg')\" />\r\n                            <div class=\"d-flex align-items-center gap-2 flex-grow-1 justify-content-between p-3 assessment-border-radius-two assessment-border-two\"\r\n                                [class.no-border]=\"section.isExpanded\">\r\n                                <div>\r\n                                    <div class=\"d-flex align-items-center mb-1\">\r\n                                        <input type=\"text\" [id]=\"'sectionNameInput_' + sectionIndex\"\r\n                                            class=\"col-md-11 col-10 assessment-text-semibold-18 border-0 outline-0 bg-transparent p-0 input-focus\"\r\n                                            [(ngModel)]=\"section.qpsName[0].text\"\r\n                                            [attr.size]=\"(section.qpsName[0].text?.length || 1)\"\r\n                                            (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n                                        <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.EDIT']\"\r\n                                            class=\"action-icon cursor-pointer\"\r\n                                            (click)=\"focusSectionInput(sectionIndex, $event)\"\r\n                                            (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/pencil.svg')\" />\r\n                                    </div>\r\n                                    <p class=\"mb-0 assessment-text-medium-12 assessment-text-grey-seven\">\r\n                                        {{section?.sectionQuestionsList?.length || 0}}\r\n                                        {{labelConfig['COMMONS_ASSESSMENT.LABEL.QUESTIONS']}}\r\n                                    </p>\r\n                                </div>\r\n                                <div class=\"d-flex align-items-center gap-md-4 gap-2\">\r\n                                    <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.ARROW_DOWN_BLACK']\"\r\n                                        [ngClass]=\"panel.expanded ? 'change-direction' : 'change-direction-reverse'\"\r\n                                        (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/arrow-down-black.svg')\" />\r\n                                    <button [matMenuTriggerFor]=\"menu\" (click)=\"$event.stopPropagation()\"\r\n                                        class=\"border-0 bg-transparent py-2\">\r\n                                        <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.ACTION_DOTS']\"\r\n                                            (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/action-dots.svg')\" />\r\n                                    </button>\r\n                                    <mat-menu #menu=\"matMenu\"\r\n                                        class=\"mat-menu assessment-border-radius-two assessment-border-grey-four-1\">\r\n                                        <button (click)=\"addInstruction(section)\" mat-menu-item\r\n                                            class=\"py-2 assessment-text-semibold-12\">\r\n                                            {{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_INSTRUCTIONS']}}\r\n                                        </button>\r\n                                        <button (click)=\"duplicateSection(section.id)\" mat-menu-item\r\n                                            class=\"py-2 assessment-text-semibold-12\">\r\n                                            {{labelConfig['COMMONS_ASSESSMENT.LABEL.DUPLICATE']}}\r\n                                        </button>\r\n                                        <button (click)=\"deleteSection(section)\" mat-menu-item\r\n                                            class=\"py-2 assessment-text-semibold-12 assessment-text-danger\">\r\n                                            {{labelConfig['COMMONS_ASSESSMENT.LABEL.DELETE']}}\r\n                                        </button>\r\n                                    </mat-menu>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </mat-expansion-panel-header>\r\n\r\n                    <!-- Questions inside section -->\r\n\r\n                    <div cdkDropList [cdkDropListData]=\"section.sectionQuestionsList || []\"\r\n                        (cdkDropListDropped)=\"dropQuestion($event)\">\r\n                        <div cdkDrag *ngFor=\"let sectionQuestion of section.sectionQuestionsList | orderBy; let i = index\"\r\n                            class=\"d-flex align-items-start gap-md-3 gap-2 my-3\">\r\n                            <img cdkDragHandle [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.DRAG_DROP']\"\r\n                                class=\"cursor-grab mt-4\"\r\n                                (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/drag-drop.svg')\" />\r\n                            <div class=\"flex-grow-1 p-3 assessment-border-two assessment-border-radius-two question-container\">\r\n                                <lib-question-details [sectionQuestion]=\"sectionQuestion\"\r\n                                    [question]=\"getQuestionFromBank(sectionQuestion.questionId) || {}\"\r\n                                    [questionBank]=\"questionBank\" [imageConfig]=\"imageConfig\"\r\n                                    [labelConfig]=\"labelConfig\"\r\n                                    (editQuestion)=\"createEditQuestion(section, $event?.questionId, $event?.isChildQuestion)\"\r\n                                    (duplicateQuestion)=\"duplicateQuestion(section, $event)\"\r\n                                    (deleteParentQuestion)=\"deleteParentQuestion($event)\"\r\n                                    (deleteChildQuestion)=\"deleteChildQuestion($event.option, $event.childQuestionId)\">\r\n                                </lib-question-details>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-12 ps-4 border-bottom pb-4\">\r\n                        <button (click)=\"createEditQuestion(section)\"\r\n                            class=\"assessment-zoom-animation assessment-button-padding d-flex align-items-center justify-content-center gap-3 assessment-text-primary-one assessment-bg-palette-EDF3FD assessment-text-semibold-12 outline-0 assessment-border-radius-two mt-3 border-ADC9F6\">\r\n                            <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.PLUS_PRIMARY']\"\r\n                                (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/plus-primary.svg')\" />\r\n                            {{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_A_QUESTION']}}\r\n                        </button>\r\n                    </div>\r\n                </mat-expansion-panel>\r\n            </mat-accordion>\r\n            <button (click)=\"createEditQuestion()\"\r\n                class=\"assessment-zoom-animation assessment-button-padding d-flex align-items-center justify-content-center gap-3 assessment-text-primary-one assessment-bg-palette-EDF3FD assessment-text-semibold-12 outline-0 assessment-border-radius-two mt-3 border-ADC9F6 ms-4\">\r\n                <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.ADD_SECTION']\"\r\n                    (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/add-section.svg')\" />\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_A_SECTION']}}\r\n            </button>\r\n        </ng-container>\r\n        <div *ngIf=\"!assessmentQuestionPaperData?.questionPaperSectionList?.length\"\r\n            class=\"h-100 d-flex flex-column align-items-center justify-content-center gap-3\">\r\n            <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.NO_QUESTIONS']\" class=\"col-sm-auto col-6\"\r\n                (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/no-questions.svg')\" />\r\n            <div class=\"text-center\">\r\n                <p class=\"mb-1 assessment-text-medium-18\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_CUSTOM_QUESTIONS']}}</p>\r\n                <p class=\"mb-0 assessment-text-medium-12 assessment-text-grey-seven\">\r\n                    {{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_QUESTION_DESC']}}</p>\r\n            </div>\r\n            <button (click)=\"createEditQuestion()\"\r\n                class=\"assessment-button-padding assessment-border-radius-two d-flex align-items-center gap-2 assessment-bg-palette-EDF3FD assessment-text-primary-one assessment-text-semibold-12 border-0 assessment-zoom-animation\">\r\n                <img [src]=\"imageConfig['COMMONS_ASSESSMENT.ICON.PLUS_PRIMARY']\"\r\n                    (error)=\"imageErrorHandler($event, 'assets/commons-assessment/images/plus-primary.svg')\" />\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.ADD_A_QUESTION']}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"showFooter\"\r\n        class=\"bg-white p-3 position-sticky bottom-0 d-flex align-items-center justify-content-end border-top gap-3\">\r\n        <button (click)=\"discardChanges()\" [disabled]=\"isSubmitting\"\r\n            class=\"assessment-zoom-animation assessment-border-radius-two assessment-button-padding-large assessment-btn-primary-transparent assessment-text-semibold-13\">{{labelConfig['COMMONS_ASSESSMENT.LABEL.DISCARD']}}</button>\r\n        <button (click)=\"finalSubmit()\" [disabled]=\"isSubmitting\"\r\n            class=\"assessment-zoom-animation assessment-border-radius-two assessment-button-padding-large assessment-btn-primary assessment-text-semibold-13 position-relative\">\r\n            <span [ngClass]=\"{'opacity-0': isSubmitting}\">\r\n                {{labelConfig['COMMONS_ASSESSMENT.LABEL.PUBLISH']}}\r\n            </span>\r\n            <mat-spinner *ngIf=\"isSubmitting\" [diameter]=\"20\"\r\n                class=\"position-absolute top-50 start-50 translate-middle assessment-spinner-white\"></mat-spinner>\r\n        </button>\r\n    </div>\r\n</div>\r\n<ng-template #loader>\r\n    <div class=\"h-100 col-12 d-flex align-items-center justify-content-center py-5\">\r\n        <mat-spinner diameter=\"60\" class=\"assessment-spinner-primary\"></mat-spinner>\r\n    </div>\r\n</ng-template>", styles: [".assessment-text-grey-ten{color:var(--assessment-grey-ten)!important}.assessment-bg-grey-ten{background-color:var(--assessment-grey-ten)!important}.assessment-text-grey-nine{color:var(--assessment-grey-nine)!important}.assessment-bg-grey-nine{background-color:var(--assessment-grey-nine)!important}.assessment-text-grey-eight{color:var(--assessment-grey-eight)!important}.assessment-bg-grey-eight{background-color:var(--assessment-grey-eight)!important}.assessment-text-grey-seven{color:var(--assessment-grey-seven)!important}.assessment-bg-grey-seven{background-color:var(--assessment-grey-seven)!important}.assessment-text-grey-six{color:var(--assessment-grey-six)!important}.assessment-bg-grey-six{background-color:var(--assessment-grey-six)!important}.assessment-text-grey-five{color:var(--assessment-grey-five)!important}.assessment-bg-grey-five{background-color:var(--assessment-grey-five)!important}.assessment-text-grey-four{color:var(--assessment-grey-four)!important}.assessment-bg-grey-four{background-color:var(--assessment-grey-four)!important}.assessment-text-grey-three{color:var(--assessment-grey-three)!important}.assessment-bg-grey-three{background-color:var(--assessment-grey-three)!important}.assessment-text-grey-two{color:var(--assessment-grey-two)!important}.assessment-bg-grey-two{background-color:var(--assessment-grey-two)!important}.assessment-text-grey-one{color:var(--assessment-grey-one)!important}.assessment-bg-grey-one{background-color:var(--assessment-grey-one)!important}.assessment-text-white{color:var(--assessment-white)!important}.assessment-bg-white{background-color:var(--assessment-white)!important}.assessment-text-black{color:var(--assessment-black)!important}.assessment-bg-black{background-color:var(--assessment-black)!important}.assessment-text-danger{color:var(--assessment-danger)!important}.assessment-bg-danger{background-color:var(--assessment-danger)!important}.assessment-text-primary-one{color:var(--assessment-primary-one)!important}.assessment-bg-primary-one{background-color:var(--assessment-primary-one)!important}.assessment-text-primary-four{color:var(--assessment-primary-four)!important}.assessment-bg-primary-four{background-color:var(--assessment-primary-four)!important}.assessment-text-palette-EDF3FD{color:var(--assessment-palette-EDF3FD)!important}.assessment-bg-palette-EDF3FD{background-color:var(--assessment-palette-EDF3FD)!important}.assessment-text-palette-C8DAF9{color:var(--assessment-palette-C8DAF9)!important}.assessment-bg-palette-C8DAF9{background-color:var(--assessment-palette-C8DAF9)!important}.assessment-text-palette-ADC9F6{color:var(--assessment-palette-ADC9F6)!important}.assessment-bg-palette-ADC9F6{background-color:var(--assessment-palette-ADC9F6)!important}.assessment-text-palette-FEF9F1{color:var(--assessment-palette-FEF9F1)!important}.assessment-bg-palette-FEF9F1{background-color:var(--assessment-palette-FEF9F1)!important}.assessment-text-palette-F9DAA6{color:var(--assessment-palette-F9DAA6)!important}.assessment-bg-palette-F9DAA6{background-color:var(--assessment-palette-F9DAA6)!important}.assessment-text-palette-E8F7F0{color:var(--assessment-palette-E8F7F0)!important}.assessment-bg-palette-E8F7F0{background-color:var(--assessment-palette-E8F7F0)!important}.assessment-text-palette-B7E7CF{color:var(--assessment-palette-B7E7CF)!important}.assessment-bg-palette-B7E7CF{background-color:var(--assessment-palette-B7E7CF)!important}.assessment-box-shadow-one{box-shadow:var(--assessment-box-shadow-one)!important}.assessment-border-radius-one{border-radius:var(--assessment-border-radius-one)!important}.assessment-border-radius-two{border-radius:var(--assessment-border-radius-two)!important}.assessment-border-radius-three{border-radius:var(--assessment-border-radius-three)!important}.assessment-border-radius-four{border-radius:var(--assessment-border-radius-four)!important}.assessment-border-radius-five{border-radius:var(--assessment-border-radius-five)!important}.assessment-border-radius-six{border-radius:var(--assessment-border-radius-six)!important}.assessment-input-border-one{border:var(--assessment-input-border-one)!important}.assessment-input-border-invalid{border:var(--assessment-input-border-invalid)!important}.assessment-input-focus-border{border:var(--assessment-input-focus-border)!important}.assessment-border-two{border:var(--assessment-border-two)!important}.assessment-card-border{border:var(--assessment-card-border)!important}.assessment-tooltip-border{border:var(--assessment-tooltip-border)!important}.assessment-box-shadow-tooltip{box-shadow:var(--assessment-box-shadow-tooltip)!important}.assessment-button-padding{padding:var(--assessment-button-padding)!important}.assessment-button-padding-large{padding:var(--assessment-button-padding-large)!important}.assessment-input-padding{padding:var(--assessment-input-padding)!important}.assessment-text-font-family{color:var(--assessment-font-family)!important}.assessment-bg-font-family{background-color:var(--assessment-font-family)!important}.assessment-text-regular-12{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-bold-12{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-12{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-semibold-11{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-11{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-regular-11{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.48rem + .25vw);line-height:calc(.8rem + .25vw)}.assessment-text-medium-12{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.48rem + .3vw);line-height:calc(.9rem + .3vw)}.assessment-text-regular-13{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-bold-13{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-semibold-13{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-medium-13{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.64rem + .2vw)!important;line-height:calc(.9rem + .2vw)!important}.assessment-text-regular-14{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-bold-14{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-medium-14{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw)!important;line-height:calc(1.2rem + .2vw)!important}.assessment-text-semibold-14{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.7rem + .2vw);line-height:calc(1.2rem + .2vw)}.assessment-text-semibold-10{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw);line-height:calc(1rem + .1vw)}.assessment-text-regular-10{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.55rem + .1vw)!important;line-height:calc(1rem + .1vw)}.assessment-text-regular-15{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.4rem + .1vw)}.assessment-text-medium-15{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-semibold-15{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-bold-15{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.85rem + .1vw);line-height:calc(1.25rem + .1vw)}.assessment-text-regular-16{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-semibold-16{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-bold-16{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-medium-16{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(.77rem + .25vw);line-height:calc(1.25rem + .2vw)}.assessment-text-regular-20{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-bold-20{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-semibold-20{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-20{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .3vw);line-height:calc(1.2rem + .3vw)}.assessment-text-medium-18{font-weight:500;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-regular-18{font-weight:400;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .3vw)!important}.assessment-text-bold-18{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw);line-height:calc(1.5rem + .1vw)}.assessment-text-semibold-18{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .125vw)!important;line-height:calc(1.5rem + .1vw)!important}.assessment-text-bold-34{overflow-wrap:break-word;font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-medium-34{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(2rem + .15vw);line-height:calc(2.5rem + .15vw)}.assessment-text-bold-32{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.3rem + .75vw);line-height:calc(1.625rem + .5vw)}.assessment-text-bold-22{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-regular-22{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-semibold-22{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-medium-22{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-24{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-regular-24{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-semibold-24{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(.8rem + .75vw);line-height:calc(.9rem + .75vw)}.assessment-text-medium-24{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(.8rem + .75vw);line-height:calc(1.2rem + .75vw)}.assessment-text-regular-26{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-medium-26{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-bold-26{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-semibold-26{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .1vw);line-height:calc(1.8rem + .1vw)}.assessment-text-regular-28{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-medium-28{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-semibold-28{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw);letter-spacing:1}.assessment-text-bold-28{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.55rem + .2vw);line-height:calc(2rem + .2vw)}.assessment-text-regular-30{font-weight:400;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw)}.assessment-text-medium-30{font-weight:500;font-family:var(--assessment-font-family);font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw)}.assessment-text-bold-30{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(2rem + .4vw)}.assessment-text-semibold-30{font-weight:600;font-family:var(--assessment-font-family)!important;font-size:calc(1.5rem + .4vw);line-height:calc(1.5rem + .4vw);letter-spacing:.5}.assessment-text-bold-36{font-weight:700;font-family:var(--assessment-font-family)!important;font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}.assessment-text-semibold-36{font-weight:600;font-family:var(--assessment-font-family);font-size:calc(2rem + .25vw);line-height:calc(2.5rem + .3vw)}@media (min-height: 100vw) and (orientation: portrait){.assessment-text-bold-34{font-size:calc(1.8rem + .15vh);line-height:calc(2.2rem + .15vh)}.assessment-text-bold-32{font-size:calc(1.3rem + 1vh);line-height:calc(1.5rem + 1vh)}.assessment-text-semibold-30{font-size:calc(1.5rem + .4vh);line-height:calc(1.8rem + .4vh)}.assessment-text-medium-24{line-height:2.188rem}.assessment-text-medium-24,.assessment-text-regular-24,.assessment-text-semibold-24,.assessment-text-bold-24,.assessment-text-light-24{font-size:calc(1.3rem + .5vh);line-height:calc(1.8rem + .5vh)}.assessment-text-medium-18,.assessment-text-regular-18,.assessment-text-bold-18,.assessment-text-semibold-18,.assessment-text-light-18{font-size:calc(1rem + .1vh)!important;line-height:calc(1.6rem + .1vh)!important}.assessment-text-light-16,.assessment-text-bold-16{font-size:calc(.9rem + .3vh)!important;line-height:calc(1.2rem + .3vh)!important}.assessment-text-medium-16,.assessment-text-semibold-16,.assessment-text-regular-16{font-size:calc(.9rem + .2vh)!important;line-height:calc(1.4rem + .2vh)!important}.assessment-text-regular-15,.assessment-text-semibold-15,.assessment-text-bold-15,.assessment-text-light-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-15{font-size:calc(.8rem + .2vh);line-height:calc(1.27rem + .2vh)}.assessment-text-medium-12,.assessment-text-regular-12,.assessment-text-semibold-12,.assessment-text-bold-12,.assessment-text-medium-upper-12,.assessment-text-light-12{font-size:calc(.5rem + .4vh);line-height:calc(.8rem + .4vh)}.assessment-text-medium-14,.assessment-text-regular-14,.assessment-text-light-14,.assessment-text-medium-upper-14,.assessment-text-semibold-14,.assessment-text-bold-14{font-size:calc(.8rem + .1vh)!important;line-height:calc(1.2rem + .2vh)!important}.assessment-text-regular-13,.assessment-text-medium-13,.assessment-text-semibold-13,.assessment-text-bold-13,.assessment-text-light-13{font-size:calc(.7rem + .2vh)!important;line-height:calc(1rem + .3vh)!important}.assessment-text-regular-11,.assessment-text-medium-11,.assessment-text-semibold-11,.assessment-text-bold-11,.assessment-text-light-11{font-size:calc(.5rem + .2vh)!important;line-height:calc(.8rem + .2vh)!important}}.assessment-btn-primary{background-color:var(--assessment-primary-one);color:var(--assessment-white);border:.064rem solid var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two)}.assessment-btn-primary-transparent{background-color:var(--assessment-white);color:var(--assessment-primary-one);border-radius:var(--assessment-border-radius-two);border:.064rem solid var(--assessment-primary-one)}.assessment-zoom-animation{transition:transform .2s ease;transform:translateZ(0);text-rendering:optimizeLegibility}.assessment-zoom-animation:hover{transform:scale(1.03)}.assessment-zoom-animation:active{transform:scale(1)}.assessment-zoom-animation:disabled{transform:none!important}.change-direction{transform:rotate(180deg);transition:.3s ease-out}.change-direction-reverse{transform:rotate(0);transition:.3s ease-out}.outline-0{outline:none}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.action-icon{width:1.2rem}.mat-menu-item{height:inherit}.input-focus{overflow:hidden;text-overflow:ellipsis}.input-focus:focus-visible{border-bottom:var(--assessment-input-focus-border)!important}.one-line-truncate{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.height-without-footer{height:calc(100% - 4.4rem)!important}.question-container{transition:all .3s ease}.question-container:hover{box-shadow:var(--assessment-box-shadow-one);background-color:var(--assessment-palette-EDF3FD);border-color:var(--assessment-palette-C8DAF9)!important}.border-ADC9F6{border:.064rem solid var(--assessment-palette-ADC9F6)}.no-border{border-color:transparent!important}\n"], components: [{ type: i7.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i7.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i1$4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: QuestionDetailsComponent, selector: "lib-question-details", inputs: ["sectionQuestion", "question", "questionBank", "labelConfig", "imageConfig"], outputs: ["editQuestion", "duplicateQuestion", "deleteParentQuestion", "deleteChildQuestion"] }, { type: i8.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i9$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i9$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentMakerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-assessment-maker',
+                    templateUrl: './assessment-maker.component.html',
+                    styleUrls: ['./assessment-maker.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: AssessmentMakerService }, { type: AssessmentBuilderService }, { type: i1.MatDialog }]; }, propDecorators: { labelConfig: [{
+                type: Input
+            }], imageConfig: [{
+                type: Input
+            }], questionTypes: [{
+                type: Input
+            }], showFooter: [{
+                type: Input
+            }], customRules: [{
+                type: Input
+            }], assessmentId: [{
+                type: Input
+            }], assessmentInstanceId: [{
+                type: Input
+            }], defaultAssessmentDTO: [{
+                type: Input
+            }], assessmentIdChange: [{
+                type: Output
+            }], assessmentInstanceIdChange: [{
+                type: Output
+            }], snackbarMessage: [{
+                type: Output
+            }] } });
+
+class AssessmentMakerModule {
+}
+AssessmentMakerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentMakerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AssessmentMakerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentMakerModule, declarations: [AssessmentMakerComponent,
+        AddEditSectionIntroductionComponent,
+        AssessmentBuilderComponent,
+        QuestionDetailsComponent], imports: [CommonModule,
+        SharedModule,
+        MaterialModules,
+        FormsModule,
+        ReactiveFormsModule], exports: [AssessmentMakerComponent] });
+AssessmentMakerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentMakerModule, providers: [AssessmentMakerService], imports: [[
+            CommonModule,
+            SharedModule,
+            MaterialModules,
+            FormsModule,
+            ReactiveFormsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AssessmentMakerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AssessmentMakerComponent,
+                        AddEditSectionIntroductionComponent,
+                        AssessmentBuilderComponent,
+                        QuestionDetailsComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        SharedModule,
+                        MaterialModules,
+                        FormsModule,
+                        ReactiveFormsModule
+                    ],
+                    exports: [
+                        AssessmentMakerComponent
+                    ],
+                    providers: [AssessmentMakerService]
+                }]
+        }] });
+
+class CommonsAssessmentModule {
+    static forRoot(config) {
+        return {
+            ngModule: CommonsAssessmentModule,
+            providers: [
+                { provide: LIBRARY_CONFIG, useValue: config }
+            ],
+        };
+    }
+}
+CommonsAssessmentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommonsAssessmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CommonsAssessmentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommonsAssessmentModule, imports: [CommonModule] });
+CommonsAssessmentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommonsAssessmentModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CommonsAssessmentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of assessment-maker
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssessmentMakerComponent, AssessmentMakerModule, AssessmentTakerComponent, AssessmentTakerModule, CommonsAssessmentModule, deepClone, generateUuid };
+//# sourceMappingURL=commons-assessment.js.map