@acorex/modules 21.0.0-next.59 → 21.0.0-next.63

package/fesm2022/{acorex-modules-assessment-management-acorex-modules-assessment-management-o8aFazwA.mjs → acorex-modules-assessment-management-acorex-modules-assessment-management-DlhSQ0cB.mjs}

@@ -1,48 +1,53 @@
 import * as i0 from '@angular/core';
-import { inject, Injector, Injectable, NgModule, computed, input, ViewEncapsulation, ChangeDetectionStrategy, Component, ElementRef, signal, afterNextRender, viewChild, effect, output } 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, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
-import { AXPSearchCommandProvider, createEntityCommandOptions, AXPFileStorageService, AXPStickyDirective, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/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 { AXPStateMessageComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPThemeLayoutBlockComponent, AXPStopwatchComponent } from '@acorex/platform/layout/components';
-import { provideCommandSetups, provideCommand } from '@acorex/platform/runtime';
-import { AXPExpressionEvaluatorService, AXPDeviceService, containsHtmlMarkup, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider, AXP_FEATURE_DEFINITION_PROVIDER, AXPContextStore } from '@acorex/platform/core';
+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, AXPDataGenerator, containsHtmlMarkup, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider, AXP_FEATURE_DEFINITION_PROVIDER, AXPContextStore } from '@acorex/platform/core';
 import { ROUTES, ActivatedRoute, Router } from '@angular/router';
 import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import { AXMMetaDataDefinitionEntityModule } from '@acorex/modules/data-management';
-import * as i1 from '@acorex/platform/layout/widget-core';
-import { AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER, AXPWidgetContainerComponent, AXPWidgetCoreService } from '@acorex/platform/layout/widget-core';
+import * as i1$1 from '@acorex/platform/layout/widget-core';
+import { AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER, AXPWidgetsCatalog, createBooleanProperty, AXPWidgetRegistryService, AXPWidgetContainerComponent, AXPWidgetCoreService } from '@acorex/platform/layout/widget-core';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/layout/widgets';
 import * as i3 from '@angular/common';
 import { CommonModule, AsyncPipe } from '@angular/common';
 import * as i1$3 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
-import * as i4$1 from '@acorex/core/translation';
-import { resolveMultiLanguageString, AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
-import * as i2$1 from '@acorex/components/decorators';
+import * as i4 from '@acorex/core/translation';
+import { resolveMultiLanguageString, AXTranslationService, AXTranslationModule, createMultiLanguageString, isEffectivelyEmptyLocalizedValue } from '@acorex/core/translation';
+import * as i2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXToastService } from '@acorex/components/toast';
 import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
-import { cloneDeep, get } from 'lodash-es';
+import { cloneDeep, get, isEqual, isNil, first, defaultTo, isEmpty, isObject } from 'lodash-es';
+import { AXDataSource } from '@acorex/cdk/common';
+import { AXFullScreenDirective } from '@acorex/cdk/full-screen';
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXSwitchModule } from '@acorex/components/switch';
+import * as i5 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
 import { AXPopupService } from '@acorex/components/popup';
-import * as i2 from '@acorex/components/alert';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutBase, AXPPageLayoutComponent } from '@acorex/platform/layout/views';
+import * as i2$1 from '@acorex/components/alert';
 import { AXAlertModule } from '@acorex/components/alert';
-import * as i4 from '@acorex/components/text-area';
+import * as i4$1 from '@acorex/components/text-area';
 import { AXTextAreaModule } from '@acorex/components/text-area';
 import { AXSafePipe } from '@acorex/core/pipes';
-import * as i5 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
 import { AXDrawerDirectiveModule } from '@acorex/cdk/drawer';
 import { AXResizableDirective } from '@acorex/cdk/resizable';
 import * as i2$2 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
-import * as i1$2 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
 import * as i3$1 from '@acorex/components/drawer';
 import { AXDrawerModule } from '@acorex/components/drawer';
-import * as i1$1 from '@acorex/components/tabs';
+import * as i1$2 from '@acorex/components/tabs';
 import { AXTabsComponent, AXTabsModule } from '@acorex/components/tabs';
-import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
 import { DomSanitizer } from '@angular/platform-browser';
 
 //#region ----   Root Configuration   ----
@@ -81,12 +86,6 @@ const RootConfig = {
             titlePlural: '@assessment-management:sessions.entities.assessment-session.plural',
             icon: 'fa-light fa-clipboard-check',
         },
-        questionnaireCalculation: {
-            name: 'QuestionnaireCalculation',
-            title: '@assessment-management:questionnaire-calculations.entities.questionnaire-calculation.title',
-            titlePlural: '@assessment-management:questionnaire-calculations.entities.questionnaire-calculation.plural',
-            icon: 'fa-light fa-calculator',
-        },
     },
 };
 //#endregion
@@ -102,15 +101,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-DUf2ceKY.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-question-bank-item.entity-1Pm9O0kv.mjs')).factory(this.injector);
                 case RootConfig.entities.questionnaire.name:
-                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-RWSkzNbA.mjs')).factory();
+                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-BI_jc4C6.mjs')).factory();
                 case RootConfig.entities.assessmentCase.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-yrc_Yybq.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-B6C2PRZw.mjs')).factory(this.injector);
                 case RootConfig.entities.assessmentSession.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-Cwf30iuu.mjs')).factory(this.injector);
-                case RootConfig.entities.questionnaireCalculation.name:
-                    return (await import('./acorex-modules-assessment-management-questionnaire-calculation.entity-CYF0k42_.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-DquzZNaQ.mjs')).factory(this.injector);
             }
         }
         return null;
@@ -177,9 +174,6 @@ const AXMAssessmentManagementPermissionKeys = {
         Session: {
             Management: 'AssessmentManagement:Session:Management',
         },
-        QuestionnaireCalculation: {
-            Management: 'AssessmentManagement:QuestionnaireCalculation:Management',
-        },
         Automation: {
             Management: 'AssessmentManagement:Automation:Management',
         },
@@ -270,7 +264,6 @@ class AXMAssessmentManagementPermissionDefinitionProvider {
         const QUESTIONNAIRE_PERMISSIONS = '@assessment-management:questionnaires.permissions.questionnaire';
         const CASE_PERMISSIONS = '@assessment-management:cases.permissions.assessment-case';
         const SESSION_PERMISSIONS = '@assessment-management:sessions.permissions.assessment-session';
-        const QUESTIONNAIRE_CALCULATION_PERMISSIONS = '@assessment-management:questionnaire-calculations.permissions.questionnaire-calculation';
         const AUTOMATION_PERMISSIONS = '@assessment-management:automations.permissions.automation';
         context
             .addGroup(RootConfig.module.name, `${MODULE_PERMISSIONS}.title`, `${MODULE_PERMISSIONS}.description`)
@@ -289,9 +282,6 @@ class AXMAssessmentManagementPermissionDefinitionProvider {
             // AssessmentSession Permissions (view-only; sessions are created by workflows)
             .addPermission(keys.Session.Management, `${SESSION_PERMISSIONS}.management.title`, `${SESSION_PERMISSIONS}.management.description`)
             .endPermission()
-            // QuestionnaireCalculation Permissions
-            .addPermission(keys.QuestionnaireCalculation.Management, `${QUESTIONNAIRE_CALCULATION_PERMISSIONS}.management.title`, `${QUESTIONNAIRE_CALCULATION_PERMISSIONS}.management.description`)
-            .endPermission()
             // Automation Permissions
             .addPermission(keys.Automation.Management, `${AUTOMATION_PERMISSIONS}.management.title`, `${AUTOMATION_PERMISSIONS}.management.description`)
             .endPermission()
@@ -440,10 +430,10 @@ const AXMQuestionBankInterfaceEditorWidget = {
     ],
     components: {
         edit: {
-            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-DYyUhSWd.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-wdHMGBxi.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-DYyUhSWd.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-wdHMGBxi.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         column: {
             component: () => import('@acorex/platform/layout/widgets').then((m) => m.AXPWidgetFieldConfiguratorWidgetColumnComponent),
@@ -998,6 +988,279 @@ function allocateNextQuestionItemName(used) {
 }
 //#endregion
 
+//#region ----   Imports   ----
+const DEFAULT_PRE_QUESTIONNAIRE_CONFIG = { enabled: false };
+const DEFAULT_POST_QUESTIONNAIRE_CONFIG = {
+    reviewEnabled: false,
+    summaryEnabled: false,
+    showOutcomeResults: false,
+};
+const DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY = {
+    viewMode: 'single-page',
+    showProgressBar: true,
+    showTimer: false,
+    showQuestionNumbers: true,
+    validationStrategy: 'step',
+    completionMode: 'submit-only',
+};
+const OUTCOME_DISPLAY_OPERATORS = [
+    'eq',
+    'neq',
+    'gt',
+    'gte',
+    'lt',
+    'lte',
+];
+const OUTCOME_DISPLAY_EMPHASIS = ['normal', 'medium', 'bold'];
+function normalizeOutcomeDisplayColor(value) {
+    if (typeof value !== 'string') {
+        return undefined;
+    }
+    const trimmed = value.trim();
+    const parts = trimmed.split(/\s+/);
+    if (parts.length !== 3) {
+        return undefined;
+    }
+    return trimmed;
+}
+function normalizeOutcomeDisplayOperator(value) {
+    const raw = typeof value === 'string'
+        ? value
+        : typeof value === 'object' && value !== null && 'id' in value
+            ? String(value.id ?? '')
+            : '';
+    const normalized = raw.trim().toLowerCase();
+    return OUTCOME_DISPLAY_OPERATORS.includes(normalized)
+        ? normalized
+        : undefined;
+}
+function normalizeOutcomeDisplayCompareValue(value) {
+    if (typeof value === 'number' && Number.isFinite(value)) {
+        return value;
+    }
+    if (typeof value === 'boolean') {
+        return value;
+    }
+    if (typeof value === 'string') {
+        const trimmed = value.trim();
+        if (!trimmed) {
+            return undefined;
+        }
+        if (trimmed === 'true')
+            return true;
+        if (trimmed === 'false')
+            return false;
+        const asNumber = Number(trimmed);
+        if (Number.isFinite(asNumber)) {
+            return asNumber;
+        }
+        return trimmed;
+    }
+    return undefined;
+}
+function normalizeOutcomeDisplayEmphasis(value) {
+    const raw = typeof value === 'string'
+        ? value
+        : typeof value === 'object' && value !== null && 'id' in value
+            ? String(value.id ?? '')
+            : '';
+    const normalized = raw.trim().toLowerCase();
+    return OUTCOME_DISPLAY_EMPHASIS.includes(normalized)
+        ? normalized
+        : 'normal';
+}
+function normalizeOutcomeDisplayIcon(icon) {
+    if (icon == null || icon === '') {
+        return undefined;
+    }
+    if (typeof icon === 'string') {
+        const trimmed = icon.trim();
+        return trimmed.length > 0 ? trimmed : undefined;
+    }
+    const styleClass = String(icon.styleClass ?? '').trim();
+    const iconClass = String(icon.iconClass ?? '').trim();
+    const combined = [styleClass, iconClass].filter(Boolean).join(' ');
+    return combined.length > 0 ? combined : undefined;
+}
+/** Parses a theme color chooser value into foreground, background, and border parts. */
+function parseQuestionnaireOutcomeDisplayColor(value) {
+    if (!value?.trim()) {
+        return null;
+    }
+    const parts = value.trim().split(/\s+/);
+    if (parts.length !== 3) {
+        return null;
+    }
+    return {
+        foreground: parts[0],
+        background: parts[1],
+        border: parts[2],
+    };
+}
+function isQuestionnaireOutcomeDisplayColorHex(value) {
+    return value.trim().startsWith('#');
+}
+/**
+ * Returns true when the evaluated outcome value matches the display rule condition.
+ */
+function matchesQuestionnaireOutcomeDisplayRule(value, rule) {
+    const right = rule.compareValue;
+    switch (rule.operator) {
+        case 'eq':
+            return value == right;
+        case 'neq':
+            return value != right;
+        case 'gt':
+            return Number(value) > Number(right);
+        case 'gte':
+            return Number(value) >= Number(right);
+        case 'lt':
+            return Number(value) < Number(right);
+        case 'lte':
+            return Number(value) <= Number(right);
+        default:
+            return false;
+    }
+}
+function normalizeQuestionnaireOutcomeDisplayRules(rules) {
+    if (!Array.isArray(rules)) {
+        return [];
+    }
+    const normalized = [];
+    for (const [index, rule] of rules.entries()) {
+        const operator = normalizeOutcomeDisplayOperator(rule?.operator);
+        const compareValue = normalizeOutcomeDisplayCompareValue(rule?.compareValue);
+        const color = normalizeOutcomeDisplayColor(rule?.color);
+        if (!operator || compareValue === undefined || !color) {
+            continue;
+        }
+        normalized.push({
+            id: String(rule?.id ?? '').trim() || `rule-${index + 1}`,
+            order: rule?.order ?? index,
+            operator,
+            compareValue,
+            color,
+            emphasis: normalizeOutcomeDisplayEmphasis(rule?.emphasis),
+            icon: normalizeOutcomeDisplayIcon(rule?.icon),
+        });
+    }
+    return normalized.sort((a, b) => a.order - b.order);
+}
+const DEFAULT_QUESTIONNAIRE_OUTCOMES = { sections: [] };
+function normalizeQuestionnaireOutcomesValue(value) {
+    const sections = value?.sections;
+    if (!Array.isArray(sections)) {
+        return { sections: [] };
+    }
+    return {
+        sections: sections.map((section, index) => ({
+            ...section,
+            name: (section.name ?? '').trim() || `section-${index + 1}`,
+            order: section.order ?? index,
+            items: Array.isArray(section.items)
+                ? section.items.map((item) => ({
+                    ...item,
+                    displayRules: normalizeQuestionnaireOutcomeDisplayRules(item.displayRules),
+                }))
+                : [],
+        })),
+    };
+}
+/** All outcome items across sections (evaluation, automations, duplicate checks). */
+function flattenQuestionnaireOutcomeItems(value) {
+    return normalizeQuestionnaireOutcomesValue(value).sections.flatMap((section) => section.items);
+}
+function findDuplicateOutcomeNames(value) {
+    const seen = new Map();
+    for (const item of flattenQuestionnaireOutcomeItems(value)) {
+        const key = (item.name ?? '').trim();
+        if (!key)
+            continue;
+        seen.set(key, (seen.get(key) ?? 0) + 1);
+    }
+    return Array.from(seen.entries())
+        .filter(([, count]) => count > 1)
+        .map(([name]) => name);
+}
+/**
+ * Maps entity pre/post to viewer config (defaults when omitted).
+ */
+function toPrePostConfig(q) {
+    if (!q) {
+        return null;
+    }
+    const pre = {
+        ...DEFAULT_PRE_QUESTIONNAIRE_CONFIG,
+        ...q.pre,
+        enabled: q.pre?.enabled === true,
+    };
+    const post = {
+        ...DEFAULT_POST_QUESTIONNAIRE_CONFIG,
+        ...q.post,
+        reviewEnabled: q.post?.reviewEnabled === true,
+        summaryEnabled: q.post?.summaryEnabled === true,
+        showOutcomeResults: q.post?.showOutcomeResults === true,
+    };
+    return { pre, post };
+}
+const VIEW_MODE_VALUES = ['single-page', 'page-per-group', 'page-per-question', 'side-menu'];
+const VALIDATION_STRATEGY_VALUES = ['step', 'end'];
+const COMPLETION_MODE_VALUES = ['submit-only', 'save-and-continue'];
+/**
+ * Coerces stored view mode (string or SelectBox `{ id }`) to a known value.
+ */
+function normalizeViewMode(value) {
+    if (typeof value === 'string' && VIEW_MODE_VALUES.includes(value)) {
+        return value;
+    }
+    if (value != null && typeof value === 'object' && 'id' in value && typeof value.id === 'string') {
+        return normalizeViewMode(value.id);
+    }
+    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 ----   Pre/Post Content Utilities   ----
 /**
  * Formats elapsed seconds as `m:ss` or `h:mm:ss` when an hour or more.
@@ -1015,7 +1278,7 @@ function formatElapsedDuration(totalSeconds) {
 /**
  * Resolve placeholders in summary content.
  * Fixed: {{totalQuestions}}, {{answeredCount}}, {{totalTime}}, {{elapsedSeconds}}.
- * Plus any {{calculationName}} from values.outcomes.
+ * Plus any {{outcomeName}} from values.outcomes.
  */
 function resolveSummaryPlaceholders(content, values) {
     if (!content)
@@ -1105,7 +1368,7 @@ function isQuestionnaireAnswerValueEmpty(value) {
 //#endregion
 //#region ----   Service   ----
 /**
- * Opens the questionnaire viewer dialog and evaluates questionnaire calculations when a questionnaire id is provided.
+ * Opens the questionnaire viewer dialog and evaluates questionnaire outcomes when a questionnaire id is provided.
  */
 class AXMQuestionnaireViewerService {
     constructor() {
@@ -1121,10 +1384,13 @@ class AXMQuestionnaireViewerService {
      * Open questionnaire viewer in a dialog
      */
     async open(config) {
-        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-modules-assessment-management-questionnaire-viewer-popup.component-Cy5ElBmU.mjs');
+        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-modules-assessment-management-questionnaire-viewer-popup.component-Dwx0y7WY.mjs');
         const structure = config.structure;
         const submitHandler = config.submitHandler ??
-            ((answers) => this.buildSummaryPlaceholderValues(structure, answers, { questionnaireId: config.questionnaireId }));
+            ((answers) => this.buildSummaryPlaceholderValues(structure, answers, {
+                questionnaireId: config.questionnaireId,
+                outcomeRules: config.outcomeRules,
+            }));
         const result = await this.popupService.open(AXMQuestionnaireViewerPopupComponent, {
             title: config.title,
             size: this.deviceService.isSmall() ? 'full' : 'lg',
@@ -1137,17 +1403,18 @@ class AXMQuestionnaireViewerService {
                 saveHandler: config.saveHandler,
                 assessmentFillContext: config.assessmentFillContext,
                 questionnaireId: config.questionnaireId,
+                outcomeRules: config.outcomeRules,
             },
         });
         return result.data || null;
     }
     /**
-     * Evaluate all questionnaire calculations for the given questionnaire and answers.
+     * Evaluate all questionnaire outcomes for the given questionnaire and answers.
      * Pass `structure` so expressions can use `answer.byId`, `answer.byTag`, and `answer.allByTag`.
      */
     /**
      * Resolves `isVisible` for a section or question: `false` hides; `true`/undefined shows;
-     * non-empty string is evaluated with the same scope as questionnaire calculations (`answer.*`, `fn.*`, etc.).
+     * non-empty string is evaluated with the same scope as questionnaire outcomes (`answer.*`, `fn.*`, etc.).
      */
     async evaluateQuestionnaireVisibilityFlag(isVisible, answers, structure) {
         if (isVisible === false) {
@@ -1172,11 +1439,11 @@ class AXMQuestionnaireViewerService {
         }
     }
     /**
-     * Evaluates questionnaire calculations and returns values plus display titles from calculation entities.
+     * Evaluates questionnaire outcome rules and returns values plus display titles.
      */
-    async evaluateOutcomes(questionnaireId, answers, structure) {
-        const rules = await this.loadCalculationsForQuestionnaire(questionnaireId);
-        if (!rules?.length)
+    async evaluateOutcomes(answers, options) {
+        const rules = await this.resolveOutcomeRules(options?.questionnaireId, options?.outcomeRules);
+        if (!rules.length)
             return { values: {}, outcomeTitles: {} };
         const sorted = this.topologicalSort(rules);
         const outcomes = {};
@@ -1185,25 +1452,32 @@ class AXMQuestionnaireViewerService {
             if (rule.name) {
                 outcomeTitles[rule.name] = this.resolveOutcomeDisplayTitle(rule);
             }
-            const value = await this.computeResult(rule, answers, outcomes, structure);
+            const value = await this.computeResult(rule, answers, outcomes, options?.structure);
             if (rule.name && value !== undefined)
                 outcomes[rule.name] = value;
         }
         return { values: outcomes, outcomeTitles };
     }
     /**
-     * Progress metrics and optional calculation results for summary / preview.
+     * Progress metrics and optional outcome results for summary / preview.
      */
     async buildSummaryPlaceholderValues(structure, answers, options) {
         const { answeredQuestionsCount } = this.calculateProgressFromStructure(structure, answers);
         const totalQuestions = structure?.sections?.reduce((s, sec) => s + (sec.items?.length ?? 0), 0) ?? 0;
         let outcomes;
         let outcomeTitles;
-        if (options?.questionnaireId) {
-            const { values: evaluated, outcomeTitles: titles } = await this.evaluateOutcomes(options.questionnaireId, answers, structure);
+        let outcomeSections;
+        if (options?.outcomeRules?.length || options?.questionnaireId) {
+            const { values: evaluated, outcomeTitles: titles } = await this.evaluateOutcomes(answers, {
+                questionnaireId: options?.questionnaireId,
+                outcomeRules: options?.outcomeRules,
+                structure,
+            });
             if (Object.keys(evaluated).length > 0) {
                 outcomes = evaluated;
                 outcomeTitles = titles;
+                const sections = await this.resolveOutcomeSections(options?.questionnaireId, options?.outcomeRules);
+                outcomeSections = this.buildOutcomeResultSections(sections, evaluated, titles);
             }
         }
         const elapsed = options?.elapsedSeconds;
@@ -1215,6 +1489,30 @@ class AXMQuestionnaireViewerService {
             totalTimeFormatted,
             outcomes,
             outcomeTitles,
+            outcomeSections,
+        };
+    }
+    /**
+     * Builds outcome section rows from stored session values (no expression re-evaluation).
+     */
+    async buildOutcomeResultsFromStoredValues(storedOutcomes, options) {
+        const keys = Object.keys(storedOutcomes);
+        if (!keys.length) {
+            return { outcomes: {}, outcomeTitles: {}, outcomeSections: [] };
+        }
+        const rules = await this.resolveOutcomeRules(options.questionnaireId, undefined);
+        const outcomeTitles = {};
+        for (const rule of rules) {
+            if (rule.name) {
+                outcomeTitles[rule.name] = this.resolveOutcomeDisplayTitle(rule);
+            }
+        }
+        const sections = await this.resolveOutcomeSections(options.questionnaireId, undefined);
+        const outcomeSections = this.buildOutcomeResultSections(sections, storedOutcomes, outcomeTitles);
+        return {
+            outcomes: storedOutcomes,
+            outcomeTitles,
+            outcomeSections,
         };
     }
     //#endregion
@@ -1246,38 +1544,100 @@ class AXMQuestionnaireViewerService {
         return { answeredQuestionsCount: answered, progressPercentage };
     }
     //#endregion
-    //#region ----   Questionnaire calculations (evaluation)   ----
-    async loadCalculationsForQuestionnaire(questionnaireId) {
-        const result = await this.entityService
-            .withEntity(RootConfig.module.name, RootConfig.entities.questionnaireCalculation.name)
+    //#region ----   Questionnaire outcomes (evaluation)   ----
+    async resolveOutcomeRules(questionnaireId, inlineRules) {
+        if (inlineRules?.length) {
+            return inlineRules;
+        }
+        if (!questionnaireId) {
+            return [];
+        }
+        const questionnaire = await this.loadQuestionnaire(questionnaireId);
+        return flattenQuestionnaireOutcomeItems(questionnaire?.outcomes);
+    }
+    async resolveOutcomeSections(questionnaireId, inlineRules) {
+        if (inlineRules?.length) {
+            return [{ name: 'outcomes', order: 0, items: inlineRules }];
+        }
+        if (!questionnaireId) {
+            return [];
+        }
+        const questionnaire = await this.loadQuestionnaire(questionnaireId);
+        return normalizeQuestionnaireOutcomesValue(questionnaire?.outcomes).sections;
+    }
+    async loadQuestionnaire(questionnaireId) {
+        return this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.questionnaire.name)
             .data()
-            .query({
-            filter: {
-                field: 'questionnaireId',
-                operator: { type: 'equal' },
-                value: questionnaireId,
-            },
-            take: 500,
-            skip: 0,
-        });
-        return (result?.items ?? []);
+            .byKey(questionnaireId);
+    }
+    buildOutcomeResultSections(sections, values, titles) {
+        const sortedSections = sections.slice().sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+        const groups = [];
+        for (const [index, section] of sortedSections.entries()) {
+            const sectionName = (section.name ?? '').trim() || `section-${index + 1}`;
+            const sectionOrder = section.order ?? index;
+            const items = [];
+            for (const item of section.items ?? []) {
+                if (!item.name || values[item.name] === undefined) {
+                    continue;
+                }
+                const value = values[item.name];
+                const display = this.resolveOutcomeDisplay(item, value);
+                items.push({
+                    key: item.name,
+                    value,
+                    label: (titles[item.name] ?? '').trim() || this.humanizeOutcomeKey(item.name),
+                    display,
+                });
+            }
+            if (items.length === 0) {
+                continue;
+            }
+            groups.push({
+                trackKey: `${sectionOrder}::${sectionName}`,
+                sectionName,
+                sectionOrder,
+                sectionTitle: section.title ?? { 'en-US': sectionName },
+                sectionDescription: section.description,
+                items,
+            });
+        }
+        return groups;
+    }
+    /**
+     * First matching display rule for an evaluated outcome value.
+     */
+    resolveOutcomeDisplay(rule, value) {
+        const displayRules = normalizeQuestionnaireOutcomeDisplayRules(rule.displayRules);
+        if (!displayRules.length) {
+            return undefined;
+        }
+        for (const displayRule of displayRules) {
+            if (matchesQuestionnaireOutcomeDisplayRule(value, displayRule)) {
+                return {
+                    color: displayRule.color,
+                    emphasis: displayRule.emphasis ?? 'normal',
+                    iconClass: typeof displayRule.icon === 'string' ? displayRule.icon : undefined,
+                };
+            }
+        }
+        return undefined;
     }
     /**
-     * Display label for a calculation: entity `title` when set, otherwise a humanized `name`.
+     * Display label for an outcome rule: `title` when set, otherwise a humanized `name`.
      */
     resolveOutcomeDisplayTitle(rule) {
-        const title = rule.title;
-        if (typeof title === 'string') {
-            const t = title.trim();
-            if (t.length > 0)
-                return t;
+        const resolved = resolveMultiLanguageString(rule.title, 'en-US').trim();
+        if (resolved.length > 0) {
+            return resolved;
         }
         const name = rule.name?.trim();
         if (name)
-            return this.humanizeCalculationKey(name);
+            return this.humanizeOutcomeKey(name);
         return '';
     }
-    humanizeCalculationKey(name) {
+    humanizeOutcomeKey(name) {
         return name
             .replace(/_/g, ' ')
             .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
@@ -1287,14 +1647,14 @@ class AXMQuestionnaireViewerService {
             .join(' ');
     }
     async computeResult(rule, answers, outcomes, structure) {
-        const exprText = this.calculationExpressionText(rule);
+        const exprText = this.outcomeExpressionText(rule);
         if (!exprText)
             return undefined;
         const raw = await this.evaluateOutcomeExpression(exprText, answers, outcomes, structure);
         return this.coerceOutcome(raw, this.inferResultKind(rule));
     }
     /** Non-empty trimmed `expression`, or empty string if missing. */
-    calculationExpressionText(rule) {
+    outcomeExpressionText(rule) {
         const exp = rule.expression;
         return typeof exp === 'string' ? exp.trim() : '';
     }
@@ -1332,17 +1692,17 @@ class AXMQuestionnaireViewerService {
                 return raw;
         }
     }
-    async evaluateOutcomeExpression(expression, answers, outcomes, structure) {
+    async evaluateOutcomeExpression(expression, answers, outcomes, structure, value) {
         const trimmed = expression?.trim();
         if (!trimmed)
             return undefined;
         try {
-            const scope = this.buildExpressionScope(answers, outcomes, structure);
+            const scope = this.buildExpressionScope(answers, outcomes, structure, value);
             const wrapped = trimmed.includes('{{') ? trimmed : `{{ ${trimmed} }}`;
             return await this.expressionEvaluator.evaluate(wrapped, scope);
         }
         catch (err) {
-            console.warn('[QuestionnaireViewer] Calculation expression evaluation failed:', expression, err);
+            console.warn('[QuestionnaireViewer] Outcome expression evaluation failed:', expression, err);
             return undefined;
         }
     }
@@ -1376,7 +1736,7 @@ class AXMQuestionnaireViewerService {
     /**
      * Scope: answer.eval (path), answer.byId / byTag / allByTag, formula.eval / outcome.eval, fn.* helpers.
      */
-    buildExpressionScope(answers, outcomes, structure) {
+    buildExpressionScope(answers, outcomes, structure, value) {
         const resolveOutcome = (key) => outcomes[key];
         const itemsOrdered = this.flattenQuestionnaireItems(structure ?? null);
         const itemHasTag = (item, normalizedTag) => {
@@ -1472,6 +1832,7 @@ class AXMQuestionnaireViewerService {
             formula: { eval: resolveOutcome },
             outcome: { eval: resolveOutcome },
             fn,
+            ...(value !== undefined ? { value } : {}),
         };
     }
     expressionOutcomeRefs(expression, ruleNames) {
@@ -1513,7 +1874,7 @@ class AXMQuestionnaireViewerService {
             visiting.add(name);
             const rule = nameToRule.get(name);
             if (rule) {
-                const exprStr = this.calculationExpressionText(rule);
+                const exprStr = this.outcomeExpressionText(rule);
                 const formDeps = this.expressionOutcomeRefs(exprStr, ruleNames);
                 for (const d of formDeps)
                     visit(d);
@@ -1531,13 +1892,2774 @@ class AXMQuestionnaireViewerService {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerService, decorators: [{
-            type: Injectable,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Groups ----
+const GROUP_IDENTITY = {
+    name: 'identity',
+    title: '@assessment-management:questionnaires.components.questionnaire-builder.groups.identity.title',
+    order: 0,
+};
+const GROUP_VALIDATION = {
+    name: 'validation',
+    title: '@assessment-management:questionnaires.components.questionnaire-builder.groups.validation.title',
+    order: 1,
+};
+const GROUP_VISIBILITY = {
+    name: 'visibility',
+    title: '@assessment-management:questionnaires.components.questionnaire-builder.groups.visibility.title',
+    order: 2,
+};
+const GROUP_HINT = {
+    name: 'hint',
+    title: '@assessment-management:questionnaires.components.questionnaire-builder.groups.hint.title',
+    order: 3,
+};
+const GROUP_COMMENT = {
+    name: 'comment',
+    title: '@assessment-management:questionnaires.components.questionnaire-builder.groups.comment.title',
+    order: 4,
+};
+//#endregion
+//#region ---- Shared options ----
+const HINT_MODE_OPTIONS = [
+    {
+        id: 'off',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint-mode.options.off',
+    },
+    {
+        id: 'info',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint-mode.options.info',
+    },
+    {
+        id: 'warning',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint-mode.options.warning',
+    },
+    {
+        id: 'danger',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint-mode.options.danger',
+    },
+    {
+        id: 'success',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint-mode.options.success',
+    },
+    {
+        id: 'neutral',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint-mode.options.neutral',
+    },
+];
+//#endregion
+//#region ---- Properties by group ----
+const IDENTITY_PROPS = [
+    {
+        name: 'name',
+        title: '@general:terms.common.name',
+        group: GROUP_IDENTITY,
+        order: 10,
+        schema: {
+            dataType: 'string',
+            defaultValue: '',
+            interface: {
+                name: 'name',
+                path: 'name',
+                type: AXPWidgetsCatalog.text,
+                options: {
+                    placeholder: '@general:terms.common.name',
+                },
+            },
+        },
+        visible: true,
+    },
+    {
+        name: 'tags',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.tags.title',
+        group: GROUP_IDENTITY,
+        order: 20,
+        schema: {
+            dataType: 'array',
+            defaultValue: [],
+            interface: {
+                name: 'tags',
+                path: 'tags',
+                type: 'tag-editor',
+                options: {
+                    placeholder: '@assessment-management:questionnaires.components.questionnaire-builder.fields.tags.placeholder',
+                    allowDuplicate: false,
+                },
+            },
+        },
+        visible: true,
+    },
+];
+const VALIDATION_PROPS = [
+    {
+        ...createBooleanProperty({
+            name: 'isRequired',
+            path: 'isRequired',
+            title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.is-required.title',
+            group: GROUP_VALIDATION,
+            defaultValue: false,
+        }),
+        order: 10,
+    },
+];
+const VISIBILITY_PROPS = [
+    {
+        ...createBooleanProperty({
+            name: 'isVisible',
+            path: 'isVisible',
+            title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.visible.title',
+            group: GROUP_VISIBILITY,
+            defaultValue: true,
+        }),
+        order: 10,
+    },
+];
+const HINT_PROPS = [
+    {
+        name: 'hintMode',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint-mode.title',
+        group: GROUP_HINT,
+        order: 10,
+        schema: {
+            dataType: 'string',
+            defaultValue: { id: 'off', title: HINT_MODE_OPTIONS[0].title },
+            interface: {
+                name: 'hintMode',
+                path: 'hint.mode',
+                type: AXPWidgetsCatalog.select,
+                options: {
+                    valueField: 'id',
+                    textField: 'title',
+                    dataSource: [...HINT_MODE_OPTIONS],
+                },
+            },
+        },
+        visible: true,
+    },
+    {
+        name: 'hintContent',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint.title',
+        group: GROUP_HINT,
+        order: 20,
+        schema: {
+            dataType: 'string',
+            defaultValue: '',
+            interface: {
+                name: 'hintContent',
+                path: 'hint.content',
+                type: AXPWidgetsCatalog.richText,
+                options: {},
+            },
+        },
+        visible: "{{ context.eval('hint.mode') && (context.eval('hint.mode').id || context.eval('hint.mode')) != 'off' }}",
+    },
+];
+const COMMENT_PROPS = [
+    {
+        ...createBooleanProperty({
+            name: 'commentEnabled',
+            path: 'comment.enabled',
+            title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.comment-enabled.title',
+            group: GROUP_COMMENT,
+            defaultValue: false,
+        }),
+        order: 10,
+    },
+    {
+        ...createBooleanProperty({
+            name: 'commentRequired',
+            path: 'comment.required',
+            title: '@assessment-management:questionnaires.components.questionnaire-builder.fields.comment-required.title',
+            group: GROUP_COMMENT,
+            defaultValue: false,
+            visible: "{{ context.eval('comment.enabled') === true }}",
+        }),
+        order: 20,
+    },
+];
+//#endregion
+//#region ---- Hint form context helper ----
+/**
+ * Builds initial `hint` object for the question property viewer from the effective (merged) hint config.
+ */
+function createQuestionHintFormContext(hint) {
+    let content = '';
+    if (hint.mode !== 'off') {
+        const hc = hint.content;
+        if (typeof hc === 'string') {
+            content = hc;
+        }
+        else if (hc && typeof hc === 'object') {
+            content = Object.values(hc)[0] ?? '';
+        }
+    }
+    const modeId = hint.mode;
+    const opt = HINT_MODE_OPTIONS.find((o) => o.id === modeId) ?? HINT_MODE_OPTIONS[0];
+    return {
+        content,
+        mode: { id: opt.id, title: opt.title },
+    };
+}
+//#endregion
+//#region ---- Tab definition ----
+/**
+ * Property viewer tabs for editing a single questionnaire question row (metadata).
+ */
+const QUESTIONNAIRE_QUESTION_EDIT_TABS = [
+    {
+        name: 'general',
+        title: '@assessment-management:questionnaires.components.questionnaire-builder.tabs.general.title',
+        groups: [
+            {
+                name: GROUP_IDENTITY.name,
+                title: GROUP_IDENTITY.title,
+                isCollapsed: false,
+                props: IDENTITY_PROPS,
+            },
+            {
+                name: GROUP_VALIDATION.name,
+                title: GROUP_VALIDATION.title,
+                isCollapsed: false,
+                props: VALIDATION_PROPS,
+            },
+            {
+                name: GROUP_VISIBILITY.name,
+                title: GROUP_VISIBILITY.title,
+                isCollapsed: false,
+                props: VISIBILITY_PROPS,
+            },
+            {
+                name: GROUP_HINT.name,
+                title: GROUP_HINT.title,
+                isCollapsed: false,
+                props: HINT_PROPS,
+            },
+            {
+                name: GROUP_COMMENT.name,
+                title: GROUP_COMMENT.title,
+                isCollapsed: false,
+                props: COMMENT_PROPS,
+            },
+        ],
+    },
+];
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+/**
+ * Reusable Questionnaire Builder Component
+ * Can be used both in dialog and inline contexts
+ */
+class AXMQuestionnaireQuestionsBuilderComponent {
+    //#endregion
+    //#region ----   Question bank entity data ----
+    questionBankData() {
+        return this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.questionBankItem.name)
+            .data();
+    }
+    questionBankCategoryData() {
+        return this.entityService
+            .withEntity(RootConfig.module.name, `${RootConfig.entities.questionBankItem.name}Category`)
+            .data();
+    }
+    //#endregion
+    //#region ----   Lifecycle   ----
+    constructor() {
+        //#region ----   Services & Dependencies   ----
+        this.dataSelectorService = inject(AXPDataSelectorService);
+        this.entityService = inject(AXPEntityService);
+        this.entityResolver = inject(AXPEntityDefinitionRegistryService);
+        this.translationService = inject(AXTranslationService);
+        this.propertyViewerService = inject(AXPPropertyViewerService);
+        this.questionnaireViewerService = inject(AXMQuestionnaireViewerService);
+        this.toastService = inject(AXToastService);
+        this.widgetRegistry = inject(AXPWidgetRegistryService);
+        this.commandService = inject(AXPCommandService);
+        //#endregion
+        //#region ----   Inputs & Outputs   ----
+        /**
+         * Initial value (QuestionnaireBuilderValue)
+         */
+        this.value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /**
+         * Readonly mode
+         */
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        /**
+         * Pre/post config for preview (welcome, review, summary).
+         * When provided, passed to the preview dialog.
+         */
+        this.prePostConfig = input(null, ...(ngDevMode ? [{ debugName: "prePostConfig" }] : /* istanbul ignore next */ []));
+        /**
+         * When false, the header (Add Section, Settings, Preview, Full Screen) is hidden.
+         * Use when actions are provided by the host (e.g. page primary header actions).
+         */
+        this.showHeader = input(true, ...(ngDevMode ? [{ debugName: "showHeader" }] : /* istanbul ignore next */ []));
+        /**
+         * Display settings (view mode, progress bar, timer, etc.) when provided by the host (e.g. entity form).
+         * Used for preview. When not provided, falls back to state/value or defaults.
+         */
+        this.displaySettingsInput = input(null, ...(ngDevMode ? [{ debugName: "displaySettingsInput" }] : /* istanbul ignore next */ []));
+        /**
+         * Persisted questionnaire id (e.g. from entity form) — enables questionnaire outcomes in preview.
+         */
+        this.questionnaireEntityId = input(undefined, ...(ngDevMode ? [{ debugName: "questionnaireEntityId" }] : /* istanbul ignore next */ []));
+        /**
+         * Value change event
+         */
+        this.valueChange = output();
+        //#endregion
+        //#region ----   Class Properties   ----
+        // Designer state management - always start with at least one default section
+        this.builderState = signal({
+            sections: [createDefaultSection()],
+        }, ...(ngDevMode ? [{ debugName: "builderState" }] : /* istanbul ignore next */ []));
+        // Selected item tracking
+        this.selectedItemName = signal(null, ...(ngDevMode ? [{ debugName: "selectedItemName" }] : /* istanbul ignore next */ []));
+        this.selectedSectionName = signal(null, ...(ngDevMode ? [{ debugName: "selectedSectionName" }] : /* istanbul ignore next */ []));
+        // Fullscreen directive reference
+        this.fullscreenDirective = viewChild('fullscreen', ...(ngDevMode ? [{ debugName: "fullscreenDirective" }] : /* istanbul ignore next */ []));
+        this.standardRef = viewChild(AXPStandardSectionItemsBuilderComponent, ...(ngDevMode ? [{ debugName: "standardRef" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Computed Properties   ----
+        /** Value for {@link AXPStandardSectionItemsBuilderComponent} (sections only; drag/reorder handled there). */
+        this.builderValue = computed(() => ({
+            sections: this.builderState().sections.map((s) => ({
+                id: s.name,
+                name: s.name,
+                order: s.order,
+                title: s.title,
+                description: s.description,
+                tags: s.tags,
+                isVisible: s.isVisible,
+                items: s.items.map((it) => ({
+                    id: it.name,
+                    name: it.name,
+                    order: it.order,
+                    questionBankItemId: it.questionBankItemId,
+                    isRequired: it.isRequired,
+                    isVisible: it.isVisible,
+                    interfaceOverride: it.interfaceOverride,
+                    hint: it.hint,
+                    comment: it.comment,
+                    tags: it.tags,
+                    question: it.question,
+                    isNewlyAdded: it.isNewlyAdded,
+                })),
+            })),
+        }), ...(ngDevMode ? [{ debugName: "builderValue" }] : /* istanbul ignore next */ []));
+        this.isPreviewDisabled = computed(() => this.builderState().sections.length === 0 || this.builderState().sections.every((s) => s.items.length === 0), ...(ngDevMode ? [{ debugName: "isPreviewDisabled" }] : /* istanbul ignore next */ []));
+        this.standardConfig = computed(() => ({
+            showSectionTechnicalName: true,
+            minSectionCount: 1,
+            texts: {
+                addSection: '@assessment-management:questionnaires.components.questionnaire-builder.actions.add-section.title',
+                addItem: '@assessment-management:questionnaires.components.questionnaire-builder.actions.add-question.title',
+                emptySectionsTitle: '@assessment-management:questionnaires.components.questionnaire-builder.empty-states.no-sections.title',
+                emptySectionsDescription: '@assessment-management:questionnaires.components.questionnaire-builder.empty-states.no-sections.description',
+                emptyItemsTitle: '@assessment-management:questionnaires.components.questionnaire-builder.empty-states.empty-section.title',
+                emptyItemsDescription: '@assessment-management:questionnaires.components.questionnaire-builder.empty-states.empty-section.description',
+                defaultSectionBadge: '@assessment-management:questionnaires.components.questionnaire-builder.default-section-badge',
+            },
+            mapItemToView: (item, section) => this.mapQuestionnaireItemToView(item, section),
+            promptAddItems: (sid, v) => this.questionnairePromptAddItems(sid, v),
+            promptEditItem: (item, sid, v) => this.questionnairePromptEditItem(item, sid, v),
+        }), ...(ngDevMode ? [{ debugName: "standardConfig" }] : /* istanbul ignore next */ []));
+        /**
+         * Get current display settings from state or default
+         */
+        this.displaySettings = computed(() => {
+            const fromInput = this.displaySettingsInput();
+            if (fromInput != null) {
+                return fromInput;
+            }
+            const state = this.builderState();
+            if (state.displaySettings) {
+                return state.displaySettings;
+            }
+            const currentValue = convertStateToValue(state, this.value() || undefined);
+            return (currentValue.displaySettings || {
+                viewMode: 'single-page',
+                showProgressBar: true,
+                showTimer: false,
+                showQuestionNumbers: true,
+            });
+        }, ...(ngDevMode ? [{ debugName: "displaySettings" }] : /* istanbul ignore next */ []));
+        // Track last emitted value to prevent circular updates
+        let lastEmittedValue = null;
+        // Sync value input to state (only when value changes externally)
+        effect(() => {
+            const val = this.value();
+            if (val !== null && val !== undefined) {
+                const currentState = untracked(() => this.builderState());
+                const currentValue = convertStateToValue(currentState);
+                const valStr = JSON.stringify(val);
+                const currentStr = JSON.stringify(currentValue);
+                const lastEmittedStr = lastEmittedValue ? JSON.stringify(lastEmittedValue) : null;
+                if (valStr !== currentStr && valStr !== lastEmittedStr) {
+                    const newState = convertValueToState(val);
+                    untracked(() => {
+                        this.builderState.set(newState);
+                        this.loadQuestionDetailsForState(newState);
+                    });
+                }
+            }
+            else if (val === null || val === undefined) {
+                // If value is null/undefined, ensure we have at least one default section
+                const currentState = untracked(() => this.builderState());
+                if (currentState.sections.length === 0) {
+                    const defaultSection = createDefaultSection();
+                    defaultSection.order = 0;
+                    untracked(() => {
+                        this.builderState.set({ sections: [defaultSection] });
+                    });
+                }
+            }
+        });
+        // Sync state changes to output
+        effect(() => {
+            const state = this.builderState();
+            const currentValue = this.value();
+            const value = convertStateToValue(state, currentValue || undefined);
+            untracked(() => {
+                lastEmittedValue = value;
+                this.valueChange.emit(value);
+            });
+        });
+    }
+    /**
+     * Load question details for all items in the state
+     */
+    async loadQuestionDetailsForState(state) {
+        const questionIds = new Set();
+        // Collect all question bank item IDs
+        state.sections.forEach((section) => {
+            section.items.forEach((item) => {
+                if (item.questionBankItemId && !item.question) {
+                    questionIds.add(item.questionBankItemId);
+                }
+            });
+        });
+        if (questionIds.size === 0)
+            return;
+        // Load all questions in parallel
+        const questionPromises = Array.from(questionIds).map((id) => this.questionBankData()
+            .byKey(id)
+            .catch(() => null));
+        const questions = await Promise.all(questionPromises);
+        // Create a map of question ID to question data
+        const questionMap = new Map();
+        questions.forEach((q) => {
+            if (q) {
+                questionMap.set(q.id, q);
+            }
+        });
+        // Update state with question details
+        this.builderState.update((currentState) => ({
+            ...currentState,
+            sections: currentState.sections.map((section) => ({
+                ...section,
+                items: section.items.map((item) => {
+                    if (item.question)
+                        return item; // Already has question data
+                    const questionData = questionMap.get(item.questionBankItemId);
+                    if (questionData) {
+                        return {
+                            ...item,
+                            question: {
+                                id: questionData.id,
+                                title: questionData.title,
+                                question: questionData.question,
+                                note: questionData.note,
+                                difficulty: questionData.difficulty,
+                                interface: questionData.interface,
+                            },
+                        };
+                    }
+                    return item;
+                }),
+            })),
+        }));
+    }
+    mapQuestionnaireItemToView(item, _section) {
+        const q = item;
+        const title = this.itemQuestionHeading(q);
+        const note = this.itemQuestionNotePreview(q);
+        const badges = [];
+        const req = q.isRequired;
+        const rawReq = typeof req === 'boolean' || typeof req === 'string' ? req : undefined;
+        const requiredMode = getQuestionnaireItemRequiredBadgeMode(rawReq);
+        if (requiredMode === 'required') {
+            badges.push({
+                text: '@assessment-management:questionnaires.components.questionnaire-builder.item-badge.required',
+                variant: 'danger',
+            });
+        }
+        else if (requiredMode === 'conditional') {
+            badges.push({
+                text: '@assessment-management:questionnaires.components.questionnaire-builder.item-badge.conditional-required',
+                variant: 'warning',
+            });
+        }
+        else {
+            badges.push({
+                text: '@assessment-management:questionnaires.components.questionnaire-builder.item-badge.optional',
+                variant: 'success',
+            });
+        }
+        const rawVis = q.isVisible;
+        const visibilityMode = getQuestionnaireItemVisibilityBadgeMode(typeof rawVis === 'boolean' || typeof rawVis === 'string' ? rawVis : undefined);
+        if (visibilityMode === 'hidden') {
+            badges.push({
+                text: '@assessment-management:questionnaires.components.questionnaire-builder.item-badge.visibility-hidden',
+                variant: 'danger',
+            });
+        }
+        else if (visibilityMode === 'conditional') {
+            badges.push({
+                text: '@assessment-management:questionnaires.components.questionnaire-builder.item-badge.visibility-conditional',
+                variant: 'warning',
+            });
+        }
+        else {
+            badges.push({
+                text: '@assessment-management:questionnaires.components.questionnaire-builder.item-badge.visibility-visible',
+                variant: 'success',
+            });
+        }
+        return {
+            icon: this.getQuestionWidgetIcon(q),
+            title,
+            name: q.name,
+            description: note || undefined,
+            badges,
+        };
+    }
+    /**
+     * Standard section-items builder emits here. Uses direct `builderState.update` so the `valueChange`
+     * effect runs in the same turn and hosts (e.g. questions page) can mark dirty.
+     */
+    onBuilderValueChange(next) {
+        this.builderState.update((state) => {
+            const updatedState = {
+                ...state,
+                sections: this.mergeSectionsFromStandardBuilder(next.sections, state.sections),
+            };
+            if (updatedState.sections.length === 0) {
+                const defaultSection = createDefaultSection();
+                defaultSection.order = 0;
+                return { ...updatedState, sections: [defaultSection] };
+            }
+            return updatedState;
+        });
+    }
+    mergeSectionsFromStandardBuilder(incoming, previous) {
+        const prevByName = new Map(previous.map((s) => [s.name, s]));
+        return incoming.map((sec) => {
+            const axSec = sec;
+            const incomingName = String(axSec['name'] ?? axSec['id'] ?? '').trim();
+            const prevSec = prevByName.get(incomingName);
+            if (!prevSec) {
+                return this.normalizeIncomingSection(sec);
+            }
+            const prevItemByName = new Map(prevSec.items.map((i) => [i.name, i]));
+            const merged = this.normalizeIncomingSection(sec);
+            return {
+                ...merged,
+                isNewlyAdded: prevSec.isNewlyAdded ?? merged.isNewlyAdded,
+                items: merged.items.map((it) => {
+                    const prev = prevItemByName.get(it.name);
+                    if (!prev) {
+                        return it;
+                    }
+                    return {
+                        ...prev,
+                        ...it,
+                        question: it.question ?? prev.question,
+                    };
+                }),
+            };
+        });
+    }
+    /** Map platform section rows (id + name) into domain sections (name only). */
+    normalizeIncomingSection(sec) {
+        const ax = sec;
+        const name = String(ax['name'] ?? ax['id'] ?? '').trim() || `section-${Date.now()}`;
+        return {
+            name,
+            title: sec.title,
+            description: sec.description,
+            order: sec.order,
+            tags: sec.tags,
+            isVisible: sec.isVisible,
+            isNewlyAdded: sec.isNewlyAdded,
+            items: sec.items.map((it) => this.normalizeIncomingItem(it)),
+        };
+    }
+    normalizeIncomingItem(it) {
+        const name = String(it['name'] ?? it['id'] ?? '').trim() || `item-${Date.now()}`;
+        const qbi = it.questionBankItemId;
+        return {
+            name,
+            questionBankItemId: qbi,
+            order: it.order,
+            isRequired: it.isRequired,
+            isVisible: it.isVisible,
+            interfaceOverride: it.interfaceOverride,
+            hint: it.hint,
+            comment: it.comment,
+            tags: it.tags,
+            question: it.question,
+            isNewlyAdded: it.isNewlyAdded,
+        };
+    }
+    /** Edit dialog context: default visible; normalize legacy string booleans; expressions pass through (property viewer handles binding). */
+    questionEditFormIsVisible(raw) {
+        if (raw === undefined || raw === null) {
+            return true;
+        }
+        if (typeof raw === 'boolean') {
+            return raw;
+        }
+        if (raw.trim() === '') {
+            return true;
+        }
+        const t = raw.trim().toLowerCase();
+        if (t === 'true' || t === '1') {
+            return true;
+        }
+        if (t === 'false' || t === '0') {
+            return false;
+        }
+        return raw.trim();
+    }
+    questionEditFormIsRequired(item) {
+        const r = item.isRequired;
+        if (typeof r === 'string') {
+            const t = r.trim();
+            if (!t) {
+                return false;
+            }
+            const tl = t.toLowerCase();
+            if (tl === 'true' || tl === '1') {
+                return true;
+            }
+            if (tl === 'false' || tl === '0') {
+                return false;
+            }
+            return t;
+        }
+        return r ?? false;
+    }
+    /** Persist from property viewer: omit when default visible; `false` when hidden; trimmed non-empty string = expression. */
+    persistQuestionIsVisibleFromForm(value) {
+        if (value === undefined || value === null) {
+            return undefined;
+        }
+        if (typeof value === 'boolean') {
+            return value ? undefined : false;
+        }
+        if (typeof value === 'string') {
+            const t = value.trim();
+            return t || undefined;
+        }
+        return undefined;
+    }
+    persistQuestionIsRequiredFromForm(value) {
+        if (value === undefined || value === null) {
+            return false;
+        }
+        if (typeof value === 'boolean') {
+            return value;
+        }
+        if (typeof value === 'string') {
+            const t = value.trim();
+            if (!t) {
+                return false;
+            }
+            return t;
+        }
+        return false;
+    }
+    async questionnairePromptEditItem(item, sectionId, _value) {
+        const qItem = item;
+        const validationFailed = async (titleKey, descKey, fallTitle, fallDesc) => {
+            const title = (await this.translationService.translateAsync(titleKey)) || fallTitle;
+            const content = (await this.translationService.translateAsync(descKey)) || fallDesc;
+            this.toastService.show({ color: 'warning', title, content });
+            throw new Error('QuestionnaireEditQuestionValidation');
+        };
+        try {
+            const bankRow = qItem.questionBankItemId
+                ? await this.entityService
+                    .withEntity(RootConfig.module.name, RootConfig.entities.questionBankItem.name)
+                    .data()
+                    .byKey(qItem.questionBankItemId)
+                    .catch(() => null)
+                : null;
+            const bankComment = normalizeQuestionCommentConfig(bankRow?.comment);
+            const mergedCommentForForm = mergeQuestionCommentConfig(bankComment, qItem.comment);
+            const bankHint = normalizeQuestionHintFromEntityRow(bankRow ?? {});
+            const mergedHintForForm = mergeQuestionHintForViewer(bankHint, parseQuestionHintPartialFromRecord(qItem));
+            const result = await this.propertyViewerService
+                .create()
+                .dialog((d) => {
+                d.setTitle('@assessment-management:questionnaires.components.questionnaire-builder.actions.edit-question.title')
+                    .setSize('md')
+                    .setCloseButton(true)
+                    .setMode('advanced')
+                    .setTabs(QUESTIONNAIRE_QUESTION_EDIT_TABS)
+                    .setContext({
+                    name: qItem.name,
+                    tags: qItem.tags ?? [],
+                    isRequired: this.questionEditFormIsRequired(qItem),
+                    isVisible: this.questionEditFormIsVisible(qItem.isVisible),
+                    hint: createQuestionHintFormContext(mergedHintForForm),
+                    comment: mergedCommentForForm,
+                })
+                    .onAction(async (ref) => {
+                    const context = ref.context();
+                    const rawId = String(context.name ?? '').trim();
+                    if (!rawId) {
+                        await validationFailed('@assessment-management:questionnaires.components.questionnaire-builder.validation.question-id-required.title', '@assessment-management:questionnaires.components.questionnaire-builder.validation.question-id-required.description', 'Question ID required', 'Enter a unique question ID.');
+                    }
+                    if (!this.isValidQuestionnaireItemName(rawId)) {
+                        await validationFailed('@assessment-management:questionnaires.components.questionnaire-builder.validation.question-id-invalid.title', '@assessment-management:questionnaires.components.questionnaire-builder.validation.question-id-invalid.description', 'Invalid question ID', 'Use letters, numbers, underscores, and hyphens (1–128 characters).');
+                    }
+                    const isDuplicate = this.builderState().sections.some((s) => s.items.some((i) => (s.name !== sectionId || i.name !== qItem.name) && i.name === rawId));
+                    if (isDuplicate) {
+                        await validationFailed('@assessment-management:questionnaires.components.questionnaire-builder.validation.question-id-duplicate.title', '@assessment-management:questionnaires.components.questionnaire-builder.validation.question-id-duplicate.description', 'Duplicate question ID', 'Another question already uses this ID.');
+                    }
+                });
+            })
+                .show();
+            if (!result) {
+                return null;
+            }
+            const formData = result.values;
+            const rawIdOut = String(formData.name ?? '').trim();
+            const tags = this.normalizeTagsFromForm(formData.tags);
+            const hintPersist = this.persistQuestionHintFromForm(bankHint, formData.hint);
+            const commentPersist = this.persistQuestionCommentFromForm(bankComment, formData.comment);
+            const nextItem = {
+                ...qItem,
+                name: rawIdOut,
+                id: rawIdOut,
+                tags,
+                isRequired: this.persistQuestionIsRequiredFromForm(formData.isRequired),
+                isVisible: this.persistQuestionIsVisibleFromForm(formData.isVisible),
+            };
+            if (hintPersist != null) {
+                nextItem.hint = hintPersist;
+            }
+            else {
+                delete nextItem.hint;
+            }
+            if (commentPersist != null) {
+                nextItem.comment = commentPersist;
+            }
+            else {
+                delete nextItem.comment;
+            }
+            return nextItem;
+        }
+        catch (error) {
+            if (error instanceof Error && error.message === 'QuestionnaireEditQuestionValidation') {
+                return null;
+            }
+            console.error('Error editing question:', error);
+            return null;
+        }
+    }
+    //#endregion
+    //#region ----   Section Management   ----
+    /** Toolbar / page command: delegates to {@link AXPStandardSectionItemsBuilderComponent#addSection}. */
+    async addSection() {
+        await this.standardRef()?.addSection();
+    }
+    //#endregion
+    //#region ----   Item Management   ----
+    async questionnairePromptAddItems(sectionId, value) {
+        const all = value.sections;
+        const section = all.find((x) => x.name === sectionId);
+        if (!section)
+            return null;
+        return (await this.selectQuestionsFromQuestionBankForSection(section, all));
+    }
+    /**
+     * Open question bank selector and return new items (standard builder appends them).
+     */
+    async selectQuestionsFromQuestionBankForSection(section, allSections) {
+        try {
+            const dataSource = new AXDataSource({
+                key: 'id',
+                pageSize: 20,
+                load: async (e) => {
+                    const questions = await this.questionBankData().query(e);
+                    return {
+                        items: questions.items,
+                        total: questions.total,
+                    };
+                },
+            });
+            // Create category tree data source for filtering
+            const categoryTreeDataSource = {
+                loadRootNodes: async () => {
+                    const result = await this.questionBankCategoryData().query({
+                        skip: 0,
+                        take: 1000,
+                        filter: {
+                            field: 'parentId',
+                            operator: { type: 'isEmpty' },
+                            value: true,
+                        },
+                    });
+                    return result.items.map((item) => ({
+                        id: item.id,
+                        title: item.title || item.name,
+                        description: item.description || '',
+                        parentId: item.parentId,
+                        childrenCount: item.childrenCount || 0,
+                    }));
+                },
+                loadChildNodes: async (parentId) => {
+                    const result = await this.questionBankCategoryData().query({
+                        skip: 0,
+                        take: 1000,
+                        filter: {
+                            field: 'parentId',
+                            operator: { type: 'equal' },
+                            value: parentId,
+                        },
+                    });
+                    return result.items.map((item) => ({
+                        id: item.id,
+                        title: item.title || item.name,
+                        description: item.description || '',
+                        parentId: item.parentId,
+                        childrenCount: item.childrenCount || 0,
+                    }));
+                },
+                searchNodes: async (searchValue) => {
+                    const result = await this.questionBankCategoryData().query({
+                        skip: 0,
+                        take: 1000,
+                        filter: {
+                            filters: [
+                                {
+                                    field: 'title',
+                                    operator: { type: 'contains' },
+                                    value: searchValue,
+                                },
+                                {
+                                    field: 'name',
+                                    operator: { type: 'contains' },
+                                    value: searchValue,
+                                },
+                            ],
+                            logic: 'or',
+                        },
+                    });
+                    return result.items.map((item) => ({
+                        id: item.id,
+                        title: item.title || item.name,
+                        description: item.description || '',
+                        parentId: item.parentId,
+                        childrenCount: item.childrenCount || 0,
+                    }));
+                },
+            };
+            const entity = await this.entityResolver.resolve(RootConfig.module.name, RootConfig.entities.questionBankItem.name);
+            if (!entity) {
+                throw new Error('Entity not found: ' + RootConfig.entities.questionBankItem.name);
+            }
+            const columns = entity.columns
+                ?.filter((column) => entity.properties.some((property) => property.name === column.name))
+                .map((column) => {
+                const property = entity.properties.find((prop) => prop.name === column.name);
+                return {
+                    name: column.name,
+                    title: property?.title ?? '',
+                    visible: column.options?.visible !== false,
+                    widget: {
+                        type: column.showAs?.type ?? property?.schema?.interface?.type ?? 'text-editor',
+                        options: column.showAs?.options ?? property?.schema?.interface?.options ?? {},
+                    },
+                };
+            }) || [];
+            // Translate titles
+            const selectQuestionsTitle = (await this.translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-builder.select-questions')) || 'Select Questions from Question Bank';
+            const categoriesTitle = (await this.translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-builder.categories')) || 'Categories';
+            const titleLabel = (await this.translationService.translateAsync('@general:terms.common.title')) || 'Title';
+            const noteLabel = (await this.translationService.translateAsync('@assessment-management:question-bank.entities.question-bank-item.fields.note.title')) || 'Note';
+            // Open data selector with category filter
+            const result = await this.dataSelectorService.openWithCategoryFilter({
+                title: selectQuestionsTitle,
+                dataSource: dataSource,
+                columns: columns,
+                selectionMode: 'multiple',
+                searchFields: [
+                    { name: 'title', title: titleLabel },
+                    { name: 'note', title: noteLabel },
+                ],
+                allowCreate: 'full',
+                onCreate: (mode) => this.createQuestionBankItem(entity, mode),
+            }, {
+                title: categoriesTitle,
+                dataSource: categoryTreeDataSource,
+                filterField: 'categoryIds',
+                filterOperator: 'contains',
+                width: '350px',
+            });
+            if (result?.items && result.items.length > 0) {
+                const questionPromises = result.items.map((item) => this.questionBankData()
+                    .byKey(item.id)
+                    .catch(() => null));
+                const questions = await Promise.all(questionPromises);
+                const used = collectQuestionnaireItemNames(allSections);
+                const baseOrder = section.items.length;
+                const newItems = result.items.map((item, index) => {
+                    const fullQuestion = questions[index];
+                    const qName = allocateNextQuestionItemName(used);
+                    used.add(qName);
+                    return {
+                        name: qName,
+                        questionBankItemId: item.id,
+                        order: baseOrder + index,
+                        isRequired: false,
+                        isVisible: undefined,
+                        isNewlyAdded: true,
+                        question: fullQuestion
+                            ? {
+                                id: fullQuestion.id,
+                                title: fullQuestion.title,
+                                question: fullQuestion.question,
+                                note: fullQuestion.note,
+                                difficulty: fullQuestion.difficulty,
+                            }
+                            : {
+                                id: item.id,
+                                title: item.title || 'Question',
+                                question: item.question,
+                                note: item.note,
+                                difficulty: item.difficulty,
+                            },
+                    };
+                });
+                return newItems;
+            }
+            return null;
+        }
+        catch (error) {
+            console.error('Error loading questions:', error);
+            return null;
+        }
+    }
+    /**
+     * Create a new question bank item via Entity:Create and return it for selection in the data selector.
+     */
+    async createQuestionBankItem(entity, _mode) {
+        const result = await this.commandService.execute('Entity:Create', {
+            __context__: {
+                entity: `${entity.module}.${entity.name}`,
+                entityInfo: {
+                    name: entity.name,
+                    module: entity.module,
+                    title: entity.title,
+                    parentKey: entity.parentKey,
+                },
+                data: {},
+                options: {},
+            },
+        });
+        if (result?.success && result?.data) {
+            const item = Array.isArray(result.data) ? result.data[0] : result.data;
+            return item;
+        }
+        return null;
+    }
+    /**
+     * Maps nested `hint` from the question property viewer to persisted questionnaire item `hint` partial (diff from bank).
+     */
+    persistQuestionHintFromForm(bank, hint) {
+        if (!hint) {
+            return undefined;
+        }
+        const modeRaw = hint.mode == null ? undefined : typeof hint.mode === 'string' ? hint.mode : hint.mode.id;
+        const mode = normalizeQuestionHintMode(modeRaw) ?? 'off';
+        const c = hint.content;
+        let content;
+        if (c == null) {
+            content = undefined;
+        }
+        else if (typeof c === 'string') {
+            const t = c.trim();
+            content = t || undefined;
+        }
+        else if (typeof c === 'object') {
+            content = c;
+        }
+        const edited = normalizeQuestionHintConfig({ mode, content });
+        return diffQuestionHintOverride(bank, edited);
+    }
+    /**
+     * Persists questionnaire item `comment` override: only fields that differ from the question bank default.
+     */
+    persistQuestionCommentFromForm(bank, form) {
+        if (!form) {
+            return undefined;
+        }
+        const edited = normalizeQuestionCommentConfig(form);
+        return diffQuestionCommentOverride(bank, edited);
+    }
+    /**
+     * Normalize tag-editor output to trimmed unique strings (supports string[] or { title }[] from tag service).
+     */
+    normalizeTagsFromForm(raw) {
+        if (raw == null || !Array.isArray(raw))
+            return undefined;
+        const seen = new Set();
+        const out = [];
+        for (const entry of raw) {
+            let t = '';
+            if (typeof entry === 'string')
+                t = entry.trim();
+            else if (entry && typeof entry === 'object' && 'title' in entry) {
+                t = String(entry.title).trim();
+            }
+            if (!t)
+                continue;
+            const key = t.toLowerCase();
+            if (seen.has(key))
+                continue;
+            seen.add(key);
+            out.push(t);
+        }
+        return out.length ? out : undefined;
+    }
+    /** Allowed characters for questionnaire item technical name (UUID-safe). */
+    isValidQuestionnaireItemName(name) {
+        return name.length >= 1 && name.length <= 128 && /^[a-zA-Z0-9_-]+$/.test(name);
+    }
+    /**
+     * Plain heading for builder cards: prefer rich `question`, else admin list `title`.
+     */
+    itemQuestionHeading(item) {
+        const q = item.question;
+        if (!q) {
+            return 'Question';
+        }
+        const locale = this.translationService.getActiveLang?.() ?? 'en-US';
+        const raw = q.question;
+        if (raw != null && raw !== '') {
+            const html = typeof raw === 'string' ? raw : resolveMultiLanguageString(raw, locale);
+            const plain = stripHtmlToPlain(html);
+            if (plain.trim()) {
+                return plain;
+            }
+        }
+        const titleResolved = resolveMultiLanguageString(q.title, locale);
+        return titleResolved.trim() || 'Question';
+    }
+    /** Plain preview line for optional note under the heading. */
+    itemQuestionNotePreview(item) {
+        const raw = item.question?.note;
+        if (raw == null || raw === '') {
+            return '';
+        }
+        const locale = this.translationService.getActiveLang?.() ?? 'en-US';
+        const html = typeof raw === 'string' ? raw : resolveMultiLanguageString(raw, locale);
+        return stripHtmlToPlain(html);
+    }
+    /**
+     * Resolve icon based on widget type, with safe fallback.
+     */
+    getQuestionWidgetIcon(item) {
+        const fallbackIcon = 'fa-light fa-question-circle';
+        const widgetType = item.interfaceOverride?.type ?? item.question?.interface?.type;
+        if (!widgetType) {
+            return fallbackIcon;
+        }
+        try {
+            return this.widgetRegistry.resolve(widgetType).icon ?? fallbackIcon;
+        }
+        catch {
+            return fallbackIcon;
+        }
+    }
+    //#endregion
+    //#region ----   Preview   ----
+    /**
+     * Open preview dialog with questionnaire viewer
+     */
+    async handlePreview() {
+        if (this.isPreviewDisabled()) {
+            return;
+        }
+        try {
+            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 result = await this.questionnaireViewerService.open({
+                title: previewTitle,
+                structure: currentValue,
+                prePostConfig: this.prePostConfig() ?? undefined,
+                questionnaireId: this.questionnaireEntityId(),
+            });
+            // Handle result if needed (answers, submitted status)
+            if (result) {
+                console.log('Questionnaire preview result:', result);
+            }
+        }
+        catch (error) {
+            console.error('Error opening preview:', error);
+        }
+    }
+    /**
+     * Toggle fullscreen mode using the directive
+     */
+    async handleFullscreen() {
+        const fullscreen = this.fullscreenDirective();
+        if (fullscreen) {
+            await fullscreen.toggle();
+        }
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireQuestionsBuilderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-questionnaire-questions-builder', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXDropdownModule,
+                        AXFormModule,
+                        AXSwitchModule,
+                        AXLabelModule,
+                        AXTranslationModule,
+                        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 }] }] } });
+
+/** Component key for the questionnaire Questions page tab. Register via AXP_PAGE_COMPONENT_PROVIDER. */
+const QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY = 'questionnaire-questions-page';
+
+const QUESTIONNAIRE_QUESTIONS_SAVE_COMMAND = 'Questionnaire:Questions:Save';
+/**
+ * Command to save the questionnaire questions field.
+ * By default uses entity update (patch) with { questions }.
+ * Can be overridden for custom API logic.
+ */
+class AXMSaveQuestionnaireQuestionsCommand {
+    constructor() {
+        this.entityService = inject(AXPEntityService);
+        this.translationService = inject(AXTranslationService);
+    }
+    async execute(input) {
+        const { id, questions } = input;
+        if (!id) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translationService.translateAsync('@general:messages.entity.invalid-data'),
+                },
+            };
+        }
+        try {
+            const entityRef = `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}`;
+            const dataAccessor = this.entityService.withEntity(entityRef).data();
+            await dataAccessor.update(id, { questions });
+            return {
+                success: true,
+                data: { id, questions },
+                message: {
+                    text: await this.translationService.translateAsync('@general:messages.generic.success.description'),
+                },
+            };
+        }
+        catch (error) {
+            const message = error instanceof Error
+                ? error.message
+                : await this.translationService.translateAsync('@general:messages.generic.error.description');
+            return {
+                success: false,
+                message: { text: message },
+            };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSaveQuestionnaireQuestionsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSaveQuestionnaireQuestionsCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSaveQuestionnaireQuestionsCommand, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+var saveQuestionnaireQuestions_command = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMSaveQuestionnaireQuestionsCommand: AXMSaveQuestionnaireQuestionsCommand,
+    QUESTIONNAIRE_QUESTIONS_SAVE_COMMAND: QUESTIONNAIRE_QUESTIONS_SAVE_COMMAND
+});
+
+/** Local command handled in execute(); reverts questions to rootContext (no AXPCommand). */
+const QUESTIONNAIRE_QUESTIONS_DISCARD_COMMAND = 'Questionnaire:Questions:Discard';
+const QUESTIONNAIRE_QUESTIONS_ADD_SECTION_COMMAND = 'Questionnaire:Questions:AddSection';
+const QUESTIONNAIRE_QUESTIONS_PREVIEW_COMMAND = 'Questionnaire:Questions:Preview';
+//#region ----   Questionnaire Questions Page Component   ----
+/**
+ * Page component that renders the questions property using axm-questionnaire-questions-builder.
+ * Extends AXPPageLayoutBaseComponent to provide a Save button that persists questions via Questionnaire:Questions:Save.
+ * Receives rootContext (entity data).
+ */
+class AXMQuestionnaireQuestionsPageComponent extends AXPPageLayoutBaseComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        super();
+        //#region ---- Inputs ----
+        this.rootContext = input(...(ngDevMode ? [undefined, { debugName: "rootContext" }] : /* istanbul ignore next */ []));
+        /** Optional page config (e.g. field, layout) set by the page-component-renderer. */
+        this.pageConfig = input(...(ngDevMode ? [undefined, { debugName: "pageConfig" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services & Dependencies ----
+        this.commandService = inject(AXPCommandService);
+        this.eventService = inject(AXPBroadcastEventService);
+        this.hostPageLayout = inject(AXPPageLayoutBase, { optional: true, skipSelf: true });
+        //#endregion
+        //#region ---- View References ----
+        this.builderRef = viewChild('builderRef', ...(ngDevMode ? [{ debugName: "builderRef" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- State Signals ----
+        /** Latest context (includes edited questions). Used for Save when rootContext is not updated by the parent. */
+        this.localContext = signal(null, ...(ngDevMode ? [{ debugName: "localContext" }] : /* istanbul ignore next */ []));
+        /** When true, the next valueChange from the builder is ignored (avoids undoing discard due to stale emit). */
+        this.ignoreNextValueChange = signal(false, ...(ngDevMode ? [{ debugName: "ignoreNextValueChange" }] : /* istanbul ignore next */ []));
+        /** Stable pre/post config so we don't pass a new object every CD (avoids infinite loop). */
+        this.prePostConfigStable = signal(null, ...(ngDevMode ? [{ debugName: "prePostConfigStable" }] : /* istanbul ignore next */ []));
+        /** Baseline snapshot of questions for dirty checks. */
+        this.baselineQuestions = signal(null, ...(ngDevMode ? [{ debugName: "baselineQuestions" }] : /* istanbul ignore next */ []));
+        /**
+         * When true, the next builder emission should realign the baseline to the builder's canonical shape.
+         * 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 */ []));
+        //#endregion
+        //#region ---- Computed State ----
+        /** Current context: prefer local updates so edits are preserved. */
+        this.context = computed(() => {
+            const local = this.localContext();
+            if (local != null)
+                return local;
+            return this.rootContext() ?? {};
+        }, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+        /** Questions value passed to the builder (from context). */
+        this.questionsValue = computed(() => {
+            const ctx = this.context();
+            const q = ctx['questions'];
+            return (q != null && typeof q === 'object' ? q : null);
+        }, ...(ngDevMode ? [{ debugName: "questionsValue" }] : /* istanbul ignore next */ []));
+        /** Pre/post config for preview; stable reference to avoid infinite change detection. */
+        this.prePostConfig = computed(() => this.prePostConfigStable(), ...(ngDevMode ? [{ debugName: "prePostConfig" }] : /* istanbul ignore next */ []));
+        /** Display settings from entity (for builder preview). */
+        this.entityDisplaySettings = computed(() => toDisplaySettings((this.rootContext() ?? undefined)) ?? null, ...(ngDevMode ? [{ debugName: "entityDisplaySettings" }] : /* istanbul ignore next */ []));
+        /** Questionnaire entity id for preview outcome evaluation. */
+        this.questionnaireEntityId = computed(() => {
+            const id = this.rootContext()?.['id'];
+            return typeof id === 'string' && id.length > 0 ? id : undefined;
+        }, ...(ngDevMode ? [{ debugName: "questionnaireEntityId" }] : /* istanbul ignore next */ []));
+        let previousRootId = undefined;
+        effect(() => {
+            const ctx = this.rootContext();
+            const currentId = ctx != null && typeof ctx === 'object' ? ctx['id'] : undefined;
+            if (currentId !== previousRootId) {
+                previousRootId = currentId;
+                this.localContext.set(null);
+                const rootQuestions = ctx?.['questions'];
+                this.baselineQuestions.set(this.cloneQuestions(rootQuestions));
+                this.isDirty.set(false);
+                this.questionsBaselinePendingReconcile.set(true);
+            }
+        });
+        let lastPrePostKey = '';
+        effect(() => {
+            const ctx = this.rootContext();
+            const next = toPrePostConfig(ctx ?? undefined);
+            const key = next ? JSON.stringify(next) : '';
+            if (key !== lastPrePostKey) {
+                lastPrePostKey = key;
+                this.prePostConfigStable.set(next);
+            }
+        });
+    }
+    //#endregion
+    //#region ---- Page Actions ----
+    async getPrimaryMenuItems() {
+        const addSectionTitle = (await this.translateService.translateAsync('@assessment-management:questionnaires.components.questionnaire-builder.actions.add-section.title')) || 'Add Section';
+        const previewTitle = (await this.translateService.translateAsync('@assessment-management:questionnaires.components.questionnaire-builder.actions.preview.title')) || 'Preview';
+        const discardTitle = (await this.translateService.translateAsync('@general:actions.discard.title')) || 'Discard';
+        const saveTitle = (await this.translateService.translateAsync('@general:actions.save.title')) || 'Save';
+        const addSectionAction = {
+            title: addSectionTitle,
+            icon: 'fa-light fa-layer-group',
+            zone: 'header',
+            priority: 'primary',
+            color: 'primary',
+            command: {
+                name: QUESTIONNAIRE_QUESTIONS_ADD_SECTION_COMMAND,
+                options: {},
+            },
+        };
+        const previewAction = {
+            title: previewTitle,
+            icon: 'fa-light fa-eye',
+            zone: 'header',
+            priority: 'primary',
+            color: 'default',
+            command: {
+                name: QUESTIONNAIRE_QUESTIONS_PREVIEW_COMMAND,
+                options: {},
+            },
+        };
+        const discardAction = {
+            title: discardTitle,
+            icon: 'fa-light fa-rotate-left',
+            zone: 'footer',
+            priority: 'secondary',
+            color: 'default',
+            visible: this.isDirty(),
+            command: {
+                name: QUESTIONNAIRE_QUESTIONS_DISCARD_COMMAND,
+                options: {},
+            },
+        };
+        const saveAction = {
+            title: saveTitle,
+            icon: 'fa-light fa-floppy-disk',
+            zone: 'footer',
+            priority: 'primary',
+            color: 'primary',
+            visible: this.isDirty(),
+            command: {
+                name: QUESTIONNAIRE_QUESTIONS_SAVE_COMMAND,
+                options: {},
+            },
+        };
+        return [addSectionAction, previewAction, discardAction, saveAction];
+    }
+    //#endregion
+    //#region ---- Command Handling ----
+    execute(command) {
+        if (command.name === QUESTIONNAIRE_QUESTIONS_DISCARD_COMMAND) {
+            this.ignoreNextValueChange.set(true);
+            this.localContext.set(null);
+            this.isDirty.set(false);
+            this.questionsBaselinePendingReconcile.set(true);
+            this.recompute();
+            return;
+        }
+        if (command.name === QUESTIONNAIRE_QUESTIONS_ADD_SECTION_COMMAND) {
+            void this.builderRef()?.addSection();
+            return;
+        }
+        if (command.name === QUESTIONNAIRE_QUESTIONS_PREVIEW_COMMAND) {
+            this.builderRef()?.handlePreview();
+            return;
+        }
+        if (command.name !== QUESTIONNAIRE_QUESTIONS_SAVE_COMMAND) {
+            return;
+        }
+        // Return result for delegateExecute; cast needed to satisfy base signature
+        return this.handleSaveExecute();
+    }
+    async handleSaveExecute() {
+        const ctx = this.localContext() ?? this.rootContext() ?? {};
+        const id = typeof ctx['id'] === 'string' ? ctx['id'] : undefined;
+        const questions = ctx['questions'];
+        if (!id) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translateService.translateAsync('@general:messages.entity.invalid-data'),
+                },
+            };
+        }
+        const input = {
+            id,
+            questions: questions ?? { sections: [] },
+        };
+        const result = await this.commandService.execute(QUESTIONNAIRE_QUESTIONS_SAVE_COMMAND, input);
+        const execResult = (result ?? { success: false });
+        if (execResult.success) {
+            const savedQuestions = questions ?? { sections: [] };
+            this.baselineQuestions.set(this.cloneQuestions(savedQuestions));
+            this.localContext.set(null);
+            this.isDirty.set(false);
+            this.questionsBaselinePendingReconcile.set(true);
+            this.recompute();
+            this.eventService.publish(AXPEntityEventsKeys.REFRESH_LAYOUT, {
+                name: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}`,
+            });
+            // Success toast is shown by details-view when execute() returns success
+        }
+        return execResult;
+    }
+    //#endregion
+    //#region ---- UI Handlers ----
+    /** Updates local context when the builder emits a new questions value. Skip if unchanged to avoid CD loop. */
+    onQuestionsChange(value) {
+        if (this.ignoreNextValueChange()) {
+            this.ignoreNextValueChange.set(false);
+            return;
+        }
+        const current = this.questionsValue();
+        if (this.areQuestionsEqual(current ?? undefined, value ?? undefined)) {
+            if (this.questionsBaselinePendingReconcile()) {
+                const aligned = current ?? value;
+                this.baselineQuestions.set(this.cloneQuestions(aligned ?? undefined));
+                this.questionsBaselinePendingReconcile.set(false);
+                this.isDirty.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.questionsBaselinePendingReconcile.set(false);
+            this.localContext.set({ ...base, questions: value });
+            this.recompute();
+            return;
+        }
+        this.localContext.set({ ...base, questions: value });
+        const baseline = this.baselineQuestions();
+        const dirty = !this.areQuestionsEqual(baseline, value);
+        this.isDirty.set(dirty);
+        this.recompute();
+    }
+    //#endregion
+    //#region ---- Utility Methods ----
+    areQuestionsEqual(a, b) {
+        return isEqual(a, b);
+    }
+    cloneQuestions(value) {
+        if (isNil(value))
+            return value;
+        return cloneDeep(value);
+    }
+    recompute() {
+        super.recompute();
+        const maybeLayout = this.hostPageLayout;
+        maybeLayout.recompute?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireQuestionsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXMQuestionnaireQuestionsPageComponent, isStandalone: true, selector: "axm-questionnaire-questions-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXMQuestionnaireQuestionsPageComponent,
+            },
+        ], viewQueries: [{ propertyName: "builderRef", first: true, predicate: ["builderRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <axm-questionnaire-questions-builder
+      #builderRef
+      [value]="questionsValue()"
+      [prePostConfig]="prePostConfig()"
+      [displaySettingsInput]="entityDisplaySettings()"
+      [questionnaireEntityId]="questionnaireEntityId()"
+      [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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireQuestionsPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-questionnaire-questions-page',
+                    standalone: true,
+                    imports: [AXMQuestionnaireQuestionsBuilderComponent],
+                    template: `
+    <axm-questionnaire-questions-builder
+      #builderRef
+      [value]="questionsValue()"
+      [prePostConfig]="prePostConfig()"
+      [displaySettingsInput]="entityDisplaySettings()"
+      [questionnaireEntityId]="questionnaireEntityId()"
+      [showHeader]="false"
+      (valueChange)="onQuestionsChange($event)">
+    </axm-questionnaire-questions-builder>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXMQuestionnaireQuestionsPageComponent,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: false }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }], builderRef: [{ type: i0.ViewChild, args: ['builderRef', { isSignal: true }] }] } });
+
+var questionnaireQuestionsPage_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMQuestionnaireQuestionsPageComponent: AXMQuestionnaireQuestionsPageComponent
+});
+
+//#region ----   Questionnaire Questions Page Component Provider   ----
+class AXMQuestionnaireQuestionsPageComponentProvider {
+    async components() {
+        return [
+            {
+                key: QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY,
+                loader: () => Promise.resolve().then(function () { return questionnaireQuestionsPage_component; }).then((m) => m.AXMQuestionnaireQuestionsPageComponent),
+            },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireQuestionsPageComponentProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireQuestionsPageComponentProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireQuestionsPageComponentProvider, decorators: [{
+            type: Injectable
+        }] });
+
+var index$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMQuestionnaireQuestionsPageComponent: AXMQuestionnaireQuestionsPageComponent,
+    AXMQuestionnaireQuestionsPageComponentProvider: AXMQuestionnaireQuestionsPageComponentProvider,
+    AXMSaveQuestionnaireQuestionsCommand: AXMSaveQuestionnaireQuestionsCommand,
+    QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY: QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY,
+    QUESTIONNAIRE_QUESTIONS_SAVE_COMMAND: QUESTIONNAIRE_QUESTIONS_SAVE_COMMAND
+});
+
+//#region ----   Questions builder exports   ----
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Select options   ----
+/** i18n keys for comparison operator select options. */
+const OUTCOME_DISPLAY_OPERATOR_LABEL_KEYS = {
+    eq: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-operator.options.eq',
+    neq: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-operator.options.neq',
+    gt: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-operator.options.gt',
+    gte: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-operator.options.gte',
+    lt: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-operator.options.lt',
+    lte: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-operator.options.lte',
+};
+/** i18n keys for emphasis select options. */
+const OUTCOME_DISPLAY_EMPHASIS_LABEL_KEYS = {
+    normal: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-emphasis.options.normal',
+    medium: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-emphasis.options.medium',
+    bold: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-emphasis.options.bold',
+};
+const OUTCOME_DISPLAY_OPERATOR_SELECT_OPTIONS = Object.keys(OUTCOME_DISPLAY_OPERATOR_LABEL_KEYS).map((id) => ({
+    id,
+    title: OUTCOME_DISPLAY_OPERATOR_LABEL_KEYS[id],
+}));
+const OUTCOME_DISPLAY_OPERATOR_STRING_SELECT_OPTIONS = OUTCOME_DISPLAY_OPERATOR_SELECT_OPTIONS.filter((option) => option.id === 'eq' || option.id === 'neq');
+const OUTCOME_DISPLAY_OPERATOR_BOOLEAN_SELECT_OPTIONS = OUTCOME_DISPLAY_OPERATOR_SELECT_OPTIONS.filter((option) => option.id === 'eq');
+const OUTCOME_DISPLAY_EMPHASIS_SELECT_OPTIONS = Object.keys(OUTCOME_DISPLAY_EMPHASIS_LABEL_KEYS).map((id) => ({
+    id,
+    title: OUTCOME_DISPLAY_EMPHASIS_LABEL_KEYS[id],
+}));
+function toOutcomeDisplayOperatorSelectValue(operator) {
+    return { id: operator, title: OUTCOME_DISPLAY_OPERATOR_LABEL_KEYS[operator] };
+}
+function toOutcomeDisplayEmphasisSelectValue(emphasis) {
+    return { id: emphasis, title: OUTCOME_DISPLAY_EMPHASIS_LABEL_KEYS[emphasis] };
+}
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Result kind labels   ----
+/** i18n keys for select options (property viewer). */
+const OUTCOME_RESULT_KIND_LABEL_KEYS = {
+    number: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.result-kind.options.number',
+    string: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.result-kind.options.string',
+    boolean: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.result-kind.options.boolean',
+};
+/**
+ * Sync labels for list badges — mirrors i18n `result-kind.options` (en-US Title Case).
+ * Select/editor fields still use {@link OUTCOME_RESULT_KIND_LABEL_KEYS} with the translate pipe.
+ */
+const OUTCOME_RESULT_KIND_LABELS = {
+    number: createMultiLanguageString('Number', 'عدد'),
+    string: createMultiLanguageString('Text', 'متن'),
+    boolean: createMultiLanguageString('Yes / No', 'بله / خیر'),
+};
+const OUTCOME_RESULT_KIND_SELECT_OPTIONS = Object.keys(OUTCOME_RESULT_KIND_LABEL_KEYS).map((id) => ({
+    id,
+    title: OUTCOME_RESULT_KIND_LABEL_KEYS[id],
+}));
+function resolveOutcomeResultKindLabel(kind, locale) {
+    return resolveMultiLanguageString(OUTCOME_RESULT_KIND_LABELS[kind], locale);
+}
+function toOutcomeResultKindSelectValue(kind) {
+    return { id: kind, title: OUTCOME_RESULT_KIND_LABEL_KEYS[kind] };
+}
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Groups   ----
+const GROUP_BASIC = {
+    name: 'basic-info',
+    title: '@general:terms.interface.basic-info',
+    order: 0,
+};
+const GROUP_RESULT = {
+    name: 'result',
+    title: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.groups.result',
+    order: 1,
+};
+const GROUP_DISPLAY_RULES = {
+    name: 'display-rules',
+    title: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.groups.display-rules',
+    order: 2,
+};
+const RESULT_KIND_OPTIONS = OUTCOME_RESULT_KIND_SELECT_OPTIONS;
+const DISPLAY_RULE_GRID_CELL = {
+    alignSelf: 'center',
+    alignItems: 'center',
+    justifyContent: 'center',
+};
+const COMPARE_VALUE_PLACEHOLDER = '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-compare-value.placeholder';
+//#endregion
+//#region ----   Display rule row layout (result-kind aware)   ----
+function buildDisplayRuleOperatorWidget(resultKind) {
+    const dataSource = resultKind === 'boolean'
+        ? OUTCOME_DISPLAY_OPERATOR_BOOLEAN_SELECT_OPTIONS
+        : resultKind === 'string'
+            ? OUTCOME_DISPLAY_OPERATOR_STRING_SELECT_OPTIONS
+            : OUTCOME_DISPLAY_OPERATOR_SELECT_OPTIONS;
+    return {
+        type: AXPWidgetsCatalog.select,
+        mode: 'edit',
+        path: 'operator',
+        name: 'operator',
+        options: {
+            valueField: 'id',
+            textField: 'title',
+            dataSource: [...dataSource],
+        },
+    };
+}
+function buildDisplayRuleCompareValueWidget(resultKind) {
+    if (resultKind === 'boolean') {
+        return {
+            type: AXPWidgetsCatalog.toggle,
+            mode: 'edit',
+            path: 'compareValue',
+            name: 'compareValue',
+            options: {},
+        };
+    }
+    if (resultKind === 'string') {
+        return {
+            type: AXPWidgetsCatalog.text,
+            mode: 'edit',
+            path: 'compareValue',
+            name: 'compareValue',
+            options: {
+                placeholder: COMPARE_VALUE_PLACEHOLDER,
+            },
+        };
+    }
+    return {
+        type: AXPWidgetsCatalog.number,
+        mode: 'edit',
+        path: 'compareValue',
+        name: 'compareValue',
+        options: {
+            placeholder: COMPARE_VALUE_PLACEHOLDER,
+        },
+    };
+}
+function buildDisplayRuleRepeaterChildren(resultKind) {
+    return [
+        {
+            type: AXPWidgetsCatalog.grid,
+            mode: 'edit',
+            options: {
+                width: '100%',
+                grid: {
+                    default: {
+                        columns: 12,
+                        gap: '8px',
+                        alignItems: 'center',
+                    },
+                },
+            },
+            children: [
+                {
+                    type: AXPWidgetsCatalog.gridItem,
+                    mode: 'edit',
+                    options: { colSpan: 3, ...DISPLAY_RULE_GRID_CELL },
+                    children: [buildDisplayRuleOperatorWidget(resultKind)],
+                },
+                {
+                    type: AXPWidgetsCatalog.gridItem,
+                    mode: 'edit',
+                    options: { colSpan: 2, ...DISPLAY_RULE_GRID_CELL },
+                    children: [buildDisplayRuleCompareValueWidget(resultKind)],
+                },
+                {
+                    type: AXPWidgetsCatalog.gridItem,
+                    mode: 'edit',
+                    options: { colSpan: 3, ...DISPLAY_RULE_GRID_CELL },
+                    children: [
+                        {
+                            type: AXPWidgetsCatalog.themeColorChooser,
+                            mode: 'edit',
+                            path: 'color',
+                            name: 'color',
+                            options: {
+                                placeholder: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-color.placeholder',
+                            },
+                        },
+                    ],
+                },
+                {
+                    type: AXPWidgetsCatalog.gridItem,
+                    mode: 'edit',
+                    options: { colSpan: 2, ...DISPLAY_RULE_GRID_CELL },
+                    children: [
+                        {
+                            type: AXPWidgetsCatalog.select,
+                            mode: 'edit',
+                            path: 'emphasis',
+                            name: 'emphasis',
+                            options: {
+                                valueField: 'id',
+                                textField: 'title',
+                                dataSource: [...OUTCOME_DISPLAY_EMPHASIS_SELECT_OPTIONS],
+                            },
+                        },
+                    ],
+                },
+                {
+                    type: AXPWidgetsCatalog.gridItem,
+                    mode: 'edit',
+                    options: { colSpan: 2, ...DISPLAY_RULE_GRID_CELL },
+                    children: [
+                        {
+                            type: AXPWidgetsCatalog.iconChooser,
+                            mode: 'edit',
+                            path: 'icon',
+                            name: 'icon',
+                            options: {},
+                        },
+                    ],
+                },
+            ],
+        },
+    ];
+}
+function buildDisplayRulesProps(resultKind) {
+    return [
+        {
+            name: 'displayRules',
+            title: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-rules.title',
+            description: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.display-rules.description',
+            group: GROUP_DISPLAY_RULES,
+            order: 10,
+            showLabel: false,
+            schema: {
+                dataType: 'array',
+                defaultValue: [],
+                nullable: true,
+                interface: {
+                    name: 'displayRules',
+                    path: 'displayRules',
+                    type: AXPWidgetsCatalog.repeaterLayout,
+                    options: {
+                        hasControls: true,
+                        allowReorder: true,
+                        width: '100%',
+                    },
+                    children: buildDisplayRuleRepeaterChildren(resultKind),
+                },
+            },
+            visible: true,
+        },
+    ];
+}
+//#endregion
+//#region ----   Properties   ----
+const BASIC_PROPS = [
+    {
+        name: 'name',
+        title: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.name.title',
+        group: GROUP_BASIC,
+        order: 10,
+        schema: {
+            dataType: 'string',
+            defaultValue: '',
+            interface: {
+                name: 'name',
+                path: 'name',
+                type: AXPWidgetsCatalog.text,
+                options: {
+                    placeholder: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.name.placeholder',
+                },
+            },
+        },
+        validations: [{ rule: 'required' }, { rule: 'variable-name' }],
+        visible: true,
+    },
+    {
+        name: 'title',
+        title: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.title.title',
+        group: GROUP_BASIC,
+        order: 20,
+        schema: {
+            dataType: 'string',
+            defaultValue: '',
+            interface: {
+                name: 'title',
+                path: 'title',
+                type: AXPWidgetsCatalog.text,
+                options: {
+                    placeholder: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.title.placeholder',
+                },
+            },
+        },
+        validations: [{ rule: 'required' }],
+        visible: true,
+    },
+    {
+        name: 'description',
+        title: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.description.title',
+        group: GROUP_BASIC,
+        order: 30,
+        schema: {
+            dataType: 'string',
+            defaultValue: '',
+            interface: {
+                name: 'description',
+                path: 'description',
+                type: AXPWidgetsCatalog.largeText,
+                options: {
+                    rows: 3,
+                    placeholder: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.description.placeholder',
+                },
+            },
+        },
+        visible: true,
+    },
+];
+const RESULT_PROPS = [
+    {
+        name: 'resultKind',
+        title: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.result-kind.title',
+        group: GROUP_RESULT,
+        order: 10,
+        schema: {
+            dataType: 'string',
+            defaultValue: { id: 'number', title: RESULT_KIND_OPTIONS[0].title },
+            interface: {
+                name: 'resultKind',
+                path: 'resultKind',
+                type: AXPWidgetsCatalog.select,
+                options: {
+                    valueField: 'id',
+                    textField: 'title',
+                    dataSource: [...RESULT_KIND_OPTIONS],
+                },
+            },
+        },
+        validations: [{ rule: 'required' }],
+        visible: true,
+    },
+    {
+        name: 'expression',
+        title: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.expression.title',
+        group: GROUP_RESULT,
+        order: 20,
+        schema: {
+            dataType: 'string',
+            defaultValue: '',
+            interface: {
+                name: 'expression',
+                path: 'expression',
+                type: 'code-editor',
+                options: {
+                    language: 'javascript',
+                    lineNumbers: true,
+                    height: 'min-h-72',
+                    placeholder: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.fields.expression.placeholder',
+                },
+            },
+        },
+        validations: [{ rule: 'required' }],
+        visible: true,
+    },
+];
+//#endregion
+//#region ----   Tabs   ----
+/** Builds outcome edit tabs; display-rule value widgets match the selected result kind. */
+function buildQuestionnaireOutcomeEditTabs(resultKind = 'number') {
+    return [
+        {
+            name: 'general',
+            title: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.tabs.general.title',
+            groups: [
+                {
+                    name: GROUP_BASIC.name,
+                    title: GROUP_BASIC.title,
+                    isCollapsed: false,
+                    props: BASIC_PROPS,
+                },
+                {
+                    name: GROUP_RESULT.name,
+                    title: GROUP_RESULT.title,
+                    isCollapsed: false,
+                    props: RESULT_PROPS,
+                },
+                {
+                    name: GROUP_DISPLAY_RULES.name,
+                    title: GROUP_DISPLAY_RULES.title,
+                    isCollapsed: false,
+                    props: buildDisplayRulesProps(resultKind),
+                },
+            ],
+        },
+    ];
+}
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Mapping   ----
+function outcomeItemToBuilderItem(item, index) {
+    return {
+        id: item.id,
+        name: item.name,
+        order: item.order ?? index,
+        title: item.title,
+        description: item.description,
+        resultKind: item.resultKind,
+        expression: item.expression,
+        displayRules: item.displayRules,
+        isNewlyAdded: item.isNewlyAdded,
+    };
+}
+function builderItemToOutcomeItem(item, index) {
+    return {
+        id: String(item.id ?? item['name'] ?? AXPDataGenerator.uuid()),
+        name: String(item['name'] ?? ''),
+        title: item['title'],
+        description: item['description'],
+        resultKind: (item['resultKind'] ?? 'number'),
+        expression: String(item['expression'] ?? ''),
+        displayRules: item['displayRules'],
+        order: item.order ?? index,
+        isNewlyAdded: item['isNewlyAdded'] === true,
+    };
+}
+function sectionToBuilderSection(section, index) {
+    const name = section.name.trim() || `section-${index + 1}`;
+    return {
+        id: name,
+        name,
+        order: section.order ?? index,
+        title: section.title,
+        description: section.description,
+        isNewlyAdded: section.isNewlyAdded,
+        items: (section.items ?? []).map((item, itemIndex) => outcomeItemToBuilderItem(item, itemIndex)),
+    };
+}
+function builderSectionToOutcomeSection(section, index) {
+    const name = String(section['name'] ?? section.id ?? '').trim() || `section-${index + 1}`;
+    return {
+        name,
+        title: section['title'],
+        description: section['description'],
+        order: section.order ?? index,
+        isNewlyAdded: section['isNewlyAdded'] === true,
+        items: section.items.map((item, itemIndex) => builderItemToOutcomeItem(item, itemIndex)),
+    };
+}
+function outcomesValueToBuilderValue(value) {
+    const normalized = normalizeQuestionnaireOutcomesValue(value);
+    return {
+        sections: normalized.sections.map((section, index) => sectionToBuilderSection(section, index)),
+    };
+}
+function builderValueToOutcomesValue(value) {
+    return {
+        sections: value.sections.map((section, index) => builderSectionToOutcomeSection(section, index)),
+    };
+}
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Helpers   ----
+function normalizeOutcomeName(name) {
+    return (name ?? '').trim();
+}
+function createDefaultOutcomeSection(order = 0) {
+    return {
+        name: `section-${Date.now()}`,
+        title: 'New Section',
+        order,
+        items: [],
+        isNewlyAdded: true,
+    };
+}
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXMQuestionnaireOutcomesBuilderComponent {
+    //#endregion
+    //#region ----   Lifecycle   ----
+    constructor() {
+        //#region ----   Inputs / Outputs   ----
+        this.value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.showHeader = input(true, ...(ngDevMode ? [{ debugName: "showHeader" }] : /* istanbul ignore next */ []));
+        this.valueChange = output();
+        //#endregion
+        //#region ----   Services   ----
+        this.propertyViewerService = inject(AXPPropertyViewerService);
+        this.translationService = inject(AXTranslationService);
+        this.toastService = inject(AXToastService);
+        //#endregion
+        //#region ----   View references   ----
+        this.standardRef = viewChild(AXPStandardSectionItemsBuilderComponent, ...(ngDevMode ? [{ debugName: "standardRef" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   State   ----
+        this.builderValue = signal({ sections: [] }, ...(ngDevMode ? [{ debugName: "builderValue" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Computed   ----
+        this.standardConfig = computed(() => ({
+            showSectionTechnicalName: true,
+            minSectionCount: 1,
+            texts: {
+                addSection: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.actions.add-section.title',
+                addItem: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.actions.add-outcome.title',
+                emptySectionsTitle: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.empty.no-sections.title',
+                emptySectionsDescription: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.empty.no-sections.description',
+                emptyItemsTitle: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.empty.empty-section.title',
+                emptyItemsDescription: '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.empty.empty-section.description',
+            },
+            mapItemToView: (item, _section) => this.mapOutcomeItemToView(item),
+            promptAddItems: (sectionId, value) => this.promptAddOutcome(sectionId, value),
+            promptEditItem: (item, sectionId, value) => this.promptEditOutcome(item, sectionId, value),
+        }), ...(ngDevMode ? [{ debugName: "standardConfig" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const next = normalizeQuestionnaireOutcomesValue(this.value());
+            const mapped = outcomesValueToBuilderValue(next);
+            untracked(() => this.builderValue.set(this.ensureMinOneSection(mapped)));
+        });
+    }
+    //#endregion
+    //#region ----   Public API   ----
+    /** Page header command: delegates to standard builder add-section dialog. */
+    async addSection() {
+        await this.standardRef()?.addSection();
+    }
+    //#endregion
+    //#region ----   Builder handlers   ----
+    onBuilderValueChange(next) {
+        const normalized = this.ensureMinOneSection(next);
+        this.builderValue.set(normalized);
+        this.valueChange.emit(builderValueToOutcomesValue(normalized));
+    }
+    //#endregion
+    //#region ----   Item mapping   ----
+    mapOutcomeItemToView(item) {
+        const outcome = item;
+        const locale = this.translationService.getActiveLang() ?? 'en-US';
+        const title = resolveMultiLanguageString(outcome.title, locale).trim();
+        const description = resolveMultiLanguageString(outcome.description, locale).trim();
+        const badges = [];
+        const kind = this.coerceResultKind(outcome.resultKind);
+        badges.push({
+            text: resolveOutcomeResultKindLabel(kind, locale),
+            variant: 'neutral',
+        });
+        return {
+            icon: 'fa-light fa-calculator',
+            title: title || outcome.name || '—',
+            name: outcome.name,
+            description: description || undefined,
+            badges,
+        };
+    }
+    //#endregion
+    //#region ----   Prompts   ----
+    async promptAddOutcome(sectionId, value) {
+        const section = value.sections.find((s) => s.id === sectionId);
+        if (!section) {
+            return null;
+        }
+        const takenNames = this.collectOutcomeNames(value);
+        const defaultName = this.allocateOutcomeName(takenNames);
+        const item = await this.openOutcomeDialog({
+            mode: 'add',
+            context: {
+                name: defaultName,
+                title: '',
+                description: '',
+                resultKind: toOutcomeResultKindSelectValue('number'),
+                expression: '',
+                displayRules: [],
+            },
+            sectionId,
+            value,
+            excludeItemId: undefined,
+        });
+        return item ? [item] : null;
+    }
+    async promptEditOutcome(item, sectionId, value) {
+        const outcome = item;
+        return this.openOutcomeDialog({
+            mode: 'edit',
+            context: {
+                name: outcome.name,
+                title: outcome.title ?? '',
+                description: outcome.description ?? '',
+                resultKind: toOutcomeResultKindSelectValue(this.coerceResultKind(outcome.resultKind)),
+                expression: outcome.expression ?? '',
+                displayRules: this.toDisplayRulesFormContext(outcome.displayRules),
+            },
+            sectionId,
+            value,
+            excludeItemId: item.id,
+            existingItem: item,
+        });
+    }
+    async openOutcomeDialog(options) {
+        const validationFailed = async (titleKey, descKey, fallTitle, fallDesc) => {
+            const title = (await this.translationService.translateAsync(titleKey)) || fallTitle;
+            const content = (await this.translationService.translateAsync(descKey)) || fallDesc;
+            this.toastService.show({ color: 'warning', title, content });
+            throw new Error('QuestionnaireOutcomeEditValidation');
+        };
+        try {
+            const titleKey = options.mode === 'add'
+                ? '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.actions.add-outcome.title'
+                : '@general:actions.edit.title';
+            const initialResultKind = this.coerceResultKind(options.context.resultKind);
+            const result = await this.propertyViewerService
+                .create()
+                .dialog((d) => {
+                d.setTitle(titleKey)
+                    .setSize('lg')
+                    .setCloseButton(true)
+                    .setMode('advanced')
+                    .setTabs(buildQuestionnaireOutcomeEditTabs(initialResultKind))
+                    .setContext(options.context)
+                    .onAction(async (ref) => {
+                    const context = ref.context();
+                    const rawName = normalizeOutcomeName(context.name);
+                    if (!rawName) {
+                        await validationFailed('@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.name-required.title', '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.name-required.description', 'Name required', 'Enter a unique outcome name.');
+                    }
+                    if (!/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(rawName)) {
+                        await validationFailed('@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.name-invalid.title', '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.name-invalid.description', 'Invalid name', 'Use letters, numbers, underscores, and hyphens.');
+                    }
+                    const taken = this.collectOutcomeNames(options.value, options.excludeItemId);
+                    if (taken.has(rawName)) {
+                        await validationFailed('@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.duplicate-name', '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.duplicate-name', 'Duplicate name', 'Another outcome already uses this name.');
+                    }
+                    const title = context.title;
+                    if (isEffectivelyEmptyLocalizedValue(title)) {
+                        await validationFailed('@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.title-required.title', '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.title-required.description', 'Title required', 'Enter a display title for this outcome.');
+                    }
+                    const expression = String(context.expression ?? '').trim();
+                    if (!expression) {
+                        await validationFailed('@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.expression-required.title', '@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.expression-required.description', 'Expression required', 'Enter an expression for this outcome.');
+                    }
+                });
+            })
+                .show();
+            if (!result) {
+                return null;
+            }
+            const form = result.values;
+            const name = normalizeOutcomeName(form.name);
+            const title = this.normalizeLocalizedField(form.title);
+            const description = this.normalizeLocalizedField(form.description);
+            const resultKind = this.coerceResultKind(form.resultKind);
+            const expression = String(form.expression ?? '').trim();
+            const displayRules = this.normalizeDisplayRulesFromForm(form.displayRules, resultKind);
+            const id = options.mode === 'edit' && options.existingItem
+                ? String(options.existingItem.id)
+                : AXPDataGenerator.uuid();
+            return {
+                ...(options.existingItem ?? {}),
+                id,
+                name,
+                title,
+                description,
+                resultKind,
+                expression,
+                displayRules,
+                order: options.existingItem?.order ?? 0,
+                isNewlyAdded: options.mode === 'add',
+            };
+        }
+        catch (error) {
+            if (error instanceof Error && error.message === 'QuestionnaireOutcomeEditValidation') {
+                return null;
+            }
+            console.error('Error editing outcome:', error);
+            return null;
+        }
+    }
+    //#endregion
+    //#region ----   Utility   ----
+    ensureMinOneSection(value) {
+        if (value.sections.length > 0) {
+            return value;
+        }
+        const section = createDefaultOutcomeSection(0);
+        return outcomesValueToBuilderValue({ sections: [section] });
+    }
+    collectOutcomeNames(value, excludeItemId) {
+        const names = new Set();
+        for (const section of value.sections) {
+            for (const item of section.items) {
+                if (excludeItemId != null && item.id === excludeItemId) {
+                    continue;
+                }
+                const name = normalizeOutcomeName(String(item['name'] ?? ''));
+                if (name) {
+                    names.add(name);
+                }
+            }
+        }
+        return names;
+    }
+    allocateOutcomeName(taken) {
+        let index = taken.size + 1;
+        let name = `outcome_${index}`;
+        while (taken.has(name)) {
+            index += 1;
+            name = `outcome_${index}`;
+        }
+        return name;
+    }
+    coerceResultKind(value) {
+        if (value === 'number' || value === 'string' || value === 'boolean') {
+            return value;
+        }
+        if (value != null && typeof value === 'object' && 'id' in value) {
+            const id = value.id;
+            if (id === 'number' || id === 'string' || id === 'boolean') {
+                return id;
+            }
+        }
+        return 'number';
+    }
+    coerceDisplayOperator(value, resultKind) {
+        let operator;
+        if (value === 'eq' || value === 'neq' || value === 'gt' || value === 'gte' || value === 'lt' || value === 'lte') {
+            operator = value;
+        }
+        else if (value != null && typeof value === 'object' && 'id' in value) {
+            const id = value.id;
+            if (id === 'eq' || id === 'neq' || id === 'gt' || id === 'gte' || id === 'lt' || id === 'lte') {
+                operator = id;
+            }
+        }
+        if (resultKind === 'boolean') {
+            return operator === 'eq' || operator === 'neq' ? operator : 'eq';
+        }
+        if (resultKind === 'string') {
+            return operator === 'eq' || operator === 'neq' ? operator : 'eq';
+        }
+        return operator ?? 'gte';
+    }
+    coerceDisplayCompareValue(value, resultKind) {
+        if (resultKind === 'boolean') {
+            if (typeof value === 'boolean') {
+                return value;
+            }
+            if (value === 'true') {
+                return true;
+            }
+            if (value === 'false') {
+                return false;
+            }
+            return undefined;
+        }
+        if (resultKind === 'number') {
+            if (typeof value === 'number' && Number.isFinite(value)) {
+                return value;
+            }
+            if (typeof value === 'string') {
+                const trimmed = value.trim();
+                if (!trimmed) {
+                    return undefined;
+                }
+                const asNumber = Number(trimmed);
+                return Number.isFinite(asNumber) ? asNumber : undefined;
+            }
+            return undefined;
+        }
+        if (typeof value === 'string') {
+            const trimmed = value.trim();
+            return trimmed.length > 0 ? trimmed : undefined;
+        }
+        if (typeof value === 'number' && Number.isFinite(value)) {
+            return String(value);
+        }
+        if (typeof value === 'boolean') {
+            return value ? 'true' : 'false';
+        }
+        return undefined;
+    }
+    normalizeDisplayColorValue(value) {
+        if (typeof value !== 'string') {
+            return undefined;
+        }
+        const trimmed = value.trim();
+        const parts = trimmed.split(/\s+/);
+        if (parts.length !== 3) {
+            return undefined;
+        }
+        return trimmed;
+    }
+    coerceDisplayEmphasis(value) {
+        if (value === 'normal' || value === 'medium' || value === 'bold') {
+            return value;
+        }
+        if (value != null && typeof value === 'object' && 'id' in value) {
+            const id = value.id;
+            if (id === 'normal' || id === 'medium' || id === 'bold') {
+                return id;
+            }
+        }
+        return 'normal';
+    }
+    normalizeDisplayIconValue(value) {
+        if (value == null || value === '') {
+            return undefined;
+        }
+        if (typeof value === 'string') {
+            const trimmed = value.trim();
+            return trimmed.length > 0 ? trimmed : undefined;
+        }
+        if (typeof value === 'object') {
+            const styleClass = String(get(value, 'styleClass') ?? '').trim();
+            const iconClass = String(get(value, 'iconClass') ?? '').trim();
+            const combined = [styleClass, iconClass].filter(Boolean).join(' ');
+            return combined.length > 0 ? combined : undefined;
+        }
+        return undefined;
+    }
+    toDisplayRulesFormContext(rules) {
+        return normalizeQuestionnaireOutcomeDisplayRules(rules).map((rule) => ({
+            id: rule.id,
+            operator: toOutcomeDisplayOperatorSelectValue(rule.operator),
+            compareValue: rule.compareValue,
+            color: rule.color,
+            emphasis: toOutcomeDisplayEmphasisSelectValue(rule.emphasis ?? 'normal'),
+            icon: rule.icon,
+        }));
+    }
+    normalizeDisplayRulesFromForm(raw, resultKind) {
+        if (!Array.isArray(raw)) {
+            return [];
+        }
+        const rows = [];
+        for (const [index, row] of raw.entries()) {
+            const compareValue = this.coerceDisplayCompareValue(get(row, 'compareValue'), resultKind);
+            const color = this.normalizeDisplayColorValue(get(row, 'color'));
+            if (compareValue === undefined || !color) {
+                continue;
+            }
+            rows.push({
+                id: String(get(row, 'id') ?? AXPDataGenerator.uuid()),
+                order: index,
+                operator: this.coerceDisplayOperator(get(row, 'operator'), resultKind),
+                compareValue,
+                color,
+                emphasis: this.coerceDisplayEmphasis(get(row, 'emphasis')),
+                icon: this.normalizeDisplayIconValue(get(row, 'icon')),
+            });
+        }
+        return normalizeQuestionnaireOutcomeDisplayRules(rows);
+    }
+    normalizeLocalizedField(value) {
+        if (value == null || value === '') {
+            return undefined;
+        }
+        if (typeof value === 'string') {
+            const trimmed = value.trim();
+            return trimmed ? createMultiLanguageString(trimmed, trimmed) : undefined;
+        }
+        if (typeof value === 'object') {
+            return value;
+        }
+        return undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireOutcomesBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireOutcomesBuilderComponent, isStandalone: true, selector: "axm-questionnaire-outcomes-builder", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "standardRef", first: true, predicate: AXPStandardSectionItemsBuilderComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axm-questionnaire-outcomes-builder\">\n  @if (showHeader()) {\n    <div class=\"__header\">\n      <div class=\"__header-left\"></div>\n      <div class=\"__header-right\">\n        @if (!readonly()) {\n          <ax-button\n            class=\"ax-sm\"\n            [text]=\"\n              ('@assessment-management:questionnaires.components.questionnaire-outcomes-builder.actions.add-section.title'\n                | translate\n                | async) || 'Add Section'\n            \"\n            [color]=\"'primary'\"\n            (onClick)=\"addSection()\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n\n  <axp-standard-section-items-builder\n    #standardRef\n    class=\"ax-block ax-min-h-[200px]\"\n    [value]=\"builderValue()\"\n    [config]=\"standardConfig()\"\n    [readonly]=\"readonly()\"\n    (valueChange)=\"onBuilderValueChange($event)\" />\n</div>\n", styles: [".axm-questionnaire-outcomes-builder{display:flex;height:100%;width:100%;flex-direction:column}.axm-questionnaire-outcomes-builder .__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom-width:1px;padding:.75rem}.axm-questionnaire-outcomes-builder .__header .__header-left,.axm-questionnaire-outcomes-builder .__header .__header-right{display:flex;gap:.5rem}\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.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: AXTranslationModule }, { kind: "component", type: AXPStandardSectionItemsBuilderComponent, selector: "axp-standard-section-items-builder", inputs: ["value", "config", "readonly"], outputs: ["valueChange"] }, { 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: AXMQuestionnaireOutcomesBuilderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-questionnaire-outcomes-builder', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXTranslationModule,
+                        AXPStandardSectionItemsBuilderComponent,
+                    ], template: "<div class=\"axm-questionnaire-outcomes-builder\">\n  @if (showHeader()) {\n    <div class=\"__header\">\n      <div class=\"__header-left\"></div>\n      <div class=\"__header-right\">\n        @if (!readonly()) {\n          <ax-button\n            class=\"ax-sm\"\n            [text]=\"\n              ('@assessment-management:questionnaires.components.questionnaire-outcomes-builder.actions.add-section.title'\n                | translate\n                | async) || 'Add Section'\n            \"\n            [color]=\"'primary'\"\n            (onClick)=\"addSection()\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n\n  <axp-standard-section-items-builder\n    #standardRef\n    class=\"ax-block ax-min-h-[200px]\"\n    [value]=\"builderValue()\"\n    [config]=\"standardConfig()\"\n    [readonly]=\"readonly()\"\n    (valueChange)=\"onBuilderValueChange($event)\" />\n</div>\n", styles: [".axm-questionnaire-outcomes-builder{display:flex;height:100%;width:100%;flex-direction:column}.axm-questionnaire-outcomes-builder .__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom-width:1px;padding:.75rem}.axm-questionnaire-outcomes-builder .__header .__header-left,.axm-questionnaire-outcomes-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 }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], standardRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPStandardSectionItemsBuilderComponent), { isSignal: true }] }] } });
+
+/** Component key for the questionnaire Outcomes page tab. Register via AXP_PAGE_COMPONENT_PROVIDER. */
+const QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY = 'questionnaire-outcomes-page';
+
+const QUESTIONNAIRE_OUTCOMES_SAVE_COMMAND = 'Questionnaire:Outcomes:Save';
+/**
+ * Command to save the questionnaire outcomes field.
+ * Patches entity with { outcomes }.
+ */
+class AXMSaveQuestionnaireOutcomesCommand {
+    constructor() {
+        this.entityService = inject(AXPEntityService);
+        this.translationService = inject(AXTranslationService);
+    }
+    async execute(input) {
+        const { id, outcomes } = input;
+        if (!id) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translationService.translateAsync('@general:messages.entity.invalid-data'),
+                },
+            };
+        }
+        try {
+            const entityRef = `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}`;
+            const dataAccessor = this.entityService.withEntity(entityRef).data();
+            await dataAccessor.update(id, { outcomes });
+            return {
+                success: true,
+                data: { id, outcomes },
+                message: {
+                    text: await this.translationService.translateAsync('@general:messages.generic.success.description'),
+                },
+            };
+        }
+        catch (error) {
+            const message = error instanceof Error
+                ? error.message
+                : await this.translationService.translateAsync('@general:messages.generic.error.description');
+            return {
+                success: false,
+                message: { text: message },
+            };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSaveQuestionnaireOutcomesCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSaveQuestionnaireOutcomesCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSaveQuestionnaireOutcomesCommand, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+var saveQuestionnaireOutcomes_command = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMSaveQuestionnaireOutcomesCommand: AXMSaveQuestionnaireOutcomesCommand,
+    QUESTIONNAIRE_OUTCOMES_SAVE_COMMAND: QUESTIONNAIRE_OUTCOMES_SAVE_COMMAND
+});
+
+const QUESTIONNAIRE_OUTCOMES_DISCARD_COMMAND = 'Questionnaire:Outcomes:Discard';
+const QUESTIONNAIRE_OUTCOMES_ADD_SECTION_COMMAND = 'Questionnaire:Outcomes:AddSection';
+//#region ----   Questionnaire Outcomes Page Component   ----
+class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
+    //#endregion
+    //#region ----   Lifecycle   ----
+    constructor() {
+        super();
+        //#region ----   Inputs   ----
+        this.rootContext = input(...(ngDevMode ? [undefined, { debugName: "rootContext" }] : /* istanbul ignore next */ []));
+        this.pageConfig = input(...(ngDevMode ? [undefined, { debugName: "pageConfig" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Services   ----
+        this.commandService = inject(AXPCommandService);
+        this.eventService = inject(AXPBroadcastEventService);
+        this.hostPageLayout = inject(AXPPageLayoutBase, { optional: true, skipSelf: true });
+        //#endregion
+        //#region ----   View References   ----
+        this.builderRef = viewChild('builderRef', ...(ngDevMode ? [{ debugName: "builderRef" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   State   ----
+        this.localContext = signal(null, ...(ngDevMode ? [{ debugName: "localContext" }] : /* istanbul ignore next */ []));
+        this.ignoreNextValueChange = signal(false, ...(ngDevMode ? [{ debugName: "ignoreNextValueChange" }] : /* istanbul ignore next */ []));
+        this.baselineOutcomes = signal(null, ...(ngDevMode ? [{ debugName: "baselineOutcomes" }] : /* istanbul ignore next */ []));
+        this.outcomesBaselinePendingReconcile = signal(false, ...(ngDevMode ? [{ debugName: "outcomesBaselinePendingReconcile" }] : /* istanbul ignore next */ []));
+        this.isDirty = signal(false, ...(ngDevMode ? [{ debugName: "isDirty" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Computed   ----
+        this.context = computed(() => {
+            const local = this.localContext();
+            if (local != null)
+                return local;
+            return this.rootContext() ?? {};
+        }, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+        this.outcomesValue = computed(() => {
+            const ctx = this.context();
+            return normalizeQuestionnaireOutcomesValue(ctx['outcomes']);
+        }, ...(ngDevMode ? [{ debugName: "outcomesValue" }] : /* istanbul ignore next */ []));
+        let previousRootId = undefined;
+        effect(() => {
+            const ctx = this.rootContext();
+            const currentId = ctx != null && typeof ctx === 'object' ? ctx['id'] : undefined;
+            if (currentId !== previousRootId) {
+                previousRootId = currentId;
+                this.localContext.set(null);
+                const rootOutcomes = normalizeQuestionnaireOutcomesValue(ctx?.['outcomes']);
+                this.baselineOutcomes.set(this.cloneOutcomes(rootOutcomes));
+                this.isDirty.set(false);
+                this.outcomesBaselinePendingReconcile.set(true);
+            }
+        });
+    }
+    //#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';
+        const discardTitle = (await this.translateService.translateAsync('@general:actions.discard.title')) || 'Discard';
+        const saveTitle = (await this.translateService.translateAsync('@general:actions.save.title')) || 'Save';
+        const addSectionAction = {
+            title: addSectionTitle,
+            icon: 'fa-light fa-layer-group',
+            zone: 'header',
+            priority: 'primary',
+            color: 'primary',
+            command: {
+                name: QUESTIONNAIRE_OUTCOMES_ADD_SECTION_COMMAND,
+                options: {},
+            },
+        };
+        const discardAction = {
+            title: discardTitle,
+            icon: 'fa-light fa-rotate-left',
+            zone: 'footer',
+            priority: 'secondary',
+            color: 'default',
+            visible: this.isDirty(),
+            command: {
+                name: QUESTIONNAIRE_OUTCOMES_DISCARD_COMMAND,
+                options: {},
+            },
+        };
+        const saveAction = {
+            title: saveTitle,
+            icon: 'fa-light fa-floppy-disk',
+            zone: 'footer',
+            priority: 'primary',
+            color: 'primary',
+            visible: this.isDirty(),
+            command: {
+                name: QUESTIONNAIRE_OUTCOMES_SAVE_COMMAND,
+                options: {},
+            },
+        };
+        return [addSectionAction, discardAction, saveAction];
+    }
+    //#endregion
+    //#region ----   Command Handling   ----
+    execute(command) {
+        if (command.name === QUESTIONNAIRE_OUTCOMES_DISCARD_COMMAND) {
+            this.ignoreNextValueChange.set(true);
+            this.localContext.set(null);
+            this.isDirty.set(false);
+            this.outcomesBaselinePendingReconcile.set(true);
+            this.recompute();
+            return;
+        }
+        if (command.name === QUESTIONNAIRE_OUTCOMES_ADD_SECTION_COMMAND) {
+            void this.builderRef()?.addSection();
+            return;
+        }
+        if (command.name !== QUESTIONNAIRE_OUTCOMES_SAVE_COMMAND) {
+            return;
+        }
+        return this.handleSaveExecute();
+    }
+    async handleSaveExecute() {
+        const ctx = this.localContext() ?? this.rootContext() ?? {};
+        const id = typeof ctx['id'] === 'string' ? ctx['id'] : undefined;
+        const outcomes = normalizeQuestionnaireOutcomesValue(ctx['outcomes']);
+        if (!id) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translateService.translateAsync('@general:messages.entity.invalid-data'),
+                },
+            };
+        }
+        if (findDuplicateOutcomeNames(outcomes).length > 0) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translateService.translateAsync('@assessment-management:questionnaires.components.questionnaire-outcomes-builder.validation.duplicate-name'),
+                },
+            };
+        }
+        const input = { id, outcomes };
+        const result = await this.commandService.execute(QUESTIONNAIRE_OUTCOMES_SAVE_COMMAND, input);
+        const execResult = (result ?? { success: false });
+        if (execResult.success) {
+            this.baselineOutcomes.set(this.cloneOutcomes(outcomes));
+            this.localContext.set(null);
+            this.isDirty.set(false);
+            this.outcomesBaselinePendingReconcile.set(true);
+            this.recompute();
+            this.eventService.publish(AXPEntityEventsKeys.REFRESH_LAYOUT, {
+                name: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}`,
+            });
+        }
+        return execResult;
+    }
+    //#endregion
+    //#region ----   UI Handlers   ----
+    onOutcomesChange(value) {
+        if (this.ignoreNextValueChange()) {
+            this.ignoreNextValueChange.set(false);
+            return;
+        }
+        const current = this.outcomesValue();
+        if (this.areOutcomesEqual(current, value)) {
+            if (this.outcomesBaselinePendingReconcile()) {
+                this.baselineOutcomes.set(this.cloneOutcomes(current));
+                this.outcomesBaselinePendingReconcile.set(false);
+                this.isDirty.set(false);
+            }
+            return;
+        }
+        const base = this.localContext() ?? this.rootContext() ?? {};
+        if (this.outcomesBaselinePendingReconcile() && this.localContext() == null) {
+            this.baselineOutcomes.set(this.cloneOutcomes(value));
+            this.isDirty.set(false);
+            this.outcomesBaselinePendingReconcile.set(false);
+            this.localContext.set({ ...base, outcomes: value });
+            this.recompute();
+            return;
+        }
+        this.localContext.set({ ...base, outcomes: value });
+        const baseline = this.baselineOutcomes();
+        this.isDirty.set(!this.areOutcomesEqual(baseline, value));
+        this.recompute();
+    }
+    //#endregion
+    //#region ----   Utility   ----
+    areOutcomesEqual(a, b) {
+        return isEqual(normalizeQuestionnaireOutcomesValue(a), normalizeQuestionnaireOutcomesValue(b));
+    }
+    cloneOutcomes(value) {
+        if (isNil(value)) {
+            return { sections: [] };
+        }
+        return cloneDeep(normalizeQuestionnaireOutcomesValue(value));
+    }
+    recompute() {
+        super.recompute();
+        const maybeLayout = this.hostPageLayout;
+        maybeLayout.recompute?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireOutcomesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXMQuestionnaireOutcomesPageComponent, isStandalone: true, selector: "axm-questionnaire-outcomes-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXMQuestionnaireOutcomesPageComponent,
+            },
+        ], viewQueries: [{ propertyName: "builderRef", first: true, predicate: ["builderRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <axm-questionnaire-outcomes-builder
+      #builderRef
+      [value]="outcomesValue()"
+      [showHeader]="false"
+      (valueChange)="onOutcomesChange($event)">
+    </axm-questionnaire-outcomes-builder>
+  `, isInline: true, dependencies: [{ kind: "component", type: AXMQuestionnaireOutcomesBuilderComponent, selector: "axm-questionnaire-outcomes-builder", inputs: ["value", "readonly", "showHeader"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireOutcomesPageComponent, decorators: [{
+            type: Component,
             args: [{
-                    providedIn: 'root',
+                    selector: 'axm-questionnaire-outcomes-page',
+                    standalone: true,
+                    imports: [AXMQuestionnaireOutcomesBuilderComponent],
+                    template: `
+    <axm-questionnaire-outcomes-builder
+      #builderRef
+      [value]="outcomesValue()"
+      [showHeader]="false"
+      (valueChange)="onOutcomesChange($event)">
+    </axm-questionnaire-outcomes-builder>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXMQuestionnaireOutcomesPageComponent,
+                        },
+                    ],
                 }]
+        }], ctorParameters: () => [], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: false }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }], builderRef: [{ type: i0.ViewChild, args: ['builderRef', { isSignal: true }] }] } });
+
+var questionnaireOutcomesPage_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMQuestionnaireOutcomesPageComponent: AXMQuestionnaireOutcomesPageComponent
+});
+
+//#region ----   Questionnaire Outcomes Page Component Provider   ----
+class AXMQuestionnaireOutcomesPageComponentProvider {
+    async components() {
+        return [
+            {
+                key: QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY,
+                loader: () => Promise.resolve().then(function () { return questionnaireOutcomesPage_component; }).then((m) => m.AXMQuestionnaireOutcomesPageComponent),
+            },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireOutcomesPageComponentProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireOutcomesPageComponentProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireOutcomesPageComponentProvider, decorators: [{
+            type: Injectable
         }] });
 
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMQuestionnaireOutcomesPageComponent: AXMQuestionnaireOutcomesPageComponent,
+    AXMQuestionnaireOutcomesPageComponentProvider: AXMQuestionnaireOutcomesPageComponentProvider,
+    QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY: QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY
+});
+
+//#region ----   Outcomes builder exports   ----
+//#endregion
+
+//#region ----   Questionnaire builder feature exports   ----
+//#endregion
+
 //#region ----   Imports   ----
 //#endregion
 /** Guards concurrent `refreshVisibility` runs; incremented on each refresh. */
@@ -1558,7 +4680,7 @@ function persistedItemName(item, index) {
     const id = typeof legacy.id === 'string' ? legacy.id.trim() : '';
     return id || `item-${index}`;
 }
-function normalizeValidationStrategy$1(value) {
+function normalizeValidationStrategy(value) {
     if (value === 'step' || value === 'end') {
         return value;
     }
@@ -1566,7 +4688,7 @@ function normalizeValidationStrategy$1(value) {
         typeof value === 'object' &&
         'id' in value &&
         typeof value.id === 'string') {
-        return normalizeValidationStrategy$1(value.id);
+        return normalizeValidationStrategy(value.id);
     }
     return 'step';
 }
@@ -1963,8 +5085,8 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettings = structure?.displaySettings;
         const displaySettingsValue = displaySettings?.validationStrategy;
         return configValue !== undefined
-            ? normalizeValidationStrategy$1(configValue)
-            : normalizeValidationStrategy$1(displaySettingsValue);
+            ? normalizeValidationStrategy(configValue)
+            : normalizeValidationStrategy(displaySettingsValue);
     }),
     //#endregion
     //#region ----   Navigation   ----
@@ -3483,7 +6605,7 @@ class AXMQuestionnaireViewerQuestionComponent {
         </div>
       }
     </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.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextAreaModule }, { kind: "component", type: i4.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$1.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}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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerQuestionComponent, decorators: [{
             type: Component,
@@ -3685,7 +6807,7 @@ class AXMQuestionnaireViewerSectionHeaderComponent {
         }
       }
     </div>
-  `, isInline: true, styles: ["axm-questionnaire-viewer-section-header{display:block;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-header{display:flex;flex-shrink:0;flex-direction:column;gap:.125rem;text-align:start}axm-questionnaire-viewer-section-header .__section-title-lg{margin:0;font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-title-md{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-description{margin:0;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich p{margin:0}axm-questionnaire-viewer-section-header .__section-description--rich p:first-child{margin-top:0}axm-questionnaire-viewer-section-header .__section-description--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-section-header .__mb-sm{margin-bottom:.5rem}axm-questionnaire-viewer-section-header .__mb-md{margin-bottom:1rem}\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["axm-questionnaire-viewer-section-header{display:block;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-header{display:flex;flex-shrink:0;flex-direction:column;gap:.125rem;text-align:start}axm-questionnaire-viewer-section-header .__section-title-lg{margin:0;font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-title-md{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-description{margin:0;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich p{margin:0}axm-questionnaire-viewer-section-header .__section-description--rich p:first-child{margin-top:0}axm-questionnaire-viewer-section-header .__section-description--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-section-header .__mb-sm{margin-bottom:.5rem}axm-questionnaire-viewer-section-header .__mb-md{margin-bottom:1rem}\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSectionHeaderComponent, decorators: [{
             type: Component,
@@ -3918,7 +7040,7 @@ class AXMQuestionnaireViewerSideMenuViewComponent {
         return null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSideMenuViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerSideMenuViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-side-menu-view", viewQueries: [{ propertyName: "tabRef", first: true, predicate: AXTabsComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"__side-menu-container\">\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$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i1$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i3$1.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "transition", "closeOnBackdropClick", "backdropClass", "collapsed", "singleOpenMode"], outputs: ["onBackdropClick", "collapsedStateChanged"] }, { kind: "component", type: i3$1.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDrawerDirectiveModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerSideMenuViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-side-menu-view", viewQueries: [{ propertyName: "tabRef", first: true, predicate: AXTabsComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"__side-menu-container\">\n  <!-- Desktop Sidebar (Large screens) -->\n  @if (deviceService.isLarge()) {\n    <div class=\"__desktop-sidebar\" [axResizable]=\"true\">\n      <ax-tabs class=\"__sidebar-tabs\" [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n        @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {\n          <ax-tab-item\n            [text]=\"(vm.sections()[sectionIndex].title | translate | async) || ''\"\n            (onClick)=\"handleSectionClick(sectionIndex)\"\n            [disabled]=\"isSectionDisabled(sectionIndex)\"\n          >\n            @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {\n              <ax-badge\n                [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\"\n                [color]=\"'danger'\"\n              >\n              </ax-badge>\n            }\n          </ax-tab-item>\n        }\n      </ax-tabs>\n    </div>\n  }\n\n  <!-- Mobile/Tablet: Drawer Container -->\n  @if (deviceService.isSmall() || deviceService.isMedium()) {\n    <ax-drawer-container class=\"__drawer-container\">\n      <!-- Sidebar Drawer (Mobile) -->\n      <ax-drawer\n        #sidebarDrawer\n        [location]=\"'start'\"\n        [mode]=\"'overlay'\"\n        [collapsed]=\"sidebarDrawerCollapsed()\"\n        [closeOnBackdropClick]=\"true\"\n        (onBackdropClick)=\"sidebarDrawerCollapsed.set(true)\"\n        class=\"__sidebar-drawer 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSideMenuViewComponent, decorators: [{
             type: Component,
@@ -4183,9 +7305,9 @@ 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.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 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: 
                 // 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$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerComponent, decorators: [{
             type: Component,
@@ -4255,7 +7377,6 @@ class AXMQuestionnaireEvaluatorScopeProvider {
     async provide(context) {
         const questionnaireEntity = `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}`;
         const questionBankEntity = `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}`;
-        const questionnaireCalculationEntity = `${RootConfig.module.name}.${RootConfig.entities.questionnaireCalculation.name}`;
         const filterDefinitionsImpl = async (questionnaireId) => {
             if (!questionnaireId) {
                 return [];
@@ -4346,27 +7467,20 @@ class AXMQuestionnaireEvaluatorScopeProvider {
                 return [];
             }
         };
-        /** Filter definitions from questionnaire calculations (for automation condition: rules.ruleName). */
+        /** Filter definitions from embedded questionnaire outcomes (for automation condition: rules.ruleName). */
         const forRules = async (questionnaireId) => {
             if (!questionnaireId) {
                 return [];
             }
             try {
-                const dataAccessor = this.entityService.withEntity(questionnaireCalculationEntity).data();
-                const queryResult = await dataAccessor.query({
-                    skip: 0,
-                    take: 500,
-                    filter: {
-                        field: 'questionnaireId',
-                        operator: { type: 'equal' },
-                        value: questionnaireId,
-                    },
-                });
-                const rules = (queryResult?.items ?? []);
+                const dataAccessor = this.entityService.withEntity(questionnaireEntity).data();
+                const questionnaire = await dataAccessor.byKey(questionnaireId);
+                const rules = flattenQuestionnaireOutcomeItems(questionnaire?.outcomes);
+                const locale = this.translationService.getActiveLang() ?? 'en-US';
                 return rules.map((rule, order) => ({
                     id: rule.id,
                     field: `rules.${rule.name}`,
-                    title: rule.title ?? rule.name,
+                    title: resolveMultiLanguageString(rule.title, locale) || rule.name,
                     operator: { type: 'equal' },
                     widget: {
                         type: 'string-filter',
@@ -4389,7 +7503,7 @@ class AXMQuestionnaireEvaluatorScopeProvider {
         context.addScope('questionnaire', {
             /** Filter definitions from questionnaire answers (e.g. visibility / automation conditions). */
             answers: filterDefinitionsImpl,
-            /** Filter definitions from questionnaire calculations for automation condition builder (rules.ruleName). */
+            /** Filter definitions from questionnaire outcomes for automation condition builder (rules.ruleName). */
             rules: forRules,
         });
         // Automation condition builder: provide rules for refType = AssessmentManagement.Questionnaire
@@ -4422,31 +7536,35 @@ class AXMQuestionnaireViewerFeatureModule {
             provideCommandSetups([
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-wqPNgv7q.mjs').then((c) => c.PreviewQuestionnaireCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-S-8MDeB7.mjs').then((c) => c.PreviewQuestionnaireCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                    command: () => import('./acorex-modules-assessment-management-preview-question.command-D0-FB1HH.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-question.command-Ce7yOnJY.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                    command: () => import('./acorex-modules-assessment-management-preview-question.command-D0-FB1HH.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-question.command-Ce7yOnJY.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-0btGV66_.mjs').then((c) => c.ViewSessionAnswersCommand),
+                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-COTVoRRG.mjs').then((c) => c.ViewSessionAnswersCommand),
+                },
+                {
+                    key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewOutcomes`,
+                    command: () => import('./acorex-modules-assessment-management-view-session-outcomes.command-2buH7ydV.mjs').then((c) => c.ViewSessionOutcomesCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-CJieLR5g.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-CRE8SxzC.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-CJieLR5g.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-CRE8SxzC.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:ViewLastSessionAnswers`,
-                    command: () => import('./acorex-modules-assessment-management-view-case-last-session-answers.command-NTuDdoYk.mjs').then((c) => c.ViewCaseLastSessionAnswersCommand),
+                    command: () => import('./acorex-modules-assessment-management-view-case-last-session-answers.command-Ds-QGMPy.mjs').then((c) => c.ViewCaseLastSessionAnswersCommand),
                 },
             ]),
         ], imports: [AXPWidgetCoreModule,
@@ -4473,31 +7591,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-wqPNgv7q.mjs').then((c) => c.PreviewQuestionnaireCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-S-8MDeB7.mjs').then((c) => c.PreviewQuestionnaireCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                                command: () => import('./acorex-modules-assessment-management-preview-question.command-D0-FB1HH.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-question.command-Ce7yOnJY.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                                command: () => import('./acorex-modules-assessment-management-preview-question.command-D0-FB1HH.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-question.command-Ce7yOnJY.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-0btGV66_.mjs').then((c) => c.ViewSessionAnswersCommand),
+                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-COTVoRRG.mjs').then((c) => c.ViewSessionAnswersCommand),
+                            },
+                            {
+                                key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewOutcomes`,
+                                command: () => import('./acorex-modules-assessment-management-view-session-outcomes.command-2buH7ydV.mjs').then((c) => c.ViewSessionOutcomesCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-CJieLR5g.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-CRE8SxzC.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-CJieLR5g.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-CRE8SxzC.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:ViewLastSessionAnswers`,
-                                command: () => import('./acorex-modules-assessment-management-view-case-last-session-answers.command-NTuDdoYk.mjs').then((c) => c.ViewCaseLastSessionAnswersCommand),
+                                command: () => import('./acorex-modules-assessment-management-view-case-last-session-answers.command-Ds-QGMPy.mjs').then((c) => c.ViewCaseLastSessionAnswersCommand),
                             },
                         ]),
                     ],
@@ -4550,8 +7672,10 @@ class AXMAssessmentManagementModule {
             provideLazyProvider(AXP_PERMISSION_DEFINITION_PROVIDER, () => Promise.resolve().then(function () { return permissionDefinition_provider; }).then((m) => m.AXMAssessmentManagementPermissionDefinitionProvider)),
             provideLazyProvider(AXP_MENU_PROVIDER, () => Promise.resolve().then(function () { return menu_provider; }).then((m) => m.AXMAssessmentManagementMenuProvider)),
             provideLazyProvider(AXP_ENTITY_DEFINITION_LOADER, () => Promise.resolve().then(function () { return entity_provider; }).then((m) => m.AXMAssessmentManagementEntityProvider)),
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-D8KjfHAH.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
-            provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-koGmUbNE.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return index$1; }).then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return index; }).then((m) => m.AXMQuestionnaireOutcomesPageComponentProvider)),
+            provideCommand('Questionnaire:Questions:Save', () => Promise.resolve().then(function () { return saveQuestionnaireQuestions_command; }).then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
+            provideCommand('Questionnaire:Outcomes:Save', () => Promise.resolve().then(function () { return saveQuestionnaireOutcomes_command; }).then((m) => m.AXMSaveQuestionnaireOutcomesCommand)),
             provideLazyProvider(AXP_SEARCH_PROVIDER, () => Promise.resolve().then(function () { return searchCommand_provider; }).then((m) => m.AXMAssessmentManagementSearchCommandProvider)),
         ], imports: [AXMQuestionnaireBuilderFeatureModule,
             AXMQuestionnaireViewerFeatureModule] }); }
@@ -4583,8 +7707,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideLazyProvider(AXP_PERMISSION_DEFINITION_PROVIDER, () => Promise.resolve().then(function () { return permissionDefinition_provider; }).then((m) => m.AXMAssessmentManagementPermissionDefinitionProvider)),
                         provideLazyProvider(AXP_MENU_PROVIDER, () => Promise.resolve().then(function () { return menu_provider; }).then((m) => m.AXMAssessmentManagementMenuProvider)),
                         provideLazyProvider(AXP_ENTITY_DEFINITION_LOADER, () => Promise.resolve().then(function () { return entity_provider; }).then((m) => m.AXMAssessmentManagementEntityProvider)),
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-D8KjfHAH.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
-                        provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-koGmUbNE.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return index$1; }).then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return index; }).then((m) => m.AXMQuestionnaireOutcomesPageComponentProvider)),
+                        provideCommand('Questionnaire:Questions:Save', () => Promise.resolve().then(function () { return saveQuestionnaireQuestions_command; }).then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
+                        provideCommand('Questionnaire:Outcomes:Save', () => Promise.resolve().then(function () { return saveQuestionnaireOutcomes_command; }).then((m) => m.AXMSaveQuestionnaireOutcomesCommand)),
                         provideLazyProvider(AXP_SEARCH_PROVIDER, () => Promise.resolve().then(function () { return searchCommand_provider; }).then((m) => m.AXMAssessmentManagementSearchCommandProvider)),
                     ],
                 }]
@@ -4593,109 +7719,136 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 //#region ----   QuestionBankItem Model   ----
 //#endregion
 
+//#region ----   Types   ----
+//#endregion
+
+//#region ----   Types   ----
+//#endregion
+
 //#region ----   Imports   ----
-const DEFAULT_PRE_QUESTIONNAIRE_CONFIG = { enabled: false };
-const DEFAULT_POST_QUESTIONNAIRE_CONFIG = {
-    reviewEnabled: false,
-    summaryEnabled: false,
-    showCalculationResults: false,
-};
-const DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY = {
-    viewMode: 'single-page',
-    showProgressBar: true,
-    showTimer: false,
-    showQuestionNumbers: true,
-    validationStrategy: 'step',
-    completionMode: 'submit-only',
-};
+//#endregion
+//#region ----   Persistence   ----
 /**
- * Maps entity pre/post to viewer config (defaults when omitted).
+ * Loads a session by id using list query first, then byKey.
  */
-function toPrePostConfig(q) {
-    if (!q) {
-        return null;
+async function loadSessionById(entityService, sessionId) {
+    const sessionAccessor = entityService
+        .withEntity(RootConfig.module.name, RootConfig.entities.assessmentSession.name)
+        .data();
+    const listMatch = await sessionAccessor.query({
+        skip: 0,
+        take: 1,
+        filter: {
+            field: 'id',
+            operator: { type: 'equal' },
+            value: sessionId,
+        },
+    });
+    const fromQuery = first(listMatch.items);
+    if (fromQuery) {
+        return fromQuery;
     }
-    const pre = {
-        ...DEFAULT_PRE_QUESTIONNAIRE_CONFIG,
-        ...q.pre,
-        enabled: q.pre?.enabled === true,
-    };
-    const post = {
-        ...DEFAULT_POST_QUESTIONNAIRE_CONFIG,
-        ...q.post,
-        reviewEnabled: q.post?.reviewEnabled === true,
-        summaryEnabled: q.post?.summaryEnabled === true,
-        showCalculationResults: q.post?.showCalculationResults === true,
-    };
-    return { pre, post };
+    return defaultTo(await sessionAccessor.byKey(sessionId), null);
 }
-const VIEW_MODE_VALUES = ['single-page', 'page-per-group', 'page-per-question', 'side-menu'];
-const VALIDATION_STRATEGY_VALUES = ['step', 'end'];
-const COMPLETION_MODE_VALUES = ['submit-only', 'save-and-continue'];
 /**
- * Coerces stored view mode (string or SelectBox `{ id }`) to a known value.
+ * Loads assessment case by id using query first, then byKey.
  */
-function normalizeViewMode(value) {
-    if (typeof value === 'string' && VIEW_MODE_VALUES.includes(value)) {
-        return value;
-    }
-    if (value != null && typeof value === 'object' && 'id' in value && typeof value.id === 'string') {
-        return normalizeViewMode(value.id);
+async function loadCaseById(entityService, caseId) {
+    const caseAccessor = entityService
+        .withEntity(RootConfig.module.name, RootConfig.entities.assessmentCase.name)
+        .data();
+    const listMatch = await caseAccessor.query({
+        skip: 0,
+        take: 1,
+        filter: {
+            field: 'id',
+            operator: { type: 'equal' },
+            value: caseId,
+        },
+    });
+    const fromQuery = first(listMatch.items);
+    if (fromQuery) {
+        return fromQuery;
     }
-    return 'single-page';
+    return defaultTo(await caseAccessor.byKey(caseId), null);
 }
 /**
- * Coerces stored validation strategy (string or SelectBox `{ id }`) to a known value.
+ * Bumps case audit metadata by performing a domain update (history middleware sets auditInfo.updated.at).
  */
-function normalizeValidationStrategy(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(value.id);
-    }
-    return 'step';
+async function touchAssessmentCaseActivity(entityService, caseId) {
+    const assessmentCase = await loadCaseById(entityService, caseId);
+    if (!assessmentCase) {
+        return;
+    }
+    const caseAccessor = entityService
+        .withEntity(RootConfig.module.name, RootConfig.entities.assessmentCase.name)
+        .data();
+    const caseStatus = assessmentCase.statusId;
+    const nextCaseStatus = caseStatus === AXPSystemStatusType.Closed || caseStatus === AXPSystemStatusType.Cancelled
+        ? caseStatus
+        : AXPSystemStatusType.InProgress;
+    await caseAccessor.update(caseId, { statusId: nextCaseStatus });
 }
 /**
- * Coerces stored completion mode (string or SelectBox `{ id }`) to a known value.
+ * Upserts assessment session answers and status; moves case to in-progress when saving or submitting.
  */
-function normalizeCompletionMode(value) {
-    if (typeof value === 'string' && COMPLETION_MODE_VALUES.includes(value)) {
-        return value;
+async function persistAssessmentSession(input) {
+    const { entityService, questionnaireViewerService, caseId, sessionId, existingSession, responderId, role, structure, answers, finalize, progressMetrics, timeSpentSeconds, } = input;
+    const calculatedProgress = questionnaireViewerService.calculateProgressFromStructure(structure, answers);
+    const answeredQuestionsCount = defaultTo(get(progressMetrics, 'answeredQuestionsCount'), calculatedProgress.answeredQuestionsCount);
+    const progressPercentage = defaultTo(get(progressMetrics, 'progressPercentage'), calculatedProgress.progressPercentage);
+    const now = new Date();
+    const sessionAccessor = entityService
+        .withEntity(RootConfig.module.name, RootConfig.entities.assessmentSession.name)
+        .data();
+    let resolvedSessionId = sessionId;
+    let currentSession = existingSession;
+    if (resolvedSessionId && !currentSession) {
+        currentSession = await loadSessionById(entityService, resolvedSessionId);
+    }
+    const sessionStatusId = finalize
+        ? 'submitted'
+        : get(currentSession, 'statusId') === 'submitted'
+            ? 'submitted'
+            : AXPSystemStatusType.InProgress;
+    const sessionData = {
+        caseId,
+        responderId,
+        role,
+        answers,
+        progressPercentage,
+        answeredQuestionsCount,
+        lastSavedAt: now,
+        statusId: sessionStatusId,
+    };
+    if (isEmpty(get(currentSession, 'startedAt'))) {
+        sessionData['startedAt'] = now;
     }
-    if (value != null && typeof value === 'object' && 'id' in value && typeof value.id === 'string') {
-        return normalizeCompletionMode(value.id);
+    if (timeSpentSeconds != null && timeSpentSeconds >= 0) {
+        sessionData['timeSpent'] = timeSpentSeconds;
     }
-    return 'submit-only';
-}
-/**
- * Maps entity `display` to {@link QuestionnaireDisplaySettings} (defaults when omitted).
- */
-function toDisplaySettings(q) {
-    if (!q) {
-        return null;
+    const questionnaireId = input.questionnaireId;
+    if (questionnaireId) {
+        const { values } = await questionnaireViewerService.evaluateOutcomes(answers, {
+            questionnaireId,
+            structure,
+        });
+        if (isObject(values) && !isEmpty(values)) {
+            sessionData['outcomes'] = values;
+        }
     }
-    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(d.validationStrategy),
-        completionMode: normalizeCompletionMode(d.completionMode),
-    };
+    if (resolvedSessionId) {
+        await sessionAccessor.update(resolvedSessionId, sessionData);
+    }
+    else {
+        sessionData['startedAt'] = now;
+        resolvedSessionId = await sessionAccessor.create(sessionData);
+    }
+    await touchAssessmentCaseActivity(entityService, caseId);
+    return { sessionId: resolvedSessionId };
 }
 //#endregion
 
-//#region ----   Types   ----
-//#endregion
-
-//#region ----   Types   ----
-//#endregion
-
-//#region ----   Types   ----
-//#endregion
-
 //#region ----   Imports   ----
 //#endregion
 //#region ----   Component   ----
@@ -4720,7 +7873,7 @@ class AXMPreQuestionnaireContentComponent {
         [innerHTML]="content() | translate | async | safe: 'html'"
       ></div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPreQuestionnaireContentComponent, decorators: [{
             type: Component,
@@ -4743,6 +7896,166 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
 
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Presentation   ----
+/**
+ * Maps questionnaire outcome display metadata to platform value chip classes/styles.
+ */
+function mapOutcomeDisplayToValuePresentation(display) {
+    const classes = ['__outcome-value'];
+    if (display?.emphasis === 'medium') {
+        classes.push('__emphasis-medium');
+    }
+    else if (display?.emphasis === 'bold') {
+        classes.push('__emphasis-bold');
+    }
+    if (!display?.color) {
+        classes.push('__tone-default');
+        return { classes: classes.join(' ') };
+    }
+    const parsed = parseQuestionnaireOutcomeDisplayColor(display.color);
+    if (!parsed) {
+        classes.push('__tone-default');
+        return { classes: classes.join(' ') };
+    }
+    if (isQuestionnaireOutcomeDisplayColorHex(parsed.background)) {
+        return {
+            classes: classes.join(' '),
+            color: parsed.foreground,
+            backgroundColor: parsed.background,
+            borderColor: parsed.border,
+        };
+    }
+    return {
+        classes: [...classes, parsed.foreground, parsed.background, parsed.border].join(' '),
+    };
+}
+function mapOutcomeRow(entry) {
+    return {
+        key: entry.key,
+        label: entry.label,
+        value: entry.value,
+        iconClass: entry.display?.iconClass,
+        valuePresentation: mapOutcomeDisplayToValuePresentation(entry.display),
+    };
+}
+function resolveSectionText(value, locale, fallback) {
+    const resolved = resolveMultiLanguageString(value, locale).trim();
+    return resolved.length > 0 ? resolved : fallback;
+}
+//#endregion
+//#region ----   View model   ----
+/**
+ * Maps post-submit placeholder values or snapshot sections to {@link AXPOutcomeResultsViewModel}.
+ */
+function mapToOutcomeResultsViewModel(source, options) {
+    const locale = options?.locale ?? 'en-US';
+    const sections = source?.outcomeSections;
+    if (Array.isArray(sections) && sections.length > 0) {
+        return {
+            sections: sections.map((group) => mapSectionGroup(group, locale)),
+            rows: sections.length === 1 ? sections[0].items.map(mapOutcomeRow) : undefined,
+        };
+    }
+    const outcomes = source?.outcomes;
+    const titles = source?.outcomeTitles;
+    if (!outcomes || typeof outcomes !== 'object') {
+        return { rows: [] };
+    }
+    const rows = Object.entries(outcomes).map(([key, value]) => mapOutcomeRow({
+        key,
+        value,
+        label: (titles?.[key] ?? '').trim() || humanizeOutcomeKey(key),
+    }));
+    return { rows };
+}
+function mapSectionGroup(group, locale) {
+    const fallbackTitle = group.sectionName || group.trackKey;
+    return {
+        trackKey: group.trackKey,
+        title: resolveSectionText(group.sectionTitle, locale, fallbackTitle),
+        description: group.sectionDescription
+            ? resolveSectionText(group.sectionDescription, locale, '')
+            : undefined,
+        items: group.items.map(mapOutcomeRow),
+    };
+}
+function humanizeOutcomeKey(key) {
+    return key
+        .replace(/_/g, ' ')
+        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        .trim()
+        .split(/\s+/)
+        .map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
+        .join(' ');
+}
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+/**
+ * Post-submit outcome results step; delegates presentation to {@link AXPOutcomeResultsViewerComponent}.
+ */
+class AXMQuestionnaireOutcomeResultsComponent {
+    constructor() {
+        //#region ----   Services & Dependencies   ----
+        this.translationService = inject(AXTranslationService);
+        //#endregion
+        //#region ----   Inputs   ----
+        /** Evaluated outcomes, titles, and optional grouped sections from the viewer service. */
+        this.placeholderValues = input(null, ...(ngDevMode ? [{ debugName: "placeholderValues" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Computed   ----
+        this.viewModel = computed(() => {
+            const locale = this.translationService.getActiveLang?.() ?? 'en-US';
+            return mapToOutcomeResultsViewModel(this.placeholderValues(), { locale });
+        }, ...(ngDevMode ? [{ debugName: "viewModel" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireOutcomeResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXMQuestionnaireOutcomeResultsComponent, isStandalone: true, selector: "axm-questionnaire-outcome-results", inputs: { placeholderValues: { classPropertyName: "placeholderValues", publicName: "placeholderValues", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axm-questionnaire-outcome-results ax-block" }, ngImport: i0, template: `
+    <axp-outcome-results-viewer
+      [model]="viewModel()"
+      [title]="
+        ('@assessment-management:questionnaires.components.questionnaire-viewer.flow.outcomes-section-title'
+          | translate
+          | async) ?? ''
+      "
+      [emptyMessage]="
+        ('@assessment-management:questionnaires.components.questionnaire-viewer.flow.no-outcomes'
+          | translate
+          | async) ?? ''
+      "
+    />
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPOutcomeResultsViewerComponent, selector: "axp-outcome-results-viewer", inputs: ["model", "title", "emptyMessage"] }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireOutcomeResultsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-questionnaire-outcome-results',
+                    template: `
+    <axp-outcome-results-viewer
+      [model]="viewModel()"
+      [title]="
+        ('@assessment-management:questionnaires.components.questionnaire-viewer.flow.outcomes-section-title'
+          | translate
+          | async) ?? ''
+      "
+      [emptyMessage]="
+        ('@assessment-management:questionnaires.components.questionnaire-viewer.flow.no-outcomes'
+          | translate
+          | async) ?? ''
+      "
+    />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXTranslationModule, AsyncPipe, AXPOutcomeResultsViewerComponent],
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'axm-questionnaire-outcome-results ax-block' },
+                }]
+        }], propDecorators: { placeholderValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholderValues", required: false }] }] } });
+
 //#region ----   Imports   ----
 //#endregion
 //#region ----   Component   ----
@@ -4758,7 +8071,7 @@ class AXMPostQuestionnaireContentComponent {
         this.translationService = inject(AXTranslationService);
         //#endregion
         //#region ----   Inputs   ----
-        /** Display mode: review, summary (rich text), or results (calculation list). */
+        /** Display mode: review, summary (rich text), or results (outcome list). */
         this.mode = input('review', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
         /** Questions with answers for review mode. */
         this.questionsWithAnswers = input([], ...(ngDevMode ? [{ debugName: "questionsWithAnswers" }] : /* istanbul ignore next */ []));
@@ -4766,7 +8079,7 @@ class AXMPostQuestionnaireContentComponent {
         this.reviewContext = input(null, ...(ngDevMode ? [{ debugName: "reviewContext" }] : /* istanbul ignore next */ []));
         /** Summary content (rich text). Supports multi-language and placeholders. */
         this.summaryContent = input(null, ...(ngDevMode ? [{ debugName: "summaryContent" }] : /* istanbul ignore next */ []));
-        /** Placeholder values: totals, time, and calculation outcomes. */
+        /** Placeholder values: totals, time, and outcome values. */
         this.placeholderValues = input(null, ...(ngDevMode ? [{ debugName: "placeholderValues" }] : /* istanbul ignore next */ []));
         /** Locale for multi-language content. Defaults to active lang. */
         this.locale = input(undefined, ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
@@ -4807,19 +8120,6 @@ class AXMPostQuestionnaireContentComponent {
             }
             return groups;
         }, ...(ngDevMode ? [{ debugName: "reviewSectionGroups" }] : /* istanbul ignore next */ []));
-        /** Calculation name/value pairs for results step; `label` is entity title or humanized name. */
-        this.outcomeEntries = computed(() => {
-            const pv = this.placeholderValues();
-            const o = pv?.outcomes;
-            const titles = pv?.outcomeTitles;
-            if (!o || typeof o !== 'object')
-                return [];
-            return Object.entries(o).map(([key, value]) => ({
-                key,
-                value,
-                label: (titles?.[key] ?? '').trim() || this.humanizeOutcomeKey(key),
-            }));
-        }, ...(ngDevMode ? [{ debugName: "outcomeEntries" }] : /* istanbul ignore next */ []));
         this.summaryContentHtml = computed(() => {
             const content = this.summaryContent();
             const values = this.placeholderValues();
@@ -4836,16 +8136,6 @@ class AXMPostQuestionnaireContentComponent {
     }
     //#endregion
     //#region ----   Helpers   ----
-    /** Fallback when no calculation entity title is available. */
-    humanizeOutcomeKey(key) {
-        return key
-            .replace(/_/g, ' ')
-            .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
-            .trim()
-            .split(/\s+/)
-            .map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
-            .join(' ');
-    }
     formatAnswer(answer) {
         if (answer == null || answer === '')
             return '—';
@@ -4934,43 +8224,7 @@ class AXMPostQuestionnaireContentComponent {
         </div>
       </div>
     } @else if (mode() === 'results') {
-      <div
-        class="axm-post-questionnaire-content __results ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-8 ax-min-h-[200px] ax-text-on-surface"
-      >
-        @if (outcomeEntries().length > 0) {
-          <div class="ax-max-w-2xl ax-w-full">
-            <h3 class="ax-text-base ax-font-semibold ax-mb-3 ax-text-on-surface">
-              {{
-                '@assessment-management:questionnaires.components.questionnaire-viewer.flow.outcomes-section-title'
-                  | translate
-                  | async
-              }}
-            </h3>
-            <ul
-              class="ax-list-none ax-p-0 ax-m-0 ax-flex ax-flex-col ax-gap-1 ax-rounded-lg ax-border ax-border-surface ax-lighter-surface ax-overflow-hidden"
-            >
-              @for (row of outcomeEntries(); track row.key) {
-                <li
-                  class="ax-flex ax-justify-between ax-gap-4 ax-py-3 ax-px-4 ax-border-b ax-border-surface last:ax-border-b-0"
-                >
-                  <span class="ax-text-sm ax-font-medium __post-text-muted">{{ row.label }}</span>
-                  <span class="ax-text-sm ax-text-on-surface ax-text-right ax-break-all">{{
-                    formatAnswer(row.value)
-                  }}</span>
-                </li>
-              }
-            </ul>
-          </div>
-        } @else {
-          <p class="ax-text-sm __post-text-muted">
-            {{
-              '@assessment-management:questionnaires.components.questionnaire-viewer.flow.no-outcomes'
-                | translate
-                | async
-            }}
-          </p>
-        }
-      </div>
+      <axm-questionnaire-outcome-results [placeholderValues]="placeholderValues()" />
     } @else {
       <div
         class="axm-post-questionnaire-content __summary ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-8 ax-min-h-[200px] ax-text-on-surface"
@@ -4978,7 +8232,7 @@ class AXMPostQuestionnaireContentComponent {
         <div class="ax-max-w-2xl ax-w-full ax-prose ax-text-on-surface" [innerHTML]="summaryContentHtml()"></div>
       </div>
     }
-  `, isInline: true, styles: [".axm-post-questionnaire-content .__post-text-muted{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { 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: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".axm-post-questionnaire-content .__post-text-muted{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "component", type: AXMQuestionnaireOutcomeResultsComponent, selector: "axm-questionnaire-outcome-results", inputs: ["placeholderValues"] }, { 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: "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: AXMPostQuestionnaireContentComponent, decorators: [{
             type: Component,
@@ -5056,43 +8310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </div>
       </div>
     } @else if (mode() === 'results') {
-      <div
-        class="axm-post-questionnaire-content __results ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-8 ax-min-h-[200px] ax-text-on-surface"
-      >
-        @if (outcomeEntries().length > 0) {
-          <div class="ax-max-w-2xl ax-w-full">
-            <h3 class="ax-text-base ax-font-semibold ax-mb-3 ax-text-on-surface">
-              {{
-                '@assessment-management:questionnaires.components.questionnaire-viewer.flow.outcomes-section-title'
-                  | translate
-                  | async
-              }}
-            </h3>
-            <ul
-              class="ax-list-none ax-p-0 ax-m-0 ax-flex ax-flex-col ax-gap-1 ax-rounded-lg ax-border ax-border-surface ax-lighter-surface ax-overflow-hidden"
-            >
-              @for (row of outcomeEntries(); track row.key) {
-                <li
-                  class="ax-flex ax-justify-between ax-gap-4 ax-py-3 ax-px-4 ax-border-b ax-border-surface last:ax-border-b-0"
-                >
-                  <span class="ax-text-sm ax-font-medium __post-text-muted">{{ row.label }}</span>
-                  <span class="ax-text-sm ax-text-on-surface ax-text-right ax-break-all">{{
-                    formatAnswer(row.value)
-                  }}</span>
-                </li>
-              }
-            </ul>
-          </div>
-        } @else {
-          <p class="ax-text-sm __post-text-muted">
-            {{
-              '@assessment-management:questionnaires.components.questionnaire-viewer.flow.no-outcomes'
-                | translate
-                | async
-            }}
-          </p>
-        }
-      </div>
+      <axm-questionnaire-outcome-results [placeholderValues]="placeholderValues()" />
     } @else {
       <div
         class="axm-post-questionnaire-content __summary ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-8 ax-min-h-[200px] ax-text-on-surface"
@@ -5104,6 +8322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         CommonModule,
                         AXTranslationModule,
                         AXPWidgetCoreModule,
+                        AXMQuestionnaireOutcomeResultsComponent,
                         AXMQuestionnaireViewerQuestionComponent,
                         AXMQuestionnaireViewerSectionHeaderComponent,
                     ], encapsulation: ViewEncapsulation.None, host: { class: 'axm-post-questionnaire-content' }, styles: [".axm-post-questionnaire-content .__post-text-muted{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"] }]
@@ -5133,6 +8352,7 @@ class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
         this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
         this.loadError = signal(null, ...(ngDevMode ? [{ debugName: "loadError" }] : /* istanbul ignore next */ []));
         this.currentSessionId = signal(null, ...(ngDevMode ? [{ debugName: "currentSessionId" }] : /* istanbul ignore next */ []));
+        this.existingSession = signal(null, ...(ngDevMode ? [{ debugName: "existingSession" }] : /* istanbul ignore next */ []));
         this.flowStep = signal('questions', ...(ngDevMode ? [{ debugName: "flowStep" }] : /* istanbul ignore next */ []));
         this.reviewSnapshot = signal([], ...(ngDevMode ? [{ debugName: "reviewSnapshot" }] : /* istanbul ignore next */ []));
         this.reviewContext = signal(null, ...(ngDevMode ? [{ debugName: "reviewContext" }] : /* istanbul ignore next */ []));
@@ -5219,9 +8439,12 @@ class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
                     .withEntity(RootConfig.module.name, RootConfig.entities.assessmentSession.name)
                     .data()
                     .byKey(existingSessionId);
-                if (session?.answers) {
-                    answers = session.answers;
+                if (session) {
+                    if (session.answers) {
+                        answers = session.answers;
+                    }
                     this.currentSessionId.set(existingSessionId);
+                    this.existingSession.set(session);
                 }
             }
             this.questionnaire.set(questionnaire);
@@ -5253,7 +8476,7 @@ class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
             this.handleDone();
             return;
         }
-        if (cfg?.post.showCalculationResults === true) {
+        if (cfg?.post.showOutcomeResults === true) {
             this.flowStep.set('results');
             return;
         }
@@ -5269,7 +8492,6 @@ class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
         const q = this.questionnaire();
         if (!caseIdVal || !structureVal || !q)
             return null;
-        const { answeredQuestionsCount, progressPercentage } = this.questionnaireViewerService.calculateProgressFromStructure(structureVal, answers);
         const responderId = this.authSession.user?.id;
         if (!responderId) {
             this.toastService.show({
@@ -5279,39 +8501,41 @@ class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
             });
             return null;
         }
-        const now = new Date();
-        const sessionIdVal = this.currentSessionId();
-        const role = 'responder';
-        const sessionData = {
+        const vm = this.viewerViewModel();
+        const result = await persistAssessmentSession({
+            entityService: this.entityService,
+            questionnaireViewerService: this.questionnaireViewerService,
             caseId: caseIdVal,
+            sessionId: this.currentSessionId(),
+            existingSession: this.existingSession(),
             responderId,
-            role,
+            role: 'responder',
+            structure: structureVal,
+            questionnaireId: q.id,
             answers,
-            progressPercentage,
-            answeredQuestionsCount,
-            lastSavedAt: now,
-        };
-        const sessionDataAccessor = this.entityService
+            finalize: true,
+            progressMetrics: vm
+                ? {
+                    answeredQuestionsCount: vm.answeredQuestionsCount(),
+                    progressPercentage: vm.progressPercentage(),
+                }
+                : undefined,
+            timeSpentSeconds: vm?.timerElapsed(),
+        });
+        this.currentSessionId.set(result.sessionId);
+        const session = await this.entityService
             .withEntity(RootConfig.module.name, RootConfig.entities.assessmentSession.name)
-            .data();
-        if (sessionIdVal) {
-            await sessionDataAccessor.update(sessionIdVal, sessionData);
-            this.toastService.show({
-                color: 'success',
-                title: await this.translateService.translateAsync('@general:messages.form.saved.success.title'),
-                content: await this.translateService.translateAsync('@general:messages.form.saved.success.description'),
-            });
-        }
-        else {
-            const newSessionData = { ...sessionData, startedAt: now };
-            await sessionDataAccessor.create(newSessionData);
-            this.toastService.show({
-                color: 'success',
-                title: await this.translateService.translateAsync('@assessment-management:sessions.states.submitted'),
-                content: '',
-            });
+            .data()
+            .byKey(result.sessionId);
+        if (session) {
+            this.existingSession.set(session);
         }
-        const elapsed = this.viewerViewModel()?.timerElapsed() ?? 0;
+        this.toastService.show({
+            color: 'success',
+            title: await this.translateService.translateAsync('@assessment-management:sessions.states.submitted'),
+            content: '',
+        });
+        const elapsed = vm?.timerElapsed() ?? 0;
         return this.questionnaireViewerService.buildSummaryPlaceholderValues(structureVal, answers, {
             questionnaireId: q.id,
             elapsedSeconds: elapsed,
@@ -5405,9 +8629,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$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "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 #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: 
                 //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$1.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: 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,
@@ -5450,6 +8674,8 @@ class AXMQuestionnaireViewerStandalonePageComponent {
         this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
         this.loadError = signal(null, ...(ngDevMode ? [{ debugName: "loadError" }] : /* istanbul ignore next */ []));
         this.isSubmitting = signal(false, ...(ngDevMode ? [{ debugName: "isSubmitting" }] : /* istanbul ignore next */ []));
+        this.sessionId = signal(null, ...(ngDevMode ? [{ debugName: "sessionId" }] : /* istanbul ignore next */ []));
+        this.existingSession = signal(null, ...(ngDevMode ? [{ debugName: "existingSession" }] : /* istanbul ignore next */ []));
         this.flowStep = signal('questions', ...(ngDevMode ? [{ debugName: "flowStep" }] : /* istanbul ignore next */ []));
         this.reviewSnapshot = signal([], ...(ngDevMode ? [{ debugName: "reviewSnapshot" }] : /* istanbul ignore next */ []));
         this.reviewContext = signal(null, ...(ngDevMode ? [{ debugName: "reviewContext" }] : /* istanbul ignore next */ []));
@@ -5517,6 +8743,8 @@ class AXMQuestionnaireViewerStandalonePageComponent {
                 this.isLoading.set(false);
                 return;
             }
+            this.sessionId.set(sessionId);
+            this.existingSession.set(session);
             const caseId = session.caseId;
             const assessmentCase = await this.entityService
                 .withEntity(RootConfig.module.name, RootConfig.entities.assessmentCase.name)
@@ -5558,28 +8786,41 @@ class AXMQuestionnaireViewerStandalonePageComponent {
     //#endregion
     //#region ----   Submit Handler   ----
     async saveSessionAndGetSummary(answers) {
-        const sessionId = this.route.snapshot.paramMap.get('sessionId') ?? this.route.parent?.snapshot.paramMap.get('sessionId');
+        const sessionIdVal = this.sessionId();
         const structureVal = this.structure();
         const q = this.questionnaire();
-        if (!sessionId || !structureVal || !q)
+        const session = this.existingSession();
+        if (!sessionIdVal || !structureVal || !q || !session)
             return null;
-        const { answeredQuestionsCount, progressPercentage } = this.questionnaireViewerService.calculateProgressFromStructure(structureVal, answers);
-        const session = await this.entityService
+        const vm = this.viewerViewModel();
+        const result = await persistAssessmentSession({
+            entityService: this.entityService,
+            questionnaireViewerService: this.questionnaireViewerService,
+            caseId: session.caseId,
+            sessionId: sessionIdVal,
+            existingSession: session,
+            responderId: session.responderId,
+            role: session.role,
+            structure: structureVal,
+            questionnaireId: q.id,
+            answers,
+            finalize: true,
+            progressMetrics: vm
+                ? {
+                    answeredQuestionsCount: vm.answeredQuestionsCount(),
+                    progressPercentage: vm.progressPercentage(),
+                }
+                : undefined,
+            timeSpentSeconds: vm?.timerElapsed(),
+        });
+        const updated = await this.entityService
             .withEntity(RootConfig.module.name, RootConfig.entities.assessmentSession.name)
             .data()
-            .byKey(sessionId);
-        if (session) {
-            await this.entityService
-                .withEntity(RootConfig.module.name, RootConfig.entities.assessmentSession.name)
-                .data()
-                .update(sessionId, {
-                answers,
-                progressPercentage,
-                answeredQuestionsCount,
-                lastSavedAt: new Date(),
-            });
+            .byKey(result.sessionId);
+        if (updated) {
+            this.existingSession.set(updated);
         }
-        const elapsed = this.viewerViewModel()?.timerElapsed() ?? 0;
+        const elapsed = vm?.timerElapsed() ?? 0;
         return this.questionnaireViewerService.buildSummaryPlaceholderValues(structureVal, answers, {
             questionnaireId: q.id,
             elapsedSeconds: elapsed,
@@ -5594,7 +8835,7 @@ class AXMQuestionnaireViewerStandalonePageComponent {
             this.handleDone();
             return;
         }
-        if (cfg?.post.showCalculationResults === true) {
+        if (cfg?.post.showOutcomeResults === true) {
             this.flowStep.set('results');
             return;
         }
@@ -5783,7 +9024,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$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.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$1.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: 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,
@@ -5920,5 +9161,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMQuestionnaireViewerService as A, AXMAssessmentManagementFeatureDefinitionProvider as B, AXMAssessmentManagementFeatureKeys as C, AXMAssessmentManagementMenuProvider as D, AXMAssessmentManagementModule as E, AXMAssessmentManagementPermissionDefinitionProvider as F, AXMAssessmentManagementPermissionKeys as G, AXMAssessmentManagementSearchCommandProvider as H, AXMQuestionnaireViewerPageComponent as I, AXMQuestionnaireViewerStandalonePageComponent as J, AXPAssessmentManagementMenuKeys as K, DEFAULT_POST_QUESTIONNAIRE_CONFIG as L, DEFAULT_PRE_QUESTIONNAIRE_CONFIG as M, DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY as N, DEFAULT_QUESTION_COMMENT_CONFIG as O, DEFAULT_QUESTION_HINT_CONFIG as P, getQuestionAnswerCommentStoragePath as Q, RootConfig as R, normalizeValidationStrategy as S, normalizeViewMode as T, readHintFieldsFromRecord as U, convertStateToValue as a, convertValueToState as b, createDefaultSection as c, getQuestionnaireItemVisibilityBadgeMode as d, normalizeQuestionHintFromEntityRow as e, mergeQuestionHintForViewer as f, getQuestionnaireItemRequiredBadgeMode as g, collectQuestionnaireItemNames as h, allocateNextQuestionItemName as i, normalizeQuestionHintMode as j, normalizeQuestionHintConfig as k, diffQuestionHintOverride as l, mergeQuestionCommentConfig as m, normalizeQuestionCommentConfig as n, diffQuestionCommentOverride as o, parseQuestionHintPartialFromRecord as p, toPrePostConfig as q, AXMQuestionnaireViewerComponent as r, stripHtmlToPlain as s, toDisplaySettings as t, AXMPreQuestionnaireContentComponent as u, AXMPostQuestionnaireContentComponent as v, normalizeCompletionMode as w, stripQuestionBankInterfaceMetadata as x, resolveWidgetNodeFromMetaDataDefinitionInterface as y, AXMAssessmentManagementEntityProvider as z };
-//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-o8aFazwA.mjs.map
+export { AXMQuestionnaireViewerService as A, DEFAULT_QUESTION_HINT_CONFIG as B, diffQuestionCommentOverride as C, DEFAULT_POST_QUESTIONNAIRE_CONFIG as D, diffQuestionHintOverride as E, findDuplicateOutcomeNames as F, flattenQuestionnaireOutcomeItems as G, getQuestionAnswerCommentStoragePath as H, isQuestionnaireOutcomeDisplayColorHex as I, matchesQuestionnaireOutcomeDisplayRule as J, mergeQuestionCommentConfig as K, mergeQuestionHintForViewer as L, normalizeQuestionCommentConfig as M, normalizeQuestionHintConfig as N, normalizeQuestionHintFromEntityRow as O, normalizeQuestionHintMode as P, QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY as Q, RootConfig as R, normalizeQuestionnaireOutcomeDisplayRules as S, normalizeQuestionnaireOutcomesValue as T, normalizeValidationStrategy$1 as U, normalizeViewMode as V, parseQuestionHintPartialFromRecord as W, parseQuestionnaireOutcomeDisplayColor as X, readHintFieldsFromRecord as Y, 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, mapToOutcomeResultsViewModel as m, normalizeCompletionMode as n, AXMAssessmentManagementSearchCommandProvider as o, persistAssessmentSession as p, AXMQuestionnaireViewerPageComponent as q, resolveWidgetNodeFromMetaDataDefinitionInterface as r, stripQuestionBankInterfaceMetadata as s, toPrePostConfig as t, AXMQuestionnaireViewerStandalonePageComponent as u, AXPAssessmentManagementMenuKeys as v, DEFAULT_PRE_QUESTIONNAIRE_CONFIG as w, DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY as x, DEFAULT_QUESTIONNAIRE_OUTCOMES as y, DEFAULT_QUESTION_COMMENT_CONFIG as z };
+//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-DlhSQ0cB.mjs.map