herum-shared 0.1.34 → 0.1.37

package/fesm2022/herum-shared.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, ViewChild, Output, Input, Component, Pipe, HostListener, Inject, forwardRef, ViewChildren, Optional, Self, Injectable, Directive, ViewEncapsulation, HostBinding, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
-import { formatDate, DOCUMENT, CommonModule, DatePipe } from '@angular/common';
-import { Subject, BehaviorSubject, forkJoin, EMPTY } from 'rxjs';
-import { takeUntil, debounceTime, tap, shareReplay, map, switchMap, catchError } from 'rxjs/operators';
-import { keyboardAsciiCodes, regexExpressions, svgsStrings, system, defaultGrade, defaultPlaceholder as defaultPlaceholder$1, types, formStatuses, startEndDateError, minDateError, formatError, timestampError, timePattern, dayInMilliSeconds, dateRangeTimeRangePlaceHolder, dateRangeTimeRangeWithoutSecondsPlaceHolder, dateRangePlaceHolder, dateTimePlaceHolder, dateTimeWithoutSecondsPlaceHolder, datePlaceHolder, timePlaceHolder, timeWithoutSecondsPlaceHolder, generalKeys, uploadsManagerKeys, skipToastHeader, assignmentMetadata, attributes, defaultAuthorizationObject, resourceIdPlaceholder, getPublishAuthorization, getMongoMethodsDisplayedNamesMap, resourcesFilesSuffixes, calendarActiveColorCssVariable, calendarHoverColorCssVariable, calendarLibrarySelector, calendarLibraryBodyCellSelector, timerActiveColorCssVariable, timerHoverColorCssVariable, timerItemSizeColorCssVariable, anySubFileTypeWildCard, maleAvatarPath, femaleAvatarPath, signUpFormKeys, filesSuffixes, tableRowHeights, dialogsDescriptions, dialogsTitles, getToastsTemplates, toastStatuses, toastContext, toastStates, uploadStatuses } from 'herum-shared/constants';
+import { formatDate, CommonModule, DatePipe } from '@angular/common';
+import { Subject, BehaviorSubject, EMPTY, forkJoin } from 'rxjs';
+import { takeUntil, debounceTime, tap, catchError, switchMap, shareReplay } from 'rxjs/operators';
+import { keyboardAsciiCodes, regexExpressions, svgsStrings, system, defaultGrade, defaultPlaceholder as defaultPlaceholder$1, types, formStatuses, startEndDateError, minDateError, formatError, timestampError, timePattern, dayInMilliSeconds, dateRangeTimeRangePlaceHolder, dateRangeTimeRangeWithoutSecondsPlaceHolder, dateRangePlaceHolder, dateTimePlaceHolder, dateTimeWithoutSecondsPlaceHolder, datePlaceHolder, timePlaceHolder, timeWithoutSecondsPlaceHolder, calendarActiveColorCssVariable, calendarHoverColorCssVariable, calendarLibrarySelector, calendarLibraryBodyCellSelector, timerActiveColorCssVariable, timerHoverColorCssVariable, timerItemSizeColorCssVariable, resourcesFilesSuffixes, anySubFileTypeWildCard, maleAvatarPath, femaleAvatarPath, signUpFormKeys, filesSuffixes, tableRowHeights, dialogsDescriptions, dialogsTitles, getToastsTemplates, toastStatuses, toastContext, toastStates, uploadsManagerKeys, uploadStatuses } from 'herum-shared/constants';
 import * as i1$2 from 'herum-shared/services';
 import * as i2 from '@angular/cdk/bidi';
 import * as i1$1 from '@angular/platform-browser';
@@ -25,14 +25,14 @@ import { HERUM_SHARED_CONFIG_TOKEN } from 'herum-shared/environment';
 import * as i4 from 'herum-shared/directives';
 import { DirectivesModule as DirectivesModule$1 } from 'herum-shared/directives';
 import * as i1$4 from 'herum-shared/herum-types';
-import { QuizHeaderState, microResourceAuthorizationType, ResourceState, TimeUnit, Gender, StepStatus, TableActions } from 'herum-shared/herum-types';
-import { isTruncatedTitleElement, convertToDate, updateFullYear, getDropdownAnimationStates, toHash, buildPath, setHeaders, remainJustWantedValueInDictionary, getVersionPathParameter, getAssignmentStateDisplayName, replaceInterpolateKeysWithObjectProperties, convertHeightToPixels } from 'herum-shared/utils';
+import { QuizHeaderState, ResourceState, TimeUnit, Gender, StepStatus, TableActions } from 'herum-shared/herum-types';
+import { isTruncatedTitleElement, convertToDate, updateFullYear, getDropdownAnimationStates, getAssignmentStateDisplayName, replaceInterpolateKeysWithObjectProperties, convertHeightToPixels, buildPath } from 'herum-shared/utils';
+import * as i2$2 from 'herum-shared/atoms';
+import { HerumCheckboxComponent as HerumCheckboxComponent$1, AtomsModule as AtomsModule$1 } from 'herum-shared/atoms';
 import * as i1$8 from '@angular/cdk/clipboard';
 import { ClipboardModule } from '@angular/cdk/clipboard';
 import * as i4$1 from 'herum-shared/pipes';
 import { PipesModule as PipesModule$1 } from 'herum-shared/pipes';
-import * as i2$2 from 'herum-shared/atoms';
-import { AtomsModule as AtomsModule$1 } from 'herum-shared/atoms';
 import { openClose as openClose$1 } from 'herum-shared/animations';
 import * as i2$3 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
@@ -42,22 +42,18 @@ import { DateRange, MatDatepickerModule } from '@angular/material/datepicker';
 import * as i1$7 from '@angular/material/core';
 import { MatNativeDateModule, MAT_DATE_LOCALE } from '@angular/material/core';
 import { v4 } from 'uuid';
-import { SYSTEM_AUDIO_VISUAL_CONFIGURATION, SYSTEM_TRACK_TEXT_CHANGES_SERVICE } from 'herum-shared/tokens';
+import { SYSTEM_AUDIO_VISUAL_CONFIGURATION } from 'herum-shared/tokens';
 import * as i1$5 from '@angular/common/http';
-import { HttpHeaders } from '@angular/common/http';
-import { StorageService } from 'herum-shared/static-services';
-import { selfIsTeacherExample, closedListExample, permissionsTemplatesExample } from 'herum-shared/objectsExample';
-import * as i2$4 from '@angular/router';
-import { cloneDeep } from 'lodash';
 import * as i1$6 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA } from '@angular/material/dialog';
-import * as i2$5 from 'herum-shared/molecules';
+import * as i2$4 from 'herum-shared/molecules';
 import { MoleculesModule as MoleculesModule$1 } from 'herum-shared/molecules';
 import * as i3$1 from 'ag-grid-angular';
 import { AgGridModule } from 'ag-grid-angular';
 import { __decorate } from 'tslib';
 import { TableRowHeight } from 'herum-shared/decorators';
 import { trigger, state, style, transition, animate } from '@angular/animations';
+import { StorageService } from 'herum-shared/static-services';
 import { ErrorMessageDialogComponent as ErrorMessageDialogComponent$1 } from 'herum-shared/errors';
 
 const max = 3;
@@ -1494,7 +1490,7 @@ class QuizMultiAnswerQuestionComponent {
         this.destroySubject$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizMultiAnswerQuestionComponent, deps: [{ token: i1$3.FormBuilder }, { token: HERUM_SHARED_CONFIG_TOKEN }], 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, 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.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of question.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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of question.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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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,
@@ -1522,7 +1518,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], checkboxes: [{
                 type: ViewChildren,
-                args: [HerumCheckboxComponent]
+                args: [HerumCheckboxComponent$1]
             }] } });
 
 class QuizLoaderComponent {
@@ -1735,28 +1731,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }] } });
 
-class HerumFormControl extends FormControl {
-    errorMessages = {};
-    currentErrorMessage = '';
-    destroySubject$ = new Subject();
-    /**
-     @comment The component that creates this class should have destroySubject$ so you can listen to its ngOnDestroy life cycle hook so you can unsubscribe statusChangesSubscription
-     */
-    constructor(formState, validatorOrOpts, asyncValidator, errorMessages, componentReference) {
-        super(formState, validatorOrOpts, asyncValidator);
-        if (errorMessages)
-            this.errorMessages = errorMessages;
-        this.statusChanges.pipe(takeUntil(this.destroySubject$)).subscribe(() => this.setCurrentErrorMessage());
-        componentReference.destroySubject$.pipe(takeUntil(this.destroySubject$)).subscribe(() => {
-            this.destroySubject$.next(null);
-            this.destroySubject$.complete();
-        });
-    }
-    setCurrentErrorMessage() {
-        this.currentErrorMessage = this.errors ? this.errorMessages[Object.keys(this.errors)[0]] : null;
-    }
-}
-
 const emptyNumberInputValue = '0';
 const numericTextType = 'numeric-text';
 class HerumInputFieldComponent {
@@ -1822,14 +1796,14 @@ class HerumInputFieldComponent {
         })).subscribe();
     }
     setInputsByFormControl() {
-        console.log(this.ngControl);
         if (!this.ngControl)
             return;
         if (this.ngControl instanceof FormControlName)
             this.formControlName = this.ngControl.name?.toString() || '';
         this.ngControl.control.statusChanges.pipe(takeUntil(this.destroySubject$)).subscribe(status => {
-            if (this.ngControl.control instanceof HerumFormControl)
-                this.errorMsg = this.ngControl.control.currentErrorMessage;
+            const controlWithErrorMessage = this.ngControl.control;
+            if (!!controlWithErrorMessage.currentErrorMessage)
+                this.errorMsg = controlWithErrorMessage.currentErrorMessage;
             const controlStatus = this.ngControl.control.status;
             this.isValid = controlStatus === formStatuses.valid;
             this.isLoading = controlStatus === formStatuses.pending;
@@ -3359,1196 +3333,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     args: [SYSTEM_AUDIO_VISUAL_CONFIGURATION]
                 }] }] });
 
-const NestedConditionSigniture = "filters";
-const defaultPagingDataFormat = "pageInfo { hasNextPage, hasPreviousPage, startCursor, endCursor }";
-const offsetPagingDataFormat = "pageInfo { hasNextPage, hasPreviousPage }";
-const DefaultQueryName = "DefaultQueryName";
-class GraphQLService {
-    httpClient;
-    environmentConfig;
-    constructor(httpClient, environmentConfig) {
-        this.httpClient = httpClient;
-        this.environmentConfig = environmentConfig;
-    }
-    executeQuery(gqlQuery, isListQuery = true, isOffsetPagination = false) {
-        let variablesObjectForBody;
-        let variablesStringForQuerySignature;
-        if (gqlQuery.variables) {
-            variablesObjectForBody = this.generateVariablesObjectForBody(gqlQuery.variables);
-            variablesStringForQuerySignature = this.generateVariablesStringForQuerySigniture(gqlQuery.variables, gqlQuery.queryName);
-        }
-        const query = this.generateQuery(gqlQuery.resolverName, gqlQuery.formatExample, gqlQuery.filters, gqlQuery.paging?.first, gqlQuery.paging?.after, gqlQuery.offsetPaging, gqlQuery.variables?.length > 0 ? variablesStringForQuerySignature : '', gqlQuery.order, gqlQuery.conditionPaths, gqlQuery.orderPaths, gqlQuery.offsetPagingPaths, isListQuery, isOffsetPagination).replace(regexExpressions.curlyBraces, '');
-        return this.httpClient.post(this.environmentConfig?.graphQLConfiguration?.serverBasePath, { query: query, variables: variablesObjectForBody }, { headers: gqlQuery.headers })
-            .pipe(shareReplay(1), map(res => {
-            return res.data ? res.data[gqlQuery.resolverName] : null;
-        }));
-    }
-    getFreeTextCondition(freeText, orConditionKeys) {
-        let filters = {
-            and: []
-        };
-        freeText.split(" ").forEach(substring => {
-            let orIteration = [];
-            orConditionKeys.forEach(orConditionKey => {
-                orIteration.push({
-                    [orConditionKey]: { contains: substring }
-                });
-            });
-            filters.and.push({ or: orIteration });
-        });
-        return filters;
-    }
-    generateFilterStringDynamically(ids, key, type) {
-        let filters = [];
-        let variables = [];
-        ids.forEach((id, index) => {
-            let newFilter = {};
-            newFilter[key] = {
-                eq: '$' + key + index
-            };
-            filters.push(newFilter);
-            variables.push({
-                name: key + index,
-                value: id,
-                type
-            });
-        });
-        return { filters, variables };
-    }
-    convertToResolverNameFormat(mongoCollectionName) {
-        return mongoCollectionName.charAt(0).toLowerCase() + mongoCollectionName.slice(1);
-    }
-    generateQuery(resolverName, formatExample, condition, first, after, offsetPaging, variablesStringForQuerySigniture, order, conditionPaths, orderPaths, offsetPagingPaths, isListQuery, isOffsetPagination) {
-        const conditionString = this.generateConditionString(condition);
-        const returnFormat = this.getKeysString(formatExample, conditionPaths, orderPaths, offsetPagingPaths);
-        let orderString = order ? `order:${this.generateOrderString(order)},` : '';
-        let pagingString = '';
-        if (isListQuery) {
-            pagingString = isOffsetPagination
-                ? (offsetPaging?.skip > -1 || offsetPaging?.take > -1 ? this.generateOffsetPagingString(offsetPaging) : '')
-                : (first || after ? this.generatePagingString(first, after) : '');
-        }
-        if (after)
-            pagingString += ',';
-        const resolverParameters = (orderString + pagingString + conditionString) == '' ? '' : '(' + orderString + pagingString + conditionString + ')';
-        if (pagingString != '')
-            pagingString += ',';
-        const elementsName = isOffsetPagination ? 'items' : 'nodes';
-        const query = `query ${variablesStringForQuerySigniture ? variablesStringForQuerySigniture : ''} { 
-      ${resolverName + resolverParameters} { ${isListQuery ? (isOffsetPagination ? offsetPagingDataFormat : defaultPagingDataFormat) + `,totalCount , ${elementsName} {` : ''} ${returnFormat} } ${isListQuery ? '}' : ''} }`;
-        return query;
-    }
-    generateConditionString(condition, isRecursiveCall = false) {
-        let conditionString = "";
-        if (!condition || (!condition.and || condition.and?.length == 0) && (!condition.or || condition.or?.length == 0))
-            return conditionString;
-        if (condition) {
-            conditionString = isRecursiveCall ? "" : "where: {";
-            if (condition?.and) {
-                let andString = "";
-                condition.and.forEach(filter => {
-                    (Object.keys(filter)[0] == 'or' || Object.keys(filter)[0] == 'and') ?
-                        andString += `{${this.generateConditionString(filter, true)}},` :
-                        andString += `{${this.getKeysString(filter, null, null, null, null, true)}},`;
-                });
-                andString = andString.slice(0, -1);
-                conditionString += `and: [${andString}]`;
-                conditionString += condition.or ? ',' : '';
-            }
-            if (condition?.or) {
-                let orString = "";
-                condition.or.forEach(filter => orString += `{${this.getKeysString(filter, null, null, null, null, true)}},`);
-                condition.or.forEach(filter => {
-                    (Object.keys(filter)[0] == 'or' || Object.keys(filter)[0] == 'and') ?
-                        orString += `{${this.generateConditionString(filter, true)}},` :
-                        orString += `{${this.getKeysString(filter, null, null, null, null, true)}},`;
-                });
-                orString = orString.slice(0, -1);
-                conditionString += `or: [${orString} ]`;
-            }
-            conditionString += isRecursiveCall ? "" : "}";
-        }
-        return conditionString;
-    }
-    generatePagingString(first, after) {
-        let result = '';
-        result += first ? `first:${first},` : '';
-        result += after ? ` after:"${after}"` : '';
-        return result;
-    }
-    generateOffsetPagingString(offsetPaging) {
-        const { skip, take } = offsetPaging;
-        let result = '';
-        result += skip > -1 ? `skip:${skip},` : '';
-        result += take > -1 ? ` take:${take}, ` : '';
-        return result;
-    }
-    getKeysString(obj, conditionPaths, orderPaths, offsetPagingPaths, parentKey = null, isConditionString = false) {
-        let result = '';
-        for (const key in obj) {
-            result += `${key}`;
-            if (((conditionPaths && conditionPaths[key]) || (orderPaths && orderPaths[key])) && !isConditionString) {
-                result += '(';
-                if (conditionPaths && conditionPaths[key])
-                    result += this.generateConditionString(conditionPaths[key]);
-                if (orderPaths && orderPaths[key])
-                    result += this.getKeysString(orderPaths[key], null, null, null, null, true);
-                if (offsetPagingPaths && offsetPagingPaths[key])
-                    result += (offsetPagingPaths[key].skip > -1 || offsetPagingPaths[key].take > -1) ? `,${this.generateOffsetPagingString(offsetPagingPaths[key])}` : '';
-                result += `)`;
-            }
-            if (offsetPagingPaths && offsetPagingPaths[key])
-                result += '{items';
-            if (obj[key]?.length > 0 && !isConditionString && obj[key] !== null && typeof obj[key] !== 'string') {
-                result += isConditionString ? `: { ${this.getKeysString(obj[key], conditionPaths, orderPaths, offsetPagingPaths, key, isConditionString)} }` :
-                    ` { ${this.getKeysString(obj[key][0], conditionPaths, orderPaths, key, isConditionString)} }`;
-            }
-            else if (typeof obj[key] === 'object' && obj[key] !== null && typeof obj[key] !== 'string')
-                result += isConditionString ? `: { ${this.getKeysString(obj[key], conditionPaths, orderPaths, offsetPagingPaths, key, isConditionString)} }` :
-                    ` { ${this.getKeysString(obj[key], conditionPaths, orderPaths, offsetPagingPaths, parentKey + '.' + key, isConditionString)} }`;
-            else if (typeof obj[key] === 'string' && obj[key] !== null && isConditionString)
-                result += (obj[key][0] == '$' || obj[key].includes('ASC') || obj[key].includes('DESC')) ? `: ${obj[key]}` : `: "${obj[key]}"`;
-            else if (typeof obj[key] === 'number' && obj[key] !== null && isConditionString)
-                result += `: ${JSON.stringify(obj[key])}`;
-            else if (typeof obj[key] === 'boolean' && obj[key] !== null && isConditionString)
-                result += `: ${obj[key]}`;
-            if (offsetPagingPaths && offsetPagingPaths[key])
-                result += '}';
-            result += ', ';
-        }
-        return result.slice(0, -2);
-    }
-    generateVariablesObjectForBody(variables) {
-        return variables.reduce((acc, obj) => {
-            acc[obj.name] = obj.value;
-            return acc;
-        }, {});
-    }
-    generateVariablesStringForQuerySigniture(variables, queryName) {
-        if (!queryName)
-            queryName = DefaultQueryName;
-        let result = (queryName ? queryName : DefaultQueryName) + '(';
-        variables.forEach(variable => {
-            result += "$" + variable.name + ":" + variable.type + ",";
-        });
-        result = result.slice(0, -1) + ")";
-        return result;
-    }
-    generateOrderString(order) {
-        let orderString = '{';
-        Object.keys(order).forEach((key, index, keys) => {
-            orderString += typeof order[key] === 'object' ?
-                `${key}:${this.generateOrderString(order[key])}` :
-                `${key}:${order[key]}`;
-            if (index < keys.length - 1)
-                orderString += ',';
-        });
-        return orderString + '}';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GraphQLService, deps: [{ token: i1$5.HttpClient }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GraphQLService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GraphQLService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$5.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [HERUM_SHARED_CONFIG_TOKEN]
-                }] }] });
-
-const AuthStorageKey = 'AUTH_SESSION_ID';
-const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
-class AuthService {
-    http;
-    router;
-    gql;
-    environmentConfig;
-    sessionId$ = new BehaviorSubject('');
-    isTeacher$ = new Subject();
-    constructor(http, router, gql, environmentConfig) {
-        this.http = http;
-        this.router = router;
-        this.gql = gql;
-        this.environmentConfig = environmentConfig;
-        let sessionId = StorageService.getItem(AuthStorageKey);
-        if (!sessionId)
-            return;
-        this.sessionId$.next(sessionId);
-    }
-    tryLogin(signInFormData) {
-        const personalId = signInFormData.personalId;
-        let loginFormat = {
-            identifier: personalId,
-            hash: toHash(this.generateStringForAuthenticationHash(personalId, signInFormData.militaryId))
-        };
-        return this.http.post(this.environmentConfig?.environment?.siteServerPath + this.environmentConfig?.authenticationPaths?.tryLogin, loginFormat)
-            .pipe(map((authenticationResponse) => this.handleNewSessionId(authenticationResponse)));
-    }
-    getUserIdentificationQuestions(personalId) {
-        return this.http.get(this.environmentConfig?.environment?.siteServerPath + `/Authentication/SecurityQuestions/${personalId}`);
-    }
-    signUp(signUpData) {
-        return this.http.post(this.environmentConfig?.environment?.siteServerPath + this.environmentConfig?.authenticationPaths?.signUp, signUpData)
-            .pipe(map((authenticationResponse) => this.handleNewSessionId(authenticationResponse)));
-    }
-    logout() {
-        this.clearSession();
-        this.router.navigate(['/login']);
-    }
-    clearSession() {
-        StorageService.deleteAll();
-        this.sessionId$.next('');
-    }
-    isValidSessionId(sessionId) {
-        let jSessionId = JSON.stringify(sessionId ?? '');
-        return this.http.post(this.environmentConfig?.environment?.siteServerPath + this.environmentConfig?.authenticationPaths?.isValidSessionId, jSessionId, { headers: headers });
-    }
-    isTeacher() {
-        let userQuery = {
-            resolverName: 'self',
-            formatExample: selfIsTeacherExample,
-            conditionPaths: { collegeStudyingLessons: { and: [{ lesson: { isDeleted: { eq: false } } }] } }
-        };
-        return this.gql.executeQuery(userQuery, false).pipe(map(user => {
-            const isTeacher = !(!user.collegeTeacherAssignments || user.collegeTeacherAssignments.length == 0) ||
-                !(!user.collegeTeachingLessons || user.collegeTeachingLessons.length == 0) ||
-                !(!user.collegeCheckingLessons || user.collegeCheckingLessons.length == 0) || user.isAdmin == true;
-            this.isTeacher$.next(isTeacher);
-            return isTeacher;
-        }));
-    }
-    setIdentificationQuestions(password, questions) {
-        return this.http.post(this.environmentConfig?.environment?.siteServerPath + '/Authentication/UpdateLoginData', {
-            password,
-            securityQuestions: questions.map(question => ({ ...question, answer: toHash(question.answer) }))
-        });
-    }
-    resetPassword(securityQuestions, personalId, newPassword) {
-        return this.http.post(this.environmentConfig?.environment?.siteServerPath + '/Authentication/ResetPassword', {
-            personalId: personalId,
-            answers: securityQuestions.map(question => ({ questionId: question._id, answer: toHash(question.answer) })),
-            newPassword: newPassword
-        });
-    }
-    securityCheck(securityQuestions, personalId) {
-        return this.http.post(this.environmentConfig?.environment?.siteServerPath + '/Authentication/SecurityCheck', {
-            personalId: personalId,
-            answers: securityQuestions.map(question => ({ questionId: question._id, answer: toHash(question.answer) }))
-        });
-    }
-    handleNewSessionId(authenticationResponse) {
-        if (authenticationResponse.sessionId?.length > 0)
-            this.updateSessionId(authenticationResponse.sessionId);
-        return authenticationResponse;
-    }
-    updateSessionId(newValue) {
-        this.sessionId$.next(newValue);
-        StorageService.setItem(AuthStorageKey, newValue);
-    }
-    generateStringForAuthenticationHash(personalId, militaryId) {
-        return personalId + militaryId;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthService, deps: [{ token: i1$5.HttpClient }, { token: i2$4.Router }, { token: GraphQLService }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$5.HttpClient }, { type: i2$4.Router }, { type: GraphQLService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [HERUM_SHARED_CONFIG_TOKEN]
-                }] }] });
-
-class CommonGraphqlRequestsService {
-    gql;
-    environmentConfig;
-    constructor(gql, environmentConfig) {
-        this.gql = gql;
-        this.environmentConfig = environmentConfig;
-    }
-    getGroupsByIds(ids, formatExample) {
-        let filterQuery = this.gql.generateFilterStringDynamically(ids, 'id', 'String');
-        let query = {
-            resolverName: this.gql.convertToResolverNameFormat(this.environmentConfig?.mongoUpdates?.Collections?.Groups),
-            formatExample: formatExample,
-            filters: {
-                or: filterQuery.filters
-            },
-            variables: filterQuery.variables
-        };
-        return this.gql.executeQuery(query).pipe(map(gqlGroups => gqlGroups?.nodes));
-    }
-    getClosedLists(names) {
-        let query = {
-            resolverName: this.gql.convertToResolverNameFormat(this.environmentConfig?.mongoUpdates?.Collections?.ClosedLists),
-            formatExample: closedListExample,
-            filters: { and: [{ isDeleted: { eq: false } }] },
-            variables: []
-        };
-        names?.forEach((name, i) => {
-            if (query.filters.or)
-                query.filters.or.push({
-                    name: {
-                        eq: '$name' + i
-                    },
-                });
-            else
-                query.filters.or = [{
-                        name: {
-                            eq: '$name' + i
-                        },
-                    }];
-            query.variables.push({
-                name: 'name' + i,
-                value: name,
-                type: 'String'
-            });
-        });
-        return this.gql.executeQuery(query).pipe(map(gqlResult => gqlResult.nodes));
-    }
-    getUsersByIds(usersIds, formatExample) {
-        let filterQuery = this.gql.generateFilterStringDynamically(usersIds, generalKeys.id, 'String');
-        let query = {
-            resolverName: this.gql.convertToResolverNameFormat(this.environmentConfig?.mongoUpdates?.Collections?.Users),
-            formatExample,
-            filters: {
-                or: filterQuery.filters
-            },
-            variables: filterQuery.variables
-        };
-        return this.gql.executeQuery(query).pipe(map(gqlResponse => gqlResponse?.nodes));
-    }
-    getPermissionsTemplates() {
-        let query = {
-            resolverName: 'permissionsTemplates',
-            formatExample: permissionsTemplatesExample,
-        };
-        return this.gql.executeQuery(query).pipe(map(gqlResponse => gqlResponse.nodes));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CommonGraphqlRequestsService, deps: [{ token: GraphQLService }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CommonGraphqlRequestsService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CommonGraphqlRequestsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: GraphQLService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [HERUM_SHARED_CONFIG_TOKEN]
-                }] }] });
-
-const innerUniqListItemKey = '_id';
-const emptyValueFlagForCreationUniqListItem = 'null';
-class DbActionsInnerIdManagerService {
-    determineIfInnerIdIsNeeded(value) {
-        if (!Array.isArray(value))
-            return;
-        if (value[0][innerUniqListItemKey])
-            value[0].id = value[0][innerUniqListItemKey] == emptyValueFlagForCreationUniqListItem ? null : value[0][innerUniqListItemKey];
-    }
-    deleteInnerIdFieldIfExist(itemToAttach, itemValue) {
-        if (itemValue.hasOwnProperty(innerUniqListItemKey)) {
-            itemToAttach[Object.keys(itemToAttach)[0]][generalKeys.id] =
-                itemToAttach[Object.keys(itemToAttach)[0]][innerUniqListItemKey] == emptyValueFlagForCreationUniqListItem ?
-                    null :
-                    itemToAttach[Object.keys(itemToAttach)[0]][innerUniqListItemKey];
-            delete itemToAttach[Object.keys(itemToAttach)[0]][innerUniqListItemKey];
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionsInnerIdManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionsInnerIdManagerService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionsInnerIdManagerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-const ATTACH = "Attach";
-class DbActionRequestsService {
-    http;
-    dbActionsInnerIdManagerService;
-    environmentConfig;
-    constructor(http, dbActionsInnerIdManagerService, environmentConfig) {
-        this.http = http;
-        this.dbActionsInnerIdManagerService = dbActionsInnerIdManagerService;
-        this.environmentConfig = environmentConfig;
-    }
-    getFileRequest(request, file) {
-        const formData = new FormData();
-        formData.append(generalKeys.newFileRequest, JSON.stringify(request));
-        formData.append(generalKeys.file, file);
-        return formData;
-    }
-    addOrUpdateAndAttachBulkWithFile(mongoCollectionName, fields, file, ids, uploadsManagerTitle, skipToast) {
-        let headers = this.setAddOrUpdateAndAttachBulkWithFileHeaders([uploadsManagerTitle, skipToast]);
-        return this.getMongoCollectionModelInfo(mongoCollectionName).pipe(switchMap((modelInfo) => {
-            if (fields.files)
-                delete fields.files;
-            const splittedFields = this.splitFieldByType(fields, modelInfo);
-            const request = {
-                DbBasicActionRequest: {
-                    data: splittedFields.keysToUpdate,
-                    ids
-                },
-                DbAttachmentActionRequests: this.getFormattedAttachments(ids, splittedFields.keysToAttach, splittedFields.keysToAttachInDifferentModel, modelInfo)
-            };
-            return this.http.put(buildPath([
-                this.environmentConfig?.environment?.siteServerPath,
-                mongoCollectionName,
-                this.environmentConfig?.mongoUpdates?.Methods?.AddOrUpdate,
-                this.environmentConfig?.mongoUpdates?.Submethods?.AndAttach,
-                this.environmentConfig?.mongoUpdates?.Options?.Bulk,
-                this.environmentConfig?.mongoUpdates?.Options?.SetFile
-            ]), this.getFileRequest(request, file), { responseType: 'text', reportProgress: !!file, headers });
-        }));
-    }
-    setAddOrUpdateAndAttachBulkWithFileHeaders(headerToSet) {
-        let headers = null;
-        const [uploadsManagerTitle, skipToast] = headerToSet;
-        if (uploadsManagerTitle)
-            headers = setHeaders(new HttpHeaders(), [{ key: uploadsManagerKeys.uploadsManagerTitleHeader, value: uploadsManagerTitle }], true);
-        if (skipToast)
-            headers = skipToastHeader;
-        return headers;
-    }
-    AndAttachBulk(mongoCollectionName, fields, ids, method, attachmentsToUpdate) {
-        if (ids.every(id => !id))
-            ids = undefined;
-        return this.getMongoCollectionModelInfo(mongoCollectionName).pipe(switchMap((modelInfo) => {
-            const splittedFields = this.splitFieldByType(fields, modelInfo);
-            const request = {
-                DbBasicActionRequest: {
-                    data: Object.assign(splittedFields.keysToUpdate, attachmentsToUpdate),
-                    ids
-                },
-                DbAttachmentActionRequests: this.getFormattedAttachments(ids, splittedFields.keysToAttach, splittedFields.keysToAttachInDifferentModel, modelInfo)
-            };
-            if (method == 'create')
-                delete request.DbBasicActionRequest.ids;
-            return this.http.request(method == 'create' ? 'post' : 'put', buildPath([
-                this.environmentConfig?.environment?.siteServerPath,
-                mongoCollectionName,
-                method == 'addOrUpdate' ? this.environmentConfig?.mongoUpdates?.Methods?.AddOrUpdate : this.environmentConfig?.mongoUpdates?.Methods?.Create,
-                this.environmentConfig?.mongoUpdates?.Submethods?.AndAttach,
-                this.environmentConfig?.mongoUpdates?.Options?.Bulk
-            ]), { body: request });
-        }));
-    }
-    basicBulk(mongoCollectionName, fields, ids, requestType, skipToast) {
-        return this.getMongoCollectionModelInfo(mongoCollectionName).pipe(switchMap((modelInfo) => {
-            const updatedFields = remainJustWantedValueInDictionary(generalKeys.id, fields);
-            const splitedFields = this.splitFieldByType(fields, modelInfo);
-            const requests = Object.entries(updatedFields).map(([field, value]) => {
-                const fieldModelInfo = splitedFields.keysToAttachInDifferentModel[field];
-                return fieldModelInfo?.sourceField ?
-                    this.buildMirrorSourceCollectionRequestsData(value, fieldModelInfo.sourceField, fieldModelInfo.innerPreviewModelName, ids[0], requestType, fieldModelInfo.attachedToType)
-                    : this.buildSourceCollectionRequestsData(ids, { [field]: value }, requestType, mongoCollectionName);
-            });
-            let headers = null;
-            if (skipToast)
-                headers = skipToastHeader;
-            return this.http.post(buildPath([
-                this.environmentConfig?.environment?.siteServerPath,
-                mongoCollectionName,
-                this.environmentConfig?.mongoUpdates?.Methods?.Basic,
-                this.environmentConfig?.mongoUpdates?.Options?.Bulk,
-            ]), { requests }, { headers });
-        }));
-    }
-    buildSourceCollectionRequestsData(mongoSourceCollectionIds, data, requestType, mongoSourceCollectionName) {
-        return {
-            ids: mongoSourceCollectionIds,
-            data,
-            requestType,
-            actOnType: mongoSourceCollectionName
-        };
-    }
-    buildMirrorSourceCollectionRequestsData(fieldValue, sourceField, innerPreviewModelName, mongoSourceCollectionId, requestType, attachedToType) {
-        return {
-            ids: this.arrayOfIdObjectsToIdsArray(fieldValue),
-            data: this.buildBasicBulkObjectData(sourceField, innerPreviewModelName, mongoSourceCollectionId),
-            requestType,
-            actOnType: attachedToType
-        };
-    }
-    arrayOfIdObjectsToIdsArray(array) {
-        return array.map(object => object.id);
-    }
-    buildBasicBulkObjectData(sourceField, innerPreviewModelName, mongoSourceCollectionId) {
-        const value = innerPreviewModelName ? { [innerPreviewModelName]: { id: mongoSourceCollectionId } } : { id: mongoSourceCollectionId };
-        return { [sourceField]: [value] };
-    }
-    deleteMongoDocument(mongoCollectionName, ids) {
-        return this.http.post(buildPath([
-            this.environmentConfig?.environment?.siteServerPath,
-            mongoCollectionName,
-            this.environmentConfig?.mongoUpdates?.Methods?.Delete,
-        ]), ids);
-    }
-    deletePreviewItemsFromList(mongoCollectionName, fields, ids) {
-        const request = {
-            ids,
-            data: fields
-        };
-        return this.http.put(buildPath([
-            this.environmentConfig?.environment?.siteServerPath,
-            mongoCollectionName,
-            this.environmentConfig?.mongoUpdates?.Methods?.ListItemDeletion
-        ]), request);
-    }
-    getFormattedAttachments(ids, objectsToAttach, keysToAttachInDifferentModel, modelInfo) {
-        let result = [];
-        Object.keys(objectsToAttach).forEach(keyToAttach => {
-            let attachments = {};
-            if (Array.isArray(objectsToAttach[keyToAttach]))
-                objectsToAttach[keyToAttach].forEach((itemToAttach) => {
-                    const itemKey = Object.keys(itemToAttach)[0];
-                    const itemValue = itemToAttach[itemKey];
-                    this.dbActionsInnerIdManagerService.deleteInnerIdFieldIfExist(itemToAttach, itemValue);
-                    if (itemValue.hasOwnProperty(generalKeys.id) && itemValue[generalKeys.id] !== null)
-                        delete itemToAttach[Object.keys(itemToAttach)[0]][generalKeys.id];
-                    Object.assign(attachments, itemToAttach);
-                });
-            else
-                attachments[objectsToAttach[keyToAttach]] = {};
-            objectsToAttach[keyToAttach].forEach((objectToAttach, index) => {
-                if (objectsToAttach[keyToAttach] && Object.keys(objectsToAttach[keyToAttach][index]) && attachments[Object.keys(objectsToAttach[keyToAttach][index])[0]])
-                    Object.keys(attachments[Object.keys(objectsToAttach[keyToAttach][index])[0]]).forEach(keyOfObjectToAttachData => {
-                        if (modelInfo[keyToAttach].innerPreviewModelName == keyOfObjectToAttachData || !modelInfo[keyToAttach].innerProperties.hasOwnProperty(keyOfObjectToAttachData))
-                            delete attachments[Object.keys(objectsToAttach[keyToAttach][index])[0]][keyOfObjectToAttachData];
-                    });
-            });
-            result.push({
-                field: keyToAttach.charAt(0).toUpperCase() + keyToAttach.slice(1),
-                attachments,
-                ids
-            });
-        });
-        Object.keys(keysToAttachInDifferentModel).forEach(field => {
-            const extensionValue = Object.values(DbActionsInconsistencyMap[field].extension)[0];
-            const updatedExtensionInfo = { [ids[0]]: extensionValue };
-            let request = {
-                field: keysToAttachInDifferentModel[field].sourceField,
-                attachments: updatedExtensionInfo,
-                ids: keysToAttachInDifferentModel[field].values.map(value => value.id),
-                attachedToType: keysToAttachInDifferentModel[field].attachedToType
-            };
-            result.push(request);
-        });
-        return result;
-    }
-    splitFieldByType(fields, modelInfo) {
-        return Object.entries(fields).reduce((acc, [key, value]) => {
-            if (modelInfo[key] && (modelInfo[key].attachedToType == null || modelInfo[key].sourceField == null || modelInfo[key].sourceField == undefined)) {
-                const group = modelInfo[key].propertyUpdateType === ATTACH ? 'keysToAttach' : 'keysToUpdate';
-                if (value !== null && value !== undefined && (!Array.isArray(value) || value.length > 0)) {
-                    acc[group] = {
-                        ...acc[group], [key]: modelInfo[key].propertyUpdateType === ATTACH ?
-                            value?.map(value => {
-                                return { [value.id + '']: value };
-                            }) :
-                            value
-                    };
-                    this.dbActionsInnerIdManagerService.determineIfInnerIdIsNeeded(value);
-                }
-            }
-            else {
-                if (modelInfo[DbActionsInconsistencyMap[key]?.backendNaming])
-                    acc.keysToAttachInDifferentModel = {
-                        ...acc.keysToAttachInDifferentModel, [key]: {
-                            attachedToType: modelInfo[DbActionsInconsistencyMap[key].backendNaming]?.attachedToType,
-                            sourceField: modelInfo[DbActionsInconsistencyMap[key].backendNaming]?.sourceField,
-                            innerPreviewModelName: modelInfo[DbActionsInconsistencyMap[key].backendNaming]?.innerPreviewModelName,
-                            values: fields[key]
-                        }
-                    };
-                else
-                    acc.keysToAttachInDifferentModel = {
-                        ...acc.keysToAttachInDifferentModel, [key]: {
-                            attachedToType: modelInfo[key]?.attachedToType,
-                            sourceField: modelInfo[key]?.sourceField,
-                            innerPreviewModelName: modelInfo[key]?.innerPreviewModelName,
-                            values: fields[key]
-                        }
-                    };
-            }
-            return acc;
-        }, { keysToAttach: {}, keysToUpdate: {}, keysToAttachInDifferentModel: {} });
-    }
-    getMongoCollectionModelInfo(mongoCollectionName) {
-        return this.http.get(buildPath([
-            this.environmentConfig?.environment?.siteServerPath,
-            mongoCollectionName,
-            this.environmentConfig?.mongoUpdates?.Methods?.ModelInfo
-        ]));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionRequestsService, deps: [{ token: i1$5.HttpClient }, { token: DbActionsInnerIdManagerService }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionRequestsService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionRequestsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$5.HttpClient }, { type: DbActionsInnerIdManagerService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [HERUM_SHARED_CONFIG_TOKEN]
-                }] }] });
-const DbActionsInconsistencyMap = {
-    groups: {
-        backendNaming: "members",
-        extension: {
-            "NEW_VALUE": {}
-        },
-    },
-    groupsPermissions: {
-        backendNaming: "permittedGroups",
-        extension: {
-            "NEW_VALUE": {
-                "permission": {
-                    "update": true
-                }
-            }
-        },
-    },
-    groupsViewPermissions: {
-        backendNaming: "permittedGroups",
-        extension: {
-            "NEW_VALUE": {
-                "permission": {
-                    "update": false
-                }
-            }
-        }
-    },
-    assignments: {
-        backendNaming: "assignments",
-        extension: {
-            "NEW_VALUE": {
-                "id": null,
-                assignmentMetadata
-            }
-        }
-    },
-    "collegeTeacherAssignments": {
-        backendNaming: "collegeTeacherAssignments",
-        extension: {
-            "NEW_VALUE": {
-                "id": null
-            }
-        }
-    },
-    "collegeStudentAssignments": {
-        backendNaming: "collegeStudentAssignments",
-        extension: {
-            "NEW_VALUE": {
-                "id": null
-            }
-        }
-    }
-};
-
-class GlobalKeyboardListenerService {
-    environmentConfig;
-    globalKeyboardEvents$ = new Subject();
-    connection;
-    constructor(environmentConfig) {
-        this.environmentConfig = environmentConfig;
-        this.initGlobalSocket();
-    }
-    initGlobalSocket() {
-        if (this.connection)
-            return;
-        this.connection = new WebSocket(this.environmentConfig?.environment?.keyboardEventsLocalSocketPath);
-        this.connection.onmessage = (webSocketMessage) => {
-            const event = JSON.parse(webSocketMessage.data);
-            if (event.state == 'UP')
-                this.globalKeyboardEvents$.next(event);
-        };
-    }
-    get globalKeysToChromeKeysNames() {
-        return {
-            'NUMPAD 0': 'Insert',
-            'NUMPAD 1': 'End',
-            'NUMPAD 2': 'ArrowDown',
-            'NUMPAD 3': 'PageDown',
-            'NUMPAD 4': 'ArrowLeft',
-            'NUMPAD 5': 'Clear',
-            'NUMPAD 6': 'ArrowRight',
-            'NUMPAD 7': 'Home',
-            'NUMPAD 8': '',
-            'NUMPAD 9': 'PageUp',
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlobalKeyboardListenerService, deps: [{ token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlobalKeyboardListenerService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlobalKeyboardListenerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [HERUM_SHARED_CONFIG_TOKEN]
-                }] }] });
-
-class KeyPressService {
-    shouldPreventMacroKeyPress(event, macroKeysPress) {
-        const eventTarget = event.target;
-        const targetMacroKeys = eventTarget.getAttribute(attributes.preventMacroKeysPressEvent)?.split(",").map(Number);
-        const targetHasPreventMacroKeyPress = targetMacroKeys?.some(targetMacroKey => macroKeysPress.includes(targetMacroKey));
-        return targetHasPreventMacroKeyPress || eventTarget.hasAttribute(attributes.contenteditable);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: KeyPressService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: KeyPressService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: KeyPressService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class LoaderManagerService {
-    loadersIds = [];
-    loadingDescription = '';
-    addLoader(loaderId, description) {
-        this.loadersIds.push(loaderId);
-        this.loadingDescription = description;
-    }
-    changeDescription(description) {
-        this.loadingDescription = description;
-    }
-    clear() {
-        this.loadersIds = [];
-        this.loadingDescription = '';
-    }
-    removeLoaderId(loaderIdToRemove) {
-        let indexToRemove = this.loadersIds.findIndex(loaderId => loaderId == loaderIdToRemove);
-        if (indexToRemove != -1)
-            this.loadersIds.splice(indexToRemove, 1);
-    }
-    get isFullScreenLoading() {
-        return this.loadersIds.length > 0;
-    }
-    ;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: LoaderManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: LoaderManagerService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: LoaderManagerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-const freeTextAnswerField = 'FreeTextAnswer';
-const gradeField = 'Grade';
-const answerNotesField = 'AnswerNotes[]';
-const UserQuestionsDataPath = 'QuizData.UserQuestionsData';
-class MicroResourcesService {
-    http;
-    environmentConfig;
-    constructor(http, environmentConfig) {
-        this.http = http;
-        this.environmentConfig = environmentConfig;
-    }
-    getAssignmentUpdateTimings(selectedResource, openingTime, closingTime) {
-        return [{
-                propertyPath: this.buildQuestionPropertyPath(selectedResource.quiz.questions[0]?.id, freeTextAnswerField),
-                collectionItemType: '',
-                openingTime,
-                closingTime,
-                authorizationType: microResourceAuthorizationType.update
-            },
-            {
-                propertyPath: this.buildQuestionPropertyPath(selectedResource.quiz.questions[1]?.id, freeTextAnswerField),
-                collectionItemType: '',
-                openingTime,
-                closingTime,
-                authorizationType: microResourceAuthorizationType.update
-            }];
-    }
-    getPublishGradeTimings(selectedResource, openingTime = new Date(2999, 1, 1), closingTime) {
-        return [{
-                authorizationType: microResourceAuthorizationType.view,
-                closingTime: closingTime,
-                collectionItemType: "",
-                openingTime: openingTime,
-                propertyPath: this.buildQuestionPropertyPath(selectedResource.quiz.questions[0].id, gradeField)
-            }, {
-                authorizationType: microResourceAuthorizationType.view,
-                closingTime: closingTime,
-                collectionItemType: "",
-                openingTime: openingTime,
-                propertyPath: this.buildQuestionPropertyPath(selectedResource.quiz.questions[1].id, gradeField)
-            }, {
-                authorizationType: microResourceAuthorizationType.view,
-                closingTime: closingTime,
-                collectionItemType: "",
-                openingTime: openingTime,
-                propertyPath: this.buildQuestionPropertyPath(selectedResource.quiz.questions[0].id, answerNotesField)
-            }, {
-                authorizationType: microResourceAuthorizationType.view,
-                closingTime: closingTime,
-                collectionItemType: "",
-                openingTime: openingTime,
-                propertyPath: this.buildQuestionPropertyPath(selectedResource.quiz.questions[1].id, answerNotesField)
-            }, {
-                authorizationType: microResourceAuthorizationType.view,
-                closingTime: closingTime,
-                collectionItemType: "",
-                openingTime: openingTime,
-                propertyPath: `Grade`
-            }];
-    }
-    updateUserMicroResourceAuthorizationLocally(currentLesson, studentId, microResourceAuthorizations, selectedResource) {
-        currentLesson.students.find(student => student.student.id == studentId)
-            .resourceSubscriptions.find(resourceSubscription => resourceSubscription.resourcePreview.id == selectedResource.id)
-            .microResourceAuthorizations = microResourceAuthorizations;
-    }
-    updateUserMicroResourceVisibility(microResource, resource, lesson, user) {
-        let propertyPath;
-        propertyPath = this.resolvePropertyPath(microResource.propertyPath, resource.quiz.questions);
-        resource.microResourceAuthorizations = resource.microResourceAuthorizations.filter(microResourceAuthorization => microResourceAuthorization.propertyPath != "" &&
-            microResourceAuthorization.propertyPath != propertyPath);
-        resource.microResourceAuthorizations.push({
-            propertyPath: propertyPath,
-            collectionItemType: microResource.collectionItemType,
-            openingTime: microResource.openingTime,
-            closingTime: microResource.closingTime,
-            authorizationType: microResourceAuthorizationType.view
-        });
-        return this.updateUserMicroResourceAuthorization(user.student.id, lesson, resource, resource.microResourceAuthorizations);
-    }
-    updateUserMicroResourceAuthorization(studentId, lesson, resource, authorizations) {
-        return this.http.post(this.environmentConfig?.environment?.siteServerPath + '/Activity/UpdateAuthorizations', {
-            userIds: [studentId],
-            lessonId: lesson.id,
-            resourceId: resource.id,
-            authorizations
-        }).pipe(tap(() => {
-            this.updateUserMicroResourceAuthorizationLocally(lesson, studentId, authorizations, resource);
-        }));
-    }
-    resolvePropertyPath(path, questions) {
-        return typeof path === 'function' ? path(questions) : path;
-    }
-    isTimePass(date) {
-        if (!date)
-            return false;
-        return new Date(date).getTime() < new Date().getTime();
-    }
-    isAuthenticated(microResource) {
-        return this.isTimePass(microResource.openingTime) && !this.isTimePass(microResource.closingTime);
-    }
-    isQuestionAssignment(resourceSubscription, questionType) {
-        const question = resourceSubscription?.quizData?.userQuestionsData.find(userQuestionData => userQuestionData.questionType === questionType);
-        if (!question)
-            return false;
-        return !!resourceSubscription.microResourceAuthorizations?.find(microResourceAuthorization => microResourceAuthorization.propertyPath === this.buildQuestionPropertyPath(question.id, freeTextAnswerField));
-    }
-    isQuestionPendingForCheck(resourceSubscription, questionData) {
-        const microResourceAuthorizations = resourceSubscription.microResourceAuthorizations;
-        const questionId = questionData.id;
-        const questionClosingTime = microResourceAuthorizations?.find(microResourceAuthorization => microResourceAuthorization.propertyPath === this.buildQuestionPropertyPath(questionId, freeTextAnswerField) && microResourceAuthorization.authorizationType === microResourceAuthorizationType.update)?.closingTime;
-        const gradePublishOpeningTime = microResourceAuthorizations?.find(microResourceAuthorization => microResourceAuthorization.propertyPath === this.buildQuestionPropertyPath(questionId, gradeField))?.openingTime;
-        let isQuestionPendingForCheck = false;
-        if (questionClosingTime && questionData.grade === defaultGrade) {
-            isQuestionPendingForCheck = gradePublishOpeningTime ?
-                new Date(questionClosingTime).getTime() < new Date().getTime() && new Date().getTime() < new Date(gradePublishOpeningTime).getTime() :
-                new Date(questionClosingTime).getTime() < new Date().getTime();
-        }
-        return isQuestionPendingForCheck;
-    }
-    buildQuestionPropertyPath(id, field) {
-        return `${UserQuestionsDataPath}[${id}].${field}`;
-    }
-    hasFillAuthorizationClosingTimePassed(innerAuthorizations, resource) {
-        const fillAuthorizationPropertyPath = defaultAuthorizationObject.fill().propertyPath.replace(resourceIdPlaceholder, resource.id);
-        const fillAuthorization = innerAuthorizations?.find(auth => auth.propertyPath == fillAuthorizationPropertyPath && auth.authorizationType == microResourceAuthorizationType.fill);
-        return this.isTimePass(fillAuthorization?.closingTime);
-    }
-    isPublishGradeAuthenticated(innerAuthorizations, resource) {
-        const publishGradeInnerAuthorizations = this.getAuthorization(innerAuthorizations, defaultAuthorizationObject.resourceGrade(), microResourceAuthorizationType.view, resource);
-        return publishGradeInnerAuthorizations ? this.isAuthenticated(publishGradeInnerAuthorizations) : false;
-    }
-    getAuthorization(innerAuthorizations, defaultAuthorizationObject, microResourceAuthorizationType, resource) {
-        const fillAuthorizationPropertyPath = defaultAuthorizationObject.propertyPath.replace(resourceIdPlaceholder, resource.id);
-        return innerAuthorizations.find((innerAuthorization) => innerAuthorization.propertyPath === fillAuthorizationPropertyPath && innerAuthorization.authorizationType === microResourceAuthorizationType);
-    }
-    createMultiResourceDefaultAuthorizations(students, pageId, resourcesIds, defaultAuthorizations, authorizations) {
-        const updates = [];
-        let microAuthorizations = [];
-        if (authorizations)
-            microAuthorizations = authorizations;
-        else {
-            resourcesIds.forEach(resourceId => {
-                let defaultAuthorizationsCopy = cloneDeep(defaultAuthorizations);
-                defaultAuthorizationsCopy.forEach(authorization => authorization.propertyPath = authorization.propertyPath.replace(resourceIdPlaceholder, resourceId));
-                microAuthorizations.push(...defaultAuthorizationsCopy);
-            });
-        }
-        const parsedAuthorizations = microAuthorizations.map((authorization) => ({
-            propertyPath: authorization.propertyPath,
-            closingTime: authorization.closingTime,
-            openingTime: authorization.openingTime,
-            authorizationType: authorization.authorizationType,
-            lastUpDateTime: new Date(),
-            collectionItemType: authorization.collectionItemType
-        }));
-        students.forEach(student => {
-            updates.push({
-                userIds: [student.user?.id],
-                hadrachaPageId: pageId,
-                authorizations: [...(student.innerAuthorizations || []), ...parsedAuthorizations]
-            });
-        });
-        return forkJoin(updates.map(request => {
-            return this.http.post(this.environmentConfig?.environment?.siteServerPath + this.environmentConfig?.resourcePaths?.resourceUpdateAuthorizations, request);
-        }));
-    }
-    copyResourceStudentsAuthorizations(students, pageId, authSourceResourceId, authTargetResourceId, useDefaultGradePermissions) {
-        const updates = [];
-        students.forEach(student => {
-            let sourceResourceAuthorizations = student.innerAuthorizations.filter(innerAuthorization => innerAuthorization.propertyPath.includes(authSourceResourceId));
-            sourceResourceAuthorizations = cloneDeep(sourceResourceAuthorizations);
-            let targetResourceAuthorizations = sourceResourceAuthorizations.map(authorization => ({
-                ...authorization,
-                lastUpDateTime: new Date(),
-                propertyPath: authorization.propertyPath.replace(authSourceResourceId, authTargetResourceId)
-            }));
-            if (useDefaultGradePermissions) {
-                let defaultGradePermissions = cloneDeep(getPublishAuthorization());
-                defaultGradePermissions.forEach(authorization => authorization.propertyPath = authorization.propertyPath.replace(resourceIdPlaceholder, authTargetResourceId));
-                targetResourceAuthorizations = targetResourceAuthorizations.filter(authorization => !defaultGradePermissions.some(defaultGradePermission => defaultGradePermission.propertyPath == authorization.propertyPath));
-                targetResourceAuthorizations = [...targetResourceAuthorizations, ...defaultGradePermissions];
-            }
-            updates.push({
-                userIds: [student.user?.id],
-                hadrachaPageId: pageId,
-                authorizations: [...(student.innerAuthorizations || []), ...(targetResourceAuthorizations || [])]
-            });
-        });
-        return forkJoin(updates.map(request => this.http.post(this.environmentConfig?.environment?.siteServerPath + this.environmentConfig?.resourcePaths?.resourceUpdateAuthorizations, request)));
-    }
-    removeResourceAuthorizations(page, resourcesIdsToRemove) {
-        const updates = [];
-        resourcesIdsToRemove.forEach(resourceIdToRemove => {
-            page.students.forEach(student => {
-                let resourceAuthorizationsToKeep = student.innerAuthorizations.filter(innerAuthorization => innerAuthorization.propertyPath.includes(resourceIdToRemove));
-                updates.push({
-                    userIds: [student.user?.id],
-                    hadrachaPageId: page.id,
-                    authorizations: resourceAuthorizationsToKeep
-                });
-            });
-        });
-        return forkJoin(updates.map(request => this.http.post(this.environmentConfig?.environment?.siteServerPath + this.environmentConfig?.resourcePaths?.resourceUpdateAuthorizations, request)));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MicroResourcesService, deps: [{ token: i1$5.HttpClient }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MicroResourcesService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MicroResourcesService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$5.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [HERUM_SHARED_CONFIG_TOKEN]
-                }] }] });
-
-class UtilsService {
-    environmentConfig;
-    constructor(environmentConfig) {
-        this.environmentConfig = environmentConfig;
-    }
-    getDisplayedNameForMongoMethodByUserActivity(urlRequest) {
-        let mongoMethodDisplayedName;
-        const mongoMethodsDisplayedNamesMap = getMongoMethodsDisplayedNamesMap(this.environmentConfig?.mongoUpdates, this.environmentConfig?.authenticationPaths);
-        Object.entries(mongoMethodsDisplayedNamesMap).forEach(([mongoMethod, displayedName]) => {
-            const urlParts = urlRequest?.split('/');
-            const matchedMethod = urlParts?.find(urlPart => urlPart === mongoMethod);
-            if (matchedMethod)
-                mongoMethodDisplayedName = displayedName;
-        });
-        return mongoMethodDisplayedName;
-    }
-    getUrlFromFileData(fileData) {
-        if (!fileData?.key || !fileData?.bucket)
-            return;
-        const fileDataKeyWithoutTrailingSlash = fileData.key.endsWith('/') ? fileData.key.slice(0, -1) : fileData.key;
-        return buildPath([this.environmentConfig?.environment?.s3ServerPath + fileData.bucket, fileDataKeyWithoutTrailingSlash]);
-    }
-    fetchFiles(fileId, resourceType, bucket) {
-        if (!fileId)
-            return Promise.reject();
-        const bucketPath = bucket ? bucket : this.environmentConfig?.buckets[resourceType];
-        if (fileId && fileId[0] != '/' && bucketPath[bucketPath.length - 1] != '/')
-            fileId = "/" + fileId;
-        const path = this.environmentConfig?.environment?.s3ServerPath + bucketPath + fileId;
-        return fetch(path);
-    }
-    async initAudioFile(fileId, bucketName, signal) {
-        const audioBucketName = bucketName ? (bucketName + "/") : this.environmentConfig?.buckets.Audio;
-        return fetch(this.environmentConfig?.environment?.s3ServerPath + audioBucketName + fileId, { signal: signal })
-            .then(async (response) => {
-            const arrayBuffer = await response.arrayBuffer();
-            if (arrayBuffer.byteLength === 0) {
-                const blob = await response.blob();
-                const reader = new FileReader();
-                reader.onload = () => {
-                    const arrayBuffer = reader.result;
-                    const file = new File([arrayBuffer], fileId, {
-                        type: 'audio/mp3',
-                    });
-                    return file;
-                };
-                reader.readAsArrayBuffer(blob);
-            }
-            else {
-                const file = new File([arrayBuffer], fileId, {
-                    type: 'audio/mpeg',
-                });
-                return file;
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UtilsService, deps: [{ token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UtilsService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UtilsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [HERUM_SHARED_CONFIG_TOKEN]
-                }] }] });
-
-class ResourceDataBuilderService {
-    utilsService;
-    constructor(utilsService) {
-        this.utilsService = utilsService;
-    }
-    buildFilePath(resource) {
-        return this.utilsService.getUrlFromFileData(resource.resourceFile) + this.getVersionPathParameter(resource);
-    }
-    buildDirectoryPath(resource) {
-        return this.utilsService.getUrlFromFileData(resource.resourceFile) + resourcesFilesSuffixes[resource.resourceType] + this.getVersionPathParameter(resource);
-    }
-    getVersionPathParameter(resource) {
-        return getVersionPathParameter(new Date(resource.lastUpdateTime));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ResourceDataBuilderService, deps: [{ token: UtilsService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ResourceDataBuilderService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ResourceDataBuilderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: UtilsService }] });
-
-class SystemStylingService {
-    document;
-    rendererFactory;
-    renderer = null;
-    constructor(document, rendererFactory) {
-        this.document = document;
-        this.rendererFactory = rendererFactory;
-        this.renderer = this.rendererFactory.createRenderer(null, null);
-    }
-    setHerumStyling() {
-        this.renderer.removeClass(document.body, "college-colors");
-        this.renderer.removeClass(document.body, "hadracha-colors");
-        this.renderer.addClass(document.body, "herum-colors");
-        this.setFavicon("/assets/college/pagesIcons/EchoIcon.svg");
-    }
-    setCollegeStyling() {
-        this.setCssVariable("--main-header-height", "0vh");
-        this.renderer.removeClass(document.body, "hadracha-colors");
-        this.renderer.removeClass(document.body, "herum-colors");
-        this.renderer.addClass(document.body, "college-colors");
-        this.setFavicon("/assets/college/pagesIcons/EchoIcon.svg");
-    }
-    setHadrachaStyling() {
-        this.renderer.removeClass(document.body, "college-colors");
-        this.renderer.removeClass(document.body, "herum-colors");
-        this.renderer.addClass(document.body, "hadracha-colors");
-        this.setFavicon("/assets/hadracha/general/hadracha-favicon.svg");
-    }
-    setCssVariable(name, value) {
-        document.documentElement.style.setProperty(name, value);
-    }
-    setFavicon(path) {
-        const link = this.document.querySelector("link[rel*='icon']");
-        link.type = 'image/x-icon';
-        link.rel = 'icon';
-        link.href = path;
-        this.document.head.appendChild(link);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SystemStylingService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SystemStylingService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SystemStylingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i0.RendererFactory2 }] });
-function systemStylingFactory(systemName, systemStylingService) {
-    return () => {
-        switch (systemName) {
-            case system.college:
-                systemStylingService.setCollegeStyling();
-                break;
-            case system.herum:
-                systemStylingService.setHerumStyling();
-                break;
-            case system.hadracha:
-                systemStylingService.setHadrachaStyling();
-                break;
-            default:
-                throw new Error(`Unsupported system:${systemName}`);
-        }
-    };
-}
-
-class TrackTextChangesService {
-    systemContextTrackTextChangesService;
-    constructor(systemContextTrackTextChangesService) {
-        this.systemContextTrackTextChangesService = systemContextTrackTextChangesService;
-    }
-    getStyle() {
-        return this.systemContextTrackTextChangesService.getStyle();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TrackTextChangesService, deps: [{ token: SYSTEM_TRACK_TEXT_CHANGES_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TrackTextChangesService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TrackTextChangesService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$4.ISystemTrackTextChangesService, decorators: [{
-                    type: Inject,
-                    args: [SYSTEM_TRACK_TEXT_CHANGES_SERVICE]
-                }] }] });
-
 const unwantedSelectors = ["div", null];
 class UserActionDirective {
     el;
@@ -5018,13 +3802,13 @@ class AudioPlayerComponent {
         this.pauseAudio();
         this.removeAudioElementEventListeners();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AudioPlayerComponent, deps: [{ token: AudioVisualizationService }, { token: GlobalKeyboardListenerService }, { token: KeyPressService }, { token: UtilsService }, { token: SYSTEM_AUDIO_VISUAL_CONFIGURATION }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AudioPlayerComponent, deps: [{ token: AudioVisualizationService }, { token: i1$2.GlobalKeyboardListenerService }, { token: i1$2.KeyPressService }, { token: i1$2.UtilsService }, { token: SYSTEM_AUDIO_VISUAL_CONFIGURATION }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: AudioPlayerComponent, isStandalone: false, selector: "herum-audio-player", inputs: { showVolumeSliders: "showVolumeSliders", isPreview: "isPreview", getTimeUpdate: "getTimeUpdate", playbackSpeed: "playbackSpeed", isBlock: "isBlock", currentTime: "currentTime", isAudioPlaying: "isAudioPlaying", width: "width", id: "id", audioFile: "audioFile", mediaSettings: "mediaSettings", bucketName: "bucketName" }, outputs: { periodicCurrentTime: "periodicCurrentTime", isLoadingChange: "isLoadingChange", timingUpdateByRequest: "timingUpdateByRequest", mediaSettingsUpdate: "mediaSettingsUpdate" }, host: { listeners: { "window:resize": "onWindowResize()", "document:keyup": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "audioCanvas", first: true, predicate: ["audioCanvas"], descendants: true }, { propertyName: "slider", first: true, predicate: ["slider"], descendants: true, static: true }, { propertyName: "audioContainer", first: true, predicate: ["audioContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"audio-container\" #audioContainer>\r\n    <p class=\"current-time\" *ngIf=\"!errorMessage\">{{ currentTimeLabel }}</p>\r\n\r\n    <p *ngIf=\"errorMessage\" class=\"m-0 d-flex gap-2 align-items-center\">\r\n        <img src=\"/assets/college/learningArea/error.svg\">\r\n        {{ errorMessage }}\r\n    </p>\r\n\r\n    <div class=\"audio-loader-container\" [userAction]=\"'currentTime: ' + currentTime\">\r\n        <canvas [class.transparent]=\"isLoading\" #audioCanvas (click)=\"_onCanvasClick($event)\"> </canvas>\r\n    </div>\r\n\r\n    <div class=\"audio-controls\">\r\n        <div *ngIf=\"showVolumeSliders\" class=\"volume-container\">\r\n            <div class=\"right slider-container\">\r\n                <label>R</label>\r\n                <audio-slider color=\"#3B2DBE\" [id]=\"'right'\" userAction\r\n                    (sliderChange)=\"rightVolume=$event/100; _updateVolume()\">\r\n                </audio-slider>\r\n            </div>\r\n\r\n            <div class=\"left slider-container\">\r\n                <label>L</label>\r\n                <audio-slider color=\"#2D7ABE\" [id]=\"'left'\" userAction\r\n                    (sliderChange)=\"leftVolume=$event/100; _updateVolume()\">\r\n                </audio-slider>\r\n            </div>\r\n        </div>\r\n\r\n        <button class=\"control-button\" [userAction]=\"'currentTime: ' + currentTime\" (click)=\"_skipForward(15)\" userAction>\r\n            <img src=\"assets/shared/audio-images/next15.svg\" alt=\"Fast Forward\" />\r\n        </button>\r\n\r\n        <button class=\"control-button play-button\" [userAction]=\"isAudioPlaying ? 'play' : 'pause'\"\r\n            (click)=\"_onTogglePlay()\">\r\n            <ng-container *ngIf=\"!isLoading\">\r\n                <img *ngIf=\"!isBlock\"\r\n                    [src]=\"isAudioPlaying ? 'assets/shared/audio-images/pause.svg' : 'assets/shared/audio-images/play.svg'\"\r\n                    alt=\"Play/Pause\" />\r\n                <img *ngIf=\"isBlock\"\r\n                    [src]=\"isAudioPlaying ? 'assets/shared/audio-images/gray-pause.svg' : 'assets/shared/audio-images/gray-play.svg'\"\r\n                    alt=\"Play/Pause\" />\r\n            </ng-container>\r\n            <herum-spinner *ngIf=\"isLoading\"></herum-spinner>\r\n        </button>\r\n\r\n        <button class=\"control-button\" (click)=\"_skipBackward(15)\" [userAction]=\"'currentTime: ' + currentTime\">\r\n            <img src=\"assets/shared/audio-images/previous15.svg\" alt=\"Rewind\" />\r\n        </button>\r\n\r\n        <div class=\"speed-control\">\r\n            <herum-video-select class=\"video-speed-select\" userAction [options]=\"speedOptions\"\r\n                [currentVideoSpeed]=\"playbackSpeed\" (selectedOptionEmitter)=\"_updatePlaybackSpeed($event)\">\r\n            </herum-video-select>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":root{--background-color: #f2f2f2;background-color:var(--background-color)}*{box-sizing:border-box}.audio-container{text-align:center;flex:1}.time-control{margin:20px}canvas{width:100%;height:116px;border-radius:8px;margin-top:4px;opacity:1}.transparent{opacity:0!important}.audio-loader-container{position:relative;display:flex;align-items:center;justify-content:center}.audio-loader-container .d-flex{position:absolute;z-index:2}.audio-controls{padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--background-color);height:calc(100% - 160px)}.control-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease;fill:#fff;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))}.control-button img{width:20px;height:20px}.control-button:hover{background:#f0f0f0}.play-button{width:50px;height:50px;border:none;border-radius:50%}.play-button img{width:25px;height:25px}.speed-control{display:flex;align-items:center;justify-content:center;background:#f9f9f9;border:none;border-radius:5px;padding:5px 10px;fill:#fff;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))}.current-time{font-weight:400;font-size:14px;text-align:left;margin:0;padding-left:12px}.speed-control select{border:none;background:transparent;font-size:14px;outline:none;cursor:pointer}.volume-sliders{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.volume-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.slider-container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:10px}.slider-container label{margin:0;background:#d18a8a;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#fff}.left label{background-color:#2d7abe}.right label{background-color:#3b2dbe}audio-slider{width:90px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UserActionDirective, selector: "[userAction]", inputs: ["userAction"] }, { kind: "component", type: HerumSpinnerComponent, selector: "herum-spinner", inputs: ["size", "borderColor", "borderWidth", "borderTopColor", "shape"] }, { kind: "component", type: HerumVideoSelectComponent, selector: "herum-video-select", inputs: ["currentVideoSpeed", "options"], outputs: ["selectedOptionEmitter"] }, { kind: "component", type: AudioSliderComponent, selector: "audio-slider", inputs: ["sliderValue", "maxValue", "color", "id"], outputs: ["sliderChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AudioPlayerComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'herum-audio-player', template: "<div class=\"audio-container\" #audioContainer>\r\n    <p class=\"current-time\" *ngIf=\"!errorMessage\">{{ currentTimeLabel }}</p>\r\n\r\n    <p *ngIf=\"errorMessage\" class=\"m-0 d-flex gap-2 align-items-center\">\r\n        <img src=\"/assets/college/learningArea/error.svg\">\r\n        {{ errorMessage }}\r\n    </p>\r\n\r\n    <div class=\"audio-loader-container\" [userAction]=\"'currentTime: ' + currentTime\">\r\n        <canvas [class.transparent]=\"isLoading\" #audioCanvas (click)=\"_onCanvasClick($event)\"> </canvas>\r\n    </div>\r\n\r\n    <div class=\"audio-controls\">\r\n        <div *ngIf=\"showVolumeSliders\" class=\"volume-container\">\r\n            <div class=\"right slider-container\">\r\n                <label>R</label>\r\n                <audio-slider color=\"#3B2DBE\" [id]=\"'right'\" userAction\r\n                    (sliderChange)=\"rightVolume=$event/100; _updateVolume()\">\r\n                </audio-slider>\r\n            </div>\r\n\r\n            <div class=\"left slider-container\">\r\n                <label>L</label>\r\n                <audio-slider color=\"#2D7ABE\" [id]=\"'left'\" userAction\r\n                    (sliderChange)=\"leftVolume=$event/100; _updateVolume()\">\r\n                </audio-slider>\r\n            </div>\r\n        </div>\r\n\r\n        <button class=\"control-button\" [userAction]=\"'currentTime: ' + currentTime\" (click)=\"_skipForward(15)\" userAction>\r\n            <img src=\"assets/shared/audio-images/next15.svg\" alt=\"Fast Forward\" />\r\n        </button>\r\n\r\n        <button class=\"control-button play-button\" [userAction]=\"isAudioPlaying ? 'play' : 'pause'\"\r\n            (click)=\"_onTogglePlay()\">\r\n            <ng-container *ngIf=\"!isLoading\">\r\n                <img *ngIf=\"!isBlock\"\r\n                    [src]=\"isAudioPlaying ? 'assets/shared/audio-images/pause.svg' : 'assets/shared/audio-images/play.svg'\"\r\n                    alt=\"Play/Pause\" />\r\n                <img *ngIf=\"isBlock\"\r\n                    [src]=\"isAudioPlaying ? 'assets/shared/audio-images/gray-pause.svg' : 'assets/shared/audio-images/gray-play.svg'\"\r\n                    alt=\"Play/Pause\" />\r\n            </ng-container>\r\n            <herum-spinner *ngIf=\"isLoading\"></herum-spinner>\r\n        </button>\r\n\r\n        <button class=\"control-button\" (click)=\"_skipBackward(15)\" [userAction]=\"'currentTime: ' + currentTime\">\r\n            <img src=\"assets/shared/audio-images/previous15.svg\" alt=\"Rewind\" />\r\n        </button>\r\n\r\n        <div class=\"speed-control\">\r\n            <herum-video-select class=\"video-speed-select\" userAction [options]=\"speedOptions\"\r\n                [currentVideoSpeed]=\"playbackSpeed\" (selectedOptionEmitter)=\"_updatePlaybackSpeed($event)\">\r\n            </herum-video-select>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":root{--background-color: #f2f2f2;background-color:var(--background-color)}*{box-sizing:border-box}.audio-container{text-align:center;flex:1}.time-control{margin:20px}canvas{width:100%;height:116px;border-radius:8px;margin-top:4px;opacity:1}.transparent{opacity:0!important}.audio-loader-container{position:relative;display:flex;align-items:center;justify-content:center}.audio-loader-container .d-flex{position:absolute;z-index:2}.audio-controls{padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--background-color);height:calc(100% - 160px)}.control-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease;fill:#fff;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))}.control-button img{width:20px;height:20px}.control-button:hover{background:#f0f0f0}.play-button{width:50px;height:50px;border:none;border-radius:50%}.play-button img{width:25px;height:25px}.speed-control{display:flex;align-items:center;justify-content:center;background:#f9f9f9;border:none;border-radius:5px;padding:5px 10px;fill:#fff;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))}.current-time{font-weight:400;font-size:14px;text-align:left;margin:0;padding-left:12px}.speed-control select{border:none;background:transparent;font-size:14px;outline:none;cursor:pointer}.volume-sliders{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.volume-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.slider-container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:10px}.slider-container label{margin:0;background:#d18a8a;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#fff}.left label{background-color:#2d7abe}.right label{background-color:#3b2dbe}audio-slider{width:90px}\n"] }]
-        }], ctorParameters: () => [{ type: AudioVisualizationService }, { type: GlobalKeyboardListenerService }, { type: KeyPressService }, { type: UtilsService }, { type: i1$4.AudioVisualConfiguration, decorators: [{
+        }], ctorParameters: () => [{ type: AudioVisualizationService }, { type: i1$2.GlobalKeyboardListenerService }, { type: i1$2.KeyPressService }, { type: i1$2.UtilsService }, { type: i1$4.AudioVisualConfiguration, decorators: [{
                     type: Inject,
                     args: [SYSTEM_AUDIO_VISUAL_CONFIGURATION]
                 }] }], propDecorators: { showVolumeSliders: [{
@@ -6062,31 +4846,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 args: ['editor']
             }] } });
 
-class AnswerNotesToTextChangesPipe {
-    transform(answerNotes) {
-        return answerNotes?.map(answerNote => ({
-            type: answerNote.type,
-            creatingUser: answerNote.creatingUser,
-            id: answerNote.id,
-            note: answerNote.note,
-            timeStamp: answerNote.timeStamp,
-            startOffset: answerNote.startIndex,
-            endOffset: answerNote.endIndex,
-            commentText: answerNote.commentText
-        }))
-            .sort((a, b) => new Date(a.startOffset).getTime() - new Date(b.startOffset).getTime());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AnswerNotesToTextChangesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: AnswerNotesToTextChangesPipe, isStandalone: false, name: "answerNotesToTextChanges" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AnswerNotesToTextChangesPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: false,
-                    name: 'answerNotesToTextChanges'
-                }]
-        }] });
-
 class QuizOpenAnswerQuestionComponent {
     answerNotesToTextChangesPipe;
     previewMode = false;
@@ -6122,13 +4881,13 @@ class QuizOpenAnswerQuestionComponent {
         this.destroySubject$.next(null);
         this.destroySubject$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOpenAnswerQuestionComponent, deps: [{ token: AnswerNotesToTextChangesPipe }], target: i0.ɵɵFactoryTarget.Component });
+    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: { freeTextCorrectAnswerChange: "freeTextCorrectAnswerChange", 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?.charactersLimit > 0\">\r\n        (\u05E2\u05D3 {{ question?.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?.charactersLimit\" [formControl]=\"freeTextCorrectAnswerControl\" 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]=\"freeTextCorrectAnswerControl.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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"], 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?.charactersLimit > 0\">\r\n        (\u05E2\u05D3 {{ question?.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?.charactersLimit\" [formControl]=\"freeTextCorrectAnswerControl\" 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]=\"freeTextCorrectAnswerControl.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: AnswerNotesToTextChangesPipe }], propDecorators: { previewMode: [{
+        }], ctorParameters: () => [{ type: i4$1.AnswerNotesToTextChangesPipe }], propDecorators: { previewMode: [{
                 type: Input
             }], question: [{
                 type: Input
@@ -6340,7 +5099,7 @@ class HerumFilesViewerDialogComponent {
         this.dialogRef.close(this.fileData);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumFilesViewerDialogComponent, deps: [{ token: i1$6.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumFilesViewerDialogComponent, isStandalone: false, selector: "herum-files-viewer-dialog", ngImport: i0, template: "<herum-files-viewer [fileData]=\"fileData\" (downloadFile)=\"_downloadFile()\">\r\n</herum-files-viewer>", styles: ["::ng-deep .mat-mdc-dialog-container{padding:0!important;display:block}:host{height:100%;width:100%;display:flex}\n"], dependencies: [{ kind: "component", type: i2$5.HerumFilesViewerComponent, selector: "herum-files-viewer", inputs: ["fileData", "showDeleteFileButton"], outputs: ["downloadFile", "deleteFile"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumFilesViewerDialogComponent, isStandalone: false, selector: "herum-files-viewer-dialog", ngImport: i0, template: "<herum-files-viewer [fileData]=\"fileData\" (downloadFile)=\"_downloadFile()\">\r\n</herum-files-viewer>", styles: ["::ng-deep .mat-mdc-dialog-container{padding:0!important;display:block}:host{height:100%;width:100%;display:flex}\n"], dependencies: [{ kind: "component", type: i2$4.HerumFilesViewerComponent, selector: "herum-files-viewer", inputs: ["fileData", "showDeleteFileButton"], outputs: ["downloadFile", "deleteFile"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumFilesViewerDialogComponent, decorators: [{
             type: Component,
@@ -8469,6 +7228,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 }]
         }] });
 
+class AnswerNotesToTextChangesPipe {
+    transform(answerNotes) {
+        return answerNotes?.map(answerNote => ({
+            type: answerNote.type,
+            creatingUser: answerNote.creatingUser,
+            id: answerNote.id,
+            note: answerNote.note,
+            timeStamp: answerNote.timeStamp,
+            startOffset: answerNote.startIndex,
+            endOffset: answerNote.endIndex,
+            commentText: answerNote.commentText
+        }))
+            .sort((a, b) => new Date(a.startOffset).getTime() - new Date(b.startOffset).getTime());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AnswerNotesToTextChangesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: AnswerNotesToTextChangesPipe, isStandalone: false, name: "answerNotesToTextChanges" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AnswerNotesToTextChangesPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'answerNotesToTextChanges'
+                }]
+        }] });
+
 class StringArrayToSignUpFieldArrayPipe {
     transform(fields) {
         if (!Array.isArray(fields))
@@ -10861,6 +9645,28 @@ const openClose = trigger('openClose', [
     ])
 ]);
 
+class HerumFormControl extends FormControl {
+    errorMessages = {};
+    currentErrorMessage = '';
+    destroySubject$ = new Subject();
+    /**
+     @comment The component that creates this class should have destroySubject$ so you can listen to its ngOnDestroy life cycle hook so you can unsubscribe statusChangesSubscription
+     */
+    constructor(formState, validatorOrOpts, asyncValidator, errorMessages, componentReference) {
+        super(formState, validatorOrOpts, asyncValidator);
+        if (errorMessages)
+            this.errorMessages = errorMessages;
+        this.statusChanges.pipe(takeUntil(this.destroySubject$)).subscribe(() => this.setCurrentErrorMessage());
+        componentReference.destroySubject$.pipe(takeUntil(this.destroySubject$)).subscribe(() => {
+            this.destroySubject$.next(null);
+            this.destroySubject$.complete();
+        });
+    }
+    setCurrentErrorMessage() {
+        this.currentErrorMessage = this.errors ? this.errorMessages[Object.keys(this.errors)[0]] : null;
+    }
+}
+
 const suffixStorageKey = 'FETCHED_MESSAGE_HAS_SHOWN';
 class FetchedMessageService {
     http;