herum-shared 0.1.50 → 0.1.59

package/fesm2022/herum-shared.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, ViewChild, Output, Input, Component, Pipe, HostListener, Inject, forwardRef, ViewChildren, Optional, Self, Injectable, Directive, ViewEncapsulation, HostBinding, NgModule, InjectionToken } from '@angular/core';
 import * as i1 from '@angular/common';
 import { formatDate, CommonModule, DatePipe, DOCUMENT } from '@angular/common';
-import { Subject, BehaviorSubject, forkJoin, of, EMPTY, throwError, takeUntil as takeUntil$1 } from 'rxjs';
+import { Subject, takeUntil as takeUntil$1, BehaviorSubject, forkJoin, of, EMPTY, throwError } from 'rxjs';
 import { takeUntil, debounceTime, tap, shareReplay, map, catchError, switchMap } from 'rxjs/operators';
 import { keyboardAsciiCodes as keyboardAsciiCodes$1, regexExpressions as regexExpressions$1, svgsStrings as svgsStrings$1, system as system$1, radioButtonTypes as radioButtonTypes$1, defaultGrade as defaultGrade$1, checkboxTypes as checkboxTypes$1, defaultPlaceholder as defaultPlaceholder$2, types as types$1, formStatuses as formStatuses$1, structHierarchyTreeMaxHeight as structHierarchyTreeMaxHeight$1, startEndDateError as startEndDateError$1, minDateError as minDateError$1, formatError as formatError$1, timestampError as timestampError$1, timePattern as timePattern$1, dayInMilliSeconds as dayInMilliSeconds$1, dateRangeTimeRangePlaceHolder as dateRangeTimeRangePlaceHolder$1, dateRangeTimeRangeWithoutSecondsPlaceHolder as dateRangeTimeRangeWithoutSecondsPlaceHolder$1, dateRangePlaceHolder as dateRangePlaceHolder$1, dateTimePlaceHolder as dateTimePlaceHolder$1, dateTimeWithoutSecondsPlaceHolder as dateTimeWithoutSecondsPlaceHolder$1, datePlaceHolder as datePlaceHolder$1, timePlaceHolder as timePlaceHolder$1, timeWithoutSecondsPlaceHolder as timeWithoutSecondsPlaceHolder$1, calendarActiveColorCssVariable as calendarActiveColorCssVariable$1, calendarHoverColorCssVariable as calendarHoverColorCssVariable$1, calendarLibrarySelector as calendarLibrarySelector$1, calendarLibraryBodyCellSelector as calendarLibraryBodyCellSelector$1, timerActiveColorCssVariable as timerActiveColorCssVariable$1, timerHoverColorCssVariable as timerHoverColorCssVariable$1, timerItemSizeColorCssVariable as timerItemSizeColorCssVariable$1, resourcesFilesSuffixes as resourcesFilesSuffixes$1, anySubFileTypeWildCard as anySubFileTypeWildCard$1, maleAvatarPath as maleAvatarPath$1, femaleAvatarPath as femaleAvatarPath$1, signUpFormKeys as signUpFormKeys$1, maxImageHeight as maxImageHeight$1, maxImageWidth as maxImageWidth$1, filesSuffixes as filesSuffixes$1, uploadsProgressMetadataTypes as uploadsProgressMetadataTypes$1, tableRowHeights as tableRowHeights$1, generalKeys as generalKeys$1, attributes as attributes$1, defaultAuthorizationObject as defaultAuthorizationObject$1, resourceIdPlaceholder as resourceIdPlaceholder$1, getPublishAuthorization as getPublishAuthorization$1, toastsTemplates as toastsTemplates$1, toastContext as toastContext$1, toastStatuses as toastStatuses$1, toastStates as toastStates$1, defaultUserId as defaultUserId$1, assignmentMetadata as assignmentMetadata$1, validatorsNames as validatorsNames$1, formsErrorMessages as formsErrorMessages$1, getSignUpMethod as getSignUpMethod$1, globalErrorHandlingHeader as globalErrorHandlingHeader$1, dialogsDescriptions as dialogsDescriptions$1, dialogsTitles as dialogsTitles$1, uploadsManagerKeys as uploadsManagerKeys$1, uploadStatuses as uploadStatuses$1, skipToastHeader as skipToastHeader$1 } from 'herum-shared/constants';
 import * as i2$1 from 'herum-shared/services';
@@ -75,7 +75,6 @@ class HerumSliderComponent {
     maxSliderValue;
     currentSliderValue;
     initSlider;
-    l;
     isDraggingEmitter = new EventEmitter();
     updatedSliderValue = new EventEmitter();
     slider;
@@ -1083,7 +1082,7 @@ class HerumRadioButtonComponent {
         }
         this.selectedOptionId = value.id;
         this.type = value.type;
-        this.isBlocked = value.hasOwnProperty('isBlocked') ? !!value.isBlocked : false;
+        this.isBlocked = value.isBlocked ?? this.isBlocked;
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1133,83 +1132,66 @@ class QuizOneAnswerQuestionComponent {
     onAnswersChange = new EventEmitter();
     convertedOptions;
     selectedAnswer = new FormControl({ type: '', id: '' }, Validators.required);
+    destroySubject$ = new Subject();
     answerNotes = [];
     correctAnswer;
     constructor(changeDetectorRef) {
         this.changeDetectorRef = changeDetectorRef;
     }
     ngOnChanges(changes) {
-        const shouldUpdateViewState = !!(changes['question'] ||
-            changes['userAnswers'] ||
-            changes['quizData'] ||
-            changes['areAnswersRevealed'] ||
-            changes['isCheckingMode'] ||
-            changes['areAnswersBlocked']);
-        if (!shouldUpdateViewState || !this.question)
-            return;
-        this.answerNotes = this.getAnswerNotes(this.question);
-        this.convertedOptions = this.convertToOptions();
-        this.correctAnswer = undefined;
-        this.changeDetectorRef.detectChanges();
-        const chosenAnswerId = this.getChosenAnswerId();
-        if (!chosenAnswerId) {
-            this.selectedAnswer.setValue({ id: '', type: '', isBlocked: this.isRadioBlocked }, { emitEvent: false });
-            return;
-        }
-        const isResultMode = !!(this.quizData?.isSubmitted || this.areAnswersRevealed || this.isCheckingMode);
-        if (!isResultMode) {
-            this.selectedAnswer.setValue({ id: chosenAnswerId, type: radioButtonTypes$1.checked, isBlocked: this.isRadioBlocked }, { emitEvent: false });
-            return;
-        }
-        const type = this.isCheckedAnswerCorrect(chosenAnswerId, this.quizData) ? radioButtonTypes$1.checked : radioButtonTypes$1.error;
-        if (type === radioButtonTypes$1.error && (this.areAnswersRevealed || this.isCheckingMode)) {
-            const correctAnswer = this.questionAnswers.find(answer => answer.isCorrect);
-            if (correctAnswer)
-                this.correctAnswer = { id: correctAnswer.id, name: correctAnswer.content };
+        if (changes['question']?.currentValue) {
+            this.answerNotes = this.getAnswerNotes(this.question);
+            this.convertedOptions = this.convertToOptions();
+            this.changeDetectorRef.detectChanges();
+            const chosenAnswer = this.userAnswers.find(userAnswer => userAnswer.isChosen);
+            if (chosenAnswer && !this.quizData.isSubmitted)
+                this.selectedAnswer.setValue({ id: chosenAnswer.id, type: radioButtonTypes$1.checked }, { emitEvent: false });
+            if (this.quizData.isSubmitted || this.areAnswersRevealed || this.isCheckingMode) {
+                const userAnswers = this.quizData.userAnswers.find((userAnswer) => userAnswer.id === this.question.id);
+                const chosenAnswerId = userAnswers.userAnswers.find((answer) => answer.isChosen)?.id;
+                const type = this.isCheckedAnswerCorrect(chosenAnswerId, this.quizData) ? radioButtonTypes$1.checked : radioButtonTypes$1.error;
+                if (type === radioButtonTypes$1.error && (this.areAnswersRevealed || this.isCheckingMode)) {
+                    const correctAnswer = this.question.closedContent?.answers.find(answer => answer.isCorrect);
+                    if (correctAnswer)
+                        this.correctAnswer = { id: correctAnswer.id, name: correctAnswer.content };
+                }
+                this.selectedAnswer.setValue({ id: chosenAnswerId, type, isBlocked: true }, { emitEvent: false });
+            }
         }
-        this.selectedAnswer.setValue({ id: chosenAnswerId, type, isBlocked: true }, { emitEvent: false });
-    }
-    get isRadioBlocked() {
-        return this.areAnswersBlocked || this.areAnswersRevealed || this.isCheckingMode;
     }
     getAnswerNotes(question) {
-        return (question.closedContent?.answers ?? []).map(answer => {
+        return question.closedContent?.answers.map(answer => {
             if (answer.note)
                 return answer.note;
         });
     }
     convertToOptions() {
-        return this.questionAnswers.map(answer => ({ id: answer.id, name: answer.content }));
-    }
-    getChosenAnswerId() {
-        const selectedAnswerByInput = (this.userAnswers ?? []).find(userAnswer => userAnswer?.isChosen !== false);
-        if (selectedAnswerByInput?.id)
-            return selectedAnswerByInput.id;
-        const selectedAnswerByQuizData = this.quizData?.userAnswers?.find((userAnswer) => userAnswer.id === this.question.id)
-            ?.userAnswers?.find(answer => answer?.isChosen !== false);
-        return selectedAnswerByQuizData?.id;
+        return this.question.closedContent?.answers.map(answer => ({ id: answer.id, name: answer.content }));
     }
     isCheckedAnswerCorrect(answerId, quizData) {
         return quizData.questions.find((question) => question.closedContent?.answers?.find((answer) => answer.id === answerId)?.isCorrect);
     }
-    _onAnswerSelected(answerId) {
-        if (!answerId)
-            return;
-        this.onAnswersChange.emit([{
-                id: answerId,
-                index: this.questionAnswers.findIndex(answer => answer.id === answerId),
-                isChosen: true
-            }]);
+    ngOnInit() {
+        this.selectedAnswer.valueChanges.pipe(takeUntil$1(this.destroySubject$))
+            .subscribe(result => {
+            if (result)
+                this.onAnswersChange.emit([{
+                        id: result.id,
+                        index: this.question.closedContent?.answers.findIndex(answer => answer.id == result.id),
+                        isChosen: true
+                    }]);
+        });
     }
-    get questionAnswers() {
-        return this.question?.closedContent?.answers ?? [];
+    ngOnDestroy() {
+        this.destroySubject$.next(null);
+        this.destroySubject$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOneAnswerQuestionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOneAnswerQuestionComponent, isStandalone: false, selector: "quiz-one-answer-question", inputs: { instructionTitle: "instructionTitle", question: "question", userAnswers: "userAnswers", quizData: "quizData", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode" }, outputs: { onAnswersChange: "onAnswersChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n    [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n    [isVertical]=\"true\" [formControl]=\"selectedAnswer\" (selectOptionEmitter)=\"_onAnswerSelected($event)\"\r\n    [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: ["", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: HerumRadioButtonComponent, selector: "herum-radio-button", inputs: ["options", "isValid", "errorMsg", "isVertical", "isBlocked", "type", "selectedOption", "additionalOptionsText", "showAdditionalOptionsText", "secondarySelectedOption"], outputs: ["selectOptionEmitter"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOneAnswerQuestionComponent, isStandalone: false, selector: "quiz-one-answer-question", inputs: { instructionTitle: "instructionTitle", question: "question", userAnswers: "userAnswers", quizData: "quizData", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode" }, outputs: { onAnswersChange: "onAnswersChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n    [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n    [isVertical]=\"true\" [formControl]=\"selectedAnswer\"\r\n    [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: ["", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: HerumRadioButtonComponent, selector: "herum-radio-button", inputs: ["options", "isValid", "errorMsg", "isVertical", "isBlocked", "type", "selectedOption", "additionalOptionsText", "showAdditionalOptionsText", "secondarySelectedOption"], outputs: ["selectOptionEmitter"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOneAnswerQuestionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'quiz-one-answer-question', template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n    [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n    [isVertical]=\"true\" [formControl]=\"selectedAnswer\" (selectOptionEmitter)=\"_onAnswerSelected($event)\"\r\n    [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: [".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
+            args: [{ standalone: false, selector: 'quiz-one-answer-question', template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n    [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n    [isVertical]=\"true\" [formControl]=\"selectedAnswer\"\r\n    [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: [".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { instructionTitle: [{
                 type: Input
             }], question: [{
@@ -1422,37 +1404,30 @@ class QuizMultiAnswerQuestionComponent {
         this.answersForm = this.fb.group({});
     }
     ngOnChanges(changes) {
-        if (!this.question)
-            return;
-        if (changes['question']?.currentValue)
-            this.initQuestionFormControls();
-        else if (changes['userAnswers'] || changes['quizData'] || changes['areAnswersRevealed'] || changes['isCheckingMode'])
-            this.syncQuestionFormControls();
-        if (this.areAnswersRevealed || this.isCheckingMode)
-            this.setAnswerTypeAttributes();
-        else
-            this.answerTypeAttributes = [];
-        if (this.correctAnswerCount === null || this.correctAnswerCount === undefined)
-            this.correctAnswerCount = this.questionAnswers.filter(answer => answer.isCorrect).length;
-    }
-    initQuestionFormControls() {
-        this.answersForm = this.fb.group({});
-        this.questionAnswers.forEach((answer, index) => {
-            const controlName = `${this.controlNamePrefix}${index}`;
-            this.answersForm.addControl(controlName, new FormControl(this.getFormControlValue(index)));
-            this.answersForm.get(controlName).valueChanges
-                .pipe(takeUntil(this.destroySubject$))
-                .subscribe((value) => this._onAnswersChange(this.questionAnswers[index], this.toIsChosen(value)));
-        });
-    }
-    syncQuestionFormControls() {
-        this.questionAnswers.forEach((answer, index) => {
-            const controlName = `${this.controlNamePrefix}${index}`;
-            this.answersForm.get(controlName)?.setValue(this.getFormControlValue(index), { emitEvent: false });
-        });
+        if (changes['question'] && this.question) {
+            if (!Object.keys(this.answersForm.controls).length) {
+                this.question.closedContent.answers.forEach((answer, index) => {
+                    const controlName = `${this.controlNamePrefix}${index}`;
+                    this.answersForm.addControl(controlName, new FormControl(this.getFormControlValue(index)));
+                    this.answersForm.get(controlName).valueChanges
+                        .pipe(takeUntil(this.destroySubject$))
+                        .subscribe((isChosen) => this._onAnswersChange(this.question.closedContent.answers[index], isChosen));
+                });
+            }
+            else {
+                this.question.closedContent.answers.forEach((answer, index) => {
+                    const controlName = `${this.controlNamePrefix}${index}`;
+                    this.answersForm.controls[controlName].setValue(this.getFormControlValue(index), { emitEvent: false });
+                });
+            }
+            if (this.areAnswersRevealed || this.isCheckingMode)
+                this.setAnswerTypeAttributes();
+            if (this.correctAnswerCount === null || this.correctAnswerCount === undefined)
+                this.correctAnswerCount = this.question.closedContent.answers.filter(answer => answer.isCorrect).length;
+        }
     }
     setAnswerTypeAttributes() {
-        this.answerTypeAttributes = this.questionAnswers.map((answer, index) => {
+        this.answerTypeAttributes = this.question.closedContent.answers.map((answer, index) => {
             const answerForm = this.answersForm.value[`${this.controlNamePrefix}` + index];
             return (!answerForm.type && this.iAnswerCorrect(answer.id, this.quizData)) ?
                 'correct-not-selected' :
@@ -1464,8 +1439,7 @@ class QuizMultiAnswerQuestionComponent {
         currentCheckbox._onClick();
     }
     _isAnswerChecked(answerId) {
-        const answer = this.userAnswers.find(userAnswer => userAnswer.id == answerId);
-        return answer ? answer.isChosen !== false : false;
+        return this.userAnswers.find(userAnswer => userAnswer.id == answerId)?.isChosen;
     }
     getTypeCheckbox(answerId) {
         if (!this._isAnswerChecked(answerId))
@@ -1476,36 +1450,27 @@ class QuizMultiAnswerQuestionComponent {
             return this.iAnswerCorrect(answerId, this.quizData) ? checkboxTypes$1.checked : checkboxTypes$1.error;
     }
     iAnswerCorrect(answerId, quizData) {
-        return quizData.questions.find((question) => question.closedContent?.answers?.find((answer) => answer.id === answerId)?.isCorrect);
+        return quizData.questions.find((question) => question.closedContent.answers?.find((answer) => answer.id === answerId)?.isCorrect);
     }
     _onAnswersChange(answer, isChosen) {
-        const selectedUserAnswers = [...(this.userAnswers ?? [])].filter(userAnswer => userAnswer?.isChosen !== false);
-        const userAnswer = selectedUserAnswers.find(currentUserAnswer => currentUserAnswer.id == answer.id);
-        if (userAnswer)
-            userAnswer.isChosen = isChosen;
-        else {
-            selectedUserAnswers.push({
+        let userAnswer = this.userAnswers.find(userAnswer => userAnswer.id == answer.id);
+        userAnswer ? (userAnswer.isChosen = isChosen) :
+            this.userAnswers.push({
                 id: answer.id,
                 index: answer.index,
                 isChosen
             });
-        }
-        const normalizedUserAnswers = selectedUserAnswers.filter(currentUserAnswer => currentUserAnswer?.isChosen !== false);
-        this.isValid = normalizedUserAnswers.length == this.correctAnswerCount;
-        this.onAnswersChange.emit(normalizedUserAnswers);
+        this.isValid = this.userAnswers.length == this.correctAnswerCount;
+        this.onAnswersChange.emit(this.userAnswers);
         this.onValidationChange.emit(this.isValid);
     }
     getFormControlValue(index) {
+        const id = this.question.closedContent.answers[index].id;
         return {
-            type: this.getTypeCheckbox(this.questionAnswers[index].id),
-            isChecked: this._isAnswerChecked(this.questionAnswers[index].id)
+            type: this.getTypeCheckbox(id),
+            isChecked: this._isAnswerChecked(id)
         };
     }
-    toIsChosen(value) {
-        if (typeof value === 'boolean')
-            return value;
-        return !!value?.isChecked;
-    }
     get controlNamePrefix() {
         return 'controlName';
     }
@@ -1513,19 +1478,16 @@ class QuizMultiAnswerQuestionComponent {
     get isBlocked() {
         return this.quizData?.isSubmitted || this.areAnswersBlocked || this.areAnswersRevealed;
     }
-    get questionAnswers() {
-        return this.question?.closedContent?.answers ?? [];
-    }
     ngOnDestroy() {
         this.destroySubject$.next(null);
         this.destroySubject$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizMultiAnswerQuestionComponent, deps: [{ token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizMultiAnswerQuestionComponent, isStandalone: false, selector: "quiz-multi-answer-question", inputs: { question: "question", quizData: "quizData", userAnswers: "userAnswers", isCheckingMode: "isCheckingMode", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", correctAnswerCount: "correctAnswerCount" }, outputs: { onAnswersChange: "onAnswersChange", onValidationChange: "onValidationChange" }, viewQueries: [{ propertyName: "checkboxes", predicate: HerumCheckboxComponent$1, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-container\">\r\n    <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n    <form *ngIf=\"questionAnswers.length\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of questionAnswers;let i=index\">\r\n            <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n                [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n                [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n                <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n                    [id]=\"controlNamePrefix + i\">\r\n                </herum-checkbox>\r\n\r\n                <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n                    (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n            </div>\r\n\r\n            <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n                {{ answer.note }}\r\n            </span>\r\n        </div>\r\n    </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: HerumCheckboxComponent, selector: "herum-checkbox", inputs: ["type", "isChecked", "isBlocked"], outputs: ["checkedEmitter"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizMultiAnswerQuestionComponent, isStandalone: false, selector: "quiz-multi-answer-question", inputs: { question: "question", quizData: "quizData", userAnswers: "userAnswers", isCheckingMode: "isCheckingMode", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", correctAnswerCount: "correctAnswerCount" }, outputs: { onAnswersChange: "onAnswersChange", onValidationChange: "onValidationChange" }, viewQueries: [{ propertyName: "checkboxes", predicate: HerumCheckboxComponent$1, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-container\">\r\n    <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n    <form *ngIf=\"question.closedContent.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of question.closedContent.answers;let i=index\">\r\n            <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n                [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n                [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n                <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n                    [id]=\"controlNamePrefix + i\">\r\n                </herum-checkbox>\r\n\r\n                <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n                    (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n            </div>\r\n\r\n            <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n                {{ answer.note }}\r\n            </span>\r\n        </div>\r\n    </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: HerumCheckboxComponent, selector: "herum-checkbox", inputs: ["type", "isChecked", "isBlocked"], outputs: ["checkedEmitter"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizMultiAnswerQuestionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'quiz-multi-answer-question', template: "<div class=\"main-container\">\r\n    <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n    <form *ngIf=\"questionAnswers.length\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of questionAnswers;let i=index\">\r\n            <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n                [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n                [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n                <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n                    [id]=\"controlNamePrefix + i\">\r\n                </herum-checkbox>\r\n\r\n                <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n                    (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n            </div>\r\n\r\n            <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n                {{ answer.note }}\r\n            </span>\r\n        </div>\r\n    </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
+            args: [{ standalone: false, selector: 'quiz-multi-answer-question', template: "<div class=\"main-container\">\r\n    <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n    <form *ngIf=\"question.closedContent.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of question.closedContent.answers;let i=index\">\r\n            <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n                [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n                [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n                <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n                    [id]=\"controlNamePrefix + i\">\r\n                </herum-checkbox>\r\n\r\n                <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n                    (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n            </div>\r\n\r\n            <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n                {{ answer.note }}\r\n            </span>\r\n        </div>\r\n    </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.FormBuilder }], propDecorators: { question: [{
                 type: Input
             }], quizData: [{
@@ -1587,8 +1549,7 @@ class HerumQuizComponent {
                             isCorrect: true,
                             index: 1
                         }
-                    ],
-                    numberOfCorrectAnswers: 1
+                    ]
                 }
             }
         ]
@@ -1598,7 +1559,7 @@ class HerumQuizComponent {
     constructor(changeDetectorRef) {
         this.changeDetectorRef = changeDetectorRef;
     }
-    ngOnChanges(changes) {
+    ngOnChanges() {
         this.mergeQuizUserDataIntoQuizData();
         this.quizData.currentQuestion = this.quizData.isSubmitted ? this.quizData.questions.length + 2 : this.quizData.currentQuestion ? this.quizData.currentQuestion : 0;
     }
@@ -1610,7 +1571,7 @@ class HerumQuizComponent {
             return true;
         if (this.currentQuestionIndex >= this.quizData.questions.length)
             return this.isValidQuiz;
-        return this._getUserAnswers(this.quizData.questions[this.currentQuestionIndex]?.id).length === this.getCorrectAnswersCount(this.quizData.questions?.find((userAnswer) => userAnswer.id === this.quizData.questions[this.currentQuestionIndex]?.id));
+        return this._getUserAnswers(this.quizData.questions[this.currentQuestionIndex]?.id).length == this.getCorrectAnswersCount(this.quizData.questions?.find((userAnswer) => userAnswer.id == this.quizData.questions[this.currentQuestionIndex]?.id));
     }
     get nextButtonText() {
         switch (this.quizData.currentQuestion) {
@@ -1640,13 +1601,12 @@ class HerumQuizComponent {
             .filter(userQuestionAnswer => userQuestionAnswer.userAnswers.some(userAnswer => userAnswer.isChosen)).length;
     }
     get isLastQuestion() {
-        return this.quizData.currentQuestion === this.quizData.questions.length + 1;
+        return this.quizData.currentQuestion == this.quizData.questions.length + 1;
     }
     getCorrectAnswersCount(question) {
         if (!question?.closedContent?.answers?.length)
             return 0;
-        return question.closedContent.numberOfCorrectAnswers ??
-            question.closedContent.answers.filter((answer) => answer.isCorrect).length;
+        return question.closedContent.answers.filter((answer) => answer.isCorrect).length;
     }
     _nextQuestion(isSkipped = false) {
         this.isCurrentQuestionValid = false;
@@ -5018,7 +4978,7 @@ class QuizOpenAnswerQuestionComponent {
     selectedTextChange;
     answerChange = new EventEmitter();
     notesChange = new EventEmitter();
-    correctAnswerControl = new FormControl('');
+    freeTextControl = new FormControl('');
     notes;
     destroySubject$ = new Subject();
     constructor(answerNotesToTextChangesPipe) {
@@ -5026,13 +4986,13 @@ class QuizOpenAnswerQuestionComponent {
     }
     ngOnChanges(changes) {
         if (changes['userQuestion']?.currentValue) {
-            this.correctAnswerControl.setValue(this.userQuestion.freeTextAnswer ?? '', { emitEvent: false });
+            this.freeTextControl.setValue(this.userQuestion.freeTextAnswer ?? '', { emitEvent: false });
             if (this.isCheckingMode || this.areAnswersRevealed)
                 this.notes = this.answerNotesToTextChangesPipe.transform(this.userQuestion.answerNotes ?? []);
         }
     }
     ngOnInit() {
-        this.correctAnswerControl.valueChanges.pipe(takeUntil(this.destroySubject$))
+        this.freeTextControl.valueChanges.pipe(takeUntil(this.destroySubject$))
             .subscribe(freeText => this.answerChange.emit(freeText));
     }
     _notesChange(notes) {
@@ -5043,11 +5003,11 @@ class QuizOpenAnswerQuestionComponent {
         this.destroySubject$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOpenAnswerQuestionComponent, deps: [{ token: i4$1.AnswerNotesToTextChangesPipe }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOpenAnswerQuestionComponent, isStandalone: false, selector: "quiz-open-answer-question", inputs: { previewMode: "previewMode", question: "question", userQuestion: "userQuestion", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode", selectedTextChange: "selectedTextChange" }, outputs: { answerChange: "answerChange", notesChange: "notesChange" }, usesOnChanges: true, ngImport: i0, template: "<span class=\"answer-title\">{{ isCheckingMode ? '\u05EA\u05E9\u05D5\u05D1\u05EA \u05D4\u05D7\u05E0\u05D9\u05DA' : '\u05DB\u05EA\u05D5\u05D1 \u05EA\u05E9\u05D5\u05D1\u05EA\u05DA' }}\r\n    <span *ngIf=\"!isCheckingMode && question?.freeAnswerContent?.charactersLimit > 0\">\r\n        (\u05E2\u05D3 {{ question?.freeAnswerContent?.charactersLimit }} \u05EA\u05D5\u05D5\u05D9\u05DD)\r\n    </span>\r\n</span>\r\n\r\n<herum-text-area *ngIf=\"!areAnswersRevealed && !isCheckingMode\" [disabled]=\"previewMode || areAnswersBlocked\"\r\n    [maxLength]=\"question?.freeAnswerContent?.charactersLimit\" [formControl]=\"correctAnswerControl\" heightMode=\"max\">\r\n</herum-text-area>\r\n\r\n<track-text-changes *ngIf=\"isCheckingMode || areAnswersRevealed\"\r\n    [isReadOnly]=\"areAnswersRevealed && !isCheckingMode || !isCheckingMode\" [fontSize]=\"14\"\r\n    [selectedChange]=\"selectedTextChange\" [showComments]=\"false\" [baseContent]=\"correctAnswerControl.value\"\r\n    [changes]=\"notes\" (changesEmitter)=\"_notesChange($event)\">\r\n</track-text-changes>", styles: [".answer-title{font-size:14px;margin-block-end:8px}herum-text-area,track-text-changes{height:100%;width:100%}::ng-deep track-text-changes .editor-container{padding:0}::ng-deep track-text-changes .text-editor{min-height:180px;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: HerumTextAreaComponent, selector: "herum-text-area", inputs: ["placeholder", "disabled", "formControlName", "isValid", "isLoading", "errorMsg", "showErrorMsgGap", "id", "preventMacroKeysPressEvent", "heightMode", "fontSize", "inputValue", "maxLength"], outputs: ["inputValueEmitter"] }, { kind: "component", type: TrackTextChangesComponent, selector: "track-text-changes", inputs: ["changes", "selectedChange", "currentUser", "baseContent", "isReadOnly", "fontSize", "showComments", "allowedActions"], outputs: ["changesEmitter"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOpenAnswerQuestionComponent, isStandalone: false, selector: "quiz-open-answer-question", inputs: { previewMode: "previewMode", question: "question", userQuestion: "userQuestion", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode", selectedTextChange: "selectedTextChange" }, outputs: { answerChange: "answerChange", notesChange: "notesChange" }, usesOnChanges: true, ngImport: i0, template: "<span class=\"answer-title\">{{ isCheckingMode ? '\u05EA\u05E9\u05D5\u05D1\u05EA \u05D4\u05D7\u05E0\u05D9\u05DA' : '\u05DB\u05EA\u05D5\u05D1 \u05EA\u05E9\u05D5\u05D1\u05EA\u05DA' }}\r\n    <span *ngIf=\"!isCheckingMode && question?.freeAnswerContent?.charactersLimit > 0\">\r\n        (\u05E2\u05D3 {{ question?.freeAnswerContent?.charactersLimit }} \u05EA\u05D5\u05D5\u05D9\u05DD)\r\n    </span>\r\n</span>\r\n\r\n<herum-text-area *ngIf=\"!areAnswersRevealed && !isCheckingMode\" [disabled]=\"previewMode || areAnswersBlocked\"\r\n    [maxLength]=\"question?.freeAnswerContent?.charactersLimit\" [formControl]=\"freeTextControl\" heightMode=\"max\">\r\n</herum-text-area>\r\n\r\n<track-text-changes *ngIf=\"isCheckingMode || areAnswersRevealed\"\r\n    [isReadOnly]=\"areAnswersRevealed && !isCheckingMode || !isCheckingMode\" [fontSize]=\"14\"\r\n    [selectedChange]=\"selectedTextChange\" [showComments]=\"false\" [baseContent]=\"freeTextControl.value\"\r\n    [changes]=\"notes\" (changesEmitter)=\"_notesChange($event)\">\r\n</track-text-changes>", styles: [".answer-title{font-size:14px;margin-block-end:8px}herum-text-area,track-text-changes{height:100%;width:100%}::ng-deep track-text-changes .editor-container{padding:0}::ng-deep track-text-changes .text-editor{min-height:180px;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: HerumTextAreaComponent, selector: "herum-text-area", inputs: ["placeholder", "disabled", "formControlName", "isValid", "isLoading", "errorMsg", "showErrorMsgGap", "id", "preventMacroKeysPressEvent", "heightMode", "fontSize", "inputValue", "maxLength"], outputs: ["inputValueEmitter"] }, { kind: "component", type: TrackTextChangesComponent, selector: "track-text-changes", inputs: ["changes", "selectedChange", "currentUser", "baseContent", "isReadOnly", "fontSize", "showComments", "allowedActions"], outputs: ["changesEmitter"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOpenAnswerQuestionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'quiz-open-answer-question', template: "<span class=\"answer-title\">{{ isCheckingMode ? '\u05EA\u05E9\u05D5\u05D1\u05EA \u05D4\u05D7\u05E0\u05D9\u05DA' : '\u05DB\u05EA\u05D5\u05D1 \u05EA\u05E9\u05D5\u05D1\u05EA\u05DA' }}\r\n    <span *ngIf=\"!isCheckingMode && question?.freeAnswerContent?.charactersLimit > 0\">\r\n        (\u05E2\u05D3 {{ question?.freeAnswerContent?.charactersLimit }} \u05EA\u05D5\u05D5\u05D9\u05DD)\r\n    </span>\r\n</span>\r\n\r\n<herum-text-area *ngIf=\"!areAnswersRevealed && !isCheckingMode\" [disabled]=\"previewMode || areAnswersBlocked\"\r\n    [maxLength]=\"question?.freeAnswerContent?.charactersLimit\" [formControl]=\"correctAnswerControl\" heightMode=\"max\">\r\n</herum-text-area>\r\n\r\n<track-text-changes *ngIf=\"isCheckingMode || areAnswersRevealed\"\r\n    [isReadOnly]=\"areAnswersRevealed && !isCheckingMode || !isCheckingMode\" [fontSize]=\"14\"\r\n    [selectedChange]=\"selectedTextChange\" [showComments]=\"false\" [baseContent]=\"correctAnswerControl.value\"\r\n    [changes]=\"notes\" (changesEmitter)=\"_notesChange($event)\">\r\n</track-text-changes>", styles: [".answer-title{font-size:14px;margin-block-end:8px}herum-text-area,track-text-changes{height:100%;width:100%}::ng-deep track-text-changes .editor-container{padding:0}::ng-deep track-text-changes .text-editor{min-height:180px;height:100%;width:100%}\n"] }]
+            args: [{ standalone: false, selector: 'quiz-open-answer-question', template: "<span class=\"answer-title\">{{ isCheckingMode ? '\u05EA\u05E9\u05D5\u05D1\u05EA \u05D4\u05D7\u05E0\u05D9\u05DA' : '\u05DB\u05EA\u05D5\u05D1 \u05EA\u05E9\u05D5\u05D1\u05EA\u05DA' }}\r\n    <span *ngIf=\"!isCheckingMode && question?.freeAnswerContent?.charactersLimit > 0\">\r\n        (\u05E2\u05D3 {{ question?.freeAnswerContent?.charactersLimit }} \u05EA\u05D5\u05D5\u05D9\u05DD)\r\n    </span>\r\n</span>\r\n\r\n<herum-text-area *ngIf=\"!areAnswersRevealed && !isCheckingMode\" [disabled]=\"previewMode || areAnswersBlocked\"\r\n    [maxLength]=\"question?.freeAnswerContent?.charactersLimit\" [formControl]=\"freeTextControl\" heightMode=\"max\">\r\n</herum-text-area>\r\n\r\n<track-text-changes *ngIf=\"isCheckingMode || areAnswersRevealed\"\r\n    [isReadOnly]=\"areAnswersRevealed && !isCheckingMode || !isCheckingMode\" [fontSize]=\"14\"\r\n    [selectedChange]=\"selectedTextChange\" [showComments]=\"false\" [baseContent]=\"freeTextControl.value\"\r\n    [changes]=\"notes\" (changesEmitter)=\"_notesChange($event)\">\r\n</track-text-changes>", styles: [".answer-title{font-size:14px;margin-block-end:8px}herum-text-area,track-text-changes{height:100%;width:100%}::ng-deep track-text-changes .editor-container{padding:0}::ng-deep track-text-changes .text-editor{min-height:180px;height:100%;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i4$1.AnswerNotesToTextChangesPipe }], propDecorators: { previewMode: [{
                 type: Input
             }], question: [{
@@ -9674,7 +9634,8 @@ class HerumSharedModule {
             PipesModule,
             ErrorsModule,
             FetchedMessageModule,
-            TableModule] });
+            TableModule,
+            AudioSliderComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumSharedModule, providers: [
             DatePipe,
             { provide: MAT_DATE_LOCALE, useValue: 'he-IL' },
@@ -9774,6 +9735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         ErrorsModule,
                         FetchedMessageModule,
                         TableModule,
+                        AudioSliderComponent
                     ],
                     imports: [
                         CommonModule,
@@ -10748,8 +10710,7 @@ class UtilsService {
         if (!fileData?.key || !fileData?.bucket)
             return;
         const fileDataKeyWithoutTrailingSlash = fileData.key.endsWith('/') ? fileData.key.slice(0, -1) : fileData.key;
-        const s3ServerPathWithBucketName = this.environmentConfig?.environment?.s3ServerPath.replace(this.environmentConfig?.environment?.bucketPlaceholderKey, fileData.bucket);
-        return buildPath([s3ServerPathWithBucketName, fileDataKeyWithoutTrailingSlash]);
+        return buildPath([this.environmentConfig?.environment?.s3ServerPath + fileData.bucket, fileDataKeyWithoutTrailingSlash]);
     }
     fetchFiles(fileId, resourceType, bucket) {
         if (!fileId)
@@ -14276,8 +14237,7 @@ const testEnvironmentConfig = {
         userAction: 'http://hadracha-site-server-augustus.apps.ocp4-prep.d8200.mil/api/Activity',
         lessonSocketBackend: "ws://college-site-server.d8200.mil/lesson",
         keyboardEventsLocalSocketPath: 'ws://localhost:3333',
-        systemIdentifier: "hadracha",
-        bucketPlaceholderKey: ''
+        systemIdentifier: "hadracha"
     },
     mongoUpdates: {
         CollectionCategories: {