herum-shared 1.0.6 → 1.0.7

package/fesm2022/herum-shared.mjs

@@ -1187,11 +1187,11 @@ class QuizOneAnswerQuestionComponent {
         this.destroySubject$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOneAnswerQuestionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOneAnswerQuestionComponent, isStandalone: false, selector: "quiz-one-answer-question", inputs: { instructionTitle: "instructionTitle", question: "question", userAnswers: "userAnswers", quizData: "quizData", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode" }, outputs: { onAnswersChange: "onAnswersChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n    [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n    [isVertical]=\"true\" [formControl]=\"selectedAnswer\"\r\n    [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: ["", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$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: HerumRadioButtonComponent, selector: "herum-radio-button", inputs: ["options", "isValid", "errorMsg", "isVertical", "isBlocked", "type", "selectedOption", "additionalOptionsText", "showAdditionalOptionsText", "secondarySelectedOption"], outputs: ["selectOptionEmitter"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOneAnswerQuestionComponent, isStandalone: false, selector: "quiz-one-answer-question", inputs: { instructionTitle: "instructionTitle", question: "question", userAnswers: "userAnswers", quizData: "quizData", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode" }, outputs: { onAnswersChange: "onAnswersChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n    [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n    [isVertical]=\"true\" [formControl]=\"selectedAnswer\"\r\n    [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: ["", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$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: HerumRadioButtonComponent, selector: "herum-radio-button", inputs: ["options", "isValid", "errorMsg", "isVertical", "isBlocked", "type", "selectedOption", "additionalOptionsText", "showAdditionalOptionsText", "secondarySelectedOption"], outputs: ["selectOptionEmitter"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOneAnswerQuestionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'quiz-one-answer-question', template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n    [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n    [isVertical]=\"true\" [formControl]=\"selectedAnswer\"\r\n    [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: [".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
+            args: [{ standalone: false, selector: 'quiz-one-answer-question', template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n    [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n    [isVertical]=\"true\" [formControl]=\"selectedAnswer\"\r\n    [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: [".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { instructionTitle: [{
                 type: Input
             }], question: [{
@@ -1217,11 +1217,11 @@ class QuizSubmissionComponent {
         return this.quizData.questions.length == this.quizData.userAnswers?.length;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizSubmissionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizSubmissionComponent, isStandalone: false, selector: "quiz-submission", inputs: { quizData: "quizData", quizValidation: "quizValidation" }, ngImport: i0, template: "<div class=\"quiz-container\">\r\n    <p class=\"quiz-title\">\u05D4\u05E0\u05DA \u05E2\u05D5\u05DE\u05D3 \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF</p>\r\n    <br>\r\n    <p>\u05E9\u05D9\u05DD \u05DC\u05D1,</p>\r\n    <p>\u05D4\u05D9\u05E0\u05DA \u05E2\u05D5\u05DE\u05D3 \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF, \u05DC\u05D0\u05D7\u05E8 \u05D4\u05D4\u05D2\u05E9\u05D4 \u05DC\u05D0 \u05D9\u05D4\u05D9\u05D4 \u05D1\u05D0\u05E4\u05E9\u05E8\u05D5\u05EA\u05DA \u05DC\u05E2\u05E8\u05D5\u05DA \u05D0\u05EA \u05D4\u05EA\u05E9\u05D5\u05D1\u05D5\u05EA \u05E9\u05D4\u05D2\u05E9\u05EA.</p>\r\n    <p> \u05D4\u05D0\u05DD \u05D1\u05E8\u05E6\u05D5\u05E0\u05DA \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF?</p>\r\n    <br>\r\n    <p class=\"error-message\" *ngIf=\"!quizValidation\">\r\n        \u05DC\u05D0 \u05E0\u05D9\u05EA\u05DF \u05DC\u05D4\u05D2\u05D9\u05E9 \u05DE\u05D1\u05D7\u05DF \u05D6\u05D4 \u05DC\u05DC\u05D0 \u05DE\u05E2\u05E0\u05D4 \u05E2\u05DC \u05DB\u05DC \u05D4\u05E9\u05D0\u05DC\u05D5\u05EA\r\n    </p> \r\n</div>", styles: ["", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizSubmissionComponent, isStandalone: false, selector: "quiz-submission", inputs: { quizData: "quizData", quizValidation: "quizValidation" }, ngImport: i0, template: "<div class=\"quiz-container\">\r\n    <p class=\"quiz-title\">\u05D4\u05E0\u05DA \u05E2\u05D5\u05DE\u05D3 \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF</p>\r\n    <br>\r\n    <p>\u05E9\u05D9\u05DD \u05DC\u05D1,</p>\r\n    <p>\u05D4\u05D9\u05E0\u05DA \u05E2\u05D5\u05DE\u05D3 \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF, \u05DC\u05D0\u05D7\u05E8 \u05D4\u05D4\u05D2\u05E9\u05D4 \u05DC\u05D0 \u05D9\u05D4\u05D9\u05D4 \u05D1\u05D0\u05E4\u05E9\u05E8\u05D5\u05EA\u05DA \u05DC\u05E2\u05E8\u05D5\u05DA \u05D0\u05EA \u05D4\u05EA\u05E9\u05D5\u05D1\u05D5\u05EA \u05E9\u05D4\u05D2\u05E9\u05EA.</p>\r\n    <p> \u05D4\u05D0\u05DD \u05D1\u05E8\u05E6\u05D5\u05E0\u05DA \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF?</p>\r\n    <br>\r\n    <p class=\"error-message\" *ngIf=\"!quizValidation\">\r\n        \u05DC\u05D0 \u05E0\u05D9\u05EA\u05DF \u05DC\u05D4\u05D2\u05D9\u05E9 \u05DE\u05D1\u05D7\u05DF \u05D6\u05D4 \u05DC\u05DC\u05D0 \u05DE\u05E2\u05E0\u05D4 \u05E2\u05DC \u05DB\u05DC \u05D4\u05E9\u05D0\u05DC\u05D5\u05EA\r\n    </p> \r\n</div>", styles: ["", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizSubmissionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'quiz-submission', template: "<div class=\"quiz-container\">\r\n    <p class=\"quiz-title\">\u05D4\u05E0\u05DA \u05E2\u05D5\u05DE\u05D3 \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF</p>\r\n    <br>\r\n    <p>\u05E9\u05D9\u05DD \u05DC\u05D1,</p>\r\n    <p>\u05D4\u05D9\u05E0\u05DA \u05E2\u05D5\u05DE\u05D3 \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF, \u05DC\u05D0\u05D7\u05E8 \u05D4\u05D4\u05D2\u05E9\u05D4 \u05DC\u05D0 \u05D9\u05D4\u05D9\u05D4 \u05D1\u05D0\u05E4\u05E9\u05E8\u05D5\u05EA\u05DA \u05DC\u05E2\u05E8\u05D5\u05DA \u05D0\u05EA \u05D4\u05EA\u05E9\u05D5\u05D1\u05D5\u05EA \u05E9\u05D4\u05D2\u05E9\u05EA.</p>\r\n    <p> \u05D4\u05D0\u05DD \u05D1\u05E8\u05E6\u05D5\u05E0\u05DA \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF?</p>\r\n    <br>\r\n    <p class=\"error-message\" *ngIf=\"!quizValidation\">\r\n        \u05DC\u05D0 \u05E0\u05D9\u05EA\u05DF \u05DC\u05D4\u05D2\u05D9\u05E9 \u05DE\u05D1\u05D7\u05DF \u05D6\u05D4 \u05DC\u05DC\u05D0 \u05DE\u05E2\u05E0\u05D4 \u05E2\u05DC \u05DB\u05DC \u05D4\u05E9\u05D0\u05DC\u05D5\u05EA\r\n    </p> \r\n</div>", styles: [".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
+            args: [{ standalone: false, selector: 'quiz-submission', template: "<div class=\"quiz-container\">\r\n    <p class=\"quiz-title\">\u05D4\u05E0\u05DA \u05E2\u05D5\u05DE\u05D3 \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF</p>\r\n    <br>\r\n    <p>\u05E9\u05D9\u05DD \u05DC\u05D1,</p>\r\n    <p>\u05D4\u05D9\u05E0\u05DA \u05E2\u05D5\u05DE\u05D3 \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF, \u05DC\u05D0\u05D7\u05E8 \u05D4\u05D4\u05D2\u05E9\u05D4 \u05DC\u05D0 \u05D9\u05D4\u05D9\u05D4 \u05D1\u05D0\u05E4\u05E9\u05E8\u05D5\u05EA\u05DA \u05DC\u05E2\u05E8\u05D5\u05DA \u05D0\u05EA \u05D4\u05EA\u05E9\u05D5\u05D1\u05D5\u05EA \u05E9\u05D4\u05D2\u05E9\u05EA.</p>\r\n    <p> \u05D4\u05D0\u05DD \u05D1\u05E8\u05E6\u05D5\u05E0\u05DA \u05DC\u05D4\u05D2\u05D9\u05E9 \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF?</p>\r\n    <br>\r\n    <p class=\"error-message\" *ngIf=\"!quizValidation\">\r\n        \u05DC\u05D0 \u05E0\u05D9\u05EA\u05DF \u05DC\u05D4\u05D2\u05D9\u05E9 \u05DE\u05D1\u05D7\u05DF \u05D6\u05D4 \u05DC\u05DC\u05D0 \u05DE\u05E2\u05E0\u05D4 \u05E2\u05DC \u05DB\u05DC \u05D4\u05E9\u05D0\u05DC\u05D5\u05EA\r\n    </p> \r\n</div>", styles: [".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{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"] }]
         }], propDecorators: { quizData: [{
                 type: Input
             }], quizValidation: [{
@@ -1258,12 +1258,15 @@ class QuizIntroComponent {
     get defaultGrade() {
         return defaultGrade$1;
     }
+    get isPassedGrade() {
+        return this.quizData.grade >= this.quizData.minGrade;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizIntroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizIntroComponent, isStandalone: false, selector: "quiz-intro", inputs: { quizData: "quizData", showSubmissionsCounter: "showSubmissionsCounter", allQuestionsRequired: "allQuestionsRequired", resource: "resource", areAnswersBlocked: "areAnswersBlocked", gradeTextPrefix: "gradeTextPrefix" }, ngImport: i0, template: "<div *ngIf=\"quizData\" class=\"quiz-container\">\r\n    <p>\u05D1\u05DE\u05D1\u05D7\u05DF \u05D6\u05D4 <b>{{ quizData.questions?.length }}</b> \u05E9\u05D0\u05DC\u05D5\u05EA</p>\r\n\r\n    <p *ngIf=\"quizData.minGrade > 0 && !quizData.isBinary\"><b>\u05E6\u05D9\u05D5\u05DF \u05DE\u05D9\u05E0\u05D9\u05DE\u05DC\u05D9 \u05D4\u05E0\u05D3\u05E8\u05E9 \u05DC\u05DE\u05E2\u05D1\u05E8: </b>{{ quizData.minGrade }}</p>\r\n\r\n    <p *ngIf=\"quizData.grade && quizData.grade !== defaultGrade\">{{ gradeTextPrefix }} {{ quizData.grade }}</p>\r\n\r\n    <p *ngIf=\"showSubmissionsCounter\">\u05D6\u05D4\u05D5 <b>\u05E0\u05E1\u05D9\u05D5\u05DF \u05D4\u05DE\u05E2\u05E0\u05D4 \u05D4\r\n            - {{ resource | displayedSubmissionsCounter:quizData:areAnswersBlocked }}</b>\r\n        \u05E9\u05DC\u05DA \u05E2\u05DC \u05DE\u05D1\u05D7\u05DF.\r\n    </p>\r\n\r\n    <p *ngIf=\"allQuestionsRequired\">\u05E2\u05DC\u05D9\u05DA \u05DC\u05E2\u05E0\u05D5\u05EA \u05E2\u05DC \u05DB\u05DC \u05D4\u05E9\u05D0\u05DC\u05D5\u05EA</p>\r\n\r\n    <p class=\"congrats-title\">\u05D1\u05D4\u05E6\u05DC\u05D7\u05D4!</p>\r\n</div>", styles: [":host .quiz-container .congrats-title{font-size:28px;font-weight:700}:host .quiz-container{gap:2px;justify-content:flex-end}:host .quiz-container p{margin-block-end:0}\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: DisplayedSubmissionsCounterPipe, name: "displayedSubmissionsCounter" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizIntroComponent, isStandalone: false, selector: "quiz-intro", inputs: { quizData: "quizData", showSubmissionsCounter: "showSubmissionsCounter", allQuestionsRequired: "allQuestionsRequired", resource: "resource", areAnswersBlocked: "areAnswersBlocked", gradeTextPrefix: "gradeTextPrefix" }, ngImport: i0, template: "<div *ngIf=\"quizData\" class=\"quiz-container\">\r\n    <p>\u05D1\u05DE\u05D1\u05D7\u05DF \u05D6\u05D4 <b>{{ quizData.questions?.length }}</b> \u05E9\u05D0\u05DC\u05D5\u05EA</p>\r\n\r\n    <ng-container *ngIf=\"!quizData.isBinary\">\r\n        <p *ngIf=\"quizData.minGrade > 0\"><b>\u05E6\u05D9\u05D5\u05DF \u05DE\u05D9\u05E0\u05D9\u05DE\u05DC\u05D9 \u05D4\u05E0\u05D3\u05E8\u05E9 \u05DC\u05DE\u05E2\u05D1\u05E8: </b>{{ quizData.minGrade }}\r\n        </p>\r\n\r\n        <p *ngIf=\" quizData.grade && quizData.grade !==defaultGrade\">{{ gradeTextPrefix }} {{ quizData.grade }}</p>\r\n    </ng-container>\r\n\r\n    <span *ngIf=\"quizData.isBinary\">\r\n        <b>\u05E6\u05D9\u05D5\u05DF |</b>\r\n\r\n        <span [ngClass]=\"isPassedGrade? 'passed':'failed'\">\r\n            {{ isPassedGrade ? '\u05E2\u05D5\u05D1\u05E8' : '\u05DC\u05D0 \u05E2\u05D5\u05D1\u05E8' }}\r\n        </span>\r\n    </span>\r\n\r\n    <p *ngIf=\"showSubmissionsCounter\">\u05D6\u05D4\u05D5 <b>\u05E0\u05E1\u05D9\u05D5\u05DF \u05D4\u05DE\u05E2\u05E0\u05D4 \u05D4\r\n            - {{ resource | displayedSubmissionsCounter:quizData:areAnswersBlocked }}</b>\r\n        \u05E9\u05DC\u05DA \u05E2\u05DC \u05DE\u05D1\u05D7\u05DF.\r\n    </p>\r\n\r\n    <p *ngIf=\"allQuestionsRequired\">\u05E2\u05DC\u05D9\u05DA \u05DC\u05E2\u05E0\u05D5\u05EA \u05E2\u05DC \u05DB\u05DC \u05D4\u05E9\u05D0\u05DC\u05D5\u05EA</p>\r\n\r\n    <p class=\"congrats-title\">\u05D1\u05D4\u05E6\u05DC\u05D7\u05D4!</p>\r\n</div>", styles: [":host .quiz-container .congrats-title{font-size:28px;font-weight:700}:host .quiz-container{gap:2px;justify-content:flex-end}:host .quiz-container p,:host .quiz-container span{margin-block-end:0}:host .quiz-container .passed,:host .quiz-container .failed{font-weight:700}:host .quiz-container .passed{color:var(--positive-color)}:host .quiz-container .failed{color:var(--error-color)}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: DisplayedSubmissionsCounterPipe, name: "displayedSubmissionsCounter" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizIntroComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'quiz-intro', template: "<div *ngIf=\"quizData\" class=\"quiz-container\">\r\n    <p>\u05D1\u05DE\u05D1\u05D7\u05DF \u05D6\u05D4 <b>{{ quizData.questions?.length }}</b> \u05E9\u05D0\u05DC\u05D5\u05EA</p>\r\n\r\n    <p *ngIf=\"quizData.minGrade > 0 && !quizData.isBinary\"><b>\u05E6\u05D9\u05D5\u05DF \u05DE\u05D9\u05E0\u05D9\u05DE\u05DC\u05D9 \u05D4\u05E0\u05D3\u05E8\u05E9 \u05DC\u05DE\u05E2\u05D1\u05E8: </b>{{ quizData.minGrade }}</p>\r\n\r\n    <p *ngIf=\"quizData.grade && quizData.grade !== defaultGrade\">{{ gradeTextPrefix }} {{ quizData.grade }}</p>\r\n\r\n    <p *ngIf=\"showSubmissionsCounter\">\u05D6\u05D4\u05D5 <b>\u05E0\u05E1\u05D9\u05D5\u05DF \u05D4\u05DE\u05E2\u05E0\u05D4 \u05D4\r\n            - {{ resource | displayedSubmissionsCounter:quizData:areAnswersBlocked }}</b>\r\n        \u05E9\u05DC\u05DA \u05E2\u05DC \u05DE\u05D1\u05D7\u05DF.\r\n    </p>\r\n\r\n    <p *ngIf=\"allQuestionsRequired\">\u05E2\u05DC\u05D9\u05DA \u05DC\u05E2\u05E0\u05D5\u05EA \u05E2\u05DC \u05DB\u05DC \u05D4\u05E9\u05D0\u05DC\u05D5\u05EA</p>\r\n\r\n    <p class=\"congrats-title\">\u05D1\u05D4\u05E6\u05DC\u05D7\u05D4!</p>\r\n</div>", styles: [":host .quiz-container .congrats-title{font-size:28px;font-weight:700}:host .quiz-container{gap:2px;justify-content:flex-end}:host .quiz-container p{margin-block-end:0}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
+            args: [{ standalone: false, selector: 'quiz-intro', template: "<div *ngIf=\"quizData\" class=\"quiz-container\">\r\n    <p>\u05D1\u05DE\u05D1\u05D7\u05DF \u05D6\u05D4 <b>{{ quizData.questions?.length }}</b> \u05E9\u05D0\u05DC\u05D5\u05EA</p>\r\n\r\n    <ng-container *ngIf=\"!quizData.isBinary\">\r\n        <p *ngIf=\"quizData.minGrade > 0\"><b>\u05E6\u05D9\u05D5\u05DF \u05DE\u05D9\u05E0\u05D9\u05DE\u05DC\u05D9 \u05D4\u05E0\u05D3\u05E8\u05E9 \u05DC\u05DE\u05E2\u05D1\u05E8: </b>{{ quizData.minGrade }}\r\n        </p>\r\n\r\n        <p *ngIf=\" quizData.grade && quizData.grade !==defaultGrade\">{{ gradeTextPrefix }} {{ quizData.grade }}</p>\r\n    </ng-container>\r\n\r\n    <span *ngIf=\"quizData.isBinary\">\r\n        <b>\u05E6\u05D9\u05D5\u05DF |</b>\r\n\r\n        <span [ngClass]=\"isPassedGrade? 'passed':'failed'\">\r\n            {{ isPassedGrade ? '\u05E2\u05D5\u05D1\u05E8' : '\u05DC\u05D0 \u05E2\u05D5\u05D1\u05E8' }}\r\n        </span>\r\n    </span>\r\n\r\n    <p *ngIf=\"showSubmissionsCounter\">\u05D6\u05D4\u05D5 <b>\u05E0\u05E1\u05D9\u05D5\u05DF \u05D4\u05DE\u05E2\u05E0\u05D4 \u05D4\r\n            - {{ resource | displayedSubmissionsCounter:quizData:areAnswersBlocked }}</b>\r\n        \u05E9\u05DC\u05DA \u05E2\u05DC \u05DE\u05D1\u05D7\u05DF.\r\n    </p>\r\n\r\n    <p *ngIf=\"allQuestionsRequired\">\u05E2\u05DC\u05D9\u05DA \u05DC\u05E2\u05E0\u05D5\u05EA \u05E2\u05DC \u05DB\u05DC \u05D4\u05E9\u05D0\u05DC\u05D5\u05EA</p>\r\n\r\n    <p class=\"congrats-title\">\u05D1\u05D4\u05E6\u05DC\u05D7\u05D4!</p>\r\n</div>", styles: [":host .quiz-container .congrats-title{font-size:28px;font-weight:700}:host .quiz-container{gap:2px;justify-content:flex-end}:host .quiz-container p,:host .quiz-container span{margin-block-end:0}:host .quiz-container .passed,:host .quiz-container .failed{font-weight:700}:host .quiz-container .passed{color:var(--positive-color)}:host .quiz-container .failed{color:var(--error-color)}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{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"] }]
         }], propDecorators: { quizData: [{
                 type: Input
             }], showSubmissionsCounter: [{
@@ -1294,11 +1297,11 @@ class QuizGradeSheetComponent {
         return this.resourceSubscription.resourcePreview.title;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizGradeSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizGradeSheetComponent, isStandalone: false, selector: "quiz-grade-sheet", inputs: { resourceSubscription: "resourceSubscription", quizData: "quizData" }, ngImport: i0, template: "<div class=\"quiz-grade-sheet-container\">\r\n    <div class=\"col-2\">\r\n        <p class=\"quiz-title\">{{ quizName }}</p>\r\n        <br>\r\n        <div class=\"grid-container\">\r\n            <div class=\"left-column\">\u05DB\u05DE\u05D5\u05EA \u05E9\u05D0\u05DC\u05D5\u05EA</div>\r\n            <div class=\"right-column\">{{ questionCount }}</div>\r\n            <div class=\"left-column\">\u05E6\u05D9\u05D5\u05DF</div>\r\n            <div class=\"right-column\">{{quizData.grade}}</div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-10\">\r\n        <div class=\"grade-image-container\">\r\n            <ng-container *ngIf=\"isUserPassTheQuiz\">\r\n                <img src=\"/assets/quiz/happyOwl.svg\">\r\n                <p>\u05DB\u05DC \u05D4\u05DB\u05D1\u05D5\u05D3! \u05E1\u05D9\u05D9\u05DE\u05EA \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4</p>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!isUserPassTheQuiz\">\r\n                <img src=\"/assets/quiz/sadOwl.svg\">\r\n                <p>\u05DC\u05D0 \u05E2\u05D1\u05E8\u05EA \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF \u05D1\u05E0\u05E1\u05D9\u05D5\u05DF \u05D4\u05D6\u05D4</p>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".quiz-grade-sheet-container{display:flex;flex-direction:row;padding-top:24px;padding-right:24px}.quiz-grade-sheet-container .quiz-title{font-size:18px;font-weight:700}.quiz-grade-sheet-container .grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.quiz-grade-sheet-container .left-column{font-size:16px;font-weight:700}.quiz-grade-sheet-container .right-column{font-size:16px;font-weight:400}.quiz-grade-sheet-container .grade-image-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:16px;text-align:center}.quiz-grade-sheet-container .grade-image-container p{font-size:18px;font-weight:700}\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizGradeSheetComponent, isStandalone: false, selector: "quiz-grade-sheet", inputs: { resourceSubscription: "resourceSubscription", quizData: "quizData" }, ngImport: i0, template: "<div class=\"quiz-grade-sheet-container\">\r\n    <div class=\"col-2\">\r\n        <p class=\"quiz-title\">{{ quizName }}</p>\r\n        <br>\r\n        <div class=\"grid-container\">\r\n            <div class=\"left-column\">\u05DB\u05DE\u05D5\u05EA \u05E9\u05D0\u05DC\u05D5\u05EA</div>\r\n            <div class=\"right-column\">{{ questionCount }}</div>\r\n            <div class=\"left-column\">\u05E6\u05D9\u05D5\u05DF</div>\r\n            <div class=\"right-column\">{{quizData.grade}}</div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-10\">\r\n        <div class=\"grade-image-container\">\r\n            <ng-container *ngIf=\"isUserPassTheQuiz\">\r\n                <img src=\"/assets/quiz/happyOwl.svg\">\r\n                <p>\u05DB\u05DC \u05D4\u05DB\u05D1\u05D5\u05D3! \u05E1\u05D9\u05D9\u05DE\u05EA \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4</p>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!isUserPassTheQuiz\">\r\n                <img src=\"/assets/quiz/sadOwl.svg\">\r\n                <p>\u05DC\u05D0 \u05E2\u05D1\u05E8\u05EA \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF \u05D1\u05E0\u05E1\u05D9\u05D5\u05DF \u05D4\u05D6\u05D4</p>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".quiz-grade-sheet-container{display:flex;flex-direction:row;padding-top:24px;padding-right:24px}.quiz-grade-sheet-container .quiz-title{font-size:18px;font-weight:700}.quiz-grade-sheet-container .grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.quiz-grade-sheet-container .left-column{font-size:16px;font-weight:700}.quiz-grade-sheet-container .right-column{font-size:16px;font-weight:400}.quiz-grade-sheet-container .grade-image-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:16px;text-align:center}.quiz-grade-sheet-container .grade-image-container p{font-size:18px;font-weight:700}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizGradeSheetComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'quiz-grade-sheet', template: "<div class=\"quiz-grade-sheet-container\">\r\n    <div class=\"col-2\">\r\n        <p class=\"quiz-title\">{{ quizName }}</p>\r\n        <br>\r\n        <div class=\"grid-container\">\r\n            <div class=\"left-column\">\u05DB\u05DE\u05D5\u05EA \u05E9\u05D0\u05DC\u05D5\u05EA</div>\r\n            <div class=\"right-column\">{{ questionCount }}</div>\r\n            <div class=\"left-column\">\u05E6\u05D9\u05D5\u05DF</div>\r\n            <div class=\"right-column\">{{quizData.grade}}</div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-10\">\r\n        <div class=\"grade-image-container\">\r\n            <ng-container *ngIf=\"isUserPassTheQuiz\">\r\n                <img src=\"/assets/quiz/happyOwl.svg\">\r\n                <p>\u05DB\u05DC \u05D4\u05DB\u05D1\u05D5\u05D3! \u05E1\u05D9\u05D9\u05DE\u05EA \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4</p>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!isUserPassTheQuiz\">\r\n                <img src=\"/assets/quiz/sadOwl.svg\">\r\n                <p>\u05DC\u05D0 \u05E2\u05D1\u05E8\u05EA \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF \u05D1\u05E0\u05E1\u05D9\u05D5\u05DF \u05D4\u05D6\u05D4</p>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".quiz-grade-sheet-container{display:flex;flex-direction:row;padding-top:24px;padding-right:24px}.quiz-grade-sheet-container .quiz-title{font-size:18px;font-weight:700}.quiz-grade-sheet-container .grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.quiz-grade-sheet-container .left-column{font-size:16px;font-weight:700}.quiz-grade-sheet-container .right-column{font-size:16px;font-weight:400}.quiz-grade-sheet-container .grade-image-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:16px;text-align:center}.quiz-grade-sheet-container .grade-image-container p{font-size:18px;font-weight:700}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
+            args: [{ standalone: false, selector: 'quiz-grade-sheet', template: "<div class=\"quiz-grade-sheet-container\">\r\n    <div class=\"col-2\">\r\n        <p class=\"quiz-title\">{{ quizName }}</p>\r\n        <br>\r\n        <div class=\"grid-container\">\r\n            <div class=\"left-column\">\u05DB\u05DE\u05D5\u05EA \u05E9\u05D0\u05DC\u05D5\u05EA</div>\r\n            <div class=\"right-column\">{{ questionCount }}</div>\r\n            <div class=\"left-column\">\u05E6\u05D9\u05D5\u05DF</div>\r\n            <div class=\"right-column\">{{quizData.grade}}</div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-10\">\r\n        <div class=\"grade-image-container\">\r\n            <ng-container *ngIf=\"isUserPassTheQuiz\">\r\n                <img src=\"/assets/quiz/happyOwl.svg\">\r\n                <p>\u05DB\u05DC \u05D4\u05DB\u05D1\u05D5\u05D3! \u05E1\u05D9\u05D9\u05DE\u05EA \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4</p>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!isUserPassTheQuiz\">\r\n                <img src=\"/assets/quiz/sadOwl.svg\">\r\n                <p>\u05DC\u05D0 \u05E2\u05D1\u05E8\u05EA \u05D0\u05EA \u05D4\u05DE\u05D1\u05D7\u05DF \u05D1\u05E0\u05E1\u05D9\u05D5\u05DF \u05D4\u05D6\u05D4</p>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".quiz-grade-sheet-container{display:flex;flex-direction:row;padding-top:24px;padding-right:24px}.quiz-grade-sheet-container .quiz-title{font-size:18px;font-weight:700}.quiz-grade-sheet-container .grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.quiz-grade-sheet-container .left-column{font-size:16px;font-weight:700}.quiz-grade-sheet-container .right-column{font-size:16px;font-weight:400}.quiz-grade-sheet-container .grade-image-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:16px;text-align:center}.quiz-grade-sheet-container .grade-image-container p{font-size:18px;font-weight:700}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{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"] }]
         }], propDecorators: { resourceSubscription: [{
                 type: Input
             }], quizData: [{
@@ -1483,11 +1486,11 @@ 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 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizMultiAnswerQuestionComponent, isStandalone: false, selector: "quiz-multi-answer-question", inputs: { question: "question", quizData: "quizData", userAnswers: "userAnswers", isCheckingMode: "isCheckingMode", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", correctAnswerCount: "correctAnswerCount" }, outputs: { onAnswersChange: "onAnswersChange", onValidationChange: "onValidationChange" }, viewQueries: [{ propertyName: "checkboxes", predicate: HerumCheckboxComponent$1, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-container\">\r\n    <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n    <form *ngIf=\"question.closedContent.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of question.closedContent.answers;let i=index\">\r\n            <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n                [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n                [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n                <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n                    [id]=\"controlNamePrefix + i\">\r\n                </herum-checkbox>\r\n\r\n                <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n                    (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n            </div>\r\n\r\n            <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n                {{ answer.note }}\r\n            </span>\r\n        </div>\r\n    </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$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.closedContent.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of question.closedContent.answers;let i=index\">\r\n            <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n                [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n                [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n                <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n                    [id]=\"controlNamePrefix + i\">\r\n                </herum-checkbox>\r\n\r\n                <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n                    (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n            </div>\r\n\r\n            <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n                {{ answer.note }}\r\n            </span>\r\n        </div>\r\n    </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{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,
-            args: [{ standalone: false, selector: 'quiz-multi-answer-question', template: "<div class=\"main-container\">\r\n    <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n    <form *ngIf=\"question.closedContent.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of question.closedContent.answers;let i=index\">\r\n            <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n                [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n                [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n                <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n                    [id]=\"controlNamePrefix + i\">\r\n                </herum-checkbox>\r\n\r\n                <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n                    (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n            </div>\r\n\r\n            <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n                {{ answer.note }}\r\n            </span>\r\n        </div>\r\n    </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
+            args: [{ standalone: false, selector: 'quiz-multi-answer-question', template: "<div class=\"main-container\">\r\n    <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n    <form *ngIf=\"question.closedContent.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n        <div class=\"answer-item\" *ngFor=\"let answer of question.closedContent.answers;let i=index\">\r\n            <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n                [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n                [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n                <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n                    [id]=\"controlNamePrefix + i\">\r\n                </herum-checkbox>\r\n\r\n                <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n                    (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n            </div>\r\n\r\n            <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n                {{ answer.note }}\r\n            </span>\r\n        </div>\r\n    </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b,.quiz-container span{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.FormBuilder }], propDecorators: { question: [{
                 type: Input
             }], quizData: [{
@@ -6630,13 +6633,17 @@ class HerumUploadFileComponent {
     ngOnChanges(changes) {
         if (changes.selectedFile) {
             if (!this.selectedFile) {
-                this.files = undefined;
-                this.hasTouched = false;
+                this.clearState();
                 return;
             }
             this.setExistingFile();
         }
     }
+    clearState() {
+        this.files = undefined;
+        this.hasTouched = false;
+        this.uploadName = this.fileSuffix = '';
+    }
     ngAfterViewInit() {
         this.fileInput.nativeElement.setAttribute('title', '');
     }
@@ -11240,7 +11247,9 @@ const dateRangeTimeRangeWithoutSecondsPlaceHolder = `${dateTimeWithoutSecondsPla
 const resourceIdPlaceholder = "$resourceId";
 const defaultCloseTime = new Date('01-01-2999');
 const defaultOpenTime = new Date('01-01-1999');
-const correctAnswerPropertyPath = `.Quiz.Questions[].ClosedContent.Answers[].IsCorrect`;
+const answersPath = `.Quiz.Questions[].ClosedContent.Answers[]`;
+const answerNotePropertyPath = `${answersPath}.note`;
+const correctAnswerPropertyPath = `${answersPath}.IsCorrect`;
 const matchingSourceIndexPropertyPath = `.Quiz.Questions[].MatchingContent.Sources[].Index`;
 const openStatus = {
     openingTime: new Date(),
@@ -11312,6 +11321,14 @@ const defaultAuthorizationObject = {
             collectionItemType: 'Resources'
         });
     },
+    answerNote() {
+        return cloneDeep({
+            propertyPath: `[${resourceIdPlaceholder}]${answersPath}`,
+            authorizationType: MicroResourceAuthorizationType.view,
+            ...closeStatus,
+            collectionItemType: 'Resources'
+        });
+    },
     matchingSourceIndex() {
         return cloneDeep({
             propertyPath: `[${resourceIdPlaceholder}]${matchingSourceIndexPropertyPath}`,
@@ -18843,5 +18860,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AnswerNotesToTextChangesPipe, AtomsModule, AudioConfigurationConstants, AudioPlayerComponent, AudioSliderComponent, AudioVisualizationService, AuthService, BlockedFormComponent, CheckboxCellComponent, ChipsCellComponent, CollectionSubscriptionToCollectionBasePipe, CollectionToCollectionBasePipe, CollegeAudioConfiguration, CollegeLoaderComponent, CommonGraphqlRequestsService, ConditionalFormControlNameDirective, CopyableCellComponent, DbActionRequestsService, DbActionToastService, DbActionsInnerIdManagerService, DeleteRowComponent, DependentsService, DialogsModule, DirectivesModule, DisplayedSubmissionsCounterPipe, EditRowComponent, EllipsisPipe, ErrorMessageDialogComponent, ErrorsHandlerService, ErrorsModule, FetchedMessageDialog, FetchedMessageModule, FetchedMessageService, GlobalErrorHandler, GlobalKeyboardListenerService, GraphQLService, HadrachaAudioConfiguration, HerumActiveLinkComponent, HerumActiveMenuComponent, HerumAgGridFilterComponent, HerumAutocompleteComponent, HerumBreadcrumbsComponent, HerumButtonComponent, HerumCheckboxComponent, HerumChipComponent, HerumCircularProgressBarComponent, HerumClosedListMultiSelectComponent, HerumClosedListSelectComponent, HerumDatePickerComponent, HerumDateTimeInputComponent, HerumDateTimePickerComponent, HerumDateTimePickerSelectComponent, HerumDownloadFileComponent, HerumDropZoneComponent, HerumEllipsisLoaderComponent, HerumExpendablePanelComponent, HerumFilesViewerComponent, HerumFilesViewerDialogComponent, HerumFormControl, HerumHierarchyTreeComponent, HerumHierarchyTreeNodeComponent, HerumHighlightDirective, HerumIconLabelComponent, HerumIndeterminateComponent, HerumInputFieldComponent, HerumListCentralizerComponent, HerumLoaderComponent, HerumLocalLoaderComponent, HerumLogoComponent, HerumMiniTableComponent, HerumMultiProgressBarComponent, HerumMultiSelectComponent, HerumNarrowCollectionMenuItemComponent, HerumNavigatorComponent, HerumNoResultMessageComponent, HerumOptionsListComponent, HerumPaginatorComponent, HerumPanelLinksComponent, HerumPdfViewerComponent, HerumPresentationViewerComponent, HerumProgressBarComponent, HerumQuizComponent, HerumQuizHeaderItemComponent, HerumRadioButtonComponent, HerumRecursiveHierarchyOptionsListComponent, HerumSelectComponent, HerumSharedModule, HerumSharedMongoModule, HerumSliderComponent, HerumSpinnerComponent, HerumStepNavigatorComponent, HerumStepperComponent, HerumStoryViewerComponent, HerumSwitchComponent, HerumTableComponent, HerumTextAreaComponent, HerumTextualVerticalTreeComponent, HerumTimePickerComponent, HerumTimeRangeSelectComponent, HerumTimeSelectComponent, HerumToastsComponent, HerumToggleButtonComponent, HerumToolTipDirective, HerumUploadFileComponent, HerumUploadsManagerComponent, HerumUserProfileComponent, HerumUserProgressComponent, HerumVideoPlayerComponent, HerumVideoRangeBarComponent, HerumVideoSelectComponent, InputCellComponent, InsuranceDialogComponent, KeyPressService, KeyValueListComponent, LabelsWithIconsListComponent, LoaderManagerService, MicroResourcesService, MoleculesModule, MongoUtilsService, NestedConditionSigniture, NumericSliderComponent, PipesModule, ProgressesOverViewComponent, QuizGradeSheetComponent, QuizHeaderComponent, QuizIntroComponent, QuizLoaderComponent, QuizMultiAnswerQuestionComponent, QuizOneAnswerQuestionComponent, QuizOpenAnswerQuestionComponent, QuizSubmissionComponent, QuizTwoAnswersQuestionComponent, RecursiveTreeComponent, ResourceDataBuilderService, ResourceSubscriptionToResourcePipe, ResourceToResourceSubscriptionPipe, RoundedVerticalMenuComponent, RowActionButtonsComponent, SYSTEM_AUDIO_VISUAL_CONFIGURATION, SYSTEM_IDENTIFIER, SYSTEM_TRACK_TEXT_CHANGES_SERVICE, SYSTEM_USER_SERVICE, SafeHtmlPipe, SafePipe, SliceBreadcrumbsPipe, StringArrayToSignUpFieldArrayPipe, SvgOnHoverDirective, SwitchCellComponent, SystemStylingService, TableModule, TableRowHeight, TextWithIconCell, TimeFormatPipe, ToIntegerPipe, ToastsService, TrackTextChangesComponent, TrackTextChangesNotesComponent, TrackTextChangesService, UploadsManagerService, UserActionDirective, UserIdentifiedEntitiesToBackendModelsPipe, UserProfileImageComponent, UsersProfilePreviewComponent, UtilsService, activeDragPath, additionTagName, anySubFileTypeWildCard, assignedUserSplittedFields, assignmentMetadata, attributes, audioAndVideoPreviewSupportedMimes, audioAndVideoPreviewSupportedSuffixes, audioPreviewSupportedMimes, audioPreviewSupportedSuffixes, buttonsContainerStyle, calendarActiveColorCssVariable, calendarHoverColorCssVariable, calendarLibraryBodyCellSelector, calendarLibrarySelector, checkboxTypes, closedListExample, collectionFormKeys, collectionFormValues, collectionFormattedAttachments, collectionId, collectionModelInfo, collectionSplittedFields, commentTextStyle, correctAnswerPropertyPath, datePlaceHolder, dateRangePlaceHolder, dateRangeTimeRangePlaceHolder, dateRangeTimeRangeWithoutSecondsPlaceHolder, dateTimePlaceHolder, dateTimeWithoutSecondsPlaceHolder, dayInMilliSeconds, defaultAuthorizationObject, defaultCloseTime, defaultGrade, defaultOpenTime, defaultPlaceholder, defaultTrackTextChangesStyle, defaultUploadsManagerTitle, defaultUserId, defaultUsers, deleteButtonStyle, deletionTagName, dialogsCloseActionButtons, dialogsDescriptions, dialogsNotes, dialogsSubmitActionButtons, dialogsTitles, dragPath, editButtonStyle, editorContainerElementId, emptyValueFlagForCreationUniqListItem, errorHeadersToSet, femaleAvatarPath, filesSuffixes, formCollectionNameValidator, formStatuses, formatError, formsErrorMessages, freeTextAnswerField, generalKeys, getMediaDefaultAuthorizations, getMongoMethodsDisplayedNamesMap, getPropertyPathsOfPublishAuthorization, getPublishAuthorization, getQuizDefaultAuthorizations, getResourceDefaultAuthorizations, getSignUpFormFieldsByFields, getSignUpMethod, globalErrorHandlingHeader, groupsModelInfo, herumClosedListMultiSelectType, initialMediaSettings, innerUniqListItemKey, inputs, insuranceDialogPageNavigationData, isUniqueIdValidator, keyboardAsciiCodes, keyboardKeys, maleAvatarPath, matchingSourceIndexPropertyPath, maxImageHeight, maxImageWidth, minDateError, minuteInMilliseconds, mockedAssignedUserFields, mockedAssignedUserFormattedAttachments, mockedCollectioDeletedFields, mockedCollectioDeletedFieldsRequest, mockedCollectionFields, mockedCollectionFile, mockedNewFileCollectionRequest, mockedNewGroupFields, mockedNewGroupRequest, mockedUpdatedUserFields, mockedUpdatedUserRequest, mockedUserFields, mouseEnter, mouseEnterHandlerKey, mouseLeave, mouseLeaveHandlerKey, openClose, permissionsTemplatesExample, previewImageKey, radioButtonTypes, readynessDisplayName, regexExpressions, requiredErrorMessage, resourceColumnPrefix, resourceFileTypes, resourceFormKeys, resourceIdPlaceholder, resourceKeys, resourceTypes, resourcesFilesSuffixes, routes, secondInMilliseconds, selfIsTeacherExample, setDynamicElementStyle, sideBarSizeButtonId, signUpFormFields, signUpFormFieldsData, signUpFormKeys, sixMonthsInDays, skipToastHeader, speedOptions, startEndDateError, statusCodes, structHierarchyTreeMaxHeight, structId, structModelInfo, svgsStrings, system, systemStylingFactory, tableRowHeights, testEnvironmentConfig, timePattern, timePlaceHolder, timeWithoutSecondsPlaceHolder, timerActiveColorCssVariable, timerHoverColorCssVariable, timerItemSizeColorCssVariable, timestampError, toastContext, toastStates, toastStatuses, toastsKeys, toastsTemplates, toastsTemplatesKeys, tooltipStyle, types, uploadStatuses, uploadsManagerKeys, uploadsProgressMetadataTypes, userFormattedAttachments, userId, userSplittedFields, usersModelInfo, validateIDNumber, validatorsErrorMessages, validatorsNames, videoPreviewSupportedMimes, videoPreviewSupportedSuffixes, viewPermissionLabel };
+export { AnswerNotesToTextChangesPipe, AtomsModule, AudioConfigurationConstants, AudioPlayerComponent, AudioSliderComponent, AudioVisualizationService, AuthService, BlockedFormComponent, CheckboxCellComponent, ChipsCellComponent, CollectionSubscriptionToCollectionBasePipe, CollectionToCollectionBasePipe, CollegeAudioConfiguration, CollegeLoaderComponent, CommonGraphqlRequestsService, ConditionalFormControlNameDirective, CopyableCellComponent, DbActionRequestsService, DbActionToastService, DbActionsInnerIdManagerService, DeleteRowComponent, DependentsService, DialogsModule, DirectivesModule, DisplayedSubmissionsCounterPipe, EditRowComponent, EllipsisPipe, ErrorMessageDialogComponent, ErrorsHandlerService, ErrorsModule, FetchedMessageDialog, FetchedMessageModule, FetchedMessageService, GlobalErrorHandler, GlobalKeyboardListenerService, GraphQLService, HadrachaAudioConfiguration, HerumActiveLinkComponent, HerumActiveMenuComponent, HerumAgGridFilterComponent, HerumAutocompleteComponent, HerumBreadcrumbsComponent, HerumButtonComponent, HerumCheckboxComponent, HerumChipComponent, HerumCircularProgressBarComponent, HerumClosedListMultiSelectComponent, HerumClosedListSelectComponent, HerumDatePickerComponent, HerumDateTimeInputComponent, HerumDateTimePickerComponent, HerumDateTimePickerSelectComponent, HerumDownloadFileComponent, HerumDropZoneComponent, HerumEllipsisLoaderComponent, HerumExpendablePanelComponent, HerumFilesViewerComponent, HerumFilesViewerDialogComponent, HerumFormControl, HerumHierarchyTreeComponent, HerumHierarchyTreeNodeComponent, HerumHighlightDirective, HerumIconLabelComponent, HerumIndeterminateComponent, HerumInputFieldComponent, HerumListCentralizerComponent, HerumLoaderComponent, HerumLocalLoaderComponent, HerumLogoComponent, HerumMiniTableComponent, HerumMultiProgressBarComponent, HerumMultiSelectComponent, HerumNarrowCollectionMenuItemComponent, HerumNavigatorComponent, HerumNoResultMessageComponent, HerumOptionsListComponent, HerumPaginatorComponent, HerumPanelLinksComponent, HerumPdfViewerComponent, HerumPresentationViewerComponent, HerumProgressBarComponent, HerumQuizComponent, HerumQuizHeaderItemComponent, HerumRadioButtonComponent, HerumRecursiveHierarchyOptionsListComponent, HerumSelectComponent, HerumSharedModule, HerumSharedMongoModule, HerumSliderComponent, HerumSpinnerComponent, HerumStepNavigatorComponent, HerumStepperComponent, HerumStoryViewerComponent, HerumSwitchComponent, HerumTableComponent, HerumTextAreaComponent, HerumTextualVerticalTreeComponent, HerumTimePickerComponent, HerumTimeRangeSelectComponent, HerumTimeSelectComponent, HerumToastsComponent, HerumToggleButtonComponent, HerumToolTipDirective, HerumUploadFileComponent, HerumUploadsManagerComponent, HerumUserProfileComponent, HerumUserProgressComponent, HerumVideoPlayerComponent, HerumVideoRangeBarComponent, HerumVideoSelectComponent, InputCellComponent, InsuranceDialogComponent, KeyPressService, KeyValueListComponent, LabelsWithIconsListComponent, LoaderManagerService, MicroResourcesService, MoleculesModule, MongoUtilsService, NestedConditionSigniture, NumericSliderComponent, PipesModule, ProgressesOverViewComponent, QuizGradeSheetComponent, QuizHeaderComponent, QuizIntroComponent, QuizLoaderComponent, QuizMultiAnswerQuestionComponent, QuizOneAnswerQuestionComponent, QuizOpenAnswerQuestionComponent, QuizSubmissionComponent, QuizTwoAnswersQuestionComponent, RecursiveTreeComponent, ResourceDataBuilderService, ResourceSubscriptionToResourcePipe, ResourceToResourceSubscriptionPipe, RoundedVerticalMenuComponent, RowActionButtonsComponent, SYSTEM_AUDIO_VISUAL_CONFIGURATION, SYSTEM_IDENTIFIER, SYSTEM_TRACK_TEXT_CHANGES_SERVICE, SYSTEM_USER_SERVICE, SafeHtmlPipe, SafePipe, SliceBreadcrumbsPipe, StringArrayToSignUpFieldArrayPipe, SvgOnHoverDirective, SwitchCellComponent, SystemStylingService, TableModule, TableRowHeight, TextWithIconCell, TimeFormatPipe, ToIntegerPipe, ToastsService, TrackTextChangesComponent, TrackTextChangesNotesComponent, TrackTextChangesService, UploadsManagerService, UserActionDirective, UserIdentifiedEntitiesToBackendModelsPipe, UserProfileImageComponent, UsersProfilePreviewComponent, UtilsService, activeDragPath, additionTagName, answerNotePropertyPath, answersPath, anySubFileTypeWildCard, assignedUserSplittedFields, assignmentMetadata, attributes, audioAndVideoPreviewSupportedMimes, audioAndVideoPreviewSupportedSuffixes, audioPreviewSupportedMimes, audioPreviewSupportedSuffixes, buttonsContainerStyle, calendarActiveColorCssVariable, calendarHoverColorCssVariable, calendarLibraryBodyCellSelector, calendarLibrarySelector, checkboxTypes, closedListExample, collectionFormKeys, collectionFormValues, collectionFormattedAttachments, collectionId, collectionModelInfo, collectionSplittedFields, commentTextStyle, correctAnswerPropertyPath, datePlaceHolder, dateRangePlaceHolder, dateRangeTimeRangePlaceHolder, dateRangeTimeRangeWithoutSecondsPlaceHolder, dateTimePlaceHolder, dateTimeWithoutSecondsPlaceHolder, dayInMilliSeconds, defaultAuthorizationObject, defaultCloseTime, defaultGrade, defaultOpenTime, defaultPlaceholder, defaultTrackTextChangesStyle, defaultUploadsManagerTitle, defaultUserId, defaultUsers, deleteButtonStyle, deletionTagName, dialogsCloseActionButtons, dialogsDescriptions, dialogsNotes, dialogsSubmitActionButtons, dialogsTitles, dragPath, editButtonStyle, editorContainerElementId, emptyValueFlagForCreationUniqListItem, errorHeadersToSet, femaleAvatarPath, filesSuffixes, formCollectionNameValidator, formStatuses, formatError, formsErrorMessages, freeTextAnswerField, generalKeys, getMediaDefaultAuthorizations, getMongoMethodsDisplayedNamesMap, getPropertyPathsOfPublishAuthorization, getPublishAuthorization, getQuizDefaultAuthorizations, getResourceDefaultAuthorizations, getSignUpFormFieldsByFields, getSignUpMethod, globalErrorHandlingHeader, groupsModelInfo, herumClosedListMultiSelectType, initialMediaSettings, innerUniqListItemKey, inputs, insuranceDialogPageNavigationData, isUniqueIdValidator, keyboardAsciiCodes, keyboardKeys, maleAvatarPath, matchingSourceIndexPropertyPath, maxImageHeight, maxImageWidth, minDateError, minuteInMilliseconds, mockedAssignedUserFields, mockedAssignedUserFormattedAttachments, mockedCollectioDeletedFields, mockedCollectioDeletedFieldsRequest, mockedCollectionFields, mockedCollectionFile, mockedNewFileCollectionRequest, mockedNewGroupFields, mockedNewGroupRequest, mockedUpdatedUserFields, mockedUpdatedUserRequest, mockedUserFields, mouseEnter, mouseEnterHandlerKey, mouseLeave, mouseLeaveHandlerKey, openClose, permissionsTemplatesExample, previewImageKey, radioButtonTypes, readynessDisplayName, regexExpressions, requiredErrorMessage, resourceColumnPrefix, resourceFileTypes, resourceFormKeys, resourceIdPlaceholder, resourceKeys, resourceTypes, resourcesFilesSuffixes, routes, secondInMilliseconds, selfIsTeacherExample, setDynamicElementStyle, sideBarSizeButtonId, signUpFormFields, signUpFormFieldsData, signUpFormKeys, sixMonthsInDays, skipToastHeader, speedOptions, startEndDateError, statusCodes, structHierarchyTreeMaxHeight, structId, structModelInfo, svgsStrings, system, systemStylingFactory, tableRowHeights, testEnvironmentConfig, timePattern, timePlaceHolder, timeWithoutSecondsPlaceHolder, timerActiveColorCssVariable, timerHoverColorCssVariable, timerItemSizeColorCssVariable, timestampError, toastContext, toastStates, toastStatuses, toastsKeys, toastsTemplates, toastsTemplatesKeys, tooltipStyle, types, uploadStatuses, uploadsManagerKeys, uploadsProgressMetadataTypes, userFormattedAttachments, userId, userSplittedFields, usersModelInfo, validateIDNumber, validatorsErrorMessages, validatorsNames, videoPreviewSupportedMimes, videoPreviewSupportedSuffixes, viewPermissionLabel };
 //# sourceMappingURL=herum-shared.mjs.map