@acorex/modules 21.0.0-next.70 → 21.0.0-next.72

package/fesm2022/{acorex-modules-assessment-management-acorex-modules-assessment-management-IHgQ8RVH.mjs → acorex-modules-assessment-management-acorex-modules-assessment-management-D7bHX4-0.mjs}

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 import { inject, Injector, Injectable, NgModule, input, output, signal, viewChild, computed, effect, untracked, ChangeDetectionStrategy, Component, ViewEncapsulation, ElementRef, afterNextRender } from '@angular/core';
 import { AXPCommonMenuKeys } from '@acorex/modules/common';
-import { AXPEntityService, AXPEntityDefinitionRegistryService, AXPEntityEventsKeys, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
-import { AXPSearchCommandProvider, createEntityCommandOptions, AXPFileStorageService, AXPStickyDirective, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXPSystemStatusType } from '@acorex/platform/common';
-import { AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER, AXPSessionService } from '@acorex/platform/auth';
+import { AXPEntityService, AXPEntityDefinitionRegistryService, AXPEntityEventsKeys, AXPFileListComponent, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXPSearchCommandProvider, createEntityCommandOptions, AXPStickyDirective, AXP_PROTECTED_ROUTE_GUARDS, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXPSystemStatusType } from '@acorex/platform/common';
+import { AXP_PERMISSION_DEFINITION_PROVIDER, AXPSessionService } from '@acorex/platform/auth';
 import { AXPDataSelectorService, AXPPropertyViewerService, AXPStandardSectionItemsBuilderComponent, AXPStateMessageComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPOutcomeResultsViewerComponent, AXPThemeLayoutBlockComponent, AXPStopwatchComponent } from '@acorex/platform/layout/components';
 import { AXPCommandService, provideCommandSetups, provideCommand } from '@acorex/platform/runtime';
 import { AXPExpressionEvaluatorService, AXPDeviceService, AXPBroadcastEventService, AXPContextStore, AXPDataGenerator, containsHtmlMarkup, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider, AXP_FEATURE_DEFINITION_PROVIDER } from '@acorex/platform/core';
@@ -48,6 +48,8 @@ import * as i3$1 from '@acorex/components/drawer';
 import { AXDrawerModule } from '@acorex/components/drawer';
 import * as i1$2 from '@acorex/components/tabs';
 import { AXTabsComponent, AXTabsModule } from '@acorex/components/tabs';
+import * as i3$2 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
 import { DomSanitizer } from '@angular/platform-browser';
 
 //#region ----   Root Configuration   ----
@@ -101,13 +103,13 @@ 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-RLIfWCzq.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-question-bank-item.entity-CfCWKqN5.mjs')).factory(this.injector);
                 case RootConfig.entities.questionnaire.name:
-                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-CZBnfCYE.mjs')).factory();
+                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-CPMGkhGu.mjs')).factory();
                 case RootConfig.entities.assessmentCase.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-B95yBXgi.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-Cpbj5sCP.mjs')).factory(this.injector);
                 case RootConfig.entities.assessmentSession.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-DBhBxqh1.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-CMW7wsoN.mjs')).factory(this.injector);
             }
         }
         return null;
@@ -430,10 +432,10 @@ const AXMQuestionBankInterfaceEditorWidget = {
     ],
     components: {
         edit: {
-            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-BCtQO_j7.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-BEhxeR8A.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-BCtQO_j7.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-BEhxeR8A.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         column: {
             component: () => import('@acorex/platform/layout/widgets').then((m) => m.AXPWidgetFieldConfiguratorWidgetColumnComponent),
@@ -762,224 +764,6 @@ function parseQuestionHintPartialFromRecord(row) {
 }
 //#endregion
 
-//#region ----   Imports   ----
-/**
- * Answer map key for a questionnaire item (matches viewer session).
- */
-function getQuestionnaireItemAnswerKey(item) {
-    return typeof item.name === 'string' ? item.name.trim() : '';
-}
-/**
- * Storage key for answers — matches viewer `answerKey` fallback when item name is empty.
- */
-function resolveQuestionnaireItemAnswerStorageKey(item, itemIndex) {
-    const fromName = getQuestionnaireItemAnswerKey(item);
-    if (fromName) {
-        return fromName;
-    }
-    const legacyId = typeof item.id === 'string' ? item.id.trim() : '';
-    return legacyId || `item-${itemIndex}`;
-}
-//#endregion
-//#region ----   Utility Functions   ----
-/**
- * True only when the item is statically required (boolean true), not expression-based.
- */
-function isQuestionnaireItemStaticallyRequired(isRequired) {
-    return isRequired === true;
-}
-/**
- * True when the UI should indicate required (static true or non-empty expression).
- */
-function isQuestionnaireItemRequiredForDisplay(isRequired) {
-    if (isRequired === true) {
-        return true;
-    }
-    if (typeof isRequired === 'string' && isRequired.trim() !== '') {
-        return true;
-    }
-    return false;
-}
-function getQuestionnaireItemRequiredBadgeMode(isRequired) {
-    if (isRequired === true) {
-        return 'required';
-    }
-    if (typeof isRequired === 'string') {
-        const t = isRequired.trim();
-        if (!t) {
-            return 'optional';
-        }
-        const tl = t.toLowerCase();
-        if (tl === 'true' || tl === '1') {
-            return 'required';
-        }
-        if (tl === 'false' || tl === '0') {
-            return 'optional';
-        }
-        return 'conditional';
-    }
-    return 'optional';
-}
-function getQuestionnaireItemVisibilityBadgeMode(isVisible) {
-    if (isVisible === false) {
-        return 'hidden';
-    }
-    if (isVisible === true || isVisible === undefined || isVisible === null) {
-        return 'visible';
-    }
-    if (typeof isVisible === 'string') {
-        const t = isVisible.trim();
-        if (!t) {
-            return 'visible';
-        }
-        const tl = t.toLowerCase();
-        if (tl === 'true' || tl === '1') {
-            return 'visible';
-        }
-        if (tl === 'false' || tl === '0') {
-            return 'hidden';
-        }
-        return 'conditional';
-    }
-    return 'visible';
-}
-/**
- * Convert raw value to builder state
- */
-function convertValueToState(value) {
-    // Handle null/undefined or empty sections
-    if (!value || !value.sections || value.sections.length === 0) {
-        // Always return at least one default section
-        const defaultSection = createDefaultSection();
-        defaultSection.order = 0;
-        return {
-            sections: [defaultSection],
-            displaySettings: value?.displaySettings,
-        };
-    }
-    // Handle structure (sections with nested items)
-    return {
-        sections: value.sections.map((section, sectionIndex) => {
-            const legacy = section;
-            const sectionName = (typeof section.name === 'string' && section.name.trim()) ||
-                (typeof legacy.id === 'string' && legacy.id.trim()) ||
-                `section-${sectionIndex}`;
-            return {
-                name: sectionName,
-                title: section.title,
-                description: section.description,
-                order: section.order ?? sectionIndex,
-                tags: section.tags,
-                isVisible: section.isVisible,
-                items: (section.items || []).map((item, itemIndex) => {
-                    const itemLegacy = item;
-                    const itemName = (typeof item.name === 'string' && item.name.trim()) ||
-                        (typeof itemLegacy.id === 'string' && itemLegacy.id.trim()) ||
-                        `item-${itemIndex}`;
-                    return {
-                        name: itemName,
-                        questionBankItemId: item.questionBankItemId,
-                        order: item.order ?? itemIndex,
-                        isRequired: item.isRequired,
-                        isVisible: item.isVisible,
-                        interfaceOverride: item.interfaceOverride,
-                        hint: parseQuestionHintPartialFromRecord(item),
-                        comment: item.comment,
-                        tags: item.tags,
-                        isNewlyAdded: false,
-                    };
-                }),
-                isNewlyAdded: false,
-            };
-        }),
-        displaySettings: value.displaySettings,
-    };
-}
-/**
- * Convert builder state to value for persistence
- */
-function convertStateToValue(state, existingValue) {
-    const result = {
-        sections: state.sections.map((section) => {
-            return {
-                name: section.name,
-                title: section.title,
-                description: section.description,
-                order: section.order,
-                tags: section.tags,
-                isVisible: section.isVisible,
-                items: section.items.map((item) => ({
-                    name: item.name,
-                    questionBankItemId: item.questionBankItemId,
-                    order: item.order,
-                    isRequired: item.isRequired,
-                    isVisible: item.isVisible,
-                    interfaceOverride: item.interfaceOverride,
-                    hint: item.hint,
-                    comment: item.comment,
-                    tags: item.tags,
-                })),
-            };
-        }),
-    };
-    // Preserve displaySettings from state first, then from existing value if state doesn't have it
-    if (state.displaySettings) {
-        result.displaySettings = state.displaySettings;
-    }
-    else if (existingValue?.displaySettings) {
-        result.displaySettings = existingValue.displaySettings;
-    }
-    return result;
-}
-/**
- * Create a default section
- */
-function createDefaultSection() {
-    const name = `section-${Date.now()}`;
-    return {
-        name,
-        title: 'New Section',
-        description: undefined,
-        order: 0,
-        isVisible: undefined,
-        items: [],
-        isNewlyAdded: true,
-    };
-}
-/**
- * All questionnaire item names currently in the structure (for uniqueness when allocating new names).
- */
-function collectQuestionnaireItemNames(sections) {
-    const set = new Set();
-    for (const sec of sections) {
-        for (const it of sec.items) {
-            if (it.name)
-                set.add(it.name);
-        }
-    }
-    return set;
-}
-/**
- * Allocates the next user-friendly name (`q1`, `q2`, …) not present in `used`.
- * Increments from the highest existing `q<number>` name, then skips collisions.
- */
-function allocateNextQuestionItemName(used) {
-    let maxQ = 0;
-    for (const id of used) {
-        const m = /^q(\d+)$/i.exec(id.trim());
-        if (m)
-            maxQ = Math.max(maxQ, parseInt(m[1], 10));
-    }
-    let n = maxQ + 1;
-    let candidate = `q${n}`;
-    while (used.has(candidate)) {
-        n++;
-        candidate = `q${n}`;
-    }
-    return candidate;
-}
-//#endregion
-
 //#region ----   Imports   ----
 const DEFAULT_PRE_QUESTIONNAIRE_CONFIG = { enabled: false };
 const DEFAULT_POST_QUESTIONNAIRE_CONFIG = {
@@ -1208,48 +992,266 @@ function normalizeViewMode(value) {
     if (value != null && typeof value === 'object' && 'id' in value && typeof value.id === 'string') {
         return normalizeViewMode(value.id);
     }
-    return 'single-page';
+    return 'single-page';
+}
+/**
+ * Coerces stored validation strategy (string or SelectBox `{ id }`) to a known value.
+ */
+function normalizeValidationStrategy$1(value) {
+    if (typeof value === 'string' && VALIDATION_STRATEGY_VALUES.includes(value)) {
+        return value;
+    }
+    if (value != null && typeof value === 'object' && 'id' in value && typeof value.id === 'string') {
+        return normalizeValidationStrategy$1(value.id);
+    }
+    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).
+ */
+function toDisplaySettings(q) {
+    if (!q) {
+        return null;
+    }
+    const d = { ...DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY, ...q.display };
+    return {
+        viewMode: normalizeViewMode(d.viewMode),
+        showProgressBar: d.showProgressBar ?? true,
+        showTimer: d.showTimer ?? false,
+        showQuestionNumbers: d.showQuestionNumbers ?? true,
+        validationStrategy: normalizeValidationStrategy$1(d.validationStrategy),
+        completionMode: normalizeCompletionMode(d.completionMode),
+    };
+}
+//#endregion
+
+//#region ----   Imports   ----
+/**
+ * Answer map key for a questionnaire item (matches viewer session).
+ */
+function getQuestionnaireItemAnswerKey(item) {
+    return typeof item.name === 'string' ? item.name.trim() : '';
+}
+/**
+ * Storage key for answers — matches viewer `answerKey` fallback when item name is empty.
+ */
+function resolveQuestionnaireItemAnswerStorageKey(item, itemIndex) {
+    const fromName = getQuestionnaireItemAnswerKey(item);
+    if (fromName) {
+        return fromName;
+    }
+    const legacyId = typeof item.id === 'string' ? item.id.trim() : '';
+    return legacyId || `item-${itemIndex}`;
+}
+//#endregion
+//#region ----   Utility Functions   ----
+/**
+ * True only when the item is statically required (boolean true), not expression-based.
+ */
+function isQuestionnaireItemStaticallyRequired(isRequired) {
+    return isRequired === true;
+}
+/**
+ * True when the UI should indicate required (static true or non-empty expression).
+ */
+function isQuestionnaireItemRequiredForDisplay(isRequired) {
+    if (isRequired === true) {
+        return true;
+    }
+    if (typeof isRequired === 'string' && isRequired.trim() !== '') {
+        return true;
+    }
+    return false;
+}
+function getQuestionnaireItemRequiredBadgeMode(isRequired) {
+    if (isRequired === true) {
+        return 'required';
+    }
+    if (typeof isRequired === 'string') {
+        const t = isRequired.trim();
+        if (!t) {
+            return 'optional';
+        }
+        const tl = t.toLowerCase();
+        if (tl === 'true' || tl === '1') {
+            return 'required';
+        }
+        if (tl === 'false' || tl === '0') {
+            return 'optional';
+        }
+        return 'conditional';
+    }
+    return 'optional';
+}
+function getQuestionnaireItemVisibilityBadgeMode(isVisible) {
+    if (isVisible === false) {
+        return 'hidden';
+    }
+    if (isVisible === true || isVisible === undefined || isVisible === null) {
+        return 'visible';
+    }
+    if (typeof isVisible === 'string') {
+        const t = isVisible.trim();
+        if (!t) {
+            return 'visible';
+        }
+        const tl = t.toLowerCase();
+        if (tl === 'true' || tl === '1') {
+            return 'visible';
+        }
+        if (tl === 'false' || tl === '0') {
+            return 'hidden';
+        }
+        return 'conditional';
+    }
+    return 'visible';
+}
+/**
+ * Convert raw value to builder state
+ */
+function convertValueToState(value) {
+    // Handle null/undefined or empty sections
+    if (!value || !value.sections || value.sections.length === 0) {
+        // Always return at least one default section
+        const defaultSection = createDefaultSection();
+        defaultSection.order = 0;
+        return {
+            sections: [defaultSection],
+            displaySettings: value?.displaySettings,
+        };
+    }
+    // Handle structure (sections with nested items)
+    return {
+        sections: value.sections.map((section, sectionIndex) => {
+            const legacy = section;
+            const sectionName = (typeof section.name === 'string' && section.name.trim()) ||
+                (typeof legacy.id === 'string' && legacy.id.trim()) ||
+                `section-${sectionIndex}`;
+            return {
+                name: sectionName,
+                title: section.title,
+                description: section.description,
+                order: section.order ?? sectionIndex,
+                tags: section.tags,
+                isVisible: section.isVisible,
+                items: (section.items || []).map((item, itemIndex) => {
+                    const itemLegacy = item;
+                    const itemName = (typeof item.name === 'string' && item.name.trim()) ||
+                        (typeof itemLegacy.id === 'string' && itemLegacy.id.trim()) ||
+                        `item-${itemIndex}`;
+                    return {
+                        name: itemName,
+                        questionBankItemId: item.questionBankItemId,
+                        order: item.order ?? itemIndex,
+                        isRequired: item.isRequired,
+                        isVisible: item.isVisible,
+                        interfaceOverride: item.interfaceOverride,
+                        hint: parseQuestionHintPartialFromRecord(item),
+                        comment: item.comment,
+                        tags: item.tags,
+                        isNewlyAdded: false,
+                    };
+                }),
+                isNewlyAdded: false,
+            };
+        }),
+        displaySettings: value.displaySettings,
+    };
+}
+/**
+ * Convert builder state to value for persistence
+ */
+function convertStateToValue(state, existingValue) {
+    const result = {
+        sections: state.sections.map((section) => {
+            return {
+                name: section.name,
+                title: section.title,
+                description: section.description,
+                order: section.order,
+                tags: section.tags,
+                isVisible: section.isVisible,
+                items: section.items.map((item) => ({
+                    name: item.name,
+                    questionBankItemId: item.questionBankItemId,
+                    order: item.order,
+                    isRequired: item.isRequired,
+                    isVisible: item.isVisible,
+                    interfaceOverride: item.interfaceOverride,
+                    hint: item.hint,
+                    comment: item.comment,
+                    tags: item.tags,
+                })),
+            };
+        }),
+    };
+    // Preserve displaySettings from state first, then from existing value if state doesn't have it
+    if (state.displaySettings) {
+        result.displaySettings = state.displaySettings;
+    }
+    else if (existingValue?.displaySettings) {
+        result.displaySettings = existingValue.displaySettings;
+    }
+    return result;
 }
 /**
- * Coerces stored validation strategy (string or SelectBox `{ id }`) to a known value.
+ * Create a default section
  */
-function normalizeValidationStrategy$1(value) {
-    if (typeof value === 'string' && VALIDATION_STRATEGY_VALUES.includes(value)) {
-        return value;
-    }
-    if (value != null && typeof value === 'object' && 'id' in value && typeof value.id === 'string') {
-        return normalizeValidationStrategy$1(value.id);
-    }
-    return 'step';
+function createDefaultSection() {
+    const name = `section-${Date.now()}`;
+    return {
+        name,
+        title: 'New Section',
+        description: undefined,
+        order: 0,
+        isVisible: undefined,
+        items: [],
+        isNewlyAdded: true,
+    };
 }
 /**
- * Coerces stored completion mode (string or SelectBox `{ id }`) to a known value.
+ * All questionnaire item names currently in the structure (for uniqueness when allocating new names).
  */
-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);
+function collectQuestionnaireItemNames(sections) {
+    const set = new Set();
+    for (const sec of sections) {
+        for (const it of sec.items) {
+            if (it.name)
+                set.add(it.name);
+        }
     }
-    return 'submit-only';
+    return set;
 }
 /**
- * Maps entity `display` to {@link QuestionnaireDisplaySettings} (defaults when omitted).
+ * Allocates the next user-friendly name (`q1`, `q2`, …) not present in `used`.
+ * Increments from the highest existing `q<number>` name, then skips collisions.
  */
-function toDisplaySettings(q) {
-    if (!q) {
-        return null;
+function allocateNextQuestionItemName(used) {
+    let maxQ = 0;
+    for (const id of used) {
+        const m = /^q(\d+)$/i.exec(id.trim());
+        if (m)
+            maxQ = Math.max(maxQ, parseInt(m[1], 10));
     }
-    const d = { ...DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY, ...q.display };
-    return {
-        viewMode: normalizeViewMode(d.viewMode),
-        showProgressBar: d.showProgressBar ?? true,
-        showTimer: d.showTimer ?? false,
-        showQuestionNumbers: d.showQuestionNumbers ?? true,
-        validationStrategy: normalizeValidationStrategy$1(d.validationStrategy),
-        completionMode: normalizeCompletionMode(d.completionMode),
-    };
+    let n = maxQ + 1;
+    let candidate = `q${n}`;
+    while (used.has(candidate)) {
+        n++;
+        candidate = `q${n}`;
+    }
+    return candidate;
 }
 //#endregion
 
@@ -1376,7 +1378,7 @@ class AXMQuestionnaireViewerService {
      * Open questionnaire viewer in a dialog
      */
     async open(config) {
-        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-modules-assessment-management-questionnaire-viewer-popup.component-B8LMKqVO.mjs');
+        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-modules-assessment-management-questionnaire-viewer-popup.component-C03wF6Oy.mjs');
         const structure = config.structure;
         const submitHandler = config.submitHandler ??
             ((answers) => this.buildSummaryPlaceholderValues(structure, answers, {
@@ -1892,6 +1894,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+//#region ----   Preview dialog title   ----
+/**
+ * Formats popup title as `Preview: {questionnaire name}` when a name is available.
+ */
+function formatQuestionnairePreviewDialogTitle(previewLabel, questionnaireName) {
+    const base = previewLabel.trim() || 'Preview';
+    const name = questionnaireName?.trim();
+    return name ? `${base}: ${name}` : base;
+}
+//#endregion
+
 //#region ---- Imports ----
 //#endregion
 //#region ---- Groups ----
@@ -2208,6 +2221,8 @@ class AXMQuestionnaireQuestionsBuilderComponent {
          * Persisted questionnaire id (e.g. from entity form) — enables questionnaire outcomes in preview.
          */
         this.questionnaireEntityId = input(undefined, ...(ngDevMode ? [{ debugName: "questionnaireEntityId" }] : /* istanbul ignore next */ []));
+        /** Questionnaire display name for preview dialog title (`Preview: {name}`). */
+        this.questionnaireTitle = input(undefined, ...(ngDevMode ? [{ debugName: "questionnaireTitle" }] : /* istanbul ignore next */ []));
         /**
          * Value change event
          */
@@ -3009,7 +3024,8 @@ class AXMQuestionnaireQuestionsBuilderComponent {
             const currentValue = convertStateToValue(this.builderState(), this.value() || undefined);
             // Always use the current displaySettings from the computed property to ensure preview uses latest settings
             currentValue.displaySettings = this.displaySettings();
-            const previewTitle = (await this.translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-builder.actions.preview.title')) || 'Preview';
+            const previewTitleBase = (await this.translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-builder.actions.preview.title')) || 'Preview';
+            const previewTitle = formatQuestionnairePreviewDialogTitle(previewTitleBase, this.questionnaireTitle());
             const result = await this.questionnaireViewerService.open({
                 title: previewTitle,
                 structure: currentValue,
@@ -3035,7 +3051,7 @@ class AXMQuestionnaireQuestionsBuilderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireQuestionsBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireQuestionsBuilderComponent, isStandalone: true, selector: "axm-questionnaire-questions-builder", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, prePostConfig: { classPropertyName: "prePostConfig", publicName: "prePostConfig", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, displaySettingsInput: { classPropertyName: "displaySettingsInput", publicName: "displaySettingsInput", isSignal: true, isRequired: false, transformFunction: null }, questionnaireEntityId: { classPropertyName: "questionnaireEntityId", publicName: "questionnaireEntityId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "fullscreenDirective", first: true, predicate: ["fullscreen"], descendants: true, isSignal: true }, { propertyName: "standardRef", first: true, predicate: AXPStandardSectionItemsBuilderComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axm-questionnaire-questions-builder\" axFullscreen #fullscreen=\"axFullscreen\">\n  @if (showHeader()) {\n  <div class=\"__header\">\n    <div class=\"__header-left\"></div>\n    <div class=\"__header-right\">\n      @if (!readonly()) {\n      <ax-button class=\"ax-sm\" [text]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.add-section.title'\n            | translate\n            | async) || 'Add Section'\n        \" [color]=\"'primary'\" (onClick)=\"addSection()\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.preview.title'\n            | translate\n            | async) || 'Preview'\n        \" [disabled]=\"isPreviewDisabled()\" (onClick)=\"handlePreview()\">\n        <ax-icon icon=\"fa-light fa-eye\"></ax-icon>\n      </ax-button>\n      }\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.fullscreen.title'\n            | translate\n            | async) || 'Full Screen'\n        \" (onClick)=\"handleFullscreen()\">\n        <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n      </ax-button>\n    </div>\n  </div>\n  }\n\n  <axp-standard-section-items-builder #standardRef class=\"ax-block ax-min-h-[200px]\" [value]=\"builderValue()\"\n    [config]=\"standardConfig()\" [readonly]=\"readonly()\" (valueChange)=\"onBuilderValueChange($event)\" />\n</div>", styles: [".axm-questionnaire-questions-builder{display:flex;height:100%;width:100%;flex-direction:column}.axm-questionnaire-questions-builder .__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom-width:1px;padding:.75rem}.axm-questionnaire-questions-builder .__header .__header-left,.axm-questionnaire-questions-builder .__header .__header-right{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStandardSectionItemsBuilderComponent, selector: "axp-standard-section-items-builder", inputs: ["value", "config", "readonly"], outputs: ["valueChange"] }, { kind: "directive", type: AXFullScreenDirective, selector: "[axFullscreen]", outputs: ["fullscreenChange"], exportAs: ["axFullscreen"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireQuestionsBuilderComponent, isStandalone: true, selector: "axm-questionnaire-questions-builder", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, prePostConfig: { classPropertyName: "prePostConfig", publicName: "prePostConfig", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, displaySettingsInput: { classPropertyName: "displaySettingsInput", publicName: "displaySettingsInput", isSignal: true, isRequired: false, transformFunction: null }, questionnaireEntityId: { classPropertyName: "questionnaireEntityId", publicName: "questionnaireEntityId", isSignal: true, isRequired: false, transformFunction: null }, questionnaireTitle: { classPropertyName: "questionnaireTitle", publicName: "questionnaireTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "fullscreenDirective", first: true, predicate: ["fullscreen"], descendants: true, isSignal: true }, { propertyName: "standardRef", first: true, predicate: AXPStandardSectionItemsBuilderComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axm-questionnaire-questions-builder\" axFullscreen #fullscreen=\"axFullscreen\">\n  @if (showHeader()) {\n  <div class=\"__header\">\n    <div class=\"__header-left\"></div>\n    <div class=\"__header-right\">\n      @if (!readonly()) {\n      <ax-button class=\"ax-sm\" [text]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.add-section.title'\n            | translate\n            | async) || 'Add Section'\n        \" [color]=\"'primary'\" (onClick)=\"addSection()\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.preview.title'\n            | translate\n            | async) || 'Preview'\n        \" [disabled]=\"isPreviewDisabled()\" (onClick)=\"handlePreview()\">\n        <ax-icon icon=\"fa-light fa-eye\"></ax-icon>\n      </ax-button>\n      }\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.fullscreen.title'\n            | translate\n            | async) || 'Full Screen'\n        \" (onClick)=\"handleFullscreen()\">\n        <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n      </ax-button>\n    </div>\n  </div>\n  }\n\n  <axp-standard-section-items-builder #standardRef class=\"ax-block ax-min-h-[200px]\" [value]=\"builderValue()\"\n    [config]=\"standardConfig()\" [readonly]=\"readonly()\" (valueChange)=\"onBuilderValueChange($event)\" />\n</div>", styles: [".axm-questionnaire-questions-builder{display:flex;height:100%;width:100%;flex-direction:column}.axm-questionnaire-questions-builder .__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom-width:1px;padding:.75rem}.axm-questionnaire-questions-builder .__header .__header-left,.axm-questionnaire-questions-builder .__header .__header-right{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStandardSectionItemsBuilderComponent, selector: "axp-standard-section-items-builder", inputs: ["value", "config", "readonly"], outputs: ["valueChange"] }, { kind: "directive", type: AXFullScreenDirective, selector: "[axFullscreen]", outputs: ["fullscreenChange"], exportAs: ["axFullscreen"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireQuestionsBuilderComponent, decorators: [{
             type: Component,
@@ -3052,7 +3068,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPStandardSectionItemsBuilderComponent,
                         AXFullScreenDirective,
                     ], template: "<div class=\"axm-questionnaire-questions-builder\" axFullscreen #fullscreen=\"axFullscreen\">\n  @if (showHeader()) {\n  <div class=\"__header\">\n    <div class=\"__header-left\"></div>\n    <div class=\"__header-right\">\n      @if (!readonly()) {\n      <ax-button class=\"ax-sm\" [text]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.add-section.title'\n            | translate\n            | async) || 'Add Section'\n        \" [color]=\"'primary'\" (onClick)=\"addSection()\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.preview.title'\n            | translate\n            | async) || 'Preview'\n        \" [disabled]=\"isPreviewDisabled()\" (onClick)=\"handlePreview()\">\n        <ax-icon icon=\"fa-light fa-eye\"></ax-icon>\n      </ax-button>\n      }\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.fullscreen.title'\n            | translate\n            | async) || 'Full Screen'\n        \" (onClick)=\"handleFullscreen()\">\n        <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n      </ax-button>\n    </div>\n  </div>\n  }\n\n  <axp-standard-section-items-builder #standardRef class=\"ax-block ax-min-h-[200px]\" [value]=\"builderValue()\"\n    [config]=\"standardConfig()\" [readonly]=\"readonly()\" (valueChange)=\"onBuilderValueChange($event)\" />\n</div>", styles: [".axm-questionnaire-questions-builder{display:flex;height:100%;width:100%;flex-direction:column}.axm-questionnaire-questions-builder .__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom-width:1px;padding:.75rem}.axm-questionnaire-questions-builder .__header .__header-left,.axm-questionnaire-questions-builder .__header .__header-right{display:flex;gap:.5rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], prePostConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "prePostConfig", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], displaySettingsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "displaySettingsInput", required: false }] }], questionnaireEntityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionnaireEntityId", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], fullscreenDirective: [{ type: i0.ViewChild, args: ['fullscreen', { isSignal: true }] }], standardRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPStandardSectionItemsBuilderComponent), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], prePostConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "prePostConfig", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], displaySettingsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "displaySettingsInput", required: false }] }], questionnaireEntityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionnaireEntityId", required: false }] }], questionnaireTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionnaireTitle", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], fullscreenDirective: [{ type: i0.ViewChild, args: ['fullscreen', { isSignal: true }] }], standardRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPStandardSectionItemsBuilderComponent), { isSignal: true }] }] } });
 
 /** Component key for the questionnaire Questions page tab. Register via AXP_PAGE_COMPONENT_PROVIDER. */
 const QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY = 'questionnaire-questions-page';
@@ -3176,7 +3192,8 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
          * Root/API `questions` often differs from the normalized object emitted by the builder (defaults, ordering, derived fields), which would otherwise keep `isDirty` true on load and after discard/save.
          */
         this.questionsBaselinePendingReconcile = signal(false, ...(ngDevMode ? [{ debugName: "questionsBaselinePendingReconcile" }] : /* istanbul ignore next */ []));
-        this.isDirty = signal(false, ...(ngDevMode ? [{ debugName: "isDirty" }] : /* istanbul ignore next */ []));
+        /** Avoid naming `isDirty` — collides with {@link AXPContextStore.isDirty} on injected stores. */
+        this.unsavedChanges = signal(false, ...(ngDevMode ? [{ debugName: "unsavedChanges" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ---- Computed State ----
         /** Current context: prefer local updates so edits are preserved. */
@@ -3201,6 +3218,13 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
             const ctx = this.context();
             return resolvePersistedEntityId(ctx);
         }, ...(ngDevMode ? [{ debugName: "questionnaireEntityId" }] : /* istanbul ignore next */ []));
+        /** Resolved questionnaire name for preview popup title. */
+        this.questionnaireDisplayTitle = computed(() => {
+            const title = this.context()['title'];
+            const locale = this.translateService.getActiveLang?.() ?? 'en-US';
+            const resolved = resolveMultiLanguageString(title, locale).trim();
+            return resolved || undefined;
+        }, ...(ngDevMode ? [{ debugName: "questionnaireDisplayTitle" }] : /* istanbul ignore next */ []));
         let previousRootId = undefined;
         effect(() => {
             const ctx = this.rootContext();
@@ -3210,7 +3234,7 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
                 this.localContext.set(null);
                 const rootQuestions = ctx?.['questions'];
                 this.baselineQuestions.set(this.cloneQuestions(rootQuestions));
-                this.isDirty.set(false);
+                this.unsavedChanges.set(false);
                 this.questionsBaselinePendingReconcile.set(true);
             }
         });
@@ -3226,6 +3250,11 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
         });
     }
     //#endregion
+    //#region ---- Unsaved Changes ----
+    hasUnsavedChanges() {
+        return this.unsavedChanges();
+    }
+    //#endregion
     //#region ---- Page Actions ----
     async getPrimaryMenuItems() {
         const addSectionTitle = (await this.translateService.translateAsync('@assessment-management:questionnaires.components.questionnaire-builder.actions.add-section.title')) || 'Add Section';
@@ -3260,7 +3289,7 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
             zone: 'footer',
             priority: 'secondary',
             color: 'default',
-            visible: this.isDirty(),
+            visible: this.unsavedChanges(),
             command: {
                 name: QUESTIONNAIRE_QUESTIONS_DISCARD_COMMAND,
                 options: {},
@@ -3272,7 +3301,7 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
             zone: 'footer',
             priority: 'primary',
             color: 'primary',
-            visible: this.isDirty(),
+            visible: this.unsavedChanges(),
             command: {
                 name: QUESTIONNAIRE_QUESTIONS_SAVE_COMMAND,
                 options: {},
@@ -3286,7 +3315,7 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
         if (command.name === QUESTIONNAIRE_QUESTIONS_DISCARD_COMMAND) {
             this.ignoreNextValueChange.set(true);
             this.localContext.set(null);
-            this.isDirty.set(false);
+            this.unsavedChanges.set(false);
             this.questionsBaselinePendingReconcile.set(true);
             this.recompute();
             return;
@@ -3327,7 +3356,7 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
             const savedQuestions = questions ?? { sections: [] };
             this.baselineQuestions.set(this.cloneQuestions(savedQuestions));
             this.localContext.set(null);
-            this.isDirty.set(false);
+            this.unsavedChanges.set(false);
             this.questionsBaselinePendingReconcile.set(true);
             this.recompute();
             this.eventService.publish(AXPEntityEventsKeys.REFRESH_LAYOUT, {
@@ -3351,26 +3380,26 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
                 const aligned = current ?? value;
                 this.baselineQuestions.set(this.cloneQuestions(aligned ?? undefined));
                 this.questionsBaselinePendingReconcile.set(false);
-                this.isDirty.set(false);
+                this.unsavedChanges.set(false);
             }
             return;
         }
         const base = this.localContext() ?? this.rootContext() ?? {};
         if (this.questionsBaselinePendingReconcile() && this.localContext() == null) {
             this.baselineQuestions.set(this.cloneQuestions(value));
-            this.isDirty.set(false);
+            this.unsavedChanges.set(false);
             this.questionsBaselinePendingReconcile.set(false);
             this.localContext.set({ ...base, questions: value });
-            this.contextStore.update('questions', value);
+            this.contextStore.update('questions', value, { origin: 'system' });
             this.recompute();
             return;
         }
         const nextContext = { ...base, questions: value };
         this.localContext.set(nextContext);
-        this.contextStore.update('questions', value);
+        this.contextStore.update('questions', value, { origin: 'user' });
         const baseline = this.baselineQuestions();
         const dirty = !this.areQuestionsEqual(baseline, value);
-        this.isDirty.set(dirty);
+        this.unsavedChanges.set(dirty);
         this.recompute();
     }
     //#endregion
@@ -3414,11 +3443,12 @@ class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent
       [prePostConfig]="prePostConfig()"
       [displaySettingsInput]="entityDisplaySettings()"
       [questionnaireEntityId]="questionnaireEntityId()"
+      [questionnaireTitle]="questionnaireDisplayTitle()"
       [showHeader]="false"
       (valueChange)="onQuestionsChange($event)"
     >
     </axm-questionnaire-questions-builder>
-  `, isInline: true, dependencies: [{ kind: "component", type: AXMQuestionnaireQuestionsBuilderComponent, selector: "axm-questionnaire-questions-builder", inputs: ["value", "readonly", "prePostConfig", "showHeader", "displaySettingsInput", "questionnaireEntityId"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: AXMQuestionnaireQuestionsBuilderComponent, selector: "axm-questionnaire-questions-builder", inputs: ["value", "readonly", "prePostConfig", "showHeader", "displaySettingsInput", "questionnaireEntityId", "questionnaireTitle"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireQuestionsPageComponent, decorators: [{
             type: Component,
@@ -3433,6 +3463,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       [prePostConfig]="prePostConfig()"
       [displaySettingsInput]="entityDisplaySettings()"
       [questionnaireEntityId]="questionnaireEntityId()"
+      [questionnaireTitle]="questionnaireDisplayTitle()"
       [showHeader]="false"
       (valueChange)="onQuestionsChange($event)"
     >
@@ -3985,10 +4016,6 @@ class AXMQuestionnaireOutcomesBuilderComponent {
         this.externalBuilderValue = signal({ sections: [] }, ...(ngDevMode ? [{ debugName: "externalBuilderValue" }] : /* istanbul ignore next */ []));
         /** Skips one `[value]` input sync per local commit echo from the page. */
         this.externalSyncSkipCount = 0;
-        //#endregion
-        //#region ----   Computed   ----
-        /** Whether the underlying section-items builder has unsaved edits. */
-        this.isDirty = computed(() => this.standardRef()?.isDirty() ?? false, ...(ngDevMode ? [{ debugName: "isDirty" }] : /* istanbul ignore next */ []));
         this.standardConfig = computed(() => ({
             showSectionTechnicalName: true,
             minSectionCount: 1,
@@ -4020,6 +4047,12 @@ class AXMQuestionnaireOutcomesBuilderComponent {
         });
     }
     //#endregion
+    //#region ----   Computed   ----
+    /** Whether the underlying section-items builder has unsaved edits. */
+    hasUnsavedChanges() {
+        return this.standardRef()?.isDirty() ?? false;
+    }
+    //#endregion
     //#region ----   Public API   ----
     /** Page header command: delegates to standard builder add-section dialog. */
     async addSection() {
@@ -4042,6 +4075,7 @@ class AXMQuestionnaireOutcomesBuilderComponent {
         const domain = normalizeQuestionnaireOutcomesValue(this.value());
         const mapped = this.ensureMinOneSection(outcomesValueToBuilderValue(domain));
         this.externalBuilderValue.set(mapped);
+        queueMicrotask(() => this.standardRef()?.markClean());
     }
     //#endregion
     //#region ----   Builder handlers   ----
@@ -4492,8 +4526,8 @@ class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
             const ctx = this.context();
             return normalizeQuestionnaireOutcomesValue(ctx['outcomes']);
         }, ...(ngDevMode ? [{ debugName: "outcomesValue" }] : /* istanbul ignore next */ []));
-        /** Dirty state owned by {@link AXPSectionItemsBuilderComponent}, read via the hosted builder. */
-        this.isDirty = computed(() => this.builderRef()?.isDirty() ?? false, ...(ngDevMode ? [{ debugName: "isDirty" }] : /* istanbul ignore next */ []));
+        /** Dirty state owned by the hosted builder (not named `isDirty` — collides with {@link AXPContextStore.isDirty}). */
+        this.unsavedChanges = computed(() => this.builderRef()?.hasUnsavedChanges() ?? false, ...(ngDevMode ? [{ debugName: "unsavedChanges" }] : /* istanbul ignore next */ []));
         let previousRootId = undefined;
         effect(() => {
             const ctx = this.rootContext();
@@ -4504,11 +4538,16 @@ class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
             }
         });
         effect(() => {
-            this.builderRef()?.isDirty();
+            this.builderRef()?.hasUnsavedChanges();
             untracked(() => this.recompute());
         });
     }
     //#endregion
+    //#region ----   Unsaved Changes   ----
+    hasUnsavedChanges() {
+        return this.unsavedChanges();
+    }
+    //#endregion
     //#region ----   Page Actions   ----
     async getPrimaryMenuItems() {
         const addSectionTitle = (await this.translateService.translateAsync('@assessment-management:questionnaires.components.questionnaire-outcomes-builder.actions.add-section.title')) || 'Add Section';
@@ -4531,7 +4570,7 @@ class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
             zone: 'footer',
             priority: 'secondary',
             color: 'default',
-            visible: this.isDirty(),
+            visible: this.unsavedChanges(),
             command: {
                 name: QUESTIONNAIRE_OUTCOMES_DISCARD_COMMAND,
                 options: {},
@@ -4543,7 +4582,7 @@ class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
             zone: 'footer',
             priority: 'primary',
             color: 'primary',
-            visible: this.isDirty(),
+            visible: this.unsavedChanges(),
             command: {
                 name: QUESTIONNAIRE_OUTCOMES_SAVE_COMMAND,
                 options: {},
@@ -4617,7 +4656,8 @@ class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
         }
         const base = this.localContext() ?? this.rootContext() ?? {};
         this.localContext.set({ ...base, outcomes: value });
-        this.contextStore.update('outcomes', value);
+        // Builder owns dirty state; keep shared context in sync without marking the entity form dirty.
+        this.contextStore.update('outcomes', value, { origin: 'system' });
         this.recompute();
     }
     //#endregion
@@ -4716,6 +4756,55 @@ var index = /*#__PURE__*/Object.freeze({
 //#region ----   Questionnaire builder feature exports   ----
 //#endregion
 
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Normalization   ----
+/**
+ * Normalize entity attachments (string[] or file list items) to viewer attachment list.
+ * Prefers `source.kind === 'fileId'` over row `id` (row id is often a client UUID, not storage id).
+ */
+function normalizeQuestionnaireViewerAttachments(raw) {
+    if (raw == null)
+        return [];
+    if (!Array.isArray(raw))
+        return [];
+    return raw
+        .map((item) => {
+        if (typeof item === 'string') {
+            return { id: item, name: undefined };
+        }
+        if (!item || typeof item !== 'object') {
+            return null;
+        }
+        const row = item;
+        if (row.status === 'deleted') {
+            return null;
+        }
+        const src = row.source;
+        if (src?.kind === 'fileId' && typeof src.value === 'string' && src.value.trim()) {
+            return { id: src.value, name: typeof row.name === 'string' ? row.name : undefined };
+        }
+        if (typeof row.id === 'string' && row.id.trim()) {
+            return { id: row.id, name: typeof row.name === 'string' ? row.name : undefined };
+        }
+        return null;
+    })
+        .filter((a) => a != null);
+}
+/**
+ * Map viewer attachments to `AXPFileListItem` for `axp-file-list` (links look).
+ */
+function questionnaireViewerAttachmentsToFileListItems(attachments) {
+    return attachments.map((att) => ({
+        id: att.id,
+        name: att.name ?? att.id,
+        status: 'attached',
+        source: { kind: 'fileId', value: att.id },
+        readOnly: true,
+    }));
+}
+//#endregion
+
 //#region ----   Imports   ----
 //#endregion
 /** Guards concurrent `refreshVisibility` runs; incremented on each refresh. */
@@ -4749,33 +4838,6 @@ function normalizeValidationStrategy(value) {
     return 'step';
 }
 //#region ----   Helpers   ----
-/**
- * Normalize question bank attachments (string[] or AXPFileListItem[]) to viewer attachment list.
- */
-function normalizeAttachments(raw) {
-    if (raw == null)
-        return [];
-    if (!Array.isArray(raw))
-        return [];
-    return raw
-        .map((item) => {
-        if (typeof item === 'string')
-            return { id: item, name: undefined };
-        if (item && typeof item === 'object' && 'id' in item && typeof item.id === 'string') {
-            const obj = item;
-            return { id: obj.id, name: typeof obj.name === 'string' ? obj.name : undefined };
-        }
-        if (item && typeof item === 'object' && 'source' in item) {
-            const src = item.source;
-            if (src?.kind === 'fileId' && typeof src.value === 'string') {
-                const name = item.name;
-                return { id: src.value, name: typeof name === 'string' ? name : undefined };
-            }
-        }
-        return null;
-    })
-        .filter((a) => a != null);
-}
 function resolvedCommentPolicyForBuilderItem(item, questionDetails) {
     const bank = normalizeQuestionCommentConfig(questionDetails?.comment);
     const override = item.comment;
@@ -4858,6 +4920,10 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const data = store.questionnaireData();
         return data?.sections || [];
     }),
+    questionnaireAttachments: computed(() => {
+        const data = store.questionnaireData();
+        return data?.attachments ?? [];
+    }),
     /** Section indices that have at least one visible question (for side-menu tabs, etc.). */
     sectionIndicesWithVisibleContent: computed(() => {
         const data = store.questionnaireData();
@@ -5341,7 +5407,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
     },
     //#endregion
     //#region ----   Data Loading   ----
-    async loadQuestionnaire(id, initialAnswers, config) {
+    async loadQuestionnaire(id, initialAnswers, config, structureDisplaySettings) {
         patchState(store, { isLoading: true, error: null, config: config || null });
         try {
             const questionnaire = await entityService
@@ -5352,6 +5418,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                 throw new Error('Questionnaire not found');
             }
             const structure = questionnaire.questions || { sections: [] };
+            const displaySettings = structureDisplaySettings ?? toDisplaySettings(questionnaire) ?? undefined;
             const sectionsWithQuestions = await Promise.all(structure.sections.map(async (section, sectionIndex) => {
                 const sectionName = persistedSectionName(section, sectionIndex);
                 const questions = await Promise.all(section.items.map(async (item, itemIndex) => {
@@ -5395,7 +5462,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                             },
                         };
                     }
-                    const attachments = normalizeAttachments(questionDetails?.['attachments']);
+                    const attachments = normalizeQuestionnaireViewerAttachments(questionDetails?.['attachments']);
                     return {
                         name: persistedItemName(item, itemIndex),
                         questionBankItemId: item.questionBankItemId,
@@ -5434,12 +5501,18 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                     questions: questions.sort((a, b) => a.order - b.order),
                 };
             }));
+            const questionnaireAttachments = normalizeQuestionnaireViewerAttachments(questionnaire.attachments);
             patchState(store, {
+                structure: {
+                    sections: structure.sections ?? [],
+                    displaySettings,
+                },
                 questionnaireData: {
                     id: questionnaire.id,
                     title: questionnaire.title,
                     description: questionnaire.description,
                     type: questionnaire.type,
+                    attachments: questionnaireAttachments.length > 0 ? questionnaireAttachments : undefined,
                     sections: sectionsWithQuestions.sort((a, b) => a.order - b.order),
                 },
                 isLoading: false,
@@ -5541,7 +5614,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                             difficulty: undefined,
                             interface: widgetInterface,
                         };
-                    const attachmentsLoadStructure = normalizeAttachments(questionDetails?.['attachments']);
+                    const attachmentsLoadStructure = normalizeQuestionnaireViewerAttachments(questionDetails?.['attachments']);
                     return {
                         name: persistedItemName(item, itemIndex),
                         questionBankItemId: item.questionBankItemId,
@@ -6366,7 +6439,6 @@ class AXMQuestionnaireViewerQuestionComponent {
         /** Exposed for template `@if (containsHtmlMarkup(...))`. */
         this.containsHtmlMarkup = containsHtmlMarkup;
         this.vm = inject(AXMQuestionnaireViewerViewModel, { optional: true });
-        this.fileStorageService = inject(AXPFileStorageService, { optional: true });
         //#endregion
         //#region ----   Inputs   ----
         this.question = input.required(...(ngDevMode ? [{ debugName: "question" }] : /* istanbul ignore next */ []));
@@ -6450,6 +6522,7 @@ class AXMQuestionnaireViewerQuestionComponent {
             const q = this.question();
             return q?.attachments ?? [];
         }, ...(ngDevMode ? [{ debugName: "questionAttachments" }] : /* istanbul ignore next */ []));
+        this.questionAttachmentFiles = computed(() => questionnaireViewerAttachmentsToFileListItems(this.questionAttachments()), ...(ngDevMode ? [{ debugName: "questionAttachmentFiles" }] : /* istanbul ignore next */ []));
         /**
          * Storage path for respondent comment text (`answers.comments.<questionItemName>`).
          */
@@ -6485,54 +6558,6 @@ class AXMQuestionnaireViewerQuestionComponent {
         const next = e.value ?? '';
         cs.update(path, next);
     }
-    /**
-     * Open/download attachment using the same approach as axp-file-list (file-uploader):
-     * - If storage returns a URL: use an anchor with href + target _blank + programmatic click.
-     * - If storage returns binary only: create object URL from blob and trigger download.
-     * Avoids window.open() which can open an empty tab when url is undefined.
-     */
-    async openAttachment(event, att) {
-        event.preventDefault();
-        if (!this.fileStorageService || !att?.id)
-            return;
-        try {
-            const info = await this.fileStorageService.getInfo(att.id);
-            const fileName = att.name ?? info.name ?? 'download';
-            if (info && info.binary instanceof Blob) {
-                const blob = info.binary;
-                this.triggerDownload(blob, fileName);
-                return;
-            }
-            if (info && typeof info.url === 'string' && info.url) {
-                const url = info.url;
-                const link = document.createElement('a');
-                link.href = url;
-                link.download = fileName;
-                link.target = '_blank';
-                link.rel = 'noopener noreferrer';
-                document.body.appendChild(link);
-                link.click();
-                document.body.removeChild(link);
-                return;
-            }
-        }
-        catch (err) {
-            console.error('[QuestionnaireViewerQuestion] Error opening attachment:', att.id, err);
-        }
-    }
-    /**
-     * Trigger file download from blob (same as file-list triggerDownload).
-     */
-    triggerDownload(blob, fileName) {
-        const url = URL.createObjectURL(blob);
-        const link = document.createElement('a');
-        link.href = url;
-        link.download = fileName;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-        URL.revokeObjectURL(url);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerQuestionComponent, isStandalone: true, selector: "axm-questionnaire-viewer-question", inputs: { question: { classPropertyName: "question", publicName: "question", isSignal: true, isRequired: true, transformFunction: null }, contextData: { classPropertyName: "contextData", publicName: "contextData", isSignal: true, isRequired: false, transformFunction: null }, sectionOrder: { classPropertyName: "sectionOrder", publicName: "sectionOrder", isSignal: true, isRequired: true, transformFunction: null }, questionIndex: { classPropertyName: "questionIndex", publicName: "questionIndex", isSignal: true, isRequired: true, transformFunction: null }, showQuestionNumbers: { classPropertyName: "showQuestionNumbers", publicName: "showQuestionNumbers", isSignal: true, isRequired: false, transformFunction: null }, showQuestionCounter: { classPropertyName: "showQuestionCounter", publicName: "showQuestionCounter", isSignal: true, isRequired: false, transformFunction: null }, currentPosition: { classPropertyName: "currentPosition", publicName: "currentPosition", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div class="__question-item" [class.__answered]="isAnswered()" [class.__view-mode]="effectiveMode() === 'view'">
@@ -6640,28 +6665,16 @@ class AXMQuestionnaireViewerQuestionComponent {
       }
 
       @if (questionAttachments().length > 0) {
-        <div class="__attachments">
-          <span class="__attachments-label"
-            >{{
-              '@assessment-management:questionnaires.components.questionnaire-viewer.attachments.title'
-                | translate
-                | async
-            }}:</span
-          >
-          <ul class="__attachments-list">
-            @for (att of questionAttachments(); track att.id) {
-              <li>
-                <a class="__attachment-link" href="#" (click)="openAttachment($event, att)" role="button">
-                  <i class="fa-light fa-paperclip"></i>
-                  {{ att.name || att.id }}
-                </a>
-              </li>
-            }
-          </ul>
-        </div>
+        <axp-file-list
+          [files]="questionAttachmentFiles()"
+          look="links"
+          linksLayout="inline"
+          [readonly]="true"
+          titleKey="@assessment-management:questionnaires.components.questionnaire-viewer.attachments.title"
+        />
       }
     </div>
-  `, isInline: true, styles: ["axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}axm-questionnaire-viewer-question .__question-item.__answered{border-radius:.5rem;background:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered:not(.__view-mode){border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:1rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:.75rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right{display:flex;min-width:0px;flex:1 1 0%;flex-wrap:wrap;align-items:flex-start;gap:.5rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1 1 0%;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1 1 0%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{font-weight:500}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich{width:100%;max-width:100%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul ul{list-style-type:circle;margin-block:.25rem 0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{font-weight:400}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__answered-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-success-lighter-surface));color:rgb(var(--ax-sys-color-on-success-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__required-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-warning-lighter-surface));color:rgb(var(--ax-sys-color-on-warning-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-note{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-note p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-note p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-note ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note li{margin-block:.125rem}axm-questionnaire-viewer-question .__question-item .__question-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-widget{text-align:start}axm-questionnaire-viewer-question .__question-item .__question-widget>*{margin-bottom:0}axm-questionnaire-viewer-question .__question-item .__widget-placeholder{border-radius:.25rem;border-width:1px;border-style:dashed;padding:1rem;font-size:.875rem;line-height:1.25rem;font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:.25rem}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:.875rem;line-height:1.25rem;white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item .__attachments{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding-top:.75rem}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-label{margin-inline-end:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list{margin:0;margin-top:.25rem;list-style-type:none;padding-left:0}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li{margin-top:.25rem}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;text-decoration-line:underline;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:rgb(var(--ax-sys-color-primary-dark-surface))}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link:hover{opacity:.9}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link i{flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2$1.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "ngmodule", type: AXTextAreaModule }, { kind: "component", type: i4$1.AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-question .__question-item:hover{background:rgba(var(--ax-sys-color-primary-surface),.08);border-color:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered{background:rgba(var(--ax-sys-color-primary-surface),.14);border-color:rgba(var(--ax-sys-color-primary-surface),.5)}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:1rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:.75rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right{display:flex;min-width:0px;flex:1 1 0%;flex-wrap:wrap;align-items:flex-start;gap:.5rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1 1 0%;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1 1 0%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{font-weight:500}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich{width:100%;max-width:100%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul ul{list-style-type:circle;margin-block:.25rem 0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{font-weight:400}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__answered-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-success-lighter-surface));color:rgb(var(--ax-sys-color-on-success-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__required-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-warning-lighter-surface));color:rgb(var(--ax-sys-color-on-warning-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-note{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-note p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-note p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-note ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note li{margin-block:.125rem}axm-questionnaire-viewer-question .__question-item .__question-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-widget{text-align:start}axm-questionnaire-viewer-question .__question-item .__question-widget>*{margin-bottom:0}axm-questionnaire-viewer-question .__question-item .__widget-placeholder{border-radius:.25rem;border-width:1px;border-style:dashed;padding:1rem;font-size:.875rem;line-height:1.25rem;font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:.25rem}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:.875rem;line-height:1.25rem;white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item axp-file-list.--look-links.--links-inline{display:block;padding-top:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2$1.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: "ngmodule", type: AXTextAreaModule }, { kind: "component", type: i4$1.AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerQuestionComponent, decorators: [{
             type: Component,
@@ -6771,25 +6784,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       }
 
       @if (questionAttachments().length > 0) {
-        <div class="__attachments">
-          <span class="__attachments-label"
-            >{{
-              '@assessment-management:questionnaires.components.questionnaire-viewer.attachments.title'
-                | translate
-                | async
-            }}:</span
-          >
-          <ul class="__attachments-list">
-            @for (att of questionAttachments(); track att.id) {
-              <li>
-                <a class="__attachment-link" href="#" (click)="openAttachment($event, att)" role="button">
-                  <i class="fa-light fa-paperclip"></i>
-                  {{ att.name || att.id }}
-                </a>
-              </li>
-            }
-          </ul>
-        </div>
+        <axp-file-list
+          [files]="questionAttachmentFiles()"
+          look="links"
+          linksLayout="inline"
+          [readonly]="true"
+          titleKey="@assessment-management:questionnaires.components.questionnaire-viewer.attachments.title"
+        />
       }
     </div>
   `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
@@ -6802,7 +6803,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXTextAreaModule,
                         AXFormModule,
                         FormsModule,
-                    ], encapsulation: ViewEncapsulation.None, styles: ["axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}axm-questionnaire-viewer-question .__question-item.__answered{border-radius:.5rem;background:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered:not(.__view-mode){border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:1rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:.75rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right{display:flex;min-width:0px;flex:1 1 0%;flex-wrap:wrap;align-items:flex-start;gap:.5rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1 1 0%;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1 1 0%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{font-weight:500}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich{width:100%;max-width:100%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul ul{list-style-type:circle;margin-block:.25rem 0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{font-weight:400}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__answered-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-success-lighter-surface));color:rgb(var(--ax-sys-color-on-success-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__required-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-warning-lighter-surface));color:rgb(var(--ax-sys-color-on-warning-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-note{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-note p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-note p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-note ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note li{margin-block:.125rem}axm-questionnaire-viewer-question .__question-item .__question-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-widget{text-align:start}axm-questionnaire-viewer-question .__question-item .__question-widget>*{margin-bottom:0}axm-questionnaire-viewer-question .__question-item .__widget-placeholder{border-radius:.25rem;border-width:1px;border-style:dashed;padding:1rem;font-size:.875rem;line-height:1.25rem;font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:.25rem}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:.875rem;line-height:1.25rem;white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item .__attachments{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding-top:.75rem}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-label{margin-inline-end:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list{margin:0;margin-top:.25rem;list-style-type:none;padding-left:0}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li{margin-top:.25rem}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;text-decoration-line:underline;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:rgb(var(--ax-sys-color-primary-dark-surface))}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link:hover{opacity:.9}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link i{flex-shrink:0}\n"] }]
+                        AXPFileListComponent,
+                    ], encapsulation: ViewEncapsulation.None, styles: ["axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-question .__question-item:hover{background:rgba(var(--ax-sys-color-primary-surface),.08);border-color:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered{background:rgba(var(--ax-sys-color-primary-surface),.14);border-color:rgba(var(--ax-sys-color-primary-surface),.5)}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:1rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:.75rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right{display:flex;min-width:0px;flex:1 1 0%;flex-wrap:wrap;align-items:flex-start;gap:.5rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1 1 0%;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1 1 0%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{font-weight:500}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich{width:100%;max-width:100%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul ul{list-style-type:circle;margin-block:.25rem 0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{font-weight:400}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__answered-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-success-lighter-surface));color:rgb(var(--ax-sys-color-on-success-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__required-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-warning-lighter-surface));color:rgb(var(--ax-sys-color-on-warning-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-note{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-note p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-note p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-note ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note li{margin-block:.125rem}axm-questionnaire-viewer-question .__question-item .__question-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-widget{text-align:start}axm-questionnaire-viewer-question .__question-item .__question-widget>*{margin-bottom:0}axm-questionnaire-viewer-question .__question-item .__widget-placeholder{border-radius:.25rem;border-width:1px;border-style:dashed;padding:1rem;font-size:.875rem;line-height:1.25rem;font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:.25rem}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:.875rem;line-height:1.25rem;white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item axp-file-list.--look-links.--links-inline{display:block;padding-top:.75rem}\n"] }]
         }], propDecorators: { question: [{ type: i0.Input, args: [{ isSignal: true, alias: "question", required: true }] }], contextData: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextData", required: false }] }], sectionOrder: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionOrder", required: true }] }], questionIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionIndex", required: true }] }], showQuestionNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showQuestionNumbers", required: false }] }], showQuestionCounter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showQuestionCounter", required: false }] }], currentPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPosition", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
 
 //#region ---- Imports ----
@@ -6898,35 +6900,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Displays all sections and questions on a single page
  */
 class AXMQuestionnaireViewerSinglePageViewComponent {
-    //#endregion
-    //#region ----   Sticky parent initialization   ----
     constructor() {
         //#region ----   Services & Dependencies   ----
         this.vm = inject(AXMQuestionnaireViewerViewModel);
-        this.host = inject((ElementRef));
-        this.stickyParent = signal(null, ...(ngDevMode ? [{ debugName: "stickyParent" }] : /* istanbul ignore next */ []));
-        afterNextRender(() => {
-            this.stickyParent.set(this.findScrollParent(this.host.nativeElement));
-        });
-    }
-    findScrollParent(from) {
-        let node = from?.parentElement ?? null;
-        while (node) {
-            const { overflowY } = getComputedStyle(node);
-            if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') {
-                return node;
-            }
-            node = node.parentElement;
-        }
-        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) {\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: ["axm-questionnaire-viewer-single-page-view{display:flex;min-height:0px;width:100%;flex-direction:column;gap:1.5rem;padding:1rem}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;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-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:.5rem}axm-questionnaire-viewer-single-page-view .__questions-list .__question-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}\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: "<div #viewerScroll class=\"__viewer-scroll\">\n  @for (section of vm.sections(); track section.name) {\n    @if (vm.isSectionVisible(section)) {\n      <div class=\"__single-page-section\">\n        <div\n          class=\"__section-title-sticky\"\n          [axpSticky]=\"'--stuck'\"\n          [stickyParent]=\"viewerScroll\"\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        <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", styles: ["axm-questionnaire-viewer-single-page-view{display:flex;height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem}\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', 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: ["axm-questionnaire-viewer-single-page-view{display:flex;min-height:0px;width:100%;flex-direction:column;gap:1.5rem;padding:1rem}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;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-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:.5rem}axm-questionnaire-viewer-single-page-view .__questions-list .__question-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}\n"] }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: 'axm-questionnaire-viewer-single-page-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXPStickyDirective, AXMQuestionnaireViewerQuestionComponent, AXMQuestionnaireViewerSectionHeaderComponent], template: "<div #viewerScroll class=\"__viewer-scroll\">\n  @for (section of vm.sections(); track section.name) {\n    @if (vm.isSectionVisible(section)) {\n      <div class=\"__single-page-section\">\n        <div\n          class=\"__section-title-sticky\"\n          [axpSticky]=\"'--stuck'\"\n          [stickyParent]=\"viewerScroll\"\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        <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", styles: ["axm-questionnaire-viewer-single-page-view{display:flex;height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem}\n"] }]
+        }] });
 
 //#region ----   Imports   ----
 //#endregion
@@ -6936,34 +6920,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Displays one section (group) per page
  */
 class AXMQuestionnaireViewerPagePerGroupViewComponent {
-    //#endregion
     constructor() {
         //#region ----   Services & Dependencies   ----
         this.vm = inject(AXMQuestionnaireViewerViewModel);
-        this.host = inject((ElementRef));
-        this.stickyParent = signal(null, ...(ngDevMode ? [{ debugName: "stickyParent" }] : /* istanbul ignore next */ []));
-        afterNextRender(() => {
-            this.stickyParent.set(this.findScrollParent(this.host.nativeElement));
-        });
-    }
-    findScrollParent(from) {
-        let node = from?.parentElement ?? null;
-        while (node) {
-            const { overflowY } = getComputedStyle(node);
-            if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') {
-                return node;
-            }
-            node = node.parentElement;
-        }
-        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) {\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: ["axm-questionnaire-viewer-page-per-group-view{display:flex;min-height:0px;width:100%;flex-direction:column;gap:1rem;padding:1rem}axm-questionnaire-viewer-page-per-group-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;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-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__questions-list .__question-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\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: "<div #viewerScroll class=\"__viewer-scroll\">\n  @if (vm.currentSection(); as section) {\n    @if (vm.isSectionVisible(section)) {\n      <div class=\"__page-group-section\">\n        <div\n          class=\"__section-title-sticky\"\n          [axpSticky]=\"'--stuck'\"\n          [stickyParent]=\"viewerScroll\"\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        <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", styles: ["axm-questionnaire-viewer-page-per-group-view{display:flex;height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-page-per-group-view .__page-group-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\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', 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: ["axm-questionnaire-viewer-page-per-group-view{display:flex;min-height:0px;width:100%;flex-direction:column;gap:1rem;padding:1rem}axm-questionnaire-viewer-page-per-group-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;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-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__questions-list .__question-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\n"] }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: 'axm-questionnaire-viewer-page-per-group-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXPStickyDirective, AXMQuestionnaireViewerQuestionComponent, AXMQuestionnaireViewerSectionHeaderComponent], template: "<div #viewerScroll class=\"__viewer-scroll\">\n  @if (vm.currentSection(); as section) {\n    @if (vm.isSectionVisible(section)) {\n      <div class=\"__page-group-section\">\n        <div\n          class=\"__section-title-sticky\"\n          [axpSticky]=\"'--stuck'\"\n          [stickyParent]=\"viewerScroll\"\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        <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", styles: ["axm-questionnaire-viewer-page-per-group-view{display:flex;height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-page-per-group-view .__page-group-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\n"] }]
+        }] });
 
 //#region ----   Imports   ----
 //#endregion
@@ -6985,6 +6952,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             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:1rem;padding:1rem;flex-shrink:0;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\n"] }]
         }] });
 
+//#endregion
+//#region ---- Scroll parent resolution ----
+/**
+ * Resolves the scroll container for questionnaire viewer sticky section headers so
+ * `axpSticky` listens to the same element as `position: sticky`.
+ */
+function resolveQuestionnaireViewerStickyScrollParent(host, options = {}) {
+    const stickySelector = options.stickySelector ?? '.__section-title-sticky, .__mobile-header-row';
+    const preferred = options.preferredSelector
+        ? host.querySelector(options.preferredSelector)
+        : null;
+    const stickyEl = host.querySelector(stickySelector);
+    if (preferred && isScrollContainer(preferred)) {
+        return preferred;
+    }
+    const overflowingAncestor = findOverflowingScrollParent(stickyEl ?? preferred ?? host);
+    return overflowingAncestor ?? preferred ?? findScrollParent(host);
+}
+/**
+ * Updates a sticky scroll-parent signal when layout or questionnaire content changes.
+ */
+function bindQuestionnaireViewerStickyScrollParent(host, stickyParent, options = {}) {
+    const next = resolveQuestionnaireViewerStickyScrollParent(host, options);
+    if (next !== stickyParent()) {
+        stickyParent.set(next);
+    }
+}
+function isScrollContainer(element) {
+    const { overflowY } = getComputedStyle(element);
+    return overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay';
+}
+function isActiveScrollContainer(element) {
+    return isScrollContainer(element) && element.scrollHeight > element.clientHeight;
+}
+function findOverflowingScrollParent(from) {
+    let node = from?.parentElement ?? null;
+    while (node) {
+        if (isActiveScrollContainer(node)) {
+            return node;
+        }
+        node = node.parentElement;
+    }
+    return null;
+}
+function findScrollParent(from) {
+    let node = from?.parentElement ?? null;
+    while (node) {
+        const { overflowY } = getComputedStyle(node);
+        if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') {
+            return node;
+        }
+        node = node.parentElement;
+    }
+    return null;
+}
+//#endregion
+
 //#region ----   Imports   ----
 //#endregion
 //#region ----   Component   ----
@@ -7004,14 +7028,20 @@ class AXMQuestionnaireViewerSideMenuViewComponent {
         this.sectionNavigabilityCache = signal(new Map(), ...(ngDevMode ? [{ debugName: "sectionNavigabilityCache" }] : /* istanbul ignore next */ []));
         this.stickyParent = signal(null, ...(ngDevMode ? [{ debugName: "stickyParent" }] : /* istanbul ignore next */ []));
         this.tabRef = viewChild(AXTabsComponent, ...(ngDevMode ? [{ debugName: "tabRef" }] : /* istanbul ignore next */ []));
-        afterNextRender(() => {
-            const mainContent = this.host.nativeElement.querySelector('.__main-content');
-            // 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));
-        });
+        const refreshStickyParent = () => {
+            bindQuestionnaireViewerStickyScrollParent(this.host.nativeElement, this.stickyParent, {
+                preferredSelector: '.__main-content',
+            });
+        };
+        afterNextRender(() => refreshStickyParent());
         effect(() => {
             this.tabRef()?.select(this.vm.currentSectionIndex());
         });
+        effect(() => {
+            this.vm.currentSection();
+            this.vm.questionnaireData();
+            untracked(() => queueMicrotask(refreshStickyParent));
+        });
         // Update navigability cache when validation state changes
         effect(async () => {
             const sections = this.vm.sections();
@@ -7084,19 +7114,8 @@ class AXMQuestionnaireViewerSideMenuViewComponent {
         const cache = this.sectionNavigabilityCache();
         return cache.has(sectionIndex) ? !cache.get(sectionIndex) : false;
     }
-    findScrollParent(from) {
-        let node = from?.parentElement ?? null;
-        while (node) {
-            const { overflowY } = getComputedStyle(node);
-            if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') {
-                return node;
-            }
-            node = node.parentElement;
-        }
-        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\">\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 ax-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: ["axm-questionnaire-viewer-side-menu-view{display:block;min-height:0px;width:100%;overflow:hidden}@media(min-width:640px){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(min-width:1024px){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:0px;width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:0px;flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:0px;flex:1 1 0%;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-top:0;margin-bottom:0;padding-top:.75rem;padding-bottom:.75rem;font-weight:600}.__main-content{display:flex;max-height:83vh;min-height:0px;flex:1 1 0%;flex-direction:column;overflow-y:auto}@media(min-width:768px){.__main-content{max-height:75vh}}.__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem;padding:1rem}.__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;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-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),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:.5rem;border-bottom-width:1px;padding:.5rem 1rem;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-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__mobile-header-row.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__mobile-menu-button{margin-inline-start:-.5rem;flex-shrink:0}.__questions-list{display:flex;flex-direction:column;gap:1rem}\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$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i1$2.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.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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.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 [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\" [color]=\"'danger'\">\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 ax-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          @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=\"__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    </div>\n  }\n</div>\n", styles: ["axm-questionnaire-viewer-side-menu-view{display:block;min-height:0px;width:100%;overflow:hidden}@media(min-width:640px){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(min-width:1024px){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:0px;width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:0px;flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:0px;flex:1 1 0%;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-top:0;margin-bottom:0;padding-top:.75rem;padding-bottom:.75rem;font-weight:600}.__main-content{display:flex;max-height:83vh;min-height:0px;flex:1 1 0%;flex-direction:column;overflow-y:auto;overflow-x:hidden}@media(min-width:768px){.__main-content{max-height:75vh}}.__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem;padding:1rem}.__mobile-menu-button{margin-inline-start:-.5rem;flex-shrink:0}.__questions-list{display:flex;flex-direction:column;gap:1rem}\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$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i1$2.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.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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.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,
@@ -7113,7 +7132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPStickyDirective,
                         AsyncPipe,
                         AXTranslationModule,
-                    ], 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 ax-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: ["axm-questionnaire-viewer-side-menu-view{display:block;min-height:0px;width:100%;overflow:hidden}@media(min-width:640px){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(min-width:1024px){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:0px;width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:0px;flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:0px;flex:1 1 0%;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-top:0;margin-bottom:0;padding-top:.75rem;padding-bottom:.75rem;font-weight:600}.__main-content{display:flex;max-height:83vh;min-height:0px;flex:1 1 0%;flex-direction:column;overflow-y:auto}@media(min-width:768px){.__main-content{max-height:75vh}}.__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem;padding:1rem}.__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;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-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),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:.5rem;border-bottom-width:1px;padding:.5rem 1rem;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-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__mobile-header-row.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__mobile-menu-button{margin-inline-start:-.5rem;flex-shrink:0}.__questions-list{display:flex;flex-direction:column;gap:1rem}\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 [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\" [color]=\"'danger'\">\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 ax-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          @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=\"__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    </div>\n  }\n</div>\n", styles: ["axm-questionnaire-viewer-side-menu-view{display:block;min-height:0px;width:100%;overflow:hidden}@media(min-width:640px){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(min-width:1024px){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:0px;width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:0px;flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:0px;flex:1 1 0%;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-top:0;margin-bottom:0;padding-top:.75rem;padding-bottom:.75rem;font-weight:600}.__main-content{display:flex;max-height:83vh;min-height:0px;flex:1 1 0%;flex-direction:column;overflow-y:auto;overflow-x:hidden}@media(min-width:768px){.__main-content{max-height:75vh}}.__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem;padding:1rem}.__mobile-menu-button{margin-inline-start:-.5rem;flex-shrink:0}.__questions-list{display:flex;flex-direction:column;gap:1rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tabRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXTabsComponent), { isSignal: true }] }] } });
 
 //#region ----   Imports   ----
@@ -7198,7 +7217,7 @@ class AXMQuestionnaireViewerComponent {
             const config = this.config();
             const initialAnswers = this.initialAnswers();
             if (id) {
-                this.vm.loadQuestionnaire(id, initialAnswers, config);
+                void this.vm.loadQuestionnaire(id, initialAnswers, config, structure?.displaySettings);
             }
             else if (structure) {
                 if (structure.sections && structure.sections.length > 0) {
@@ -7361,7 +7380,7 @@ class AXMQuestionnaireViewerComponent {
         this.answersChanged.emit(answers);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerComponent, isStandalone: true, selector: "axm-questionnaire-viewer", inputs: { questionnaireId: { classPropertyName: "questionnaireId", publicName: "questionnaireId", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, initialAnswers: { classPropertyName: "initialAnswers", publicName: "initialAnswers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { answersChanged: "answersChanged", questionAnswered: "questionAnswered" }, host: { classAttribute: "axm-questionnaire-viewer" }, providers: [AXMQuestionnaireViewerViewModel], viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, isSignal: true }, { propertyName: "widgetContainer", first: true, predicate: AXPWidgetContainerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<axp-widgets-container #widgetContainer [attr.dir]=\"layoutDirection()\" [context]=\"{}\"\n    (onContextChanged)=\"handleContextChanged()\">\n    @if (vm.isLoading()) {\n    <div class=\"__loading\">\n        <axp-state-message icon=\"fa-light fa-spinner fa-spin\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async) || ''\"\n            [description]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.description' | translate | async) || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.error()) {\n    <div class=\"__error\">\n        <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.error.title' | translate | async) || ''\"\n            [description]=\"vm.error() || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.questionnaireData()) {\n    <div class=\"__questionnaire-container\">\n        <ax-form #form>\n            @if (vm.viewMode() === 'single-page') {\n            <axm-questionnaire-viewer-single-page-view></axm-questionnaire-viewer-single-page-view>\n            } @else if (vm.viewMode() === 'page-per-group') {\n            <axm-questionnaire-viewer-page-per-group-view></axm-questionnaire-viewer-page-per-group-view>\n            } @else if (vm.viewMode() === 'page-per-question') {\n            <axm-questionnaire-viewer-page-per-question-view></axm-questionnaire-viewer-page-per-question-view>\n            } @else if (vm.viewMode() === 'side-menu') {\n            <axm-questionnaire-viewer-side-menu-view></axm-questionnaire-viewer-side-menu-view>\n            }\n        </ax-form>\n    </div>\n    }\n</axp-widgets-container>\n", styles: [".axm-questionnaire-viewer{display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer ax-form{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer axp-widgets-container{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer .__loading,.axm-questionnaire-viewer .__error{display:flex;height:100%;align-items:center;justify-content:center}.axm-questionnaire-viewer .__questionnaire-container{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1$3.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "component", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerComponent, isStandalone: true, selector: "axm-questionnaire-viewer", inputs: { questionnaireId: { classPropertyName: "questionnaireId", publicName: "questionnaireId", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, initialAnswers: { classPropertyName: "initialAnswers", publicName: "initialAnswers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { answersChanged: "answersChanged", questionAnswered: "questionAnswered" }, host: { classAttribute: "axm-questionnaire-viewer" }, providers: [AXMQuestionnaireViewerViewModel], viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, isSignal: true }, { propertyName: "widgetContainer", first: true, predicate: AXPWidgetContainerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<axp-widgets-container #widgetContainer [attr.dir]=\"layoutDirection()\" [context]=\"{}\"\n    (onContextChanged)=\"handleContextChanged()\">\n    @if (vm.isLoading()) {\n    <div class=\"__loading\">\n        <axp-state-message icon=\"fa-light fa-spinner fa-spin\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async) || ''\"\n            [description]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.description' | translate | async) || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.error()) {\n    <div class=\"__error\">\n        <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.error.title' | translate | async) || ''\"\n            [description]=\"vm.error() || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.questionnaireData()) {\n    <div class=\"__questionnaire-container\">\n        <ax-form #form>\n            @if (vm.viewMode() === 'single-page') {\n            <axm-questionnaire-viewer-single-page-view></axm-questionnaire-viewer-single-page-view>\n            } @else if (vm.viewMode() === 'page-per-group') {\n            <axm-questionnaire-viewer-page-per-group-view></axm-questionnaire-viewer-page-per-group-view>\n            } @else if (vm.viewMode() === 'page-per-question') {\n            <axm-questionnaire-viewer-page-per-question-view></axm-questionnaire-viewer-page-per-question-view>\n            } @else if (vm.viewMode() === 'side-menu') {\n            <axm-questionnaire-viewer-side-menu-view></axm-questionnaire-viewer-side-menu-view>\n            }\n        </ax-form>\n    </div>\n    }\n</axp-widgets-container>\n", styles: [".axm-questionnaire-viewer{display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer axp-widgets-container{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer .__loading,.axm-questionnaire-viewer .__error{display:flex;height:100%;align-items:center;justify-content:center}.axm-questionnaire-viewer .__questionnaire-container{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}.axm-questionnaire-viewer ax-form{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}\n", ".__section-title-sticky,.__mobile-header-row{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__section-title-sticky:before,.__mobile-header-row:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;background-color:rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid transparent;box-shadow:none;transition:box-shadow .2s ease-out,border-color .2s ease-out}@media(prefers-reduced-motion:reduce){.__section-title-sticky:before,.__mobile-header-row:before{transition-duration:1ms}}.__section-title-sticky:after,.__mobile-header-row:after{content:\"\";position:absolute;bottom:0;left:1rem;right:1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));pointer-events:none;opacity:1;transition:opacity .2s ease-out}@media(prefers-reduced-motion:reduce){.__section-title-sticky:after,.__mobile-header-row:after{transition-duration:1ms}}.__section-title-sticky.--stuck:after,.__mobile-header-row.--stuck:after{opacity:0}.__section-title-sticky.--stuck:before,.__mobile-header-row.--stuck:before{border-bottom-color:rgb(var(--ax-sys-color-border-surface));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__mobile-header-row{display:flex;flex-shrink:0;align-items:flex-start;gap:.5rem}.__section-title-sticky,.__mobile-header-row{padding-left:1rem;padding-right:1rem}.__section-title-sticky.--stuck:before,.__mobile-header-row.--stuck:before{inset-inline:-1rem}.__viewer-scroll{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:83vh}@media(min-width:768px){.__viewer-scroll{max-height:75vh}}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-single-page-view,axm-questionnaire-viewer-page-per-group-view{display:flex;height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1$3.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "component", type: 
                 // View components
                 AXMQuestionnaireViewerSinglePageViewComponent, selector: "axm-questionnaire-viewer-single-page-view" }, { kind: "component", type: AXMQuestionnaireViewerPagePerGroupViewComponent, selector: "axm-questionnaire-viewer-page-per-group-view" }, { kind: "component", type: AXMQuestionnaireViewerPagePerQuestionViewComponent, selector: "axm-questionnaire-viewer-page-per-question-view" }, { kind: "component", type: AXMQuestionnaireViewerSideMenuViewComponent, selector: "axm-questionnaire-viewer-side-menu-view" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -7381,7 +7400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXMQuestionnaireViewerSideMenuViewComponent,
                     ], providers: [AXMQuestionnaireViewerViewModel], encapsulation: ViewEncapsulation.None, host: {
                         class: 'axm-questionnaire-viewer',
-                    }, template: "<axp-widgets-container #widgetContainer [attr.dir]=\"layoutDirection()\" [context]=\"{}\"\n    (onContextChanged)=\"handleContextChanged()\">\n    @if (vm.isLoading()) {\n    <div class=\"__loading\">\n        <axp-state-message icon=\"fa-light fa-spinner fa-spin\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async) || ''\"\n            [description]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.description' | translate | async) || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.error()) {\n    <div class=\"__error\">\n        <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.error.title' | translate | async) || ''\"\n            [description]=\"vm.error() || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.questionnaireData()) {\n    <div class=\"__questionnaire-container\">\n        <ax-form #form>\n            @if (vm.viewMode() === 'single-page') {\n            <axm-questionnaire-viewer-single-page-view></axm-questionnaire-viewer-single-page-view>\n            } @else if (vm.viewMode() === 'page-per-group') {\n            <axm-questionnaire-viewer-page-per-group-view></axm-questionnaire-viewer-page-per-group-view>\n            } @else if (vm.viewMode() === 'page-per-question') {\n            <axm-questionnaire-viewer-page-per-question-view></axm-questionnaire-viewer-page-per-question-view>\n            } @else if (vm.viewMode() === 'side-menu') {\n            <axm-questionnaire-viewer-side-menu-view></axm-questionnaire-viewer-side-menu-view>\n            }\n        </ax-form>\n    </div>\n    }\n</axp-widgets-container>\n", styles: [".axm-questionnaire-viewer{display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer ax-form{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer axp-widgets-container{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer .__loading,.axm-questionnaire-viewer .__error{display:flex;height:100%;align-items:center;justify-content:center}.axm-questionnaire-viewer .__questionnaire-container{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}\n"] }]
+                    }, template: "<axp-widgets-container #widgetContainer [attr.dir]=\"layoutDirection()\" [context]=\"{}\"\n    (onContextChanged)=\"handleContextChanged()\">\n    @if (vm.isLoading()) {\n    <div class=\"__loading\">\n        <axp-state-message icon=\"fa-light fa-spinner fa-spin\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async) || ''\"\n            [description]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.description' | translate | async) || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.error()) {\n    <div class=\"__error\">\n        <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.error.title' | translate | async) || ''\"\n            [description]=\"vm.error() || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.questionnaireData()) {\n    <div class=\"__questionnaire-container\">\n        <ax-form #form>\n            @if (vm.viewMode() === 'single-page') {\n            <axm-questionnaire-viewer-single-page-view></axm-questionnaire-viewer-single-page-view>\n            } @else if (vm.viewMode() === 'page-per-group') {\n            <axm-questionnaire-viewer-page-per-group-view></axm-questionnaire-viewer-page-per-group-view>\n            } @else if (vm.viewMode() === 'page-per-question') {\n            <axm-questionnaire-viewer-page-per-question-view></axm-questionnaire-viewer-page-per-question-view>\n            } @else if (vm.viewMode() === 'side-menu') {\n            <axm-questionnaire-viewer-side-menu-view></axm-questionnaire-viewer-side-menu-view>\n            }\n        </ax-form>\n    </div>\n    }\n</axp-widgets-container>\n", styles: [".axm-questionnaire-viewer{display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer axp-widgets-container{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column}.axm-questionnaire-viewer .__loading,.axm-questionnaire-viewer .__error{display:flex;height:100%;align-items:center;justify-content:center}.axm-questionnaire-viewer .__questionnaire-container{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}.axm-questionnaire-viewer ax-form{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}\n", ".__section-title-sticky,.__mobile-header-row{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__section-title-sticky:before,.__mobile-header-row:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;background-color:rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid transparent;box-shadow:none;transition:box-shadow .2s ease-out,border-color .2s ease-out}@media(prefers-reduced-motion:reduce){.__section-title-sticky:before,.__mobile-header-row:before{transition-duration:1ms}}.__section-title-sticky:after,.__mobile-header-row:after{content:\"\";position:absolute;bottom:0;left:1rem;right:1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));pointer-events:none;opacity:1;transition:opacity .2s ease-out}@media(prefers-reduced-motion:reduce){.__section-title-sticky:after,.__mobile-header-row:after{transition-duration:1ms}}.__section-title-sticky.--stuck:after,.__mobile-header-row.--stuck:after{opacity:0}.__section-title-sticky.--stuck:before,.__mobile-header-row.--stuck:before{border-bottom-color:rgb(var(--ax-sys-color-border-surface));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__mobile-header-row{display:flex;flex-shrink:0;align-items:flex-start;gap:.5rem}.__section-title-sticky,.__mobile-header-row{padding-left:1rem;padding-right:1rem}.__section-title-sticky.--stuck:before,.__mobile-header-row.--stuck:before{inset-inline:-1rem}.__viewer-scroll{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:83vh}@media(min-width:768px){.__viewer-scroll{max-height:75vh}}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-single-page-view,axm-questionnaire-viewer-page-per-group-view{display:flex;height:100%;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}\n"] }]
         }], ctorParameters: () => [], propDecorators: { questionnaireId: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionnaireId", required: false }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "structure", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], initialAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialAnswers", required: false }] }], answersChanged: [{ type: i0.Output, args: ["answersChanged"] }], questionAnswered: [{ type: i0.Output, args: ["questionAnswered"] }], form: [{ type: i0.ViewChild, args: ['form', { isSignal: true }] }], widgetContainer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPWidgetContainerComponent), { isSignal: true }] }] } });
 
 //#region ----   Imports   ----
@@ -7592,35 +7611,35 @@ class AXMQuestionnaireViewerFeatureModule {
             provideCommandSetups([
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-Sd4gRHo5.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-DlwBZ7mO.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                    command: () => import('./acorex-modules-assessment-management-preview-question.command-B29oj3WB.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-question.command-CBewUZSF.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                    command: () => import('./acorex-modules-assessment-management-preview-question.command-B29oj3WB.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-question.command-CBewUZSF.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-BN-nYHha.mjs').then((c) => c.ViewSessionAnswersCommand),
+                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-BPoF0v9C.mjs').then((c) => c.ViewSessionAnswersCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-nkFpnKE2.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-C-dGKO7p.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-nkFpnKE2.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-C-dGKO7p.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ReviewAnswers`,
-                    command: () => import('./acorex-modules-assessment-management-review-assessment-session.command-hB_LFUSE.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-review-assessment-session.command-XK3IK3MH.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:ReviewAnswers`,
-                    command: () => import('./acorex-modules-assessment-management-review-assessment-session.command-hB_LFUSE.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-review-assessment-session.command-XK3IK3MH.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                 },
             ]),
         ], imports: [AXPWidgetCoreModule,
@@ -7647,35 +7666,35 @@ 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-Sd4gRHo5.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-DlwBZ7mO.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                                command: () => import('./acorex-modules-assessment-management-preview-question.command-B29oj3WB.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-question.command-CBewUZSF.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                                command: () => import('./acorex-modules-assessment-management-preview-question.command-B29oj3WB.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-question.command-CBewUZSF.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-BN-nYHha.mjs').then((c) => c.ViewSessionAnswersCommand),
+                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-BPoF0v9C.mjs').then((c) => c.ViewSessionAnswersCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-nkFpnKE2.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-C-dGKO7p.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-nkFpnKE2.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-C-dGKO7p.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ReviewAnswers`,
-                                command: () => import('./acorex-modules-assessment-management-review-assessment-session.command-hB_LFUSE.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-review-assessment-session.command-XK3IK3MH.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:ReviewAnswers`,
-                                command: () => import('./acorex-modules-assessment-management-review-assessment-session.command-hB_LFUSE.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-review-assessment-session.command-XK3IK3MH.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                             },
                         ]),
                     ],
@@ -7690,7 +7709,7 @@ function questionnaireViewerRoutesFactory() {
     return [
         {
             path: `:app/${route}/questionnaire/fill/:caseId`,
-            canActivate: [AXPAuthGuard],
+            canActivate: [...AXP_PROTECTED_ROUTE_GUARDS],
             loadComponent: () => AXPRootLayoutComponent,
             children: [
                 {
@@ -7905,6 +7924,128 @@ async function persistAssessmentSession(input) {
 }
 //#endregion
 
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+/**
+ * Footer control for questionnaire-level reference documents (popover list).
+ */
+class AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent {
+    constructor() {
+        //#region ----   Inputs   ----
+        this.attachments = input.required(...(ngDevMode ? [{ debugName: "attachments" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Computed   ----
+        this.files = computed(() => questionnaireViewerAttachmentsToFileListItems(this.attachments()), ...(ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, isStandalone: true, selector: "axm-questionnaire-viewer-questionnaire-attachments-footer", inputs: { attachments: { classPropertyName: "attachments", publicName: "attachments", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "axm-questionnaire-viewer-questionnaire-attachments-footer" }, ngImport: i0, template: `
+    @if (attachments().length > 0) {
+      <div class="__questionnaire-attachments-footer">
+        <span #trigger class="__trigger">
+          <ax-button
+            look="link"
+            color="primary"
+            [text]="
+              '@assessment-management:questionnaires.components.questionnaire-viewer.questionnaire-attachments.footer-action.title'
+                | translate
+                | async
+            "
+          >
+            <ax-icon><i class="fa-light fa-paperclip"></i></ax-icon>
+          </ax-button>
+        </span>
+
+        <ax-popover [target]="trigger" [openOn]="'toggle'" [closeOn]="'clickOut'" [offsetY]="8">
+          <div
+            class="axm-questionnaire-viewer-attachments-popover ax-lightest-surface ax-min-w-[17.5rem] ax-max-w-[26rem] ax-overflow-hidden"
+          >
+            <div class="ax-border-b ax-border-surface ax-px-4 ax-py-3">
+              <h3 class="ax-m-0 ax-text-sm ax-font-semibold ax-leading-normal ax-text-on-lightest-surface">
+                {{
+                  '@assessment-management:questionnaires.components.questionnaire-viewer.questionnaire-attachments.title'
+                    | translate
+                    | async
+                }}
+              </h3>
+            </div>
+            <div class="ax-max-h-64 ax-overflow-y-auto ax-px-3 ax-py-3" style="max-height: max(30dvh, 12rem)">
+              <axp-file-list
+                [files]="files()"
+                look="links"
+                linksLayout="menu"
+                [showLabel]="false"
+                [readonly]="true"
+              />
+            </div>
+          </div>
+        </ax-popover>
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-questionnaire-viewer-questionnaire-attachments-footer',
+                    template: `
+    @if (attachments().length > 0) {
+      <div class="__questionnaire-attachments-footer">
+        <span #trigger class="__trigger">
+          <ax-button
+            look="link"
+            color="primary"
+            [text]="
+              '@assessment-management:questionnaires.components.questionnaire-viewer.questionnaire-attachments.footer-action.title'
+                | translate
+                | async
+            "
+          >
+            <ax-icon><i class="fa-light fa-paperclip"></i></ax-icon>
+          </ax-button>
+        </span>
+
+        <ax-popover [target]="trigger" [openOn]="'toggle'" [closeOn]="'clickOut'" [offsetY]="8">
+          <div
+            class="axm-questionnaire-viewer-attachments-popover ax-lightest-surface ax-min-w-[17.5rem] ax-max-w-[26rem] ax-overflow-hidden"
+          >
+            <div class="ax-border-b ax-border-surface ax-px-4 ax-py-3">
+              <h3 class="ax-m-0 ax-text-sm ax-font-semibold ax-leading-normal ax-text-on-lightest-surface">
+                {{
+                  '@assessment-management:questionnaires.components.questionnaire-viewer.questionnaire-attachments.title'
+                    | translate
+                    | async
+                }}
+              </h3>
+            </div>
+            <div class="ax-max-h-64 ax-overflow-y-auto ax-px-3 ax-py-3" style="max-height: max(30dvh, 12rem)">
+              <axp-file-list
+                [files]="files()"
+                look="links"
+                linksLayout="menu"
+                [showLabel]="false"
+                [readonly]="true"
+              />
+            </div>
+          </div>
+        </ax-popover>
+      </div>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AsyncPipe,
+                        AXTranslationModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXPopoverModule,
+                        AXPFileListComponent,
+                    ],
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'axm-questionnaire-viewer-questionnaire-attachments-footer' },
+                }]
+        }], propDecorators: { attachments: [{ type: i0.Input, args: [{ isSignal: true, alias: "attachments", required: true }] }] } });
+
 //#region ----   Imports   ----
 //#endregion
 //#region ----   Component   ----
@@ -8432,6 +8573,13 @@ class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
         this.timerElapsed = computed(() => this.viewerViewModel()?.timerElapsed() ?? 0, ...(ngDevMode ? [{ debugName: "timerElapsed" }] : /* istanbul ignore next */ []));
         this.showProgressBar = computed(() => this.viewerViewModel()?.showProgressBar() ?? false, ...(ngDevMode ? [{ debugName: "showProgressBar" }] : /* istanbul ignore next */ []));
         this.answeredQuestionsCount = computed(() => this.viewerViewModel()?.answeredQuestionsCount() ?? 0, ...(ngDevMode ? [{ debugName: "answeredQuestionsCount" }] : /* istanbul ignore next */ []));
+        this.questionnaireAttachments = computed(() => {
+            const fromViewer = this.viewerViewModel()?.questionnaireAttachments();
+            if (fromViewer && fromViewer.length > 0) {
+                return fromViewer;
+            }
+            return normalizeQuestionnaireViewerAttachments(this.questionnaire()?.attachments);
+        }, ...(ngDevMode ? [{ debugName: "questionnaireAttachments" }] : /* istanbul ignore next */ []));
         this.isReadonly = computed(() => this.viewerConfig()?.readonly ?? false, ...(ngDevMode ? [{ debugName: "isReadonly" }] : /* istanbul ignore next */ []));
         this.showReviewButton = computed(() => this.isLastStep() && (this.prePostConfig()?.post?.reviewEnabled ?? false) && this.flowStep() === 'questions', ...(ngDevMode ? [{ debugName: "showReviewButton" }] : /* istanbul ignore next */ []));
         /** Use answers from review context when returning from review; otherwise use initial answers. */
@@ -8685,9 +8833,9 @@ class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
         this.router.navigateByUrl(this.getCasesListPath());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerPageComponent, isStandalone: true, selector: "axm-questionnaire-viewer-page", host: { classAttribute: "axm-questionnaire-viewer-page" }, providers: [{ provide: AXPPageLayoutBase, useExisting: AXMQuestionnaireViewerPageComponent }], viewQueries: [{ propertyName: "viewer", first: true, predicate: ["viewer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Page shell layout -->\n<axp-page-layout>\n  <!-- Main content area -->\n  <axp-page-content class=\"ax-flex ax-flex-col ax-flex-1 ax-min-h-0\"\n    [class.ax-overflow-hidden]=\"flowStep() === 'questions'\" [class.ax-overflow-y-auto]=\"flowStep() !== 'questions'\">\n    <!-- Loading state -->\n    @if (isLoading()) {\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-min-h-[200px]\">\n      <span>{{ '@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async\n        }}</span>\n    </div>\n    }\n    <!-- Error state -->\n    @else if (loadError()) {\n    <div class=\"ax-p-4 ax-text-error-600\">\n      {{ loadError() }}\n    </div>\n    }\n    <!-- Content state -->\n    @else if (structure()) {\n    <!-- Pre-questionnaire introduction content -->\n    @if (flowStep() === 'pre') {\n    <axm-pre-questionnaire-content [content]=\"prePostConfig()?.pre?.content\"></axm-pre-questionnaire-content>\n    }\n    <!-- Post-submit results content -->\n    @else if (flowStep() === 'results') {\n    <axm-post-questionnaire-content mode=\"results\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Post-submit summary content -->\n    @else if (flowStep() === 'summary') {\n    <axm-post-questionnaire-content mode=\"summary\" [summaryContent]=\"prePostConfig()?.post?.summaryContent\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Questionnaire and review flow -->\n    @else {\n    <!-- Review mode content -->\n    @if (flowStep() === 'review') {\n    <axm-post-questionnaire-content mode=\"review\" [questionsWithAnswers]=\"reviewSnapshot()\"\n      [reviewContext]=\"reviewContext()\"></axm-post-questionnaire-content>\n    }\n\n    <!-- Questionnaire workspace (hidden while in review mode) -->\n    <div class=\"__questions ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-hidden\"\n      [class.ax-invisible]=\"flowStep() === 'review'\" [style.position]=\"flowStep() === 'review' ? 'fixed' : null\"\n      [style.left]=\"flowStep() === 'review' ? '-9999px' : null\" [class.ax-size-0]=\"flowStep() === 'review'\"\n      [class.ax-overflow-hidden]=\"flowStep() === 'review'\">\n\n      <!-- Questionnaire rendering container -->\n      <div class=\"__content ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-y-auto ax-overflow-x-hidden\">\n        <axm-questionnaire-viewer #viewer [structure]=\"structure()!\" [config]=\"viewerConfig()\"\n          [initialAnswers]=\"effectiveInitialAnswers()\"\n          (answersChanged)=\"handleAnswersChanged($event)\"></axm-questionnaire-viewer>\n      </div>\n    </div>\n    }\n    }\n  </axp-page-content>\n\n  <!-- Footer actions (only when content is ready) -->\n  @if (structure() && !isLoading() && !loadError()) {\n  <axp-page-footer class=\"--animated\">\n    <!-- Footer prefix: progress indicator -->\n    <axp-layout-prefix>\n      @if (flowStep() === 'questions') {\n      <div class=\"__footer-progress ax-text-sm ax-font-mono ax-tabular-nums\" dir=\"ltr\">\n        @if (showProgressBar()) {\n        {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}\n        }\n      </div>\n      }\n      <!-- @if (showTimer()) {\n      <axp-stopwatch [mode]=\"timerTimeLimit() ? 'count-down' : 'count-up'\" [timeLimit]=\"timerTimeLimit()\"\n        [format]=\"timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'\" [autoStart]=\"true\"\n        [showControls]=\"false\" [value]=\"timerElapsed()\"\n        (valueChange)=\"viewerViewModel()!.updateTimerElapsed($event)\"></axp-stopwatch>\n      } -->\n    </axp-layout-prefix>\n\n    <!-- Footer suffix: flow action buttons -->\n    <axp-layout-suffix>\n      @if (flowStep() === 'pre') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.start' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      }\n      <!-- Question step actions -->\n      @else if (flowStep() === 'questions') {\n      <!-- Question navigation buttons -->\n      @if (showNavigationButtons()) {\n      <ax-button look=\"solid\" [disabled]=\"!canNavigatePrevious()\"\n        [text]=\"'@general:actions.previous.title' | translate | async\" (onClick)=\"handlePreviousClick()\"></ax-button>\n      @if (!isLastStep()) {\n      <ax-button look=\"solid\" color=\"primary\" [disabled]=\"!canNavigateNext()\"\n        [text]=\"'@general:actions.next.title' | translate | async\" (onClick)=\"handleNextClick()\"></ax-button>\n      }\n      }\n\n      <!-- Final-step actions -->\n      @if (isLastStep() && showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.review' | translate | async\"\n        [disabled]=\"!areAllRequiredQuestionsAnswered()\" (onClick)=\"handleReviewClick()\"></ax-button>\n      }\n      @if (isLastStep() && !showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isReadonly() || isSubmitting() || !areAllRequiredQuestionsAnswered()\"\n        (onClick)=\"handleSubmitClick()\"></ax-button>\n      }\n      }\n      <!-- Review step actions -->\n      @else if (flowStep() === 'review') {\n      <ax-button look=\"outline\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.edit' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isSubmitting()\" (onClick)=\"handleReviewSubmit()\"></ax-button>\n      }\n      <!-- Results step actions -->\n      @else if (flowStep() === 'results') {\n      @if (prePostConfig()?.post?.summaryEnabled) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.next.title' | translate | async\"\n        (onClick)=\"flowStep.set('summary')\"></ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n      }\n      <!-- Summary step action -->\n      @else if (flowStep() === 'summary') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>", styles: ["axm-questionnaire-viewer-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));position:sticky;top:0;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerPageComponent, isStandalone: true, selector: "axm-questionnaire-viewer-page", host: { classAttribute: "axm-questionnaire-viewer-page" }, providers: [{ provide: AXPPageLayoutBase, useExisting: AXMQuestionnaireViewerPageComponent }], viewQueries: [{ propertyName: "viewer", first: true, predicate: ["viewer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Page shell layout -->\n<axp-page-layout>\n  <!-- Main content area -->\n  <axp-page-content class=\"ax-flex ax-flex-col ax-flex-1 ax-min-h-0\"\n    [class.ax-overflow-hidden]=\"flowStep() === 'questions'\" [class.ax-overflow-y-auto]=\"flowStep() !== 'questions'\">\n    <!-- Loading state -->\n    @if (isLoading()) {\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-min-h-[200px]\">\n      <span>{{ '@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async\n        }}</span>\n    </div>\n    }\n    <!-- Error state -->\n    @else if (loadError()) {\n    <div class=\"ax-p-4 ax-text-error-600\">\n      {{ loadError() }}\n    </div>\n    }\n    <!-- Content state -->\n    @else if (structure()) {\n    <!-- Pre-questionnaire introduction content -->\n    @if (flowStep() === 'pre') {\n    <axm-pre-questionnaire-content [content]=\"prePostConfig()?.pre?.content\"></axm-pre-questionnaire-content>\n    }\n    <!-- Post-submit results content -->\n    @else if (flowStep() === 'results') {\n    <axm-post-questionnaire-content mode=\"results\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Post-submit summary content -->\n    @else if (flowStep() === 'summary') {\n    <axm-post-questionnaire-content mode=\"summary\" [summaryContent]=\"prePostConfig()?.post?.summaryContent\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Questionnaire and review flow -->\n    @else {\n    <!-- Review mode content -->\n    @if (flowStep() === 'review') {\n    <axm-post-questionnaire-content mode=\"review\" [questionsWithAnswers]=\"reviewSnapshot()\"\n      [reviewContext]=\"reviewContext()\"></axm-post-questionnaire-content>\n    }\n\n    <!-- Questionnaire workspace (hidden while in review mode) -->\n    <div class=\"__questions ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-hidden\"\n      [class.ax-invisible]=\"flowStep() === 'review'\" [style.position]=\"flowStep() === 'review' ? 'fixed' : null\"\n      [style.left]=\"flowStep() === 'review' ? '-9999px' : null\" [class.ax-size-0]=\"flowStep() === 'review'\"\n      [class.ax-overflow-hidden]=\"flowStep() === 'review'\">\n\n      <!-- Questionnaire rendering container -->\n      <div class=\"__content ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-y-auto ax-overflow-x-hidden\">\n        <axm-questionnaire-viewer\n          #viewer\n          [questionnaireId]=\"questionnaire()?.id\"\n          [structure]=\"structure()!\"\n          [config]=\"viewerConfig()\"\n          [initialAnswers]=\"effectiveInitialAnswers()\"\n          (answersChanged)=\"handleAnswersChanged($event)\"\n        ></axm-questionnaire-viewer>\n      </div>\n    </div>\n    }\n    }\n  </axp-page-content>\n\n  <!-- Footer actions (only when content is ready) -->\n  @if (structure() && !isLoading() && !loadError()) {\n  <axp-page-footer class=\"--animated\">\n    <!-- Footer prefix: progress indicator -->\n    <axp-layout-prefix>\n      @if (flowStep() === 'questions') {\n      <div class=\"ax-flex ax-items-center ax-gap-4 ax-min-w-0\">\n        <axm-questionnaire-viewer-questionnaire-attachments-footer\n          [attachments]=\"questionnaireAttachments()\"\n        />\n        <div class=\"__footer-progress ax-text-sm ax-font-mono ax-tabular-nums\" dir=\"ltr\">\n          @if (showProgressBar()) {\n          {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}\n          }\n        </div>\n      </div>\n      }\n      <!-- @if (showTimer()) {\n      <axp-stopwatch [mode]=\"timerTimeLimit() ? 'count-down' : 'count-up'\" [timeLimit]=\"timerTimeLimit()\"\n        [format]=\"timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'\" [autoStart]=\"true\"\n        [showControls]=\"false\" [value]=\"timerElapsed()\"\n        (valueChange)=\"viewerViewModel()!.updateTimerElapsed($event)\"></axp-stopwatch>\n      } -->\n    </axp-layout-prefix>\n\n    <!-- Footer suffix: flow action buttons -->\n    <axp-layout-suffix>\n      @if (flowStep() === 'pre') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.start' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      }\n      <!-- Question step actions -->\n      @else if (flowStep() === 'questions') {\n      <!-- Question navigation buttons -->\n      @if (showNavigationButtons()) {\n      <ax-button look=\"solid\" [disabled]=\"!canNavigatePrevious()\"\n        [text]=\"'@general:actions.previous.title' | translate | async\" (onClick)=\"handlePreviousClick()\"></ax-button>\n      @if (!isLastStep()) {\n      <ax-button look=\"solid\" color=\"primary\" [disabled]=\"!canNavigateNext()\"\n        [text]=\"'@general:actions.next.title' | translate | async\" (onClick)=\"handleNextClick()\"></ax-button>\n      }\n      }\n\n      <!-- Final-step actions -->\n      @if (isLastStep() && showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.review' | translate | async\"\n        [disabled]=\"!areAllRequiredQuestionsAnswered()\" (onClick)=\"handleReviewClick()\"></ax-button>\n      }\n      @if (isLastStep() && !showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isReadonly() || isSubmitting() || !areAllRequiredQuestionsAnswered()\"\n        (onClick)=\"handleSubmitClick()\"></ax-button>\n      }\n      }\n      <!-- Review step actions -->\n      @else if (flowStep() === 'review') {\n      <ax-button look=\"outline\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.edit' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isSubmitting()\" (onClick)=\"handleReviewSubmit()\"></ax-button>\n      }\n      <!-- Results step actions -->\n      @else if (flowStep() === 'results') {\n      @if (prePostConfig()?.post?.summaryEnabled) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.next.title' | translate | async\"\n        (onClick)=\"flowStep.set('summary')\"></ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n      }\n      <!-- Summary step action -->\n      @else if (flowStep() === 'summary') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>", styles: ["axm-questionnaire-viewer-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));position:sticky;top:0;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: 
                 //AXPStopwatchComponent,
-                AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXMPreQuestionnaireContentComponent, selector: "axm-pre-questionnaire-content", inputs: ["content"] }, { kind: "component", type: AXMPostQuestionnaireContentComponent, selector: "axm-post-questionnaire-content", inputs: ["mode", "questionsWithAnswers", "reviewContext", "summaryContent", "placeholderValues", "locale", "showQuestionNumbers"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, selector: "axm-questionnaire-viewer-questionnaire-attachments-footer", inputs: ["attachments"] }, { kind: "component", type: AXMPreQuestionnaireContentComponent, selector: "axm-pre-questionnaire-content", inputs: ["content"] }, { kind: "component", type: AXMPostQuestionnaireContentComponent, selector: "axm-post-questionnaire-content", inputs: ["mode", "questionsWithAnswers", "reviewContext", "summaryContent", "placeholderValues", "locale", "showQuestionNumbers"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPageComponent, decorators: [{
             type: Component,
@@ -8699,9 +8847,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPThemeLayoutBlockComponent,
                         //AXPStopwatchComponent,
                         AXMQuestionnaireViewerComponent,
+                        AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent,
                         AXMPreQuestionnaireContentComponent,
                         AXMPostQuestionnaireContentComponent,
-                    ], providers: [{ provide: AXPPageLayoutBase, useExisting: AXMQuestionnaireViewerPageComponent }], encapsulation: ViewEncapsulation.None, host: { class: 'axm-questionnaire-viewer-page' }, template: "<!-- Page shell layout -->\n<axp-page-layout>\n  <!-- Main content area -->\n  <axp-page-content class=\"ax-flex ax-flex-col ax-flex-1 ax-min-h-0\"\n    [class.ax-overflow-hidden]=\"flowStep() === 'questions'\" [class.ax-overflow-y-auto]=\"flowStep() !== 'questions'\">\n    <!-- Loading state -->\n    @if (isLoading()) {\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-min-h-[200px]\">\n      <span>{{ '@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async\n        }}</span>\n    </div>\n    }\n    <!-- Error state -->\n    @else if (loadError()) {\n    <div class=\"ax-p-4 ax-text-error-600\">\n      {{ loadError() }}\n    </div>\n    }\n    <!-- Content state -->\n    @else if (structure()) {\n    <!-- Pre-questionnaire introduction content -->\n    @if (flowStep() === 'pre') {\n    <axm-pre-questionnaire-content [content]=\"prePostConfig()?.pre?.content\"></axm-pre-questionnaire-content>\n    }\n    <!-- Post-submit results content -->\n    @else if (flowStep() === 'results') {\n    <axm-post-questionnaire-content mode=\"results\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Post-submit summary content -->\n    @else if (flowStep() === 'summary') {\n    <axm-post-questionnaire-content mode=\"summary\" [summaryContent]=\"prePostConfig()?.post?.summaryContent\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Questionnaire and review flow -->\n    @else {\n    <!-- Review mode content -->\n    @if (flowStep() === 'review') {\n    <axm-post-questionnaire-content mode=\"review\" [questionsWithAnswers]=\"reviewSnapshot()\"\n      [reviewContext]=\"reviewContext()\"></axm-post-questionnaire-content>\n    }\n\n    <!-- Questionnaire workspace (hidden while in review mode) -->\n    <div class=\"__questions ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-hidden\"\n      [class.ax-invisible]=\"flowStep() === 'review'\" [style.position]=\"flowStep() === 'review' ? 'fixed' : null\"\n      [style.left]=\"flowStep() === 'review' ? '-9999px' : null\" [class.ax-size-0]=\"flowStep() === 'review'\"\n      [class.ax-overflow-hidden]=\"flowStep() === 'review'\">\n\n      <!-- Questionnaire rendering container -->\n      <div class=\"__content ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-y-auto ax-overflow-x-hidden\">\n        <axm-questionnaire-viewer #viewer [structure]=\"structure()!\" [config]=\"viewerConfig()\"\n          [initialAnswers]=\"effectiveInitialAnswers()\"\n          (answersChanged)=\"handleAnswersChanged($event)\"></axm-questionnaire-viewer>\n      </div>\n    </div>\n    }\n    }\n  </axp-page-content>\n\n  <!-- Footer actions (only when content is ready) -->\n  @if (structure() && !isLoading() && !loadError()) {\n  <axp-page-footer class=\"--animated\">\n    <!-- Footer prefix: progress indicator -->\n    <axp-layout-prefix>\n      @if (flowStep() === 'questions') {\n      <div class=\"__footer-progress ax-text-sm ax-font-mono ax-tabular-nums\" dir=\"ltr\">\n        @if (showProgressBar()) {\n        {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}\n        }\n      </div>\n      }\n      <!-- @if (showTimer()) {\n      <axp-stopwatch [mode]=\"timerTimeLimit() ? 'count-down' : 'count-up'\" [timeLimit]=\"timerTimeLimit()\"\n        [format]=\"timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'\" [autoStart]=\"true\"\n        [showControls]=\"false\" [value]=\"timerElapsed()\"\n        (valueChange)=\"viewerViewModel()!.updateTimerElapsed($event)\"></axp-stopwatch>\n      } -->\n    </axp-layout-prefix>\n\n    <!-- Footer suffix: flow action buttons -->\n    <axp-layout-suffix>\n      @if (flowStep() === 'pre') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.start' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      }\n      <!-- Question step actions -->\n      @else if (flowStep() === 'questions') {\n      <!-- Question navigation buttons -->\n      @if (showNavigationButtons()) {\n      <ax-button look=\"solid\" [disabled]=\"!canNavigatePrevious()\"\n        [text]=\"'@general:actions.previous.title' | translate | async\" (onClick)=\"handlePreviousClick()\"></ax-button>\n      @if (!isLastStep()) {\n      <ax-button look=\"solid\" color=\"primary\" [disabled]=\"!canNavigateNext()\"\n        [text]=\"'@general:actions.next.title' | translate | async\" (onClick)=\"handleNextClick()\"></ax-button>\n      }\n      }\n\n      <!-- Final-step actions -->\n      @if (isLastStep() && showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.review' | translate | async\"\n        [disabled]=\"!areAllRequiredQuestionsAnswered()\" (onClick)=\"handleReviewClick()\"></ax-button>\n      }\n      @if (isLastStep() && !showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isReadonly() || isSubmitting() || !areAllRequiredQuestionsAnswered()\"\n        (onClick)=\"handleSubmitClick()\"></ax-button>\n      }\n      }\n      <!-- Review step actions -->\n      @else if (flowStep() === 'review') {\n      <ax-button look=\"outline\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.edit' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isSubmitting()\" (onClick)=\"handleReviewSubmit()\"></ax-button>\n      }\n      <!-- Results step actions -->\n      @else if (flowStep() === 'results') {\n      @if (prePostConfig()?.post?.summaryEnabled) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.next.title' | translate | async\"\n        (onClick)=\"flowStep.set('summary')\"></ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n      }\n      <!-- Summary step action -->\n      @else if (flowStep() === 'summary') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>", styles: ["axm-questionnaire-viewer-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));position:sticky;top:0;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"] }]
+                    ], providers: [{ provide: AXPPageLayoutBase, useExisting: AXMQuestionnaireViewerPageComponent }], encapsulation: ViewEncapsulation.None, host: { class: 'axm-questionnaire-viewer-page' }, template: "<!-- Page shell layout -->\n<axp-page-layout>\n  <!-- Main content area -->\n  <axp-page-content class=\"ax-flex ax-flex-col ax-flex-1 ax-min-h-0\"\n    [class.ax-overflow-hidden]=\"flowStep() === 'questions'\" [class.ax-overflow-y-auto]=\"flowStep() !== 'questions'\">\n    <!-- Loading state -->\n    @if (isLoading()) {\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-min-h-[200px]\">\n      <span>{{ '@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async\n        }}</span>\n    </div>\n    }\n    <!-- Error state -->\n    @else if (loadError()) {\n    <div class=\"ax-p-4 ax-text-error-600\">\n      {{ loadError() }}\n    </div>\n    }\n    <!-- Content state -->\n    @else if (structure()) {\n    <!-- Pre-questionnaire introduction content -->\n    @if (flowStep() === 'pre') {\n    <axm-pre-questionnaire-content [content]=\"prePostConfig()?.pre?.content\"></axm-pre-questionnaire-content>\n    }\n    <!-- Post-submit results content -->\n    @else if (flowStep() === 'results') {\n    <axm-post-questionnaire-content mode=\"results\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Post-submit summary content -->\n    @else if (flowStep() === 'summary') {\n    <axm-post-questionnaire-content mode=\"summary\" [summaryContent]=\"prePostConfig()?.post?.summaryContent\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Questionnaire and review flow -->\n    @else {\n    <!-- Review mode content -->\n    @if (flowStep() === 'review') {\n    <axm-post-questionnaire-content mode=\"review\" [questionsWithAnswers]=\"reviewSnapshot()\"\n      [reviewContext]=\"reviewContext()\"></axm-post-questionnaire-content>\n    }\n\n    <!-- Questionnaire workspace (hidden while in review mode) -->\n    <div class=\"__questions ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-hidden\"\n      [class.ax-invisible]=\"flowStep() === 'review'\" [style.position]=\"flowStep() === 'review' ? 'fixed' : null\"\n      [style.left]=\"flowStep() === 'review' ? '-9999px' : null\" [class.ax-size-0]=\"flowStep() === 'review'\"\n      [class.ax-overflow-hidden]=\"flowStep() === 'review'\">\n\n      <!-- Questionnaire rendering container -->\n      <div class=\"__content ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-y-auto ax-overflow-x-hidden\">\n        <axm-questionnaire-viewer\n          #viewer\n          [questionnaireId]=\"questionnaire()?.id\"\n          [structure]=\"structure()!\"\n          [config]=\"viewerConfig()\"\n          [initialAnswers]=\"effectiveInitialAnswers()\"\n          (answersChanged)=\"handleAnswersChanged($event)\"\n        ></axm-questionnaire-viewer>\n      </div>\n    </div>\n    }\n    }\n  </axp-page-content>\n\n  <!-- Footer actions (only when content is ready) -->\n  @if (structure() && !isLoading() && !loadError()) {\n  <axp-page-footer class=\"--animated\">\n    <!-- Footer prefix: progress indicator -->\n    <axp-layout-prefix>\n      @if (flowStep() === 'questions') {\n      <div class=\"ax-flex ax-items-center ax-gap-4 ax-min-w-0\">\n        <axm-questionnaire-viewer-questionnaire-attachments-footer\n          [attachments]=\"questionnaireAttachments()\"\n        />\n        <div class=\"__footer-progress ax-text-sm ax-font-mono ax-tabular-nums\" dir=\"ltr\">\n          @if (showProgressBar()) {\n          {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}\n          }\n        </div>\n      </div>\n      }\n      <!-- @if (showTimer()) {\n      <axp-stopwatch [mode]=\"timerTimeLimit() ? 'count-down' : 'count-up'\" [timeLimit]=\"timerTimeLimit()\"\n        [format]=\"timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'\" [autoStart]=\"true\"\n        [showControls]=\"false\" [value]=\"timerElapsed()\"\n        (valueChange)=\"viewerViewModel()!.updateTimerElapsed($event)\"></axp-stopwatch>\n      } -->\n    </axp-layout-prefix>\n\n    <!-- Footer suffix: flow action buttons -->\n    <axp-layout-suffix>\n      @if (flowStep() === 'pre') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.start' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      }\n      <!-- Question step actions -->\n      @else if (flowStep() === 'questions') {\n      <!-- Question navigation buttons -->\n      @if (showNavigationButtons()) {\n      <ax-button look=\"solid\" [disabled]=\"!canNavigatePrevious()\"\n        [text]=\"'@general:actions.previous.title' | translate | async\" (onClick)=\"handlePreviousClick()\"></ax-button>\n      @if (!isLastStep()) {\n      <ax-button look=\"solid\" color=\"primary\" [disabled]=\"!canNavigateNext()\"\n        [text]=\"'@general:actions.next.title' | translate | async\" (onClick)=\"handleNextClick()\"></ax-button>\n      }\n      }\n\n      <!-- Final-step actions -->\n      @if (isLastStep() && showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.review' | translate | async\"\n        [disabled]=\"!areAllRequiredQuestionsAnswered()\" (onClick)=\"handleReviewClick()\"></ax-button>\n      }\n      @if (isLastStep() && !showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isReadonly() || isSubmitting() || !areAllRequiredQuestionsAnswered()\"\n        (onClick)=\"handleSubmitClick()\"></ax-button>\n      }\n      }\n      <!-- Review step actions -->\n      @else if (flowStep() === 'review') {\n      <ax-button look=\"outline\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.edit' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isSubmitting()\" (onClick)=\"handleReviewSubmit()\"></ax-button>\n      }\n      <!-- Results step actions -->\n      @else if (flowStep() === 'results') {\n      @if (prePostConfig()?.post?.summaryEnabled) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.next.title' | translate | async\"\n        (onClick)=\"flowStep.set('summary')\"></ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n      }\n      <!-- Summary step action -->\n      @else if (flowStep() === 'summary') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>", styles: ["axm-questionnaire-viewer-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));position:sticky;top:0;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"] }]
         }], ctorParameters: () => [], propDecorators: { viewer: [{ type: i0.ViewChild, args: ['viewer', { isSignal: true }] }] } });
 
 var questionnaireViewerPage_component = /*#__PURE__*/Object.freeze({
@@ -8753,6 +8902,13 @@ class AXMQuestionnaireViewerStandalonePageComponent {
         this.timerElapsed = computed(() => this.viewerViewModel()?.timerElapsed() ?? 0, ...(ngDevMode ? [{ debugName: "timerElapsed" }] : /* istanbul ignore next */ []));
         this.showProgressBar = computed(() => this.viewerViewModel()?.showProgressBar() ?? false, ...(ngDevMode ? [{ debugName: "showProgressBar" }] : /* istanbul ignore next */ []));
         this.answeredQuestionsCount = computed(() => this.viewerViewModel()?.answeredQuestionsCount() ?? 0, ...(ngDevMode ? [{ debugName: "answeredQuestionsCount" }] : /* istanbul ignore next */ []));
+        this.questionnaireAttachments = computed(() => {
+            const fromViewer = this.viewerViewModel()?.questionnaireAttachments();
+            if (fromViewer && fromViewer.length > 0) {
+                return fromViewer;
+            }
+            return normalizeQuestionnaireViewerAttachments(this.questionnaire()?.attachments);
+        }, ...(ngDevMode ? [{ debugName: "questionnaireAttachments" }] : /* istanbul ignore next */ []));
         this.isReadonly = computed(() => this.viewerConfig()?.readonly ?? false, ...(ngDevMode ? [{ debugName: "isReadonly" }] : /* istanbul ignore next */ []));
         this.showReviewButton = computed(() => this.isLastStep() && (this.prePostConfig()?.post?.reviewEnabled ?? false) && this.flowStep() === 'questions', ...(ngDevMode ? [{ debugName: "showReviewButton" }] : /* istanbul ignore next */ []));
         /** Use answers from review context when returning from review; otherwise use initial answers. */
@@ -9028,6 +9184,7 @@ class AXMQuestionnaireViewerStandalonePageComponent {
               <div class="__content ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-y-auto ax-overflow-x-hidden">
                 <axm-questionnaire-viewer
                   #viewer
+                  [questionnaireId]="questionnaire()?.id"
                   [structure]="structure()!"
                   [config]="viewerConfig()"
                   [initialAnswers]="effectiveInitialAnswers()"
@@ -9041,10 +9198,15 @@ class AXMQuestionnaireViewerStandalonePageComponent {
         <ax-footer class="__standalone-footer ax-flex ax-items-center ax-justify-between ax-gap-4 ax-py-4 ax-mt-4 ax-px-4 ax-border-t ax-border-surface ax-lightest-surface">
           <ax-prefix>
             @if (flowStep() === 'questions') {
-              <div class="__footer-progress ax-text-sm ax-font-mono ax-tabular-nums" dir="ltr">
-                @if (showProgressBar()) {
-                  {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}
-                }
+              <div class="ax-flex ax-items-center ax-gap-4 ax-min-w-0">
+                <axm-questionnaire-viewer-questionnaire-attachments-footer
+                  [attachments]="questionnaireAttachments()"
+                />
+                <div class="__footer-progress ax-text-sm ax-font-mono ax-tabular-nums" dir="ltr">
+                  @if (showProgressBar()) {
+                    {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}
+                  }
+                </div>
               </div>
             }
           </ax-prefix>
@@ -9080,7 +9242,7 @@ class AXMQuestionnaireViewerStandalonePageComponent {
         </ax-footer>
       }
     </div>
-  `, isInline: true, styles: ["axm-questionnaire-viewer-standalone-page{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__body{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content-area{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-standalone-page .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:.375rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item i{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item span{font-weight:500}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-timer{display:flex;flex-shrink:0;align-items:center}axm-questionnaire-viewer-standalone-page .__content-wrapper{display:flex;min-height:0px;flex:1 1 0%;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-standalone-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-standalone-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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.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: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: AXPStopwatchComponent, selector: "axp-stopwatch", inputs: ["mode", "timeLimit", "format", "autoStart", "showControls", "value"], outputs: ["valueChange", "timeUp"] }, { kind: "component", type: AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXMPreQuestionnaireContentComponent, selector: "axm-pre-questionnaire-content", inputs: ["content"] }, { kind: "component", type: AXMPostQuestionnaireContentComponent, selector: "axm-post-questionnaire-content", inputs: ["mode", "questionsWithAnswers", "reviewContext", "summaryContent", "placeholderValues", "locale", "showQuestionNumbers"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["axm-questionnaire-viewer-standalone-page{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__body{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content-area{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-standalone-page .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:.375rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item i{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item span{font-weight:500}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-timer{display:flex;flex-shrink:0;align-items:center}axm-questionnaire-viewer-standalone-page .__content-wrapper{display:flex;min-height:0px;flex:1 1 0%;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-standalone-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-standalone-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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.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: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: AXPStopwatchComponent, selector: "axp-stopwatch", inputs: ["mode", "timeLimit", "format", "autoStart", "showControls", "value"], outputs: ["valueChange", "timeUp"] }, { kind: "component", type: AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, selector: "axm-questionnaire-viewer-questionnaire-attachments-footer", inputs: ["attachments"] }, { kind: "component", type: AXMPreQuestionnaireContentComponent, selector: "axm-pre-questionnaire-content", inputs: ["content"] }, { kind: "component", type: AXMPostQuestionnaireContentComponent, selector: "axm-post-questionnaire-content", inputs: ["mode", "questionsWithAnswers", "reviewContext", "summaryContent", "placeholderValues", "locale", "showQuestionNumbers"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerStandalonePageComponent, decorators: [{
             type: Component,
@@ -9148,6 +9310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
               <div class="__content ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-y-auto ax-overflow-x-hidden">
                 <axm-questionnaire-viewer
                   #viewer
+                  [questionnaireId]="questionnaire()?.id"
                   [structure]="structure()!"
                   [config]="viewerConfig()"
                   [initialAnswers]="effectiveInitialAnswers()"
@@ -9161,10 +9324,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         <ax-footer class="__standalone-footer ax-flex ax-items-center ax-justify-between ax-gap-4 ax-py-4 ax-mt-4 ax-px-4 ax-border-t ax-border-surface ax-lightest-surface">
           <ax-prefix>
             @if (flowStep() === 'questions') {
-              <div class="__footer-progress ax-text-sm ax-font-mono ax-tabular-nums" dir="ltr">
-                @if (showProgressBar()) {
-                  {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}
-                }
+              <div class="ax-flex ax-items-center ax-gap-4 ax-min-w-0">
+                <axm-questionnaire-viewer-questionnaire-attachments-footer
+                  [attachments]="questionnaireAttachments()"
+                />
+                <div class="__footer-progress ax-text-sm ax-font-mono ax-tabular-nums" dir="ltr">
+                  @if (showProgressBar()) {
+                    {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}
+                  }
+                </div>
               </div>
             }
           </ax-prefix>
@@ -9208,6 +9376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPWidgetCoreModule,
                         AXPStopwatchComponent,
                         AXMQuestionnaireViewerComponent,
+                        AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent,
                         AXMPreQuestionnaireContentComponent,
                         AXMPostQuestionnaireContentComponent,
                     ], providers: [AXPWidgetCoreService, AXPContextStore], encapsulation: ViewEncapsulation.None, host: { class: 'axm-questionnaire-viewer-standalone-page' }, styles: ["axm-questionnaire-viewer-standalone-page{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__body{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content-area{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-standalone-page .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:.375rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item i{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item span{font-weight:500}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-timer{display:flex;flex-shrink:0;align-items:center}axm-questionnaire-viewer-standalone-page .__content-wrapper{display:flex;min-height:0px;flex:1 1 0%;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-standalone-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-standalone-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"] }]
@@ -9217,5 +9386,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMQuestionnaireViewerService as A, diffQuestionCommentOverride as B, diffQuestionHintOverride as C, DEFAULT_POST_QUESTIONNAIRE_CONFIG as D, findDuplicateOutcomeNames as E, flattenQuestionnaireOutcomeItems as F, getQuestionAnswerCommentStoragePath as G, isQuestionnaireOutcomeDisplayColorHex as H, matchesQuestionnaireOutcomeDisplayRule as I, mergeQuestionCommentConfig as J, mergeQuestionHintForViewer as K, normalizeQuestionCommentConfig as L, normalizeQuestionHintConfig as M, normalizeQuestionHintFromEntityRow as N, normalizeQuestionHintMode as O, normalizeQuestionnaireOutcomeDisplayRules as P, QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY as Q, RootConfig as R, normalizeQuestionnaireOutcomesValue as S, normalizeValidationStrategy$1 as T, normalizeViewMode as U, parseQuestionHintPartialFromRecord as V, parseQuestionnaireOutcomeDisplayColor as W, readHintFieldsFromRecord as X, QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY as a, AXMQuestionnaireViewerComponent as b, AXMPreQuestionnaireContentComponent as c, AXMPostQuestionnaireContentComponent as d, toDisplaySettings as e, AXMAssessmentManagementEntityProvider as f, AXMAssessmentManagementFeatureDefinitionProvider as g, AXMAssessmentManagementFeatureKeys as h, AXMAssessmentManagementMenuProvider as i, AXMAssessmentManagementModule as j, AXMAssessmentManagementPermissionDefinitionProvider as k, AXMAssessmentManagementPermissionKeys as l, AXMAssessmentManagementSearchCommandProvider as m, normalizeCompletionMode as n, AXMQuestionnaireViewerPageComponent as o, persistAssessmentSession as p, AXMQuestionnaireViewerStandalonePageComponent as q, resolveWidgetNodeFromMetaDataDefinitionInterface as r, stripQuestionBankInterfaceMetadata as s, toPrePostConfig as t, AXPAssessmentManagementMenuKeys as u, DEFAULT_PRE_QUESTIONNAIRE_CONFIG as v, DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY as w, DEFAULT_QUESTIONNAIRE_OUTCOMES as x, DEFAULT_QUESTION_COMMENT_CONFIG as y, DEFAULT_QUESTION_HINT_CONFIG as z };
-//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-IHgQ8RVH.mjs.map
+export { AXMQuestionnaireViewerService as A, DEFAULT_QUESTION_COMMENT_CONFIG as B, DEFAULT_QUESTION_HINT_CONFIG as C, DEFAULT_POST_QUESTIONNAIRE_CONFIG as D, diffQuestionCommentOverride as E, diffQuestionHintOverride as F, findDuplicateOutcomeNames as G, flattenQuestionnaireOutcomeItems as H, getQuestionAnswerCommentStoragePath as I, isQuestionnaireOutcomeDisplayColorHex as J, matchesQuestionnaireOutcomeDisplayRule as K, mergeQuestionCommentConfig as L, mergeQuestionHintForViewer as M, normalizeQuestionCommentConfig as N, normalizeQuestionHintConfig as O, normalizeQuestionHintFromEntityRow as P, QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY as Q, RootConfig as R, normalizeQuestionHintMode as S, normalizeQuestionnaireOutcomeDisplayRules as T, normalizeQuestionnaireOutcomesValue as U, normalizeValidationStrategy$1 as V, normalizeViewMode as W, parseQuestionHintPartialFromRecord as X, parseQuestionnaireOutcomeDisplayColor as Y, readHintFieldsFromRecord as Z, QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY as a, AXMQuestionnaireViewerComponent as b, AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent as c, AXMPreQuestionnaireContentComponent as d, AXMPostQuestionnaireContentComponent as e, formatQuestionnairePreviewDialogTitle as f, toDisplaySettings as g, AXMAssessmentManagementEntityProvider as h, AXMAssessmentManagementFeatureDefinitionProvider as i, AXMAssessmentManagementFeatureKeys as j, AXMAssessmentManagementMenuProvider as k, AXMAssessmentManagementModule as l, AXMAssessmentManagementPermissionDefinitionProvider as m, normalizeCompletionMode as n, AXMAssessmentManagementPermissionKeys as o, persistAssessmentSession as p, AXMAssessmentManagementSearchCommandProvider as q, resolveWidgetNodeFromMetaDataDefinitionInterface as r, stripQuestionBankInterfaceMetadata as s, toPrePostConfig as t, AXMQuestionnaireViewerPageComponent as u, AXMQuestionnaireViewerStandalonePageComponent as v, AXPAssessmentManagementMenuKeys as w, DEFAULT_PRE_QUESTIONNAIRE_CONFIG as x, DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY as y, DEFAULT_QUESTIONNAIRE_OUTCOMES as z };
+//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-D7bHX4-0.mjs.map