@acorex/modules 21.0.0-next.37 → 21.0.0-next.40

package/fesm2022/{acorex-modules-assessment-management-acorex-modules-assessment-management-BNK6C-Ng.mjs → acorex-modules-assessment-management-acorex-modules-assessment-management-CMS2WJDu.mjs}

@@ -6,7 +6,7 @@ import { AXPSearchCommandProvider, createEntityCommandOptions, AXPFileStorageSer
 import { AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER, AXPSessionService } from '@acorex/platform/auth';
 import { AXPStateMessageComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPThemeLayoutBlockComponent, AXPStopwatchComponent } from '@acorex/platform/layout/components';
 import { provideCommandSetups, provideCommand } from '@acorex/platform/runtime';
-import { resolveMultiLanguageString, AXPExpressionEvaluatorService, AXPDeviceService, containsHtmlMarkup, AXPResolveMultiLanguageStringPipe, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider, AXP_FEATURE_DEFINITION_PROVIDER, AXPContextStore } from '@acorex/platform/core';
+import { AXPExpressionEvaluatorService, AXPDeviceService, containsHtmlMarkup, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider, AXP_FEATURE_DEFINITION_PROVIDER, AXPContextStore } from '@acorex/platform/core';
 import { ROUTES, ActivatedRoute, Router } from '@angular/router';
 import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import { AXMMetaDataDefinitionEntityModule } from '@acorex/modules/data-management';
@@ -14,22 +14,22 @@ import * as i1 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER, AXPWidgetContainerComponent, AXPWidgetCoreService } from '@acorex/platform/layout/widget-core';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY } from '@acorex/platform/layout/widgets';
 import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, AsyncPipe } from '@angular/common';
 import * as i1$3 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
 import * as i4$1 from '@acorex/core/translation';
-import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { resolveMultiLanguageString, AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import * as i2$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXToastService } from '@acorex/components/toast';
 import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
 import { cloneDeep, get } from 'lodash-es';
 import { AXPopupService } from '@acorex/components/popup';
-import { AXSafePipe } from '@acorex/core/pipes';
 import * as i2 from '@acorex/components/alert';
 import { AXAlertModule } from '@acorex/components/alert';
 import * as i4 from '@acorex/components/text-area';
 import { AXTextAreaModule } from '@acorex/components/text-area';
+import { AXSafePipe } from '@acorex/core/pipes';
 import * as i5 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXDrawerDirectiveModule } from '@acorex/cdk/drawer';
@@ -102,15 +102,15 @@ class AXMAssessmentManagementEntityProvider {
         if (moduleName === RootConfig.module.name) {
             switch (entityName) {
                 case RootConfig.entities.questionBankItem.name:
-                    return (await import('./acorex-modules-assessment-management-question-bank-item.entity-CZ32sQ9M.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-question-bank-item.entity-DO4bTKKo.mjs')).factory(this.injector);
                 case RootConfig.entities.questionnaire.name:
-                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-CmmThk2f.mjs')).factory();
+                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-CJWNlaJs.mjs')).factory();
                 case RootConfig.entities.assessmentCase.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-Ds8pRzvE.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-C-Q4hu8o.mjs')).factory(this.injector);
                 case RootConfig.entities.assessmentSession.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-tq1Q4wkS.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-CQI_FpUd.mjs')).factory(this.injector);
                 case RootConfig.entities.questionnaireCalculation.name:
-                    return (await import('./acorex-modules-assessment-management-questionnaire-calculation.entity-C7gf4s1y.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-questionnaire-calculation.entity-B-N0v4zs.mjs')).factory(this.injector);
             }
         }
         return null;
@@ -417,7 +417,7 @@ const AssessmentManagementManifest = {
 const AXMQuestionBankInterfaceEditorWidget = {
     name: 'question-bank-interface-editor',
     title: '@assessment-management:question-bank.entities.question-bank-item.fields.interface.title',
-    icon: 'fa-solid fa-puzzle-piece',
+    icon: 'fa-light fa-puzzle-piece',
     description: '@assessment-management:question-bank.entities.question-bank-item.fields.interface.description',
     categories: AXP_WIDGETS_EDITOR_CATEGORY,
     groups: [AXPWidgetGroupEnum.UtilityWidget],
@@ -477,10 +477,10 @@ const AXMQuestionBankInterfaceEditorWidget = {
     ],
     components: {
         edit: {
-            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-XD5IJpvW.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-DV9irFZ0.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-XD5IJpvW.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-question-bank-interface-editor-widget-edit.component-DV9irFZ0.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         column: {
             component: () => import('@acorex/platform/layout/widgets').then((m) => m.AXPWidgetFieldConfiguratorWidgetColumnComponent),
@@ -1047,8 +1047,7 @@ function resolveSummaryPlaceholders(content, values) {
     if (!content)
         return '';
     const elapsed = values.totalTimeSeconds;
-    const totalTimeStr = values.totalTimeFormatted ??
-        (elapsed !== undefined && elapsed !== null ? formatElapsedDuration(elapsed) : '');
+    const totalTimeStr = values.totalTimeFormatted ?? (elapsed !== undefined && elapsed !== null ? formatElapsedDuration(elapsed) : '');
     let result = content
         .replace(/\{\{totalQuestions\}\}/g, String(values.totalQuestions ?? ''))
         .replace(/\{\{answeredCount\}\}/g, String(values.answeredCount ?? ''))
@@ -1083,7 +1082,10 @@ function stripHtmlToPlain(html) {
     catch {
         /* ignore */
     }
-    return html.replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim();
+    return html
+        .replace(/<[^>]+>/g, ' ')
+        .replace(/\s+/g, ' ')
+        .trim();
 }
 /**
  * Human-readable label for a question bank item: prefer plain text from rich `question`, else `title`.
@@ -1121,7 +1123,7 @@ class AXMQuestionnaireViewerService {
      * Open questionnaire viewer in a dialog
      */
     async open(config) {
-        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-modules-assessment-management-questionnaire-viewer-popup.component-BZyIlYWg.mjs');
+        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-modules-assessment-management-questionnaire-viewer-popup.component-Cc-o6qmY.mjs');
         const structure = config.structure;
         const submitHandler = config.submitHandler ??
             ((answers) => this.buildSummaryPlaceholderValues(structure, answers, { questionnaireId: config.questionnaireId }));
@@ -1562,7 +1564,10 @@ function normalizeValidationStrategy$1(value) {
     if (value === 'step' || value === 'end') {
         return value;
     }
-    if (value != null && typeof value === 'object' && 'id' in value && typeof value.id === 'string') {
+    if (value != null &&
+        typeof value === 'object' &&
+        'id' in value &&
+        typeof value.id === 'string') {
         return normalizeValidationStrategy$1(value.id);
     }
     return 'step';
@@ -1666,7 +1671,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsViewMode = displaySettings?.viewMode;
         return configMode !== undefined
             ? configMode
-            : (displaySettingsViewMode !== undefined ? displaySettingsViewMode : 'single-page');
+            : displaySettingsViewMode !== undefined
+                ? displaySettingsViewMode
+                : 'single-page';
     }),
     //#endregion
     //#region ----   Sections & Questions   ----
@@ -1728,7 +1735,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsValue = displaySettings?.progressMode;
         return configValue !== undefined
             ? configValue
-            : (displaySettingsValue !== undefined ? displaySettingsValue : 'answered');
+            : displaySettingsValue !== undefined
+                ? displaySettingsValue
+                : 'answered';
     }),
     answeredQuestionsCount: computed(() => {
         const data = store.questionnaireData();
@@ -1783,13 +1792,17 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsValue = displaySettings?.progressMode;
         const progressMode = configValue !== undefined
             ? configValue
-            : (displaySettingsValue !== undefined ? displaySettingsValue : 'answered');
+            : displaySettingsValue !== undefined
+                ? displaySettingsValue
+                : 'answered';
         // Calculate view mode
         const configMode = config?.viewMode;
         const displaySettingsViewMode = displaySettings?.viewMode;
         const viewMode = configMode !== undefined
             ? configMode
-            : (displaySettingsViewMode !== undefined ? displaySettingsViewMode : 'single-page');
+            : displaySettingsViewMode !== undefined
+                ? displaySettingsViewMode
+                : 'single-page';
         if (progressMode === 'answered') {
             // Calculate answered count directly
             const container = store.widgetContainer();
@@ -1849,9 +1862,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const structure = store.structure();
         const displaySettings = structure?.displaySettings;
         const displaySettingsValue = displaySettings?.showProgressBar;
-        return configValue !== undefined
-            ? configValue
-            : (displaySettingsValue !== undefined ? displaySettingsValue : true);
+        return configValue !== undefined ? configValue : displaySettingsValue !== undefined ? displaySettingsValue : true;
     }),
     showTimer: computed(() => {
         const config = store.config();
@@ -1861,7 +1872,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsValue = displaySettings?.showTimer;
         return configValue !== undefined
             ? configValue
-            : (displaySettingsValue !== undefined ? displaySettingsValue : false);
+            : displaySettingsValue !== undefined
+                ? displaySettingsValue
+                : false;
     }),
     timerTimeLimit: computed(() => {
         const config = store.config();
@@ -1873,9 +1886,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const structure = store.structure();
         const displaySettings = structure?.displaySettings;
         const displaySettingsValue = displaySettings?.showQuestionNumbers;
-        return configValue !== undefined
-            ? configValue
-            : (displaySettingsValue !== undefined ? displaySettingsValue : true);
+        return configValue !== undefined ? configValue : displaySettingsValue !== undefined ? displaySettingsValue : true;
     }),
     showQuestionCounter: computed(() => {
         const config = store.config();
@@ -1885,7 +1896,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsValue = displaySettings?.showQuestionCounter;
         return configValue !== undefined
             ? configValue
-            : (displaySettingsValue !== undefined ? displaySettingsValue : false);
+            : displaySettingsValue !== undefined
+                ? displaySettingsValue
+                : false;
     }),
     currentQuestionPosition: computed(() => {
         const data = store.questionnaireData();
@@ -1899,7 +1912,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsViewMode = displaySettings?.viewMode;
         const viewMode = configMode !== undefined
             ? configMode
-            : (displaySettingsViewMode !== undefined ? displaySettingsViewMode : 'single-page');
+            : displaySettingsViewMode !== undefined
+                ? displaySettingsViewMode
+                : 'single-page';
         const sc = store.sectionVisibilityById();
         const qc = store.questionVisibilityById();
         const total = countAllVisibleQuestions(data, sc, qc);
@@ -1974,7 +1989,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsViewMode = displaySettings?.viewMode;
         const viewMode = configMode !== undefined
             ? configMode
-            : (displaySettingsViewMode !== undefined ? displaySettingsViewMode : 'single-page');
+            : displaySettingsViewMode !== undefined
+                ? displaySettingsViewMode
+                : 'single-page';
         const sections = data.sections;
         if (viewMode === 'page-per-group' || viewMode === 'side-menu') {
             const sc = store.sectionVisibilityById();
@@ -2020,7 +2037,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsViewMode = displaySettings?.viewMode;
         const viewMode = configMode !== undefined
             ? configMode
-            : (displaySettingsViewMode !== undefined ? displaySettingsViewMode : 'single-page');
+            : displaySettingsViewMode !== undefined
+                ? displaySettingsViewMode
+                : 'single-page';
         if (viewMode === 'page-per-group' || viewMode === 'side-menu') {
             const sc = store.sectionVisibilityById();
             const qc = store.questionVisibilityById();
@@ -2065,7 +2084,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsViewMode = displaySettings?.viewMode;
         const viewMode = configMode !== undefined
             ? configMode
-            : (displaySettingsViewMode !== undefined ? displaySettingsViewMode : 'single-page');
+            : displaySettingsViewMode !== undefined
+                ? displaySettingsViewMode
+                : 'single-page';
         const sections = data.sections;
         if (viewMode === 'single-page') {
             // For single-page, we're always on the last step
@@ -2188,7 +2209,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                         const existingValidations = existingOptions.validations || widgetInterface.validations || [];
                         const validations = [...existingValidations];
                         if (item.isRequired === true) {
-                            const hasRequiredValidation = validations.some(v => v.rule === 'required');
+                            const hasRequiredValidation = validations.some((v) => v.rule === 'required');
                             if (!hasRequiredValidation) {
                                 validations.push({
                                     rule: 'required',
@@ -2315,7 +2336,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                         const existingValidations = existingOptions.validations || widgetInterface.validations || [];
                         const validations = [...existingValidations];
                         if (item.isRequired === true) {
-                            const hasRequiredValidation = validations.some(v => v.rule === 'required');
+                            const hasRequiredValidation = validations.some((v) => v.rule === 'required');
                             if (!hasRequiredValidation) {
                                 validations.push({
                                     rule: 'required',
@@ -2527,7 +2548,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsViewMode = displaySettings?.viewMode;
         const viewMode = configMode !== undefined
             ? configMode
-            : (displaySettingsViewMode !== undefined ? displaySettingsViewMode : 'single-page');
+            : displaySettingsViewMode !== undefined
+                ? displaySettingsViewMode
+                : 'single-page';
         const sections = data.sections;
         if (viewMode === 'single-page') {
             const visibleQuestions = [];
@@ -2575,9 +2598,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
             if (commentPolicy.enabled && commentPolicy.required) {
                 const cPath = getQuestionAnswerCommentStoragePath(question.name);
                 const cVal = get(contextData, cPath);
-                const commentEmpty = cVal === null ||
-                    cVal === undefined ||
-                    (typeof cVal === 'string' && cVal.trim() === '');
+                const commentEmpty = cVal === null || cVal === undefined || (typeof cVal === 'string' && cVal.trim() === '');
                 if (commentEmpty) {
                     return 'Comment is required.';
                 }
@@ -2630,7 +2651,8 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                             (typeof value === 'object' && value !== null && Object.keys(value).length === 0);
                         if (isEmpty) {
                             const questionTitle = resolveQuestionBankItemPlainLabel(question.question, locale);
-                            const errorMessage = await translationService.translateAsync('@acorex:validation.messages.required') || `${questionTitle} is required`;
+                            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)
@@ -2639,9 +2661,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                                 name: question.name,
                                 questionTitle,
                                 sectionName: section?.name,
-                                sectionTitle: section
-                                    ? resolveMultiLanguageString(section.title, locale)
-                                    : undefined,
+                                sectionTitle: section ? resolveMultiLanguageString(section.title, locale) : undefined,
                                 error: finalErrorMessage,
                             });
                         }
@@ -2651,9 +2671,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                 if (commentPolicy.enabled && commentPolicy.required) {
                     const cPath = getQuestionAnswerCommentStoragePath(question.name);
                     const cVal = get(contextData, cPath);
-                    const commentEmpty = cVal === null ||
-                        cVal === undefined ||
-                        (typeof cVal === 'string' && cVal.trim() === '');
+                    const commentEmpty = cVal === null || cVal === undefined || (typeof cVal === 'string' && cVal.trim() === '');
                     if (commentEmpty) {
                         const questionTitle = resolveQuestionBankItemPlainLabel(question.question, locale);
                         const errorMessage = (await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.comment-required')) || 'A comment is required for this question.';
@@ -2661,9 +2679,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                             name: question.name,
                             questionTitle,
                             sectionName: section?.name,
-                            sectionTitle: section
-                                ? resolveMultiLanguageString(section.title, locale)
-                                : undefined,
+                            sectionTitle: section ? resolveMultiLanguageString(section.title, locale) : undefined,
                             error: errorMessage.includes('{{ title }}')
                                 ? errorMessage.replace('{{ title }}', questionTitle)
                                 : errorMessage,
@@ -2675,10 +2691,10 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         }
         patchState(store, { validationErrors: errors });
         if (errors.length > 0) {
-            const errorMessage = await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.current-page-error') || `Please complete ${errors.length} required question(s) on this page.`;
+            const errorMessage = (await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.current-page-error')) || `Please complete ${errors.length} required question(s) on this page.`;
             toastService.show({
                 color: 'danger',
-                title: await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.error-title') || 'Validation Error',
+                title: (await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.error-title')) || 'Validation Error',
                 content: errorMessage,
                 location: 'bottom-center',
                 closeButton: true,
@@ -2730,7 +2746,8 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                                 (typeof value === 'object' && value !== null && Object.keys(value).length === 0);
                             if (isEmpty) {
                                 const questionTitle = resolveQuestionBankItemPlainLabel(question.question, locale);
-                                const errorMessage = await translationService.translateAsync('@acorex:validation.messages.required') || `${questionTitle} is required`;
+                                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)
@@ -2749,9 +2766,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                     if (commentPolicy.enabled && commentPolicy.required) {
                         const cPath = getQuestionAnswerCommentStoragePath(question.name);
                         const cVal = get(contextData, cPath);
-                        const commentEmpty = cVal === null ||
-                            cVal === undefined ||
-                            (typeof cVal === 'string' && cVal.trim() === '');
+                        const commentEmpty = cVal === null || cVal === undefined || (typeof cVal === 'string' && cVal.trim() === '');
                         if (commentEmpty) {
                             const questionTitle = resolveQuestionBankItemPlainLabel(question.question, locale);
                             const errorMessage = (await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.comment-required')) || 'A comment is required for this question.';
@@ -2772,10 +2787,10 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         }
         patchState(store, { validationErrors: errors });
         if (errors.length > 0) {
-            const errorMessage = await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.all-questions-error') || `Please complete ${errors.length} required question(s) in the questionnaire.`;
+            const errorMessage = (await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.all-questions-error')) || `Please complete ${errors.length} required question(s) in the questionnaire.`;
             toastService.show({
                 color: 'danger',
-                title: await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.error-title') || 'Validation Error',
+                title: (await translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.validation.error-title')) || 'Validation Error',
                 content: errorMessage,
                 location: 'bottom-center',
                 closeButton: true,
@@ -2808,7 +2823,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsViewMode = displaySettings?.viewMode;
         const viewMode = configMode !== undefined
             ? configMode
-            : (displaySettingsViewMode !== undefined ? displaySettingsViewMode : 'single-page');
+            : displaySettingsViewMode !== undefined
+                ? displaySettingsViewMode
+                : 'single-page';
         const sections = data.sections;
         if (viewMode === 'page-per-group' || viewMode === 'side-menu') {
             const sc = store.sectionVisibilityById();
@@ -2862,7 +2879,9 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
         const displaySettingsViewMode = displaySettings?.viewMode;
         const viewMode = configMode !== undefined
             ? configMode
-            : (displaySettingsViewMode !== undefined ? displaySettingsViewMode : 'single-page');
+            : displaySettingsViewMode !== undefined
+                ? displaySettingsViewMode
+                : 'single-page';
         const sections = data.sections;
         if (viewMode === 'page-per-group' || viewMode === 'side-menu') {
             const sc = store.sectionVisibilityById();
@@ -2942,9 +2961,7 @@ const AXMQuestionnaireViewerViewModel = signalStore(withState(() => ({
                 if (commentPolicy.enabled && commentPolicy.required) {
                     const cPath = getQuestionAnswerCommentStoragePath(question.name);
                     const cVal = get(contextData, cPath);
-                    const commentEmpty = cVal === null ||
-                        cVal === undefined ||
-                        (typeof cVal === 'string' && cVal.trim() === '');
+                    const commentEmpty = cVal === null || cVal === undefined || (typeof cVal === 'string' && cVal.trim() === '');
                     if (commentEmpty) {
                         return false;
                     }
@@ -3228,12 +3245,18 @@ class AXMQuestionnaireViewerQuestionComponent {
             }
             const mode = hShown.mode;
             switch (mode) {
-                case 'info': return 'primary';
-                case 'warning': return 'warning';
-                case 'danger': return 'danger';
-                case 'success': return 'success';
-                case 'neutral': return 'default';
-                default: return 'default';
+                case 'info':
+                    return 'primary';
+                case 'warning':
+                    return 'warning';
+                case 'danger':
+                    return 'danger';
+                case 'success':
+                    return 'success';
+                case 'neutral':
+                    return 'default';
+                default:
+                    return 'default';
             }
         }, ...(ngDevMode ? [{ debugName: "hintModeClass" }] : /* istanbul ignore next */ []));
         /** Show "Required" when statically required or when a required expression is configured. */
@@ -3353,261 +3376,270 @@ class AXMQuestionnaireViewerQuestionComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerQuestionComponent, isStandalone: true, selector: "axm-questionnaire-viewer-question", inputs: { question: { classPropertyName: "question", publicName: "question", isSignal: true, isRequired: true, transformFunction: null }, contextData: { classPropertyName: "contextData", publicName: "contextData", isSignal: true, isRequired: false, transformFunction: null }, sectionOrder: { classPropertyName: "sectionOrder", publicName: "sectionOrder", isSignal: true, isRequired: true, transformFunction: null }, questionIndex: { classPropertyName: "questionIndex", publicName: "questionIndex", isSignal: true, isRequired: true, transformFunction: null }, showQuestionNumbers: { classPropertyName: "showQuestionNumbers", publicName: "showQuestionNumbers", isSignal: true, isRequired: false, transformFunction: null }, showQuestionCounter: { classPropertyName: "showQuestionCounter", publicName: "showQuestionCounter", isSignal: true, isRequired: false, transformFunction: null }, currentPosition: { classPropertyName: "currentPosition", publicName: "currentPosition", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-        <div
-            class="__question-item"
-            [class.__answered]="isAnswered()"
-            [class.__view-mode]="mode() === 'view'"
-        >
-            <div class="__question-header">
-                @if (showQuestionNumbers() || (showQuestionCounter() && currentPosition())) {
-                <div class="__question-header-left">
-                    @if (showQuestionNumbers()) {
-                    <span class="__question-number">{{ sectionOrder() }}.{{ questionIndex() }}</span>
-                    }
-                    @if (showQuestionCounter() && currentPosition()) {
-                    <span class="__question-counter">
-                        Question {{ currentPosition()!.current }} of {{ currentPosition()!.total }}
-                    </span>
-                    }
-                </div>
-                }
-                <div class="__question-header-right">
-                    <div class="__question-title-block ax-flex ax-flex-col ax-gap-1 ax-flex-1 ax-min-w-0 ax-items-stretch">
-                        @if (question().question.question; as qBody) {
-                            @if (qBody !== '' && (qBody | axpResolveMultiLanguageString).trim().length > 0) {
-                                @if (containsHtmlMarkup((qBody | axpResolveMultiLanguageString).trim())) {
-                        <div
-                            class="__question-title __question-title--rich"
-                            [innerHTML]="qBody | axpResolveMultiLanguageString | safe: 'html'"
-                        ></div>
-                                } @else {
-                        <h3 class="__question-title">{{ (qBody | axpResolveMultiLanguageString).trim() }}</h3>
-                                }
-                            } @else {
-                        <h3 class="__question-title">
-                            {{ question().question.title | axpResolveMultiLanguageString }}
-                        </h3>
-                            }
-                        } @else {
-                        <h3 class="__question-title">
-                            {{ question().question.title | axpResolveMultiLanguageString }}
-                        </h3>
-                        }
-                    </div>
-                    @if (isAnswered()) {
-                    <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 -->
-            @if (question().question.note; as noteRaw) {
-                @if (noteRaw !== '' && (noteRaw | axpResolveMultiLanguageString).trim()) {
-                <div
-                    class="__question-note"
-                    [innerHTML]="noteRaw | axpResolveMultiLanguageString | safe: 'html'"
-                ></div>
-                }
+    <div class="__question-item" [class.__answered]="isAnswered()" [class.__view-mode]="mode() === 'view'">
+      <div class="__question-header">
+        @if (showQuestionNumbers() || (showQuestionCounter() && currentPosition())) {
+          <div class="__question-header-left">
+            @if (showQuestionNumbers()) {
+              <span class="__question-number">{{ sectionOrder() }}.{{ questionIndex() }}</span>
+            }
+            @if (showQuestionCounter() && currentPosition()) {
+              <span class="__question-counter">
+                Question {{ currentPosition()!.current }} of {{ currentPosition()!.total }}
+              </span>
             }
-            <!-- Question Widget -->
-            <div class="__question-widget">
-                @if (question().question.interface) {
-                <ng-container axp-widget-renderer [node]="question().question.interface" [mode]="mode()"></ng-container>
+          </div>
+        }
+        <div class="__question-header-right">
+          <div class="__question-title-block ax-flex ax-flex-col ax-gap-1 ax-flex-1 ax-min-w-0 ax-items-stretch">
+            @if (question().question.question; as qBody) {
+              @if (qBody !== '' && (qBody | translate | async)?.trim()!.length > 0) {
+                @if (containsHtmlMarkup((qBody | translate | async)?.trim())) {
+                  <div
+                    class="__question-title __question-title--rich"
+                    [innerHTML]="qBody | translate | async | safe: 'html'"
+                  ></div>
                 } @else {
-                <p class="__widget-placeholder">No widget interface configured</p>
+                  <h3 class="__question-title">{{ (qBody | translate | async)?.trim() }}</h3>
                 }
-            </div>
+              } @else {
+                <h3 class="__question-title">
+                  {{ question().question.title | translate | async }}
+                </h3>
+              }
+            } @else {
+              <h3 class="__question-title">
+                {{ question().question.title | translate | async }}
+              </h3>
+            }
+          </div>
+          @if (isAnswered()) {
+            <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 -->
+      @if (question().question.note; as noteRaw) {
+        @if (noteRaw !== '' && (noteRaw | translate | async)?.trim()) {
+          <div class="__question-note" [innerHTML]="noteRaw | translate | async | safe: 'html'"></div>
+        }
+      }
+      <!-- Question Widget -->
+      <div class="__question-widget">
+        @if (question().question.interface) {
+          <ng-container axp-widget-renderer [node]="question().question.interface" [mode]="mode()"></ng-container>
+        } @else {
+          <p class="__widget-placeholder">No widget interface configured</p>
+        }
+      </div>
 
-            @if (hintShown(); as hShown) {
-                @if (hShown.content; as hintRaw) {
-                @if (hintRaw !== '' && (hintRaw | axpResolveMultiLanguageString).trim()) {
+      @if (hintShown(); as hShown) {
+        @if (hShown.content; as hintRaw) {
+          @if (hintRaw !== '' && (hintRaw | translate | async)?.trim()) {
             <ax-alert [color]="hintModeClass()" role="note">
-                <!-- <ax-title>{{ '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint.title' | translate | async }}</ax-title> -->
-                 <ax-icon ></ax-icon>
-                <ax-content>
-                    <div [innerHTML]="hintRaw | axpResolveMultiLanguageString | safe: 'html'"></div>
-                </ax-content>
+              <!-- <ax-title>{{ '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint.title' | translate | async }}</ax-title> -->
+              <ax-icon></ax-icon>
+              <ax-content>
+                <div [innerHTML]="hintRaw | translate | async | safe: 'html'"></div>
+              </ax-content>
             </ax-alert>
-                }
-                }
-            }
+          }
+        }
+      }
 
-            @if (question().comment.enabled) {
-                @if (mode() === 'view') {
-                    @if (respondentCommentText().trim(); as commentView) {
+      @if (question().comment.enabled) {
+        @if (mode() === 'view') {
+          @if (respondentCommentText().trim(); as commentView) {
             <div class="__question-comment __question-comment--readonly">
-                <p class="__question-comment-text">{{ commentView }}</p>
+              <p class="__question-comment-text">{{ commentView }}</p>
             </div>
-                    }
-                } @else {
-            <div class="__question-comment">
-                <ax-text-area
-                    [rows]="2"
-                    [ngModel]="respondentCommentText()"
-                    (onValueChanged)="onRespondentCommentChanged($event)"
-                    [placeholder]="
-                        '@assessment-management:questionnaires.components.questionnaire-viewer.comment.placeholder' | translate | async
-                    "
-                ></ax-text-area>
-            </div>
-                }
-            }
+          }
+        } @else {
+          <div class="__question-comment">
+            <ax-text-area
+              [rows]="2"
+              [ngModel]="respondentCommentText()"
+              (onValueChanged)="onRespondentCommentChanged($event)"
+              [placeholder]="
+                '@assessment-management:questionnaires.components.questionnaire-viewer.comment.placeholder'
+                  | translate
+                  | async
+              "
+            ></ax-text-area>
+          </div>
+        }
+      }
 
-            @if (questionAttachments().length > 0) {
-            <div class="__attachments">
-                <span class="__attachments-label">{{ '@assessment-management:questionnaires.components.questionnaire-viewer.attachments.title' | translate | async }}:</span>
-                <ul class="__attachments-list">
-                    @for (att of questionAttachments(); track att.id) {
-                    <li>
-                        <a class="__attachment-link" href="#" (click)="openAttachment($event, att)" role="button">
-                            <i class="fa-light fa-paperclip"></i>
-                            {{ att.name || att.id }}
-                        </a>
-                    </li>
-                    }
-                </ul>
-            </div>
-            }
+      @if (questionAttachments().length > 0) {
+        <div class="__attachments">
+          <span class="__attachments-label"
+            >{{
+              '@assessment-management:questionnaires.components.questionnaire-viewer.attachments.title'
+                | translate
+                | async
+            }}:</span
+          >
+          <ul class="__attachments-list">
+            @for (att of questionAttachments(); track att.id) {
+              <li>
+                <a class="__attachment-link" href="#" (click)="openAttachment($event, att)" role="button">
+                  <i class="fa-light fa-paperclip"></i>
+                  {{ att.name || att.id }}
+                </a>
+              </li>
+            }
+          </ul>
         </div>
-    `, isInline: true, styles: ["axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}axm-questionnaire-viewer-question .__question-item.__answered{border-radius:.5rem;background:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered:not(.__view-mode){border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:1rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:.75rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right{display:flex;min-width:0px;flex:1 1 0%;flex-wrap:wrap;align-items:flex-start;gap:.5rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1 1 0%;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1 1 0%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{font-weight:500}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich{width:100%;max-width:100%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul ul{list-style-type:circle;margin-block:.25rem 0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{font-weight:400}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__answered-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-success-lighter-surface));color:rgb(var(--ax-sys-color-on-success-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__required-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-warning-lighter-surface));color:rgb(var(--ax-sys-color-on-warning-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-note{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-note p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-note p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-note ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note li{margin-block:.125rem}axm-questionnaire-viewer-question .__question-item .__question-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-widget{text-align:start}axm-questionnaire-viewer-question .__question-item .__question-widget>*{margin-bottom:0}axm-questionnaire-viewer-question .__question-item .__widget-placeholder{border-radius:.25rem;border-width:1px;border-style:dashed;padding:1rem;font-size:.875rem;line-height:1.25rem;font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:.25rem}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:.875rem;line-height:1.25rem;white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item .__attachments{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding-top:.75rem}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-label{margin-inline-end:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list{margin:0;margin-top:.25rem;list-style-type:none;padding-left:0}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li{margin-top:.25rem}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;text-decoration-line:underline;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:rgb(var(--ax-sys-color-primary-dark-surface))}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link:hover{opacity:.9}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link i{flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextAreaModule }, { kind: "component", type: i4.AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+      }
+    </div>
+  `, isInline: true, styles: ["axm-questionnaire-viewer-question{display:block}axm-questionnaire-viewer-question .__question-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}axm-questionnaire-viewer-question .__question-item.__answered{border-radius:.5rem;background:rgba(var(--ax-sys-color-primary-surface),.14)}axm-questionnaire-viewer-question .__question-item.__answered:not(.__view-mode){border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header{display:flex;width:100%;min-width:0px;align-items:flex-start;justify-content:space-between;gap:1rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left{display:flex;flex-shrink:0;align-items:center;gap:.75rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-number{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-left .__question-counter{font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right{display:flex;min-width:0px;flex:1 1 0%;flex-wrap:wrap;align-items:flex-start;gap:.5rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block{min-width:0px;flex:1 1 0%;text-align:start}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title{margin:0;min-width:0px;flex:1 1 0%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block h3.__question-title{font-weight:500}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich{width:100%;max-width:100%;text-align:start;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title--rich ul ul{list-style-type:circle;margin-block:.25rem 0}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__question-title-block .__question-title.__question-title--rich{font-weight:400}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__answered-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-success-lighter-surface));color:rgb(var(--ax-sys-color-on-success-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-header .__question-header-right .__required-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;background-color:rgb(var(--ax-sys-color-warning-lighter-surface));color:rgb(var(--ax-sys-color-on-warning-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-note{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-note p{margin:0}axm-questionnaire-viewer-question .__question-item .__question-note p:first-child{margin-top:0}axm-questionnaire-viewer-question .__question-item .__question-note ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-question .__question-item .__question-note li{margin-block:.125rem}axm-questionnaire-viewer-question .__question-item .__question-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-widget{text-align:start}axm-questionnaire-viewer-question .__question-item .__question-widget>*{margin-bottom:0}axm-questionnaire-viewer-question .__question-item .__widget-placeholder{border-radius:.25rem;border-width:1px;border-style:dashed;padding:1rem;font-size:.875rem;line-height:1.25rem;font-style:italic;color:rgb(var(--ax-sys-color-on-surface-variant));--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment{display:flex;width:100%;flex-direction:column;gap:.25rem}axm-questionnaire-viewer-question .__question-item .__question-comment ax-text-area{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment--readonly{margin-top:.5rem}axm-questionnaire-viewer-question .__question-item .__question-comment-text{margin:0;width:100%;font-size:.875rem;line-height:1.25rem;white-space:pre-wrap;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-question .__question-item .__question-comment-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__question-comment-required{color:rgb(var(--ax-sys-color-danger-600))}axm-questionnaire-viewer-question .__question-item .__attachments{border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding-top:.75rem}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-label{margin-inline-end:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list{margin:0;margin-top:.25rem;list-style-type:none;padding-left:0}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li{margin-top:.25rem}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;text-decoration-line:underline;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:rgb(var(--ax-sys-color-primary-dark-surface))}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link:hover{opacity:.9}axm-questionnaire-viewer-question .__question-item .__attachments .__attachments-list li .__attachment-link i{flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextAreaModule }, { kind: "component", type: i4.AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerQuestionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-questionnaire-viewer-question', template: `
-        <div
-            class="__question-item"
-            [class.__answered]="isAnswered()"
-            [class.__view-mode]="mode() === 'view'"
-        >
-            <div class="__question-header">
-                @if (showQuestionNumbers() || (showQuestionCounter() && currentPosition())) {
-                <div class="__question-header-left">
-                    @if (showQuestionNumbers()) {
-                    <span class="__question-number">{{ sectionOrder() }}.{{ questionIndex() }}</span>
-                    }
-                    @if (showQuestionCounter() && currentPosition()) {
-                    <span class="__question-counter">
-                        Question {{ currentPosition()!.current }} of {{ currentPosition()!.total }}
-                    </span>
-                    }
-                </div>
-                }
-                <div class="__question-header-right">
-                    <div class="__question-title-block ax-flex ax-flex-col ax-gap-1 ax-flex-1 ax-min-w-0 ax-items-stretch">
-                        @if (question().question.question; as qBody) {
-                            @if (qBody !== '' && (qBody | axpResolveMultiLanguageString).trim().length > 0) {
-                                @if (containsHtmlMarkup((qBody | axpResolveMultiLanguageString).trim())) {
-                        <div
-                            class="__question-title __question-title--rich"
-                            [innerHTML]="qBody | axpResolveMultiLanguageString | safe: 'html'"
-                        ></div>
-                                } @else {
-                        <h3 class="__question-title">{{ (qBody | axpResolveMultiLanguageString).trim() }}</h3>
-                                }
-                            } @else {
-                        <h3 class="__question-title">
-                            {{ question().question.title | axpResolveMultiLanguageString }}
-                        </h3>
-                            }
-                        } @else {
-                        <h3 class="__question-title">
-                            {{ question().question.title | axpResolveMultiLanguageString }}
-                        </h3>
-                        }
-                    </div>
-                    @if (isAnswered()) {
-                    <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 -->
-            @if (question().question.note; as noteRaw) {
-                @if (noteRaw !== '' && (noteRaw | axpResolveMultiLanguageString).trim()) {
-                <div
-                    class="__question-note"
-                    [innerHTML]="noteRaw | axpResolveMultiLanguageString | safe: 'html'"
-                ></div>
-                }
+    <div class="__question-item" [class.__answered]="isAnswered()" [class.__view-mode]="mode() === 'view'">
+      <div class="__question-header">
+        @if (showQuestionNumbers() || (showQuestionCounter() && currentPosition())) {
+          <div class="__question-header-left">
+            @if (showQuestionNumbers()) {
+              <span class="__question-number">{{ sectionOrder() }}.{{ questionIndex() }}</span>
+            }
+            @if (showQuestionCounter() && currentPosition()) {
+              <span class="__question-counter">
+                Question {{ currentPosition()!.current }} of {{ currentPosition()!.total }}
+              </span>
             }
-            <!-- Question Widget -->
-            <div class="__question-widget">
-                @if (question().question.interface) {
-                <ng-container axp-widget-renderer [node]="question().question.interface" [mode]="mode()"></ng-container>
+          </div>
+        }
+        <div class="__question-header-right">
+          <div class="__question-title-block ax-flex ax-flex-col ax-gap-1 ax-flex-1 ax-min-w-0 ax-items-stretch">
+            @if (question().question.question; as qBody) {
+              @if (qBody !== '' && (qBody | translate | async)?.trim()!.length > 0) {
+                @if (containsHtmlMarkup((qBody | translate | async)?.trim())) {
+                  <div
+                    class="__question-title __question-title--rich"
+                    [innerHTML]="qBody | translate | async | safe: 'html'"
+                  ></div>
                 } @else {
-                <p class="__widget-placeholder">No widget interface configured</p>
+                  <h3 class="__question-title">{{ (qBody | translate | async)?.trim() }}</h3>
                 }
-            </div>
+              } @else {
+                <h3 class="__question-title">
+                  {{ question().question.title | translate | async }}
+                </h3>
+              }
+            } @else {
+              <h3 class="__question-title">
+                {{ question().question.title | translate | async }}
+              </h3>
+            }
+          </div>
+          @if (isAnswered()) {
+            <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 -->
+      @if (question().question.note; as noteRaw) {
+        @if (noteRaw !== '' && (noteRaw | translate | async)?.trim()) {
+          <div class="__question-note" [innerHTML]="noteRaw | translate | async | safe: 'html'"></div>
+        }
+      }
+      <!-- Question Widget -->
+      <div class="__question-widget">
+        @if (question().question.interface) {
+          <ng-container axp-widget-renderer [node]="question().question.interface" [mode]="mode()"></ng-container>
+        } @else {
+          <p class="__widget-placeholder">No widget interface configured</p>
+        }
+      </div>
 
-            @if (hintShown(); as hShown) {
-                @if (hShown.content; as hintRaw) {
-                @if (hintRaw !== '' && (hintRaw | axpResolveMultiLanguageString).trim()) {
+      @if (hintShown(); as hShown) {
+        @if (hShown.content; as hintRaw) {
+          @if (hintRaw !== '' && (hintRaw | translate | async)?.trim()) {
             <ax-alert [color]="hintModeClass()" role="note">
-                <!-- <ax-title>{{ '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint.title' | translate | async }}</ax-title> -->
-                 <ax-icon ></ax-icon>
-                <ax-content>
-                    <div [innerHTML]="hintRaw | axpResolveMultiLanguageString | safe: 'html'"></div>
-                </ax-content>
+              <!-- <ax-title>{{ '@assessment-management:questionnaires.components.questionnaire-builder.fields.hint.title' | translate | async }}</ax-title> -->
+              <ax-icon></ax-icon>
+              <ax-content>
+                <div [innerHTML]="hintRaw | translate | async | safe: 'html'"></div>
+              </ax-content>
             </ax-alert>
-                }
-                }
-            }
+          }
+        }
+      }
 
-            @if (question().comment.enabled) {
-                @if (mode() === 'view') {
-                    @if (respondentCommentText().trim(); as commentView) {
+      @if (question().comment.enabled) {
+        @if (mode() === 'view') {
+          @if (respondentCommentText().trim(); as commentView) {
             <div class="__question-comment __question-comment--readonly">
-                <p class="__question-comment-text">{{ commentView }}</p>
-            </div>
-                    }
-                } @else {
-            <div class="__question-comment">
-                <ax-text-area
-                    [rows]="2"
-                    [ngModel]="respondentCommentText()"
-                    (onValueChanged)="onRespondentCommentChanged($event)"
-                    [placeholder]="
-                        '@assessment-management:questionnaires.components.questionnaire-viewer.comment.placeholder' | translate | async
-                    "
-                ></ax-text-area>
+              <p class="__question-comment-text">{{ commentView }}</p>
             </div>
-                }
-            }
+          }
+        } @else {
+          <div class="__question-comment">
+            <ax-text-area
+              [rows]="2"
+              [ngModel]="respondentCommentText()"
+              (onValueChanged)="onRespondentCommentChanged($event)"
+              [placeholder]="
+                '@assessment-management:questionnaires.components.questionnaire-viewer.comment.placeholder'
+                  | translate
+                  | async
+              "
+            ></ax-text-area>
+          </div>
+        }
+      }
 
-            @if (questionAttachments().length > 0) {
-            <div class="__attachments">
-                <span class="__attachments-label">{{ '@assessment-management:questionnaires.components.questionnaire-viewer.attachments.title' | translate | async }}:</span>
-                <ul class="__attachments-list">
-                    @for (att of questionAttachments(); track att.id) {
-                    <li>
-                        <a class="__attachment-link" href="#" (click)="openAttachment($event, att)" role="button">
-                            <i class="fa-light fa-paperclip"></i>
-                            {{ att.name || att.id }}
-                        </a>
-                    </li>
-                    }
-                </ul>
-            </div>
-            }
+      @if (questionAttachments().length > 0) {
+        <div class="__attachments">
+          <span class="__attachments-label"
+            >{{
+              '@assessment-management:questionnaires.components.questionnaire-viewer.attachments.title'
+                | translate
+                | async
+            }}:</span
+          >
+          <ul class="__attachments-list">
+            @for (att of questionAttachments(); track att.id) {
+              <li>
+                <a class="__attachment-link" href="#" (click)="openAttachment($event, att)" role="button">
+                  <i class="fa-light fa-paperclip"></i>
+                  {{ att.name || att.id }}
+                </a>
+              </li>
+            }
+          </ul>
         </div>
-    `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+      }
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
                         AXTranslationModule,
                         AXPWidgetCoreModule,
                         AXAlertModule,
                         AXDecoratorModule,
                         AXSafePipe,
-                        AXPResolveMultiLanguageStringPipe,
                         AXTextAreaModule,
                         AXFormModule,
                         FormsModule,
@@ -3627,8 +3659,6 @@ class AXMQuestionnaireViewerSectionHeaderComponent {
         this.containsHtmlMarkup = containsHtmlMarkup;
         this.title = input.required(...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
         this.description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : /* istanbul ignore next */ []));
-        /** When set, resolves strings for this locale instead of the active app language. */
-        this.locale = input(undefined, ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
         /**
          * Typography for the section title.
          * - `lg`: matches page-per-group / side-menu main heading
@@ -3654,52 +3684,52 @@ class AXMQuestionnaireViewerSectionHeaderComponent {
         }, ...(ngDevMode ? [{ debugName: "headerSectionClass" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerSectionHeaderComponent, isStandalone: true, selector: "axm-questionnaire-viewer-section-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, titleSize: { classPropertyName: "titleSize", publicName: "titleSize", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axm-questionnaire-viewer-section-header ax-block" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerSectionHeaderComponent, isStandalone: true, selector: "axm-questionnaire-viewer-section-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, titleSize: { classPropertyName: "titleSize", publicName: "titleSize", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axm-questionnaire-viewer-section-header ax-block" }, ngImport: i0, template: `
     <div [class]="headerSectionClass()">
       <h2 [class]="titleHeadingClass()">
-        {{ title() | axpResolveMultiLanguageString: locale() }}
+        {{ title() | translate | async }}
       </h2>
       @if (description(); as desc) {
-        @if ((desc | axpResolveMultiLanguageString: locale()).trim().length > 0) {
-          @if (containsHtmlMarkup((desc | axpResolveMultiLanguageString: locale()).trim())) {
+        @if ((desc | translate | async)?.trim()!.length > 0) {
+          @if (containsHtmlMarkup((desc | translate | async)?.trim())) {
             <div
               class="__section-description __section-description--rich"
-              [innerHTML]="desc | axpResolveMultiLanguageString: locale() | safe: 'html'"
+              [innerHTML]="desc | translate | async | safe: 'html'"
             ></div>
           } @else {
             <p class="__section-description">
-              {{ (desc | axpResolveMultiLanguageString: locale()).trim() }}
+              {{ (desc | translate | async)?.trim() }}
             </p>
           }
         }
       }
     </div>
-  `, isInline: true, styles: ["axm-questionnaire-viewer-section-header{display:block;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-header{display:flex;flex-shrink:0;flex-direction:column;gap:.125rem;text-align:start}axm-questionnaire-viewer-section-header .__section-title-lg{margin:0;font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-title-md{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-description{margin:0;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich p{margin:0}axm-questionnaire-viewer-section-header .__section-description--rich p:first-child{margin-top:0}axm-questionnaire-viewer-section-header .__section-description--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-section-header .__mb-sm{margin-bottom:.5rem}axm-questionnaire-viewer-section-header .__mb-md{margin-bottom:1rem}\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["axm-questionnaire-viewer-section-header{display:block;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-header{display:flex;flex-shrink:0;flex-direction:column;gap:.125rem;text-align:start}axm-questionnaire-viewer-section-header .__section-title-lg{margin:0;font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-title-md{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-description{margin:0;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich p{margin:0}axm-questionnaire-viewer-section-header .__section-description--rich p:first-child{margin-top:0}axm-questionnaire-viewer-section-header .__section-description--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-section-header .__mb-sm{margin-bottom:.5rem}axm-questionnaire-viewer-section-header .__mb-md{margin-bottom:1rem}\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSectionHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-questionnaire-viewer-section-header', template: `
     <div [class]="headerSectionClass()">
       <h2 [class]="titleHeadingClass()">
-        {{ title() | axpResolveMultiLanguageString: locale() }}
+        {{ title() | translate | async }}
       </h2>
       @if (description(); as desc) {
-        @if ((desc | axpResolveMultiLanguageString: locale()).trim().length > 0) {
-          @if (containsHtmlMarkup((desc | axpResolveMultiLanguageString: locale()).trim())) {
+        @if ((desc | translate | async)?.trim()!.length > 0) {
+          @if (containsHtmlMarkup((desc | translate | async)?.trim())) {
             <div
               class="__section-description __section-description--rich"
-              [innerHTML]="desc | axpResolveMultiLanguageString: locale() | safe: 'html'"
+              [innerHTML]="desc | translate | async | safe: 'html'"
             ></div>
           } @else {
             <p class="__section-description">
-              {{ (desc | axpResolveMultiLanguageString: locale()).trim() }}
+              {{ (desc | translate | async)?.trim() }}
             </p>
           }
         }
       }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXTranslationModule, AXSafePipe, AXPResolveMultiLanguageStringPipe], encapsulation: ViewEncapsulation.None, host: { class: 'axm-questionnaire-viewer-section-header ax-block' }, styles: ["axm-questionnaire-viewer-section-header{display:block;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-header{display:flex;flex-shrink:0;flex-direction:column;gap:.125rem;text-align:start}axm-questionnaire-viewer-section-header .__section-title-lg{margin:0;font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-title-md{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-description{margin:0;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich p{margin:0}axm-questionnaire-viewer-section-header .__section-description--rich p:first-child{margin-top:0}axm-questionnaire-viewer-section-header .__section-description--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-section-header .__mb-sm{margin-bottom:.5rem}axm-questionnaire-viewer-section-header .__mb-md{margin-bottom:1rem}\n"] }]
-        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], titleSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleSize", required: false }] }], marginBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBottom", required: false }] }] } });
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXTranslationModule, AXSafePipe, AsyncPipe], encapsulation: ViewEncapsulation.None, host: { class: 'axm-questionnaire-viewer-section-header ax-block' }, styles: ["axm-questionnaire-viewer-section-header{display:block;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-header{display:flex;flex-shrink:0;flex-direction:column;gap:.125rem;text-align:start}axm-questionnaire-viewer-section-header .__section-title-lg{margin:0;font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-title-md{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}axm-questionnaire-viewer-section-header .__section-description{margin:0;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich{font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-section-header .__section-description--rich p{margin:0}axm-questionnaire-viewer-section-header .__section-description--rich p:first-child{margin-top:0}axm-questionnaire-viewer-section-header .__section-description--rich ul{list-style-type:disc;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich ol{list-style-type:decimal;list-style-position:outside;margin-block:.375rem 0;padding-inline-start:1.25rem}axm-questionnaire-viewer-section-header .__section-description--rich li{margin-block:.125rem;padding-inline-start:.25rem}axm-questionnaire-viewer-section-header .__mb-sm{margin-bottom:.5rem}axm-questionnaire-viewer-section-header .__mb-md{margin-bottom:1rem}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], titleSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleSize", required: false }] }], marginBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBottom", required: false }] }] } });
 
 //#region ----   Imports   ----
 //#endregion
@@ -3765,7 +3795,7 @@ class AXMQuestionnaireViewerSinglePageViewComponent {
             </div>
             }
             }
-    `, isInline: true, styles: ["axm-questionnaire-viewer-single-page-view{display:flex;min-height:0px;width:100%;flex-direction:column;gap:1.5rem;padding:1rem}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck{border-bottom-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:.5rem}axm-questionnaire-viewer-single-page-view .__questions-list .__question-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}\n"], dependencies: [{ kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "locale", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["axm-questionnaire-viewer-single-page-view{display:flex;min-height:0px;width:100%;flex-direction:column;gap:1.5rem;padding:1rem}axm-questionnaire-viewer-single-page-view .__single-page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck{border-bottom-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-single-page-view .__single-page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-single-page-view .__questions-list{display:flex;flex-direction:column;gap:.5rem}axm-questionnaire-viewer-single-page-view .__questions-list .__question-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}\n"], dependencies: [{ kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSinglePageViewComponent, decorators: [{
             type: Component,
@@ -3868,7 +3898,7 @@ class AXMQuestionnaireViewerPagePerGroupViewComponent {
             </div>
             }
             }
-    `, isInline: true, styles: ["axm-questionnaire-viewer-page-per-group-view{display:flex;min-height:0px;width:100%;flex-direction:column;gap:1rem;padding:1rem}axm-questionnaire-viewer-page-per-group-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck{border-bottom-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__questions-list .__question-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\n"], dependencies: [{ kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "locale", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["axm-questionnaire-viewer-page-per-group-view{display:flex;min-height:0px;width:100%;flex-direction:column;gap:1rem;padding:1rem}axm-questionnaire-viewer-page-per-group-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck{border-bottom-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-page-per-group-view .__page-section .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-questionnaire-viewer-page-per-group-view .__questions-list{display:flex;flex-shrink:0;flex-direction:column;gap:1rem}axm-questionnaire-viewer-page-per-group-view .__questions-list .__question-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-questionnaire-viewer-page-per-group-view .__navigation{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\n"], dependencies: [{ kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPagePerGroupViewComponent, decorators: [{
             type: Component,
@@ -3944,7 +3974,7 @@ class AXMQuestionnaireViewerPagePerQuestionViewComponent {
             </axm-questionnaire-viewer-question>
         </div>
         }
-    `, isInline: true, styles: ["axm-questionnaire-viewer-page-per-question-view{display:flex;flex-direction:column;gap:1rem;padding:1rem;flex-shrink:0;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\n"], dependencies: [{ kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "locale", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["axm-questionnaire-viewer-page-per-question-view{display:flex;flex-direction:column;gap:1rem;padding:1rem;flex-shrink:0;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\n"], dependencies: [{ kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPagePerQuestionViewComponent, decorators: [{
             type: Component,
@@ -4093,7 +4123,7 @@ class AXMQuestionnaireViewerSideMenuViewComponent {
           <ax-tabs class="__sidebar-tabs" [look]="'with-line-color'" [location]="'end'" [fitParent]="true">
             @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {
               <ax-tab-item
-                [text]="vm.sections()[sectionIndex].title | axpResolveMultiLanguageString"
+                [text]="(vm.sections()[sectionIndex].title | translate | async) || ''"
                 (onClick)="handleSectionClick(sectionIndex)"
                 [disabled]="isSectionDisabled(sectionIndex)"
               >
@@ -4127,7 +4157,7 @@ class AXMQuestionnaireViewerSideMenuViewComponent {
               <ax-tabs class="__sidebar-tabs" [look]="'with-line-color'" [location]="'end'" [fitParent]="true">
                 @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {
                   <ax-tab-item
-                    [text]="vm.sections()[sectionIndex].title | axpResolveMultiLanguageString"
+                    [text]="(vm.sections()[sectionIndex].title | translate | async) || ''"
                     (onClick)="handleSectionClick(sectionIndex)"
                     [active]="vm.currentSectionIndex() === sectionIndex"
                     [disabled]="isSectionDisabled(sectionIndex)"
@@ -4230,7 +4260,7 @@ class AXMQuestionnaireViewerSideMenuViewComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: ["axm-questionnaire-viewer-side-menu-view{display:block;min-height:0px;width:100%;overflow:hidden}@media(min-width:640px){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(min-width:1024px){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:0px;width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:0px;flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:0px;flex:1 1 0%;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-top:0;margin-bottom:0;padding-top:.75rem;padding-bottom:.75rem;font-weight:600}.__main-content{display:flex;max-height:83vh;min-height:0px;flex:1 1 0%;flex-direction:column;overflow-y:auto}@media(min-width:768px){.__main-content{max-height:75vh}}.__mobile-header-row{position:sticky;top:0;z-index:10;display:flex;flex-shrink:0;align-items:flex-start;gap:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:.25rem .5rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__mobile-header-row.--stuck{box-shadow:0 1px 2px #0000000a,0 10px 28px -16px #0000002e}.__mobile-menu-button{flex-shrink:0}.__questions-container{display:flex;flex-direction:column;gap:1rem;padding:1rem}.__questions-container .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}.__questions-container .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){.__questions-container .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}.__questions-container .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}.__questions-container .__section-title-sticky.--stuck{border-bottom-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__questions-container .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__questions-list{display:flex;flex-direction:column;gap:1rem}\n"], dependencies: [{ kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "locale", "titleSize", "marginBottom"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i1$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i1$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i3$1.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "transition", "closeOnBackdropClick", "backdropClass", "collapsed", "singleOpenMode"], outputs: ["onBackdropClick", "collapsedStateChanged"] }, { kind: "component", type: i3$1.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDrawerDirectiveModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["axm-questionnaire-viewer-side-menu-view{display:block;min-height:0px;width:100%;overflow:hidden}@media(min-width:640px){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(min-width:1024px){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:0px;width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:0px;flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:0px;flex:1 1 0%;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-top:0;margin-bottom:0;padding-top:.75rem;padding-bottom:.75rem;font-weight:600}.__main-content{display:flex;max-height:83vh;min-height:0px;flex:1 1 0%;flex-direction:column;overflow-y:auto}@media(min-width:768px){.__main-content{max-height:75vh}}.__mobile-header-row{position:sticky;top:0;z-index:10;display:flex;flex-shrink:0;align-items:flex-start;gap:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:.25rem .5rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__mobile-header-row.--stuck{box-shadow:0 1px 2px #0000000a,0 10px 28px -16px #0000002e}.__mobile-menu-button{flex-shrink:0}.__questions-container{display:flex;flex-direction:column;gap:1rem;padding:1rem}.__questions-container .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}.__questions-container .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){.__questions-container .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}.__questions-container .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}.__questions-container .__section-title-sticky.--stuck{border-bottom-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__questions-container .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__questions-list{display:flex;flex-direction:column;gap:1rem}\n"], dependencies: [{ kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i1$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i1$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i3$1.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "transition", "closeOnBackdropClick", "backdropClass", "collapsed", "singleOpenMode"], outputs: ["onBackdropClick", "collapsedStateChanged"] }, { kind: "component", type: i3$1.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDrawerDirectiveModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerSideMenuViewComponent, decorators: [{
             type: Component,
@@ -4242,7 +4272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           <ax-tabs class="__sidebar-tabs" [look]="'with-line-color'" [location]="'end'" [fitParent]="true">
             @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {
               <ax-tab-item
-                [text]="vm.sections()[sectionIndex].title | axpResolveMultiLanguageString"
+                [text]="(vm.sections()[sectionIndex].title | translate | async) || ''"
                 (onClick)="handleSectionClick(sectionIndex)"
                 [disabled]="isSectionDisabled(sectionIndex)"
               >
@@ -4276,7 +4306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
               <ax-tabs class="__sidebar-tabs" [look]="'with-line-color'" [location]="'end'" [fitParent]="true">
                 @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {
                   <ax-tab-item
-                    [text]="vm.sections()[sectionIndex].title | axpResolveMultiLanguageString"
+                    [text]="(vm.sections()[sectionIndex].title | translate | async) || ''"
                     (onClick)="handleSectionClick(sectionIndex)"
                     [active]="vm.currentSectionIndex() === sectionIndex"
                     [disabled]="isSectionDisabled(sectionIndex)"
@@ -4382,7 +4412,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         AXMQuestionnaireViewerQuestionComponent,
                         AXMQuestionnaireViewerSectionHeaderComponent,
-                        AXPResolveMultiLanguageStringPipe,
                         AXTabsModule,
                         AXBadgeModule,
                         AXDrawerModule,
@@ -4391,6 +4420,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXButtonModule,
                         AXDecoratorModule,
                         AXPStickyDirective,
+                        AsyncPipe,
+                        AXTranslationModule,
                     ], styles: ["axm-questionnaire-viewer-side-menu-view{display:block;min-height:0px;width:100%;overflow:hidden}@media(min-width:640px){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(min-width:1024px){axm-questionnaire-viewer-side-menu-view{height:65vh}}.__side-menu-container{display:flex;height:100%;min-height:0px;width:100%;overflow:hidden}.__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}.__sidebar-drawer{height:100%;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-content{height:100%;overflow-y:auto}.__desktop-sidebar{display:flex;height:100%;min-height:0px;flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:0px;flex:1 1 0%;overflow-y:auto}.__sidebar-tabs ax-tab-item{margin-top:0;margin-bottom:0;padding-top:.75rem;padding-bottom:.75rem;font-weight:600}.__main-content{display:flex;max-height:83vh;min-height:0px;flex:1 1 0%;flex-direction:column;overflow-y:auto}@media(min-width:768px){.__main-content{max-height:75vh}}.__mobile-header-row{position:sticky;top:0;z-index:10;display:flex;flex-shrink:0;align-items:flex-start;gap:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:.25rem .5rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__mobile-header-row.--stuck{box-shadow:0 1px 2px #0000000a,0 10px 28px -16px #0000002e}.__mobile-menu-button{flex-shrink:0}.__questions-container{display:flex;flex-direction:column;gap:1rem;padding:1rem}.__questions-container .__section-title-sticky{position:sticky;top:0;z-index:10;isolation:isolate;min-width:0px;align-self:stretch;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem;transition:padding-block .28s cubic-bezier(.33,1,.68,1),border-color .22s ease-out}.__questions-container .__section-title-sticky:before{content:\"\";position:absolute;z-index:-1;inset-block:0;inset-inline:0;pointer-events:none;box-shadow:none;transition:inset-inline .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){.__questions-container .__section-title-sticky{transition-duration:1ms;transition-timing-function:linear}.__questions-container .__section-title-sticky:before{transition-duration:1ms;transition-timing-function:linear}}.__questions-container .__section-title-sticky.--stuck{border-bottom-width:1px;border-style:none;padding-top:.75rem;padding-bottom:.75rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.__questions-container .__section-title-sticky.--stuck:before{inset-inline:-1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.__questions-list{display:flex;flex-direction:column;gap:1rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tabRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXTabsComponent), { isSignal: true }] }] } });
 
@@ -4677,7 +4708,7 @@ const INTERFACE_TO_FILTER_WIDGET = {
     'date-time-box': 'datetime-filter',
 };
 function resolveInterface(itemInterfaceOverride, questionInterface) {
-    const resolved = (itemInterfaceOverride ?? questionInterface) ?? {};
+    const resolved = itemInterfaceOverride ?? questionInterface ?? {};
     const widgetType = INTERFACE_TO_FILTER_WIDGET[resolved.type ?? ''] ?? 'string-filter';
     const options = (resolved.options ?? {});
     return {
@@ -4711,9 +4742,7 @@ class AXMQuestionnaireEvaluatorScopeProvider {
                 return [];
             }
             try {
-                const dataAccessor = this.entityService
-                    .withEntity(questionnaireEntity)
-                    .data();
+                const dataAccessor = this.entityService.withEntity(questionnaireEntity).data();
                 const questionnaire = (await dataAccessor.byKey(questionnaireId));
                 const structure = questionnaire?.questions;
                 if (!structure?.sections?.length) {
@@ -4730,9 +4759,7 @@ class AXMQuestionnaireEvaluatorScopeProvider {
                 const questionBankMap = new Map();
                 if (questionBankItemIds.size > 0) {
                     const ids = Array.from(questionBankItemIds);
-                    const qbDataAccessor = this.entityService
-                        .withEntity(questionBankEntity)
-                        .data();
+                    const qbDataAccessor = this.entityService.withEntity(questionBankEntity).data();
                     try {
                         const queryResult = await qbDataAccessor.query({
                             skip: 0,
@@ -4767,9 +4794,7 @@ class AXMQuestionnaireEvaluatorScopeProvider {
                     for (const item of items) {
                         const itemId = item.name ?? item.questionBankItemId ?? `item-${order}`;
                         const field = `answers.${itemId}`;
-                        const question = item.questionBankItemId
-                            ? questionBankMap.get(item.questionBankItemId)
-                            : undefined;
+                        const question = item.questionBankItemId ? questionBankMap.get(item.questionBankItemId) : undefined;
                         const title = question?.title ??
                             (sectionTitleResolved ? `${sectionTitleResolved} - ${itemId}` : `Question ${order + 1}`);
                         const { type: widgetType, options: widgetOptions } = resolveInterface(item.interfaceOverride, question?.interface);
@@ -4808,9 +4833,7 @@ class AXMQuestionnaireEvaluatorScopeProvider {
                 return [];
             }
             try {
-                const dataAccessor = this.entityService
-                    .withEntity(questionnaireCalculationEntity)
-                    .data();
+                const dataAccessor = this.entityService.withEntity(questionnaireCalculationEntity).data();
                 const queryResult = await dataAccessor.query({
                     skip: 0,
                     take: 500,
@@ -4880,27 +4903,27 @@ class AXMQuestionnaireViewerFeatureModule {
             provideCommandSetups([
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-BrI5gFtx.mjs').then((c) => c.PreviewQuestionnaireCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-CY8tZWdG.mjs').then((c) => c.PreviewQuestionnaireCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                    command: () => import('./acorex-modules-assessment-management-preview-question.command-DPzL8C44.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-question.command-drR6nq76.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                    command: () => import('./acorex-modules-assessment-management-preview-question.command-DPzL8C44.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-question.command-drR6nq76.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-CU1TVonZ.mjs').then((c) => c.ViewSessionAnswersCommand),
+                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-AvTbWvGE.mjs').then((c) => c.ViewSessionAnswersCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-yf0PnWC0.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-Bpvco5iD.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-yf0PnWC0.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-Bpvco5iD.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
             ]),
         ], imports: [AXPWidgetCoreModule,
@@ -4927,27 +4950,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideCommandSetups([
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                                command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-BrI5gFtx.mjs').then((c) => c.PreviewQuestionnaireCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-CY8tZWdG.mjs').then((c) => c.PreviewQuestionnaireCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                                command: () => import('./acorex-modules-assessment-management-preview-question.command-DPzL8C44.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-question.command-drR6nq76.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                                command: () => import('./acorex-modules-assessment-management-preview-question.command-DPzL8C44.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-question.command-drR6nq76.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-CU1TVonZ.mjs').then((c) => c.ViewSessionAnswersCommand),
+                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-AvTbWvGE.mjs').then((c) => c.ViewSessionAnswersCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-yf0PnWC0.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-Bpvco5iD.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-yf0PnWC0.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-Bpvco5iD.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                         ]),
                     ],
@@ -5000,8 +5023,8 @@ class AXMAssessmentManagementModule {
             provideLazyProvider(AXP_PERMISSION_DEFINITION_PROVIDER, () => Promise.resolve().then(function () { return permissionDefinition_provider; }).then((m) => m.AXMAssessmentManagementPermissionDefinitionProvider)),
             provideLazyProvider(AXP_MENU_PROVIDER, () => Promise.resolve().then(function () { return menu_provider; }).then((m) => m.AXMAssessmentManagementMenuProvider)),
             provideLazyProvider(AXP_ENTITY_DEFINITION_LOADER, () => Promise.resolve().then(function () { return entity_provider; }).then((m) => m.AXMAssessmentManagementEntityProvider)),
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-B2SncZAW.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
-            provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-GLqvK8wB.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-_fPuBQeK.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
+            provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-C3gOkZa5.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
             provideLazyProvider(AXP_SEARCH_PROVIDER, () => Promise.resolve().then(function () { return searchCommand_provider; }).then((m) => m.AXMAssessmentManagementSearchCommandProvider)),
         ], imports: [AXMQuestionnaireBuilderFeatureModule,
             AXMQuestionnaireViewerFeatureModule] }); }
@@ -5033,8 +5056,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideLazyProvider(AXP_PERMISSION_DEFINITION_PROVIDER, () => Promise.resolve().then(function () { return permissionDefinition_provider; }).then((m) => m.AXMAssessmentManagementPermissionDefinitionProvider)),
                         provideLazyProvider(AXP_MENU_PROVIDER, () => Promise.resolve().then(function () { return menu_provider; }).then((m) => m.AXMAssessmentManagementMenuProvider)),
                         provideLazyProvider(AXP_ENTITY_DEFINITION_LOADER, () => Promise.resolve().then(function () { return entity_provider; }).then((m) => m.AXMAssessmentManagementEntityProvider)),
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-B2SncZAW.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
-                        provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-GLqvK8wB.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-assessment-management-index-_fPuBQeK.mjs').then((m) => m.AXMQuestionnaireQuestionsPageComponentProvider)),
+                        provideCommand('Questionnaire:Questions:Save', () => import('./acorex-modules-assessment-management-save-questionnaire-questions.command-C3gOkZa5.mjs').then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
                         provideLazyProvider(AXP_SEARCH_PROVIDER, () => Promise.resolve().then(function () { return searchCommand_provider; }).then((m) => m.AXMAssessmentManagementSearchCommandProvider)),
                     ],
                 }]
@@ -5144,37 +5167,39 @@ class AXMPreQuestionnaireContentComponent {
         //#region ----   Inputs   ----
         /** Rich text content. Supports multi-language: Record<locale, string>. */
         this.content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
-        /** Locale for multi-language content. Defaults to active lang. */
-        this.locale = input(undefined, ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPreQuestionnaireContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXMPreQuestionnaireContentComponent, isStandalone: true, selector: "axm-pre-questionnaire-content", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axm-pre-questionnaire-content" }, ngImport: i0, template: `
-    <div class="axm-pre-questionnaire-content ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-8 ax-min-h-[200px] ax-text-on-surface">
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXMPreQuestionnaireContentComponent, isStandalone: true, selector: "axm-pre-questionnaire-content", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axm-pre-questionnaire-content" }, ngImport: i0, template: `
+    <div
+      class="axm-pre-questionnaire-content ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-8 ax-min-h-[200px] ax-text-on-surface"
+    >
       <div
         class="ax-max-w-2xl ax-w-full ax-prose ax-text-on-surface"
-        [innerHTML]="content() | axpResolveMultiLanguageString: locale() | safe: 'html'"
+        [innerHTML]="content() | translate | async | safe: 'html'"
       ></div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPreQuestionnaireContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axm-pre-questionnaire-content',
                     template: `
-    <div class="axm-pre-questionnaire-content ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-8 ax-min-h-[200px] ax-text-on-surface">
+    <div
+      class="axm-pre-questionnaire-content ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-8 ax-min-h-[200px] ax-text-on-surface"
+    >
       <div
         class="ax-max-w-2xl ax-w-full ax-prose ax-text-on-surface"
-        [innerHTML]="content() | axpResolveMultiLanguageString: locale() | safe: 'html'"
+        [innerHTML]="content() | translate | async | safe: 'html'"
       ></div>
     </div>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXTranslationModule, AXSafePipe, AXPResolveMultiLanguageStringPipe],
+                    imports: [AXTranslationModule, AXSafePipe, AsyncPipe],
                     encapsulation: ViewEncapsulation.None,
                     host: { class: 'axm-pre-questionnaire-content' },
                 }]
-        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }] } });
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
 
 //#region ----   Imports   ----
 //#endregion
@@ -5295,14 +5320,57 @@ class AXMPostQuestionnaireContentComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPostQuestionnaireContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMPostQuestionnaireContentComponent, isStandalone: true, selector: "axm-post-questionnaire-content", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, questionsWithAnswers: { classPropertyName: "questionsWithAnswers", publicName: "questionsWithAnswers", isSignal: true, isRequired: false, transformFunction: null }, reviewContext: { classPropertyName: "reviewContext", publicName: "reviewContext", isSignal: true, isRequired: false, transformFunction: null }, summaryContent: { classPropertyName: "summaryContent", publicName: "summaryContent", isSignal: true, isRequired: false, transformFunction: null }, placeholderValues: { classPropertyName: "placeholderValues", publicName: "placeholderValues", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, showQuestionNumbers: { classPropertyName: "showQuestionNumbers", publicName: "showQuestionNumbers", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axm-post-questionnaire-content" }, ngImport: i0, template: `
     @if (mode() === 'review') {
-      <div class="axm-post-questionnaire-content __review ax-flex ax-flex-col ax-overflow-auto ax-min-h-full ax-text-on-surface">
+      <div
+        class="axm-post-questionnaire-content __review ax-flex ax-flex-col ax-overflow-auto ax-min-h-full ax-text-on-surface"
+      >
         <div class="ax-p-4 ax-border-b ax-border-surface">
-          <h2 class="ax-text-lg ax-font-semibold ax-text-on-surface">{{ '@assessment-management:questionnaires.components.questionnaire-viewer.flow.review-title' | translate | async }}</h2>
+          <h2 class="ax-text-lg ax-font-semibold ax-text-on-surface">
+            {{
+              '@assessment-management:questionnaires.components.questionnaire-viewer.flow.review-title'
+                | translate
+                | async
+            }}
+          </h2>
         </div>
         <div class="ax-flex-1 ax-overflow-auto ax-p-4 ax-flex ax-flex-col ax-gap-6">
           @if (reviewContext(); as ctx) {
             <axp-widgets-container [context]="ctx" class="ax-flex ax-flex-col ax-gap-6">
               @for (group of reviewSectionGroups(); track group.trackKey) {
+                <section class="ax-flex ax-flex-col ax-gap-4">
+                  <axm-questionnaire-viewer-section-header
+                    [title]="group.sectionTitle"
+                    [description]="group.sectionDescription"
+                    titleSize="md"
+                    marginBottom="sm"
+                  />
+                  @for (item of group.items; track item.name; let qi = $index) {
+                    @if (item.question?.question?.interface) {
+                      <div
+                        class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-overflow-hidden ax-shadow-sm"
+                      >
+                        <axm-questionnaire-viewer-question
+                          [question]="item.question!"
+                          [sectionOrder]="group.sectionOrder"
+                          [questionIndex]="qi + 1"
+                          [showQuestionNumbers]="showQuestionNumbers()"
+                          [mode]="'view'"
+                          [contextData]="ctx"
+                        ></axm-questionnaire-viewer-question>
+                      </div>
+                    } @else {
+                      <div
+                        class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-p-4 ax-shadow-sm"
+                      >
+                        <div class="ax-font-medium ax-mb-2 ax-text-on-surface">{{ item.title }}</div>
+                        <div class="ax-text-sm __post-text-muted">{{ formatAnswer(item.answer) }}</div>
+                      </div>
+                    }
+                  }
+                </section>
+              }
+            </axp-widgets-container>
+          } @else {
+            @for (group of reviewSectionGroups(); track group.trackKey) {
               <section class="ax-flex ax-flex-col ax-gap-4">
                 <axm-questionnaire-viewer-section-header
                   [title]="group.sectionTitle"
@@ -5310,44 +5378,15 @@ class AXMPostQuestionnaireContentComponent {
                   titleSize="md"
                   marginBottom="sm"
                 />
-                @for (item of group.items; track item.name; let qi = $index) {
-                  @if (item.question?.question?.interface) {
-                  <div class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-overflow-hidden ax-shadow-sm">
-                    <axm-questionnaire-viewer-question
-                      [question]="item.question!"
-                      [sectionOrder]="group.sectionOrder"
-                      [questionIndex]="qi + 1"
-                      [showQuestionNumbers]="showQuestionNumbers()"
-                      [mode]="'view'"
-                      [contextData]="ctx"
-                    ></axm-questionnaire-viewer-question>
-                  </div>
-                  } @else {
-                  <div class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-p-4 ax-shadow-sm">
+                @for (item of group.items; track item.name) {
+                  <div
+                    class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-p-4 ax-shadow-sm"
+                  >
                     <div class="ax-font-medium ax-mb-2 ax-text-on-surface">{{ item.title }}</div>
                     <div class="ax-text-sm __post-text-muted">{{ formatAnswer(item.answer) }}</div>
                   </div>
-                  }
                 }
               </section>
-              }
-            </axp-widgets-container>
-          } @else {
-            @for (group of reviewSectionGroups(); track group.trackKey) {
-            <section class="ax-flex ax-flex-col ax-gap-4">
-              <axm-questionnaire-viewer-section-header
-                [title]="group.sectionTitle"
-                [description]="group.sectionDescription"
-                titleSize="md"
-                marginBottom="sm"
-              />
-              @for (item of group.items; track item.name) {
-              <div class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-p-4 ax-shadow-sm">
-                <div class="ax-font-medium ax-mb-2 ax-text-on-surface">{{ item.title }}</div>
-                <div class="ax-text-sm __post-text-muted">{{ formatAnswer(item.answer) }}</div>
-              </div>
-              }
-            </section>
             }
           }
         </div>
@@ -5365,18 +5404,28 @@ class AXMPostQuestionnaireContentComponent {
                   | async
               }}
             </h3>
-            <ul class="ax-list-none ax-p-0 ax-m-0 ax-flex ax-flex-col ax-gap-1 ax-rounded-lg ax-border ax-border-surface ax-lighter-surface ax-overflow-hidden">
+            <ul
+              class="ax-list-none ax-p-0 ax-m-0 ax-flex ax-flex-col ax-gap-1 ax-rounded-lg ax-border ax-border-surface ax-lighter-surface ax-overflow-hidden"
+            >
               @for (row of outcomeEntries(); track row.key) {
-                <li class="ax-flex ax-justify-between ax-gap-4 ax-py-3 ax-px-4 ax-border-b ax-border-surface last:ax-border-b-0">
+                <li
+                  class="ax-flex ax-justify-between ax-gap-4 ax-py-3 ax-px-4 ax-border-b ax-border-surface last:ax-border-b-0"
+                >
                   <span class="ax-text-sm ax-font-medium __post-text-muted">{{ row.label }}</span>
-                  <span class="ax-text-sm ax-text-on-surface ax-text-right ax-break-all">{{ formatAnswer(row.value) }}</span>
+                  <span class="ax-text-sm ax-text-on-surface ax-text-right ax-break-all">{{
+                    formatAnswer(row.value)
+                  }}</span>
                 </li>
               }
             </ul>
           </div>
         } @else {
           <p class="ax-text-sm __post-text-muted">
-            {{ '@assessment-management:questionnaires.components.questionnaire-viewer.flow.no-outcomes' | translate | async }}
+            {{
+              '@assessment-management:questionnaires.components.questionnaire-viewer.flow.no-outcomes'
+                | translate
+                | async
+            }}
           </p>
         }
       </div>
@@ -5387,20 +5436,63 @@ class AXMPostQuestionnaireContentComponent {
         <div class="ax-max-w-2xl ax-w-full ax-prose ax-text-on-surface" [innerHTML]="summaryContentHtml()"></div>
       </div>
     }
-  `, isInline: true, styles: [".axm-post-questionnaire-content .__post-text-muted{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "locale", "titleSize", "marginBottom"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".axm-post-questionnaire-content .__post-text-muted{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPostQuestionnaireContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-post-questionnaire-content', template: `
     @if (mode() === 'review') {
-      <div class="axm-post-questionnaire-content __review ax-flex ax-flex-col ax-overflow-auto ax-min-h-full ax-text-on-surface">
+      <div
+        class="axm-post-questionnaire-content __review ax-flex ax-flex-col ax-overflow-auto ax-min-h-full ax-text-on-surface"
+      >
         <div class="ax-p-4 ax-border-b ax-border-surface">
-          <h2 class="ax-text-lg ax-font-semibold ax-text-on-surface">{{ '@assessment-management:questionnaires.components.questionnaire-viewer.flow.review-title' | translate | async }}</h2>
+          <h2 class="ax-text-lg ax-font-semibold ax-text-on-surface">
+            {{
+              '@assessment-management:questionnaires.components.questionnaire-viewer.flow.review-title'
+                | translate
+                | async
+            }}
+          </h2>
         </div>
         <div class="ax-flex-1 ax-overflow-auto ax-p-4 ax-flex ax-flex-col ax-gap-6">
           @if (reviewContext(); as ctx) {
             <axp-widgets-container [context]="ctx" class="ax-flex ax-flex-col ax-gap-6">
               @for (group of reviewSectionGroups(); track group.trackKey) {
+                <section class="ax-flex ax-flex-col ax-gap-4">
+                  <axm-questionnaire-viewer-section-header
+                    [title]="group.sectionTitle"
+                    [description]="group.sectionDescription"
+                    titleSize="md"
+                    marginBottom="sm"
+                  />
+                  @for (item of group.items; track item.name; let qi = $index) {
+                    @if (item.question?.question?.interface) {
+                      <div
+                        class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-overflow-hidden ax-shadow-sm"
+                      >
+                        <axm-questionnaire-viewer-question
+                          [question]="item.question!"
+                          [sectionOrder]="group.sectionOrder"
+                          [questionIndex]="qi + 1"
+                          [showQuestionNumbers]="showQuestionNumbers()"
+                          [mode]="'view'"
+                          [contextData]="ctx"
+                        ></axm-questionnaire-viewer-question>
+                      </div>
+                    } @else {
+                      <div
+                        class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-p-4 ax-shadow-sm"
+                      >
+                        <div class="ax-font-medium ax-mb-2 ax-text-on-surface">{{ item.title }}</div>
+                        <div class="ax-text-sm __post-text-muted">{{ formatAnswer(item.answer) }}</div>
+                      </div>
+                    }
+                  }
+                </section>
+              }
+            </axp-widgets-container>
+          } @else {
+            @for (group of reviewSectionGroups(); track group.trackKey) {
               <section class="ax-flex ax-flex-col ax-gap-4">
                 <axm-questionnaire-viewer-section-header
                   [title]="group.sectionTitle"
@@ -5408,44 +5500,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                   titleSize="md"
                   marginBottom="sm"
                 />
-                @for (item of group.items; track item.name; let qi = $index) {
-                  @if (item.question?.question?.interface) {
-                  <div class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-overflow-hidden ax-shadow-sm">
-                    <axm-questionnaire-viewer-question
-                      [question]="item.question!"
-                      [sectionOrder]="group.sectionOrder"
-                      [questionIndex]="qi + 1"
-                      [showQuestionNumbers]="showQuestionNumbers()"
-                      [mode]="'view'"
-                      [contextData]="ctx"
-                    ></axm-questionnaire-viewer-question>
-                  </div>
-                  } @else {
-                  <div class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-p-4 ax-shadow-sm">
+                @for (item of group.items; track item.name) {
+                  <div
+                    class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-p-4 ax-shadow-sm"
+                  >
                     <div class="ax-font-medium ax-mb-2 ax-text-on-surface">{{ item.title }}</div>
                     <div class="ax-text-sm __post-text-muted">{{ formatAnswer(item.answer) }}</div>
                   </div>
-                  }
                 }
               </section>
-              }
-            </axp-widgets-container>
-          } @else {
-            @for (group of reviewSectionGroups(); track group.trackKey) {
-            <section class="ax-flex ax-flex-col ax-gap-4">
-              <axm-questionnaire-viewer-section-header
-                [title]="group.sectionTitle"
-                [description]="group.sectionDescription"
-                titleSize="md"
-                marginBottom="sm"
-              />
-              @for (item of group.items; track item.name) {
-              <div class="__review-question-card ax-lighter-surface ax-rounded-lg ax-border ax-border-surface ax-p-4 ax-shadow-sm">
-                <div class="ax-font-medium ax-mb-2 ax-text-on-surface">{{ item.title }}</div>
-                <div class="ax-text-sm __post-text-muted">{{ formatAnswer(item.answer) }}</div>
-              </div>
-              }
-            </section>
             }
           }
         </div>
@@ -5463,18 +5526,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                   | async
               }}
             </h3>
-            <ul class="ax-list-none ax-p-0 ax-m-0 ax-flex ax-flex-col ax-gap-1 ax-rounded-lg ax-border ax-border-surface ax-lighter-surface ax-overflow-hidden">
+            <ul
+              class="ax-list-none ax-p-0 ax-m-0 ax-flex ax-flex-col ax-gap-1 ax-rounded-lg ax-border ax-border-surface ax-lighter-surface ax-overflow-hidden"
+            >
               @for (row of outcomeEntries(); track row.key) {
-                <li class="ax-flex ax-justify-between ax-gap-4 ax-py-3 ax-px-4 ax-border-b ax-border-surface last:ax-border-b-0">
+                <li
+                  class="ax-flex ax-justify-between ax-gap-4 ax-py-3 ax-px-4 ax-border-b ax-border-surface last:ax-border-b-0"
+                >
                   <span class="ax-text-sm ax-font-medium __post-text-muted">{{ row.label }}</span>
-                  <span class="ax-text-sm ax-text-on-surface ax-text-right ax-break-all">{{ formatAnswer(row.value) }}</span>
+                  <span class="ax-text-sm ax-text-on-surface ax-text-right ax-break-all">{{
+                    formatAnswer(row.value)
+                  }}</span>
                 </li>
               }
             </ul>
           </div>
         } @else {
           <p class="ax-text-sm __post-text-muted">
-            {{ '@assessment-management:questionnaires.components.questionnaire-viewer.flow.no-outcomes' | translate | async }}
+            {{
+              '@assessment-management:questionnaires.components.questionnaire-viewer.flow.no-outcomes'
+                | translate
+                | async
+            }}
           </p>
         }
       </div>
@@ -5792,7 +5865,7 @@ class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMQuestionnaireViewerPageComponent, isStandalone: true, selector: "axm-questionnaire-viewer-page", host: { classAttribute: "axm-questionnaire-viewer-page" }, providers: [{ provide: AXPPageLayoutBase, useExisting: AXMQuestionnaireViewerPageComponent }], viewQueries: [{ propertyName: "viewer", first: true, predicate: ["viewer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Page shell layout -->\n<axp-page-layout>\n  <!-- Main content area -->\n  <axp-page-content class=\"ax-flex ax-flex-col ax-flex-1 ax-min-h-0\"\n    [class.ax-overflow-hidden]=\"flowStep() === 'questions'\" [class.ax-overflow-y-auto]=\"flowStep() !== 'questions'\">\n    <!-- Loading state -->\n    @if (isLoading()) {\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-min-h-[200px]\">\n      <span>{{ '@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async\n        }}</span>\n    </div>\n    }\n    <!-- Error state -->\n    @else if (loadError()) {\n    <div class=\"ax-p-4 ax-text-error-600\">\n      {{ loadError() }}\n    </div>\n    }\n    <!-- Content state -->\n    @else if (structure()) {\n    <!-- Pre-questionnaire introduction content -->\n    @if (flowStep() === 'pre') {\n    <axm-pre-questionnaire-content [content]=\"prePostConfig()?.pre?.content\"></axm-pre-questionnaire-content>\n    }\n    <!-- Post-submit results content -->\n    @else if (flowStep() === 'results') {\n    <axm-post-questionnaire-content mode=\"results\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Post-submit summary content -->\n    @else if (flowStep() === 'summary') {\n    <axm-post-questionnaire-content mode=\"summary\" [summaryContent]=\"prePostConfig()?.post?.summaryContent\"\n      [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n    }\n    <!-- Questionnaire and review flow -->\n    @else {\n    <!-- Review mode content -->\n    @if (flowStep() === 'review') {\n    <axm-post-questionnaire-content mode=\"review\" [questionsWithAnswers]=\"reviewSnapshot()\"\n      [reviewContext]=\"reviewContext()\"></axm-post-questionnaire-content>\n    }\n\n    <!-- Questionnaire workspace (hidden while in review mode) -->\n    <div class=\"__questions ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-hidden\"\n      [class.ax-invisible]=\"flowStep() === 'review'\" [style.position]=\"flowStep() === 'review' ? 'fixed' : null\"\n      [style.left]=\"flowStep() === 'review' ? '-9999px' : null\" [class.ax-size-0]=\"flowStep() === 'review'\"\n      [class.ax-overflow-hidden]=\"flowStep() === 'review'\">\n\n      <!-- Questionnaire rendering container -->\n      <div class=\"__content ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-y-auto ax-overflow-x-hidden\">\n        <axm-questionnaire-viewer #viewer [structure]=\"structure()!\" [config]=\"viewerConfig()\"\n          [initialAnswers]=\"effectiveInitialAnswers()\"\n          (answersChanged)=\"handleAnswersChanged($event)\"></axm-questionnaire-viewer>\n      </div>\n    </div>\n    }\n    }\n  </axp-page-content>\n\n  <!-- Footer actions (only when content is ready) -->\n  @if (structure() && !isLoading() && !loadError()) {\n  <axp-page-footer class=\"--animated\">\n    <!-- Footer prefix: progress indicator -->\n    <axp-layout-prefix>\n      @if (flowStep() === 'questions') {\n      <div class=\"__footer-progress ax-text-sm ax-font-mono ax-tabular-nums\" dir=\"ltr\">\n        @if (showProgressBar()) {\n        {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}\n        }\n      </div>\n      }\n      <!-- @if (showTimer()) {\n      <axp-stopwatch [mode]=\"timerTimeLimit() ? 'count-down' : 'count-up'\" [timeLimit]=\"timerTimeLimit()\"\n        [format]=\"timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'\" [autoStart]=\"true\"\n        [showControls]=\"false\" [value]=\"timerElapsed()\"\n        (valueChange)=\"viewerViewModel()!.updateTimerElapsed($event)\"></axp-stopwatch>\n      } -->\n    </axp-layout-prefix>\n\n    <!-- Footer suffix: flow action buttons -->\n    <axp-layout-suffix>\n      @if (flowStep() === 'pre') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.start' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      }\n      <!-- Question step actions -->\n      @else if (flowStep() === 'questions') {\n      <!-- Question navigation buttons -->\n      @if (showNavigationButtons()) {\n      <ax-button look=\"solid\" [disabled]=\"!canNavigatePrevious()\"\n        [text]=\"'@general:actions.previous.title' | translate | async\" (onClick)=\"handlePreviousClick()\"></ax-button>\n      @if (!isLastStep()) {\n      <ax-button look=\"solid\" color=\"primary\" [disabled]=\"!canNavigateNext()\"\n        [text]=\"'@general:actions.next.title' | translate | async\" (onClick)=\"handleNextClick()\"></ax-button>\n      }\n      }\n\n      <!-- Final-step actions -->\n      @if (isLastStep() && showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.review' | translate | async\"\n        [disabled]=\"!areAllRequiredQuestionsAnswered()\" (onClick)=\"handleReviewClick()\"></ax-button>\n      }\n      @if (isLastStep() && !showReviewButton()) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isReadonly() || isSubmitting() || !areAllRequiredQuestionsAnswered()\"\n        (onClick)=\"handleSubmitClick()\"></ax-button>\n      }\n      }\n      <!-- Review step actions -->\n      @else if (flowStep() === 'review') {\n      <ax-button look=\"outline\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.edit' | translate | async\"\n        (onClick)=\"flowStep.set('questions')\"></ax-button>\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.submit.title' | translate | async\"\n        [disabled]=\"isSubmitting()\" (onClick)=\"handleReviewSubmit()\"></ax-button>\n      }\n      <!-- Results step actions -->\n      @else if (flowStep() === 'results') {\n      @if (prePostConfig()?.post?.summaryEnabled) {\n      <ax-button look=\"solid\" color=\"primary\" [text]=\"'@general:actions.next.title' | translate | async\"\n        (onClick)=\"flowStep.set('summary')\"></ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n      }\n      <!-- Summary step action -->\n      @else if (flowStep() === 'summary') {\n      <ax-button look=\"solid\" color=\"primary\"\n        [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async\"\n        (onClick)=\"handleDone()\"></ax-button>\n      }\n    </axp-layout-suffix>\n  </axp-page-footer>\n  }\n</axp-page-layout>", styles: ["axm-questionnaire-viewer-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));position:sticky;top:0;color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: 
                 //AXPStopwatchComponent,
-                AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXMPreQuestionnaireContentComponent, selector: "axm-pre-questionnaire-content", inputs: ["content", "locale"] }, { kind: "component", type: AXMPostQuestionnaireContentComponent, selector: "axm-post-questionnaire-content", inputs: ["mode", "questionsWithAnswers", "reviewContext", "summaryContent", "placeholderValues", "locale", "showQuestionNumbers"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXMPreQuestionnaireContentComponent, selector: "axm-pre-questionnaire-content", inputs: ["content"] }, { kind: "component", type: AXMPostQuestionnaireContentComponent, selector: "axm-post-questionnaire-content", inputs: ["mode", "questionsWithAnswers", "reviewContext", "summaryContent", "placeholderValues", "locale", "showQuestionNumbers"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPageComponent, decorators: [{
             type: Component,
@@ -6168,7 +6241,7 @@ class AXMQuestionnaireViewerStandalonePageComponent {
         </ax-footer>
       }
     </div>
-  `, isInline: true, styles: ["axm-questionnaire-viewer-standalone-page{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__body{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content-area{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-standalone-page .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:.375rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item i{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item span{font-weight:500}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-timer{display:flex;flex-shrink:0;align-items:center}axm-questionnaire-viewer-standalone-page .__content-wrapper{display:flex;min-height:0px;flex:1 1 0%;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-standalone-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-standalone-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: AXPStopwatchComponent, selector: "axp-stopwatch", inputs: ["mode", "timeLimit", "format", "autoStart", "showControls", "value"], outputs: ["valueChange", "timeUp"] }, { kind: "component", type: AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXMPreQuestionnaireContentComponent, selector: "axm-pre-questionnaire-content", inputs: ["content", "locale"] }, { kind: "component", type: AXMPostQuestionnaireContentComponent, selector: "axm-post-questionnaire-content", inputs: ["mode", "questionsWithAnswers", "reviewContext", "summaryContent", "placeholderValues", "locale", "showQuestionNumbers"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["axm-questionnaire-viewer-standalone-page{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__body{display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content-area{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-standalone-page .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-standalone-page .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:.375rem}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item i{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-600),var(--tw-text-opacity, 1))}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-meta .__meta-item span{font-weight:500}axm-questionnaire-viewer-standalone-page .__header .__header-top .__header-timer{display:flex;flex-shrink:0;align-items:center}axm-questionnaire-viewer-standalone-page .__content-wrapper{display:flex;min-height:0px;flex:1 1 0%;overflow:hidden}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer{display:flex;height:auto;max-height:none;min-height:0px;width:100%;max-width:100%;flex:none;flex-direction:column}axm-questionnaire-viewer-standalone-page .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-standalone-page .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}axm-questionnaire-viewer-standalone-page .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: AXPStopwatchComponent, selector: "axp-stopwatch", inputs: ["mode", "timeLimit", "format", "autoStart", "showControls", "value"], outputs: ["valueChange", "timeUp"] }, { kind: "component", type: AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXMPreQuestionnaireContentComponent, selector: "axm-pre-questionnaire-content", inputs: ["content"] }, { kind: "component", type: AXMPostQuestionnaireContentComponent, selector: "axm-post-questionnaire-content", inputs: ["mode", "questionsWithAnswers", "reviewContext", "summaryContent", "placeholderValues", "locale", "showQuestionNumbers"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerStandalonePageComponent, decorators: [{
             type: Component,
@@ -6306,4 +6379,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  */
 
 export { AXMQuestionnaireViewerService as A, AXMAssessmentManagementFeatureKeys as B, AXMAssessmentManagementMenuProvider as C, AXMAssessmentManagementModule as D, AXMAssessmentManagementPermissionDefinitionProvider as E, AXMAssessmentManagementPermissionKeys as F, AXMAssessmentManagementSearchCommandProvider as G, AXMQuestionnaireViewerPageComponent as H, AXMQuestionnaireViewerStandalonePageComponent as I, AXPAssessmentManagementMenuKeys as J, DEFAULT_POST_QUESTIONNAIRE_CONFIG as K, DEFAULT_PRE_QUESTIONNAIRE_CONFIG as L, DEFAULT_QUESTIONNAIRE_ENTITY_DISPLAY as M, DEFAULT_QUESTION_COMMENT_CONFIG as N, DEFAULT_QUESTION_HINT_CONFIG as O, getQuestionAnswerCommentStoragePath as P, normalizeValidationStrategy as Q, RootConfig as R, normalizeViewMode as S, readHintFieldsFromRecord as T, convertStateToValue as a, convertValueToState as b, createDefaultSection as c, getQuestionnaireItemVisibilityBadgeMode as d, normalizeQuestionHintFromEntityRow as e, mergeQuestionHintForViewer as f, getQuestionnaireItemRequiredBadgeMode as g, collectQuestionnaireItemNames as h, allocateNextQuestionItemName as i, normalizeQuestionHintMode as j, normalizeQuestionHintConfig as k, diffQuestionHintOverride as l, mergeQuestionCommentConfig as m, normalizeQuestionCommentConfig as n, diffQuestionCommentOverride as o, parseQuestionHintPartialFromRecord as p, toPrePostConfig as q, AXMQuestionnaireViewerComponent as r, stripHtmlToPlain as s, toDisplaySettings as t, AXMPreQuestionnaireContentComponent as u, AXMPostQuestionnaireContentComponent as v, stripQuestionBankInterfaceMetadata as w, resolveWidgetNodeFromMetaDataDefinitionInterface as x, AXMAssessmentManagementEntityProvider as y, AXMAssessmentManagementFeatureDefinitionProvider as z };
-//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-BNK6C-Ng.mjs.map
+//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-CMS2WJDu.mjs.map