commons-assessment 12.0.21 → 12.0.22

package/lib/modules/assessment-maker/services/assessment-maker.service.d.ts

@@ -14,7 +14,7 @@ export declare class AssessmentMakerService {
     getQuestionsByIds(params: {
         questionIds: number[];
     }): import("rxjs").Observable<Object>;
-    getAssessmentContext(assessmentId: number): import("rxjs").Observable<Object>;
+    getAssessmentContext(params: any): import("rxjs").Observable<Object>;
     duplicateSection(questionPaperId: number, sectionId: number): import("rxjs").Observable<Object>;
     duplicateQuestion(sectionId: number, sectionQuestionId: number): import("rxjs").Observable<Object>;
     createAssessmentInstance(payload: any): import("rxjs").Observable<Object>;

package/lib/modules/assessment-taker/assessment-taker.component.d.ts

@@ -37,6 +37,7 @@ export declare class AssessmentTakerComponent implements OnInit {
         [sectionId: number]: SectionScore;
     };
     showOverallRemarks: boolean;
+    showCorrectAnswers: boolean;
     snackbarMessage: EventEmitter<{
         message: string;
         type: 'success' | 'error' | 'info';
@@ -71,6 +72,7 @@ export declare class AssessmentTakerComponent implements OnInit {
     emitStepDetails(): void;
     addControlForQuestion(group: any, question: AssessmentQuestion, isMandatory?: boolean, isChild?: boolean, parentId?: number, parentOptionId?: number): void;
     getPrefilledMark(qId: number, isChild?: boolean, parentId?: number, parentOptionId?: number): any;
+    getQuestionAnswerObj(qId: number, parentOptionId?: number | null, parentQuestionId?: number | null): any;
     getQuestionWeight(qId: number): number;
     shouldShowMarksDropdown(question: AssessmentQuestion): boolean;
     getPrefilledAnswer(qId: number, isChild?: boolean, parentId?: number, parentOptionId?: number): any;
@@ -93,5 +95,5 @@ export declare class AssessmentTakerComponent implements OnInit {
     checkMaxVal(event: any, control: any, maxVal: number | undefined): void;
     openSkillAllocationDialog(skillList?: SkillScore[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AssessmentTakerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AssessmentTakerComponent, "lib-assessment-taker", never, { "labelConfig": "labelConfig"; "imageConfig": "imageConfig"; "showFooter": "showFooter"; "assessmentId": "assessmentId"; "assessmentInstanceId": "assessmentInstanceId"; "assesseeData": "assesseeData"; "assessorData": "assessorData"; "disabled": "disabled"; "previewMode": "previewMode"; "verticalView": "verticalView"; "enableMarks": "enableMarks"; "hideSectionTabs": "hideSectionTabs"; "assessmentContext": "assessmentContext"; "assesseeResponse": "assesseeResponse"; "markAsCompleted": "markAsCompleted"; "sectionWiseScore": "sectionWiseScore"; "showOverallRemarks": "showOverallRemarks"; }, { "snackbarMessage": "snackbarMessage"; "submitAssessment": "submitAssessment"; "stepChanged": "stepChanged"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AssessmentTakerComponent, "lib-assessment-taker", never, { "labelConfig": "labelConfig"; "imageConfig": "imageConfig"; "showFooter": "showFooter"; "assessmentId": "assessmentId"; "assessmentInstanceId": "assessmentInstanceId"; "assesseeData": "assesseeData"; "assessorData": "assessorData"; "disabled": "disabled"; "previewMode": "previewMode"; "verticalView": "verticalView"; "enableMarks": "enableMarks"; "hideSectionTabs": "hideSectionTabs"; "assessmentContext": "assessmentContext"; "assesseeResponse": "assesseeResponse"; "markAsCompleted": "markAsCompleted"; "sectionWiseScore": "sectionWiseScore"; "showOverallRemarks": "showOverallRemarks"; "showCorrectAnswers": "showCorrectAnswers"; }, { "snackbarMessage": "snackbarMessage"; "submitAssessment": "submitAssessment"; "stepChanged": "stepChanged"; }, never, never>;
 }

package/lib/modules/assessment-taker/components/question-type-multiselect/question-type-multiselect.component.d.ts

@@ -6,6 +6,11 @@ export declare class QuestionTypeMultiselectComponent implements ControlValueAcc
     ngControl: NgControl;
     required: any;
     question: AssessmentQuestion;
+    showCorrectAnswers: boolean;
+    imageConfig: {
+        [key: string]: string;
+    };
+    answerObj: any;
     viewChild: EventEmitter<any>;
     selectData: Array<any>;
     formControl: FormControl;
@@ -20,6 +25,10 @@ export declare class QuestionTypeMultiselectComponent implements ControlValueAcc
     onTouched(): void;
     checkFormControlValid(): "" | "assessment-error-text assessment-text-danger";
     optionDetection(obj: any, detectFromEdit: boolean): void;
+    getSelectedOptionIds(): number[];
+    isEvaluationEnabled(): boolean;
+    getSelectionStatus(option: any): string | null;
+    imageErrorHandler(event: any, filePath: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<QuestionTypeMultiselectComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QuestionTypeMultiselectComponent, "lib-question-type-multiselect", never, { "required": "required"; "question": "question"; }, { "viewChild": "viewChild"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QuestionTypeMultiselectComponent, "lib-question-type-multiselect", never, { "required": "required"; "question": "question"; "showCorrectAnswers": "showCorrectAnswers"; "imageConfig": "imageConfig"; "answerObj": "answerObj"; }, { "viewChild": "viewChild"; }, never, never>;
 }

package/lib/modules/assessment-taker/components/question-type-objective/question-type-objective.component.d.ts

@@ -6,6 +6,11 @@ export declare class QuestionTypeObjectiveComponent implements ControlValueAcces
     ngControl: NgControl;
     required: any;
     question: AssessmentQuestion;
+    showCorrectAnswers: boolean;
+    imageConfig: {
+        [key: string]: string;
+    };
+    answerObj: any;
     viewChild: EventEmitter<any>;
     formControl: FormControl;
     onTouchedFn: () => void;
@@ -18,6 +23,10 @@ export declare class QuestionTypeObjectiveComponent implements ControlValueAcces
     optionDetection(obj: any, detectFromEdit: boolean): void;
     onTouched(): void;
     checkFormControlValid(): "" | "assessment-error-text assessment-text-danger";
+    getSelectedOptionId(): number | null | undefined;
+    isEvaluationEnabled(): boolean;
+    getSelectionStatus(option: any): string | null;
+    imageErrorHandler(event: any, filePath: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<QuestionTypeObjectiveComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QuestionTypeObjectiveComponent, "lib-question-type-objective", never, { "required": "required"; "question": "question"; }, { "viewChild": "viewChild"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QuestionTypeObjectiveComponent, "lib-question-type-objective", never, { "required": "required"; "question": "question"; "showCorrectAnswers": "showCorrectAnswers"; "imageConfig": "imageConfig"; "answerObj": "answerObj"; }, { "viewChild": "viewChild"; }, never, never>;
 }

package/lib/modules/assessment-taker/services/assessment-taker.service.d.ts

@@ -7,7 +7,7 @@ export declare class AssessmentTakerService {
     constructor(config: LibraryConfig, http: HttpClient);
     createParams(params: any): HttpParams;
     getConfigJSON(fileName: string): import("rxjs").Observable<Object>;
-    getAssessmentContextById(assessmentId: number): import("rxjs").Observable<Object>;
+    getAssessmentContextById(params: any): import("rxjs").Observable<Object>;
     getAssessmentQuestionPaper(instanceId: number): import("rxjs").Observable<Object>;
     getAssessmentQuestions(instanceId: any, questionIds: any): import("rxjs").Observable<Object>;
     getChildQuestionsWithIdList(instanceId: any, questionIds: any): import("rxjs").Observable<Object>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "commons-assessment",
-  "version": "12.0.21",
+  "version": "12.0.22",
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
     "@angular/core": ">=12.0.0",

package/src/lib/assets/images/check-green.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 12L10 17L20 7" stroke="#14A35B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/lib/assets/images/cross-red.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 6L6 18M6 6L18 18" stroke="#E83E05" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/lib/assets/json/imageConfig.json

@@ -18,5 +18,7 @@
     "COMMONS_ASSESSMENT.ICON.JPG": "assets/commons-assessment/images/jpg.svg",
     "COMMONS_ASSESSMENT.ICON.JPEG": "assets/commons-assessment/images/jpeg.svg",
     "COMMONS_ASSESSMENT.ICON.SVG": "assets/commons-assessment/images/svg.svg",
-    "COMMONS_ASSESSMENT.ICON.DEFAULT_FILE": "assets/commons-assessment/images/file.svg"
+    "COMMONS_ASSESSMENT.ICON.DEFAULT_FILE": "assets/commons-assessment/images/file.svg",
+    "COMMONS_ASSESSMENT.ICON.CROSS_RED": "assets/commons-assessment/images/cross-red.svg",
+    "COMMONS_ASSESSMENT.ICON.CHECK_GREEN": "assets/commons-assessment/images/check-green.svg"
 }

package/src/lib/assets/theme/_theme.global.scss

@@ -17,6 +17,7 @@ $default-config: (
   black: #000,
 
   danger: #ff5252,
+  danger-bg: #FFECE6,
 
   primary-one: #467DD6,
   primary-four: #295eb7,

package/src/lib/assets/theme/styles.global.scss

@@ -195,6 +195,10 @@ GLOBAL stylesheet for commons-assessment library
     /* Angular <= v14 (legacy) */
     .mat-radio-button {
 
+        .mat-radio-label-content {
+            width: 100%;
+        }
+
         &.mat-accent {
             .mat-radio-inner-circle {
                 background-color: var(--assessment-primary-one) !important;
@@ -232,6 +236,18 @@ GLOBAL stylesheet for commons-assessment library
     /* Angular <= v14 (legacy) */
     .mat-checkbox {
 
+        .mat-checkbox-layout {
+            width: 100%;
+
+            .mat-checkbox-inner-container {
+                margin-left: 0 !important;
+            }
+
+            .mat-checkbox-label {
+                width: 100%;
+            }
+        }
+
         &.mat-accent {
 
             &.mat-checkbox-checked .mat-checkbox-background,