@acorex-platform/module-assessment-management-client 2.0.0-next.2 → 2.0.0-next.21

package/fesm2022/{acorex-platform-module-assessment-management-client-acorex-platform-module-assessment-management-client-Dr56BtSo.mjs → acorex-platform-module-assessment-management-client-acorex-platform-module-assessment-management-client-5ECR73Eo.mjs}

@@ -1,4 +1,4 @@
-import { AXMAssessmentManagementFeatureKeys, RootConfig, AXPSafetyRiskPermissionKeys, AXPAssessmentManagementMenuKeys, AXPContentDocumentsPermissionKeys, AXPFormTemplateManagementMenuKeys, AXMFormTemplateTypes, QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY, parseQuestionHintPartialFromRecord, flattenQuestionnaireOutcomeItems, normalizeQuestionnaireOutcomesValue, normalizeQuestionnaireOutcomeDisplayRules, matchesQuestionnaireOutcomeDisplayRule, readQuestionnaireItemColSpan, normalizeQuestionCommentConfig, commentConfigForEditForm, mergeQuestionCommentConfig, normalizeQuestionHintFromEntityRow, mergeQuestionHintForViewer, questionnaireItemLayoutOverride, normalizeQuestionHintMode, normalizeQuestionHintConfig, diffQuestionHintOverride, diffQuestionCommentOverride, toDisplaySettings, toPrintSettings, toPrePostConfig, findDuplicateOutcomeNames, QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY, resolvePrintSettings, resolvePrintPaging, getQuestionAnswerCommentStoragePath, getQuestionCommentVisibilityFlag, DEFAULT_QUESTIONNAIRE_PRINT_SETTINGS, normalizeCompletionMode, wrapPrintDocument, minifyPrintHtml, resolvePrintPlainText, parseQuestionnaireOutcomeDisplayColor, isQuestionnaireOutcomeDisplayColorHex, resolvePrintContentWidthMm } from '@acorex-platform/module-assessment-management-client/contracts';
+import { AXMAssessmentManagementFeatureKeys, RootConfig, AXPSafetyRiskPermissionKeys, AXPAssessmentManagementMenuKeys, AXPContentDocumentsPermissionKeys, AXPFormTemplateManagementMenuKeys, AXMFormTemplateTypes, QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY, parseQuestionHintPartialFromRecord, flattenQuestionnaireOutcomeItems, normalizeQuestionnaireOutcomesValue, normalizeQuestionnaireOutcomeDisplayRules, matchesQuestionnaireOutcomeDisplayRule, readQuestionnaireItemColSpan, normalizeQuestionCommentConfig, commentConfigForEditForm, mergeQuestionCommentConfig, normalizeQuestionHintFromEntityRow, mergeQuestionHintForViewer, questionnaireItemLayoutOverride, normalizeQuestionHintMode, normalizeQuestionHintConfig, diffQuestionHintOverride, diffQuestionCommentOverride, toDisplaySettings, toPrintSettings, toPrePostConfig, findDuplicateOutcomeNames, QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY, resolvePrintSettings, resolvePrintPaging, getQuestionAnswerCommentStoragePath, getQuestionCommentVisibilityFlag, normalizeQuestionAppearance, normalizeQuestionLayout, DEFAULT_QUESTIONNAIRE_PRINT_SETTINGS, toPersistedAnswers, normalizeCompletionMode, toViewerAnswers, wrapPrintDocument, minifyPrintHtml, resolvePrintPlainText, parseQuestionnaireOutcomeDisplayColor, isQuestionnaireOutcomeDisplayColorHex, resolvePrintContentWidthMm } from '@acorex-platform/module-assessment-management-client/contracts';
 import { AXPCommonMenuKeys, AXPCommonPermissionGroupKeys } from '@acorex-platform/module-common-client/contracts';
 import { AXPEntityService, cloneLayoutArrays, actionExists, ensureLayoutSection, ensureLayoutPropertyView, AXP_ENTITY_ACTION_PLUGIN, AXPEntityDefinitionRegistryService, AXPFileListComponent } from '@acorex-platform/framework-client/layout/entity';
 import * as i0 from '@angular/core';
@@ -1026,10 +1026,10 @@ const AXMQuestionnaireQuestionsEditorWidget = {
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-assessment-management-client-questionnaire-questions-editor-edit.component-DNNHMsa1.mjs').then((module) => module.AXMQuestionnaireQuestionsEditorEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-questionnaire-questions-editor-edit.component-LKydg7hM.mjs').then((module) => module.AXMQuestionnaireQuestionsEditorEditComponent),
         },
         edit: {
-            component: () => import('./acorex-platform-module-assessment-management-client-questionnaire-questions-editor-edit.component-DNNHMsa1.mjs').then((module) => module.AXMQuestionnaireQuestionsEditorEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-questionnaire-questions-editor-edit.component-LKydg7hM.mjs').then((module) => module.AXMQuestionnaireQuestionsEditorEditComponent),
         },
     },
 };
@@ -1288,10 +1288,10 @@ const AXMQuestionnaireViewerWidget = {
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-assessment-management-client-questionnaire-viewer-edit.component-CFsLdcCd.mjs').then((module) => module.AXMQuestionnaireViewerEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-questionnaire-viewer-edit.component-BKBBMXN9.mjs').then((module) => module.AXMQuestionnaireViewerEditComponent),
         },
         edit: {
-            component: () => import('./acorex-platform-module-assessment-management-client-questionnaire-viewer-edit.component-CFsLdcCd.mjs').then((module) => module.AXMQuestionnaireViewerEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-questionnaire-viewer-edit.component-BKBBMXN9.mjs').then((module) => module.AXMQuestionnaireViewerEditComponent),
         },
     },
 };
@@ -1414,10 +1414,10 @@ const AXMQuestionBankInterfaceEditorWidget = {
     ],
     components: {
         edit: {
-            component: () => import('./acorex-platform-module-assessment-management-client-question-bank-interface-editor-widget-edit.component-SUpzNllw.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-question-bank-interface-editor-widget-edit.component-j_TDGlON.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-module-assessment-management-client-question-bank-interface-editor-widget-edit.component-SUpzNllw.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-question-bank-interface-editor-widget-edit.component-j_TDGlON.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         column: {
             component: () => import('@acorex-platform/framework-client/layout/widgets').then((m) => m.AXPWidgetFieldConfiguratorWidgetColumnComponent),
@@ -1481,16 +1481,16 @@ const AXMTestSheetWidget = {
     properties: [{ ...AXP_DATA_PATH_PROPERTY, visible: false }, TEST_SHEET_DEFINITION_PROPERTY],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-widget-view.component-DT0jt6Cd.mjs').then((c) => c.AXMTestSheetWidgetViewComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-widget-view.component-CbbpEr9W.mjs').then((c) => c.AXMTestSheetWidgetViewComponent),
         },
         edit: {
-            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-widget-edit.component-DCuQsJUO.mjs').then((c) => c.AXMTestSheetWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-widget-edit.component-DwB4tgSZ.mjs').then((c) => c.AXMTestSheetWidgetEditComponent),
         },
         column: {
             component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-widget-column.component-B3Lx7yuD.mjs').then((c) => c.AXMTestSheetWidgetColumnComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-widget-edit.component-DCuQsJUO.mjs').then((c) => c.AXMTestSheetWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-widget-edit.component-DwB4tgSZ.mjs').then((c) => c.AXMTestSheetWidgetEditComponent),
         },
     },
 };
@@ -1508,13 +1508,13 @@ const AXMTestSheetCellTypeWidget = {
     properties: [AXP_DATA_PATH_PROPERTY],
     components: {
         edit: {
-            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-cell-type-widget-edit.component-DIug50SN.mjs').then((c) => c.AXMTestSheetCellTypeWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-cell-type-widget-edit.component-BKdMZDZd.mjs').then((c) => c.AXMTestSheetCellTypeWidgetEditComponent),
         },
         view: {
-            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-cell-type-widget-edit.component-DIug50SN.mjs').then((c) => c.AXMTestSheetCellTypeWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-cell-type-widget-edit.component-BKdMZDZd.mjs').then((c) => c.AXMTestSheetCellTypeWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-cell-type-widget-edit.component-DIug50SN.mjs').then((c) => c.AXMTestSheetCellTypeWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-cell-type-widget-edit.component-BKdMZDZd.mjs').then((c) => c.AXMTestSheetCellTypeWidgetEditComponent),
         },
     },
 };
@@ -1532,13 +1532,13 @@ const AXMTestSheetSchemaWidget = {
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
     components: {
         edit: {
-            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-schema-widget-edit.component-D320BoBB.mjs').then((c) => c.AXMTestSheetSchemaWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-schema-widget-edit.component-C9B-HU4h.mjs').then((c) => c.AXMTestSheetSchemaWidgetEditComponent),
         },
         view: {
-            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-schema-widget-edit.component-D320BoBB.mjs').then((c) => c.AXMTestSheetSchemaWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-schema-widget-edit.component-C9B-HU4h.mjs').then((c) => c.AXMTestSheetSchemaWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-schema-widget-edit.component-D320BoBB.mjs').then((c) => c.AXMTestSheetSchemaWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-test-sheet-schema-widget-edit.component-C9B-HU4h.mjs').then((c) => c.AXMTestSheetSchemaWidgetEditComponent),
         },
     },
 };
@@ -1981,7 +1981,7 @@ class AXMQuestionnaireViewerService {
                 outcomeRules: config.outcomeRules,
             }));
         const result = await this.dialogOpener.openPopup({
-            load: () => import('./acorex-platform-module-assessment-management-client-questionnaire-viewer-popup.component-_VaiHN2w.mjs').then((module) => module.AXMQuestionnaireViewerPopupComponent),
+            load: () => import('./acorex-platform-module-assessment-management-client-questionnaire-viewer-popup.component-BLUdC219.mjs').then((module) => module.AXMQuestionnaireViewerPopupComponent),
             data: { title: config.title, questionnaireId: config.questionnaireId ?? '' },
             show: (component) => this.popupService.open(component, {
                 title: config.title,
@@ -5532,9 +5532,56 @@ var index = /*#__PURE__*/Object.freeze({
 //#region ----   Imports   ----
 //#endregion
 //#region ----   Normalization   ----
+const FILE_PREFIX = 'file:';
+const DOCUMENT_PREFIX = 'document:';
+const REFERENCE_PREFIX = 'reference:';
+function text(value) {
+    if (typeof value === 'string') {
+        const id = value.trim();
+        return id || undefined;
+    }
+    if (typeof value === 'number' && Number.isFinite(value)) {
+        return String(value);
+    }
+    return undefined;
+}
+/**
+ * `file:{id}` is storage. `document:{id}` and `reference:document:{id}` stay document links.
+ */
+function fromStorageToken(value) {
+    const trimmed = value.trim();
+    if (!trimmed) {
+        return null;
+    }
+    if (trimmed.startsWith(DOCUMENT_PREFIX)) {
+        const documentId = trimmed.slice(DOCUMENT_PREFIX.length).trim();
+        return documentId ? { id: documentId, documentId } : null;
+    }
+    if (trimmed.startsWith(REFERENCE_PREFIX)) {
+        const rest = trimmed.slice(REFERENCE_PREFIX.length);
+        const separator = rest.indexOf(':');
+        if (separator > 0 && rest.slice(0, separator) === 'document') {
+            const documentId = rest.slice(separator + 1).trim();
+            return documentId ? { id: documentId, documentId } : null;
+        }
+    }
+    const id = trimmed.startsWith(FILE_PREFIX) ? trimmed.slice(FILE_PREFIX.length).trim() : trimmed;
+    return id ? { id } : null;
+}
+function referenceDocumentId(source) {
+    if (source?.kind !== 'reference' || !source.value || typeof source.value !== 'object') {
+        return undefined;
+    }
+    const ref = source.value;
+    if (text(ref.type) !== 'document') {
+        return undefined;
+    }
+    return text(ref.id);
+}
 /**
  * Normalize entity attachments (string[] or file list items) to viewer attachment list.
- * Prefers `source.kind === 'fileId'` over row `id` (row id is often a client UUID, not storage id).
+ * Storage ids come from `source.kind === 'fileId'` (row `id` is often a client UUID).
+ * Drive references stay `documentId` so download can resolve the real file.
  */
 function normalizeQuestionnaireViewerAttachments(raw) {
     if (raw == null)
@@ -5544,7 +5591,7 @@ function normalizeQuestionnaireViewerAttachments(raw) {
     return raw
         .map((item) => {
         if (typeof item === 'string') {
-            return { id: item, name: undefined };
+            return fromStorageToken(item);
         }
         if (!item || typeof item !== 'object') {
             return null;
@@ -5553,12 +5600,32 @@ function normalizeQuestionnaireViewerAttachments(raw) {
         if (row.status === 'deleted') {
             return null;
         }
+        const name = typeof row.name === 'string' ? row.name : undefined;
+        const documentId = referenceDocumentId(row.source) ?? text(row.meta?.documentFileId);
         const src = row.source;
         if (src?.kind === 'fileId' && typeof src.value === 'string' && src.value.trim()) {
-            return { id: src.value, name: typeof row.name === 'string' ? row.name : undefined };
+            const parsed = fromStorageToken(src.value);
+            if (!parsed) {
+                return null;
+            }
+            if (parsed.documentId) {
+                return { ...parsed, name };
+            }
+            // A real storage id wins over a document link stored beside it.
+            if (documentId && documentId !== parsed.id) {
+                return { id: parsed.id, name };
+            }
+            if (documentId && documentId === parsed.id) {
+                return { id: documentId, name, documentId };
+            }
+            return { id: parsed.id, name };
+        }
+        if (documentId) {
+            return { id: documentId, name, documentId };
         }
         if (typeof row.id === 'string' && row.id.trim()) {
-            return { id: row.id, name: typeof row.name === 'string' ? row.name : undefined };
+            const parsed = fromStorageToken(row.id);
+            return parsed ? { ...parsed, name } : null;
         }
         return null;
     })
@@ -5566,15 +5633,31 @@ function normalizeQuestionnaireViewerAttachments(raw) {
 }
 /**
  * Map viewer attachments to `AXPFileListItem` for `axp-file-list` (links look).
+ * Document links stay `source.kind === 'reference'` so download hooks can resolve the file.
  */
 function questionnaireViewerAttachmentsToFileListItems(attachments) {
-    return attachments.map((att) => ({
-        id: att.id,
-        name: att.name ?? att.id,
-        status: 'attached',
-        source: { kind: 'fileId', value: att.id },
-        readOnly: true,
-    }));
+    return attachments.map((att) => {
+        if (att.documentId) {
+            return {
+                id: att.documentId,
+                name: att.name ?? att.documentId,
+                status: 'attached',
+                source: {
+                    kind: 'reference',
+                    value: { id: att.documentId, type: 'document' },
+                },
+                meta: { documentFileId: att.documentId },
+                readOnly: true,
+            };
+        }
+        return {
+            id: att.id,
+            name: att.name ?? att.id,
+            status: 'attached',
+            source: { kind: 'fileId', value: att.id },
+            readOnly: true,
+        };
+    });
 }
 //#endregion
 
@@ -5652,6 +5735,67 @@ function firstSectionIndexWithVisibleContent(sections, sectionCache, questionCac
 //#endregion
 /** Guards concurrent `refreshVisibility` runs; incremented on each refresh. */
 let questionnaireViewerVisibilityRefreshSeq = 0;
+async function evaluateQuestionRequiredFlag(service, isRequired, answers, structure) {
+    if (isRequired === true) {
+        return true;
+    }
+    if (typeof isRequired !== 'string') {
+        return false;
+    }
+    const trimmed = isRequired.trim();
+    if (!trimmed) {
+        return false;
+    }
+    const lower = trimmed.toLowerCase();
+    if (lower === 'true' || lower === '1') {
+        return true;
+    }
+    if (lower === 'false' || lower === '0') {
+        return false;
+    }
+    return service.evaluateQuestionnaireVisibilityFlag(trimmed, answers, structure);
+}
+const QUESTIONNAIRE_QUESTION_REQUIRED_KEY = '@assessment-management:questionnaires.components.questionnaire-viewer.validation.question-required';
+function readValidationRuleMessage(rule) {
+    const fromOptions = rule.options?.message;
+    if (typeof fromOptions === 'string' && fromOptions.trim()) {
+        return fromOptions.trim();
+    }
+    if (typeof rule.message === 'string' && rule.message.trim()) {
+        return rule.message.trim();
+    }
+    return undefined;
+}
+function prepareQuestionnaireWidgetValidations(existing, isStaticallyRequired, requiredMessage) {
+    const source = Array.isArray(existing) ? existing : [];
+    const rules = source.map((rule) => {
+        if (!rule || typeof rule !== 'object') {
+            return rule;
+        }
+        const entry = rule;
+        const authored = readValidationRuleMessage(entry);
+        const message = entry.rule === 'required' && (!authored || authored.startsWith('@') || authored.includes('{{'))
+            ? requiredMessage
+            : authored;
+        if (!message) {
+            return entry;
+        }
+        return {
+            ...entry,
+            message,
+            options: { ...(entry.options ?? {}), message },
+        };
+    });
+    const hasRequired = rules.some((rule) => rule && typeof rule === 'object' && rule.rule === 'required');
+    if (isStaticallyRequired && !hasRequired) {
+        rules.push({
+            rule: 'required',
+            message: requiredMessage,
+            options: { message: requiredMessage },
+        });
+    }
+    return rules;
+}
 function resolveQuestionWidgetReadonly(answerKey, config, interfaceReadonly) {
     if (config?.readonly === true) {
         return true;
@@ -5706,6 +5850,8 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
     questionVisibilityById: {},
     /** Comment-box visibility per question item name (`comment.isVisible` expressions). */
     commentVisibilityById: {},
+    /** Required-expression results per question item name. Static `true` does not need this map. */
+    questionRequiredById: {},
 })), withComputed((store) => ({
     //#region ----   View Mode   ----
     viewMode: computed(() => {
@@ -6243,6 +6389,8 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
             const structure = questionnaire.questions || { sections: [] };
             const displaySettings = structureDisplaySettings ?? toDisplaySettings(questionnaire) ?? undefined;
             const printSettings = structurePrintSettings ?? toPrintSettings(questionnaire) ?? undefined;
+            const requiredMessage = (await translationService.translateAsync(QUESTIONNAIRE_QUESTION_REQUIRED_KEY)) ||
+                'This question is required.';
             const sectionsWithQuestions = await Promise.all(structure.sections.map(async (section, sectionIndex) => {
                 const sectionName = persistedSectionName(section, sectionIndex);
                 const questions = await Promise.all(section.items.map(async (item, itemIndex) => {
@@ -6258,19 +6406,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                     if (widgetInterface) {
                         const path = answerKey ? `answers.${answerKey}` : indexBasedPath;
                         const name = answerKey || `answer-${sectionIndex}-${itemIndex}`;
-                        // Get existing validations from options or directly from interface
                         const existingOptions = widgetInterface.options || {};
                         const existingValidations = existingOptions.validations || widgetInterface.validations || [];
-                        const validations = [...existingValidations];
-                        if (item.isRequired === true) {
-                            const hasRequiredValidation = validations.some((v) => v.rule === 'required');
-                            if (!hasRequiredValidation) {
-                                validations.push({
-                                    rule: 'required',
-                                    message: 'This field is required.',
-                                });
-                            }
-                        }
+                        const validations = prepareQuestionnaireWidgetValidations(existingValidations, item.isRequired === true, requiredMessage);
                         widgetInterface = {
                             ...widgetInterface,
                             path: path,
@@ -6278,6 +6416,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                             options: {
                                 ...existingOptions,
                                 readonly: resolveQuestionWidgetReadonly(answerKey, config, existingOptions.readonly),
+                                ...(config?.readonly === true ? { disabled: true } : {}),
                                 validations: validations.length > 0 ? validations : undefined,
                             },
                         };
@@ -6373,6 +6512,8 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                 });
                 return;
             }
+            const requiredMessage = (await translationService.translateAsync(QUESTIONNAIRE_QUESTION_REQUIRED_KEY)) ||
+                'This question is required.';
             const sectionsWithQuestions = await Promise.all(structure.sections.map(async (section, sectionIndex) => {
                 const sectionName = persistedSectionName(section, sectionIndex);
                 const questions = await Promise.all((section.items || []).map(async (item, itemIndex) => {
@@ -6388,21 +6529,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                     if (widgetInterface) {
                         const path = answerKey ? `answers.${answerKey}` : indexBasedPath;
                         const name = answerKey || `answer-${sectionIndex}-${itemIndex}`;
-                        // Get existing validations from options or directly from interface
                         const existingOptions = widgetInterface.options || {};
                         const existingValidations = existingOptions.validations || widgetInterface.validations || [];
-                        const validations = [...existingValidations];
-                        if (item.isRequired === true) {
-                            const hasRequiredValidation = validations.some((v) => v.rule === 'required');
-                            if (!hasRequiredValidation) {
-                                validations.push({
-                                    rule: 'required',
-                                    options: {
-                                        message: 'This field is required.',
-                                    },
-                                });
-                            }
-                        }
+                        const validations = prepareQuestionnaireWidgetValidations(existingValidations, item.isRequired === true, requiredMessage);
                         widgetInterface = {
                             ...widgetInterface,
                             path: path,
@@ -6410,6 +6539,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                             options: {
                                 ...existingOptions,
                                 readonly: resolveQuestionWidgetReadonly(answerKey, config, existingOptions.readonly),
+                                ...(config?.readonly === true ? { disabled: true } : {}),
                                 validations: validations.length > 0 ? validations : undefined,
                             },
                         };
@@ -6500,6 +6630,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                 sectionVisibilityById: {},
                 questionVisibilityById: {},
                 commentVisibilityById: {},
+                questionRequiredById: {},
             });
             return;
         }
@@ -6508,6 +6639,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const sectionMap = {};
         const questionMap = {};
         const commentMap = {};
+        const requiredMap = {};
         for (const section of data.sections) {
             const secVis = await questionnaireViewerService.evaluateQuestionnaireVisibilityFlag(section.isVisible, answers, structure);
             if (seq !== questionnaireViewerVisibilityRefreshSeq) {
@@ -6518,6 +6650,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                 if (!secVis) {
                     questionMap[q.name] = false;
                     commentMap[q.name] = false;
+                    requiredMap[q.name] = false;
                     continue;
                 }
                 questionMap[q.name] = await questionnaireViewerService.evaluateQuestionnaireVisibilityFlag(q.isVisible, answers, structure);
@@ -6528,6 +6661,10 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                 if (seq !== questionnaireViewerVisibilityRefreshSeq) {
                     return;
                 }
+                requiredMap[q.name] = await evaluateQuestionRequiredFlag(questionnaireViewerService, q.isRequired, answers, structure);
+                if (seq !== questionnaireViewerVisibilityRefreshSeq) {
+                    return;
+                }
             }
         }
         const viewMode = store.viewMode();
@@ -6570,6 +6707,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
             sectionVisibilityById: sectionMap,
             questionVisibilityById: questionMap,
             commentVisibilityById: commentMap,
+            questionRequiredById: requiredMap,
             ...navPatch,
         });
     },
@@ -6740,18 +6878,14 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                         const isEmpty = isQuestionnaireAnswerValueEmpty(value);
                         if (isEmpty) {
                             const questionTitle = resolveQuestionBankItemPlainLabel(question.question, locale);
-                            const errorMessage = (await translationService.translateAsync('@acorex:validation.messages.required')) ||
-                                `${questionTitle} is required`;
-                            // Replace {{ title }} placeholder if present, otherwise use the message as-is
-                            const finalErrorMessage = errorMessage.includes('{{ title }}')
-                                ? errorMessage.replace('{{ title }}', questionTitle)
-                                : errorMessage;
+                            const errorMessage = (await translationService.translateAsync(QUESTIONNAIRE_QUESTION_REQUIRED_KEY)) ||
+                                'This question is required.';
                             errors.push({
                                 name: question.name,
                                 questionTitle,
                                 sectionName: section?.name,
                                 sectionTitle: section ? resolveMultiLanguageString(section.title, locale) : undefined,
-                                error: finalErrorMessage,
+                                error: errorMessage,
                             });
                         }
                     }
@@ -6830,18 +6964,14 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                             const isEmpty = isQuestionnaireAnswerValueEmpty(value);
                             if (isEmpty) {
                                 const questionTitle = resolveQuestionBankItemPlainLabel(question.question, locale);
-                                const errorMessage = (await translationService.translateAsync('@acorex:validation.messages.required')) ||
-                                    `${questionTitle} is required`;
-                                // Replace {{ title }} placeholder if present, otherwise use the message as-is
-                                const finalErrorMessage = errorMessage.includes('{{ title }}')
-                                    ? errorMessage.replace('{{ title }}', questionTitle)
-                                    : errorMessage;
+                                const errorMessage = (await translationService.translateAsync(QUESTIONNAIRE_QUESTION_REQUIRED_KEY)) ||
+                                    'This question is required.';
                                 errors.push({
                                     name: question.name,
                                     questionTitle,
                                     sectionName: section.name,
                                     sectionTitle: resolveMultiLanguageString(section.title, locale),
-                                    error: finalErrorMessage,
+                                    error: errorMessage,
                                 });
                             }
                         }
@@ -7284,6 +7414,77 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
 })));
 //#endregion
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+/** Plain-text length above which automatic layout places the answer under the question. */
+const QUESTIONNAIRE_OPPOSITE_TITLE_MAX_LENGTH = 80;
+const BLOCK_ANSWER_WIDGET_TYPES = new Set([
+    AXPWidgetsList.Editors.LargeTextBox,
+    AXPWidgetsList.Editors.RichText,
+    AXPWidgetsList.Editors.DocumentAttachment,
+    AXPWidgetsList.Editors.DocumentUploader,
+    AXPWidgetsList.Editors.FileViewer,
+    AXPWidgetsList.Editors.InlineDataTable,
+    AXPWidgetsList.Editors.MapBox,
+    AXPWidgetsList.Editors.SignatureBox,
+    AXPWidgetsList.Editors.AddressBox,
+    AXPWidgetsList.Editors.SkillMatrix,
+    AXPWidgetsList.Editors.ResponsibilitiesMatrix,
+    AXPWidgetsList.Editors.RiskMatrix,
+    AXPWidgetsList.Editors.TemplateContentEditor,
+    AXPWidgetsList.Editors.MetaDataForm,
+    AXPWidgetsList.Editors.ConnectedListsEditor,
+    AXPWidgetsList.Editors.ListEditor,
+    AXPWidgetsList.Editors.QueryBuilder,
+    AXPWidgetsList.Editors.ContactBox,
+    AXPWidgetsList.Editors.MetaDataBox,
+    AXPWidgetsList.Advanced.CodeEditor,
+    AXPWidgetsList.Advanced.Map,
+    AXPWidgetsList.Advanced.Signature,
+    AXPWidgetsList.Advanced.FileViewer,
+    AXPWidgetsList.Advanced.Attachments,
+    AXPWidgetsList.Advanced.Image,
+    AXPWidgetsList.ExpressionBuilders.ConditionBuilder,
+]);
+//#endregion
+//#region ----- Layout -----
+function isBlockAnswerWidget(node) {
+    if (!node || typeof node !== 'object') {
+        return false;
+    }
+    if (typeof node.type === 'string' && BLOCK_ANSWER_WIDGET_TYPES.has(node.type)) {
+        return true;
+    }
+    const rows = node.options?.rows;
+    if (typeof rows === 'number' && rows > 1) {
+        return true;
+    }
+    return Array.isArray(node.children) && node.children.some((child) => isBlockAnswerWidget(child));
+}
+/**
+ * Resolves `below` or `opposite` for one question.
+ * `auto` uses the question text length and whether the answer control is a compact field.
+ * It does not depend on the viewport width.
+ */
+function resolveQuestionnaireAnswerPlacement(layout, plainTitle, interfaceNode) {
+    if (layout === 'below') {
+        return 'below';
+    }
+    if (layout === 'opposite') {
+        return 'opposite';
+    }
+    if (isBlockAnswerWidget(interfaceNode)) {
+        return 'below';
+    }
+    const text = plainTitle.replace(/\s+/g, ' ').trim();
+    if (text.length > QUESTIONNAIRE_OPPOSITE_TITLE_MAX_LENGTH) {
+        return 'below';
+    }
+    return 'opposite';
+}
+//#endregion
+
 //#endregion
 //#region ----   Component   ----
 /**
@@ -7296,6 +7497,7 @@ class AXMQuestionnaireViewerQuestionComponent {
         /** Exposed for template `@if (containsHtmlMarkup(...))`. */
         this.containsHtmlMarkup = containsHtmlMarkup;
         this.vm = inject(AXMQuestionnaireViewerViewModel, { optional: true });
+        this.translation = inject(AXTranslationService);
         //#endregion
         //#region ----   Inputs   ----
         this.question = input.required(/* @ts-ignore */
@@ -7328,7 +7530,8 @@ class AXMQuestionnaireViewerQuestionComponent {
             if (this.mode() === 'view') {
                 return 'view';
             }
-            return this.vm?.isReadonly?.() ? 'view' : 'edit';
+            // Readonly still uses the edit widgets so the form is visible. Submit stays hidden by isReadonly.
+            return 'edit';
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "effectiveMode" }] : /* istanbul ignore next */ []));
         /** Non-off hint for the template (narrows discriminated union for `content`). */
@@ -7365,11 +7568,48 @@ class AXMQuestionnaireViewerQuestionComponent {
             }
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hintModeClass" }] : /* istanbul ignore next */ []));
-        /** Show "Required" when statically required or when a required expression is configured. Hidden in print. */
-        this.showRequiredBadge = computed(() => this.effectiveMode() !== 'print' && isQuestionnaireItemRequiredForDisplay(this.question().isRequired), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showRequiredBadge" }] : /* istanbul ignore next */ []));
-        this.showAnsweredBadge = computed(() => this.isAnswered() && this.effectiveMode() !== 'print', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showAnsweredBadge" }] : /* istanbul ignore next */ []));
+        /** Red asterisk when the question is required right now. Stays visible in print. */
+        this.showRequiredMark = computed(() => {
+            const question = this.question();
+            const flag = question.isRequired;
+            if (flag === true) {
+                return true;
+            }
+            if (typeof flag !== 'string') {
+                return false;
+            }
+            const trimmed = flag.trim();
+            if (!trimmed) {
+                return false;
+            }
+            const lower = trimmed.toLowerCase();
+            if (lower === 'true' || lower === '1') {
+                return true;
+            }
+            if (lower === 'false' || lower === '0') {
+                return false;
+            }
+            return this.vm?.questionRequiredById()[question.name] === true;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showRequiredMark" }] : /* istanbul ignore next */ []));
+        /** Check icon when the question has an answer. Hidden in print. */
+        this.showAnsweredMark = computed(() => this.isAnswered() && this.effectiveMode() !== 'print', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showAnsweredMark" }] : /* istanbul ignore next */ []));
+        /** Questionnaire display setting: card, plain, or accent. */
+        this.questionAppearance = computed(() => normalizeQuestionAppearance(this.vm?.structure()?.displaySettings?.questionAppearance), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "questionAppearance" }] : /* istanbul ignore next */ []));
+        /**
+         * Resolved row: opposite places the answer on the same row.
+         * Automatic uses question text length and answer-control kind, not the viewport.
+         */
+        this.answerPlacement = computed(() => {
+            const question = this.question();
+            const layout = normalizeQuestionLayout(this.vm?.structure()?.displaySettings?.questionLayout);
+            const locale = this.translation.getActiveLang?.() ?? 'en-US';
+            const plainTitle = resolveQuestionBankItemPlainLabel({ title: question.question.title, question: question.question.question }, locale);
+            return resolveQuestionnaireAnswerPlacement(layout, plainTitle, question.question.interface);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "answerPlacement" }] : /* istanbul ignore next */ []));
         this.showComments = computed(() => this.printOption('showComments', true), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showComments" }] : /* istanbul ignore next */ []));
         this.showAttachments = computed(() => this.printOption('showAttachments', true), /* @ts-ignore */
@@ -7482,7 +7722,10 @@ class AXMQuestionnaireViewerQuestionComponent {
     <div
       class="__question-item"
       [attr.data-axm-print-question]="question().name"
-      [class.__answered]="isAnswered() && effectiveMode() !== 'print'"
+      [class.__answered]="isAnswered() && effectiveMode() !== 'print' && questionAppearance() !== 'plain'"
+      [class.__layout-opposite]="answerPlacement() === 'opposite'"
+      [class.__appearance-plain]="questionAppearance() === 'plain'"
+      [class.__appearance-accent]="questionAppearance() === 'accent'"
       [class.__print-plain]="effectiveMode() === 'print'"
       [class.__view-mode]="effectiveMode() !== 'edit'"
       [class.__print-mode]="effectiveMode() === 'print'"
@@ -7502,6 +7745,8 @@ class AXMQuestionnaireViewerQuestionComponent {
         }
         <div class="__question-header-right">
           <div class="__question-title-block flex flex-col gap-1 flex-1 min-w-0 items-stretch">
+            <div class="__question-title-line">
+              <div class="__question-title-text min-w-0">
             @if (question().question.question; as qBody) {
               @if (qBody !== '' && (qBody | translate | async)?.trim()!.length > 0) {
                 @if (containsHtmlMarkup($safeNavigationMigration((qBody | translate | async)?.trim()))) {
@@ -7522,20 +7767,32 @@ class AXMQuestionnaireViewerQuestionComponent {
                 {{ question().question.title | translate | async }}
               </h3>
             }
+              </div>
+              @if (showRequiredMark()) {
+                <span
+                  class="__required-mark"
+                  [attr.aria-label]="
+                    '@assessment-management:questionnaires.components.questionnaire-viewer.badges.required'
+                      | translate
+                      | async
+                  "
+                  >*</span
+                >
+              }
+              @if (showAnsweredMark()) {
+                <span
+                  class="__answered-mark"
+                  [attr.aria-label]="
+                    '@assessment-management:questionnaires.components.questionnaire-viewer.badges.answered'
+                      | translate
+                      | async
+                  "
+                >
+                  <i class="fa-light fa-check" aria-hidden="true"></i>
+                </span>
+              }
+            </div>
           </div>
-          @if (showAnsweredBadge()) {
-            <span class="__answered-badge">{{
-              '@assessment-management:questionnaires.components.questionnaire-viewer.badges.answered'
-                | translate
-                | async
-            }}</span>
-          } @else if (showRequiredBadge()) {
-            <span class="__required-badge">{{
-              '@assessment-management:questionnaires.components.questionnaire-viewer.badges.required'
-                | translate
-                | async
-            }}</span>
-          }
         </div>
       </div>
       <!-- Question Note -->
@@ -7600,7 +7857,7 @@ class AXMQuestionnaireViewerQuestionComponent {
         />
       }
     </div>
-  `, isInline: true, styles: ["@layer properties;axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:var(--spacing, .25rem);padding:calc(var(--spacing, .25rem) * 4);text-align:start;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-question .__question-item:hover{background:rgba(var(--ax-sys-color-primary-surface),.08);border-color:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered{background:rgba(var(--ax-sys-color-primary-surface),.14);border-color:rgba(var(--ax-sys-color-primary-surface),.5)}axm-questionnaire-viewer-question .__question-item.__print-mode{box-shadow:none}axm-questionnaire-viewer-question .__question-item.__print-mode:hover{background:inherit;border-color:inherit}axm-questionnaire-viewer-question .__question-item.__print-plain{background:transparent;border:none;border-radius:0;box-shadow:none;padding-inline:0}axm-questionnaire-viewer-question .__question-item.__print-plain:hover{background:transparent;border:none}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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;flex-wrap:wrap;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1;text-align:start;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}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:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));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 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--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 .__answered-badge{border-radius:.25rem;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));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:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));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-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;padding:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item axp-file-list.--look-links.--links-inline{display:block;padding-top:calc(var(--spacing, .25rem) * 3)}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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.AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "showActions", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["@layer properties;axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:var(--spacing, .25rem);padding:calc(var(--spacing, .25rem) * 4);text-align:start;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-question .__question-item:hover{background:rgba(var(--ax-sys-color-primary-surface),.08);border-color:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered:not(.__appearance-plain):not(.__print-plain):not(.__appearance-accent){background:rgba(var(--ax-sys-color-primary-surface),.14);border-color:rgba(var(--ax-sys-color-primary-surface),.5)}axm-questionnaire-viewer-question .__question-item.__appearance-plain:not(.__print-plain){background:transparent;border-color:transparent;box-shadow:none;padding-inline:0}axm-questionnaire-viewer-question .__question-item.__appearance-plain:not(.__print-plain):hover{background:transparent;border-color:transparent}axm-questionnaire-viewer-question .__question-item.__appearance-accent:not(.__print-plain){background:rgba(var(--ax-sys-color-primary-surface),.12);border-color:rgba(var(--ax-sys-color-primary-surface),.45)}axm-questionnaire-viewer-question .__question-item.__appearance-accent:not(.__print-plain).__answered{background:rgba(var(--ax-sys-color-primary-surface),.22)}axm-questionnaire-viewer-question .__question-item.__print-mode{box-shadow:none}axm-questionnaire-viewer-question .__question-item.__print-mode:hover{background:inherit;border-color:inherit}axm-questionnaire-viewer-question .__question-item.__print-plain{background:transparent;border:none;border-radius:0;box-shadow:none;padding-inline:0}axm-questionnaire-viewer-question .__question-item.__print-plain:hover{background:transparent;border:none}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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;flex-wrap:wrap;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1;text-align:start;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}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:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));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 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--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-line{display:inline-flex;max-width:100%;min-width:0px;align-items:flex-start;gap:var(--spacing, .25rem)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__required-mark{--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);margin-block-start:.15rem;color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__answered-mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;color:rgb(var(--ax-sys-color-success-600))}axm-questionnaire-viewer-question .__question-item .__question-note{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));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:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));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.__layout-opposite{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);column-gap:1rem;row-gap:.25rem;align-items:center}axm-questionnaire-viewer-question .__question-item.__layout-opposite>.__question-header{grid-column:1;grid-row:1;width:auto}axm-questionnaire-viewer-question .__question-item.__layout-opposite>.__question-widget{grid-column:2;grid-row:1;min-width:0;display:flex;justify-content:flex-end;align-items:center}axm-questionnaire-viewer-question .__question-item.__layout-opposite>:not(.__question-header):not(.__question-widget){grid-column:1 / -1}@media(max-width:40rem){axm-questionnaire-viewer-question .__question-item.__layout-opposite{grid-template-columns:minmax(0,1fr)}axm-questionnaire-viewer-question .__question-item.__layout-opposite>.__question-widget{grid-column:1;grid-row:auto}}axm-questionnaire-viewer-question .__question-item .__widget-placeholder{border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;padding:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item axp-file-list.--look-links.--links-inline{display:block;padding-top:calc(var(--spacing, .25rem) * 3)}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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.AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "showActions", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireViewerQuestionComponent, decorators: [{
             type: Component,
@@ -7608,7 +7865,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
     <div
       class="__question-item"
       [attr.data-axm-print-question]="question().name"
-      [class.__answered]="isAnswered() && effectiveMode() !== 'print'"
+      [class.__answered]="isAnswered() && effectiveMode() !== 'print' && questionAppearance() !== 'plain'"
+      [class.__layout-opposite]="answerPlacement() === 'opposite'"
+      [class.__appearance-plain]="questionAppearance() === 'plain'"
+      [class.__appearance-accent]="questionAppearance() === 'accent'"
       [class.__print-plain]="effectiveMode() === 'print'"
       [class.__view-mode]="effectiveMode() !== 'edit'"
       [class.__print-mode]="effectiveMode() === 'print'"
@@ -7628,6 +7888,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }
         <div class="__question-header-right">
           <div class="__question-title-block flex flex-col gap-1 flex-1 min-w-0 items-stretch">
+            <div class="__question-title-line">
+              <div class="__question-title-text min-w-0">
             @if (question().question.question; as qBody) {
               @if (qBody !== '' && (qBody | translate | async)?.trim()!.length > 0) {
                 @if (containsHtmlMarkup($safeNavigationMigration((qBody | translate | async)?.trim()))) {
@@ -7648,20 +7910,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 {{ question().question.title | translate | async }}
               </h3>
             }
+              </div>
+              @if (showRequiredMark()) {
+                <span
+                  class="__required-mark"
+                  [attr.aria-label]="
+                    '@assessment-management:questionnaires.components.questionnaire-viewer.badges.required'
+                      | translate
+                      | async
+                  "
+                  >*</span
+                >
+              }
+              @if (showAnsweredMark()) {
+                <span
+                  class="__answered-mark"
+                  [attr.aria-label]="
+                    '@assessment-management:questionnaires.components.questionnaire-viewer.badges.answered'
+                      | translate
+                      | async
+                  "
+                >
+                  <i class="fa-light fa-check" aria-hidden="true"></i>
+                </span>
+              }
+            </div>
           </div>
-          @if (showAnsweredBadge()) {
-            <span class="__answered-badge">{{
-              '@assessment-management:questionnaires.components.questionnaire-viewer.badges.answered'
-                | translate
-                | async
-            }}</span>
-          } @else if (showRequiredBadge()) {
-            <span class="__required-badge">{{
-              '@assessment-management:questionnaires.components.questionnaire-viewer.badges.required'
-                | translate
-                | async
-            }}</span>
-          }
         </div>
       </div>
       <!-- Question Note -->
@@ -7737,7 +8011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXFormModule,
                         FormsModule,
                         AXPFileListComponent,
-                    ], encapsulation: ViewEncapsulation.None, styles: ["@layer properties;axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:var(--spacing, .25rem);padding:calc(var(--spacing, .25rem) * 4);text-align:start;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-question .__question-item:hover{background:rgba(var(--ax-sys-color-primary-surface),.08);border-color:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered{background:rgba(var(--ax-sys-color-primary-surface),.14);border-color:rgba(var(--ax-sys-color-primary-surface),.5)}axm-questionnaire-viewer-question .__question-item.__print-mode{box-shadow:none}axm-questionnaire-viewer-question .__question-item.__print-mode:hover{background:inherit;border-color:inherit}axm-questionnaire-viewer-question .__question-item.__print-plain{background:transparent;border:none;border-radius:0;box-shadow:none;padding-inline:0}axm-questionnaire-viewer-question .__question-item.__print-plain:hover{background:transparent;border:none}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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;flex-wrap:wrap;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1;text-align:start;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}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:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));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 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--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 .__answered-badge{border-radius:.25rem;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));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:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));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-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;padding:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item axp-file-list.--look-links.--links-inline{display:block;padding-top:calc(var(--spacing, .25rem) * 3)}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, styles: ["@layer properties;axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:var(--spacing, .25rem);padding:calc(var(--spacing, .25rem) * 4);text-align:start;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-surface));--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}axm-questionnaire-viewer-question .__question-item:hover{background:rgba(var(--ax-sys-color-primary-surface),.08);border-color:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered:not(.__appearance-plain):not(.__print-plain):not(.__appearance-accent){background:rgba(var(--ax-sys-color-primary-surface),.14);border-color:rgba(var(--ax-sys-color-primary-surface),.5)}axm-questionnaire-viewer-question .__question-item.__appearance-plain:not(.__print-plain){background:transparent;border-color:transparent;box-shadow:none;padding-inline:0}axm-questionnaire-viewer-question .__question-item.__appearance-plain:not(.__print-plain):hover{background:transparent;border-color:transparent}axm-questionnaire-viewer-question .__question-item.__appearance-accent:not(.__print-plain){background:rgba(var(--ax-sys-color-primary-surface),.12);border-color:rgba(var(--ax-sys-color-primary-surface),.45)}axm-questionnaire-viewer-question .__question-item.__appearance-accent:not(.__print-plain).__answered{background:rgba(var(--ax-sys-color-primary-surface),.22)}axm-questionnaire-viewer-question .__question-item.__print-mode{box-shadow:none}axm-questionnaire-viewer-question .__question-item.__print-mode:hover{background:inherit;border-color:inherit}axm-questionnaire-viewer-question .__question-item.__print-plain{background:transparent;border:none;border-radius:0;box-shadow:none;padding-inline:0}axm-questionnaire-viewer-question .__question-item.__print-plain:hover{background:transparent;border:none}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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;flex-wrap:wrap;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1;text-align:start;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}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:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));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 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--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-line{display:inline-flex;max-width:100%;min-width:0px;align-items:flex-start;gap:var(--spacing, .25rem)}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__required-mark{--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);margin-block-start:.15rem;color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__answered-mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1;color:rgb(var(--ax-sys-color-success-600))}axm-questionnaire-viewer-question .__question-item .__question-note{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));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:var(--spacing, .25rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));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.__layout-opposite{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);column-gap:1rem;row-gap:.25rem;align-items:center}axm-questionnaire-viewer-question .__question-item.__layout-opposite>.__question-header{grid-column:1;grid-row:1;width:auto}axm-questionnaire-viewer-question .__question-item.__layout-opposite>.__question-widget{grid-column:2;grid-row:1;min-width:0;display:flex;justify-content:flex-end;align-items:center}axm-questionnaire-viewer-question .__question-item.__layout-opposite>:not(.__question-header):not(.__question-widget){grid-column:1 / -1}@media(max-width:40rem){axm-questionnaire-viewer-question .__question-item.__layout-opposite{grid-template-columns:minmax(0,1fr)}axm-questionnaire-viewer-question .__question-item.__layout-opposite>.__question-widget{grid-column:1;grid-row:auto}}axm-questionnaire-viewer-question .__question-item .__widget-placeholder{border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;padding:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:calc(var(--spacing, .25rem) * 2)}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item axp-file-list.--look-links.--links-inline{display:block;padding-top:calc(var(--spacing, .25rem) * 3)}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { question: [{ type: i0.Input, args: [{ isSignal: true, alias: "question", required: true }] }], contextData: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextData", required: false }] }], sectionOrder: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionOrder", required: true }] }], questionIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionIndex", required: true }] }], showQuestionNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showQuestionNumbers", required: false }] }], showQuestionCounter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showQuestionCounter", required: false }] }], currentPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPosition", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
 
 //#region ---- Imports ----
@@ -8348,7 +8622,7 @@ class AXMQuestionnaireViewerComponent {
         this.answersChanged.emit(answers);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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.printLayout()) {\n            <axm-questionnaire-viewer-print-view></axm-questionnaire-viewer-print-view>\n            } @else 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-validation-summary [displayMode]=\"'toast'\" [autoHide]=\"true\"></ax-validation-summary>\n        </ax-form>\n    </div>\n    }\n</axp-widgets-container>", styles: [".axm-questionnaire-viewer{display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}.axm-questionnaire-viewer axp-widgets-container{display:flex;height:100%;min-height:0px;flex:1;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;flex-direction:column;overflow:hidden}.axm-questionnaire-viewer ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n", ".__section-title-sticky,.__mobile-header-row{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}:is(.__section-title-sticky,.__mobile-header-row):before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;background-color:rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid transparent;box-shadow:none;transition:box-shadow .2s ease-out,border-color .2s ease-out}:is(.__section-title-sticky,.__mobile-header-row):after{content:\"\";position:absolute;bottom:0;left:1rem;right:1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));pointer-events:none;opacity:1;transition:opacity .2s ease-out}:is(.__section-title-sticky,.__mobile-header-row).--stuck{border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}:is(.__section-title-sticky,.__mobile-header-row).--stuck:after{opacity:0}@media(prefers-reduced-motion:reduce){.__section-title-sticky:before,.__mobile-header-row:before,.__section-title-sticky:after,.__mobile-header-row:after{transition-duration:1ms}}.__mobile-header-row{display:flex;flex-shrink:0;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2)}.__viewer-scroll{display:flex;min-height:0px;width:100%;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:83vh}@media(width>=48rem){.__viewer-scroll{max-height:75vh}}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-single-page-view,axm-questionnaire-viewer-page-per-group-view{display:flex;height:100%;min-height:0px;width:100%;flex:1;flex-direction:column;overflow:hidden}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "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: "component", type: i1$3.AXValidationSummaryComponent, selector: "ax-validation-summary", inputs: ["title", "displayMode", "timeOut", "autoHide"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "component", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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.printLayout()) {\n            <axm-questionnaire-viewer-print-view></axm-questionnaire-viewer-print-view>\n            } @else 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>", styles: [".axm-questionnaire-viewer{display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}.axm-questionnaire-viewer axp-widgets-container{display:flex;height:100%;min-height:0px;flex:1;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;flex-direction:column;overflow:hidden}.axm-questionnaire-viewer ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n", ".__section-title-sticky,.__mobile-header-row{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}:is(.__section-title-sticky,.__mobile-header-row):before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;background-color:rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid transparent;box-shadow:none;transition:box-shadow .2s ease-out,border-color .2s ease-out}:is(.__section-title-sticky,.__mobile-header-row):after{content:\"\";position:absolute;bottom:0;left:1rem;right:1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));pointer-events:none;opacity:1;transition:opacity .2s ease-out}:is(.__section-title-sticky,.__mobile-header-row).--stuck{border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}:is(.__section-title-sticky,.__mobile-header-row).--stuck:after{opacity:0}@media(prefers-reduced-motion:reduce){.__section-title-sticky:before,.__mobile-header-row:before,.__section-title-sticky:after,.__mobile-header-row:after{transition-duration:1ms}}.__mobile-header-row{display:flex;flex-shrink:0;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2)}.__viewer-scroll{display:flex;min-height:0px;width:100%;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:83vh}@media(width>=48rem){.__viewer-scroll{max-height:75vh}}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-single-page-view,axm-questionnaire-viewer-page-per-group-view{display:flex;height:100%;min-height:0px;width:100%;flex:1;flex-direction:column;overflow:hidden}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "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: "component", type: AXMQuestionnaireViewerPrintViewComponent, selector: "axm-questionnaire-viewer-print-view" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -8369,7 +8643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXMQuestionnaireViewerPrintViewComponent,
                     ], providers: [AXMQuestionnaireViewerViewModel], encapsulation: ViewEncapsulation.None, host: {
                         class: 'axm-questionnaire-viewer',
-                    }, template: "<axp-widgets-container #widgetContainer [attr.dir]=\"layoutDirection()\" [context]=\"{}\"\n    (onContextChanged)=\"handleContextChanged()\">\n    @if (vm.isLoading()) {\n    <div class=\"__loading\">\n        <axp-state-message icon=\"fa-light fa-spinner fa-spin\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async) || ''\"\n            [description]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.description' | translate | async) || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.error()) {\n    <div class=\"__error\">\n        <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.error.title' | translate | async) || ''\"\n            [description]=\"vm.error() || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.questionnaireData()) {\n    <div class=\"__questionnaire-container\">\n        <ax-form #form>\n            @if (vm.printLayout()) {\n            <axm-questionnaire-viewer-print-view></axm-questionnaire-viewer-print-view>\n            } @else 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-validation-summary [displayMode]=\"'toast'\" [autoHide]=\"true\"></ax-validation-summary>\n        </ax-form>\n    </div>\n    }\n</axp-widgets-container>", styles: [".axm-questionnaire-viewer{display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}.axm-questionnaire-viewer axp-widgets-container{display:flex;height:100%;min-height:0px;flex:1;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;flex-direction:column;overflow:hidden}.axm-questionnaire-viewer ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n", ".__section-title-sticky,.__mobile-header-row{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}:is(.__section-title-sticky,.__mobile-header-row):before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;background-color:rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid transparent;box-shadow:none;transition:box-shadow .2s ease-out,border-color .2s ease-out}:is(.__section-title-sticky,.__mobile-header-row):after{content:\"\";position:absolute;bottom:0;left:1rem;right:1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));pointer-events:none;opacity:1;transition:opacity .2s ease-out}:is(.__section-title-sticky,.__mobile-header-row).--stuck{border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}:is(.__section-title-sticky,.__mobile-header-row).--stuck:after{opacity:0}@media(prefers-reduced-motion:reduce){.__section-title-sticky:before,.__mobile-header-row:before,.__section-title-sticky:after,.__mobile-header-row:after{transition-duration:1ms}}.__mobile-header-row{display:flex;flex-shrink:0;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2)}.__viewer-scroll{display:flex;min-height:0px;width:100%;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:83vh}@media(width>=48rem){.__viewer-scroll{max-height:75vh}}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-single-page-view,axm-questionnaire-viewer-page-per-group-view{display:flex;height:100%;min-height:0px;width:100%;flex:1;flex-direction:column;overflow:hidden}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<axp-widgets-container #widgetContainer [attr.dir]=\"layoutDirection()\" [context]=\"{}\"\n    (onContextChanged)=\"handleContextChanged()\">\n    @if (vm.isLoading()) {\n    <div class=\"__loading\">\n        <axp-state-message icon=\"fa-light fa-spinner fa-spin\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async) || ''\"\n            [description]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.loading.description' | translate | async) || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.error()) {\n    <div class=\"__error\">\n        <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n            [title]=\"('@assessment-management:questionnaires.components.questionnaire-viewer.error.title' | translate | async) || ''\"\n            [description]=\"vm.error() || ''\">\n        </axp-state-message>\n    </div>\n    } @else if (vm.questionnaireData()) {\n    <div class=\"__questionnaire-container\">\n        <ax-form #form>\n            @if (vm.printLayout()) {\n            <axm-questionnaire-viewer-print-view></axm-questionnaire-viewer-print-view>\n            } @else 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>", styles: [".axm-questionnaire-viewer{display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}.axm-questionnaire-viewer axp-widgets-container{display:flex;height:100%;min-height:0px;flex:1;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;flex-direction:column;overflow:hidden}.axm-questionnaire-viewer ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n", ".__section-title-sticky,.__mobile-header-row{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;--tw-border-style: none;border-style:none;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}:is(.__section-title-sticky,.__mobile-header-row):before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;background-color:rgb(var(--ax-sys-color-lightest-surface));border-bottom:1px solid transparent;box-shadow:none;transition:box-shadow .2s ease-out,border-color .2s ease-out}:is(.__section-title-sticky,.__mobile-header-row):after{content:\"\";position:absolute;bottom:0;left:1rem;right:1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));pointer-events:none;opacity:1;transition:opacity .2s ease-out}:is(.__section-title-sticky,.__mobile-header-row).--stuck{border-bottom:1px solid rgb(var(--ax-sys-color-border-surface));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}:is(.__section-title-sticky,.__mobile-header-row).--stuck:after{opacity:0}@media(prefers-reduced-motion:reduce){.__section-title-sticky:before,.__mobile-header-row:before,.__section-title-sticky:after,.__mobile-header-row:after{transition-duration:1ms}}.__mobile-header-row{display:flex;flex-shrink:0;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 2)}.__viewer-scroll{display:flex;min-height:0px;width:100%;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:83vh}@media(width>=48rem){.__viewer-scroll{max-height:75vh}}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll){display:flex;height:100%;max-height:100%;min-height:0px;width:100%;flex:1;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) .__questionnaire-container{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer:has(.__viewer-scroll) ax-form{display:flex;height:100%;min-height:0px;flex:1;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content:has(.__viewer-scroll){overflow:hidden}axm-questionnaire-viewer-single-page-view,axm-questionnaire-viewer-page-per-group-view{display:flex;height:100%;min-height:0px;width:100%;flex:1;flex-direction:column;overflow:hidden}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { questionnaireId: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionnaireId", required: false }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "structure", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], initialAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialAnswers", required: false }] }], answersChanged: [{ type: i0.Output, args: ["answersChanged"] }], questionAnswered: [{ type: i0.Output, args: ["questionAnswered"] }], form: [{ type: i0.ViewChild, args: ['form', { isSignal: true }] }], widgetContainer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPWidgetContainerComponent), { isSignal: true }] }] } });
 
 //#region ----   Imports   ----
@@ -8656,7 +8930,7 @@ async function persistAssessmentSession(input) {
         caseId,
         responderId,
         role,
-        answers,
+        answers: toPersistedAnswers(answers, structure, get$1(currentSession, 'answers')),
         progressPercentage,
         answeredQuestionsCount,
         lastSavedAt: now,
@@ -8932,7 +9206,7 @@ class AXMHeadlessQuestionnaireSessionService {
             role: input.role ?? 'responder',
             persistedSessionId: existingSession?.id ?? null,
             existingSession,
-            answers: { ...(existingSession?.answers ?? {}) },
+            answers: toViewerAnswers(existingSession?.answers),
             items,
             sectionCache: {},
             questionCache: {},
@@ -9310,19 +9584,19 @@ class AXMQuestionnaireViewerFeatureModule {
             provideCommandSetups([
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-preview-questionnaire.command-BCl7mxLu.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-preview-questionnaire.command-CqAlLD06.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-CMInpf_N.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-aNpcP2j-.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-CMInpf_N.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-aNpcP2j-.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-view-session-answers.command-rsDFSIgz.mjs').then((c) => c.ViewSessionAnswersCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-view-session-answers.command-BCmla5AS.mjs').then((c) => c.ViewSessionAnswersCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:PreviewPdf`,
@@ -9330,47 +9604,47 @@ class AXMQuestionnaireViewerFeatureModule {
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-B88LFQGF.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-DPoL2WXF.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-B88LFQGF.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-DPoL2WXF.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ReviewAnswers`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-ei5Yuxft.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-D2MyU3wd.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:ReviewAnswers`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-ei5Yuxft.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-D2MyU3wd.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                 },
                 {
                     key: ASSESSMENT_FIND_CASE_FOR_VOICE_FILL_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMFindCaseForVoiceFillCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMFindCaseForVoiceFillCommand),
                 },
                 {
                     key: ASSESSMENT_START_HEADLESS_QUESTIONNAIRE_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMStartHeadlessQuestionnaireCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMStartHeadlessQuestionnaireCommand),
                 },
                 {
                     key: ASSESSMENT_NEXT_QUESTIONNAIRE_QUESTION_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMNextQuestionnaireQuestionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMNextQuestionnaireQuestionCommand),
                 },
                 {
                     key: ASSESSMENT_APPLY_QUESTIONNAIRE_ANSWER_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMApplyQuestionnaireAnswerCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMApplyQuestionnaireAnswerCommand),
                 },
                 {
                     key: ASSESSMENT_SAVE_QUESTIONNAIRE_DRAFT_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMSaveQuestionnaireDraftCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMSaveQuestionnaireDraftCommand),
                 },
                 {
                     key: ASSESSMENT_SUBMIT_QUESTIONNAIRE_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMSubmitQuestionnaireCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMSubmitQuestionnaireCommand),
                 },
                 {
                     key: ASSESSMENT_CANCEL_QUESTIONNAIRE_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMCancelQuestionnaireCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMCancelQuestionnaireCommand),
                 },
             ]),
             {
@@ -9402,19 +9676,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         provideCommandSetups([
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-preview-questionnaire.command-BCl7mxLu.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-preview-questionnaire.command-CqAlLD06.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-CMInpf_N.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-aNpcP2j-.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-CMInpf_N.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-aNpcP2j-.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-view-session-answers.command-rsDFSIgz.mjs').then((c) => c.ViewSessionAnswersCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-view-session-answers.command-BCmla5AS.mjs').then((c) => c.ViewSessionAnswersCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:PreviewPdf`,
@@ -9422,47 +9696,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-B88LFQGF.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-DPoL2WXF.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-B88LFQGF.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-DPoL2WXF.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ReviewAnswers`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-ei5Yuxft.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-D2MyU3wd.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:ReviewAnswers`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-ei5Yuxft.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-D2MyU3wd.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                             },
                             {
                                 key: ASSESSMENT_FIND_CASE_FOR_VOICE_FILL_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMFindCaseForVoiceFillCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMFindCaseForVoiceFillCommand),
                             },
                             {
                                 key: ASSESSMENT_START_HEADLESS_QUESTIONNAIRE_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMStartHeadlessQuestionnaireCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMStartHeadlessQuestionnaireCommand),
                             },
                             {
                                 key: ASSESSMENT_NEXT_QUESTIONNAIRE_QUESTION_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMNextQuestionnaireQuestionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMNextQuestionnaireQuestionCommand),
                             },
                             {
                                 key: ASSESSMENT_APPLY_QUESTIONNAIRE_ANSWER_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMApplyQuestionnaireAnswerCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMApplyQuestionnaireAnswerCommand),
                             },
                             {
                                 key: ASSESSMENT_SAVE_QUESTIONNAIRE_DRAFT_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMSaveQuestionnaireDraftCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMSaveQuestionnaireDraftCommand),
                             },
                             {
                                 key: ASSESSMENT_SUBMIT_QUESTIONNAIRE_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMSubmitQuestionnaireCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMSubmitQuestionnaireCommand),
                             },
                             {
                                 key: ASSESSMENT_CANCEL_QUESTIONNAIRE_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-Zv4Q1ASd.mjs').then((c) => c.AXMCancelQuestionnaireCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DGcCkudt.mjs').then((c) => c.AXMCancelQuestionnaireCommand),
                             },
                         ]),
                         {
@@ -9978,7 +10252,7 @@ const AXPTemplateWidget = {
             component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
         },
         edit: {
-            component: () => import('./acorex-platform-module-assessment-management-client-template-widget-edit.component-Bw4pp8op.mjs').then((c) => c.AXPTemplateWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-template-widget-edit.component-BSg5lWIS.mjs').then((c) => c.AXPTemplateWidgetEditComponent),
         },
         print: {
             component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
@@ -10292,8 +10566,8 @@ class AXMAssessmentManagementModule {
             ]),
             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)),
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-assessment-management-client-index-CY7Rj5LR.mjs').then((m) => m.AXMFormTemplatePageComponentProvider)),
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-assessment-management-client-related-content-viewer-page-component.provider-tSXHNIPe.mjs').then((m) => m.AXMRelatedContentViewerPageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-assessment-management-client-index-xC4NiE8P.mjs').then((m) => m.AXMFormTemplatePageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-assessment-management-client-related-content-viewer-page-component.provider-CbmBo7Ve.mjs').then((m) => m.AXMRelatedContentViewerPageComponentProvider)),
             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)),
@@ -10309,11 +10583,11 @@ class AXMAssessmentManagementModule {
                 },
                 {
                     key: 'open-form-template',
-                    command: () => import('./acorex-platform-module-assessment-management-client-open-form-template.command-A-TnX3P_.mjs').then((c) => c.AXMOpenFormTemplateCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-open-form-template.command-xaDs3wr5.mjs').then((c) => c.AXMOpenFormTemplateCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.template.name}:Preview`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-preview-form-template.command-C2oXajyi.mjs').then((c) => c.AXMPreviewFormTemplateCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-preview-form-template.command-CO_Z0X5u.mjs').then((c) => c.AXMPreviewFormTemplateCommand),
                 },
                 {
                     key: 'design-form-template',
@@ -10321,15 +10595,15 @@ class AXMAssessmentManagementModule {
                 },
                 {
                     key: 'show-questionnaire-questions-popup',
-                    command: () => import('./acorex-platform-module-assessment-management-client-show-questionnaire-questions-popup.command-6yO3hkNQ.mjs').then((c) => c.ShowQuestionnaireQuestionsPopupCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-show-questionnaire-questions-popup.command-BVzSq-rX.mjs').then((c) => c.ShowQuestionnaireQuestionsPopupCommand),
                 },
                 {
                     key: 'show-form-template-viewer-popup',
-                    command: () => import('./acorex-platform-module-assessment-management-client-show-form-template-viewer-popup.command-CC_MiEhE.mjs').then((c) => c.ShowFormTemplateViewerPopupCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-show-form-template-viewer-popup.command-CJ2EIOfz.mjs').then((c) => c.ShowFormTemplateViewerPopupCommand),
                 },
                 {
                     key: 'show-questionnaire-viewer-popup',
-                    command: () => import('./acorex-platform-module-assessment-management-client-show-questionnaire-viewer-popup.command-BgiXwWzD.mjs').then((c) => c.ShowQuestionnaireViewerPopupCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-show-questionnaire-viewer-popup.command-CEjI6ebC.mjs').then((c) => c.ShowQuestionnaireViewerPopupCommand),
                 },
             ]),
         ], imports: [AXPWidgetsModule,
@@ -10399,8 +10673,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         ]),
                         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)),
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-assessment-management-client-index-CY7Rj5LR.mjs').then((m) => m.AXMFormTemplatePageComponentProvider)),
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-assessment-management-client-related-content-viewer-page-component.provider-tSXHNIPe.mjs').then((m) => m.AXMRelatedContentViewerPageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-assessment-management-client-index-xC4NiE8P.mjs').then((m) => m.AXMFormTemplatePageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-assessment-management-client-related-content-viewer-page-component.provider-CbmBo7Ve.mjs').then((m) => m.AXMRelatedContentViewerPageComponentProvider)),
                         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)),
@@ -10416,11 +10690,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: 'open-form-template',
-                                command: () => import('./acorex-platform-module-assessment-management-client-open-form-template.command-A-TnX3P_.mjs').then((c) => c.AXMOpenFormTemplateCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-open-form-template.command-xaDs3wr5.mjs').then((c) => c.AXMOpenFormTemplateCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.template.name}:Preview`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-preview-form-template.command-C2oXajyi.mjs').then((c) => c.AXMPreviewFormTemplateCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-preview-form-template.command-CO_Z0X5u.mjs').then((c) => c.AXMPreviewFormTemplateCommand),
                             },
                             {
                                 key: 'design-form-template',
@@ -10428,15 +10702,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: 'show-questionnaire-questions-popup',
-                                command: () => import('./acorex-platform-module-assessment-management-client-show-questionnaire-questions-popup.command-6yO3hkNQ.mjs').then((c) => c.ShowQuestionnaireQuestionsPopupCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-show-questionnaire-questions-popup.command-BVzSq-rX.mjs').then((c) => c.ShowQuestionnaireQuestionsPopupCommand),
                             },
                             {
                                 key: 'show-form-template-viewer-popup',
-                                command: () => import('./acorex-platform-module-assessment-management-client-show-form-template-viewer-popup.command-CC_MiEhE.mjs').then((c) => c.ShowFormTemplateViewerPopupCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-show-form-template-viewer-popup.command-CJ2EIOfz.mjs').then((c) => c.ShowFormTemplateViewerPopupCommand),
                             },
                             {
                                 key: 'show-questionnaire-viewer-popup',
-                                command: () => import('./acorex-platform-module-assessment-management-client-show-questionnaire-viewer-popup.command-BgiXwWzD.mjs').then((c) => c.ShowQuestionnaireViewerPopupCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-show-questionnaire-viewer-popup.command-CEjI6ebC.mjs').then((c) => c.ShowQuestionnaireViewerPopupCommand),
                             },
                         ]),
                     ],
@@ -11567,7 +11841,7 @@ class AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent {
         </ax-popover>
       </div>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$3.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "showActions", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$3.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "restoreFocusOnClose", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "showActions", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, decorators: [{
             type: Component,
@@ -11786,9 +12060,7 @@ class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
                     .data()
                     .byKey(existingSessionId);
                 if (session) {
-                    if (session.answers) {
-                        answers = session.answers;
-                    }
+                    answers = toViewerAnswers(session.answers);
                     this.currentSessionId.set(existingSessionId);
                     this.existingSession.set(session);
                 }
@@ -12167,7 +12439,7 @@ class AXMQuestionnaireViewerStandalonePageComponent {
                 this.isLoading.set(false);
                 return;
             }
-            const answers = session.answers ?? {};
+            const answers = toViewerAnswers(session.answers);
             const cfg = toPrePostConfig(questionnaire);
             this.questionnaire.set(questionnaire);
             this.structure.set({
@@ -12605,4 +12877,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  */
 
 export { AXPFormTemplateViewerConnector as A, resolveSummaryPlaceholders as B, AXMAssessmentManagementFeatureDefinitionProvider as C, AXMAssessmentManagementMenuProvider as D, AXMAssessmentManagementModule as E, FORM_TEMPLATE_PAGE_COMPONENT_KEY as F, AXMAssessmentManagementPermissionDefinitionProvider as G, AXMAssessmentManagementSearchCommandProvider as H, AXMQuestionnaireViewerPageComponent as I, AXMQuestionnaireViewerStandalonePageComponent as J, QUESTIONNAIRE_VIEWER_PAGE_COMPONENT_KEY as Q, FORM_TEMPLATE_VIEWER_PAGE_COMPONENT_KEY as a, QUESTIONNAIRE_QUESTIONS_EDITOR_WIDGET as b, AXMRelatedContentRecordService as c, readRelatedRecordId as d, FORM_TEMPLATE_VIEWER_FIELD as e, FORM_TEMPLATE_VIEWER_SOURCE_FIELD as f, formatQuestionnairePreviewDialogTitle as g, AXMQuestionnaireViewerService as h, QUESTIONNAIRE_VIEWER_FIELD as i, QUESTIONNAIRE_VIEWER_SOURCE_FIELD as j, AXMQuestionnairePrintSnapshotService as k, AXMQuestionnairePrintHostComponent as l, AXMQuestionnaireViewerComponent as m, AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent as n, AXMPreQuestionnaireContentComponent as o, persistAssessmentSession as p, AXMPostQuestionnaireContentComponent as q, resolvePersistedEntityId as r, AXMHeadlessQuestionnaireSessionService as s, AXMQuestionnaireQuestionsBuilderComponent as t, AXPTemplateWidgetProviderService as u, stripQuestionBankInterfaceMetadata as v, resolveWidgetNodeFromMetaDataDefinitionInterface as w, AXM_TEST_SHEET_ROW_GROUP_PATH as x, AXM_TEST_SHEET_INPUT_WIDGET_TYPES as y, AXM_TEST_SHEET_CELL_TYPE_WIDGET as z };
-//# sourceMappingURL=acorex-platform-module-assessment-management-client-acorex-platform-module-assessment-management-client-Dr56BtSo.mjs.map
+//# sourceMappingURL=acorex-platform-module-assessment-management-client-acorex-platform-module-assessment-management-client-5ECR73Eo.mjs.map