@acorex/modules 21.0.0-beta.13 → 21.0.0-beta.15

package/fesm2022/{acorex-modules-assessment-management-acorex-modules-assessment-management-D5JC6vun.mjs → acorex-modules-assessment-management-acorex-modules-assessment-management-D_Gz7bT1.mjs}

@@ -102,15 +102,15 @@ class AXMAssessmentManagementEntityProvider {
         if (moduleName === RootConfig.module.name) {
             switch (entityName) {
                 case RootConfig.entities.questionBankItem.name:
-                    return (await import('./acorex-modules-assessment-management-question-bank-item.entity-CoL8v4S_.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-question-bank-item.entity-DWTpoe1I.mjs')).factory(this.injector);
                 case RootConfig.entities.questionnaire.name:
-                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-BjWwHS-u.mjs')).factory();
+                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-A9XAQcf3.mjs')).factory();
                 case RootConfig.entities.assessmentCase.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-CueA6eek.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-4pIZ5888.mjs')).factory(this.injector);
                 case RootConfig.entities.assessmentSession.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-CHlf7QhJ.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-D0crKeSd.mjs')).factory(this.injector);
                 case RootConfig.entities.questionnaireCalculation.name:
-                    return (await import('./acorex-modules-assessment-management-questionnaire-calculation.entity-QJ21IWrq.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-questionnaire-calculation.entity-CbN8YZHZ.mjs')).factory(this.injector);
             }
         }
         return null;
@@ -477,10 +477,10 @@ const AXMQuestionBankInterfaceEditorWidget = {
     ],
     components: {
         edit: {
-            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-DxD6BjtU.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-BZyVItYj.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-DxD6BjtU.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-BZyVItYj.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         column: {
             component: () => import('@acorex/platform/layout/widgets').then((m) => m.AXPWidgetFieldConfiguratorWidgetColumnComponent),
@@ -1147,7 +1147,7 @@ class AXMQuestionnaireViewerService {
      * Open questionnaire viewer in a dialog
      */
     async open(config) {
-        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-modules-assessment-management-questionnaire-viewer-popup.component-dbBLqNjn.mjs');
+        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-modules-assessment-management-questionnaire-viewer-popup.component-D85dLyKO.mjs');
         const structure = config.structure;
         const submitHandler = config.submitHandler ??
             ((answers) => this.buildSummaryPlaceholderValues(structure, answers, { questionnaireId: config.questionnaireId }));
@@ -1160,6 +1160,8 @@ class AXMQuestionnaireViewerService {
                 config: config.config,
                 initialAnswers: config.initialAnswers || {},
                 submitHandler,
+                saveHandler: config.saveHandler,
+                assessmentFillContext: config.assessmentFillContext,
                 questionnaireId: config.questionnaireId,
             },
         });
@@ -3141,6 +3143,15 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
             return 0;
         }
     },
+    /**
+     * Returns current answers without required-field validation (draft save).
+     */
+    saveDraft() {
+        return {
+            success: true,
+            answers: this.getAllAnswers(),
+        };
+    },
     async submit() {
         const validationResult = await this.validateAllQuestions();
         if (!validationResult.isValid) {
@@ -3746,77 +3757,11 @@ class AXMQuestionnaireViewerSinglePageViewComponent {
         return null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSinglePageViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerSinglePageViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-single-page-view", ngImport: i0, template: `
-            @for (section of vm.sections(); track section.name) {
-            @if (vm.isSectionVisible(section)) {
-            <div class="__single-page-section">
-                @if (stickyParent(); as parent) {
-                <div
-                    class="__section-title-sticky"
-                    [axpSticky]="'--stuck'"
-                    [stickyParent]="parent"
-                    [stickyOffset]="0">
-                    <axm-questionnaire-viewer-section-header
-                        [title]="section.title"
-                        [description]="section.description"
-                        [titleSize]="'md'"
-                        [marginBottom]="'none'">
-                    </axm-questionnaire-viewer-section-header>
-                </div>
-                }
-
-                <div class="__questions-list">
-                    @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {
-                    <axm-questionnaire-viewer-question
-                        [question]="question"
-                        [sectionOrder]="section.order"
-                        [questionIndex]="i + 1"
-                        [showQuestionNumbers]="vm.showQuestionNumbers()"
-                        [showQuestionCounter]="false">
-                    </axm-questionnaire-viewer-question>
-                    }
-                </div>
-            </div>
-            }
-            }
-    `, isInline: true, styles: ["@layer properties;axm-questionnaire-viewer-single-page-view{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 6);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-single-page-view .__questions-list .__question-item{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerSinglePageViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-single-page-view", ngImport: i0, template: "@for (section of vm.sections(); track section.name) {\n  @if (vm.isSectionVisible(section)) {\n    <div class=\"__single-page-section\">\n      @if (stickyParent(); as parent) {\n        <div\n          class=\"__section-title-sticky\"\n          [axpSticky]=\"'--stuck'\"\n          [stickyParent]=\"parent\"\n          [stickyOffset]=\"0\"\n        >\n          <axm-questionnaire-viewer-section-header\n            [title]=\"section.title\"\n            [description]=\"section.description\"\n            [titleSize]=\"'md'\"\n            [marginBottom]=\"'none'\"\n          >\n          </axm-questionnaire-viewer-section-header>\n        </div>\n      }\n\n      <div class=\"__questions-list\">\n        @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n          <axm-questionnaire-viewer-question\n            [question]=\"question\"\n            [sectionOrder]=\"section.order\"\n            [questionIndex]=\"i + 1\"\n            [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n            [showQuestionCounter]=\"false\"\n          >\n          </axm-questionnaire-viewer-question>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: ["@layer properties;axm-questionnaire-viewer-single-page-view{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 6);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-single-page-view .__questions-list .__question-item{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSinglePageViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-questionnaire-viewer-single-page-view', template: `
-            @for (section of vm.sections(); track section.name) {
-            @if (vm.isSectionVisible(section)) {
-            <div class="__single-page-section">
-                @if (stickyParent(); as parent) {
-                <div
-                    class="__section-title-sticky"
-                    [axpSticky]="'--stuck'"
-                    [stickyParent]="parent"
-                    [stickyOffset]="0">
-                    <axm-questionnaire-viewer-section-header
-                        [title]="section.title"
-                        [description]="section.description"
-                        [titleSize]="'md'"
-                        [marginBottom]="'none'">
-                    </axm-questionnaire-viewer-section-header>
-                </div>
-                }
-
-                <div class="__questions-list">
-                    @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {
-                    <axm-questionnaire-viewer-question
-                        [question]="question"
-                        [sectionOrder]="section.order"
-                        [questionIndex]="i + 1"
-                        [showQuestionNumbers]="vm.showQuestionNumbers()"
-                        [showQuestionCounter]="false">
-                    </axm-questionnaire-viewer-question>
-                    }
-                </div>
-            </div>
-            }
-            }
-    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXPStickyDirective, AXMQuestionnaireViewerQuestionComponent, AXMQuestionnaireViewerSectionHeaderComponent], styles: ["@layer properties;axm-questionnaire-viewer-single-page-view{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 6);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-single-page-view .__questions-list .__question-item{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'axm-questionnaire-viewer-single-page-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXPStickyDirective, AXMQuestionnaireViewerQuestionComponent, AXMQuestionnaireViewerSectionHeaderComponent], template: "@for (section of vm.sections(); track section.name) {\n  @if (vm.isSectionVisible(section)) {\n    <div class=\"__single-page-section\">\n      @if (stickyParent(); as parent) {\n        <div\n          class=\"__section-title-sticky\"\n          [axpSticky]=\"'--stuck'\"\n          [stickyParent]=\"parent\"\n          [stickyOffset]=\"0\"\n        >\n          <axm-questionnaire-viewer-section-header\n            [title]=\"section.title\"\n            [description]=\"section.description\"\n            [titleSize]=\"'md'\"\n            [marginBottom]=\"'none'\"\n          >\n          </axm-questionnaire-viewer-section-header>\n        </div>\n      }\n\n      <div class=\"__questions-list\">\n        @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n          <axm-questionnaire-viewer-question\n            [question]=\"question\"\n            [sectionOrder]=\"section.order\"\n            [questionIndex]=\"i + 1\"\n            [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n            [showQuestionCounter]=\"false\"\n          >\n          </axm-questionnaire-viewer-question>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: ["@layer properties;axm-questionnaire-viewer-single-page-view{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 6);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-single-page-view .__questions-list .__question-item{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [] });
 
 //#region ----   Imports   ----
@@ -3849,77 +3794,11 @@ class AXMQuestionnaireViewerPagePerGroupViewComponent {
         return null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPagePerGroupViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerPagePerGroupViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-page-per-group-view", ngImport: i0, template: `
-            @if (vm.currentSection(); as section) {
-            @if (vm.isSectionVisible(section)) {
-            <div class="__page-section">
-                @if (stickyParent(); as parent) {
-                <div
-                    class="__section-title-sticky"
-                    [axpSticky]="'--stuck'"
-                    [stickyParent]="parent"
-                    [stickyOffset]="0">
-                    <axm-questionnaire-viewer-section-header
-                        [title]="section.title"
-                        [description]="section.description"
-                        [titleSize]="'lg'"
-                        [marginBottom]="'none'">
-                    </axm-questionnaire-viewer-section-header>
-                </div>
-                }
-
-                <div class="__questions-list">
-                    @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {
-                    <axm-questionnaire-viewer-question
-                        [question]="question"
-                        [sectionOrder]="section.order"
-                        [questionIndex]="i + 1"
-                        [showQuestionNumbers]="vm.showQuestionNumbers()"
-                        [showQuestionCounter]="false">
-                    </axm-questionnaire-viewer-question>
-                    }
-                </div>
-            </div>
-            }
-            }
-    `, isInline: true, styles: ["@layer properties;axm-questionnaire-viewer-page-per-group-view{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__questions-list .__question-item{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerPagePerGroupViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-page-per-group-view", ngImport: i0, template: "@if (vm.currentSection(); as section) {\n  @if (vm.isSectionVisible(section)) {\n    <div class=\"__page-section\">\n      @if (stickyParent(); as parent) {\n        <div\n          class=\"__section-title-sticky\"\n          [axpSticky]=\"'--stuck'\"\n          [stickyParent]=\"parent\"\n          [stickyOffset]=\"0\"\n        >\n          <axm-questionnaire-viewer-section-header\n            [title]=\"section.title\"\n            [description]=\"section.description\"\n            [titleSize]=\"'lg'\"\n            [marginBottom]=\"'none'\"\n          >\n          </axm-questionnaire-viewer-section-header>\n        </div>\n      }\n\n      <div class=\"__questions-list\">\n        @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n          <axm-questionnaire-viewer-question\n            [question]=\"question\"\n            [sectionOrder]=\"section.order\"\n            [questionIndex]=\"i + 1\"\n            [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n            [showQuestionCounter]=\"false\"\n          >\n          </axm-questionnaire-viewer-question>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: ["@layer properties;axm-questionnaire-viewer-page-per-group-view{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__questions-list .__question-item{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPagePerGroupViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-questionnaire-viewer-page-per-group-view', template: `
-            @if (vm.currentSection(); as section) {
-            @if (vm.isSectionVisible(section)) {
-            <div class="__page-section">
-                @if (stickyParent(); as parent) {
-                <div
-                    class="__section-title-sticky"
-                    [axpSticky]="'--stuck'"
-                    [stickyParent]="parent"
-                    [stickyOffset]="0">
-                    <axm-questionnaire-viewer-section-header
-                        [title]="section.title"
-                        [description]="section.description"
-                        [titleSize]="'lg'"
-                        [marginBottom]="'none'">
-                    </axm-questionnaire-viewer-section-header>
-                </div>
-                }
-
-                <div class="__questions-list">
-                    @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {
-                    <axm-questionnaire-viewer-question
-                        [question]="question"
-                        [sectionOrder]="section.order"
-                        [questionIndex]="i + 1"
-                        [showQuestionNumbers]="vm.showQuestionNumbers()"
-                        [showQuestionCounter]="false">
-                    </axm-questionnaire-viewer-question>
-                    }
-                </div>
-            </div>
-            }
-            }
-    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXPStickyDirective, AXMQuestionnaireViewerQuestionComponent, AXMQuestionnaireViewerSectionHeaderComponent], styles: ["@layer properties;axm-questionnaire-viewer-page-per-group-view{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__questions-list .__question-item{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'axm-questionnaire-viewer-page-per-group-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXPStickyDirective, AXMQuestionnaireViewerQuestionComponent, AXMQuestionnaireViewerSectionHeaderComponent], template: "@if (vm.currentSection(); as section) {\n  @if (vm.isSectionVisible(section)) {\n    <div class=\"__page-section\">\n      @if (stickyParent(); as parent) {\n        <div\n          class=\"__section-title-sticky\"\n          [axpSticky]=\"'--stuck'\"\n          [stickyParent]=\"parent\"\n          [stickyOffset]=\"0\"\n        >\n          <axm-questionnaire-viewer-section-header\n            [title]=\"section.title\"\n            [description]=\"section.description\"\n            [titleSize]=\"'lg'\"\n            [marginBottom]=\"'none'\"\n          >\n          </axm-questionnaire-viewer-section-header>\n        </div>\n      }\n\n      <div class=\"__questions-list\">\n        @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n          <axm-questionnaire-viewer-question\n            [question]=\"question\"\n            [sectionOrder]=\"section.order\"\n            [questionIndex]=\"i + 1\"\n            [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n            [showQuestionCounter]=\"false\"\n          >\n          </axm-questionnaire-viewer-question>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: ["@layer properties;axm-questionnaire-viewer-page-per-group-view{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-page-per-group-view .__questions-list .__question-item{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 4);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [] });
 
 //#region ----   Imports   ----
@@ -3935,61 +3814,11 @@ class AXMQuestionnaireViewerPagePerQuestionViewComponent {
         this.vm = inject(AXMQuestionnaireViewerViewModel);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPagePerQuestionViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerPagePerQuestionViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-page-per-question-view", ngImport: i0, template: `
-    @if (vm.currentQuestion(); as question) {
-      <div class="__page-question">
-        @if (vm.currentSection(); as currentSection) {
-          <axm-questionnaire-viewer-section-header
-            [title]="currentSection.title"
-            [description]="currentSection.description"
-            [titleSize]="'md'"
-            [marginBottom]="'none'"
-          >
-          </axm-questionnaire-viewer-section-header>
-        }
-
-        <axm-questionnaire-viewer-question
-          class="mt-8"
-          [question]="question"
-          [sectionOrder]="vm.currentSectionIndex() + 1"
-          [questionIndex]="vm.currentQuestionIndex() + 1"
-          [showQuestionNumbers]="vm.showQuestionNumbers()"
-          [showQuestionCounter]="vm.showQuestionCounter()"
-          [currentPosition]="vm.currentQuestionPosition()"
-        >
-        </axm-questionnaire-viewer-question>
-      </div>
-    }
-  `, isInline: true, styles: ["axm-questionnaire-viewer-page-per-question-view{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4);flex-shrink:0;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest)}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerPagePerQuestionViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-page-per-question-view", ngImport: i0, template: "@if (vm.currentQuestion(); as question) {\n  <div class=\"__page-question\">\n    @if (vm.currentSection(); as currentSection) {\n      <axm-questionnaire-viewer-section-header\n        [title]=\"currentSection.title\"\n        [description]=\"currentSection.description\"\n        [titleSize]=\"'md'\"\n        [marginBottom]=\"'none'\"\n      >\n      </axm-questionnaire-viewer-section-header>\n    }\n\n    <axm-questionnaire-viewer-question\n      class=\"ax-mt-8\"\n      [question]=\"question\"\n      [sectionOrder]=\"vm.currentSectionIndex() + 1\"\n      [questionIndex]=\"vm.currentQuestionIndex() + 1\"\n      [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n      [showQuestionCounter]=\"vm.showQuestionCounter()\"\n      [currentPosition]=\"vm.currentQuestionPosition()\"\n    >\n    </axm-questionnaire-viewer-question>\n  </div>\n}\n", styles: ["axm-questionnaire-viewer-page-per-question-view{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4);flex-shrink:0;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest)}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPagePerQuestionViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-questionnaire-viewer-page-per-question-view', template: `
-    @if (vm.currentQuestion(); as question) {
-      <div class="__page-question">
-        @if (vm.currentSection(); as currentSection) {
-          <axm-questionnaire-viewer-section-header
-            [title]="currentSection.title"
-            [description]="currentSection.description"
-            [titleSize]="'md'"
-            [marginBottom]="'none'"
-          >
-          </axm-questionnaire-viewer-section-header>
-        }
-
-        <axm-questionnaire-viewer-question
-          class="mt-8"
-          [question]="question"
-          [sectionOrder]="vm.currentSectionIndex() + 1"
-          [questionIndex]="vm.currentQuestionIndex() + 1"
-          [showQuestionNumbers]="vm.showQuestionNumbers()"
-          [showQuestionCounter]="vm.showQuestionCounter()"
-          [currentPosition]="vm.currentQuestionPosition()"
-        >
-        </axm-questionnaire-viewer-question>
-      </div>
-    }
-  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXMQuestionnaireViewerQuestionComponent, AXMQuestionnaireViewerSectionHeaderComponent], styles: ["axm-questionnaire-viewer-page-per-question-view{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4);flex-shrink:0;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest)}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'axm-questionnaire-viewer-page-per-question-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXMQuestionnaireViewerQuestionComponent, AXMQuestionnaireViewerSectionHeaderComponent], template: "@if (vm.currentQuestion(); as question) {\n  <div class=\"__page-question\">\n    @if (vm.currentSection(); as currentSection) {\n      <axm-questionnaire-viewer-section-header\n        [title]=\"currentSection.title\"\n        [description]=\"currentSection.description\"\n        [titleSize]=\"'md'\"\n        [marginBottom]=\"'none'\"\n      >\n      </axm-questionnaire-viewer-section-header>\n    }\n\n    <axm-questionnaire-viewer-question\n      class=\"ax-mt-8\"\n      [question]=\"question\"\n      [sectionOrder]=\"vm.currentSectionIndex() + 1\"\n      [questionIndex]=\"vm.currentQuestionIndex() + 1\"\n      [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n      [showQuestionCounter]=\"vm.showQuestionCounter()\"\n      [currentPosition]=\"vm.currentQuestionPosition()\"\n    >\n    </axm-questionnaire-viewer-question>\n  </div>\n}\n", styles: ["axm-questionnaire-viewer-page-per-question-view{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4);flex-shrink:0;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest)}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 //#region ----   Imports   ----
@@ -4013,8 +3842,8 @@ class AXMQuestionnaireViewerSideMenuViewComponent {
         this.tabRef = viewChild(AXTabsComponent, ...(ngDevMode ? [{ debugName: "tabRef" }] : /* istanbul ignore next */ []));
         afterNextRender(() => {
             const mainContent = this.host.nativeElement.querySelector('.__main-content');
-            const resolvedStickyParent = this.findScrollParent(mainContent) ?? this.findScrollParent(this.host.nativeElement) ?? mainContent;
-            this.stickyParent.set(resolvedStickyParent);
+            // Side-menu scrolls inside .__main-content; axpSticky must listen to that element, not an outer ancestor.
+            this.stickyParent.set(mainContent ?? this.findScrollParent(this.host.nativeElement));
         });
         effect(() => {
             this.tabRef()?.select(this.vm.currentSectionIndex());
@@ -4103,301 +3932,11 @@ class AXMQuestionnaireViewerSideMenuViewComponent {
         return null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSideMenuViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerSideMenuViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-side-menu-view", viewQueries: [{ propertyName: "tabRef", first: true, predicate: AXTabsComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
-    <div class="__side-menu-container">
-      <!-- Desktop Sidebar (Large screens) -->
-      @if (deviceService.isLarge()) {
-        <div class="__desktop-sidebar" [axResizable]="true">
-          <ax-tabs class="__sidebar-tabs" [look]="'with-line-color'" [location]="'end'" [fitParent]="true">
-            @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {
-              <ax-tab-item
-                [text]="(vm.sections()[sectionIndex].title | translate | async) || ''"
-                (onClick)="handleSectionClick(sectionIndex)"
-                [disabled]="isSectionDisabled(sectionIndex)"
-              >
-                @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {
-                  <ax-badge
-                    [text]="getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()"
-                    [color]="'danger'"
-                  >
-                  </ax-badge>
-                }
-              </ax-tab-item>
-            }
-          </ax-tabs>
-        </div>
-      }
-
-      <!-- Mobile/Tablet: Drawer Container -->
-      @if (deviceService.isSmall() || deviceService.isMedium()) {
-        <ax-drawer-container class="__drawer-container">
-          <!-- Sidebar Drawer (Mobile) -->
-          <ax-drawer
-            #sidebarDrawer
-            [location]="'start'"
-            [mode]="'overlay'"
-            [collapsed]="sidebarDrawerCollapsed()"
-            [closeOnBackdropClick]="true"
-            (onBackdropClick)="sidebarDrawerCollapsed.set(true)"
-            class="__sidebar-drawer w-[250px]"
-          >
-            <ax-content class="__sidebar-content">
-              <ax-tabs class="__sidebar-tabs" [look]="'with-line-color'" [location]="'end'" [fitParent]="true">
-                @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {
-                  <ax-tab-item
-                    [text]="(vm.sections()[sectionIndex].title | translate | async) || ''"
-                    (onClick)="handleSectionClick(sectionIndex)"
-                    [active]="vm.currentSectionIndex() === sectionIndex"
-                    [disabled]="isSectionDisabled(sectionIndex)"
-                  >
-                    @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {
-                      <ax-badge
-                        [text]="getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()"
-                        [color]="'danger'"
-                      >
-                      </ax-badge>
-                    }
-                  </ax-tab-item>
-                }
-              </ax-tabs>
-            </ax-content>
-          </ax-drawer>
-
-          <!-- Main Content (Mobile) -->
-          <ax-content class="__main-content">
-            <!-- Questions Content -->
-            @if (vm.currentSection(); as section) {
-              @if (vm.isSectionVisible(section)) {
-                @if (stickyParent(); as parent) {
-                  <div class="__mobile-header-row" [axpSticky]="'--stuck'" [stickyParent]="parent" [stickyOffset]="0">
-                    <div class="__mobile-menu-button">
-                      <ax-button look="blank" (onClick)="sidebarDrawerCollapsed.set(!sidebarDrawerCollapsed())">
-                        <ax-prefix>
-                          <ax-icon icon="fa-light fa-bars"></ax-icon>
-                        </ax-prefix>
-                      </ax-button>
-                    </div>
-
-                    <axm-questionnaire-viewer-section-header
-                      [title]="section.title"
-                      [description]="section.description"
-                      [titleSize]="'lg'"
-                      [marginBottom]="'none'"
-                    >
-                    </axm-questionnaire-viewer-section-header>
-                  </div>
-                }
-
-                <div class="__questions-container">
-                  <div class="__questions-list">
-                    @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {
-                      <axm-questionnaire-viewer-question
-                        [question]="question"
-                        [sectionOrder]="section.order"
-                        [questionIndex]="i + 1"
-                        [showQuestionNumbers]="vm.showQuestionNumbers()"
-                        [showQuestionCounter]="false"
-                      >
-                      </axm-questionnaire-viewer-question>
-                    }
-                  </div>
-                </div>
-              }
-            }
-          </ax-content>
-        </ax-drawer-container>
-      } @else {
-        <!-- Desktop Main Content -->
-        <div class="__main-content">
-          <!-- Questions Content -->
-          @if (vm.currentSection(); as section) {
-            @if (vm.isSectionVisible(section)) {
-              <div class="__questions-container">
-                @if (stickyParent(); as parent) {
-                  <div
-                    class="__section-title-sticky"
-                    [axpSticky]="'--stuck'"
-                    [stickyParent]="parent"
-                    [stickyOffset]="0"
-                  >
-                    <axm-questionnaire-viewer-section-header
-                      [title]="section.title"
-                      [description]="section.description"
-                      [titleSize]="'lg'"
-                      [marginBottom]="'none'"
-                    >
-                    </axm-questionnaire-viewer-section-header>
-                  </div>
-                }
-
-                <div class="__questions-list">
-                  @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {
-                    <axm-questionnaire-viewer-question
-                      [question]="question"
-                      [sectionOrder]="section.order"
-                      [questionIndex]="i + 1"
-                      [showQuestionNumbers]="vm.showQuestionNumbers()"
-                      [showQuestionCounter]="false"
-                    >
-                    </axm-questionnaire-viewer-question>
-                  }
-                </div>
-              </div>
-            }
-          }
-        </div>
-      }
-    </div>
-  `, isInline: true, styles: ["@layer properties;axm-questionnaire-viewer-side-menu-view{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;overflow:hidden}@media(width>=40rem){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(width>=64rem){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-block:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.__main-content{display:flex;max-height:83vh;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow-y:auto}@media(width>=48rem){.__main-content{max-height:75vh}}.__mobile-header-row{position:sticky;top:0;z-index:10;display:flex;flex-shrink:0;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}.__mobile-header-row.--stuck{box-shadow:0 1px 2px #0000000a,0 10px 28px -16px #0000002e}.__mobile-menu-button{flex-shrink:0}.__questions-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}.__questions-container .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}.__questions-container .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){.__questions-container .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}.__questions-container .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}.__questions-container .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}.__questions-container .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i1$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i1$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i3$1.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "transition", "closeOnBackdropClick", "backdropClass", "collapsed", "singleOpenMode"], outputs: ["onBackdropClick", "collapsedStateChanged"] }, { kind: "component", type: i3$1.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDrawerDirectiveModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerSideMenuViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-side-menu-view", viewQueries: [{ propertyName: "tabRef", first: true, predicate: AXTabsComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"__side-menu-container\">\n  <!-- Desktop Sidebar (Large screens) -->\n  @if (deviceService.isLarge()) {\n    <div class=\"__desktop-sidebar\" [axResizable]=\"true\">\n      <ax-tabs class=\"__sidebar-tabs\" [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n        @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {\n          <ax-tab-item\n            [text]=\"(vm.sections()[sectionIndex].title | translate | async) || ''\"\n            (onClick)=\"handleSectionClick(sectionIndex)\"\n            [disabled]=\"isSectionDisabled(sectionIndex)\"\n          >\n            @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {\n              <ax-badge\n                [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\"\n                [color]=\"'danger'\"\n              >\n              </ax-badge>\n            }\n          </ax-tab-item>\n        }\n      </ax-tabs>\n    </div>\n  }\n\n  <!-- Mobile/Tablet: Drawer Container -->\n  @if (deviceService.isSmall() || deviceService.isMedium()) {\n    <ax-drawer-container class=\"__drawer-container\">\n      <!-- Sidebar Drawer (Mobile) -->\n      <ax-drawer\n        #sidebarDrawer\n        [location]=\"'start'\"\n        [mode]=\"'overlay'\"\n        [collapsed]=\"sidebarDrawerCollapsed()\"\n        [closeOnBackdropClick]=\"true\"\n        (onBackdropClick)=\"sidebarDrawerCollapsed.set(true)\"\n        class=\"__sidebar-drawer w-[250px]\"\n      >\n        <ax-content class=\"__sidebar-content\">\n          <ax-tabs class=\"__sidebar-tabs\" [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n            @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {\n              <ax-tab-item\n                [text]=\"(vm.sections()[sectionIndex].title | translate | async) || ''\"\n                (onClick)=\"handleSectionClick(sectionIndex)\"\n                [active]=\"vm.currentSectionIndex() === sectionIndex\"\n                [disabled]=\"isSectionDisabled(sectionIndex)\"\n              >\n                @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {\n                  <ax-badge\n                    [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\"\n                    [color]=\"'danger'\"\n                  >\n                  </ax-badge>\n                }\n              </ax-tab-item>\n            }\n          </ax-tabs>\n        </ax-content>\n      </ax-drawer>\n\n      <!-- Main Content (Mobile) -->\n      <ax-content class=\"__main-content\">\n        <!-- Questions Content -->\n        @if (vm.currentSection(); as section) {\n          @if (vm.isSectionVisible(section)) {\n            @if (stickyParent(); as parent) {\n              <div class=\"__mobile-header-row\" [axpSticky]=\"'--stuck'\" [stickyParent]=\"parent\" [stickyOffset]=\"0\">\n                <div class=\"__mobile-menu-button\">\n                  <ax-button look=\"blank\" (onClick)=\"sidebarDrawerCollapsed.set(!sidebarDrawerCollapsed())\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button>\n                </div>\n\n                <axm-questionnaire-viewer-section-header\n                  [title]=\"section.title\"\n                  [description]=\"section.description\"\n                  [titleSize]=\"'lg'\"\n                  [marginBottom]=\"'none'\"\n                >\n                </axm-questionnaire-viewer-section-header>\n              </div>\n            }\n\n            <div class=\"__page-section\">\n              <div class=\"__questions-list\">\n                @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n                  <axm-questionnaire-viewer-question\n                    [question]=\"question\"\n                    [sectionOrder]=\"section.order\"\n                    [questionIndex]=\"i + 1\"\n                    [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n                    [showQuestionCounter]=\"false\"\n                  >\n                  </axm-questionnaire-viewer-question>\n                }\n              </div>\n            </div>\n          }\n        }\n      </ax-content>\n    </ax-drawer-container>\n  } @else {\n    <!-- Desktop Main Content -->\n    <div class=\"__main-content\">\n      <!-- Questions Content -->\n      @if (vm.currentSection(); as section) {\n        @if (vm.isSectionVisible(section)) {\n          <div class=\"__page-section\">\n            @if (stickyParent(); as parent) {\n              <div\n                class=\"__section-title-sticky\"\n                [axpSticky]=\"'--stuck'\"\n                [stickyParent]=\"parent\"\n                [stickyOffset]=\"0\"\n              >\n                <axm-questionnaire-viewer-section-header\n                  [title]=\"section.title\"\n                  [description]=\"section.description\"\n                  [titleSize]=\"'lg'\"\n                  [marginBottom]=\"'none'\"\n                >\n                </axm-questionnaire-viewer-section-header>\n              </div>\n            }\n\n            <div class=\"__questions-list\">\n              @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n                <axm-questionnaire-viewer-question\n                  [question]=\"question\"\n                  [sectionOrder]=\"section.order\"\n                  [questionIndex]=\"i + 1\"\n                  [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n                  [showQuestionCounter]=\"false\"\n                >\n                </axm-questionnaire-viewer-question>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer properties;axm-questionnaire-viewer-side-menu-view{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;overflow:hidden}@media(width>=40rem){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(width>=64rem){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-block:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.__main-content{display:flex;max-height:83vh;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow-y:auto}@media(width>=48rem){.__main-content{max-height:75vh}}.__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}.__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}.__page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){.__page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}.__page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}.__page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}.__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__mobile-header-row{position:sticky;top:0;z-index:10;isolation:isolate;display:flex;flex-shrink:0;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}.__mobile-header-row:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}.__mobile-header-row.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}.__mobile-header-row.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__mobile-menu-button{margin-inline-start:calc(var(--spacing, .25rem) * -2);flex-shrink:0}.__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i1$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i1$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i3$1.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "transition", "closeOnBackdropClick", "backdropClass", "collapsed", "singleOpenMode"], outputs: ["onBackdropClick", "collapsedStateChanged"] }, { kind: "component", type: i3$1.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDrawerDirectiveModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSideMenuViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-questionnaire-viewer-side-menu-view', template: `
-    <div class="__side-menu-container">
-      <!-- Desktop Sidebar (Large screens) -->
-      @if (deviceService.isLarge()) {
-        <div class="__desktop-sidebar" [axResizable]="true">
-          <ax-tabs class="__sidebar-tabs" [look]="'with-line-color'" [location]="'end'" [fitParent]="true">
-            @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {
-              <ax-tab-item
-                [text]="(vm.sections()[sectionIndex].title | translate | async) || ''"
-                (onClick)="handleSectionClick(sectionIndex)"
-                [disabled]="isSectionDisabled(sectionIndex)"
-              >
-                @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {
-                  <ax-badge
-                    [text]="getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()"
-                    [color]="'danger'"
-                  >
-                  </ax-badge>
-                }
-              </ax-tab-item>
-            }
-          </ax-tabs>
-        </div>
-      }
-
-      <!-- Mobile/Tablet: Drawer Container -->
-      @if (deviceService.isSmall() || deviceService.isMedium()) {
-        <ax-drawer-container class="__drawer-container">
-          <!-- Sidebar Drawer (Mobile) -->
-          <ax-drawer
-            #sidebarDrawer
-            [location]="'start'"
-            [mode]="'overlay'"
-            [collapsed]="sidebarDrawerCollapsed()"
-            [closeOnBackdropClick]="true"
-            (onBackdropClick)="sidebarDrawerCollapsed.set(true)"
-            class="__sidebar-drawer w-[250px]"
-          >
-            <ax-content class="__sidebar-content">
-              <ax-tabs class="__sidebar-tabs" [look]="'with-line-color'" [location]="'end'" [fitParent]="true">
-                @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {
-                  <ax-tab-item
-                    [text]="(vm.sections()[sectionIndex].title | translate | async) || ''"
-                    (onClick)="handleSectionClick(sectionIndex)"
-                    [active]="vm.currentSectionIndex() === sectionIndex"
-                    [disabled]="isSectionDisabled(sectionIndex)"
-                  >
-                    @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {
-                      <ax-badge
-                        [text]="getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()"
-                        [color]="'danger'"
-                      >
-                      </ax-badge>
-                    }
-                  </ax-tab-item>
-                }
-              </ax-tabs>
-            </ax-content>
-          </ax-drawer>
-
-          <!-- Main Content (Mobile) -->
-          <ax-content class="__main-content">
-            <!-- Questions Content -->
-            @if (vm.currentSection(); as section) {
-              @if (vm.isSectionVisible(section)) {
-                @if (stickyParent(); as parent) {
-                  <div class="__mobile-header-row" [axpSticky]="'--stuck'" [stickyParent]="parent" [stickyOffset]="0">
-                    <div class="__mobile-menu-button">
-                      <ax-button look="blank" (onClick)="sidebarDrawerCollapsed.set(!sidebarDrawerCollapsed())">
-                        <ax-prefix>
-                          <ax-icon icon="fa-light fa-bars"></ax-icon>
-                        </ax-prefix>
-                      </ax-button>
-                    </div>
-
-                    <axm-questionnaire-viewer-section-header
-                      [title]="section.title"
-                      [description]="section.description"
-                      [titleSize]="'lg'"
-                      [marginBottom]="'none'"
-                    >
-                    </axm-questionnaire-viewer-section-header>
-                  </div>
-                }
-
-                <div class="__questions-container">
-                  <div class="__questions-list">
-                    @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {
-                      <axm-questionnaire-viewer-question
-                        [question]="question"
-                        [sectionOrder]="section.order"
-                        [questionIndex]="i + 1"
-                        [showQuestionNumbers]="vm.showQuestionNumbers()"
-                        [showQuestionCounter]="false"
-                      >
-                      </axm-questionnaire-viewer-question>
-                    }
-                  </div>
-                </div>
-              }
-            }
-          </ax-content>
-        </ax-drawer-container>
-      } @else {
-        <!-- Desktop Main Content -->
-        <div class="__main-content">
-          <!-- Questions Content -->
-          @if (vm.currentSection(); as section) {
-            @if (vm.isSectionVisible(section)) {
-              <div class="__questions-container">
-                @if (stickyParent(); as parent) {
-                  <div
-                    class="__section-title-sticky"
-                    [axpSticky]="'--stuck'"
-                    [stickyParent]="parent"
-                    [stickyOffset]="0"
-                  >
-                    <axm-questionnaire-viewer-section-header
-                      [title]="section.title"
-                      [description]="section.description"
-                      [titleSize]="'lg'"
-                      [marginBottom]="'none'"
-                    >
-                    </axm-questionnaire-viewer-section-header>
-                  </div>
-                }
-
-                <div class="__questions-list">
-                  @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {
-                    <axm-questionnaire-viewer-question
-                      [question]="question"
-                      [sectionOrder]="section.order"
-                      [questionIndex]="i + 1"
-                      [showQuestionNumbers]="vm.showQuestionNumbers()"
-                      [showQuestionCounter]="false"
-                    >
-                    </axm-questionnaire-viewer-question>
-                  }
-                </div>
-              </div>
-            }
-          }
-        </div>
-      }
-    </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+            args: [{ selector: 'axm-questionnaire-viewer-side-menu-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         AXMQuestionnaireViewerQuestionComponent,
                         AXMQuestionnaireViewerSectionHeaderComponent,
                         AXTabsModule,
@@ -4410,7 +3949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPStickyDirective,
                         AsyncPipe,
                         AXTranslationModule,
-                    ], styles: ["@layer properties;axm-questionnaire-viewer-side-menu-view{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;overflow:hidden}@media(width>=40rem){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(width>=64rem){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-block:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.__main-content{display:flex;max-height:83vh;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow-y:auto}@media(width>=48rem){.__main-content{max-height:75vh}}.__mobile-header-row{position:sticky;top:0;z-index:10;display:flex;flex-shrink:0;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}.__mobile-header-row.--stuck{box-shadow:0 1px 2px #0000000a,0 10px 28px -16px #0000002e}.__mobile-menu-button{flex-shrink:0}.__questions-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}.__questions-container .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}.__questions-container .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){.__questions-container .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}.__questions-container .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}.__questions-container .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}.__questions-container .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<div class=\"__side-menu-container\">\n  <!-- Desktop Sidebar (Large screens) -->\n  @if (deviceService.isLarge()) {\n    <div class=\"__desktop-sidebar\" [axResizable]=\"true\">\n      <ax-tabs class=\"__sidebar-tabs\" [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n        @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {\n          <ax-tab-item\n            [text]=\"(vm.sections()[sectionIndex].title | translate | async) || ''\"\n            (onClick)=\"handleSectionClick(sectionIndex)\"\n            [disabled]=\"isSectionDisabled(sectionIndex)\"\n          >\n            @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {\n              <ax-badge\n                [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\"\n                [color]=\"'danger'\"\n              >\n              </ax-badge>\n            }\n          </ax-tab-item>\n        }\n      </ax-tabs>\n    </div>\n  }\n\n  <!-- Mobile/Tablet: Drawer Container -->\n  @if (deviceService.isSmall() || deviceService.isMedium()) {\n    <ax-drawer-container class=\"__drawer-container\">\n      <!-- Sidebar Drawer (Mobile) -->\n      <ax-drawer\n        #sidebarDrawer\n        [location]=\"'start'\"\n        [mode]=\"'overlay'\"\n        [collapsed]=\"sidebarDrawerCollapsed()\"\n        [closeOnBackdropClick]=\"true\"\n        (onBackdropClick)=\"sidebarDrawerCollapsed.set(true)\"\n        class=\"__sidebar-drawer w-[250px]\"\n      >\n        <ax-content class=\"__sidebar-content\">\n          <ax-tabs class=\"__sidebar-tabs\" [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n            @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {\n              <ax-tab-item\n                [text]=\"(vm.sections()[sectionIndex].title | translate | async) || ''\"\n                (onClick)=\"handleSectionClick(sectionIndex)\"\n                [active]=\"vm.currentSectionIndex() === sectionIndex\"\n                [disabled]=\"isSectionDisabled(sectionIndex)\"\n              >\n                @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {\n                  <ax-badge\n                    [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\"\n                    [color]=\"'danger'\"\n                  >\n                  </ax-badge>\n                }\n              </ax-tab-item>\n            }\n          </ax-tabs>\n        </ax-content>\n      </ax-drawer>\n\n      <!-- Main Content (Mobile) -->\n      <ax-content class=\"__main-content\">\n        <!-- Questions Content -->\n        @if (vm.currentSection(); as section) {\n          @if (vm.isSectionVisible(section)) {\n            @if (stickyParent(); as parent) {\n              <div class=\"__mobile-header-row\" [axpSticky]=\"'--stuck'\" [stickyParent]=\"parent\" [stickyOffset]=\"0\">\n                <div class=\"__mobile-menu-button\">\n                  <ax-button look=\"blank\" (onClick)=\"sidebarDrawerCollapsed.set(!sidebarDrawerCollapsed())\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button>\n                </div>\n\n                <axm-questionnaire-viewer-section-header\n                  [title]=\"section.title\"\n                  [description]=\"section.description\"\n                  [titleSize]=\"'lg'\"\n                  [marginBottom]=\"'none'\"\n                >\n                </axm-questionnaire-viewer-section-header>\n              </div>\n            }\n\n            <div class=\"__page-section\">\n              <div class=\"__questions-list\">\n                @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n                  <axm-questionnaire-viewer-question\n                    [question]=\"question\"\n                    [sectionOrder]=\"section.order\"\n                    [questionIndex]=\"i + 1\"\n                    [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n                    [showQuestionCounter]=\"false\"\n                  >\n                  </axm-questionnaire-viewer-question>\n                }\n              </div>\n            </div>\n          }\n        }\n      </ax-content>\n    </ax-drawer-container>\n  } @else {\n    <!-- Desktop Main Content -->\n    <div class=\"__main-content\">\n      <!-- Questions Content -->\n      @if (vm.currentSection(); as section) {\n        @if (vm.isSectionVisible(section)) {\n          <div class=\"__page-section\">\n            @if (stickyParent(); as parent) {\n              <div\n                class=\"__section-title-sticky\"\n                [axpSticky]=\"'--stuck'\"\n                [stickyParent]=\"parent\"\n                [stickyOffset]=\"0\"\n              >\n                <axm-questionnaire-viewer-section-header\n                  [title]=\"section.title\"\n                  [description]=\"section.description\"\n                  [titleSize]=\"'lg'\"\n                  [marginBottom]=\"'none'\"\n                >\n                </axm-questionnaire-viewer-section-header>\n              </div>\n            }\n\n            <div class=\"__questions-list\">\n              @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n                <axm-questionnaire-viewer-question\n                  [question]=\"question\"\n                  [sectionOrder]=\"section.order\"\n                  [questionIndex]=\"i + 1\"\n                  [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n                  [showQuestionCounter]=\"false\"\n                >\n                </axm-questionnaire-viewer-question>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer properties;axm-questionnaire-viewer-side-menu-view{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;overflow:hidden}@media(width>=40rem){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(width>=64rem){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-block:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.__main-content{display:flex;max-height:83vh;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow-y:auto}@media(width>=48rem){.__main-content{max-height:75vh}}.__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}.__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}.__page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){.__page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}.__page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}.__page-section .__section-title-sticky.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}.__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__mobile-header-row{position:sticky;top:0;z-index:10;isolation:isolate;display:flex;flex-shrink:0;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}.__mobile-header-row:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}.__mobile-header-row.--stuck{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-block:calc(var(--spacing, .25rem) * 3)}.__mobile-header-row.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.__mobile-menu-button{margin-inline-start:calc(var(--spacing, .25rem) * -2);flex-shrink:0}.__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { tabRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXTabsComponent), { isSignal: true }] }] } });
 
 //#region ----   Imports   ----
@@ -4634,6 +4173,12 @@ class AXMQuestionnaireViewerComponent {
         const container = this.vm.widgetContainer();
         return container?.contextService?.data() ?? {};
     }
+    /**
+     * Collect answers for draft save (no required-field validation).
+     */
+    saveDraft() {
+        return this.vm.saveDraft();
+    }
     /**
      * Submit questionnaire
      * Validates all questions before submitting
@@ -4891,27 +4436,27 @@ class AXMQuestionnaireViewerFeatureModule {
             provideCommandSetups([
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-CUw3O9Y9.mjs').then((c) => c.PreviewQuestionnaireCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-0iL71_WM.mjs').then((c) => c.PreviewQuestionnaireCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                    command: () => import('./acorex-modules-assessment-management-preview-question.command-yyHW6dRW.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-question.command-PQwY-kI6.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                    command: () => import('./acorex-modules-assessment-management-preview-question.command-yyHW6dRW.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-question.command-PQwY-kI6.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-B_r40P-A.mjs').then((c) => c.ViewSessionAnswersCommand),
+                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-Dtu7EpCs.mjs').then((c) => c.ViewSessionAnswersCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-B_vRBxdF.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-Dy4pzGtU.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-B_vRBxdF.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-Dy4pzGtU.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
             ]),
         ], imports: [AXPWidgetCoreModule,
@@ -4938,27 +4483,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideCommandSetups([
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                                command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-CUw3O9Y9.mjs').then((c) => c.PreviewQuestionnaireCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-0iL71_WM.mjs').then((c) => c.PreviewQuestionnaireCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                                command: () => import('./acorex-modules-assessment-management-preview-question.command-yyHW6dRW.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-question.command-PQwY-kI6.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                                command: () => import('./acorex-modules-assessment-management-preview-question.command-yyHW6dRW.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-question.command-PQwY-kI6.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-B_r40P-A.mjs').then((c) => c.ViewSessionAnswersCommand),
+                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-Dtu7EpCs.mjs').then((c) => c.ViewSessionAnswersCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-B_vRBxdF.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-Dy4pzGtU.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-B_vRBxdF.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-Dy4pzGtU.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                         ]),
                     ],
@@ -5011,8 +4556,8 @@ class AXMAssessmentManagementModule {
             provideLazyProvider(AXP_PERMISSION_DEFINITION_PROVIDER, () => Promise.resolve().then(function () { return permissionDefinition_provider; }).then((m) => m.AXMAssessmentManagementPermissionDefinitionProvider)),
             provideLazyProvider(AXP_MENU_PROVIDER, () => Promise.resolve().then(function () { return menu_provider; }).then((m) => m.AXMAssessmentManagementMenuProvider)),
             provideLazyProvider(AXP_ENTITY_DEFINITION_LOADER, () => Promise.resolve().then(function () { return entity_provider; }).then((m) => m.AXMAssessmentManagementEntityProvider)),
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-DHebgRT4.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
-            provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-D1BySAb5.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-Ck5h5W4e.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
+            provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-CnP1R9Be.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
             provideLazyProvider(AXP_SEARCH_PROVIDER, () => Promise.resolve().then(function () { return searchCommand_provider; }).then((m) => m.AXMAssessmentManagementSearchCommandProvider)),
         ], imports: [AXMQuestionnaireBuilderFeatureModule,
             AXMQuestionnaireViewerFeatureModule] }); }
@@ -5044,8 +4589,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideLazyProvider(AXP_PERMISSION_DEFINITION_PROVIDER, () => Promise.resolve().then(function () { return permissionDefinition_provider; }).then((m) => m.AXMAssessmentManagementPermissionDefinitionProvider)),
                         provideLazyProvider(AXP_MENU_PROVIDER, () => Promise.resolve().then(function () { return menu_provider; }).then((m) => m.AXMAssessmentManagementMenuProvider)),
                         provideLazyProvider(AXP_ENTITY_DEFINITION_LOADER, () => Promise.resolve().then(function () { return entity_provider; }).then((m) => m.AXMAssessmentManagementEntityProvider)),
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-DHebgRT4.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
-                        provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-D1BySAb5.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-Ck5h5W4e.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
+                        provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-CnP1R9Be.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
                         provideLazyProvider(AXP_SEARCH_PROVIDER, () => Promise.resolve().then(function () { return searchCommand_provider; }).then((m) => m.AXMAssessmentManagementSearchCommandProvider)),
                     ],
                 }]
@@ -5067,6 +4612,7 @@ const DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY = {
     showTimer: false,
     showQuestionNumbers: true,
     validationStrategy: 'step',
+    completionMode: 'submit-only',
 };
 /**
  * Maps entity pre/post to viewer config (defaults when omitted).
@@ -5091,6 +4637,7 @@ function toPrePostConfig(q) {
 }
 const VIEW_MODE_VALUES = ['single-page', 'page-per-group', 'page-per-question', 'side-menu'];
 const VALIDATION_STRATEGY_VALUES = ['step', 'end'];
+const COMPLETION_MODE_VALUES = ['submit-only', 'save-and-continue'];
 /**
  * Coerces stored view mode (string or SelectBox `{ id }`) to a known value.
  */
@@ -5115,6 +4662,18 @@ function normalizeValidationStrategy(value) {
     }
     return 'step';
 }
+/**
+ * Coerces stored completion mode (string or SelectBox `{ id }`) to a known value.
+ */
+function normalizeCompletionMode(value) {
+    if (typeof value === 'string' && COMPLETION_MODE_VALUES.includes(value)) {
+        return value;
+    }
+    if (value != null && typeof value === 'object' && 'id' in value && typeof value.id === 'string') {
+        return normalizeCompletionMode(value.id);
+    }
+    return 'submit-only';
+}
 /**
  * Maps entity `display` to {@link QuestionnaireDisplaySettings} (defaults when omitted).
  */
@@ -5129,6 +4688,7 @@ function toDisplaySettings(q) {
         showTimer: d.showTimer ?? false,
         showQuestionNumbers: d.showQuestionNumbers ?? true,
         validationStrategy: normalizeValidationStrategy(d.validationStrategy),
+        completionMode: normalizeCompletionMode(d.completionMode),
     };
 }
 //#endregion
@@ -6350,5 +5910,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMQuestionnaireViewerService as A, AXMAssessmentManagementFeatureKeys as B, AXMAssessmentManagementMenuProvider as C, AXMAssessmentManagementModule as D, AXMAssessmentManagementPermissionDefinitionProvider as E, AXMAssessmentManagementPermissionKeys as F, AXMAssessmentManagementSearchCommandProvider as G, AXMQuestionnaireViewerPageComponent as H, AXMQuestionnaireViewerStandalonePageComponent as I, AXPAssessmentManagementMenuKeys as J, DEFAULT_POST_QUESTIONNAIRE_CONFIG as K, DEFAULT_PRE_QUESTIONNAIRE_CONFIG as L, DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY as M, DEFAULT_QUESTION_COMMENT_CONFIG as N, DEFAULT_QUESTION_HINT_CONFIG as O, getQuestionAnswerCommentStoragePath as P, normalizeValidationStrategy as Q, RootConfig as R, normalizeViewMode as S, readHintFieldsFromRecord as T, convertStateToValue as a, convertValueToState as b, createDefaultSection as c, getQuestionnaireItemVisibilityBadgeMode as d, normalizeQuestionHintFromEntityRow as e, mergeQuestionHintForViewer as f, getQuestionnaireItemRequiredBadgeMode as g, collectQuestionnaireItemNames as h, allocateNextQuestionItemName as i, normalizeQuestionHintMode as j, normalizeQuestionHintConfig as k, diffQuestionHintOverride as l, mergeQuestionCommentConfig as m, normalizeQuestionCommentConfig as n, diffQuestionCommentOverride as o, parseQuestionHintPartialFromRecord as p, toPrePostConfig as q, AXMQuestionnaireViewerComponent as r, stripHtmlToPlain as s, toDisplaySettings as t, AXMPreQuestionnaireContentComponent as u, AXMPostQuestionnaireContentComponent as v, stripQuestionBankInterfaceMetadata as w, resolveWidgetNodeFromMetaDataDefinitionInterface as x, AXMAssessmentManagementEntityProvider as y, AXMAssessmentManagementFeatureDefinitionProvider as z };
-//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-D5JC6vun.mjs.map
+export { AXMQuestionnaireViewerService as A, AXMAssessmentManagementFeatureDefinitionProvider as B, AXMAssessmentManagementFeatureKeys as C, AXMAssessmentManagementMenuProvider as D, AXMAssessmentManagementModule as E, AXMAssessmentManagementPermissionDefinitionProvider as F, AXMAssessmentManagementPermissionKeys as G, AXMAssessmentManagementSearchCommandProvider as H, AXMQuestionnaireViewerPageComponent as I, AXMQuestionnaireViewerStandalonePageComponent as J, AXPAssessmentManagementMenuKeys as K, DEFAULT_POST_QUESTIONNAIRE_CONFIG as L, DEFAULT_PRE_QUESTIONNAIRE_CONFIG as M, DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY as N, DEFAULT_QUESTION_COMMENT_CONFIG as O, DEFAULT_QUESTION_HINT_CONFIG as P, getQuestionAnswerCommentStoragePath as Q, RootConfig as R, normalizeValidationStrategy as S, normalizeViewMode as T, readHintFieldsFromRecord as U, convertStateToValue as a, convertValueToState as b, createDefaultSection as c, getQuestionnaireItemVisibilityBadgeMode as d, normalizeQuestionHintFromEntityRow as e, mergeQuestionHintForViewer as f, getQuestionnaireItemRequiredBadgeMode as g, collectQuestionnaireItemNames as h, allocateNextQuestionItemName as i, normalizeQuestionHintMode as j, normalizeQuestionHintConfig as k, diffQuestionHintOverride as l, mergeQuestionCommentConfig as m, normalizeQuestionCommentConfig as n, diffQuestionCommentOverride as o, parseQuestionHintPartialFromRecord as p, toPrePostConfig as q, AXMQuestionnaireViewerComponent as r, stripHtmlToPlain as s, toDisplaySettings as t, AXMPreQuestionnaireContentComponent as u, AXMPostQuestionnaireContentComponent as v, normalizeCompletionMode as w, stripQuestionBankInterfaceMetadata as x, resolveWidgetNodeFromMetaDataDefinitionInterface as y, AXMAssessmentManagementEntityProvider as z };
+//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-D_Gz7bT1.mjs.map