pcf-assessment-taker 0.1.13

package/fesm2020/pcf-assessment-taker.mjs

@@ -0,0 +1,1468 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Inject, Component, Input, NgModule, Pipe, EventEmitter, forwardRef, Output, ViewChild } from '@angular/core';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import { BehaviorSubject, startWith as startWith$1, map as map$1 } from 'rxjs';
+import * as i3 from '@angular/forms';
+import { FormControl, NG_VALUE_ACCESSOR, ControlContainer, NgForm, Validators, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1$2 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
+import * as i7 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i2$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i2$2 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i1$4 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i1$5 from '@angular/material/button-toggle';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import * as i1$6 from '@kolkov/angular-editor';
+import { AngularEditorModule } from '@kolkov/angular-editor';
+import { ENTER, COMMA, SEMICOLON } from '@angular/cdk/keycodes';
+import { startWith, map } from 'rxjs/operators';
+import * as i3$1 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i6 from '@angular/material/core';
+import { MatNativeDateModule } from '@angular/material/core';
+import * as i18 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+
+// configuration.ts
+const LIBRARY_CONFIG = new InjectionToken('LIBRARY_CONFIG');
+
+class AssessmentTakerService {
+    constructor(config, http) {
+        this.config = config;
+        this.http = http;
+        this.httpOptions = {
+            headers: new HttpHeaders({ 'Accept': 'application/json', 'Content-Type': 'application/json' })
+        };
+    }
+    getConfig() {
+        return this.config;
+    }
+    submitAssessmentQuestionPapers(assessmentPayload) {
+        const url = this.config?.environment?.baseURL + 'gateway/commons-assessment-service/api/v2/assessmentInstanceAssesses';
+        return this.http.post(url, JSON.stringify(assessmentPayload), this.httpOptions);
+    }
+    uploadAssessment(fileUploadPayload) {
+        const url = this.config?.environment?.baseURL + 'gateway/commons-assessment-service/api/v1/assessments/upload-assessment';
+        return this.http.post(url, fileUploadPayload, this.httpOptions);
+    }
+    getAssessmentQuestionPapers(instanceId) {
+        return this.http.get(this.config?.environment?.baseURL + 'gateway/commons-assessment-service/api/v2/assessmentQuestionPapers?instanceId=' + instanceId);
+    }
+    getAssessmentQuestions(instanceId, questionIds) {
+        return this.http.get(this.config?.environment?.baseURL + 'gateway/commons-assessment-service/api/v3/questions/questions/instance?instanceId=' + instanceId + '&questionIds=' + questionIds);
+    }
+    getChildQuestionsWithIdList(instanceId, questionIds) {
+        return this.http.get(this.config?.environment?.baseURL + 'gateway/commons-assessment-service/api/v3/questions/childquestion/instance?instanceId=' + instanceId + '&questionIds=' + questionIds);
+    }
+}
+AssessmentTakerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentTakerService, deps: [{ token: LIBRARY_CONFIG }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+AssessmentTakerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentTakerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentTakerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIBRARY_CONFIG]
+                }] }, { type: i1.HttpClient }]; } });
+
+class AssessmentIdService {
+    constructor() {
+        this.assessmentIdSource = new BehaviorSubject(null);
+        this.currentAssessmentId = this.assessmentIdSource.asObservable();
+    }
+    changeAssessmentId(id) {
+        this.assessmentIdSource.next(id);
+    }
+}
+AssessmentIdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AssessmentIdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentIdService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentIdService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class AssessmentTakerComponent {
+    constructor(service, assessmentIdService) {
+        this.service = service;
+        this.assessmentIdService = assessmentIdService;
+    }
+    ngOnInit() {
+        const config = this.service.getConfig();
+        this.assessmentIdService.changeAssessmentId(this.assessmentId);
+        console.log('Library Environment:', config, this.assessmentId);
+    }
+}
+AssessmentTakerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentTakerComponent, deps: [{ token: AssessmentTakerService }, { token: AssessmentIdService }], target: i0.ɵɵFactoryTarget.Component });
+AssessmentTakerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AssessmentTakerComponent, selector: "lib-assessment-taker", inputs: { assessmentId: "assessmentId" }, ngImport: i0, template: "\r\n<!-- <router-outlet></router-outlet> -->", styles: ["@import\"/assets/theme/_theme.scss\";@import\"/assets/theme/font.css\";@import\"/assets/theme/variables.css\";\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentTakerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-assessment-taker', template: "\r\n<!-- <router-outlet></router-outlet> -->", styles: ["@import\"/assets/theme/_theme.scss\";@import\"/assets/theme/font.css\";@import\"/assets/theme/variables.css\";\n"] }]
+        }], ctorParameters: function () { return [{ type: AssessmentTakerService }, { type: AssessmentIdService }]; }, propDecorators: { assessmentId: [{
+                type: Input
+            }] } });
+
+class LibInterceptor {
+    constructor(config) {
+        this.config = config;
+    }
+    intercept(req, next) {
+        if (req?.url?.includes('dev.platformcommons.org/gateway/commons-assessment-service')) {
+            let headers = req.headers;
+            headers = headers.set('X-SESSIONID', this.config?.token);
+            const modifiedReq = req.clone({ headers });
+            return next.handle(modifiedReq);
+        }
+        return next.handle(req);
+    }
+}
+LibInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LibInterceptor, deps: [{ token: LIBRARY_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+LibInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LibInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LibInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIBRARY_CONFIG]
+                }] }]; } });
+
+class AssessmentTakerModule {
+    static forRoot(config) {
+        return {
+            ngModule: AssessmentTakerModule,
+            providers: [
+                {
+                    provide: LIBRARY_CONFIG,
+                    useValue: config,
+                },
+                { provide: HTTP_INTERCEPTORS, useClass: LibInterceptor, multi: true }
+            ],
+        };
+    }
+}
+AssessmentTakerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentTakerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AssessmentTakerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentTakerModule, declarations: [AssessmentTakerComponent], imports: [HttpClientModule], exports: [AssessmentTakerComponent] });
+AssessmentTakerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentTakerModule, providers: [AssessmentTakerService], imports: [[
+            HttpClientModule,
+            // AssessmentTakerRoutingModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AssessmentTakerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AssessmentTakerComponent
+                    ],
+                    imports: [
+                        HttpClientModule,
+                        // AssessmentTakerRoutingModule
+                    ],
+                    exports: [
+                        AssessmentTakerComponent
+                    ],
+                    providers: [AssessmentTakerService],
+                }]
+        }] });
+
+class QuestSuccessComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+    }
+    ngOnInit() {
+    }
+    onClose() {
+        this.dialogRef.close({ event: 'close' });
+    }
+}
+QuestSuccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestSuccessComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+QuestSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestSuccessComponent, selector: "lib-quest-success", ngImport: i0, template: "\r\n<h2 mat-dialog-title>Thank You!</h2>\r\n<div mat-dialog-content> Your submission has been received.</div>\r\n<div mat-dialog-actions>\r\n  <button mat-button (click)=\"onClose()\">Close</button>\r\n</div>\r\n", styles: [""], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestSuccessComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-quest-success', template: "\r\n<h2 mat-dialog-title>Thank You!</h2>\r\n<div mat-dialog-content> Your submission has been received.</div>\r\n<div mat-dialog-actions>\r\n  <button mat-button (click)=\"onClose()\">Close</button>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1$1.MatDialogRef }]; } });
+
+class OrderByPipe {
+    transform(value, order = "asc") {
+        console.log(value);
+        return value.sort((a, b) => {
+            if (order === "desc") {
+                return b.orderNo - a.orderNo;
+            }
+            return a.orderNo - b.orderNo;
+        });
+    }
+}
+OrderByPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OrderByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+OrderByPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OrderByPipe, name: "orderBy" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OrderByPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'orderBy'
+                }]
+        }] });
+
+class QuestionTypeObjectiveComponent {
+    constructor() {
+        this.viewChild = new EventEmitter();
+        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));
+    }
+    onChildDataChanged(data) {
+        this.viewChild.emit(data);
+    }
+    optionDetection(obj) {
+        console.log("the object is " + JSON.stringify(obj));
+        let data = {
+            question: this.optionsList,
+            list: obj['childQuestionList']
+        };
+        console.log("the childList is " + JSON.stringify(data));
+        obj['childQuestionList']?.length ? this.viewChild.emit(data) : null;
+    }
+}
+QuestionTypeObjectiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeObjectiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeObjectiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeObjectiveComponent, selector: "lib-question-type-objective", inputs: { required: "required", optionsList: "optionsList" }, outputs: { viewChild: "viewChild" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeObjectiveComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<!-- <div class=\"question-parent-container\">\r\n    <div *ngFor=\"let question of assessmentQuestionsList; let i=index\">\r\n        <div class=\"question-num-text me-4\">\r\n                <p class=\"assessment-text-grey-nine assessment-text-semibold-18\">\r\n                    {{i+1}}.&nbsp;{{question.questionText[0]?.text}}\r\n                    <span class=\"mandatory\" *ngIf=\"question['isMandatory']\">*</span>\r\n                </p>\r\n        </div> -->\r\n        <!-- <span class=\"question-sub-text opacity-7\"\r\n            *ngIf=\"question.questionSubText[0].text!==''\" [innerHTML]=\"question.questionSubText[0].text\">\r\n        </span> -->\r\n        <!-- <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.OBJECTIVE'\">\r\n            <div class=\"radio-group\">\r\n                <label *ngFor=\"let option of question.defaultOptionsList\">\r\n                <input\r\n                    type=\"radio\"\r\n                    [name]=\"question.id\"  \r\n                    [value]=\"option.options.id\"\r\n                />\r\n                <span class=\"assessment-text-regular-18 mt-5\">{{ option.options.optionName[0]?.text }}</span>\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_SHORT'\">\r\n             <input *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_SHORT'\" \r\n                    [id]=\"'question_' + i\"\r\n                    rows=\"4\" class=\"input-tag\" placeholder=\"Enter your answer here\"/>\r\n        </div>\r\n        <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.DATE'\">\r\n            <div class=\"form-field content dpicker\">\r\n                <label for=\"datePickerInput\" class=\"sr-only\">Select Date</label>\r\n                <input \r\n                type=\"date\" \r\n                id=\"datePickerInput\"\r\n                class=\"answer-box-border p-3 dpickerInput\"\r\n                [placeholder]=\"'DATE-FORMAT'\"  \r\n                />\r\n            </div>  \r\n        </div>\r\n        <div class=\"divider\"></div>\r\n    </div>\r\n</div> -->\r\n\r\n<!-- <div class=\"radio-group\">\r\n    <label *ngFor=\"let option of optionsList.defaultOptionsList\">\r\n    <input\r\n        type=\"radio\" \r\n        [value]=\"option.options.id\"\r\n        [name]=\"optionsList.id\"\r\n    />\r\n    <span class=\"assessment-text-regular-18 mt-5\">{{ option.options.optionName[0]?.text }}</span>\r\n    </label>\r\n</div> -->\r\n<mat-radio-group\r\n  aria-labelledby=\"example-radio-group-label\"\r\n  [formControl]=\"formControl\" class=\"example-radio-group\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-radio-button class=\"example-radio-button\" (change)=\"optionDetection(option)\"\r\n        (viewChild)=\"onChildDataChanged($event)\" [value]=\"option.options\" \r\n        [required]=\"required\">{{ option.options.optionName[0]?.text }}</mat-radio-button>\r\n    </ng-container>\r\n</mat-radio-group>\r\n", styles: [""], components: [{ type: i1$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i1$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeObjectiveComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-objective', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeObjectiveComponent),
+                            multi: true,
+                        },
+                    ], template: "<!-- <div class=\"question-parent-container\">\r\n    <div *ngFor=\"let question of assessmentQuestionsList; let i=index\">\r\n        <div class=\"question-num-text me-4\">\r\n                <p class=\"assessment-text-grey-nine assessment-text-semibold-18\">\r\n                    {{i+1}}.&nbsp;{{question.questionText[0]?.text}}\r\n                    <span class=\"mandatory\" *ngIf=\"question['isMandatory']\">*</span>\r\n                </p>\r\n        </div> -->\r\n        <!-- <span class=\"question-sub-text opacity-7\"\r\n            *ngIf=\"question.questionSubText[0].text!==''\" [innerHTML]=\"question.questionSubText[0].text\">\r\n        </span> -->\r\n        <!-- <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.OBJECTIVE'\">\r\n            <div class=\"radio-group\">\r\n                <label *ngFor=\"let option of question.defaultOptionsList\">\r\n                <input\r\n                    type=\"radio\"\r\n                    [name]=\"question.id\"  \r\n                    [value]=\"option.options.id\"\r\n                />\r\n                <span class=\"assessment-text-regular-18 mt-5\">{{ option.options.optionName[0]?.text }}</span>\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_SHORT'\">\r\n             <input *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_SHORT'\" \r\n                    [id]=\"'question_' + i\"\r\n                    rows=\"4\" class=\"input-tag\" placeholder=\"Enter your answer here\"/>\r\n        </div>\r\n        <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.DATE'\">\r\n            <div class=\"form-field content dpicker\">\r\n                <label for=\"datePickerInput\" class=\"sr-only\">Select Date</label>\r\n                <input \r\n                type=\"date\" \r\n                id=\"datePickerInput\"\r\n                class=\"answer-box-border p-3 dpickerInput\"\r\n                [placeholder]=\"'DATE-FORMAT'\"  \r\n                />\r\n            </div>  \r\n        </div>\r\n        <div class=\"divider\"></div>\r\n    </div>\r\n</div> -->\r\n\r\n<!-- <div class=\"radio-group\">\r\n    <label *ngFor=\"let option of optionsList.defaultOptionsList\">\r\n    <input\r\n        type=\"radio\" \r\n        [value]=\"option.options.id\"\r\n        [name]=\"optionsList.id\"\r\n    />\r\n    <span class=\"assessment-text-regular-18 mt-5\">{{ option.options.optionName[0]?.text }}</span>\r\n    </label>\r\n</div> -->\r\n<mat-radio-group\r\n  aria-labelledby=\"example-radio-group-label\"\r\n  [formControl]=\"formControl\" class=\"example-radio-group\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-radio-button class=\"example-radio-button\" (change)=\"optionDetection(option)\"\r\n        (viewChild)=\"onChildDataChanged($event)\" [value]=\"option.options\" \r\n        [required]=\"required\">{{ option.options.optionName[0]?.text }}</mat-radio-button>\r\n    </ng-container>\r\n</mat-radio-group>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }], viewChild: [{
+                type: Output
+            }] } });
+
+class QuestionTypeShortComponent {
+    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));
+    }
+}
+QuestionTypeShortComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeShortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeShortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeShortComponent, selector: "lib-question-type-short", inputs: { optionsList: "optionsList", required: "required" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeShortComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: " <!-- <input \r\n    [id]=\"'question_'\"\r\n    rows=\"4\" class=\"input-tag\" placeholder=\"Enter your answer here!\" tooltip=\"FDFD FDS D AF \" title=\"Enter your answer here\" matTooltip='Permissions \"Disk\"'/> -->\r\n    <mat-form-field class=\"example-full-width\">\r\n      <input matInput [id]=\"optionsList.id\" [formControl]=\"formControl\" class=\"form-control\" placeholder=\"Enter your answer here\" [required]=\"required\">\r\n      <!-- <p *ngIf=\"f.shortAns.errors && (f.shortAns.touched || f.shortAns.dirty)\" class=\"text-danger\">\r\n        {{f.username.errors | json}}\r\n      </p> -->\r\n      <!-- <mat-hint style=\"color: red;\" *ngIf=\"!parentForm.controls['shortAns'].valid\">\r\n        Short answer is required\r\n      </mat-hint> -->\r\n      <!-- <div *ngIf=\"parentForm.controls['shortAns'].enabled === true && !parentForm.controls['shortAns'].valid\" class=\"validation-message\">\r\n        not valid\r\n    </div> -->\r\n    </mat-form-field>\r\n", styles: [".input-tag{font-family:assessment-Medium;font-size:14px;width:75%;border-left:none;border-right:none;border-top:none;outline:none;padding:.75rem}.input-tag:focus{border-color:#007bff}\n"], components: [{ type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeShortComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-short', viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeShortComponent),
+                            multi: true,
+                        },
+                    ], template: " <!-- <input \r\n    [id]=\"'question_'\"\r\n    rows=\"4\" class=\"input-tag\" placeholder=\"Enter your answer here!\" tooltip=\"FDFD FDS D AF \" title=\"Enter your answer here\" matTooltip='Permissions \"Disk\"'/> -->\r\n    <mat-form-field class=\"example-full-width\">\r\n      <input matInput [id]=\"optionsList.id\" [formControl]=\"formControl\" class=\"form-control\" placeholder=\"Enter your answer here\" [required]=\"required\">\r\n      <!-- <p *ngIf=\"f.shortAns.errors && (f.shortAns.touched || f.shortAns.dirty)\" class=\"text-danger\">\r\n        {{f.username.errors | json}}\r\n      </p> -->\r\n      <!-- <mat-hint style=\"color: red;\" *ngIf=\"!parentForm.controls['shortAns'].valid\">\r\n        Short answer is required\r\n      </mat-hint> -->\r\n      <!-- <div *ngIf=\"parentForm.controls['shortAns'].enabled === true && !parentForm.controls['shortAns'].valid\" class=\"validation-message\">\r\n        not valid\r\n    </div> -->\r\n    </mat-form-field>\r\n", styles: [".input-tag{font-family:assessment-Medium;font-size:14px;width:75%;border-left:none;border-right:none;border-top:none;outline:none;padding:.75rem}.input-tag:focus{border-color:#007bff}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { optionsList: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }] } });
+
+class QuestionTypeLongComponent {
+    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));
+    }
+}
+QuestionTypeLongComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeLongComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeLongComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeLongComponent, selector: "lib-question-type-long", inputs: { required: "required", optionsList: "optionsList", fieldAttributes: "fieldAttributes", config: "config" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeLongComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<mat-form-field class=\"example-full-width\">\r\n    <textarea matInput [formControl]=\"formControl\" class=\"form-check-input\" [name]=\"fieldAttributes.id\" placeholder=\"Enter your answer here\" [required]=\"required\"></textarea>\r\n  </mat-form-field>\r\n\r\n  <!-- <angular-editor [config]=\"config\" [formControl]=\"formControl\">\r\n    <ng-template #customButtons let-executeCommandFn=\"executeCommandFn\">\r\n        <ae-toolbar-set>\r\n          <ae-button iconClass=\"fa fa-html5\" title=\"Angular editor logo\" (buttonClick)=\"executeCommandFn('insertHtml', angularEditorLogo)\"></ae-button>\r\n        </ae-toolbar-set>\r\n      </ng-template>\r\n</angular-editor> -->", styles: [""], components: [{ type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.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: "13.3.12", ngImport: i0, type: QuestionTypeLongComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-long', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeLongComponent),
+                            multi: true,
+                        },
+                    ], template: "<mat-form-field class=\"example-full-width\">\r\n    <textarea matInput [formControl]=\"formControl\" class=\"form-check-input\" [name]=\"fieldAttributes.id\" placeholder=\"Enter your answer here\" [required]=\"required\"></textarea>\r\n  </mat-form-field>\r\n\r\n  <!-- <angular-editor [config]=\"config\" [formControl]=\"formControl\">\r\n    <ng-template #customButtons let-executeCommandFn=\"executeCommandFn\">\r\n        <ae-toolbar-set>\r\n          <ae-button iconClass=\"fa fa-html5\" title=\"Angular editor logo\" (buttonClick)=\"executeCommandFn('insertHtml', angularEditorLogo)\"></ae-button>\r\n        </ae-toolbar-set>\r\n      </ng-template>\r\n</angular-editor> -->", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }], fieldAttributes: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }] } });
+
+class QuestionTypeDateComponent {
+    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));
+    }
+}
+QuestionTypeDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeDateComponent, selector: "lib-question-type-date", inputs: { required: "required" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeDateComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<mat-form-field class=\"datesty\">\r\n    <mat-label>Choose a date</mat-label>\r\n    <input matInput [formControl]=\"formControl\" class=\"form-check-input\" [matDatepicker]=\"picker\" readonly [required]=\"required\">\r\n    <mat-hint>MM/DD/YYYY</mat-hint>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n    <mat-datepicker #picker></mat-datepicker>\r\n  </mat-form-field>", styles: [""], components: [{ type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i1$3.MatLabel, selector: "mat-label" }, { type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i1$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeDateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-date', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeDateComponent),
+                            multi: true,
+                        },
+                    ], template: "<mat-form-field class=\"datesty\">\r\n    <mat-label>Choose a date</mat-label>\r\n    <input matInput [formControl]=\"formControl\" class=\"form-check-input\" [matDatepicker]=\"picker\" readonly [required]=\"required\">\r\n    <mat-hint>MM/DD/YYYY</mat-hint>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n    <mat-datepicker #picker></mat-datepicker>\r\n  </mat-form-field>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }] } });
+
+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: "13.3.12", ngImport: i0, type: QuestionTypeNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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  </mat-form-field>\r\n", styles: [""], components: [{ type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.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: "13.3.12", ngImport: i0, type: QuestionTypeNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-number', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeNumberComponent),
+                            multi: true,
+                        },
+                    ], 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  </mat-form-field>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }] } });
+
+class QuestionTypeUploadFileComponent {
+    constructor() {
+        this.fileToUpload = null;
+        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));
+    }
+    handleFileInput(event) {
+        const files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
+        if (files.length > 0) {
+            const file = files[0];
+            this.formControl.patchValue({
+                fileSource: file
+            });
+        }
+    }
+}
+QuestionTypeUploadFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeUploadFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeUploadFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeUploadFileComponent, selector: "lib-question-type-upload-file", inputs: { required: "required" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeUploadFileComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<input \r\n[id]=\"'question_'\" type=\"file\" (change)=\"handleFileInput($event)\" class=\"input-tag\" placeholder=\"Upload File\" [required]=\"required\"/>\r\n<!-- \r\n<label for=\"formFile\" class=\"form-label\">Add file</label>\r\n       <input class=\"form-control\" type=\"file\" id=\"formFile\">\r\n       <button type=\"button\" class=\"btn btn-primary mt-3\"><mat-icon>file_upload</mat-icon></button> -->", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeUploadFileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-upload-file', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeUploadFileComponent),
+                            multi: true,
+                        },
+                    ], template: "<input \r\n[id]=\"'question_'\" type=\"file\" (change)=\"handleFileInput($event)\" class=\"input-tag\" placeholder=\"Upload File\" [required]=\"required\"/>\r\n<!-- \r\n<label for=\"formFile\" class=\"form-label\">Add file</label>\r\n       <input class=\"form-control\" type=\"file\" id=\"formFile\">\r\n       <button type=\"button\" class=\"btn btn-primary mt-3\"><mat-icon>file_upload</mat-icon></button> -->", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }] } });
+
+class QuestionTypeMultiselectComponent {
+    constructor() {
+        this.selectData = [];
+        this.formControl = new FormControl();
+    }
+    toggleSelection(event, data) {
+        if (event.checked) {
+            this.selectData.push(data);
+        }
+        else {
+            const i = this.selectData.findIndex(value => value.id == data.id);
+            this.selectData.splice(i, 1);
+        }
+        this.formControl.patchValue(this.selectData);
+    }
+    ;
+    writeValue(value) {
+        this.formControl.setValue(value);
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+}
+QuestionTypeMultiselectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeMultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeMultiselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeMultiselectComponent, selector: "lib-question-type-multiselect", inputs: { required: "required", optionsList: "optionsList" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeMultiselectComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<!-- <div class=\"checkbox-group\">\r\n    <label *ngFor=\"let option of optionsList.defaultOptionsList\">\r\n    <input\r\n        type=\"checkbox\" \r\n        [value]=\"option.options.id\"\r\n        [name]=\"optionsList.id\"\r\n    />\r\n    <span class=\"assessment-text-regular-18 mt-5\">{{ option.options.optionName[0]?.text }}</span>\r\n    </label>\r\n</div> -->\r\n<section class=\"example-section\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-checkbox class=\"form-check-input example-margin\" \r\n        (change)=\"toggleSelection($event,option.options)\"\r\n        [value]=\"option.options\" [required]=\"required\">{{ option.options.optionName[0]?.text }}</mat-checkbox>\r\n    </ng-container>\r\n</section>\r\n<!-- <ng-container\r\n    *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\"\r\n    [value]=\"option.options\"\r\n  >\r\n    <div (click)=\"optionClicked($event, option.options)\">\r\n      <mat-checkbox\r\n        (change)=\"toggleSelection(option.options)\"\r\n        (click)=\"$event.stopPropagation()\"\r\n      >\r\n        {{ option.options.optionName[0]?.text }}\r\n      </mat-checkbox>\r\n    </div>\r\n  </ng-container> -->", styles: [""], components: [{ type: i1$4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeMultiselectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-multiselect', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeMultiselectComponent),
+                            multi: true,
+                        },
+                    ], template: "<!-- <div class=\"checkbox-group\">\r\n    <label *ngFor=\"let option of optionsList.defaultOptionsList\">\r\n    <input\r\n        type=\"checkbox\" \r\n        [value]=\"option.options.id\"\r\n        [name]=\"optionsList.id\"\r\n    />\r\n    <span class=\"assessment-text-regular-18 mt-5\">{{ option.options.optionName[0]?.text }}</span>\r\n    </label>\r\n</div> -->\r\n<section class=\"example-section\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-checkbox class=\"form-check-input example-margin\" \r\n        (change)=\"toggleSelection($event,option.options)\"\r\n        [value]=\"option.options\" [required]=\"required\">{{ option.options.optionName[0]?.text }}</mat-checkbox>\r\n    </ng-container>\r\n</section>\r\n<!-- <ng-container\r\n    *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\"\r\n    [value]=\"option.options\"\r\n  >\r\n    <div (click)=\"optionClicked($event, option.options)\">\r\n      <mat-checkbox\r\n        (change)=\"toggleSelection(option.options)\"\r\n        (click)=\"$event.stopPropagation()\"\r\n      >\r\n        {{ option.options.optionName[0]?.text }}\r\n      </mat-checkbox>\r\n    </div>\r\n  </ng-container> -->", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }] } });
+
+class QuestionTypeRatingComponent {
+    constructor() {
+        this.formControl = new FormControl();
+    }
+    toggleSelection(data) {
+        //data.selected = !data.selected;
+        console.log(data);
+        this.formControl.patchValue(data);
+    }
+    ;
+    writeValue(value) {
+        this.formControl.setValue(value);
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+}
+QuestionTypeRatingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeRatingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeRatingComponent, selector: "lib-question-type-rating", inputs: { required: "required", optionsList: "optionsList" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeRatingComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<mat-button-toggle-group\r\n    appearance=\"legacy\" class=\"custmattog\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-button-toggle (change)=\"toggleSelection(option.options)\" value=\"{{option.options.id}}\">\r\n            {{ option.options.optionName[0]?.text }}</mat-button-toggle>\r\n    </ng-container>\r\n</mat-button-toggle-group>", styles: [""], components: [{ type: i1$5.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }], directives: [{ type: i1$5.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeRatingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-rating', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeRatingComponent),
+                            multi: true,
+                        },
+                    ], template: "<mat-button-toggle-group\r\n    appearance=\"legacy\" class=\"custmattog\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-button-toggle (change)=\"toggleSelection(option.options)\" value=\"{{option.options.id}}\">\r\n            {{ option.options.optionName[0]?.text }}</mat-button-toggle>\r\n    </ng-container>\r\n</mat-button-toggle-group>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }] } });
+
+const ANGULAR_EDITOR_LOGO_URL = 'http://localhost:4200/assets/images/new_tooltip.jpg?raw=true';
+class QuestionTypeEditorComponent {
+    constructor() {
+        this.angularEditorLogo = `<img alt="angular editor logo" src="${ANGULAR_EDITOR_LOGO_URL}">`;
+        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));
+    }
+}
+QuestionTypeEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeEditorComponent, selector: "lib-question-type-editor", inputs: { required: "required", optionsList: "optionsList", fieldAttributes: "fieldAttributes", config: "config" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeEditorComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<angular-editor [config]=\"config\" [formControl]=\"formControl\" [required]=\"required\">\r\n  <ng-template #customButtons let-executeCommandFn=\"executeCommandFn\">\r\n      <ae-toolbar-set>\r\n        <ae-button iconClass=\"fa fa-html5\" title=\"Angular editor logo\" (buttonClick)=\"executeCommandFn('insertHtml', angularEditorLogo)\"></ae-button>\r\n      </ae-toolbar-set>\r\n    </ng-template>\r\n</angular-editor>\r\n", styles: [""], components: [{ type: i1$6.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }, { type: i1$6.AeToolbarSetComponent, selector: "ae-toolbar-set" }, { type: i1$6.AeButtonComponent, selector: "ae-button", inputs: ["iconClass", "title"], outputs: ["buttonClick"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.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: "13.3.12", ngImport: i0, type: QuestionTypeEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-editor', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeEditorComponent),
+                            multi: true,
+                        },
+                    ], template: "<angular-editor [config]=\"config\" [formControl]=\"formControl\" [required]=\"required\">\r\n  <ng-template #customButtons let-executeCommandFn=\"executeCommandFn\">\r\n      <ae-toolbar-set>\r\n        <ae-button iconClass=\"fa fa-html5\" title=\"Angular editor logo\" (buttonClick)=\"executeCommandFn('insertHtml', angularEditorLogo)\"></ae-button>\r\n      </ae-toolbar-set>\r\n    </ng-template>\r\n</angular-editor>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }], fieldAttributes: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }] } });
+
+class QuestionTypeSearchableTagComponent {
+    constructor(dialog) {
+        this.dialog = dialog;
+        this.visible = true;
+        this.selectable = true;
+        this.removable = true;
+        this.separatorKeysCodes = [ENTER, COMMA, SEMICOLON, 188];
+        this.formControl = new FormControl();
+        this.options = [];
+        this.allOptions = ["Lemon", "Lime", "Orange", "Strawberry"];
+        this.filteredOptions = this.formControl.valueChanges.pipe(startWith(null), map((option) => option ? this._filter(option) : this.allOptions.slice()));
+    }
+    writeValue(value) {
+        this.formControl.setValue(value);
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    add(event) {
+        const input = event.input;
+        const value = event.value;
+        // Add our option
+        if ((value || "").trim()) {
+            this.options.push(value.trim());
+        }
+        // Reset the input value
+        if (input) {
+            input.value = "";
+        }
+        this.formControl.setValue(null);
+        this.updateControlValue();
+    }
+    remove(option) {
+        const index = this.options.indexOf(option);
+        if (index >= 0) {
+            this.options.splice(index, 1);
+        }
+        this.updateControlValue();
+    }
+    selected(event) {
+        this.options.push(event.option.viewValue);
+        this.optionInput.nativeElement.value = "";
+        this.formControl.setValue(null);
+        this.updateControlValue();
+    }
+    updateControlValue() {
+        this.formControl.patchValue(this.options);
+    }
+    openDialog(templateRef) {
+        this.dialog.open(templateRef);
+    }
+    _filter(value) {
+        const filterValue = value.toLowerCase();
+        return this.allOptions.filter(option => option.toLowerCase().indexOf(filterValue) === 0);
+    }
+}
+QuestionTypeSearchableTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeSearchableTagComponent, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeSearchableTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeSearchableTagComponent, selector: "lib-question-type-searchable-tag", inputs: { required: "required", optionsList: "optionsList", fieldAttributes: "fieldAttributes" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeSearchableTagComponent),
+            multi: true,
+        },
+    ], viewQueries: [{ propertyName: "optionInput", first: true, predicate: ["optionInput"], descendants: true }, { propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<mat-form-field class=\"example-chip-list\">\r\n  <mat-chip-list #chipList>\r\n    <mat-chip *ngFor=\"let option of options\" [selectable]=\"selectable\" [removable]=\"removable\"\r\n      (removed)=\"remove(option)\">\r\n      {{option}}\r\n      <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\r\n    </mat-chip>\r\n    <input placeholder=\"\" #optionInput [formControl]=\"formControl\" [required]=\"required\" [matAutocomplete]=\"auto\"\r\n      [matChipInputFor]=\"chipList\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n      (matChipInputTokenEnd)=\"add($event)\">\r\n  </mat-chip-list>\r\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\r\n    <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\r\n      {{option}}\r\n    </mat-option>\r\n  </mat-autocomplete>\r\n</mat-form-field>\r\n\r\n\r\n", styles: [""], components: [{ type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3$1.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.MatChipRemove, selector: "[matChipRemove]" }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i3$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], pipes: { "async": i7.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeSearchableTagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-searchable-tag', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeSearchableTagComponent),
+                            multi: true,
+                        },
+                    ], template: "<mat-form-field class=\"example-chip-list\">\r\n  <mat-chip-list #chipList>\r\n    <mat-chip *ngFor=\"let option of options\" [selectable]=\"selectable\" [removable]=\"removable\"\r\n      (removed)=\"remove(option)\">\r\n      {{option}}\r\n      <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\r\n    </mat-chip>\r\n    <input placeholder=\"\" #optionInput [formControl]=\"formControl\" [required]=\"required\" [matAutocomplete]=\"auto\"\r\n      [matChipInputFor]=\"chipList\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n      (matChipInputTokenEnd)=\"add($event)\">\r\n  </mat-chip-list>\r\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\r\n    <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\r\n      {{option}}\r\n    </mat-option>\r\n  </mat-autocomplete>\r\n</mat-form-field>\r\n\r\n\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }]; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }], fieldAttributes: [{
+                type: Input
+            }], optionInput: [{
+                type: ViewChild,
+                args: ["optionInput"]
+            }], matAutocomplete: [{
+                type: ViewChild,
+                args: ["auto"]
+            }] } });
+
+class QuestWizardComponent {
+    constructor(assessmentService, assessmentIdService, fb, dialog, cdr) {
+        this.assessmentService = assessmentService;
+        this.assessmentIdService = assessmentIdService;
+        this.fb = fb;
+        this.dialog = dialog;
+        this.cdr = cdr;
+        this.childQuestionBook = [];
+        this.editorName = "editorName";
+        this.tooltipText = '';
+        this.submitted = false;
+        // assessmentId: any
+        this.assessmentQuestionPapersList = new Array();
+        this.questionIds = {};
+        this.startDate = new Date();
+        this.group = {};
+        this.assessmentHeaderImage = 'https://dev.platformcommons.org/forms/assets/images/domain/assessment-placeholder-2.png';
+        this.sectionQuestions = {};
+        this.requestPayload = {};
+        this.config = {
+            editable: true,
+            spellcheck: true,
+            height: '15rem',
+            minHeight: '5rem',
+            placeholder: 'Enter text here...',
+            translate: 'no',
+            defaultParagraphSeparator: 'p',
+            defaultFontName: 'Arial',
+            toolbarHiddenButtons: [
+                ['bold']
+            ],
+            customClasses: [
+                {
+                    name: "quote",
+                    class: "quote",
+                },
+                {
+                    name: 'redText',
+                    class: 'redText'
+                },
+                {
+                    name: "titleText",
+                    class: "titleText",
+                    tag: "h1",
+                },
+            ]
+        };
+        this.formGroup = this.fb.group({});
+    }
+    ngOnChanges(changes) {
+        if (changes['assessmentId'] && !changes['assessmentId'].isFirstChange()) {
+            this.assessmentId = changes['assessmentId'].currentValue;
+            this.ngOnInit();
+        }
+    }
+    ngOnInit() {
+        // this.assessmentIdService.currentAssessmentId.subscribe(id => {
+        //   this.assessmentId = id
+        //   console.log(this.assessmentId)
+        // })
+        console.log(this.assessmentId);
+        if (this.assessmentId) {
+            this.getAssessmentDetails();
+        }
+        console.log(this.sectionQuestions);
+        // this.fb.group({
+        /* shortAns: ["", Validators.required],
+        longAns1: ["", Validators.required],
+        selDate: ["", Validators.required],
+        numberAns: ["", Validators.required],
+        multiSelectAns: ["", Validators.required],
+        multiSubAns: ["", Validators.required],
+        objSubAns: ["", Validators.required] */
+        // });
+    }
+    get f() {
+        return this.formGroup.controls;
+    }
+    submitTask() {
+        this.formGroup.markAllAsTouched();
+        if (this.formGroup.valid) {
+            console.log(this.formGroup.value);
+            this.requestPayload = {
+                "aiadefaultResponseList": [],
+                "assessmentInstance": {
+                    /* assessment: this.assessmentQuestionPapersList.assessment,
+                    asmtInstDesc: this.assessmentQuestionPapersList.aqpDesc,
+                    asmtInstName: this.assessmentQuestionPapersList.aqpName, */
+                    /* scheduleStatus: {
+                      "code": "ASSESSMENT.PUBLISH",
+                      "description": "",
+                      "labels": [
+                          {
+                              "text": "Draft",
+                              "language": {
+                                  "code": "ENG"
+                              }
+                          }
+                      ],
+                      "refClass": {
+                          "code": "SCHEDULE_STATUS"
+                      }
+                  }, */ //assesmentSchema.scheduleStatus,
+                    /* confirmationDate: new Date(),// assesmentSchema.confirmationDate,
+                    endDate: new Date(),//assesmentSchema.endDate,
+                    startDate: this.startDate, */
+                    id: 145,
+                    /* tenant: this.assessmentQuestionPapersList.tenant,
+                    imageURL: "",//this.assessmentQuestionPapersList.imageURL,
+                    isPublic: true,//this.assessmentQuestionPapersList.isPublic,
+                    specificVisibility: false,//assesmentSchema.specificVisibility,
+                    editable: false,//assesmentSchema.editable,
+                    author: "Aashish Zenform",//assesmentSchema.author,
+                    tenantId: this.assessmentQuestionPapersList.tenantId,
+                    isActive: true,//assesmentSchema.isActive,
+                    createdAt: this.assessmentQuestionPapersList.createdAt,
+                    createdBy: this.assessmentQuestionPapersList.createdBy,
+                    uuid: this.assessmentQuestionPapersList.uuid */
+                },
+                assessor: {
+                    actorId: "0",
+                    actorType: "ACTOR_TYPE.BRIDGE_USER",
+                    id: 0,
+                    isActive: true,
+                    tenant: "0"
+                },
+                "id": 0,
+                "isActive": true,
+                "tenant": "0",
+                "assessedForEntityId": "303906",
+                "assessedForEntityType": "ACTOR_TYPE.BRIDGE_USER",
+                "assessee": {
+                    actorId: "303906",
+                    actorType: "ACTOR_TYPE.BRIDGE_USER",
+                    id: 0,
+                    isActive: true,
+                    tenant: "0"
+                }
+            };
+            this.assessmentQuestionPapersList?.questionPaperSectionList.forEach((section, index) => {
+                section.sectionQuestionsList.sort((a, b) => a.orderNo - b.orderNo).forEach((ques, qindex) => {
+                    var questionResponseObj = {};
+                    const questionDetails = this.sectionQuestions[0].find(i => i.id === ques.questionId);
+                    if (questionDetails?.questionType.code === "QUESTION_TYPE.OBJECTIVE" || questionDetails?.questionType.code === "QUESTION_TYPE.SCALE_RATING") {
+                        const defaultOptions = questionDetails.defaultOptionsList;
+                        questionResponseObj = { optionId: defaultOptions?.find(i => i.options.id === this.formGroup.value[ques.questionId].id)?.options };
+                    }
+                    else if (questionDetails?.questionType.code === "QUESTION_TYPE.MULTISELECT") {
+                        const defaultOptions = questionDetails.defaultOptionsList;
+                        const drobjectiveresponseList = [];
+                        this.formGroup.value[ques.questionId]?.forEach((opt) => {
+                            const selectedOptions = defaultOptions.find(i => i.options.id === opt.id);
+                            drobjectiveresponseList.push({
+                                id: 0,
+                                defaultOption: selectedOptions
+                            });
+                        });
+                        questionResponseObj = {
+                            drobjectiveresponseList
+                        };
+                    }
+                    else if (questionDetails?.questionType.code === "QUESTION_TYPE.MULTISELECT_SUBJECTIVE") {
+                        const defaultOptions = questionDetails.defaultOptionsList;
+                        const drobjectiveresponseList = [];
+                        this.formGroup.value[`${ques.questionId}_objective`]?.forEach((opt) => {
+                            const selectedOptions = defaultOptions.find(i => i.options.id === opt.id);
+                            drobjectiveresponseList.push({
+                                id: 0,
+                                defaultOption: selectedOptions
+                            });
+                        });
+                        questionResponseObj = {
+                            drobjectiveresponseList,
+                            drsubjectiveresponseList: [
+                                {
+                                    id: 0,
+                                    responseText: this.formGroup.value[`${ques.questionId}_subjective`]
+                                }
+                            ]
+                        };
+                    }
+                    else if (questionDetails?.questionType.code === "QUESTION_TYPE.OBJECTIVE_SUBJECTIVE") {
+                        const defaultOptions = questionDetails.defaultOptionsList;
+                        questionResponseObj = {
+                            optionId: defaultOptions?.find(i => i.options.id === this.formGroup.value[`${ques.questionId}_objective`].id)?.options,
+                            drsubjectiveresponseList: [
+                                {
+                                    id: 0,
+                                    responseText: this.formGroup.value[`${ques.questionId}_subjective`]
+                                }
+                            ]
+                        };
+                    }
+                    else if (questionDetails?.questionType.code === "QUESTION_TYPE.FILE_UPLOAD") {
+                        let formData = new FormData();
+                        /* let maxDepth=123;
+                        const fileData = this.formGroup.value[ques.questionId];
+                        let file: File = fileData.fileSourc;
+                        formData.append('file', file);
+                        
+                        this.assessmentService.uploadAssessment(formData).subscribe(response => {
+                          console.log(response);
+                         // if (response != '') {}
+                        }); */
+                        questionResponseObj = {
+                            drsubjectiveresponseList: [
+                                {
+                                    id: 0,
+                                    responseText: ''
+                                }
+                            ]
+                        };
+                    }
+                    else {
+                        questionResponseObj = {
+                            drsubjectiveresponseList: [
+                                {
+                                    id: 0,
+                                    responseText: this.formGroup.value[ques.questionId]
+                                    //  responseText: "test"
+                                }
+                            ]
+                        };
+                    }
+                    // if (questionDetails?.questionSubtype.code === "QUESTION_SUB_TYPE.SUBJECTIVE") {
+                    this.requestPayload.aiadefaultResponseList.push({
+                        ...questionResponseObj,
+                        "id": 0,
+                        "isActive": true,
+                        "sectionQuestion": {
+                            id: ques.id,
+                            isActive: ques.isActive,
+                            orderNo: ques.orderNo,
+                            questionId: ques.questionId,
+                            questionNumber: ques.questionNumber,
+                            tenant: ques.tenant,
+                            secQuestDesc: ques.secQuestDesc
+                        },
+                        "tenant": "0"
+                    });
+                    // }
+                });
+            });
+            this.assessmentService.submitAssessmentQuestionPapers(this.requestPayload).subscribe(response => {
+                console.log(response);
+                if (response != '') {
+                    const dialogRef = this.dialog.open(QuestSuccessComponent, {
+                        data: {
+                            assesmentInstId: 'data'
+                        },
+                        disableClose: true
+                    });
+                    dialogRef.afterClosed().subscribe((result) => {
+                        if (result?.event == 'close') {
+                            window.location.reload();
+                        }
+                    });
+                }
+            });
+            console.log(this.requestPayload);
+        }
+        else {
+            console.log("invalid  form values");
+        }
+    }
+    getAssessmentDetails() {
+        this.assessmentService.getAssessmentQuestionPapers(this.assessmentId).subscribe({
+            next: (data) => {
+                this.assessmentQuestionPapersList = data?.[0];
+                this.assessmentQuestionPapersList?.questionPaperSectionList.forEach((qps, index) => {
+                    let questionIds = qps?.sectionQuestionsList.map((sectionQuestion) => sectionQuestion?.questionId);
+                    this.questionIds[index] = questionIds;
+                    this.getQuestions(this.assessmentId, questionIds, index);
+                });
+            }
+        });
+        console.log(this.sectionQuestions);
+    }
+    getSectionQuestionIds(section) {
+        return section?.sectionQuestionsList?.map((question) => question.questionId) || [];
+    }
+    showTooltip(data) {
+        if (data === null || data.match(/^ *$/) !== null) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+    getTooltipText(data) {
+        return data.replace(/<[^>]*>/g, '');
+    }
+    isQuestionPresentInBank(id) {
+        return this.childQuestionBook.findIndex((prev) => prev.questionId == id);
+    }
+    getchildQuesfrmBook(id) {
+        return this.childQuestionBook.find((child) => child.questionId == id);
+    }
+    getQuestions(assessmentId, questionIdList, index) {
+        this.assessmentService.getAssessmentQuestions(assessmentId, questionIdList).subscribe({
+            next: (questionsList) => {
+                let childQuesList = []; //objective type questions 
+                this.finalQuestionList = questionsList;
+                this.sectionQuestions[index] = this.finalQuestionList;
+                console.log('Updated sectionQuestions:', this.sectionQuestions);
+                if (this.sectionQuestions && this.sectionQuestions[index]) {
+                    for (var ques of this.sectionQuestions[index]) {
+                        if (ques?.questionType.code === "QUESTION_TYPE.OBJECTIVE_SUBJECTIVE" || ques?.questionType.code === "QUESTION_TYPE.MULTISELECT_SUBJECTIVE") {
+                            this.group[`${ques.id}_objective`] = new FormControl(null, [Validators.required]);
+                            this.group[`${ques.id}_subjective`] = new FormControl(null, [Validators.required]);
+                        }
+                        else if (ques?.questionType.code === "QUESTION_TYPE.OBJECTIVE" ||
+                            ques?.questionType.code === "QUESTION_TYPE.SUBJECTIVE_SHORT" ||
+                            ques?.questionType.code === "QUESTION_TYPE.SUBJECTIVE_LONG" ||
+                            ques?.questionType.code === "QUESTION_TYPE.DATE" ||
+                            ques?.questionType.code === "QUESTION_TYPE.NUMBER" ||
+                            ques?.questionType.code === "QUESTION_TYPE.FILE_UPLOAD" ||
+                            ques?.questionType.code === "QUESTION_TYPE.MULTISELECT" ||
+                            ques?.questionType.code === "QUESTION_TYPE.SCALE_RATING" ||
+                            ques?.questionType.code === "QUESTION_TYPE.SUBJECTIVE_RICH_TEXT" ||
+                            ques?.questionType.code === "QUESTION_TYPE.SEARCHABLE_INPUT_MDM") {
+                            this.group[ques.id] = new FormControl(null, [Validators.required]);
+                        }
+                        else {
+                        }
+                    }
+                    //  this.group[this.editorName] = new FormControl(null, [Validators.required])
+                    //  this.group[this.formGroupName] = new FormGroup(this.group1)
+                }
+                this.formGroup = new FormGroup(this.group);
+                this.startDate = new Date();
+                //objective type questions 
+                questionsList.forEach((item) => {
+                    if (item.questionType.code === "QUESTION_TYPE.OBJECTIVE") {
+                        item.defaultOptionsList.forEach((option) => {
+                            option.childQuestionList?.forEach((id) => {
+                                if (this.isQuestionPresentInBank(id) == -1 && !childQuesList.includes(id)) {
+                                    childQuesList.push(id);
+                                }
+                            });
+                        });
+                    }
+                });
+                if (childQuesList.length) {
+                    this.fetchChildQues(childQuesList);
+                }
+            }
+        });
+    }
+    configureChild(event) {
+        let childList = event.list;
+        let root_question = event.question;
+        let child;
+        if (childList.length > 0) {
+            childList.forEach((id) => {
+                child = this.getchildQuesfrmBook(id);
+                //add control here
+                this.group[child.question.id] = new FormControl(null, [Validators.required]);
+                this.formGroup = new FormGroup(this.group);
+            });
+        }
+        this.finalQuestionList.forEach((question) => {
+            if (question.id === root_question.id) {
+                if (!this.finalQuestionList.includes(child.question)) {
+                    this.finalQuestionList.splice(this.finalQuestionList.indexOf(question) + 1, 0, child.question);
+                }
+            }
+        });
+        this.cdr.detectChanges();
+        console.log('finalquestionlist' + JSON.stringify(this.finalQuestionList));
+    }
+    fetchChildQues(childQuesList) {
+        this.assessmentService.getChildQuestionsWithIdList(this.assessmentId, childQuesList).subscribe((response) => {
+            let questionList = response;
+            childQuesList = [];
+            questionList.forEach((item) => {
+                item['userResponse'] = '';
+                item['multiSelectResponse'] = '';
+                this.childQuestionBook.push({
+                    question: item,
+                    questionId: item.id,
+                    isMandatory: true
+                });
+                if (item.questionType.code === "QUESTION_TYPE.OBJECTIVE") {
+                    item.defaultOptionsList.forEach((option) => {
+                        option.childQuestionList?.forEach((id) => {
+                            if (this.isQuestionPresentInBank(id) == -1 && !childQuesList.includes(id)) {
+                                childQuesList.push(id);
+                            }
+                        });
+                    });
+                }
+            });
+            if (childQuesList.length) {
+                this.fetchChildQues(childQuesList);
+            }
+        }, (error) => {
+            console.error('Error fetching child questions:', error);
+            throw error;
+        });
+    }
+    scrollToSection(index) {
+        const section = document.getElementById(`section-${index}`);
+        section?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+}
+QuestWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestWizardComponent, deps: [{ token: AssessmentTakerService }, { token: AssessmentIdService }, { token: i3.FormBuilder }, { token: i1$1.MatDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+QuestWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestWizardComponent, selector: "lib-quest-wizard", inputs: { assessmentId: "assessmentId" }, usesOnChanges: true, ngImport: i0, template: "<link id=\"variableThemeLink\" rel=\"stylesheet\" href=\"../../../assets/theme/variables.css\">\r\n<div class=\"questions-container\">\r\n    <img src=\"assets/images/assessment-placeholder-2.png\" class=\"cover-image\" />\r\n    <div *ngIf=\"assessmentQuestionPapersList\" class=\"questions-body-container\">\r\n        <form class=\"form\" [formGroup]=\"formGroup\" (ngSubmit)=\"submitTask()\" novalidate>\r\n            <ng-container *ngFor=\"let section of assessmentQuestionPapersList?.questionPaperSectionList; let i=index\" ><mat-chip class=\"chips-padding\" (click)=\"scrollToSection(i)\" >{{section?.qpsName[0]?.text}}</mat-chip></ng-container>\r\n            <ng-container *ngFor=\"let section of assessmentQuestionPapersList?.questionPaperSectionList; let i=index\" >\r\n                <div [id]=\"'section-' + i\" class=\"section-header\">\r\n                    <p class=\"section-header-text\">{{section?.qpsName[0]?.text}}</p>\r\n                </div>\r\n                <div *ngFor=\"let question of sectionQuestions[i]; let j=index\" class=\"answer-cube\">\r\n                    <p class=\"assessment-text-grey-nine assessment-text-semibold-18\">\r\n                        {{j+1}}.&nbsp;{{question.questionText[0]?.text}}\r\n                        <span class=\"mandatory\" *ngIf=\"question['isMandatory']\">*</span>\r\n                        <span class=\"tooltipspan\" *ngIf=\"showTooltip(question.questionSubText[0]?.text)\">\r\n                            <img src=\"assets/images/new_tooltip.jpg\" matTooltipClass=\"danger-tooltip\" matTooltipPosition=\"above\" class=\"tooltip-image\"\r\n                                matTooltip=\"{{question.questionSubText[0]?.text}}\" />\r\n                        </span>\r\n                    </p>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.OBJECTIVE'\">\r\n                        <lib-question-type-objective [optionsList]=\"question\" (viewChild)=\"configureChild($event)\"\r\n                        [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-objective>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_SHORT'\">\r\n                        <lib-question-type-short [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-short>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_LONG'\">\r\n                        <lib-question-type-long [formControlName]=\"question.id\" [fieldAttributes]=\"question\" [required]=\"true\"></lib-question-type-long>\r\n                        <!-- <lib-question-type-editor [formControlName]=\"question.id\" [config]=\"config\" fieldAttributes=\"question\" [required]=\"true\"></lib-question-type-editor> -->\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.DATE'\">\r\n                        <lib-question-type-date [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-date>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.NUMBER'\">\r\n                        <lib-question-type-number [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-number>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.FILE_UPLOAD'\">\r\n                        <lib-question-type-upload-file [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-upload-file>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.MULTISELECT'\">\r\n                        <lib-question-type-multiselect [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-multiselect>\r\n                    </div>\r\n                    <div class=\"answer-input\" \r\n                        *ngIf=\"question.questionType.code === 'QUESTION_TYPE.OBJECTIVE_SUBJECTIVE'\">\r\n                        <!-- <lib-question-type-objective-sub [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-objective-sub> -->\r\n                        <!-- <lib-question-type-objective-sub [optionsList]=\"question\" [formGroupName]=\"question.id\" [fieldAttributes]=\"question\" [required]=\"true\"></lib-question-type-objective-sub> -->\r\n                        <lib-question-type-objective [optionsList]=\"question\" formControlName=\"{{question.id}}_objective\" [required]=\"true\"></lib-question-type-objective>\r\n                        <lib-question-type-short [optionsList]=\"question\" formControlName=\"{{question.id}}_subjective\" [required]=\"true\"></lib-question-type-short>\r\n                    </div>\r\n                    <div class=\"answer-input\"\r\n                        *ngIf=\"question.questionType.code === 'QUESTION_TYPE.MULTISELECT_SUBJECTIVE'\">\r\n                        <!-- <lib-question-type-multiselect-sub [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-multiselect-sub> -->\r\n                        <lib-question-type-multiselect [optionsList]=\"question\" formControlName=\"{{question.id}}_objective\" [required]=\"true\"></lib-question-type-multiselect>\r\n                        <lib-question-type-short [optionsList]=\"question\" formControlName=\"{{question.id}}_subjective\" [required]=\"true\"></lib-question-type-short>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.SCALE_RATING'\">\r\n                        <lib-question-type-rating [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-rating>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_RICH_TEXT'\">\r\n                        <lib-question-type-editor [formControlName]=\"question.id\" [config]=\"config\" fieldAttributes=\"question\" [required]=\"true\"></lib-question-type-editor>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SEARCHABLE_INPUT_MDM'\">\r\n                        <lib-question-type-searchable-tag [optionsList]=\"question\" [formControlName]=\"question.id\" fieldAttributes=\"question\" [required]=\"true\"></lib-question-type-searchable-tag>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <section>\r\n                <div class=\"example-button-row\">\r\n                    <button mat-flat-button type=\"submit\"  [disabled]=\"!formGroup.valid\">Submit</button>\r\n                </div>\r\n            </section>\r\n        </form>\r\n    </div>\r\n</div>", styles: [".questions-container{width:66.66%;margin:auto;box-shadow:0 3px 6px #00000029}.chips-padding{margin:.125rem .313rem}.cover-image{width:100%;object-fit:cover}.section-header{padding-bottom:1rem;padding-top:2rem}.section-header-text{font-size:700;font-weight:24px}.questions-body-container{padding:2rem}.answer-cube{padding-bottom:2.5rem}.section-header{font-size:32px;font-weight:600}\n", ":root{--assessment-text-color: #1e1e1e;--assessment-text-secondary-color: #2e2e2e;--assessment-white: #ffffff;--assessment-black: #000000;--assessment-grey-nintyone: #00000045;--assessment-grey-ninty: #dadce04d;--assessment-grey-eighteen: #F5F5F5;--assessment-grey-seventeen: #495057;--assessment-grey-sixteen: #707070;--assessment-grey-fifteen: #0000000D;--assessment-grey-fourteen: #FDFDFD;--assessment-grey-thirteen: #505050;--assessment-grey-twelve: #d4d4d4;--assessment-grey-eleven: #eef2f7;--assessment-grey-ten: #202124;--assessment-grey-nine: #3c4043;--assessment-grey-eight: #5f6368;--assessment-grey-seven: #80868b;--assessment-grey-six: #9aa0a6;--assessment-grey-five: #bdc9d3;--assessment-grey-four: #dadce0;--assessment-grey-three: #e8eaed;--assessment-grey-two: #f1f3f4;--assessment-grey-one: #f8f9fa;--assessment-palette-one: #725cc6;--assessment-palette-two: #5941b54d;--assessment-palette-three: #52B6E0;--assessment-palette-four: #FE795B;--assessment-palette-five: #4D89EB33;--assessment-palette-six: #19CEA1;--assessment-palette-seven: #56C2BB;--assessment-palette-eight: #D7A5D1;--assessment-palette-nine: #725cc61a;--assessment-palette-nine: #106AD21A;--assessment-palette-ten: #894FD1;--assessment-palette-eleven: #EFBD3C;--assessment-palette-twelve: #3D77EE1A;--assessment-palette-thirteen: #F1F1F1;--assessment-palette-fourteen: #725CC61A;--assessment-palette-fifteen: #3D77EE;--assessment-palette-sixteen: #725CC667;--assessment-palette-seventeen: #0000000F;--assessment-palette-eighteen: #F8F8F8;--assessment-palette-ninteen: #e2e2e2;--assessment-palette-twenty: #0000001a;--assessment-palette-twentyone: #00000029;--assessment-palette-twentythree: #9266d533;--assessment-palette-twentyfour: #cbcbcb;--assessment-palette-twentyfive: #ced4da;--assessment-palette-twentysix: #687C97;--assessment-palette-twentyseven: #FDFDFD;--assessment-palette-twentyeight: #00000002;--assessment-palette-twentynine: #7070701A;--assessment-palette-thirty: #EEAE1D;--assessment-palette-thirtyone: #bababa;--assessment-palette-thirtytwo: #0e103f;--assessment-palette-thirtythree: #0e103f;--assessment-palette-thirtyfour: #ffae2c;--assessment-palette-thirtyfive: #565264;--assessment-palette-thirtysix: #B5E0FF;--assessment-palette-thirtyseven: #F9FBFD;--assessment-palette-thirtytwo: #70707033;--assessment-palette-thirtythree: #EDF2F6;--assessment-palette-thirtyeight:#FFC400;--assessment-palette-thirtynine:#FF9102;--assessment-palette-fourty:#F6F9FE;--assessment-palette-fourtyone:#ededed;--assessment-palette-fourtytwo:#E7646F;--assessment-palette-fourtythree:#F06E1D;--assessment-palette-fourtyfour:#8A9AED;--assessment-palette-fourtyfive:#F5C571;--assessment-palette-fourtysix:#DD6012;--assessment-palette-fourtyseven:#f5c5711a;--assessment-palette-fourtyeight:#44B179;--assessment-palette-thirtyeight: #FFC400;--assessment-palette-thirtynine: #FF9102;--assessment-palette-forty: #73B6EA;--assessment-palette-fortyone: #73B6EA1a;--assessment-palette-fortytwo:#ED6F66;--assessment-palette-fortythree:#ED6F661a;--assessment-palette-fortyfour:#35B8E0;--assessment-palette-fortyfive:#FF5B5B;--assessment-palette-fortysix:#FF3B30;--assessment-palette-fortyseven:#b0c256;--assessment-palette-fortyeight:#567ec2;--assessment-palette-fortynine:#8C8CFF;--assessment-palette-fifty:#F3F3FF;--assessment-palette-fiftyone:#A1BEFF;--assessment-palette-fiftytwo:#4D89EB10;--assessment-palette-fiftythree:#dcdcdc45;--assessment-palette-fiftyfour:#FCBE35;--assessment-palette-fiftyfive:#78C89F;--assessment-palette-fiftysix:#F5A570;--assessment-palette-fiftyseven:#F47D32;--assessment-palette-fiftyeight:#FDFBFBC4;--assessment-palette-fiftynine:#EBEDEE80;--assessment-palette-sixty:#343a40;--assessment-palette-sixtyone:#e5e7e9;--assessment-palette-sixtytwo:#858383;--assessment-palette-sixtythree:#757575;--assessment-palette-sixtyfour:#C6C6C6;--assessment-palette-sixtyfive:#7476ED;--assessment-palette-sixtysix:#2A50A4;--assessment-palette-sixtyseven:#5C87E4;--assessment-palette-sixtyeight:#FFFFFF1A;--assessment-palette-sixtynine:#FFFFFFA6;--assessment-palette-seventy:#00000080;--assessment-palette-seventyone:#0A0A0A;--assessment-palette-seventytwo:#333333;--assessment-palette-seventythree:#125DFF;--assessment-palette-seventyfour:#999999;--assessment-palette-seventyfive:#147AD6;--assessment-palette-seventysix:#979797;--assessment-palette-seventyseven:#8d8d8d;--assessment-palette-seventyeight: #323A46;--assessment-palette-seventynine: #dad7d7;--assessment-palette-eighty: #E56F8C;--assessment-palette-eightyone: #E85E4A;--assessment-palette-eightytwo: #87D1AD;--assessment-palette-eightythree: #F8C73B;--assessment-palette-eightyfour: #bdc1c6;--assessment-palette-eightyfive: #00000033;--assessment-palette-eightysix: #ffffffb3;--assessment-palette-eightyseven: #7d95c9;--assessment-palette-eightyeight: #7476ed1f;--assessment-palette-eightynine: #fafbff;--assessment-palette-ninety: #64c2db;--assessment-palette-ninetyone: #7476ed33;--assessment-palette-ninetytwo: #cccccc;--assessment-palette-ninetythree: #7476ed66;--assessment-palette-ninetyfour: #52b6e01a;--assessment-palette-ninetyfive: #0056b3;--assessment-palette-ninetysix: #F1F1FD;--assessment-palette-ninetyseven: #cbc6c6;--assessment-palette-ninetyeight: #007A86;--assessment-palette-ninetynine: #7476ED0F;--assessment-palette-hundred: #7476ED80;--assessment-palette-onehundredone: #e0e0e0;--assessment-palette-onehundredtwo: #7fffd4;--assessment-palette-onehundredthree: #d3d3d3;--assessment-palette-onehundredfour: #1E2222;--assessment-palette-onehundredfive: #ffffff4d;--assessment-palette-onehundredsix: #7476ed1a;--assessment-palette-onehundredseven: #b0c4de;--assessment-palette-onehundredeight: #f7f7f7;--assessment-palette-onehundrednine: #D3E2FC;--assessment-palette-onehundredten: #FF3E58;--assessment-palette-onehundredeleven: #000000de;--assessment-palette-onehundredtwelve: #5D5D5D;--assessment-palette-onehundredthirteen: #04aa6d;--assessment-palette-onehundredfourteen: #D6DBDB;--assessment-palette-onehundredfifteen: #FEF5FF;--assessment-palette-onehundredsixteen: #11143D;--assessment-palette-onehundredseventeen: #b5b5b5;--assessment-palette-onehundredeighteen: #62B79A;--assessment-palette-onehundrednighteen:#E73A2C;--assessment-palette-onehundredtwenty:#FFCE7A;--assessment-palette-onehundredtwentyone:#0000001f;--assessment-palette-onehundredtwentytwo:#55AA7E;--assessment-palette-onehundredtwentythree:#7375ed4d;--assessment-red:#ff0000;--assessment-green: #008000;--assessment-blue:#0000ff;--assessment-dark-red: #E83628;--assessment-golden:#E9CC5A;--assessment-success: #34a853;--assessment-success-bg: #34a8531a;--assessment-success-secondary: #8bc34a;--assessment-success-secondary-bg: #8bc34a1a;--assessment-danger-two: #fff1f1;--assessment-danger: #ff5252;--assessment-danger-bg: #ff52521a;--assessment-warning: #ffa600;--assessment-warning-bg: #ffa6001a;--assessment-warm: #6b71e5;--assessment-link-text: #301f56;--assessment-warm-bg: #6b71e51a;--assessment-primary-light: #0091ff;--assessment-primary-light-bg: #0091ff1a;--assessment-secondary-bg: #f8f9fa;--assessment-placeholder-color: #e18a22;--assessment-primary-one: #4d89eb;--assessment-primary-two: #323a46;--assessment-primary-three: #00000014;--assessment-primary-four: #295EB7;--assessment-primary-five: #F2F7FF;--assessment-linear-gradient-one: transparent linear-gradient(180deg, #e2dafd 0%, #d6cbfc 100%) 0% 0% no-repeat padding-box;--assessment-linear-gradient-two: transparent linear-gradient(180deg, #F19B96 0%, #ED6F66 100%) no-repeat padding-box;--assessment-linear-gradient-three: transparent linear-gradient(180deg, #81D2F2 0%, #52B6E0 100%) 0% 0% no-repeat padding-box;--assessment-linear-gradient-four: transparent linear-gradient(180deg, #4D89EB 0%, #295EB7 100%) 0% 0% no-repeat padding-box;--assessment-box-shadow-one: 0px 3px 6px #00000008;--assessment-box-shadow-two: 0px 3px 6px #0000000f;--assessment-box-shadow-three: 0px 6px 12px #00000008;--assessment-box-shadow-four: 0px 6px 12px #0000000f;--assessment-box-shadow-five: 0px 0px 12px #0000000f;--assessment-box-shadow-six: 0px 2px 4px #0000001a;--assessment-box-shadow-seven: 0px 1px 5px #00000029;--assessment-box-shadow-eight: 0px 6px 6px #00000008;--assessment-box-shadow-nine: 0px 6px 12px #00000010;--assessment-box-shadow-ten: 0px 12px 22px #725cc614;--assessment-box-shadow-inset-one: inset 0px 0px 18px #0000001a;--assessment-border-radius-one: 4px;--assessment-border-radius-two: 8px;--assessment-border-radius-three: 10px;--assessment-border-radius-four: 12px;--assessment-border-radius-five: 16px;--assessment-border-radius-six: 20px;--assessment-border-radius-seven: 32px;--assessment-border-radius-rounded: 50%;--assessment-header-height: 5vh;--filter-purple:invert(42%) sepia(74%) saturate(692%) hue-rotate(205deg) brightness(100%) contrast(86%);--app-theme-based-color: #202124;--app-theme-based-one: #3c4043;--app-theme-based-two:#7476ED }.mat-dialog-actions{display:grid!important}.mat-dialog-title,.mat-dialog-content{text-align:center}.mat-dialog-actions button{background-color:var(--assessment-blue)!important;color:var(--assessment-danger-two)!important}::ng-deep .mat-mdc-tooltip{transform:scale(1.5)!important;position:relative!important}.danger-tooltip{background-color:var(--assessment-blue)!important;font-size:13px!important;font-weight:500;--mdc-plain-tooltip-container-color: var(--assessment-blue);--mdc-plain-tooltip-supporting-text-color: var(--assessment-danger-two) !important;--mdc-plain-tooltip-supporting-text-size: 13px;--mdc-plain-tooltip-supporting-text-weight: 500 !important;--mdc-plain-tooltip-supporting-text-tracing: .033333333em}.mat-tooltip{overflow:visible!important}.danger-tooltip:after{content:\"\";position:absolute;top:100%;left:50%;margin-left:-4px;border-width:5px;border-style:solid;border-color:var(--assessment-blue) transparent transparent transparent}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:var(--assessment-blue)!important}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:var(--assessment-blue)!important}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background:var(--assessment-blue)!important}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:var(--assessment-blue)!important}.example-button-row .mat-flat-button{color:var(--assessment-danger-two, var(--assessment-danger-two));background-color:var(--assessment-blue)}.example-button-row{display:table-cell;max-width:600px}.example-button-row .mat-mdc-button-base{margin:8px 8px 8px 0}.tooltip-image{display:inline-block;vertical-align:middle;width:15px;height:15px}.radimatc{margin-top:20px}.example-radio-button,.example-margin{display:block!important;margin:10px}.example-full-width{width:78%}.mat-button-toggle-checked{background-color:var(--assessment-blue)!important;color:var(--assessment-danger-two)!important}.custmattog{box-shadow:none!important}.mat-button-toggle{padding:5px;white-space:nowrap;position:relative;background-color:var(--assessment-grey-four);border-radius:20px;margin:5px;color:var(--assessment-black)}.textarea-tag{font-family:assessment-Medium;font-size:14px;width:75%;border-left:none;border-right:none;border-top:none;outline:none;padding:.75rem;border-bottom:2px solid rgb(118,118,118)}.textarea-tag:focus{border-color:var(--assessment-blue)}.input-tag{font-family:assessment-Medium;font-size:14px;width:75%;border-left:none;border-right:none;border-top:none;outline:none;padding:.75rem}.input-tag:focus{border-color:var(--assessment-blue)}.divider{display:flex;justify-content:center;align-items:center;width:100%;margin-top:2rem;margin-bottom:2rem}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:1rem}.datesty{width:78%}.datesty input{width:92%}\n"], components: [{ type: QuestionTypeObjectiveComponent, selector: "lib-question-type-objective", inputs: ["required", "optionsList"], outputs: ["viewChild"] }, { type: QuestionTypeShortComponent, selector: "lib-question-type-short", inputs: ["optionsList", "required"] }, { type: QuestionTypeLongComponent, selector: "lib-question-type-long", inputs: ["required", "optionsList", "fieldAttributes", "config"] }, { type: QuestionTypeDateComponent, selector: "lib-question-type-date", inputs: ["required"] }, { type: QuestionTypeNumberComponent, selector: "lib-question-type-number", inputs: ["required", "optionsList"] }, { type: QuestionTypeUploadFileComponent, selector: "lib-question-type-upload-file", inputs: ["required"] }, { type: QuestionTypeMultiselectComponent, selector: "lib-question-type-multiselect", inputs: ["required", "optionsList"] }, { type: QuestionTypeRatingComponent, selector: "lib-question-type-rating", inputs: ["required", "optionsList"] }, { type: QuestionTypeEditorComponent, selector: "lib-question-type-editor", inputs: ["required", "optionsList", "fieldAttributes", "config"] }, { type: QuestionTypeSearchableTagComponent, selector: "lib-question-type-searchable-tag", inputs: ["required", "optionsList", "fieldAttributes"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i18.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.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: "13.3.12", ngImport: i0, type: QuestWizardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-quest-wizard', template: "<link id=\"variableThemeLink\" rel=\"stylesheet\" href=\"../../../assets/theme/variables.css\">\r\n<div class=\"questions-container\">\r\n    <img src=\"assets/images/assessment-placeholder-2.png\" class=\"cover-image\" />\r\n    <div *ngIf=\"assessmentQuestionPapersList\" class=\"questions-body-container\">\r\n        <form class=\"form\" [formGroup]=\"formGroup\" (ngSubmit)=\"submitTask()\" novalidate>\r\n            <ng-container *ngFor=\"let section of assessmentQuestionPapersList?.questionPaperSectionList; let i=index\" ><mat-chip class=\"chips-padding\" (click)=\"scrollToSection(i)\" >{{section?.qpsName[0]?.text}}</mat-chip></ng-container>\r\n            <ng-container *ngFor=\"let section of assessmentQuestionPapersList?.questionPaperSectionList; let i=index\" >\r\n                <div [id]=\"'section-' + i\" class=\"section-header\">\r\n                    <p class=\"section-header-text\">{{section?.qpsName[0]?.text}}</p>\r\n                </div>\r\n                <div *ngFor=\"let question of sectionQuestions[i]; let j=index\" class=\"answer-cube\">\r\n                    <p class=\"assessment-text-grey-nine assessment-text-semibold-18\">\r\n                        {{j+1}}.&nbsp;{{question.questionText[0]?.text}}\r\n                        <span class=\"mandatory\" *ngIf=\"question['isMandatory']\">*</span>\r\n                        <span class=\"tooltipspan\" *ngIf=\"showTooltip(question.questionSubText[0]?.text)\">\r\n                            <img src=\"assets/images/new_tooltip.jpg\" matTooltipClass=\"danger-tooltip\" matTooltipPosition=\"above\" class=\"tooltip-image\"\r\n                                matTooltip=\"{{question.questionSubText[0]?.text}}\" />\r\n                        </span>\r\n                    </p>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.OBJECTIVE'\">\r\n                        <lib-question-type-objective [optionsList]=\"question\" (viewChild)=\"configureChild($event)\"\r\n                        [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-objective>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_SHORT'\">\r\n                        <lib-question-type-short [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-short>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_LONG'\">\r\n                        <lib-question-type-long [formControlName]=\"question.id\" [fieldAttributes]=\"question\" [required]=\"true\"></lib-question-type-long>\r\n                        <!-- <lib-question-type-editor [formControlName]=\"question.id\" [config]=\"config\" fieldAttributes=\"question\" [required]=\"true\"></lib-question-type-editor> -->\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.DATE'\">\r\n                        <lib-question-type-date [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-date>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.NUMBER'\">\r\n                        <lib-question-type-number [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-number>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.FILE_UPLOAD'\">\r\n                        <lib-question-type-upload-file [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-upload-file>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.MULTISELECT'\">\r\n                        <lib-question-type-multiselect [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-multiselect>\r\n                    </div>\r\n                    <div class=\"answer-input\" \r\n                        *ngIf=\"question.questionType.code === 'QUESTION_TYPE.OBJECTIVE_SUBJECTIVE'\">\r\n                        <!-- <lib-question-type-objective-sub [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-objective-sub> -->\r\n                        <!-- <lib-question-type-objective-sub [optionsList]=\"question\" [formGroupName]=\"question.id\" [fieldAttributes]=\"question\" [required]=\"true\"></lib-question-type-objective-sub> -->\r\n                        <lib-question-type-objective [optionsList]=\"question\" formControlName=\"{{question.id}}_objective\" [required]=\"true\"></lib-question-type-objective>\r\n                        <lib-question-type-short [optionsList]=\"question\" formControlName=\"{{question.id}}_subjective\" [required]=\"true\"></lib-question-type-short>\r\n                    </div>\r\n                    <div class=\"answer-input\"\r\n                        *ngIf=\"question.questionType.code === 'QUESTION_TYPE.MULTISELECT_SUBJECTIVE'\">\r\n                        <!-- <lib-question-type-multiselect-sub [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-multiselect-sub> -->\r\n                        <lib-question-type-multiselect [optionsList]=\"question\" formControlName=\"{{question.id}}_objective\" [required]=\"true\"></lib-question-type-multiselect>\r\n                        <lib-question-type-short [optionsList]=\"question\" formControlName=\"{{question.id}}_subjective\" [required]=\"true\"></lib-question-type-short>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question.questionType.code === 'QUESTION_TYPE.SCALE_RATING'\">\r\n                        <lib-question-type-rating [optionsList]=\"question\" [formControlName]=\"question.id\" [required]=\"true\"></lib-question-type-rating>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SUBJECTIVE_RICH_TEXT'\">\r\n                        <lib-question-type-editor [formControlName]=\"question.id\" [config]=\"config\" fieldAttributes=\"question\" [required]=\"true\"></lib-question-type-editor>\r\n                    </div>\r\n                    <div class=\"answer-input\" *ngIf=\"question?.questionType?.code === 'QUESTION_TYPE.SEARCHABLE_INPUT_MDM'\">\r\n                        <lib-question-type-searchable-tag [optionsList]=\"question\" [formControlName]=\"question.id\" fieldAttributes=\"question\" [required]=\"true\"></lib-question-type-searchable-tag>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <section>\r\n                <div class=\"example-button-row\">\r\n                    <button mat-flat-button type=\"submit\"  [disabled]=\"!formGroup.valid\">Submit</button>\r\n                </div>\r\n            </section>\r\n        </form>\r\n    </div>\r\n</div>", styles: [".questions-container{width:66.66%;margin:auto;box-shadow:0 3px 6px #00000029}.chips-padding{margin:.125rem .313rem}.cover-image{width:100%;object-fit:cover}.section-header{padding-bottom:1rem;padding-top:2rem}.section-header-text{font-size:700;font-weight:24px}.questions-body-container{padding:2rem}.answer-cube{padding-bottom:2.5rem}.section-header{font-size:32px;font-weight:600}\n", ":root{--assessment-text-color: #1e1e1e;--assessment-text-secondary-color: #2e2e2e;--assessment-white: #ffffff;--assessment-black: #000000;--assessment-grey-nintyone: #00000045;--assessment-grey-ninty: #dadce04d;--assessment-grey-eighteen: #F5F5F5;--assessment-grey-seventeen: #495057;--assessment-grey-sixteen: #707070;--assessment-grey-fifteen: #0000000D;--assessment-grey-fourteen: #FDFDFD;--assessment-grey-thirteen: #505050;--assessment-grey-twelve: #d4d4d4;--assessment-grey-eleven: #eef2f7;--assessment-grey-ten: #202124;--assessment-grey-nine: #3c4043;--assessment-grey-eight: #5f6368;--assessment-grey-seven: #80868b;--assessment-grey-six: #9aa0a6;--assessment-grey-five: #bdc9d3;--assessment-grey-four: #dadce0;--assessment-grey-three: #e8eaed;--assessment-grey-two: #f1f3f4;--assessment-grey-one: #f8f9fa;--assessment-palette-one: #725cc6;--assessment-palette-two: #5941b54d;--assessment-palette-three: #52B6E0;--assessment-palette-four: #FE795B;--assessment-palette-five: #4D89EB33;--assessment-palette-six: #19CEA1;--assessment-palette-seven: #56C2BB;--assessment-palette-eight: #D7A5D1;--assessment-palette-nine: #725cc61a;--assessment-palette-nine: #106AD21A;--assessment-palette-ten: #894FD1;--assessment-palette-eleven: #EFBD3C;--assessment-palette-twelve: #3D77EE1A;--assessment-palette-thirteen: #F1F1F1;--assessment-palette-fourteen: #725CC61A;--assessment-palette-fifteen: #3D77EE;--assessment-palette-sixteen: #725CC667;--assessment-palette-seventeen: #0000000F;--assessment-palette-eighteen: #F8F8F8;--assessment-palette-ninteen: #e2e2e2;--assessment-palette-twenty: #0000001a;--assessment-palette-twentyone: #00000029;--assessment-palette-twentythree: #9266d533;--assessment-palette-twentyfour: #cbcbcb;--assessment-palette-twentyfive: #ced4da;--assessment-palette-twentysix: #687C97;--assessment-palette-twentyseven: #FDFDFD;--assessment-palette-twentyeight: #00000002;--assessment-palette-twentynine: #7070701A;--assessment-palette-thirty: #EEAE1D;--assessment-palette-thirtyone: #bababa;--assessment-palette-thirtytwo: #0e103f;--assessment-palette-thirtythree: #0e103f;--assessment-palette-thirtyfour: #ffae2c;--assessment-palette-thirtyfive: #565264;--assessment-palette-thirtysix: #B5E0FF;--assessment-palette-thirtyseven: #F9FBFD;--assessment-palette-thirtytwo: #70707033;--assessment-palette-thirtythree: #EDF2F6;--assessment-palette-thirtyeight:#FFC400;--assessment-palette-thirtynine:#FF9102;--assessment-palette-fourty:#F6F9FE;--assessment-palette-fourtyone:#ededed;--assessment-palette-fourtytwo:#E7646F;--assessment-palette-fourtythree:#F06E1D;--assessment-palette-fourtyfour:#8A9AED;--assessment-palette-fourtyfive:#F5C571;--assessment-palette-fourtysix:#DD6012;--assessment-palette-fourtyseven:#f5c5711a;--assessment-palette-fourtyeight:#44B179;--assessment-palette-thirtyeight: #FFC400;--assessment-palette-thirtynine: #FF9102;--assessment-palette-forty: #73B6EA;--assessment-palette-fortyone: #73B6EA1a;--assessment-palette-fortytwo:#ED6F66;--assessment-palette-fortythree:#ED6F661a;--assessment-palette-fortyfour:#35B8E0;--assessment-palette-fortyfive:#FF5B5B;--assessment-palette-fortysix:#FF3B30;--assessment-palette-fortyseven:#b0c256;--assessment-palette-fortyeight:#567ec2;--assessment-palette-fortynine:#8C8CFF;--assessment-palette-fifty:#F3F3FF;--assessment-palette-fiftyone:#A1BEFF;--assessment-palette-fiftytwo:#4D89EB10;--assessment-palette-fiftythree:#dcdcdc45;--assessment-palette-fiftyfour:#FCBE35;--assessment-palette-fiftyfive:#78C89F;--assessment-palette-fiftysix:#F5A570;--assessment-palette-fiftyseven:#F47D32;--assessment-palette-fiftyeight:#FDFBFBC4;--assessment-palette-fiftynine:#EBEDEE80;--assessment-palette-sixty:#343a40;--assessment-palette-sixtyone:#e5e7e9;--assessment-palette-sixtytwo:#858383;--assessment-palette-sixtythree:#757575;--assessment-palette-sixtyfour:#C6C6C6;--assessment-palette-sixtyfive:#7476ED;--assessment-palette-sixtysix:#2A50A4;--assessment-palette-sixtyseven:#5C87E4;--assessment-palette-sixtyeight:#FFFFFF1A;--assessment-palette-sixtynine:#FFFFFFA6;--assessment-palette-seventy:#00000080;--assessment-palette-seventyone:#0A0A0A;--assessment-palette-seventytwo:#333333;--assessment-palette-seventythree:#125DFF;--assessment-palette-seventyfour:#999999;--assessment-palette-seventyfive:#147AD6;--assessment-palette-seventysix:#979797;--assessment-palette-seventyseven:#8d8d8d;--assessment-palette-seventyeight: #323A46;--assessment-palette-seventynine: #dad7d7;--assessment-palette-eighty: #E56F8C;--assessment-palette-eightyone: #E85E4A;--assessment-palette-eightytwo: #87D1AD;--assessment-palette-eightythree: #F8C73B;--assessment-palette-eightyfour: #bdc1c6;--assessment-palette-eightyfive: #00000033;--assessment-palette-eightysix: #ffffffb3;--assessment-palette-eightyseven: #7d95c9;--assessment-palette-eightyeight: #7476ed1f;--assessment-palette-eightynine: #fafbff;--assessment-palette-ninety: #64c2db;--assessment-palette-ninetyone: #7476ed33;--assessment-palette-ninetytwo: #cccccc;--assessment-palette-ninetythree: #7476ed66;--assessment-palette-ninetyfour: #52b6e01a;--assessment-palette-ninetyfive: #0056b3;--assessment-palette-ninetysix: #F1F1FD;--assessment-palette-ninetyseven: #cbc6c6;--assessment-palette-ninetyeight: #007A86;--assessment-palette-ninetynine: #7476ED0F;--assessment-palette-hundred: #7476ED80;--assessment-palette-onehundredone: #e0e0e0;--assessment-palette-onehundredtwo: #7fffd4;--assessment-palette-onehundredthree: #d3d3d3;--assessment-palette-onehundredfour: #1E2222;--assessment-palette-onehundredfive: #ffffff4d;--assessment-palette-onehundredsix: #7476ed1a;--assessment-palette-onehundredseven: #b0c4de;--assessment-palette-onehundredeight: #f7f7f7;--assessment-palette-onehundrednine: #D3E2FC;--assessment-palette-onehundredten: #FF3E58;--assessment-palette-onehundredeleven: #000000de;--assessment-palette-onehundredtwelve: #5D5D5D;--assessment-palette-onehundredthirteen: #04aa6d;--assessment-palette-onehundredfourteen: #D6DBDB;--assessment-palette-onehundredfifteen: #FEF5FF;--assessment-palette-onehundredsixteen: #11143D;--assessment-palette-onehundredseventeen: #b5b5b5;--assessment-palette-onehundredeighteen: #62B79A;--assessment-palette-onehundrednighteen:#E73A2C;--assessment-palette-onehundredtwenty:#FFCE7A;--assessment-palette-onehundredtwentyone:#0000001f;--assessment-palette-onehundredtwentytwo:#55AA7E;--assessment-palette-onehundredtwentythree:#7375ed4d;--assessment-red:#ff0000;--assessment-green: #008000;--assessment-blue:#0000ff;--assessment-dark-red: #E83628;--assessment-golden:#E9CC5A;--assessment-success: #34a853;--assessment-success-bg: #34a8531a;--assessment-success-secondary: #8bc34a;--assessment-success-secondary-bg: #8bc34a1a;--assessment-danger-two: #fff1f1;--assessment-danger: #ff5252;--assessment-danger-bg: #ff52521a;--assessment-warning: #ffa600;--assessment-warning-bg: #ffa6001a;--assessment-warm: #6b71e5;--assessment-link-text: #301f56;--assessment-warm-bg: #6b71e51a;--assessment-primary-light: #0091ff;--assessment-primary-light-bg: #0091ff1a;--assessment-secondary-bg: #f8f9fa;--assessment-placeholder-color: #e18a22;--assessment-primary-one: #4d89eb;--assessment-primary-two: #323a46;--assessment-primary-three: #00000014;--assessment-primary-four: #295EB7;--assessment-primary-five: #F2F7FF;--assessment-linear-gradient-one: transparent linear-gradient(180deg, #e2dafd 0%, #d6cbfc 100%) 0% 0% no-repeat padding-box;--assessment-linear-gradient-two: transparent linear-gradient(180deg, #F19B96 0%, #ED6F66 100%) no-repeat padding-box;--assessment-linear-gradient-three: transparent linear-gradient(180deg, #81D2F2 0%, #52B6E0 100%) 0% 0% no-repeat padding-box;--assessment-linear-gradient-four: transparent linear-gradient(180deg, #4D89EB 0%, #295EB7 100%) 0% 0% no-repeat padding-box;--assessment-box-shadow-one: 0px 3px 6px #00000008;--assessment-box-shadow-two: 0px 3px 6px #0000000f;--assessment-box-shadow-three: 0px 6px 12px #00000008;--assessment-box-shadow-four: 0px 6px 12px #0000000f;--assessment-box-shadow-five: 0px 0px 12px #0000000f;--assessment-box-shadow-six: 0px 2px 4px #0000001a;--assessment-box-shadow-seven: 0px 1px 5px #00000029;--assessment-box-shadow-eight: 0px 6px 6px #00000008;--assessment-box-shadow-nine: 0px 6px 12px #00000010;--assessment-box-shadow-ten: 0px 12px 22px #725cc614;--assessment-box-shadow-inset-one: inset 0px 0px 18px #0000001a;--assessment-border-radius-one: 4px;--assessment-border-radius-two: 8px;--assessment-border-radius-three: 10px;--assessment-border-radius-four: 12px;--assessment-border-radius-five: 16px;--assessment-border-radius-six: 20px;--assessment-border-radius-seven: 32px;--assessment-border-radius-rounded: 50%;--assessment-header-height: 5vh;--filter-purple:invert(42%) sepia(74%) saturate(692%) hue-rotate(205deg) brightness(100%) contrast(86%);--app-theme-based-color: #202124;--app-theme-based-one: #3c4043;--app-theme-based-two:#7476ED }.mat-dialog-actions{display:grid!important}.mat-dialog-title,.mat-dialog-content{text-align:center}.mat-dialog-actions button{background-color:var(--assessment-blue)!important;color:var(--assessment-danger-two)!important}::ng-deep .mat-mdc-tooltip{transform:scale(1.5)!important;position:relative!important}.danger-tooltip{background-color:var(--assessment-blue)!important;font-size:13px!important;font-weight:500;--mdc-plain-tooltip-container-color: var(--assessment-blue);--mdc-plain-tooltip-supporting-text-color: var(--assessment-danger-two) !important;--mdc-plain-tooltip-supporting-text-size: 13px;--mdc-plain-tooltip-supporting-text-weight: 500 !important;--mdc-plain-tooltip-supporting-text-tracing: .033333333em}.mat-tooltip{overflow:visible!important}.danger-tooltip:after{content:\"\";position:absolute;top:100%;left:50%;margin-left:-4px;border-width:5px;border-style:solid;border-color:var(--assessment-blue) transparent transparent transparent}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:var(--assessment-blue)!important}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:var(--assessment-blue)!important}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background:var(--assessment-blue)!important}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:var(--assessment-blue)!important}.example-button-row .mat-flat-button{color:var(--assessment-danger-two, var(--assessment-danger-two));background-color:var(--assessment-blue)}.example-button-row{display:table-cell;max-width:600px}.example-button-row .mat-mdc-button-base{margin:8px 8px 8px 0}.tooltip-image{display:inline-block;vertical-align:middle;width:15px;height:15px}.radimatc{margin-top:20px}.example-radio-button,.example-margin{display:block!important;margin:10px}.example-full-width{width:78%}.mat-button-toggle-checked{background-color:var(--assessment-blue)!important;color:var(--assessment-danger-two)!important}.custmattog{box-shadow:none!important}.mat-button-toggle{padding:5px;white-space:nowrap;position:relative;background-color:var(--assessment-grey-four);border-radius:20px;margin:5px;color:var(--assessment-black)}.textarea-tag{font-family:assessment-Medium;font-size:14px;width:75%;border-left:none;border-right:none;border-top:none;outline:none;padding:.75rem;border-bottom:2px solid rgb(118,118,118)}.textarea-tag:focus{border-color:var(--assessment-blue)}.input-tag{font-family:assessment-Medium;font-size:14px;width:75%;border-left:none;border-right:none;border-top:none;outline:none;padding:.75rem}.input-tag:focus{border-color:var(--assessment-blue)}.divider{display:flex;justify-content:center;align-items:center;width:100%;margin-top:2rem;margin-bottom:2rem}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:1rem}.datesty{width:78%}.datesty input{width:92%}\n"] }]
+        }], ctorParameters: function () { return [{ type: AssessmentTakerService }, { type: AssessmentIdService }, { type: i3.FormBuilder }, { type: i1$1.MatDialog }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { assessmentId: [{
+                type: Input
+            }] } });
+
+class QuestionTypeObjectiveSubComponent {
+    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));
+    }
+    SubjectiveInputOnChange(event) {
+        const val = this.formControl.value || {};
+        val.subjective = event.target.value;
+        this.formControl.patchValue(val);
+    }
+    ;
+    ObjectiveOnChange(event, data) {
+        const val = this.formControl.value || {};
+        val.objective = data.id;
+        this.formControl.patchValue(val);
+    }
+    ;
+}
+QuestionTypeObjectiveSubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeObjectiveSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeObjectiveSubComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeObjectiveSubComponent, selector: "lib-question-type-objective-sub", inputs: { required: "required", optionsList: "optionsList", fieldAttributes: "fieldAttributes" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeObjectiveSubComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<!-- <mat-radio-group aria-labelledby=\"example-radio-group-label\" class=\"example-radio-group\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-radio-button [formControl]=\"formControl\" class=\"example-radio-button\" [value]=\"option.options\">{{ option.options.optionName[0]?.text\r\n            }}</mat-radio-button>\r\n    </ng-container>\r\n</mat-radio-group> -->\r\n<mat-radio-group\r\n  aria-labelledby=\"example-radio-group-label\"\r\n \r\n  name=\"{{fieldAttributes.id}}[objective]\"\r\n  class=\"example-radio-group\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-radio-button  formControlName=\"objective\" class=\"example-radio-button\" (change)=\"ObjectiveOnChange($event, option.options)\" [value]=\"option.options\" [required]=\"required\">{{ option.options.optionName[0]?.text }}</mat-radio-button>\r\n    </ng-container>\r\n</mat-radio-group>\r\n<mat-form-field class=\"example-full-width radimatc\">\r\n    <input matInput formControlName=\"subjective\"\r\n    name=\"{{fieldAttributes.id}}[subjective]\" class=\"form-check-input\" placeholder=\"Enter your answer here\" [required]=\"required\" (change)=\"SubjectiveInputOnChange($event)\">\r\n</mat-form-field>\r\n", styles: [""], components: [{ type: i1$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeObjectiveSubComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-objective-sub', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeObjectiveSubComponent),
+                            multi: true,
+                        },
+                    ], template: "<!-- <mat-radio-group aria-labelledby=\"example-radio-group-label\" class=\"example-radio-group\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-radio-button [formControl]=\"formControl\" class=\"example-radio-button\" [value]=\"option.options\">{{ option.options.optionName[0]?.text\r\n            }}</mat-radio-button>\r\n    </ng-container>\r\n</mat-radio-group> -->\r\n<mat-radio-group\r\n  aria-labelledby=\"example-radio-group-label\"\r\n \r\n  name=\"{{fieldAttributes.id}}[objective]\"\r\n  class=\"example-radio-group\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-radio-button  formControlName=\"objective\" class=\"example-radio-button\" (change)=\"ObjectiveOnChange($event, option.options)\" [value]=\"option.options\" [required]=\"required\">{{ option.options.optionName[0]?.text }}</mat-radio-button>\r\n    </ng-container>\r\n</mat-radio-group>\r\n<mat-form-field class=\"example-full-width radimatc\">\r\n    <input matInput formControlName=\"subjective\"\r\n    name=\"{{fieldAttributes.id}}[subjective]\" class=\"form-check-input\" placeholder=\"Enter your answer here\" [required]=\"required\" (change)=\"SubjectiveInputOnChange($event)\">\r\n</mat-form-field>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }], fieldAttributes: [{
+                type: Input
+            }] } });
+
+class QuestionTypeMultiselectSubComponent {
+    constructor() {
+        this.selectData = [];
+        this.formControl = new FormControl();
+    }
+    toggleSelection(event, data) {
+        if (event.checked) {
+            this.selectData.push(data);
+        }
+        else {
+            const i = this.selectData.findIndex(value => value.id == data.id);
+            this.selectData.splice(i, 1);
+        }
+        this.formControl.patchValue(this.selectData);
+    }
+    ;
+    writeValue(value) {
+        this.formControl.setValue(value);
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+}
+QuestionTypeMultiselectSubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeMultiselectSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeMultiselectSubComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeMultiselectSubComponent, selector: "lib-question-type-multiselect-sub", inputs: { required: "required", optionsList: "optionsList" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeMultiselectSubComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<section class=\"example-section\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-checkbox\r\n        (change)=\"toggleSelection($event,option.options)\"\r\n        [value]=\"option.options.id\" \r\n        [required]=\"required\" \r\n        class=\"example-margin\">{{ option.options.optionName[0]?.text }}</mat-checkbox>\r\n    </ng-container>\r\n</section>\r\n<mat-form-field class=\"example-full-width\">\r\n    <input matInput [formControl]=\"formControl\" name=\"stortc\" class=\"form-check-input\" placeholder=\"Enter your answer here\" [required]=\"required\">\r\n</mat-form-field>", styles: [""], components: [{ type: i1$4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], pipes: { "orderBy": OrderByPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeMultiselectSubComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-multiselect-sub', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeMultiselectSubComponent),
+                            multi: true,
+                        },
+                    ], template: "<section class=\"example-section\">\r\n    <ng-container *ngFor=\"let option of optionsList.defaultOptionsList | orderBy\">\r\n        <mat-checkbox\r\n        (change)=\"toggleSelection($event,option.options)\"\r\n        [value]=\"option.options.id\" \r\n        [required]=\"required\" \r\n        class=\"example-margin\">{{ option.options.optionName[0]?.text }}</mat-checkbox>\r\n    </ng-container>\r\n</section>\r\n<mat-form-field class=\"example-full-width\">\r\n    <input matInput [formControl]=\"formControl\" name=\"stortc\" class=\"form-check-input\" placeholder=\"Enter your answer here\" [required]=\"required\">\r\n</mat-form-field>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }] } });
+
+class QuestionTypeAddDialogComponent {
+    constructor(dialog) {
+        this.dialog = dialog;
+        this.visible = true;
+        this.selectable = true;
+        this.removable = true;
+        this.separatorKeysCodes = [ENTER, 188];
+        this.formControl = new FormControl();
+        this.options = [];
+        this.allOptions = ["Lemon", "Lime", "Orange", "Strawberry"];
+        this.filteredOptions = this.formControl.valueChanges.pipe(startWith$1(null), map$1((option) => option ? this._filter(option) : this.allOptions.slice()));
+    }
+    writeValue(value) {
+        this.formControl.setValue(value);
+    }
+    registerOnChange(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    registerOnTouched(fn) {
+        this.formControl.valueChanges.subscribe((val) => fn(val));
+    }
+    add(event) {
+        const input = event.input;
+        const value = event.value;
+        // Add our option
+        if ((value || "").trim()) {
+            this.options.push(value.trim());
+        }
+        // Reset the input value
+        if (input) {
+            input.value = "";
+        }
+        this.formControl.setValue(null);
+        this.updateControlValue();
+    }
+    remove(option) {
+        const index = this.options.indexOf(option);
+        if (index >= 0) {
+            this.options.splice(index, 1);
+        }
+        this.updateControlValue();
+    }
+    selected(event) {
+        this.options.push(event.option.viewValue);
+        this.optionInput.nativeElement.value = "";
+        this.formControl.setValue(null);
+        this.updateControlValue();
+    }
+    updateControlValue() {
+        this.formControl.patchValue(this.options);
+    }
+    openDialog(templateRef) {
+        this.dialog.open(templateRef);
+    }
+    _filter(value) {
+        const filterValue = value.toLowerCase();
+        return this.allOptions.filter(option => option.toLowerCase().indexOf(filterValue) === 0);
+    }
+}
+QuestionTypeAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeAddDialogComponent, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: QuestionTypeAddDialogComponent, selector: "lib-question-type-add-dialog", inputs: { required: "required", optionsList: "optionsList", fieldAttributes: "fieldAttributes" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuestionTypeAddDialogComponent),
+            multi: true,
+        },
+    ], viewQueries: [{ propertyName: "optionInput", first: true, predicate: ["optionInput"], descendants: true }, { propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<div class=\"example-button-row\">\r\n    <button mat-flat-button (click)=\"openDialog(autoCompleteModal)\" type=\"button\">+ Add</button>\r\n  </div>\r\n  \r\n  <ng-template #autoCompleteModal let-data let-ref=\"dialogRef\" id=\"autoCompleteModal\">\r\n    <div class=\"def--modal\">\r\n      <div class=\"def--modal-title d-flex align-items-center\">\r\n        <h3 class=\"modal-title my-0\">Test\r\n          <mat-icon (click)=\"ref.close()\" class=\"float-right close close-icon-color close-icon\">close\r\n          </mat-icon>\r\n        </h3>\r\n      </div>\r\n      <div class=\"def--modal-spinner-div\">\r\n        fda fdas fa f dfa fda d fa afd\r\n      </div>\r\n    </div>\r\n  </ng-template>", styles: [""], components: [{ type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: QuestionTypeAddDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-question-type-add-dialog', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuestionTypeAddDialogComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"example-button-row\">\r\n    <button mat-flat-button (click)=\"openDialog(autoCompleteModal)\" type=\"button\">+ Add</button>\r\n  </div>\r\n  \r\n  <ng-template #autoCompleteModal let-data let-ref=\"dialogRef\" id=\"autoCompleteModal\">\r\n    <div class=\"def--modal\">\r\n      <div class=\"def--modal-title d-flex align-items-center\">\r\n        <h3 class=\"modal-title my-0\">Test\r\n          <mat-icon (click)=\"ref.close()\" class=\"float-right close close-icon-color close-icon\">close\r\n          </mat-icon>\r\n        </h3>\r\n      </div>\r\n      <div class=\"def--modal-spinner-div\">\r\n        fda fdas fa f dfa fda d fa afd\r\n      </div>\r\n    </div>\r\n  </ng-template>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }]; }, propDecorators: { required: [{
+                type: Input
+            }], optionsList: [{
+                type: Input
+            }], fieldAttributes: [{
+                type: Input
+            }], optionInput: [{
+                type: ViewChild,
+                args: ["optionInput"]
+            }], matAutocomplete: [{
+                type: ViewChild,
+                args: ["auto"]
+            }] } });
+
+class SharedComponentsModule {
+}
+SharedComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedComponentsModule, declarations: [OrderByPipe,
+        QuestionTypeObjectiveComponent,
+        QuestionTypeShortComponent,
+        QuestionTypeDateComponent,
+        QuestionTypeLongComponent,
+        QuestionTypeNumberComponent,
+        QuestionTypeUploadFileComponent,
+        QuestionTypeMultiselectComponent,
+        QuestionTypeObjectiveSubComponent,
+        QuestionTypeMultiselectSubComponent,
+        QuestionTypeRatingComponent,
+        QuestionTypeEditorComponent,
+        QuestionTypeSearchableTagComponent,
+        QuestionTypeAddDialogComponent], imports: [MatChipsModule,
+        MatAutocompleteModule,
+        AngularEditorModule,
+        FormsModule,
+        MatIconModule,
+        CommonModule,
+        ReactiveFormsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatDatepickerModule,
+        MatNativeDateModule,
+        MatButtonToggleModule,
+        MatTooltipModule,
+        MatCheckboxModule,
+        MatRadioModule], exports: [QuestionTypeObjectiveComponent,
+        QuestionTypeShortComponent,
+        QuestionTypeDateComponent,
+        QuestionTypeLongComponent,
+        QuestionTypeNumberComponent,
+        QuestionTypeUploadFileComponent,
+        QuestionTypeMultiselectComponent,
+        QuestionTypeObjectiveSubComponent,
+        QuestionTypeMultiselectSubComponent,
+        QuestionTypeRatingComponent,
+        QuestionTypeEditorComponent,
+        QuestionTypeSearchableTagComponent,
+        QuestionTypeAddDialogComponent] });
+SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedComponentsModule, imports: [[
+            MatChipsModule,
+            MatAutocompleteModule,
+            AngularEditorModule,
+            FormsModule,
+            MatIconModule,
+            CommonModule,
+            ReactiveFormsModule,
+            MatFormFieldModule,
+            MatInputModule,
+            MatDatepickerModule,
+            MatNativeDateModule,
+            MatButtonToggleModule,
+            MatTooltipModule,
+            MatCheckboxModule,
+            MatRadioModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        OrderByPipe,
+                        QuestionTypeObjectiveComponent,
+                        QuestionTypeShortComponent,
+                        QuestionTypeDateComponent,
+                        QuestionTypeLongComponent,
+                        QuestionTypeNumberComponent,
+                        QuestionTypeUploadFileComponent,
+                        QuestionTypeMultiselectComponent,
+                        QuestionTypeObjectiveSubComponent,
+                        QuestionTypeMultiselectSubComponent,
+                        QuestionTypeRatingComponent,
+                        QuestionTypeEditorComponent,
+                        QuestionTypeSearchableTagComponent,
+                        QuestionTypeAddDialogComponent
+                    ],
+                    imports: [
+                        MatChipsModule,
+                        MatAutocompleteModule,
+                        AngularEditorModule,
+                        FormsModule,
+                        MatIconModule,
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatDatepickerModule,
+                        MatNativeDateModule,
+                        MatButtonToggleModule,
+                        MatTooltipModule,
+                        MatCheckboxModule,
+                        MatRadioModule
+                    ],
+                    exports: [QuestionTypeObjectiveComponent,
+                        QuestionTypeShortComponent,
+                        QuestionTypeDateComponent,
+                        QuestionTypeLongComponent,
+                        QuestionTypeNumberComponent,
+                        QuestionTypeUploadFileComponent,
+                        QuestionTypeMultiselectComponent,
+                        QuestionTypeObjectiveSubComponent,
+                        QuestionTypeMultiselectSubComponent,
+                        QuestionTypeRatingComponent,
+                        QuestionTypeEditorComponent,
+                        QuestionTypeSearchableTagComponent,
+                        QuestionTypeAddDialogComponent]
+                }]
+        }] });
+
+class FeatureModule {
+}
+FeatureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FeatureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FeatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FeatureModule, declarations: [QuestWizardComponent,
+        QuestSuccessComponent], imports: [MatDialogModule,
+        MatButtonModule,
+        MatTooltipModule,
+        CommonModule,
+        // FeatureRoutingModule,
+        SharedComponentsModule,
+        ReactiveFormsModule,
+        FormsModule,
+        MatChipsModule], exports: [QuestWizardComponent] });
+FeatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FeatureModule, imports: [[
+            MatDialogModule,
+            MatButtonModule,
+            MatTooltipModule,
+            CommonModule,
+            // FeatureRoutingModule,
+            SharedComponentsModule,
+            ReactiveFormsModule,
+            FormsModule,
+            MatChipsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FeatureModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        QuestWizardComponent,
+                        QuestSuccessComponent
+                    ],
+                    imports: [
+                        MatDialogModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        CommonModule,
+                        // FeatureRoutingModule,
+                        SharedComponentsModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        MatChipsModule
+                    ],
+                    exports: [QuestWizardComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of assessment-taker
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssessmentIdService, AssessmentTakerComponent, AssessmentTakerModule, AssessmentTakerService, FeatureModule, QuestWizardComponent, QuestionTypeAddDialogComponent, QuestionTypeDateComponent, QuestionTypeEditorComponent, QuestionTypeLongComponent, QuestionTypeMultiselectComponent, QuestionTypeMultiselectSubComponent, QuestionTypeNumberComponent, QuestionTypeObjectiveComponent, QuestionTypeObjectiveSubComponent, QuestionTypeRatingComponent, QuestionTypeSearchableTagComponent, QuestionTypeShortComponent, QuestionTypeUploadFileComponent, SharedComponentsModule };
+//# sourceMappingURL=pcf-assessment-taker.mjs.map