@dereekb/dbx-form 13.4.1 → 13.5.0

package/fesm2022/dereekb-dbx-form-quiz.mjs

@@ -72,6 +72,9 @@ class QuizStore extends ComponentStore {
     /**
      * Returns a reactive observable of the answer for a given question, looked up by id, index, or the current question.
      *
+     * @param lookupInput - Lookup criteria specifying which question's answer to retrieve
+     * @returns An observable that emits the current answer for the specified question, or undefined if not answered
+     *
      * @example
      * ```ts
      * // By current question:
@@ -79,6 +82,8 @@ class QuizStore extends ComponentStore {
      * // By question id:
      * store.answerForQuestion({ id: 'q1' }).subscribe(answer => console.log(answer));
      * ```
+     *
+     * @param lookupInput - Lookup criteria specifying which question's answer to retrieve
      */
     answerForQuestion(lookupInput) {
         return asObservable(lookupInput).pipe(switchMap((lookup) => {
@@ -130,10 +135,10 @@ class QuizStore extends ComponentStore {
     goToPreviousQuestion = this.updater((state) => advanceQuestionOnState(state, -1));
     setLockQuizNavigation = this.updater((state, lockQuizNavigation) => ({ ...state, lockQuizNavigation }));
     setSubmittedQuiz = this.updater((state, submittedQuiz) => ({ ...state, submittedQuiz }));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 function computeAdvanceIndexOnState(state, advancement) {
@@ -188,7 +193,7 @@ function restartQuizToFirstQuestionOnState(state) {
 }
 function setQuizOnState(state, quiz) {
     let questionMap = undefined;
-    const currentAnswers = Array.from(state.answers.values());
+    const currentAnswers = [...state.answers.values()];
     if (quiz?.questions) {
         questionMap = new Map(quiz.questions.map((question) => [question.id, question]));
     }
@@ -250,6 +255,8 @@ class QuizQuestionAccessor {
 /**
  * Provides QuizQuestionAccessor bound to the current question in QuizStore.
  *
+ * @returns An Angular provider that binds QuizQuestionAccessor to the current quiz question
+ *
  * @usage
  * ```typescript
  * @Component({
@@ -288,19 +295,19 @@ function provideCurrentQuestionQuizQuestionAccessor() {
  */
 class QuizComponent {
     quizStore = inject(QuizStore);
-    quiz = input.required(...(ngDevMode ? [{ debugName: "quiz" }] : []));
+    quiz = input.required(...(ngDevMode ? [{ debugName: "quiz" }] : /* istanbul ignore next */ []));
     keysFilter = ['Enter', 'ArrowLeft', 'ArrowRight'];
     quizEffect = effect(() => {
         const quiz = this.quiz();
         this.quizStore.setQuiz(quiz);
-    }, { ...(ngDevMode ? { debugName: "quizEffect" } : {}), allowSignalWrites: true });
+    }, { ...(ngDevMode ? { debugName: "quizEffect" } : /* istanbul ignore next */ {}), allowSignalWrites: true });
     quiz$ = toObservable(this.quiz);
-    quizTitleSignal = computed(() => this.quiz()?.titleDetails.title, ...(ngDevMode ? [{ debugName: "quizTitleSignal" }] : []));
+    quizTitleSignal = computed(() => this.quiz()?.titleDetails.title, ...(ngDevMode ? [{ debugName: "quizTitleSignal" }] : /* istanbul ignore next */ []));
     currentQuestionSignal = toSignal(this.quizStore.currentQuestion$);
     questionTitleSignal = computed(() => {
         const currentQuestion = this.currentQuestionSignal();
         return currentQuestion ? `Question ${currentQuestion.index + 1}` : '';
-    }, ...(ngDevMode ? [{ debugName: "questionTitleSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "questionTitleSignal" }] : /* istanbul ignore next */ []));
     startedQuiz$ = this.quizStore.startedQuiz$;
     currentQuestion$ = this.quizStore.currentQuestion$;
     canGoToPreviousQuestionSignal = toSignal(this.quizStore.canGoToPreviousQuestion$, { initialValue: false });
@@ -336,11 +343,11 @@ class QuizComponent {
         }
     }));
     viewConfigSignal = toSignal(this.viewConfig$, { initialValue: { state: 'init' } });
-    viewStateSignal = computed(() => this.viewConfigSignal()?.state ?? 'init', ...(ngDevMode ? [{ debugName: "viewStateSignal" }] : []));
-    preQuizComponentConfigSignal = computed(() => this.viewConfigSignal()?.preQuizComponent, ...(ngDevMode ? [{ debugName: "preQuizComponentConfigSignal" }] : []));
-    questionComponentConfigSignal = computed(() => this.viewConfigSignal()?.questionComponent, ...(ngDevMode ? [{ debugName: "questionComponentConfigSignal" }] : []));
-    answerComponentConfigSignal = computed(() => this.viewConfigSignal()?.answerComponent, ...(ngDevMode ? [{ debugName: "answerComponentConfigSignal" }] : []));
-    resultsComponentConfigSignal = computed(() => this.viewConfigSignal()?.resultsComponent, ...(ngDevMode ? [{ debugName: "resultsComponentConfigSignal" }] : []));
+    viewStateSignal = computed(() => this.viewConfigSignal()?.state ?? 'init', ...(ngDevMode ? [{ debugName: "viewStateSignal" }] : /* istanbul ignore next */ []));
+    preQuizComponentConfigSignal = computed(() => this.viewConfigSignal()?.preQuizComponent, ...(ngDevMode ? [{ debugName: "preQuizComponentConfigSignal" }] : /* istanbul ignore next */ []));
+    questionComponentConfigSignal = computed(() => this.viewConfigSignal()?.questionComponent, ...(ngDevMode ? [{ debugName: "questionComponentConfigSignal" }] : /* istanbul ignore next */ []));
+    answerComponentConfigSignal = computed(() => this.viewConfigSignal()?.answerComponent, ...(ngDevMode ? [{ debugName: "answerComponentConfigSignal" }] : /* istanbul ignore next */ []));
+    resultsComponentConfigSignal = computed(() => this.viewConfigSignal()?.resultsComponent, ...(ngDevMode ? [{ debugName: "resultsComponentConfigSignal" }] : /* istanbul ignore next */ []));
     handleKeyDown(event) {
         const code = event.code;
         switch (code) {
@@ -368,10 +375,10 @@ class QuizComponent {
     clickNextQuestion() {
         this.quizStore.goToNextQuestion();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: QuizComponent, isStandalone: true, selector: "dbx-quiz", inputs: { quiz: { classPropertyName: "quiz", publicName: "quiz", isSignal: true, isRequired: true, transformFunction: null } }, providers: [QuizStore, provideCurrentQuestionQuizQuestionAccessor()], ngImport: i0, template: "<div class=\"dbx-quiz\" (dbxWindowKeyDownListener)=\"handleKeyDown($event)\" [dbxWindowKeyDownFilter]=\"keysFilter\">\n  @switch (viewStateSignal()) {\n    @case ('pre-quiz') {\n      <ng-container *ngTemplateOutlet=\"preQuizTemplate\"></ng-container>\n    }\n    @case ('quiz') {\n      <ng-container *ngTemplateOutlet=\"quizTemplate\"></ng-container>\n    }\n    @case ('post-quiz') {\n      <ng-container *ngTemplateOutlet=\"postQuizTemplate\"></ng-container>\n    }\n  }\n</div>\n\n<!-- Pre-Quiz -->\n<ng-template #preQuizTemplate>\n  <div class=\"dbx-quiz-pre-quiz\">\n    <dbx-injection [config]=\"preQuizComponentConfigSignal()\"></dbx-injection>\n  </div>\n</ng-template>\n\n<!-- Quiz -->\n<ng-template #quizTemplate>\n  <div class=\"dbx-quiz-quiz\">\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    <div class=\"dbx-quiz-question dbx-pb3\">\n      <h4 class=\"dbx-quiz-question-title\">{{ questionTitleSignal() }}</h4>\n      <dbx-injection [config]=\"questionComponentConfigSignal()\"></dbx-injection>\n    </div>\n    <div class=\"dbx-quiz-answer dbx-pt3\">\n      <dbx-injection [config]=\"answerComponentConfigSignal()\"></dbx-injection>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Post-Quiz -->\n<ng-template #postQuizTemplate>\n  <div class=\"dbx-quiz-post-quiz\">\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    <dbx-injection [config]=\"resultsComponentConfigSignal()\"></dbx-injection>\n  </div>\n</ng-template>\n\n<!-- Header Template -->\n<ng-template #headerTemplate>\n  <div class=\"dbx-quiz-header\">\n    <div class=\"dbx-flex-group\">\n      <dbx-button [disabled]=\"!canGoToPreviousQuestionSignal()\" icon=\"arrow_back\" (buttonClick)=\"clickPreviousQuestion()\"></dbx-button>\n      <span class=\"spacer\"></span>\n      <span class=\"mat-h2\">{{ quizTitleSignal() }}</span>\n      <span class=\"spacer\"></span>\n      <dbx-button [disabled]=\"!canGoToNextQuestionSignal()\" icon=\"arrow_forward\" (buttonClick)=\"clickNextQuestion()\"></dbx-button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "directive", type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["dbxWindowKeyDownEnabled", "dbxWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: QuizComponent, isStandalone: true, selector: "dbx-quiz", inputs: { quiz: { classPropertyName: "quiz", publicName: "quiz", isSignal: true, isRequired: true, transformFunction: null } }, providers: [QuizStore, provideCurrentQuestionQuizQuestionAccessor()], ngImport: i0, template: "<div class=\"dbx-quiz\" (dbxWindowKeyDownListener)=\"handleKeyDown($event)\" [dbxWindowKeyDownFilter]=\"keysFilter\">\n  @switch (viewStateSignal()) {\n    @case ('pre-quiz') {\n      <ng-container *ngTemplateOutlet=\"preQuizTemplate\"></ng-container>\n    }\n    @case ('quiz') {\n      <ng-container *ngTemplateOutlet=\"quizTemplate\"></ng-container>\n    }\n    @case ('post-quiz') {\n      <ng-container *ngTemplateOutlet=\"postQuizTemplate\"></ng-container>\n    }\n  }\n</div>\n\n<!-- Pre-Quiz -->\n<ng-template #preQuizTemplate>\n  <div class=\"dbx-quiz-pre-quiz\">\n    <dbx-injection [config]=\"preQuizComponentConfigSignal()\"></dbx-injection>\n  </div>\n</ng-template>\n\n<!-- Quiz -->\n<ng-template #quizTemplate>\n  <div class=\"dbx-quiz-quiz\">\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    <div class=\"dbx-quiz-question dbx-pb3\">\n      <h4 class=\"dbx-quiz-question-title\">{{ questionTitleSignal() }}</h4>\n      <dbx-injection [config]=\"questionComponentConfigSignal()\"></dbx-injection>\n    </div>\n    <div class=\"dbx-quiz-answer dbx-pt3\">\n      <dbx-injection [config]=\"answerComponentConfigSignal()\"></dbx-injection>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Post-Quiz -->\n<ng-template #postQuizTemplate>\n  <div class=\"dbx-quiz-post-quiz\">\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    <dbx-injection [config]=\"resultsComponentConfigSignal()\"></dbx-injection>\n  </div>\n</ng-template>\n\n<!-- Header Template -->\n<ng-template #headerTemplate>\n  <div class=\"dbx-quiz-header\">\n    <div class=\"dbx-flex-group\">\n      <dbx-button [disabled]=\"!canGoToPreviousQuestionSignal()\" icon=\"arrow_back\" (buttonClick)=\"clickPreviousQuestion()\"></dbx-button>\n      <span class=\"spacer\"></span>\n      <span class=\"mat-h2\">{{ quizTitleSignal() }}</span>\n      <span class=\"spacer\"></span>\n      <dbx-button [disabled]=\"!canGoToNextQuestionSignal()\" icon=\"arrow_forward\" (buttonClick)=\"clickNextQuestion()\"></dbx-button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "allowClickPropagation", "mode"] }, { kind: "directive", type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["dbxWindowKeyDownEnabled", "dbxWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-quiz', imports: [DbxInjectionComponent, DbxButtonModule, DbxWindowKeyDownListenerDirective, NgTemplateOutlet], providers: [QuizStore, provideCurrentQuestionQuizQuestionAccessor()], standalone: true, template: "<div class=\"dbx-quiz\" (dbxWindowKeyDownListener)=\"handleKeyDown($event)\" [dbxWindowKeyDownFilter]=\"keysFilter\">\n  @switch (viewStateSignal()) {\n    @case ('pre-quiz') {\n      <ng-container *ngTemplateOutlet=\"preQuizTemplate\"></ng-container>\n    }\n    @case ('quiz') {\n      <ng-container *ngTemplateOutlet=\"quizTemplate\"></ng-container>\n    }\n    @case ('post-quiz') {\n      <ng-container *ngTemplateOutlet=\"postQuizTemplate\"></ng-container>\n    }\n  }\n</div>\n\n<!-- Pre-Quiz -->\n<ng-template #preQuizTemplate>\n  <div class=\"dbx-quiz-pre-quiz\">\n    <dbx-injection [config]=\"preQuizComponentConfigSignal()\"></dbx-injection>\n  </div>\n</ng-template>\n\n<!-- Quiz -->\n<ng-template #quizTemplate>\n  <div class=\"dbx-quiz-quiz\">\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    <div class=\"dbx-quiz-question dbx-pb3\">\n      <h4 class=\"dbx-quiz-question-title\">{{ questionTitleSignal() }}</h4>\n      <dbx-injection [config]=\"questionComponentConfigSignal()\"></dbx-injection>\n    </div>\n    <div class=\"dbx-quiz-answer dbx-pt3\">\n      <dbx-injection [config]=\"answerComponentConfigSignal()\"></dbx-injection>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Post-Quiz -->\n<ng-template #postQuizTemplate>\n  <div class=\"dbx-quiz-post-quiz\">\n    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    <dbx-injection [config]=\"resultsComponentConfigSignal()\"></dbx-injection>\n  </div>\n</ng-template>\n\n<!-- Header Template -->\n<ng-template #headerTemplate>\n  <div class=\"dbx-quiz-header\">\n    <div class=\"dbx-flex-group\">\n      <dbx-button [disabled]=\"!canGoToPreviousQuestionSignal()\" icon=\"arrow_back\" (buttonClick)=\"clickPreviousQuestion()\"></dbx-button>\n      <span class=\"spacer\"></span>\n      <span class=\"mat-h2\">{{ quizTitleSignal() }}</span>\n      <span class=\"spacer\"></span>\n      <dbx-button [disabled]=\"!canGoToNextQuestionSignal()\" icon=\"arrow_forward\" (buttonClick)=\"clickNextQuestion()\"></dbx-button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { quiz: [{ type: i0.Input, args: [{ isSignal: true, alias: "quiz", required: true }] }] } });
@@ -394,9 +401,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class QuizAnswerNumberComponent {
     questionAccessor = inject(QuizQuestionAccessor);
-    config = model(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
+    config = model(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
     currentAnswerSignal = toSignal(this.questionAccessor.answer$);
-    currentAnswerValueSignal = computed(() => this.currentAnswerSignal()?.data, ...(ngDevMode ? [{ debugName: "currentAnswerValueSignal" }] : []));
+    currentAnswerValueSignal = computed(() => this.currentAnswerSignal()?.data, ...(ngDevMode ? [{ debugName: "currentAnswerValueSignal" }] : /* istanbul ignore next */ []));
     choicesSignal = computed(() => {
         const { range: inputRange, numbers: inputNumbers, preset } = this.config() ?? { preset: 'oneToFive' };
         const currentAnswer = this.currentAnswerValueSignal();
@@ -433,11 +440,11 @@ class QuizAnswerNumberComponent {
             };
         });
         return choices;
-    }, ...(ngDevMode ? [{ debugName: "choicesSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "choicesSignal" }] : /* istanbul ignore next */ []));
     relevantKeysSignal = computed(() => {
         const choices = this.choicesSignal();
         return choices.map((choice) => choice.number.toString());
-    }, ...(ngDevMode ? [{ debugName: "relevantKeysSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "relevantKeysSignal" }] : /* istanbul ignore next */ []));
     clickedAnswer(answer) {
         this.questionAccessor.setAnswer(answer);
     }
@@ -447,10 +454,10 @@ class QuizAnswerNumberComponent {
             this.clickedAnswer(number);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizAnswerNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: QuizAnswerNumberComponent, isStandalone: true, selector: "ng-component", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, ngImport: i0, template: "<div class=\"dbx-quiz-answer-number\" (dbxWindowKeyDownListener)=\"handleKeyDown($event)\" [dbxWindowKeyDownFilter]=\"relevantKeysSignal()\">\n  <div class=\"dbx-quiz-answer-number-buttons dbx-button-wrap-group\">\n    @for (choice of choicesSignal(); track choice.number) {\n      <dbx-button [color]=\"choice.selected ? 'accent' : 'primary'\" [raised]=\"true\" (buttonClick)=\"clickedAnswer(choice.number)\">{{ choice.number }}</dbx-button>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "directive", type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["dbxWindowKeyDownEnabled", "dbxWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizAnswerNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: QuizAnswerNumberComponent, isStandalone: true, selector: "ng-component", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, ngImport: i0, template: "<div class=\"dbx-quiz-answer-number\" (dbxWindowKeyDownListener)=\"handleKeyDown($event)\" [dbxWindowKeyDownFilter]=\"relevantKeysSignal()\">\n  <div class=\"dbx-quiz-answer-number-buttons dbx-button-wrap-group\">\n    @for (choice of choicesSignal(); track choice.number) {\n      <dbx-button [color]=\"choice.selected ? 'accent' : 'primary'\" [raised]=\"true\" (buttonClick)=\"clickedAnswer(choice.number)\">{{ choice.number }}</dbx-button>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "allowClickPropagation", "mode"] }, { kind: "directive", type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["dbxWindowKeyDownEnabled", "dbxWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizAnswerNumberComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizAnswerNumberComponent, decorators: [{
             type: Component,
             args: [{ imports: [DbxButtonModule, DbxWindowKeyDownListenerDirective], standalone: true, template: "<div class=\"dbx-quiz-answer-number\" (dbxWindowKeyDownListener)=\"handleKeyDown($event)\" [dbxWindowKeyDownFilter]=\"relevantKeysSignal()\">\n  <div class=\"dbx-quiz-answer-number-buttons dbx-button-wrap-group\">\n    @for (choice of choicesSignal(); track choice.number) {\n      <dbx-button [color]=\"choice.selected ? 'accent' : 'primary'\" [raised]=\"true\" (buttonClick)=\"clickedAnswer(choice.number)\">{{ choice.number }}</dbx-button>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }, { type: i0.Output, args: ["configChange"] }] } });
@@ -477,9 +484,9 @@ const MULTIPLE_CHOICE_LETTERS = `abcdefghijklmnopqrstuvwxyz`;
  */
 class QuizAnswerMultipleChoiceComponent {
     questionAccessor = inject(QuizQuestionAccessor);
-    config = model(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
+    config = model(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
     currentAnswerSignal = toSignal(this.questionAccessor.answer$);
-    currentAnswerValueSignal = computed(() => this.currentAnswerSignal()?.data, ...(ngDevMode ? [{ debugName: "currentAnswerValueSignal" }] : []));
+    currentAnswerValueSignal = computed(() => this.currentAnswerSignal()?.data, ...(ngDevMode ? [{ debugName: "currentAnswerValueSignal" }] : /* istanbul ignore next */ []));
     choicesSignal = computed(() => {
         const config = this.config();
         const currentAnswer = this.currentAnswerValueSignal();
@@ -495,7 +502,7 @@ class QuizAnswerMultipleChoiceComponent {
             };
         });
         return choices;
-    }, ...(ngDevMode ? [{ debugName: "choicesSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "choicesSignal" }] : /* istanbul ignore next */ []));
     relevantKeysSignal = computed(() => {
         const answersCount = this.config()?.answerText.length ?? 0;
         const relevantKeys = [];
@@ -505,7 +512,7 @@ class QuizAnswerMultipleChoiceComponent {
             relevantKeys.push(answerLetter);
         }
         return relevantKeys;
-    }, ...(ngDevMode ? [{ debugName: "relevantKeysSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "relevantKeysSignal" }] : /* istanbul ignore next */ []));
     clickedAnswer(answer) {
         this.questionAccessor.setAnswer(answer);
     }
@@ -519,10 +526,10 @@ class QuizAnswerMultipleChoiceComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizAnswerMultipleChoiceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: QuizAnswerMultipleChoiceComponent, isStandalone: true, selector: "ng-component", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, ngImport: i0, template: "<div class=\"dbx-quiz-answer-multiplechoice\" (dbxWindowKeyDownListener)=\"handleKeyDown($event)\" [dbxWindowKeyDownFilter]=\"relevantKeysSignal()\">\n  <div class=\"dbx-quiz-answer-multiplechoice-buttons dbx-button-column dbx-button-wide\">\n    @for (choice of choicesSignal(); track choice.letter) {\n      <dbx-button class=\"dbx-w100\" [color]=\"choice.selected ? 'accent' : 'primary'\" [raised]=\"true\" (buttonClick)=\"clickedAnswer(choice)\">\n        <div class=\"dbx-quiz-answer-multiplechoice-button-content\">\n          <span class=\"dbx-quiz-answer-multiplechoice-button-letter\">{{ choice.letter }})</span>\n          <span class=\"dbx-quiz-answer-multiplechoice-button-text\">{{ choice.text }}</span>\n        </div>\n      </dbx-button>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "directive", type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["dbxWindowKeyDownEnabled", "dbxWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizAnswerMultipleChoiceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: QuizAnswerMultipleChoiceComponent, isStandalone: true, selector: "ng-component", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, ngImport: i0, template: "<div class=\"dbx-quiz-answer-multiplechoice\" (dbxWindowKeyDownListener)=\"handleKeyDown($event)\" [dbxWindowKeyDownFilter]=\"relevantKeysSignal()\">\n  <div class=\"dbx-quiz-answer-multiplechoice-buttons dbx-button-column dbx-button-wide\">\n    @for (choice of choicesSignal(); track choice.letter) {\n      <dbx-button class=\"dbx-w100\" [color]=\"choice.selected ? 'accent' : 'primary'\" [raised]=\"true\" (buttonClick)=\"clickedAnswer(choice)\">\n        <div class=\"dbx-quiz-answer-multiplechoice-button-content\">\n          <span class=\"dbx-quiz-answer-multiplechoice-button-letter\">{{ choice.letter }})</span>\n          <span class=\"dbx-quiz-answer-multiplechoice-button-text\">{{ choice.text }}</span>\n        </div>\n      </dbx-button>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "allowClickPropagation", "mode"] }, { kind: "directive", type: DbxWindowKeyDownListenerDirective, selector: "[dbxWindowKeyDownListener]", inputs: ["dbxWindowKeyDownEnabled", "dbxWindowKeyDownFilter"], outputs: ["dbxWindowKeyDownListener"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizAnswerMultipleChoiceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizAnswerMultipleChoiceComponent, decorators: [{
             type: Component,
             args: [{ imports: [DbxButtonModule, DbxWindowKeyDownListenerDirective], standalone: true, template: "<div class=\"dbx-quiz-answer-multiplechoice\" (dbxWindowKeyDownListener)=\"handleKeyDown($event)\" [dbxWindowKeyDownFilter]=\"relevantKeysSignal()\">\n  <div class=\"dbx-quiz-answer-multiplechoice-buttons dbx-button-column dbx-button-wide\">\n    @for (choice of choicesSignal(); track choice.letter) {\n      <dbx-button class=\"dbx-w100\" [color]=\"choice.selected ? 'accent' : 'primary'\" [raised]=\"true\" (buttonClick)=\"clickedAnswer(choice)\">\n        <div class=\"dbx-quiz-answer-multiplechoice-button-content\">\n          <span class=\"dbx-quiz-answer-multiplechoice-button-letter\">{{ choice.letter }})</span>\n          <span class=\"dbx-quiz-answer-multiplechoice-button-text\">{{ choice.text }}</span>\n        </div>\n      </dbx-button>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }, { type: i0.Output, args: ["configChange"] }] } });
@@ -545,7 +552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class QuizPreQuizIntroComponent {
     quizStore = inject(QuizStore);
-    config = model(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
+    config = model(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
     quizTitleDetailsSignal = toSignal(this.quizStore.titleDetails$);
     configSignal = computed(() => {
         const config = this.config();
@@ -555,14 +562,14 @@ class QuizPreQuizIntroComponent {
             subtitle: config?.subtitle ?? titleDetails?.subtitle,
             description: config?.description ?? titleDetails?.description
         };
-    }, ...(ngDevMode ? [{ debugName: "configSignal" }] : []));
-    titleSignal = computed(() => this.configSignal()?.title, ...(ngDevMode ? [{ debugName: "titleSignal" }] : []));
-    subtitleSignal = computed(() => this.configSignal()?.subtitle, ...(ngDevMode ? [{ debugName: "subtitleSignal" }] : []));
-    descriptionSignal = computed(() => this.configSignal()?.description, ...(ngDevMode ? [{ debugName: "descriptionSignal" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizPreQuizIntroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: QuizPreQuizIntroComponent, isStandalone: true, selector: "ng-component", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, ngImport: i0, template: "<div>\n  <div>\n    <h1>{{ titleSignal() }}</h1>\n    <h2>{{ subtitleSignal() }}</h2>\n    <p>{{ descriptionSignal() }}</p>\n  </div>\n  <div>\n    <dbx-button [raised]=\"true\" (buttonClick)=\"quizStore.startQuiz()\" text=\"Start Quiz\"></dbx-button>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }] });
+    }, ...(ngDevMode ? [{ debugName: "configSignal" }] : /* istanbul ignore next */ []));
+    titleSignal = computed(() => this.configSignal()?.title, ...(ngDevMode ? [{ debugName: "titleSignal" }] : /* istanbul ignore next */ []));
+    subtitleSignal = computed(() => this.configSignal()?.subtitle, ...(ngDevMode ? [{ debugName: "subtitleSignal" }] : /* istanbul ignore next */ []));
+    descriptionSignal = computed(() => this.configSignal()?.description, ...(ngDevMode ? [{ debugName: "descriptionSignal" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizPreQuizIntroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: QuizPreQuizIntroComponent, isStandalone: true, selector: "ng-component", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, ngImport: i0, template: "<div>\n  <div>\n    <h1>{{ titleSignal() }}</h1>\n    <h2>{{ subtitleSignal() }}</h2>\n    <p>{{ descriptionSignal() }}</p>\n  </div>\n  <div>\n    <dbx-button [raised]=\"true\" (buttonClick)=\"quizStore.startQuiz()\" text=\"Start Quiz\"></dbx-button>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "allowClickPropagation", "mode"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizPreQuizIntroComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizPreQuizIntroComponent, decorators: [{
             type: Component,
             args: [{ imports: [DbxButtonModule], standalone: true, template: "<div>\n  <div>\n    <h1>{{ titleSignal() }}</h1>\n    <h2>{{ subtitleSignal() }}</h2>\n    <p>{{ descriptionSignal() }}</p>\n  </div>\n  <div>\n    <dbx-button [raised]=\"true\" (buttonClick)=\"quizStore.startQuiz()\" text=\"Start Quiz\"></dbx-button>\n  </div>\n</div>\n" }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }, { type: i0.Output, args: ["configChange"] }] } });
@@ -583,14 +590,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * ```
  */
 class QuizQuestionTextComponent {
-    config = model(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
-    promptSignal = computed(() => this.config()?.prompt, ...(ngDevMode ? [{ debugName: "promptSignal" }] : []));
-    textSignal = computed(() => this.config()?.text, ...(ngDevMode ? [{ debugName: "textSignal" }] : []));
-    guidanceSignal = computed(() => this.config()?.guidance, ...(ngDevMode ? [{ debugName: "guidanceSignal" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizQuestionTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: QuizQuestionTextComponent, isStandalone: true, selector: "ng-component", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, ngImport: i0, template: "<div class=\"dbx-quiz-question-text\">\n  <div class=\"dbx-quiz-question-text-content\">\n    @if (promptSignal() !== null) {\n      <div class=\"dbx-hint dbx-pb3\">{{ promptSignal() }}</div>\n    }\n    <div class=\"dbx-pb3\">{{ textSignal() }}</div>\n    @if (guidanceSignal() !== null) {\n      <div class=\"dbx-small dbx-hint\">{{ guidanceSignal() }}</div>\n    }\n  </div>\n</div>\n" });
+    config = model(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
+    promptSignal = computed(() => this.config()?.prompt, ...(ngDevMode ? [{ debugName: "promptSignal" }] : /* istanbul ignore next */ []));
+    textSignal = computed(() => this.config()?.text, ...(ngDevMode ? [{ debugName: "textSignal" }] : /* istanbul ignore next */ []));
+    guidanceSignal = computed(() => this.config()?.guidance, ...(ngDevMode ? [{ debugName: "guidanceSignal" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizQuestionTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: QuizQuestionTextComponent, isStandalone: true, selector: "ng-component", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, ngImport: i0, template: "<div class=\"dbx-quiz-question-text\">\n  <div class=\"dbx-quiz-question-text-content\">\n    @if (promptSignal() !== null) {\n      <div class=\"dbx-hint dbx-pb3\">{{ promptSignal() }}</div>\n    }\n    <div class=\"dbx-pb3\">{{ textSignal() }}</div>\n    @if (guidanceSignal() !== null) {\n      <div class=\"dbx-small dbx-hint\">{{ guidanceSignal() }}</div>\n    }\n  </div>\n</div>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: QuizQuestionTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: QuizQuestionTextComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, template: "<div class=\"dbx-quiz-question-text\">\n  <div class=\"dbx-quiz-question-text-content\">\n    @if (promptSignal() !== null) {\n      <div class=\"dbx-hint dbx-pb3\">{{ promptSignal() }}</div>\n    }\n    <div class=\"dbx-pb3\">{{ textSignal() }}</div>\n    @if (guidanceSignal() !== null) {\n      <div class=\"dbx-small dbx-hint\">{{ guidanceSignal() }}</div>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }, { type: i0.Output, args: ["configChange"] }] } });
@@ -619,8 +626,8 @@ class DbxQuizPostQuizComponent {
         else {
             return 'presubmit';
         }
-    }, ...(ngDevMode ? [{ debugName: "stateSignal" }] : []));
-    handleSubmitQuiz = input(...(ngDevMode ? [undefined, { debugName: "handleSubmitQuiz" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "stateSignal" }] : /* istanbul ignore next */ []));
+    handleSubmitQuiz = input(...(ngDevMode ? [undefined, { debugName: "handleSubmitQuiz" }] : /* istanbul ignore next */ []));
     handleSubmitQuizButton = (_, context) => {
         this.quizStore.setLockQuizNavigation(true);
         const handler = this.handleSubmitQuiz();
@@ -634,10 +641,10 @@ class DbxQuizPostQuizComponent {
     handleSubmitQuizSuccess = () => {
         this.quizStore.setSubmittedQuiz(true);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxQuizPostQuizComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxQuizPostQuizComponent, isStandalone: true, selector: "dbx-quiz-post-quiz", inputs: { handleSubmitQuiz: { classPropertyName: "handleSubmitQuiz", publicName: "handleSubmitQuiz", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dbx-post-quiz text-center\">\n  <h3>Quiz Completed</h3>\n  <div>\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    @if (stateSignal() === 'presubmit') {\n      <ng-container *ngTemplateOutlet=\"preSubmitTemplate\"></ng-container>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"postSubmitTemplate\"></ng-container>\n    }\n  </div>\n</div>\n\n<!-- Pre-Submit -->\n<ng-template #preSubmitTemplate>\n  <ng-content select=\"[presubmit]\"></ng-content>\n  @if (handleSubmitQuiz()) {\n    <div class=\"dbx-post-quiz-submit\">\n      <div dbxAction dbxActionLogger dbxActionValue dbxActionSnackbarError [dbxActionHandler]=\"handleSubmitQuizButton\" [dbxActionSuccessHandler]=\"handleSubmitQuizSuccess\">\n        <dbx-button [disabled]=\"quizSubmittedSignal()\" [raised]=\"true\" dbxActionButton>Submit Quiz</dbx-button>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<!-- Post-Submit -->\n<ng-template #postSubmitTemplate>\n  <ng-content select=\"[postsubmit]\"></ng-content>\n</ng-template>\n\n<!-- Content -->\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "directive", type: i1$1.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i1$1.DbxActionDirective, selector: "dbx-action,[dbxAction]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i1$1.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i1$1.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i1$1.DbxActionContextLoggerDirective, selector: "[dbxActionLogger],[dbxActionContextLogger]" }, { kind: "directive", type: i1$1.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxQuizPostQuizComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: DbxQuizPostQuizComponent, isStandalone: true, selector: "dbx-quiz-post-quiz", inputs: { handleSubmitQuiz: { classPropertyName: "handleSubmitQuiz", publicName: "handleSubmitQuiz", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dbx-post-quiz text-center\">\n  <h3>Quiz Completed</h3>\n  <div>\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    @if (stateSignal() === 'presubmit') {\n      <ng-container *ngTemplateOutlet=\"preSubmitTemplate\"></ng-container>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"postSubmitTemplate\"></ng-container>\n    }\n  </div>\n</div>\n\n<!-- Pre-Submit -->\n<ng-template #preSubmitTemplate>\n  <ng-content select=\"[presubmit]\"></ng-content>\n  @if (handleSubmitQuiz()) {\n    <div class=\"dbx-post-quiz-submit\">\n      <div dbxAction dbxActionLogger dbxActionValue dbxActionSnackbarError [dbxActionHandler]=\"handleSubmitQuizButton\" [dbxActionSuccessHandler]=\"handleSubmitQuizSuccess\">\n        <dbx-button [disabled]=\"quizSubmittedSignal()\" [raised]=\"true\" dbxActionButton>Submit Quiz</dbx-button>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<!-- Post-Submit -->\n<ng-template #postSubmitTemplate>\n  <ng-content select=\"[postsubmit]\"></ng-content>\n</ng-template>\n\n<!-- Content -->\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "directive", type: i1$1.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "allowClickPropagation", "mode"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i1$1.DbxActionDirective, selector: "dbx-action,[dbxAction]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i1$1.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i1$1.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i1$1.DbxActionContextLoggerDirective, selector: "[dbxActionLogger],[dbxActionContextLogger]" }, { kind: "directive", type: i1$1.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxQuizPostQuizComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxQuizPostQuizComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-quiz-post-quiz', imports: [DbxButtonModule, DbxActionModule, NgTemplateOutlet], standalone: true, template: "<div class=\"dbx-post-quiz text-center\">\n  <h3>Quiz Completed</h3>\n  <div>\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    @if (stateSignal() === 'presubmit') {\n      <ng-container *ngTemplateOutlet=\"preSubmitTemplate\"></ng-container>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"postSubmitTemplate\"></ng-container>\n    }\n  </div>\n</div>\n\n<!-- Pre-Submit -->\n<ng-template #preSubmitTemplate>\n  <ng-content select=\"[presubmit]\"></ng-content>\n  @if (handleSubmitQuiz()) {\n    <div class=\"dbx-post-quiz-submit\">\n      <div dbxAction dbxActionLogger dbxActionValue dbxActionSnackbarError [dbxActionHandler]=\"handleSubmitQuizButton\" [dbxActionSuccessHandler]=\"handleSubmitQuizSuccess\">\n        <dbx-button [disabled]=\"quizSubmittedSignal()\" [raised]=\"true\" dbxActionButton>Submit Quiz</dbx-button>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<!-- Post-Submit -->\n<ng-template #postSubmitTemplate>\n  <ng-content select=\"[postsubmit]\"></ng-content>\n</ng-template>\n\n<!-- Content -->\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { handleSubmitQuiz: [{ type: i0.Input, args: [{ isSignal: true, alias: "handleSubmitQuiz", required: false }] }] } });
@@ -652,21 +659,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class DbxQuizResetButtonComponent {
     quizStore = inject(QuizStore);
-    buttonText = input(`Restart Quiz`, ...(ngDevMode ? [{ debugName: "buttonText" }] : []));
+    buttonText = input(`Restart Quiz`, ...(ngDevMode ? [{ debugName: "buttonText" }] : /* istanbul ignore next */ []));
     handleResetQuizButton = (_, context) => {
         this.quizStore.restartQuizToFirstQuestion();
         context.success();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxQuizResetButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: DbxQuizResetButtonComponent, isStandalone: true, selector: "dbx-quiz-reset-button", inputs: { buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxQuizResetButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: DbxQuizResetButtonComponent, isStandalone: true, selector: "dbx-quiz-reset-button", inputs: { buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div class="dbx-quiz-reset-button">
       <div dbxAction dbxActionLogger dbxActionValue dbxActionSnackbarError [dbxActionHandler]="handleResetQuizButton">
         <dbx-button [raised]="true" [text]="buttonText()" dbxActionButton></dbx-button>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "directive", type: i1$1.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i1$1.DbxActionDirective, selector: "dbx-action,[dbxAction]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i1$1.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i1$1.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i1$1.DbxActionContextLoggerDirective, selector: "[dbxActionLogger],[dbxActionContextLogger]" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: DbxButtonModule }, { kind: "directive", type: i1$1.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "allowClickPropagation", "mode"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i1$1.DbxActionDirective, selector: "dbx-action,[dbxAction]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i1$1.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i1$1.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i1$1.DbxActionContextLoggerDirective, selector: "[dbxActionLogger],[dbxActionContextLogger]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxQuizResetButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxQuizResetButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-quiz-reset-button',
@@ -691,14 +698,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * ```
  */
 class DbxQuizScoreComponent {
-    input = input(...(ngDevMode ? [undefined, { debugName: "input" }] : []));
-    scoreSignal = computed(() => this.input()?.score, ...(ngDevMode ? [{ debugName: "scoreSignal" }] : []));
-    maxScoreSignal = computed(() => this.input()?.maxScore, ...(ngDevMode ? [{ debugName: "maxScoreSignal" }] : []));
-    feedbackTextSignal = computed(() => this.input()?.feedbackText ?? '', ...(ngDevMode ? [{ debugName: "feedbackTextSignal" }] : []));
-    subtitleSignal = computed(() => this.input()?.subtitle, ...(ngDevMode ? [{ debugName: "subtitleSignal" }] : []));
-    showRetakeButtonSignal = computed(() => this.input()?.showRetakeButton, ...(ngDevMode ? [{ debugName: "showRetakeButtonSignal" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxQuizScoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxQuizScoreComponent, isStandalone: true, selector: "dbx-quiz-score", inputs: { input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    input = input(...(ngDevMode ? [undefined, { debugName: "input" }] : /* istanbul ignore next */ []));
+    scoreSignal = computed(() => this.input()?.score, ...(ngDevMode ? [{ debugName: "scoreSignal" }] : /* istanbul ignore next */ []));
+    maxScoreSignal = computed(() => this.input()?.maxScore, ...(ngDevMode ? [{ debugName: "maxScoreSignal" }] : /* istanbul ignore next */ []));
+    feedbackTextSignal = computed(() => this.input()?.feedbackText ?? '', ...(ngDevMode ? [{ debugName: "feedbackTextSignal" }] : /* istanbul ignore next */ []));
+    subtitleSignal = computed(() => this.input()?.subtitle, ...(ngDevMode ? [{ debugName: "subtitleSignal" }] : /* istanbul ignore next */ []));
+    showRetakeButtonSignal = computed(() => this.input()?.showRetakeButton, ...(ngDevMode ? [{ debugName: "showRetakeButtonSignal" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxQuizScoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: DbxQuizScoreComponent, isStandalone: true, selector: "dbx-quiz-score", inputs: { input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div class="dbx-quiz-score">
       <h3 class="dbx-quiz-score-score">{{ scoreSignal() }}/{{ maxScoreSignal() }}</h3>
       <p class="dbx-quiz-score-text">{{ feedbackTextSignal() }}</p>
@@ -711,7 +718,7 @@ class DbxQuizScoreComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: DbxQuizResetButtonComponent, selector: "dbx-quiz-reset-button", inputs: ["buttonText"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxQuizScoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxQuizScoreComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-quiz-score',
@@ -735,11 +742,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 /**
  * Creates a Likert scale question config with agreement prompt (Strongly Disagree to Strongly Agree).
  *
+ * @param text - The statement to rate agreement on
+ * @returns A quiz question config with an agreement-based prompt and guidance text
+ *
  * @example
  * ```ts
  * instance.config.set(quizAgreementPrompt('I feel confident leading under pressure.'));
  * // { prompt: 'Please rate how much you agree...', text: '...', guidance: '1 = Strongly Disagree, 5 = Strongly Agree' }
  * ```
+ *
+ * @param text - The statement to rate agreement on
  */
 function quizAgreementPrompt(text) {
     return {
@@ -751,11 +763,16 @@ function quizAgreementPrompt(text) {
 /**
  * Creates a Likert scale question config with frequency prompt (Never to Always).
  *
+ * @param text - The statement to rate frequency on
+ * @returns A quiz question config with a frequency-based prompt and guidance text
+ *
  * @example
  * ```ts
  * instance.config.set(quizFrequencyPrompt('I break vague direction into first steps.'));
  * // { prompt: 'Please rate how much you agree...', text: '...', guidance: '1 = Never, 5 = Always' }
  * ```
+ *
+ * @param text - The statement to rate frequency on
  */
 function quizFrequencyPrompt(text) {
     return {